diff --git a/apps/web/components/ConfirmationModal/ConfirmationModal.tsx b/apps/web/components/ConfirmationModal/ConfirmationModal.tsx new file mode 100644 index 000000000..7e79929dc --- /dev/null +++ b/apps/web/components/ConfirmationModal/ConfirmationModal.tsx @@ -0,0 +1,31 @@ +import React from 'react'; +import Lottie from 'lottie-react'; +import { modals } from '@mantine/modals'; +import { CONSTANTS, colors } from '@config'; +import { Button, Stack, Text } from '@mantine/core'; + +import FailedAnimationData from './failed-animation-data.json'; +import SuccessAnimationData from './success-animation-data.json'; + +interface ConfirmationModalProps { + status: string; +} + +export const ConfirmationModal = ({ status }: ConfirmationModalProps) => { + return ( + + + + {status === CONSTANTS.PAYMENT_SUCCCESS_CODE + ? CONSTANTS.PAYMENT_SUCCESS_MESSAGE + : CONSTANTS.PAYMENT_FAILED_MESSAGE} + + + + ); +}; diff --git a/apps/web/components/ConfirmationModal/failed-animation-data.json b/apps/web/components/ConfirmationModal/failed-animation-data.json new file mode 100644 index 000000000..a3e8d721b --- /dev/null +++ b/apps/web/components/ConfirmationModal/failed-animation-data.json @@ -0,0 +1,1984 @@ +{ + "nm": "Failed", + "ddd": 0, + "h": 1080, + "w": 1080, + "meta": { + "g": "LottieFiles AE 3.1.1" + }, + "layers": [ + { + "ty": 4, + "nm": "cros1", + "sr": 1, + "st": 0, + "op": 60.0000024438501, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [319.771, 234.922, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [119.548, 119.548, 100], + "ix": 6 + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [540.21, 535.925, 0], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100, + "ix": 11 + } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 2, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-144.75, 96.16] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [114.401, -118.25], + [-53.706, 49.857], + [30.348, 22.09] + ] + }, + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 28.346, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [277.79, 280.751], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "tm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Trim", + "nm": "Trim Paths 1", + "ix": 2, + "e": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [100], + "t": 15 + }, + { + "s": [54], + "t": 35.0000014255792 + } + ], + "ix": 2 + }, + "o": { + "a": 0, + "k": 0, + "ix": 3 + }, + "s": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [100], + "t": 15 + }, + { + "s": [0], + "t": 35.0000014255792 + } + ], + "ix": 1 + }, + "m": 1 + } + ], + "ind": 1 + }, + { + "ty": 4, + "nm": "cros2", + "sr": 1, + "st": 0, + "op": 60.0000024438501, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [313.219, 323.786, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [119.548, 119.548, 100], + "ix": 6 + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [537, 534.463, 0], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100, + "ix": 11 + } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 2, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-144.75, -96.16] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [114.401, 118.249], + [-53.706, -49.857], + [30.348, -22.09] + ] + }, + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 28.346, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [277.79, 280.941], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "tm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Trim", + "nm": "Trim Paths 1", + "ix": 2, + "e": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [100], + "t": 15 + }, + { + "s": [54], + "t": 35.0000014255792 + } + ], + "ix": 2 + }, + "o": { + "a": 0, + "k": 0, + "ix": 3 + }, + "s": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [100], + "t": 15 + }, + { + "s": [0], + "t": 35.0000014255792 + } + ], + "ix": 1 + }, + "m": 1 + } + ], + "ind": 2 + }, + { + "ty": 4, + "nm": "elipse bold", + "sr": 1, + "st": 0, + "op": 60.0000024438501, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [-62, -4.5, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [91.25, 91.25, 100], + "t": 0 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [582.5, 582.5, 100], + "t": 14 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [536.25, 536.25, 100], + "t": 21 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.833, + "y": 1 + }, + "s": [558.75, 558.75, 100], + "t": 27 + }, + { + "s": [158.75, 158.75, 100], + "t": 269.000010956595 + } + ], + "ix": 6 + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [540, 535.5, 0], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [0], + "t": 0 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [81], + "t": 14 + }, + { + "s": [100], + "t": 27.0000010997325 + } + ], + "ix": 11 + } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 1", + "ix": 1, + "cix": 2, + "np": 2, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [80, 80], + "ix": 2 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.3059, 0.3059], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-62, -4.5], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + } + ], + "ind": 3 + }, + { + "ty": 4, + "nm": "elipse light", + "sr": 1, + "st": 0, + "op": 60.0000024438501, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [-60.75, -4.5, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [150, 150, 100], + "t": 0 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [580, 580, 100], + "t": 14 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [528, 528, 100], + "t": 21 + }, + { + "s": [585, 585, 100], + "t": 27.0000010997325 + } + ], + "ix": 6 + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [540, 535.5, 0], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [0], + "t": 0 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [80], + "t": 14 + }, + { + "s": [0], + "t": 27.0000010997325 + } + ], + "ix": 11 + } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 1", + "ix": 1, + "cix": 2, + "np": 2, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [122.5, 122.5], + "ix": 2 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-60.75, -4.25], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + } + ], + "ind": 4 + }, + { + "ty": 4, + "nm": "background", + "sr": 1, + "st": 0, + "op": 60.0000024438501, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [415.646, 415.646, 100], + "t": 13 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [577.128, 577.128, 100], + "t": 26 + }, + { + "s": [370.371, 370.371, 100], + "t": 36.0000014663101 + } + ], + "ix": 6 + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [540, 540, 0], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [0], + "t": 13 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [50], + "t": 26 + }, + { + "s": [100], + "t": 36.0000014663101 + } + ], + "ix": 11 + } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 8", + "ix": 1, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [6, 6], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-73, -4], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 7", + "ix": 2, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [9, 9], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [42, -63], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 6", + "ix": 3, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [7.5, 7.5], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-65.25, -37.75], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 5", + "ix": 4, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [9.5, 9.5], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-6.75, 68.75], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 4", + "ix": 5, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [12.5, 12.5], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [59.75, 43.25], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 3", + "ix": 6, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [12, 12], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-49.5, -57.5], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 2", + "ix": 7, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [17, 17], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [-51, 48.5], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + }, + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Ellipse 1", + "ix": 8, + "cix": 2, + "np": 3, + "it": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Ellipse", + "nm": "Ellipse Path 1", + "d": 1, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "s": { + "a": 0, + "k": [15, 15], + "ix": 2 + } + }, + { + "ty": "st", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Stroke", + "nm": "Stroke 1", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 5, + "ix": 5 + }, + "c": { + "a": 0, + "k": [1, 1, 1], + "ix": 3 + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [1, 0.6431, 0.6431], + "ix": 4 + }, + "r": 1, + "o": { + "a": 0, + "k": 100, + "ix": 5 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "p": { + "a": 0, + "k": [66.5, -49], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + } + } + ] + } + ], + "ind": 5 + }, + { + "ty": 5, + "nm": "Payment Failed", + "sr": 1, + "st": 0, + "op": 60.0000024438501, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [313.125, 893, 0], + "ix": 2 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 1, + "k": [ + { + "o": { + "x": 0.167, + "y": 0.167 + }, + "i": { + "x": 0.833, + "y": 0.833 + }, + "s": [0], + "t": 29 + }, + { + "s": [100], + "t": 40.0000016292334 + } + ], + "ix": 11 + } + }, + "ef": [], + "t": { + "m": { + "a": { + "a": 0, + "k": [0, 0], + "ix": 2 + }, + "g": 1 + }, + "p": {}, + "a": [], + "d": { + "k": [ + { + "s": { + "f": "MyriadPro-Regular", + "s": 64, + "t": "", + "fc": [1, 0.3059, 0.3059], + "lh": 76.8, + "tr": 0, + "j": 0, + "ca": 0 + }, + "t": 0 + } + ] + } + }, + "ind": 6 + } + ], + "v": "4.8.0", + "fr": 29.9700012207031, + "op": 60.0000024438501, + "ip": 0, + "fonts": { + "list": [ + { + "ascent": 70.9991455078125, + "fClass": "", + "fFamily": "Myriad Pro", + "fStyle": "Regular", + "fName": "MyriadPro-Regular", + "fPath": "", + "fWeight": "", + "origin": 0 + } + ] + }, + "assets": [] +} diff --git a/apps/web/components/ConfirmationModal/index.ts b/apps/web/components/ConfirmationModal/index.ts new file mode 100644 index 000000000..828239d50 --- /dev/null +++ b/apps/web/components/ConfirmationModal/index.ts @@ -0,0 +1 @@ +export * from './ConfirmationModal'; diff --git a/apps/web/components/ConfirmationModal/success-animation-data.json b/apps/web/components/ConfirmationModal/success-animation-data.json new file mode 100644 index 000000000..06b56baa1 --- /dev/null +++ b/apps/web/components/ConfirmationModal/success-animation-data.json @@ -0,0 +1,4067 @@ +{ + "v": "5.6.3", + "fr": 29.9700012207031, + "ip": 0, + "op": 47.0000019143492, + "w": 1920, + "h": 1080, + "nm": "Successful", + "ddd": 0, + "assets": [], + "fonts": { + "list": [ + { + "fName": "SFUIDisplay-Bold", + "fFamily": "SF UI Display", + "fStyle": "Bold", + "ascent": 73.828125 + } + ] + }, + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 5, + "nm": "Payment Successful", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { + "x": [0.833], + "y": [0.833] + }, + "o": { + "x": [0.167], + "y": [0.167] + }, + "t": 27, + "s": [0] + }, + { + "t": 37.0000015070409, + "s": [100] + } + ], + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [664.641, 864, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "t": { + "d": { + "k": [ + { + "s": { + "s": 64, + "f": "SFUIDisplay-Bold", + "t": "", + "j": 0, + "tr": 0, + "lh": 76.8, + "ls": 0, + "fc": [1, 0.8667, 0, 1] + }, + "t": 0 + } + ] + }, + "p": {}, + "m": { + "g": 1, + "a": { + "a": 0, + "k": [0, 0], + "ix": 2 + } + }, + "a": [] + }, + "ip": 0, + "op": 47.0000019143492, + "st": 0, + "bm": 0, + "completed": true + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "check", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [961.141, 540, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [376.304, 376.304, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [-23, -3.5], + [-7.5, 12], + [20.5, -16] + ], + "o": [ + [-23, -3.5], + [-7.5, 12], + [20.5, -16] + ], + "v": [ + [-23, -3.5], + [-7.5, 12], + [20.5, -16] + ], + "c": false + }, + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false, + "_render": true + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [0.9961, 0.9608, 0.7412, 1], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 12, + "ix": 5 + }, + "lc": 2, + "lj": 1, + "ml": 4, + "bm": 0, + "nm": "Stroke 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [0, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "tm", + "s": { + "a": 0, + "k": 0, + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 14, + "s": [0] + }, + { + "t": 27.0000010997325, + "s": [100] + } + ], + "ix": 2 + }, + "o": { + "a": 0, + "k": 0, + "ix": 3 + }, + "m": 1, + "ix": 2, + "nm": "Trim Paths 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false, + "_render": true + } + ], + "ip": 0, + "op": 47.0000019143492, + "st": 0, + "bm": 0, + "completed": true + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "elipse bold", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 0, + "s": [0] + }, + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 14, + "s": [81] + }, + { + "t": 27.0000010997325, + "s": [100] + } + ], + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [960, 535.5, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-62, -4.5, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 0, + "s": [41.25, 41.25, 100] + }, + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 14, + "s": [532.5, 532.5, 100] + }, + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 21, + "s": [413.25, 413.25, 100] + }, + { + "t": 27.0000010997325, + "s": [508.75, 508.75, 100] + } + ], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [80, 80], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8667, 0, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-62, -4.5], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + } + ], + "ip": 0, + "op": 47.0000019143492, + "st": 0, + "bm": 0, + "completed": true + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "elipse light", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 0, + "s": [0] + }, + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 14, + "s": [80] + }, + { + "t": 27.0000010997325, + "s": [0] + } + ], + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [960, 535.5, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-60.75, -4.5, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 0, + "s": [100, 100, 100] + }, + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 14, + "s": [530, 530, 100] + }, + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 21, + "s": [431, 431, 100] + }, + { + "t": 27.0000010997325, + "s": [535, 535, 100] + } + ], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [122.5, 122.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.9333, 0.5, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-60.75, -4.25], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + } + ], + "ip": 0, + "op": 47.0000019143492, + "st": 0, + "bm": 0, + "completed": true + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "stars", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 9, + "s": [0] + }, + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 21, + "s": [100] + }, + { + "t": 33.0000013441176, + "s": [0] + } + ], + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [960, 540, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 9, + "s": [89.979, 89.979, 100] + }, + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 21, + "s": [440.397, 440.397, 100] + }, + { + "t": 33.0000013441176, + "s": [554.944, 554.944, 100] + } + ], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { + "a": 0, + "k": 5, + "ix": 3 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 4 + }, + "r": { + "a": 0, + "k": 0, + "ix": 5 + }, + "ir": { + "a": 0, + "k": 4.301, + "ix": 6 + }, + "is": { + "a": 0, + "k": 0, + "ix": 8 + }, + "or": { + "a": 0, + "k": 8.602, + "ix": 7 + }, + "os": { + "a": 0, + "k": 0, + "ix": 9 + }, + "ix": 1, + "nm": "Polystar Path 1", + "mn": "ADBE Vector Shape - Star", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [2.5, 81], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Polystar 7", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { + "a": 0, + "k": 5, + "ix": 3 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 4 + }, + "r": { + "a": 0, + "k": 0, + "ix": 5 + }, + "ir": { + "a": 0, + "k": 2.761, + "ix": 6 + }, + "is": { + "a": 0, + "k": 0, + "ix": 8 + }, + "or": { + "a": 0, + "k": 5.523, + "ix": 7 + }, + "os": { + "a": 0, + "k": 0, + "ix": 9 + }, + "ix": 1, + "nm": "Polystar Path 1", + "mn": "ADBE Vector Shape - Star", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-3.5, -91.75], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Polystar 6", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 2, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { + "a": 0, + "k": 5, + "ix": 3 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 4 + }, + "r": { + "a": 0, + "k": 0, + "ix": 5 + }, + "ir": { + "a": 0, + "k": 4.301, + "ix": 6 + }, + "is": { + "a": 0, + "k": 0, + "ix": 8 + }, + "or": { + "a": 0, + "k": 8.602, + "ix": 7 + }, + "os": { + "a": 0, + "k": 0, + "ix": 9 + }, + "ix": 1, + "nm": "Polystar Path 1", + "mn": "ADBE Vector Shape - Star", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-82, -12], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Polystar 4", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 3, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { + "a": 0, + "k": 5, + "ix": 3 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 4 + }, + "r": { + "a": 0, + "k": 0, + "ix": 5 + }, + "ir": { + "a": 0, + "k": 3.64, + "ix": 6 + }, + "is": { + "a": 0, + "k": 0, + "ix": 8 + }, + "or": { + "a": 0, + "k": 7.28, + "ix": 7 + }, + "os": { + "a": 0, + "k": 0, + "ix": 9 + }, + "ix": 1, + "nm": "Polystar Path 1", + "mn": "ADBE Vector Shape - Star", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [89.5, -14.5], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Polystar 2", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 4, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + } + ], + "ip": 0, + "op": 47.0000019143492, + "st": 0, + "bm": 0, + "completed": true + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "circle", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 9, + "s": [0] + }, + { + "i": { + "x": [0.667], + "y": [1] + }, + "o": { + "x": [0.333], + "y": [0] + }, + "t": 21, + "s": [100] + }, + { + "t": 33.0000013441176, + "s": [0] + } + ], + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [960, 540, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 9, + "s": [139.752, 139.752, 100] + }, + { + "i": { + "x": [0.667, 0.667, 0.667], + "y": [1, 1, 1] + }, + "o": { + "x": [0.333, 0.333, 0.333], + "y": [0, 0, 0] + }, + "t": 21, + "s": [535.117, 535.117, 100] + }, + { + "t": 33.0000013441176, + "s": [785.336, 785.336, 100] + } + ], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [7.5, 7.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-0.25, 58.75], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 8", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [6.5, 6.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-4.25, -61.75], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 7", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 2, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [7, 7], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [55, -14], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 6", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 3, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [6, 6], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-56.5, 9.5], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 5", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 4, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [11.5, 11.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [54.25, 32.75], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 4", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 5, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [14.5, 14.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-50.25, 41.25], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 3", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 6, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [12.5, 12.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-46.75, -50.25], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 2", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 7, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [15.5, 15.5], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false, + "_render": true + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 0.8693, 0.02, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false, + "_render": true + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [45.25, -60.75], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform", + "_render": true + } + ], + "nm": "Ellipse 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 8, + "mn": "ADBE Vector Group", + "hd": false, + "_render": true + } + ], + "ip": 0, + "op": 47.0000019143492, + "st": 0, + "bm": 0, + "completed": true + } + ], + "markers": [], + "chars": [ + { + "ch": "P", + "size": 64, + "style": "Bold", + "w": 62.5, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [5.859, -70.459], + [5.859, 0], + [20.605, 0], + [20.605, -22.217], + [34.521, -22.217], + [59.668, -31.885], + [49.707, -70.459] + ], + "o": [ + [5.859, -70.459], + [5.859, 0], + [20.605, 0], + [20.605, -22.217], + [49.365, -22.217], + [59.668, -60.84], + [35.254, -70.459] + ], + "v": [ + [5.859, -70.459], + [5.859, 0], + [20.605, 0], + [20.605, -22.217], + [34.521, -22.217], + [59.668, -46.338], + [35.254, -70.459] + ], + "c": true + }, + "ix": 2 + }, + "nm": "P", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ind": 1, + "ty": "sh", + "ix": 2, + "ks": { + "a": 0, + "k": { + "i": [ + [20.605, -58.789], + [31.348, -58.789], + [44.678, -54.297], + [39.746, -33.74], + [20.605, -33.74] + ], + "o": [ + [20.605, -58.789], + [39.795, -58.789], + [44.678, -38.232], + [31.299, -33.74], + [20.605, -33.74] + ], + "v": [ + [20.605, -58.789], + [31.348, -58.789], + [44.678, -46.289], + [31.299, -33.74], + [20.605, -33.74] + ], + "c": true + }, + "ix": 2 + }, + "nm": "P", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "P", + "np": 5, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "a", + "size": 64, + "style": "Bold", + "w": 56.01, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [31.983, -9.766], + [16.846, -12.256], + [20.02, -22.509], + [37.256, -23.682], + [37.256, -19.727] + ], + "o": [ + [20.215, -9.766], + [16.846, -20.166], + [25.977, -22.9], + [37.256, -23.682], + [37.256, -13.868] + ], + "v": [ + [25.391, -9.766], + [16.846, -16.211], + [25.977, -22.9], + [37.256, -23.682], + [37.256, -19.727] + ], + "c": true + }, + "ix": 2 + }, + "nm": "a", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ind": 1, + "ty": "sh", + "ix": 2, + "ks": { + "a": 0, + "k": { + "i": [ + [10.4, 0.635], + [34.277, -2.686], + [37.5, -8.301], + [37.5, 0], + [51.27, 0], + [51.27, -36.865], + [42.236, -54.688], + [5.713, -47.608], + [18.359, -37.354], + [22.656, -43.994], + [37.256, -41.162], + [37.256, -32.422], + [23.828, -31.592], + [2.637, -25.245] + ], + "o": [ + [27.637, 0.635], + [37.207, -8.301], + [37.5, -8.301], + [37.5, 0], + [51.27, 0], + [51.27, -47.607], + [14.99, -54.688], + [5.322, -37.354], + [19.043, -41.26], + [33.691, -43.994], + [37.256, -35.986], + [37.256, -32.422], + [10.107, -30.762], + [2.637, -5.86] + ], + "v": [ + [20.752, 0.635], + [37.207, -8.301], + [37.5, -8.301], + [37.5, 0], + [51.27, 0], + [51.27, -36.865], + [28.418, -54.688], + [5.322, -37.354], + [18.359, -37.354], + [27.832, -43.994], + [37.256, -35.986], + [37.256, -32.422], + [23.828, -31.592], + [2.637, -15.479] + ], + "c": true + }, + "ix": 2 + }, + "nm": "a", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "a", + "np": 5, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "y", + "size": 64, + "style": "Bold", + "w": 56.2, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [11.133, 19.629], + [31.689, 14.795], + [54.883, -53.76], + [39.844, -53.76], + [28.174, -11.572], + [27.881, -11.572], + [16.26, -53.76], + [0.635, -53.76], + [19.482, 0.342], + [18.994, 2.393], + [14.795, 8.545], + [6.738, 8.496], + [6.25, 19.434] + ], + "o": [ + [25.098, 19.629], + [36.279, 1.074], + [54.883, -53.76], + [39.844, -53.76], + [28.174, -11.572], + [27.881, -11.572], + [16.26, -53.76], + [0.635, -53.76], + [19.482, 0.342], + [17.871, 6.69], + [8.887, 8.545], + [6.25, 8.398], + [6.787, 19.532] + ], + "v": [ + [11.67, 19.629], + [36.279, 1.074], + [54.883, -53.76], + [39.844, -53.76], + [28.174, -11.572], + [27.881, -11.572], + [16.26, -53.76], + [0.635, -53.76], + [19.482, 0.342], + [18.994, 2.393], + [9.473, 8.545], + [6.25, 8.398], + [6.25, 19.434] + ], + "c": true + }, + "ix": 2 + }, + "nm": "y", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "y", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "m", + "size": 64, + "style": "Bold", + "w": 88.43, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [4.834, 0], + [19.092, 0], + [19.092, -32.324], + [22.998, -42.725], + [37.451, -39.258], + [37.451, 0], + [51.221, 0], + [51.221, -32.52], + [54.981, -42.725], + [69.58, -39.258], + [69.58, 0], + [83.838, 0], + [83.838, -36.523], + [76.758, -54.541], + [51.953, -50.293], + [49.219, -43.555], + [41.944, -54.541], + [21.191, -50.488], + [18.604, -43.994], + [18.604, -53.76], + [4.834, -53.76] + ], + "o": [ + [4.834, 0], + [19.092, 0], + [19.092, -38.428], + [34.131, -42.725], + [37.451, -33.496], + [37.451, 0], + [51.221, 0], + [51.221, -38.624], + [66.407, -42.725], + [69.58, -32.959], + [69.58, 0], + [83.838, 0], + [83.838, -47.363], + [58.398, -54.541], + [49.512, -43.555], + [47.412, -50.586], + [27.051, -54.541], + [18.896, -43.994], + [18.604, -43.994], + [18.604, -53.76], + [4.834, -53.76] + ], + "v": [ + [4.834, 0], + [19.092, 0], + [19.092, -32.324], + [28.613, -42.725], + [37.451, -33.496], + [37.451, 0], + [51.221, 0], + [51.221, -32.52], + [60.596, -42.725], + [69.58, -32.959], + [69.58, 0], + [83.838, 0], + [83.838, -36.523], + [66.211, -54.541], + [49.512, -43.555], + [49.219, -43.555], + [34.229, -54.541], + [18.896, -43.994], + [18.604, -43.994], + [18.604, -53.76], + [4.834, -53.76] + ], + "c": true + }, + "ix": 2 + }, + "nm": "m", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "m", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "e", + "size": 64, + "style": "Bold", + "w": 56.84, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [22.315, -44.043], + [39.99, -39.453], + [17.041, -32.422] + ], + "o": [ + [35.401, -44.043], + [40.234, -32.422], + [17.529, -39.307] + ], + "v": [ + [28.809, -44.043], + [40.234, -32.422], + [17.041, -32.422] + ], + "c": true + }, + "ix": 2 + }, + "nm": "e", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ind": 1, + "ty": "sh", + "ix": 2, + "ks": { + "a": 0, + "k": { + "i": [ + [40.43, -16.406], + [34.814, -9.717], + [16.895, -14.941], + [16.895, -23.584], + [54.004, -23.584], + [54.004, -27.979], + [44.141, -54.688], + [2.832, -43.75], + [12.842, 0.928], + [52.001, -6.006] + ], + "o": [ + [39.063, -12.256], + [21.923, -9.717], + [16.895, -22.705], + [16.895, -23.584], + [54.004, -23.584], + [54.004, -44.336], + [12.891, -54.688], + [2.832, -9.57], + [42.285, 0.928], + [53.564, -16.406] + ], + "v": [ + [40.43, -16.406], + [29.443, -9.717], + [16.895, -22.705], + [16.895, -23.584], + [54.004, -23.584], + [54.004, -27.979], + [28.662, -54.688], + [2.832, -26.66], + [29.199, 0.928], + [53.564, -16.406] + ], + "c": true + }, + "ix": 2 + }, + "nm": "e", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "e", + "np": 5, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "n", + "size": 64, + "style": "Bold", + "w": 58.94, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [4.834, 0], + [19.092, 0], + [19.092, -30.664], + [23.193, -42.676], + [40.088, -38.623], + [40.088, 0], + [54.346, 0], + [54.346, -34.473], + [47.607, -54.541], + [21.972, -50.928], + [18.604, -44.141], + [18.604, -53.76], + [4.834, -53.76] + ], + "o": [ + [4.834, 0], + [19.092, 0], + [19.092, -37.793], + [36.767, -42.676], + [40.088, -31.494], + [40.088, 0], + [54.346, 0], + [54.346, -47.022], + [27.441, -54.541], + [18.896, -44.141], + [18.604, -44.141], + [18.604, -53.76], + [4.834, -53.76] + ], + "v": [ + [4.834, 0], + [19.092, 0], + [19.092, -30.664], + [30.029, -42.676], + [40.088, -31.494], + [40.088, 0], + [54.346, 0], + [54.346, -34.473], + [35.693, -54.541], + [18.896, -44.141], + [18.604, -44.141], + [18.604, -53.76], + [4.834, -53.76] + ], + "c": true + }, + "ix": 2 + }, + "nm": "n", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "n", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "t", + "size": 64, + "style": "Bold", + "w": 36.18, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [8.643, -65.723], + [8.643, -53.76], + [1.367, -53.76], + [1.367, -42.969], + [8.643, -42.969], + [8.643, -14.502], + [13.526, 0.195], + [31.396, -0.098], + [32.861, -10.938], + [30.567, -10.693], + [22.9, -12.696], + [22.9, -42.969], + [32.861, -42.969], + [32.861, -53.76], + [22.9, -53.76], + [22.9, -65.723] + ], + "o": [ + [8.643, -65.723], + [8.643, -53.76], + [1.367, -53.76], + [1.367, -42.969], + [8.643, -42.969], + [8.643, -4.004], + [28.858, 0.195], + [32.861, -0.391], + [31.982, -10.792], + [24.951, -10.693], + [22.9, -16.846], + [22.9, -42.969], + [32.861, -42.969], + [32.861, -53.76], + [22.9, -53.76], + [22.9, -65.723] + ], + "v": [ + [8.643, -65.723], + [8.643, -53.76], + [1.367, -53.76], + [1.367, -42.969], + [8.643, -42.969], + [8.643, -14.502], + [25.977, 0.195], + [32.861, -0.391], + [32.861, -10.938], + [29.297, -10.693], + [22.9, -16.846], + [22.9, -42.969], + [32.861, -42.969], + [32.861, -53.76], + [22.9, -53.76], + [22.9, -65.723] + ], + "c": true + }, + "ix": 2 + }, + "nm": "t", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "t", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": " ", + "size": 64, + "style": "Bold", + "w": 21.48, + "data": {}, + "fFamily": "SF UI Display" + }, + { + "ch": "S", + "size": 64, + "style": "Bold", + "w": 63.13, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [3.223, -20.068], + [14.453, 1.221], + [59.961, -7.422], + [53.808, -37.891], + [31.152, -42.725], + [19.629, -47.021], + [24.512, -60.059], + [44.385, -56.445], + [58.691, -50.488], + [48.144, -71.68], + [4.785, -63.086], + [11.182, -33.203], + [33.35, -28.418], + [45.215, -23.975], + [39.843, -10.449], + [18.116, -14.257] + ], + "o": [ + [3.662, -6.836], + [48.876, 1.221], + [59.961, -31.836], + [39.697, -40.918], + [23.047, -44.58], + [19.629, -56.592], + [39.16, -60.059], + [44.873, -50.488], + [58.447, -63.232], + [16.015, -71.68], + [4.785, -39.795], + [24.17, -30.42], + [41.846, -26.514], + [45.215, -14.209], + [24.169, -10.449], + [17.432, -20.068] + ], + "v": [ + [3.223, -20.068], + [31.396, 1.221], + [59.961, -21.094], + [39.697, -40.918], + [31.152, -42.725], + [19.629, -51.367], + [31.787, -60.059], + [44.873, -50.488], + [58.691, -50.488], + [31.738, -71.68], + [4.785, -50.098], + [24.17, -30.42], + [33.35, -28.418], + [45.215, -19.385], + [31.982, -10.449], + [17.432, -20.068] + ], + "c": true + }, + "ix": 2 + }, + "nm": "S", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "S", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "u", + "size": 64, + "style": "Bold", + "w": 58.94, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [54.102, -53.76], + [39.844, -53.76], + [39.844, -23.145], + [35.694, -11.084], + [18.848, -14.991], + [18.848, -53.76], + [4.59, -53.76], + [4.59, -19.287], + [12.256, 0.781], + [37.305, -2.979], + [40.332, -9.717], + [40.332, 0], + [54.102, 0] + ], + "o": [ + [54.102, -53.76], + [39.844, -53.76], + [39.844, -15.87], + [22.461, -11.084], + [18.848, -22.266], + [18.848, -53.76], + [4.59, -53.76], + [4.59, -6.787], + [32.031, 0.781], + [40.039, -9.717], + [40.332, -9.717], + [40.332, 0], + [54.102, 0] + ], + "v": [ + [54.102, -53.76], + [39.844, -53.76], + [39.844, -23.145], + [29.053, -11.084], + [18.848, -22.266], + [18.848, -53.76], + [4.59, -53.76], + [4.59, -19.287], + [23.877, 0.781], + [40.039, -9.717], + [40.332, -9.717], + [40.332, 0], + [54.102, 0] + ], + "c": true + }, + "ix": 2 + }, + "nm": "u", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "u", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "c", + "size": 64, + "style": "Bold", + "w": 55.76, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [53.418, -33.936], + [43.506, -54.688], + [2.832, -43.945], + [13.086, 0.928], + [52.637, -7.031], + [40.186, -19.531], + [35.303, -10.352], + [17.285, -16.406], + [21.924, -43.457], + [39.356, -39.502] + ], + "o": [ + [52.734, -45.899], + [13.086, -54.688], + [2.832, -9.619], + [43.261, 0.928], + [53.467, -19.531], + [39.258, -13.623], + [21.924, -10.352], + [17.285, -37.207], + [35.449, -43.457], + [40.137, -33.936] + ], + "v": [ + [53.418, -33.936], + [29.053, -54.688], + [2.832, -26.904], + [29.15, 0.928], + [53.467, -19.531], + [40.186, -19.531], + [29.297, -10.352], + [17.285, -26.904], + [29.248, -43.457], + [40.137, -33.936] + ], + "c": true + }, + "ix": 2 + }, + "nm": "c", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "c", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "s", + "size": 64, + "style": "Bold", + "w": 52.64, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [3.906, -48.046], + [9.131, -24.854], + [29.15, -20.313], + [35.889, -17.676], + [32.422, -9.18], + [17.188, -11.719], + [2.588, -16.26], + [12.207, 0.928], + [50.049, -5.957], + [45.752, -28.565], + [24.854, -33.203], + [17.676, -36.132], + [21.094, -44.58], + [35.254, -41.894], + [48.73, -37.646], + [39.697, -54.688] + ], + "o": [ + [3.906, -30.078], + [19.238, -22.559], + [34.033, -19.141], + [35.889, -11.377], + [20.85, -9.18], + [16.504, -16.26], + [3.32, -5.908], + [40.43, 0.928], + [50.049, -24.414], + [34.961, -31.006], + [20.02, -34.326], + [17.676, -42.285], + [31.69, -44.58], + [35.547, -37.646], + [48.535, -47.9], + [12.793, -54.688] + ], + "v": [ + [3.906, -37.939], + [19.238, -22.559], + [29.15, -20.313], + [35.889, -14.893], + [26.758, -9.18], + [16.504, -16.26], + [2.588, -16.26], + [26.367, 0.928], + [50.049, -16.406], + [34.961, -31.006], + [24.854, -33.203], + [17.676, -38.818], + [26.221, -44.58], + [35.547, -37.646], + [48.73, -37.646], + [26.416, -54.688] + ], + "c": true + }, + "ix": 2 + }, + "nm": "s", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "s", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "f", + "size": 64, + "style": "Bold", + "w": 35.84, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [8.643, 0], + [22.9, 0], + [22.9, -42.969], + [32.666, -42.969], + [32.666, -53.76], + [22.607, -53.76], + [22.607, -57.715], + [24.414, -63.086], + [31.592, -62.939], + [32.617, -72.656], + [28.466, -73.145], + [8.643, -68.897], + [8.643, -53.76], + [1.367, -53.76], + [1.367, -42.969], + [8.643, -42.969] + ], + "o": [ + [8.643, 0], + [22.9, 0], + [22.9, -42.969], + [32.666, -42.969], + [32.666, -53.76], + [22.607, -53.76], + [22.656, -61.475], + [30.274, -63.086], + [32.617, -62.744], + [30.664, -72.949], + [13.574, -73.145], + [8.643, -58.545], + [8.643, -53.76], + [1.367, -53.76], + [1.367, -42.969], + [8.643, -42.969] + ], + "v": [ + [8.643, 0], + [22.9, 0], + [22.9, -42.969], + [32.666, -42.969], + [32.666, -53.76], + [22.607, -53.76], + [22.607, -57.715], + [28.711, -63.086], + [32.617, -62.744], + [32.617, -72.656], + [26.025, -73.145], + [8.643, -58.545], + [8.643, -53.76], + [1.367, -53.76], + [1.367, -42.969], + [8.643, -42.969] + ], + "c": true + }, + "ix": 2 + }, + "nm": "f", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "f", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + }, + { + "ch": "l", + "size": 64, + "style": "Bold", + "w": 24.66, + "data": { + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [5.225, 0], + [19.482, 0], + [19.482, -73.828], + [5.225, -73.828] + ], + "o": [ + [5.225, 0], + [19.482, 0], + [19.482, -73.828], + [5.225, -73.828] + ], + "v": [ + [5.225, 0], + [19.482, 0], + [19.482, -73.828], + [5.225, -73.828] + ], + "c": true + }, + "ix": 2 + }, + "nm": "l", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + }, + "sk": { + "k": 0, + "a": 0 + }, + "sa": { + "k": 0, + "a": 0 + }, + "ty": "tr" + } + ], + "nm": "l", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "no" + } + ], + "ip": 0, + "op": 99999, + "st": 0, + "sr": 1, + "ks": { + "p": { + "k": [0, 0], + "a": 0 + }, + "s": { + "k": [100, 100], + "a": 0 + }, + "a": { + "k": [0, 0], + "a": 0 + }, + "r": { + "k": 0, + "a": 0 + }, + "o": { + "k": 100, + "a": 0 + } + } + }, + "fFamily": "SF UI Display" + } + ], + "__complete": true +} diff --git a/apps/web/components/UpgradePlan/PlansModal.tsx b/apps/web/components/UpgradePlan/PlansModal.tsx index 2d77079de..000e03d43 100644 --- a/apps/web/components/UpgradePlan/PlansModal.tsx +++ b/apps/web/components/UpgradePlan/PlansModal.tsx @@ -12,7 +12,7 @@ interface PlanProps { export const PlansModal = ({ userProfile, activePlanCode, canceledOn, expiryDate }: PlanProps) => { return ( - + Choose the plan that works best for you diff --git a/apps/web/components/home/ImportCount/index.ts b/apps/web/components/home/ImportCount/index.ts new file mode 100644 index 000000000..ad18cd845 --- /dev/null +++ b/apps/web/components/home/ImportCount/index.ts @@ -0,0 +1 @@ +export * from './ImportCount'; diff --git a/apps/web/components/home/PlanDetails/PlanDetails.tsx b/apps/web/components/home/PlanDetails/PlanDetails.tsx index d573fa5d9..a47d7036f 100644 --- a/apps/web/components/home/PlanDetails/PlanDetails.tsx +++ b/apps/web/components/home/PlanDetails/PlanDetails.tsx @@ -10,6 +10,7 @@ import { usePlanDetails } from '@hooks/usePlanDetails'; import { PlansModal } from '@components/UpgradePlan/PlansModal'; import { CONSTANTS, MODAL_KEYS, ROUTES, colors } from '@config'; import { numberFormatter } from '@impler/shared/dist/utils/helpers'; +import { ConfirmationModal } from '@components/ConfirmationModal'; export function PlanDetails() { const router = useRouter(); @@ -41,23 +42,14 @@ export function PlanDetails() { }; useEffect(() => { if (planName && status) { - modals.openConfirmModal({ - id: MODAL_KEYS.PAYMENT_SUCCEED, - title: status === CONSTANTS.PAYMENT_SUCCCESS_CODE ? 'Subscription activated' : 'Payment failed', - centered: true, - children: ( - - {status === CONSTANTS.PAYMENT_SUCCCESS_CODE - ? CONSTANTS.PAYMENT_SUCCESS_MESSAGE - : CONSTANTS.PAYMENT_FAILED_MESSAGE} - - ), - labels: { confirm: 'Ok', cancel: null }, - confirmProps: { color: status === CONSTANTS.PAYMENT_SUCCCESS_CODE ? 'green' : 'red' }, - onConfirm: () => { - router.push(ROUTES.HOME, {}, { shallow: true }); - }, + modals.open({ + title: + status === CONSTANTS.PAYMENT_SUCCCESS_CODE + ? CONSTANTS.SUBSCRIPTION_ACTIVATED_TITLE + : CONSTANTS.SUBSCRIPTION_FAILED_TITLE, + children: , }); + router.push(ROUTES.HOME, {}, { shallow: true }); } }, [planName, status, router]); diff --git a/apps/web/config/constants.config.ts b/apps/web/config/constants.config.ts index 172ee7279..732394d1e 100644 --- a/apps/web/config/constants.config.ts +++ b/apps/web/config/constants.config.ts @@ -9,9 +9,11 @@ export const CONSTANTS = { PAYMENT_FAILED_CODE: 'failed', PAYMENT_SUCCESS_MESSAGE: // eslint-disable-next-line max-len - 'Congratulations! Your subscription is activated and benefits are added to your account. We hope you will love the experience. If anything needed feel free to contact the support team.', + 'Congratulations! Your subscription has been activated, and benefits have been added to your account. We hope you will love the experience. If you need anything, feel free to contact the support team.', PAYMENT_FAILED_MESSAGE: - 'Some error occurred with payment. No amount is deducted. Please try again later or contact the support team.', + 'An error occurred with the payment. No amount has been deducted. Please try again later or contact the support team.', + SUBSCRIPTION_ACTIVATED_TITLE: 'Subscription activated', + SUBSCRIPTION_FAILED_TITLE: 'Payment failed', }; export const VARIABLES = { diff --git a/apps/web/package.json b/apps/web/package.json index b0678e886..dda911bd1 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -39,6 +39,7 @@ "chart.js": "^4.3.0", "embla-carousel-react": "^7.0.9", "jwt-decode": "^3.1.2", + "lottie-react": "^2.4.0", "next": "13.5.1", "react": "18.2.0", "react-ace": "^10.1.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d7625c8dc..931009b84 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -477,6 +477,9 @@ importers: jwt-decode: specifier: ^3.1.2 version: 3.1.2 + lottie-react: + specifier: ^2.4.0 + version: 2.4.0(react-dom@18.2.0)(react@18.2.0) next: specifier: 13.5.1 version: 13.5.1(@babel/core@7.24.7)(react-dom@18.2.0)(react@18.2.0) @@ -17504,6 +17507,21 @@ packages: dependencies: js-tokens: 4.0.0 + /lottie-react@2.4.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + dependencies: + lottie-web: 5.12.2 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + + /lottie-web@5.12.2: + resolution: {integrity: sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==} + dev: false + /loud-rejection@1.6.0: resolution: {integrity: sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==} engines: {node: '>=0.10.0'}