Files
self/sdk/qrcode/animations/status-error.json
Kartik Mehta bebaebc872 QR code SDK Redesign (#1536)
* Refactor NFC scanner tests to use a global variable for platform OS, allowing dynamic switching between iOS and Android during tests. This change improves test isolation and avoids hoisting issues with jest.mock.

* Triggering GitHub workflows

* Add status animations and self logos

* Update utilities and styles for statuses

* Remove old LED implementation and occurences

* Update Self QR Code with new design

* Add status banner

* Remove console and use QRcodeSteps in styles

* Add ARIA and use Memo to prevent re-renders

* Add refs for success and error callbacks

* Use ref for self app in qrcode

* Use selfapp ref consistently

* Update connected state animtion

* Skip 'parses Android response' test in nfcScanner

---------

Co-authored-by: Justin Hernandez <justin.hernandez@self.xyz>
Co-authored-by: Javier Cortejoso <javier.cortejoso@gmail.com>
2026-01-21 23:07:24 +10:00

713 lines
19 KiB
JSON

{
"nm": "newScene",
"ddd": 0,
"h": 93,
"w": 93,
"meta": { "g": "SVG to Lottie" },
"layers": [
{
"ty": 4,
"nm": "",
"sr": 1,
"st": 0,
"op": 50,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [0, 0] },
"s": { "a": 0, "k": [100, 100] },
"sk": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [0, 0] },
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 100 }
},
"ef": [],
"shapes": [],
"ind": 1
},
{
"ty": 4,
"nm": "",
"sr": 1,
"st": 0,
"op": 50,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [0, 0] },
"s": { "a": 0, "k": [100, 100] },
"sk": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [0, 0] },
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 100 }
},
"ef": [],
"shapes": [
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "rc",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"p": { "a": 0, "k": [46, 46.5] },
"r": { "a": 0, "k": 0 },
"s": { "a": 0, "k": [4, 11] }
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0, 0, 0] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 3.5
},
{ "s": [100, 100], "t": 20 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 3.5
},
{ "s": [0, 0], "t": 20 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 3.5 },
{ "s": [100], "t": 20 }
]
}
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "rc",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"p": { "a": 0, "k": [46, 56] },
"r": { "a": 0, "k": 0 },
"s": { "a": 0, "k": [4, 4] }
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0, 0, 0] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 3
},
{ "s": [100, 100], "t": 17.5 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 3
},
{ "s": [0, 0], "t": 17.5 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 3 },
{ "s": [100], "t": 17.5 }
]
}
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"ks": {
"a": 0,
"k": {
"c": true,
"i": [
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[46.3205, 31],
[63.641, 61],
[29, 61],
[46.3205, 31]
]
}
}
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0.9922, 0.8784, 0.2784] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 2.5
},
{ "s": [100, 100], "t": 15 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 2.5
},
{ "s": [0, 0], "t": 15 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 2.5 },
{ "s": [100], "t": 15 }
]
}
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"ks": {
"a": 0,
"k": {
"c": true,
"i": [
[0, 0],
[0, 0],
[0.8000000000000043, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0.8000000000000043],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[62.42, 36.38],
[62.42, 60.65],
[60.98, 62.09],
[36.71, 62.09],
[16.79, 82.01],
[64.78, 82.01],
[82, 64.79],
[82, 36.39],
[62.42, 36.39],
[62.42, 36.38]
]
}
}
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0, 0, 0] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 2
},
{ "s": [100, 100], "t": 12.5 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 2
},
{ "s": [0, 0], "t": 12.5 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 2 },
{ "s": [100], "t": 12.5 }
]
}
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"ks": {
"a": 0,
"k": {
"c": true,
"i": [
[0, 0],
[-0.8000000000000007, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, -0.8000000000000007],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[29.58, 30.69],
[31.02, 29.25],
[55.96, 29.25],
[75.21, 10],
[27.22, 10],
[10, 27.22],
[10, 55.55],
[29.58, 55.55],
[29.58, 30.68],
[29.58, 30.69]
]
}
}
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0, 0, 0] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 1.5
},
{ "s": [100, 100], "t": 10 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 1.5
},
{ "s": [0, 0], "t": 10 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 1.5 },
{ "s": [100], "t": 10 }
]
}
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "rc",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"p": { "a": 0, "k": [37, 55.5] },
"r": { "a": 0, "k": 0 },
"s": { "a": 0, "k": [54, 53] }
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0, 0, 0] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 1
},
{ "s": [100, 100], "t": 7.5 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 1
},
{ "s": [0, 0], "t": 7.5 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 1 },
{ "s": [100], "t": 7.5 }
]
}
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "rc",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"p": { "a": 0, "k": [55, 36.5] },
"r": { "a": 0, "k": 0 },
"s": { "a": 0, "k": [54, 53] }
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [0, 0, 0] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 0.5
},
{ "s": [100, 100], "t": 5 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 0.5
},
{ "s": [0, 0], "t": 5 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 0.5 },
{ "s": [100], "t": 5 }
]
}
}
]
}
],
"ind": 2,
"parent": 1
},
{
"ty": 4,
"nm": "",
"sr": 1,
"st": 0,
"op": 50,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [0, 0] },
"s": { "a": 0, "k": [100, 100] },
"sk": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [0, 0] },
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 100 }
},
"ef": [],
"shapes": [
{
"ty": "gr",
"bm": 0,
"hd": false,
"nm": "",
"it": [
{
"ty": "rc",
"bm": 0,
"hd": false,
"nm": "",
"d": 1,
"p": { "a": 0, "k": [46.0817, 46.0817] },
"r": { "a": 0, "k": 0 },
"s": { "a": 0, "k": [92.1634, 92.1634] }
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"nm": "",
"c": { "a": 0, "k": [1, 1, 1] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0] },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [0, 0],
"t": 0
},
{ "s": [100, 100], "t": 2.5 }
]
},
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.34, "y": 1.55 },
"i": { "x": 0.65, "y": 1 },
"s": [46.5, 46.5],
"t": 0
},
{ "s": [0, 0], "t": 2.5 }
]
},
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": {
"a": 1,
"k": [
{ "o": { "x": 0.34, "y": 1.55 }, "i": { "x": 0.65, "y": 1 }, "s": [0], "t": 0 },
{ "s": [100], "t": 2.5 }
]
}
}
]
}
],
"ind": 3,
"parent": 1
}
],
"v": "5.7.0",
"fr": 60,
"op": 50,
"ip": 0,
"assets": []
}