@cuemath/leap 3.3.24 → 3.3.25-af
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/lottie/lottie.js +2 -2
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +6 -6
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
- package/dist/features/auth/comps/pill-button/pill-button.js +19 -19
- package/dist/features/auth/comps/pill-button/pill-button.js.map +1 -1
- package/dist/features/auth/pla-signup/pla-analytics-events.js +4 -5
- package/dist/features/auth/pla-signup/pla-analytics-events.js.map +1 -1
- package/dist/features/auth/pla-signup/signup-header/signup-header.js +1 -1
- package/dist/features/auth/pla-signup/signup-header/signup-header.js.map +1 -1
- package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js +24 -24
- package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map +1 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/constants.js +5 -7
- package/dist/features/circle-games/hooks/use-circle-sounds/constants.js.map +1 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js +71 -75
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js.map +1 -1
- package/dist/features/circle-games/sign-up/comp/circular-steps/circular-steps.js +12 -12
- package/dist/features/circle-games/sign-up/comp/circular-steps/circular-steps.js.map +1 -1
- package/dist/features/circle-games/sign-up/sign-up-types.js.map +1 -1
- package/dist/features/circle-games/sign-up/sign-up.js +128 -156
- package/dist/features/circle-games/sign-up/sign-up.js.map +1 -1
- package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js +29 -23
- package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js.map +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.js +40 -42
- package/dist/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js +64 -70
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js +29 -54
- package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js +28 -48
- package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js +76 -79
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/utils.js +94 -97
- package/dist/features/milestone/create/comps/chapters-selection-step/utils.js.map +1 -1
- package/dist/features/milestone/create/comps/class-details-step/class-details-step.js +143 -160
- package/dist/features/milestone/create/comps/class-details-step/class-details-step.js.map +1 -1
- package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js +12 -22
- package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js.map +1 -1
- package/dist/features/milestone/create/comps/test-type-step/test-type-step.js +59 -64
- package/dist/features/milestone/create/comps/test-type-step/test-type-step.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-container.js +15 -17
- package/dist/features/milestone/create/milestone-create-container.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-helpers.js +153 -170
- package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create.js +17 -19
- package/dist/features/milestone/create/milestone-create.js.map +1 -1
- package/dist/features/parent-dashboard/hooks/use-parent-home-data.js +42 -45
- package/dist/features/parent-dashboard/hooks/use-parent-home-data.js.map +1 -1
- package/dist/features/parent-dashboard/parent-dashboard-types.js +2 -3
- package/dist/features/parent-dashboard/parent-dashboard-types.js.map +1 -1
- package/dist/features/parent-dashboard/parent-dashboard-view.js +127 -139
- package/dist/features/parent-dashboard/parent-dashboard-view.js.map +1 -1
- package/dist/features/sentry/constants/ignored.js +6 -10
- package/dist/features/sentry/constants/ignored.js.map +1 -1
- package/dist/features/trial-session/comps/pla/session-summary/session-summary-constants.js +7 -8
- package/dist/features/trial-session/comps/pla/session-summary/session-summary-constants.js.map +1 -1
- package/dist/features/trial-session/comps/pla/session-summary/session-summary.js +26 -27
- package/dist/features/trial-session/comps/pla/session-summary/session-summary.js.map +1 -1
- package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js +16 -16
- package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map +1 -1
- package/dist/features/trial-session/comps/school-goals/school-goals.js +24 -25
- package/dist/features/trial-session/comps/school-goals/school-goals.js.map +1 -1
- package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js +13 -15
- package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js.map +1 -1
- package/dist/features/trial-session/comps/session-report/report-information/report-information.js +1 -1
- package/dist/features/trial-session/comps/session-report/report-information/report-information.js.map +1 -1
- package/dist/features/trial-session/comps/worksheet/worksheet.js +23 -23
- package/dist/features/trial-session/comps/worksheet/worksheet.js.map +1 -1
- package/dist/features/trial-session/trial-session-types.js.map +1 -1
- package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js +75 -88
- package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js.map +1 -1
- package/dist/features/ui/lottie-animation/lottie-animation.js +46 -55
- package/dist/features/ui/lottie-animation/lottie-animation.js.map +1 -1
- package/dist/features/ui/modals/modal-styled.js +15 -48
- package/dist/features/ui/modals/modal-styled.js.map +1 -1
- package/dist/features/ui/modals/modal.js +38 -46
- package/dist/features/ui/modals/modal.js.map +1 -1
- package/dist/features/{stickers/sticker-selector/comps/sticker/sticker-styled.js → ui/sticker-grid/sticker-grid-styles.js} +45 -15
- package/dist/features/ui/sticker-grid/sticker-grid-styles.js.map +1 -0
- package/dist/features/ui/sticker-grid/sticker-grid.js +24 -0
- package/dist/features/ui/sticker-grid/sticker-grid.js.map +1 -0
- package/dist/features/ui/sticker-grid/sticker.js +57 -0
- package/dist/features/ui/sticker-grid/sticker.js.map +1 -0
- package/dist/features/ui/stickers/constants.js +6 -0
- package/dist/features/ui/stickers/constants.js.map +1 -0
- package/dist/features/ui/stickers/stickers-effects.js +64 -0
- package/dist/features/ui/stickers/stickers-effects.js.map +1 -0
- package/dist/features/ui/stickers/stickers-styled.js +29 -0
- package/dist/features/ui/stickers/stickers-styled.js.map +1 -0
- package/dist/features/ui/stickers/stickers-utils.js +91 -0
- package/dist/features/ui/stickers/stickers-utils.js.map +1 -0
- package/dist/features/ui/stickers/stickers.js +40 -0
- package/dist/features/ui/stickers/stickers.js.map +1 -0
- package/dist/index.d.ts +59 -138
- package/dist/index.js +467 -485
- package/dist/index.js.map +1 -1
- package/dist/static/error.cbe1ddde.json +1 -0
- package/dist/static/username.9e034d51.json +1 -0
- package/package.json +1 -1
- package/dist/features/auth/signup-unavailable/signup-unavailable-styled.js +0 -16
- package/dist/features/auth/signup-unavailable/signup-unavailable-styled.js.map +0 -1
- package/dist/features/auth/signup-unavailable/signup-unavailable-view.js +0 -62
- package/dist/features/auth/signup-unavailable/signup-unavailable-view.js.map +0 -1
- package/dist/features/auth/signup-unavailable/signup-unavailable.js +0 -17
- package/dist/features/auth/signup-unavailable/signup-unavailable.js.map +0 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/helper.js +0 -19
- package/dist/features/circle-games/hooks/use-circle-sounds/helper.js.map +0 -1
- package/dist/features/circle-games/sign-up/api/use-update-username-api/use-update-username-api.js +0 -9
- package/dist/features/circle-games/sign-up/api/use-update-username-api/use-update-username-api.js.map +0 -1
- package/dist/features/circle-games/sign-up/dal/update-username-dal/update-username-dal.js +0 -38
- package/dist/features/circle-games/sign-up/dal/update-username-dal/update-username-dal.js.map +0 -1
- package/dist/features/parent-dashboard/api/get-student-profile-summary.js +0 -9
- package/dist/features/parent-dashboard/api/get-student-profile-summary.js.map +0 -1
- package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction-styled.js +0 -10
- package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction-styled.js.map +0 -1
- package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js +0 -42
- package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js.map +0 -1
- package/dist/features/parent-dashboard/hooks/use-student-profile-summary-data.js +0 -24
- package/dist/features/parent-dashboard/hooks/use-student-profile-summary-data.js.map +0 -1
- package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js +0 -71
- package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js.map +0 -1
- package/dist/features/parent-dashboard/modals/help-and-support/help-and-support.js +0 -40
- package/dist/features/parent-dashboard/modals/help-and-support/help-and-support.js.map +0 -1
- package/dist/features/parent-dashboard/modals/student-login-info/student-login-info.js +0 -44
- package/dist/features/parent-dashboard/modals/student-login-info/student-login-info.js.map +0 -1
- package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.js +0 -32
- package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.js.map +0 -1
- package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-styled.js +0 -12
- package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-styled.js.map +0 -1
- package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.js +0 -44
- package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.js.map +0 -1
- package/dist/features/parent-dashboard/modals/trial-report/trial-report-styled.js +0 -13
- package/dist/features/parent-dashboard/modals/trial-report/trial-report-styled.js.map +0 -1
- package/dist/features/parent-dashboard/modals/trial-report/trial-report.js +0 -28
- package/dist/features/parent-dashboard/modals/trial-report/trial-report.js.map +0 -1
- package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-constants.js +0 -43
- package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-constants.js.map +0 -1
- package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js +0 -59
- package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js.map +0 -1
- package/dist/features/parent-dashboard/modals/tutor-change/tutor-change.js +0 -86
- package/dist/features/parent-dashboard/modals/tutor-change/tutor-change.js.map +0 -1
- package/dist/features/stickers/constants.js +0 -235
- package/dist/features/stickers/constants.js.map +0 -1
- package/dist/features/stickers/sticker-selector/comps/sticker/sticker-styled.js.map +0 -1
- package/dist/features/stickers/sticker-selector/comps/sticker/sticker.js +0 -49
- package/dist/features/stickers/sticker-selector/comps/sticker/sticker.js.map +0 -1
- package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.js +0 -28
- package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.js.map +0 -1
- package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js +0 -26
- package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js.map +0 -1
- package/dist/features/stickers/sticker-selector/sticker-selector-styled.js +0 -13
- package/dist/features/stickers/sticker-selector/sticker-selector-styled.js.map +0 -1
- package/dist/features/stickers/sticker-selector/sticker-selector.js +0 -86
- package/dist/features/stickers/sticker-selector/sticker-selector.js.map +0 -1
- package/dist/features/stickers/stickers-effects/stickers-effects-animations.js +0 -82
- package/dist/features/stickers/stickers-effects/stickers-effects-animations.js.map +0 -1
- package/dist/features/stickers/stickers-effects/stickers-effects-cache.js +0 -19
- package/dist/features/stickers/stickers-effects/stickers-effects-cache.js.map +0 -1
- package/dist/features/stickers/stickers-effects/stickers-effects-helper.js +0 -105
- package/dist/features/stickers/stickers-effects/stickers-effects-helper.js.map +0 -1
- package/dist/features/stickers/stickers-effects/stickers-effects-styled.js +0 -37
- package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map +0 -1
- package/dist/features/stickers/stickers-effects/stickers-effects.js +0 -67
- package/dist/features/stickers/stickers-effects/stickers-effects.js.map +0 -1
- package/dist/static/error.dd744fa5.json +0 -1
- package/dist/static/username.2c755605.json +0 -1
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
const t = [
|
|
2
|
-
{
|
|
3
|
-
id: "star-struck",
|
|
4
|
-
emoji: "🤩",
|
|
5
|
-
name: "Star-Struck",
|
|
6
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f929/lottie.json"
|
|
7
|
-
},
|
|
8
|
-
{
|
|
9
|
-
id: "heart-eyes",
|
|
10
|
-
emoji: "😍",
|
|
11
|
-
name: "Heart Eyes",
|
|
12
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
id: "holding-back-tears",
|
|
16
|
-
emoji: "🥹",
|
|
17
|
-
name: "Holding Back Tears",
|
|
18
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f979/lottie.json"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
id: "sunglasses",
|
|
22
|
-
emoji: "😎",
|
|
23
|
-
name: "Sunglasses",
|
|
24
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f60e/lottie.json"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
id: "exploding-head",
|
|
28
|
-
emoji: "🤯",
|
|
29
|
-
name: "Exploding Head",
|
|
30
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f92f/lottie.json"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
id: "thinking",
|
|
34
|
-
emoji: "🤔",
|
|
35
|
-
name: "Thinking",
|
|
36
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f914/lottie.json"
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
id: "party",
|
|
40
|
-
emoji: "🥳",
|
|
41
|
-
name: "Party",
|
|
42
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f973/lottie.json"
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
id: "confetti-ball",
|
|
46
|
-
emoji: "🎊",
|
|
47
|
-
name: "Confetti Ball",
|
|
48
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f38a/lottie.json"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
id: "celebration",
|
|
52
|
-
emoji: "🎉",
|
|
53
|
-
name: "Celebration",
|
|
54
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f389/lottie.json"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
id: "balloon",
|
|
58
|
-
emoji: "🎈",
|
|
59
|
-
name: "Balloon",
|
|
60
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f388/lottie.json"
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
id: "cake",
|
|
64
|
-
emoji: "🎂",
|
|
65
|
-
name: "Cake",
|
|
66
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f382/lottie.json"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
id: "clapping",
|
|
70
|
-
emoji: "👏",
|
|
71
|
-
name: "Clapping",
|
|
72
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44f/lottie.json"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
id: "thumbs-up",
|
|
76
|
-
emoji: "👍",
|
|
77
|
-
name: "Thumbs Up",
|
|
78
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d/lottie.json"
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
id: "peace",
|
|
82
|
-
emoji: "✌️",
|
|
83
|
-
name: "Peace",
|
|
84
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/270c_fe0f/lottie.json"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
id: "ok-hand",
|
|
88
|
-
emoji: "👌",
|
|
89
|
-
name: "OK Hand",
|
|
90
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44c/lottie.json"
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
id: "muscle",
|
|
94
|
-
emoji: "💪",
|
|
95
|
-
name: "Muscle",
|
|
96
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4aa/lottie.json"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
id: "rock-on",
|
|
100
|
-
emoji: "🤟",
|
|
101
|
-
name: "Rock On",
|
|
102
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f91f/lottie.json"
|
|
103
|
-
// no src file on google itself
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
id: "heart",
|
|
107
|
-
emoji: "❤️",
|
|
108
|
-
name: "Heart",
|
|
109
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json"
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
id: "trophy",
|
|
113
|
-
emoji: "🏆",
|
|
114
|
-
name: "Trophy",
|
|
115
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json"
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
id: "hundred",
|
|
119
|
-
emoji: "💯",
|
|
120
|
-
name: "Hundred",
|
|
121
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json"
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
id: "gold-medal",
|
|
125
|
-
emoji: "🥇",
|
|
126
|
-
name: "Gold Medal",
|
|
127
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json"
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
id: "silver-medal",
|
|
131
|
-
emoji: "🥈",
|
|
132
|
-
name: "Silver Medal",
|
|
133
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json"
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
id: "bronze-medal",
|
|
137
|
-
emoji: "🥉",
|
|
138
|
-
name: "Bronze Medal",
|
|
139
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json"
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
id: "target",
|
|
143
|
-
emoji: "🎯",
|
|
144
|
-
name: "Target",
|
|
145
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json"
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
id: "glowing-star",
|
|
149
|
-
emoji: "🌟",
|
|
150
|
-
name: "Glowing Star",
|
|
151
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json"
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
id: "lightning",
|
|
155
|
-
emoji: "⚡️",
|
|
156
|
-
name: "Lightning",
|
|
157
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json"
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
id: "rocket",
|
|
161
|
-
emoji: "🚀",
|
|
162
|
-
name: "Rocket",
|
|
163
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json"
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
id: "explosion",
|
|
167
|
-
emoji: "💥",
|
|
168
|
-
name: "Explosion",
|
|
169
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json"
|
|
170
|
-
},
|
|
171
|
-
{
|
|
172
|
-
id: "graduation",
|
|
173
|
-
emoji: "🎓",
|
|
174
|
-
name: "Graduation",
|
|
175
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json"
|
|
176
|
-
},
|
|
177
|
-
{
|
|
178
|
-
id: "clock",
|
|
179
|
-
emoji: "⏰",
|
|
180
|
-
name: "Clock",
|
|
181
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json"
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
id: "bulb",
|
|
185
|
-
emoji: "💡",
|
|
186
|
-
name: "Bulb",
|
|
187
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json"
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
id: "rainbow",
|
|
191
|
-
emoji: "🌈",
|
|
192
|
-
name: "Rainbow",
|
|
193
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json"
|
|
194
|
-
},
|
|
195
|
-
{
|
|
196
|
-
id: "clown",
|
|
197
|
-
emoji: "🤡",
|
|
198
|
-
name: "Clown",
|
|
199
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json"
|
|
200
|
-
},
|
|
201
|
-
{
|
|
202
|
-
id: "dancer",
|
|
203
|
-
emoji: "💃",
|
|
204
|
-
name: "Dancer",
|
|
205
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json"
|
|
206
|
-
},
|
|
207
|
-
{
|
|
208
|
-
id: "flowers",
|
|
209
|
-
emoji: "💐",
|
|
210
|
-
name: "Flowers",
|
|
211
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json"
|
|
212
|
-
},
|
|
213
|
-
{
|
|
214
|
-
id: "unicorn",
|
|
215
|
-
emoji: "🦄",
|
|
216
|
-
name: "Unicorn",
|
|
217
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json"
|
|
218
|
-
},
|
|
219
|
-
{
|
|
220
|
-
id: "drum",
|
|
221
|
-
emoji: "🥁",
|
|
222
|
-
name: "Drum",
|
|
223
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json"
|
|
224
|
-
},
|
|
225
|
-
{
|
|
226
|
-
id: "diamond",
|
|
227
|
-
emoji: "💎",
|
|
228
|
-
name: "Diamond",
|
|
229
|
-
lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json"
|
|
230
|
-
}
|
|
231
|
-
];
|
|
232
|
-
export {
|
|
233
|
-
t as STICKERS_DATA
|
|
234
|
-
};
|
|
235
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../src/features/stickers/constants.ts"],"sourcesContent":["import type { IStickerData } from './stickers-types';\n\n/*\n * Noto Emoji animations by Google\n * Licensed under Creative Commons Attribution 4.0 International License\n * https://creativecommons.org/licenses/by/4.0/\n * Source: https://fonts.gstatic.com/s/e/notoemoji/\n */\nexport const STICKERS_DATA: IStickerData[] = [\n {\n id: 'star-struck',\n emoji: '🤩',\n name: 'Star-Struck',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f929/lottie.json',\n },\n {\n id: 'heart-eyes',\n emoji: '😍',\n name: 'Heart Eyes',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json',\n },\n {\n id: 'holding-back-tears',\n emoji: '🥹',\n name: 'Holding Back Tears',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f979/lottie.json',\n },\n {\n id: 'sunglasses',\n emoji: '😎',\n name: 'Sunglasses',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60e/lottie.json',\n },\n {\n id: 'exploding-head',\n emoji: '🤯',\n name: 'Exploding Head',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f92f/lottie.json',\n },\n {\n id: 'thinking',\n emoji: '🤔',\n name: 'Thinking',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f914/lottie.json',\n },\n {\n id: 'party',\n emoji: '🥳',\n name: 'Party',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f973/lottie.json',\n },\n {\n id: 'confetti-ball',\n emoji: '🎊',\n name: 'Confetti Ball',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f38a/lottie.json',\n },\n {\n id: 'celebration',\n emoji: '🎉',\n name: 'Celebration',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f389/lottie.json',\n },\n {\n id: 'balloon',\n emoji: '🎈',\n name: 'Balloon',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f388/lottie.json',\n },\n {\n id: 'cake',\n emoji: '🎂',\n name: 'Cake',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f382/lottie.json',\n },\n {\n id: 'clapping',\n emoji: '👏',\n name: 'Clapping',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44f/lottie.json',\n },\n {\n id: 'thumbs-up',\n emoji: '👍',\n name: 'Thumbs Up',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d/lottie.json',\n },\n {\n id: 'peace',\n emoji: '✌️',\n name: 'Peace',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/270c_fe0f/lottie.json',\n },\n {\n id: 'ok-hand',\n emoji: '👌',\n name: 'OK Hand',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44c/lottie.json',\n },\n {\n id: 'muscle',\n emoji: '💪',\n name: 'Muscle',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4aa/lottie.json',\n },\n {\n id: 'rock-on',\n emoji: '🤟',\n name: 'Rock On',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f91f/lottie.json', // no src file on google itself\n },\n {\n id: 'heart',\n emoji: '❤️',\n name: 'Heart',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json',\n },\n {\n id: 'trophy',\n emoji: '🏆',\n name: 'Trophy',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json',\n },\n {\n id: 'hundred',\n emoji: '💯',\n name: 'Hundred',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json',\n },\n {\n id: 'gold-medal',\n emoji: '🥇',\n name: 'Gold Medal',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json',\n },\n {\n id: 'silver-medal',\n emoji: '🥈',\n name: 'Silver Medal',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json',\n },\n {\n id: 'bronze-medal',\n emoji: '🥉',\n name: 'Bronze Medal',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json',\n },\n {\n id: 'target',\n emoji: '🎯',\n name: 'Target',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json',\n },\n {\n id: 'glowing-star',\n emoji: '🌟',\n name: 'Glowing Star',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json',\n },\n {\n id: 'lightning',\n emoji: '⚡️',\n name: 'Lightning',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json',\n },\n {\n id: 'rocket',\n emoji: '🚀',\n name: 'Rocket',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json',\n },\n {\n id: 'explosion',\n emoji: '💥',\n name: 'Explosion',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json',\n },\n {\n id: 'graduation',\n emoji: '🎓',\n name: 'Graduation',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json',\n },\n {\n id: 'clock',\n emoji: '⏰',\n name: 'Clock',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json',\n },\n {\n id: 'bulb',\n emoji: '💡',\n name: 'Bulb',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json',\n },\n {\n id: 'rainbow',\n emoji: '🌈',\n name: 'Rainbow',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json',\n },\n {\n id: 'clown',\n emoji: '🤡',\n name: 'Clown',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json',\n },\n {\n id: 'dancer',\n emoji: '💃',\n name: 'Dancer',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json',\n },\n {\n id: 'flowers',\n emoji: '💐',\n name: 'Flowers',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json',\n },\n {\n id: 'unicorn',\n emoji: '🦄',\n name: 'Unicorn',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json',\n },\n {\n id: 'drum',\n emoji: '🥁',\n name: 'Drum',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json',\n },\n {\n id: 'diamond',\n emoji: '💎',\n name: 'Diamond',\n lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json',\n },\n];\n"],"names":["STICKERS_DATA"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sticker-styled.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/sticker/sticker-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StickerContainer = styled.div<{\n $size: number | string;\n $disabled?: boolean;\n}>`\n position: relative;\n width: ${({ $size }) => (typeof $size === 'number' ? `${$size}px` : $size)};\n height: ${({ $size }) => (typeof $size === 'number' ? `${$size}px` : $size)};\n cursor: ${({ $disabled }) => ($disabled ? 'none' : 'pointer')};\n border-radius: 8px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n background-color: transparent;\n opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n pointer-events: ${({ $disabled }) => ($disabled ? 'none' : 'auto')};\n user-select: none;\n\n &:hover {\n transform: ${({ $disabled }) => ($disabled ? 'none' : 'scale(1.1)')};\n background-color: rgba(255, 255, 255, 0.1);\n }\n\n &:active {\n transform: ${({ $disabled }) => ($disabled ? 'none' : 'scale(0.95)')};\n }\n`;\n\nexport const StaticEmoji = styled.div<{ $size: number | string; $visible: boolean }>`\n font-size: ${({ $size }) => {\n if (typeof $size === 'number') {\n return `${$size * 0.7}px`;\n }\n\n return '70%';\n }};\n line-height: 1;\n display: ${({ $visible }) => ($visible ? 'flex' : 'none')};\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transition: opacity 0.2s ease;\n`;\n\nexport const LottieContainer = styled.div<{\n $size: number | string;\n $visible?: boolean;\n}>`\n position: absolute;\n top: 50%;\n left: 50%;\n width: ${({ $size }) => (typeof $size === 'number' ? `${$size * 0.7}px` : $size)};\n height: ${({ $size }) => (typeof $size === 'number' ? `${$size * 0.7}px` : $size)};\n transform: translate(-50%, -50%);\n pointer-events: none;\n display: 'flex';\n opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n transition: opacity 0.2s ease;\n\n ${StickerContainer}:hover & {\n opacity: 1;\n }\n`;\n"],"names":["StickerContainer","styled","$size","$disabled","StaticEmoji","$visible","LottieContainer"],"mappings":";AAEO,MAAMA,IAAmBC,EAAO;AAAA;AAAA,WAK5B,CAAC,EAAE,OAAAC,EAAa,MAAA,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,CAAM;AAAA,YAChE,CAAC,EAAE,OAAAA,EAAa,MAAA,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,CAAM;AAAA,YACjE,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,SAAS,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQlD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,MAAM,CAAE;AAAA,oBACjC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA,iBAInD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,YAAa;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKtD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,aAAc;AAAA;AAAA,GAI3DC,IAAcH,EAAO;AAAA,eACnB,CAAC,EAAE,OAAAC,QACV,OAAOA,KAAU,WACZ,GAAGA,IAAQ,GAAG,OAGhB,KACR;AAAA;AAAA,aAEU,CAAC,EAAE,UAAAG,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9CC,IAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA,WAO3B,CAAC,EAAE,OAAAC,QAAa,OAAOA,KAAU,WAAW,GAAGA,IAAQ,GAAG,OAAOA,CAAM;AAAA,YACtE,CAAC,EAAE,OAAAA,QAAa,OAAOA,KAAU,WAAW,GAAGA,IAAQ,GAAG,OAAOA,CAAM;AAAA;AAAA;AAAA;AAAA,aAItE,CAAC,EAAE,UAAAG,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA;AAAA;AAAA,IAG7CL,CAAgB;AAAA;AAAA;AAAA;"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsxs as $, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { memo as E, useState as u, useRef as k, useCallback as r } from "react";
|
|
3
|
-
import g from "../../../../ui/lottie-animation/lottie-animation.js";
|
|
4
|
-
import { StickerContainer as j, StaticEmoji as C, LottieContainer as R } from "./sticker-styled.js";
|
|
5
|
-
const x = {
|
|
6
|
-
renderer: "canvas"
|
|
7
|
-
}, y = ({ emoji: f, lottieUrl: a, size: n = 48, onClick: h, disabled: t = !1 }) => {
|
|
8
|
-
const [c, d] = u(!1), [i, l] = u("idle"), o = k(null), v = r(() => {
|
|
9
|
-
var e;
|
|
10
|
-
l("loaded"), (e = o.current) == null || e.play();
|
|
11
|
-
}, []), S = r(() => {
|
|
12
|
-
l("error");
|
|
13
|
-
}, []), p = r(() => {
|
|
14
|
-
var e;
|
|
15
|
-
d(!0), i === "loaded" && ((e = o.current) == null || e.play());
|
|
16
|
-
}, [i]), L = r(() => {
|
|
17
|
-
var e;
|
|
18
|
-
d(!1), (e = o.current) == null || e.goToAndStop(0, !0);
|
|
19
|
-
}, []), m = c && i === "loaded";
|
|
20
|
-
return /* @__PURE__ */ $(
|
|
21
|
-
j,
|
|
22
|
-
{
|
|
23
|
-
$size: n,
|
|
24
|
-
$disabled: t,
|
|
25
|
-
onPointerEnter: t ? void 0 : p,
|
|
26
|
-
onPointerLeave: t ? void 0 : L,
|
|
27
|
-
onClick: t ? void 0 : h,
|
|
28
|
-
children: [
|
|
29
|
-
/* @__PURE__ */ s(C, { $size: n, $visible: !m, children: f }),
|
|
30
|
-
/* @__PURE__ */ s(R, { $size: n, $visible: m, children: c && a && /* @__PURE__ */ s(
|
|
31
|
-
g,
|
|
32
|
-
{
|
|
33
|
-
ref: o,
|
|
34
|
-
src: a,
|
|
35
|
-
width: "100%",
|
|
36
|
-
height: "100%",
|
|
37
|
-
settings: x,
|
|
38
|
-
onRender: v,
|
|
39
|
-
onError: S
|
|
40
|
-
}
|
|
41
|
-
) })
|
|
42
|
-
]
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
}, b = E(y);
|
|
46
|
-
export {
|
|
47
|
-
b as default
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=sticker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sticker.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/sticker/sticker.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { IStickerProps } from './sticker-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './sticker-styled';\n\nconst renderSettings = {\n renderer: 'canvas' as const,\n};\n\nconst Sticker: FC<IStickerProps> = ({ emoji, lottieUrl, size = 48, onClick, disabled = false }) => {\n const [isHovered, setIsHovered] = useState(false);\n const [lottieState, setLottieState] = useState<'idle' | 'loaded' | 'error'>('idle');\n const lottieRef = useRef<ILottieAnimationRef>(null);\n\n const handleLottieReady = useCallback(() => {\n setLottieState('loaded');\n lottieRef.current?.play();\n }, []);\n\n const handleLottieError = useCallback(() => {\n setLottieState('error');\n }, []);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n\n if (lottieState === 'loaded') {\n lottieRef.current?.play();\n }\n }, [lottieState]);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n lottieRef.current?.goToAndStop(0, true);\n }, []);\n\n const hideStaticEmoji = isHovered && lottieState === 'loaded';\n\n return (\n <Styled.StickerContainer\n $size={size}\n $disabled={disabled}\n onPointerEnter={disabled ? undefined : handleMouseEnter}\n onPointerLeave={disabled ? undefined : handleMouseLeave}\n onClick={disabled ? undefined : onClick}\n >\n <Styled.StaticEmoji $size={size} $visible={!hideStaticEmoji}>\n {emoji}\n </Styled.StaticEmoji>\n\n <Styled.LottieContainer $size={size} $visible={hideStaticEmoji}>\n {isHovered && lottieUrl && (\n <LottieAnimation\n ref={lottieRef}\n src={lottieUrl}\n width=\"100%\"\n height=\"100%\"\n settings={renderSettings}\n onRender={handleLottieReady}\n onError={handleLottieError}\n />\n )}\n </Styled.LottieContainer>\n </Styled.StickerContainer>\n );\n};\n\nexport default memo(Sticker);\n"],"names":["renderSettings","Sticker","emoji","lottieUrl","size","onClick","disabled","isHovered","setIsHovered","useState","lottieState","setLottieState","lottieRef","useRef","handleLottieReady","useCallback","_a","handleLottieError","handleMouseEnter","handleMouseLeave","hideStaticEmoji","jsxs","Styled.StickerContainer","jsx","Styled.StaticEmoji","Styled.LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;AASA,MAAMA,IAAiB;AAAA,EACrB,UAAU;AACZ,GAEMC,IAA6B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,MAAAC,IAAO,IAAI,SAAAC,GAAS,UAAAC,IAAW,SAAY;AACjG,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAaC,CAAc,IAAIF,EAAsC,MAAM,GAC5EG,IAAYC,EAA4B,IAAI,GAE5CC,IAAoBC,EAAY,MAAM;;AAC1C,IAAAJ,EAAe,QAAQ,IACvBK,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GAAG,CAAE,CAAA,GAECC,IAAoBF,EAAY,MAAM;AAC1C,IAAAJ,EAAe,OAAO;AAAA,EACxB,GAAG,CAAE,CAAA,GAECO,IAAmBH,EAAY,MAAM;;AACzC,IAAAP,EAAa,EAAI,GAEbE,MAAgB,cAClBM,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GACC,CAACN,CAAW,CAAC,GAEVS,IAAmBJ,EAAY,MAAM;;AACzC,IAAAP,EAAa,EAAK,IACRQ,IAAAJ,EAAA,YAAA,QAAAI,EAAS,YAAY,GAAG;AAAA,EACpC,GAAG,CAAE,CAAA,GAECI,IAAkBb,KAAaG,MAAgB;AAGnD,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOlB;AAAA,MACP,WAAWE;AAAA,MACX,gBAAgBA,IAAW,SAAYY;AAAA,MACvC,gBAAgBZ,IAAW,SAAYa;AAAA,MACvC,SAASb,IAAW,SAAYD;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAkB,EAAAC,GAAA,EAAmB,OAAOpB,GAAM,UAAU,CAACgB,GACzC,UACHlB,GAAA;AAAA,QAEA,gBAAAqB,EAACE,GAAA,EAAuB,OAAOrB,GAAM,UAAUgB,GAC5C,UAAAb,KAAaJ,KACZ,gBAAAoB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,KAAKT;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,UAAUH;AAAA,YACV,UAAUc;AAAA,YACV,SAASG;AAAA,UAAA;AAAA,QAAA,GAGf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,IAAAC,EAAK3B,CAAO;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import o from "styled-components";
|
|
2
|
-
const e = o.div`
|
|
3
|
-
display: grid;
|
|
4
|
-
grid-template-columns: repeat(${({ $columns: r }) => r}, 1fr);
|
|
5
|
-
gap: ${({ $gap: r }) => r}px;
|
|
6
|
-
padding: 16px;
|
|
7
|
-
background-color: #2a2a2a;
|
|
8
|
-
border-radius: 12px;
|
|
9
|
-
max-height: 400px;
|
|
10
|
-
overflow-y: auto;
|
|
11
|
-
scrollbar-gutter: stable;
|
|
12
|
-
|
|
13
|
-
scrollbar-width: none;
|
|
14
|
-
-ms-overflow-style: none;
|
|
15
|
-
&::-webkit-scrollbar {
|
|
16
|
-
display: none;
|
|
17
|
-
}
|
|
18
|
-
`, a = o.div`
|
|
19
|
-
width: 100%;
|
|
20
|
-
max-width: ${({ $width: r }) => r};
|
|
21
|
-
max-height: ${({ $height: r }) => r};
|
|
22
|
-
cursor: ${({ $disabled: r }) => r ? "default" : "pointer"};
|
|
23
|
-
`;
|
|
24
|
-
export {
|
|
25
|
-
e as StickerGrid,
|
|
26
|
-
a as StickerGridContainer
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=sticker-selector-grid-styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sticker-selector-grid-styled.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StickerGrid = styled.div<{\n $columns: number;\n $gap: number;\n}>`\n display: grid;\n grid-template-columns: repeat(${({ $columns }) => $columns}, 1fr);\n gap: ${({ $gap }) => $gap}px;\n padding: 16px;\n background-color: #2a2a2a;\n border-radius: 12px;\n max-height: 400px;\n overflow-y: auto;\n scrollbar-gutter: stable;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nexport const StickerGridContainer = styled.div<{\n $width: string;\n $height: string;\n $disabled?: boolean;\n}>`\n width: 100%;\n max-width: ${({ $width }) => $width};\n max-height: ${({ $height }) => $height};\n cursor: ${({ $disabled }) => ($disabled ? 'default' : 'pointer')};\n`;\n"],"names":["StickerGrid","styled","$columns","$gap","StickerGridContainer","$width","$height","$disabled"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA,kCAKA,CAAC,EAAE,UAAAC,EAAS,MAAMA,CAAQ;AAAA,SACnD,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAedC,IAAuBH,EAAO;AAAA;AAAA,eAM5B,CAAC,EAAE,QAAAI,EAAO,MAAMA,CAAM;AAAA,gBACrB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA,YAC5B,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,YAAY,SAAU;AAAA;"}
|
package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { memo as c } from "react";
|
|
3
|
-
import { STICKERS_DATA as p } from "../../../constants.js";
|
|
4
|
-
import d from "../sticker/sticker.js";
|
|
5
|
-
import { StickerGridContainer as n, StickerGrid as S } from "./sticker-selector-grid-styled.js";
|
|
6
|
-
const f = ({
|
|
7
|
-
columns: t = 4,
|
|
8
|
-
gap: e = 8,
|
|
9
|
-
stickerSize: m = 72,
|
|
10
|
-
onStickerClick: l,
|
|
11
|
-
disabled: o = !1
|
|
12
|
-
}) => /* @__PURE__ */ i(n, { $width: "350px", $height: "400px", $disabled: o, children: /* @__PURE__ */ i(S, { $columns: t, $gap: e, children: p.map((r) => /* @__PURE__ */ i(
|
|
13
|
-
d,
|
|
14
|
-
{
|
|
15
|
-
emoji: r.emoji,
|
|
16
|
-
lottieUrl: r.lottieUrl,
|
|
17
|
-
size: m,
|
|
18
|
-
onClick: () => l(r),
|
|
19
|
-
disabled: o
|
|
20
|
-
},
|
|
21
|
-
r.id
|
|
22
|
-
)) }) }), G = c(f);
|
|
23
|
-
export {
|
|
24
|
-
G as default
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=sticker-selector-grid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sticker-selector-grid.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.tsx"],"sourcesContent":["import type { IStickerSelectorGridProps } from './sticker-selector-grid-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { STICKERS_DATA } from '../../../constants';\nimport Sticker from '../sticker/sticker';\nimport * as Styled from './sticker-selector-grid-styled';\n\nconst StickerSelectorGrid: FC<IStickerSelectorGridProps> = ({\n columns = 4,\n gap = 8,\n stickerSize = 72,\n onStickerClick,\n disabled = false,\n}) => {\n return (\n <Styled.StickerGridContainer $width=\"350px\" $height=\"400px\" $disabled={disabled}>\n <Styled.StickerGrid $columns={columns} $gap={gap}>\n {STICKERS_DATA.map(sticker => (\n <Sticker\n key={sticker.id}\n emoji={sticker.emoji}\n lottieUrl={sticker.lottieUrl}\n size={stickerSize}\n onClick={() => onStickerClick(sticker)}\n disabled={disabled}\n />\n ))}\n </Styled.StickerGrid>\n </Styled.StickerGridContainer>\n );\n};\n\nexport default memo(StickerSelectorGrid);\n"],"names":["StickerSelectorGrid","columns","gap","stickerSize","onStickerClick","disabled","jsx","Styled.StickerGridContainer","Styled.StickerGrid","STICKERS_DATA","sticker","Sticker","StickerSelectorGrid$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAEI,gBAAAC,EAACC,GAAA,EAA4B,QAAO,SAAQ,SAAQ,SAAQ,WAAWF,GACrE,4BAACG,GAAA,EAAmB,UAAUP,GAAS,MAAMC,GAC1C,UAAAO,EAAc,IAAI,CACjBC,MAAA,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IAEC,OAAOD,EAAQ;AAAA,IACf,WAAWA,EAAQ;AAAA,IACnB,MAAMP;AAAA,IACN,SAAS,MAAMC,EAAeM,CAAO;AAAA,IACrC,UAAAL;AAAA,EAAA;AAAA,EALKK,EAAQ;AAAA,CAOhB,GACH,EACF,CAAA,GAIWE,IAAAC,EAAKb,CAAmB;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import o from "styled-components";
|
|
2
|
-
const i = o.div`
|
|
3
|
-
display: inline-block;
|
|
4
|
-
pointer-events: ${({ $disabled: e }) => e ? "none" : "auto"};
|
|
5
|
-
opacity: ${({ $disabled: e }) => e ? 0.5 : 1};
|
|
6
|
-
cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
|
|
7
|
-
|
|
8
|
-
${({ $disabled: e }) => e && "aria-disabled: true;"}
|
|
9
|
-
`;
|
|
10
|
-
export {
|
|
11
|
-
i as TriggerWrapper
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=sticker-selector-styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sticker-selector-styled.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const TriggerWrapper = styled.div<{ $disabled: boolean }>`\n display: inline-block;\n pointer-events: ${({ $disabled }) => ($disabled ? 'none' : 'auto')};\n opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};\n\n ${({ $disabled }) => $disabled && `aria-disabled: true;`}\n`;\n"],"names":["TriggerWrapper","styled","$disabled"],"mappings":";AAEO,MAAMA,IAAiBC,EAAO;AAAA;AAAA,oBAEjB,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,SAAS,MAAO;AAAA,aACvD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,MAAM,CAAE;AAAA,YACzC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,gBAAgB,SAAU;AAAA;AAAA,IAElE,CAAC,EAAE,WAAAA,EAAU,MAAMA,KAAa,sBAAsB;AAAA;"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { memo as E, useState as G, useCallback as M, useMemo as n } from "react";
|
|
3
|
-
import S from "../../ui/arrow-tooltip/arrow-tooltip.js";
|
|
4
|
-
import $ from "./comps/stiker-selector-grid/sticker-selector-grid.js";
|
|
5
|
-
import { TriggerWrapper as q } from "./sticker-selector-styled.js";
|
|
6
|
-
const v = ({
|
|
7
|
-
triggerNode: e,
|
|
8
|
-
onStickerSend: t,
|
|
9
|
-
gridConfig: c,
|
|
10
|
-
tooltipConfig: d,
|
|
11
|
-
visible: p
|
|
12
|
-
}) => {
|
|
13
|
-
const { columns: i = 4, gap: s = 8, stickerSize: a = 48 } = c, {
|
|
14
|
-
isAnimated: u,
|
|
15
|
-
arrowColor: f,
|
|
16
|
-
arrowSize: b,
|
|
17
|
-
arrowXCoOrdinates: C,
|
|
18
|
-
arrowYCoOrdinates: w,
|
|
19
|
-
backgroundColor: h,
|
|
20
|
-
borderColor: T,
|
|
21
|
-
position: g = "bottom",
|
|
22
|
-
renderAs: k = "primary",
|
|
23
|
-
textVariant: O,
|
|
24
|
-
tooltipOffset: x,
|
|
25
|
-
tooltipXCoOrdinates: y,
|
|
26
|
-
tooltipYCoOrdinates: z,
|
|
27
|
-
width: A,
|
|
28
|
-
widthX: I,
|
|
29
|
-
zIndex: X,
|
|
30
|
-
parentWidth: D,
|
|
31
|
-
isBlocking: V = !1
|
|
32
|
-
} = d, [r, l] = G(!1), m = M(
|
|
33
|
-
(j) => {
|
|
34
|
-
if (r) return;
|
|
35
|
-
t == null || t(j), l(!0);
|
|
36
|
-
const B = setTimeout(() => {
|
|
37
|
-
l(!1);
|
|
38
|
-
}, 5e3);
|
|
39
|
-
return () => clearTimeout(B);
|
|
40
|
-
},
|
|
41
|
-
[t, r]
|
|
42
|
-
), W = n(
|
|
43
|
-
() => /* @__PURE__ */ o(
|
|
44
|
-
$,
|
|
45
|
-
{
|
|
46
|
-
columns: i,
|
|
47
|
-
gap: s,
|
|
48
|
-
stickerSize: a,
|
|
49
|
-
onStickerClick: m,
|
|
50
|
-
disabled: r
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
[i, s, a, m, r]
|
|
54
|
-
), Y = n(() => /* @__PURE__ */ o(q, { $disabled: r, children: e }), [r, e]);
|
|
55
|
-
return /* @__PURE__ */ o(
|
|
56
|
-
S,
|
|
57
|
-
{
|
|
58
|
-
children: Y,
|
|
59
|
-
alwaysVisible: !0,
|
|
60
|
-
hidden: !p,
|
|
61
|
-
tooltipItem: W,
|
|
62
|
-
renderAs: k,
|
|
63
|
-
position: g,
|
|
64
|
-
isBlocking: V,
|
|
65
|
-
isAnimated: u,
|
|
66
|
-
zIndex: X,
|
|
67
|
-
width: A,
|
|
68
|
-
widthX: I,
|
|
69
|
-
parentWidth: D,
|
|
70
|
-
backgroundColor: h,
|
|
71
|
-
borderColor: T,
|
|
72
|
-
textVariant: O,
|
|
73
|
-
tooltipOffset: x,
|
|
74
|
-
arrowColor: f,
|
|
75
|
-
arrowSize: b,
|
|
76
|
-
arrowXCoOrdinates: C,
|
|
77
|
-
arrowYCoOrdinates: w,
|
|
78
|
-
tooltipXCoOrdinates: y,
|
|
79
|
-
tooltipYCoOrdinates: z
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
}, P = E(v);
|
|
83
|
-
export {
|
|
84
|
-
P as default
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=sticker-selector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import type { IStickerData } from '../stickers-types';\nimport type { IStickerSelectorProps } from './sticker-selector-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useState, useCallback } from 'react';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport StickerSelectorGrid from './comps/stiker-selector-grid/sticker-selector-grid';\nimport * as Styled from './sticker-selector-styled';\n\nconst StickerSelector: FC<IStickerSelectorProps> = ({\n triggerNode,\n onStickerSend,\n gridConfig,\n tooltipConfig,\n visible,\n}) => {\n const { columns = 4, gap = 8, stickerSize = 48 } = gridConfig;\n const {\n isAnimated,\n arrowColor,\n arrowSize,\n arrowXCoOrdinates,\n arrowYCoOrdinates,\n backgroundColor,\n borderColor,\n position = 'bottom',\n renderAs = 'primary',\n textVariant,\n tooltipOffset,\n tooltipXCoOrdinates,\n tooltipYCoOrdinates,\n width,\n widthX,\n zIndex,\n parentWidth,\n isBlocking = false,\n } = tooltipConfig;\n\n const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n const handleStickerSend = useCallback(\n (sticker: IStickerData) => {\n if (isTemporarilyDisabled) return;\n\n onStickerSend?.(sticker);\n setIsTemporarilyDisabled(true);\n\n const timeout = setTimeout(() => {\n setIsTemporarilyDisabled(false);\n }, 5000);\n\n return () => clearTimeout(timeout);\n },\n [onStickerSend, isTemporarilyDisabled],\n );\n\n const tooltipItem = useMemo(\n () => (\n <StickerSelectorGrid\n columns={columns}\n gap={gap}\n stickerSize={stickerSize}\n onStickerClick={handleStickerSend}\n disabled={isTemporarilyDisabled}\n />\n ),\n [columns, gap, stickerSize, handleStickerSend, isTemporarilyDisabled],\n );\n\n const triggerEle = useMemo(() => {\n return (\n <Styled.TriggerWrapper $disabled={isTemporarilyDisabled}>{triggerNode}</Styled.TriggerWrapper>\n );\n }, [isTemporarilyDisabled, triggerNode]);\n\n return (\n <ArrowTooltip\n children={triggerEle}\n alwaysVisible\n hidden={!visible}\n tooltipItem={tooltipItem}\n renderAs={renderAs}\n position={position}\n isBlocking={isBlocking}\n isAnimated={isAnimated}\n zIndex={zIndex}\n width={width}\n widthX={widthX}\n parentWidth={parentWidth}\n backgroundColor={backgroundColor}\n borderColor={borderColor}\n textVariant={textVariant}\n tooltipOffset={tooltipOffset}\n arrowColor={arrowColor}\n arrowSize={arrowSize}\n arrowXCoOrdinates={arrowXCoOrdinates}\n arrowYCoOrdinates={arrowYCoOrdinates}\n tooltipXCoOrdinates={tooltipXCoOrdinates}\n tooltipYCoOrdinates={tooltipYCoOrdinates}\n />\n );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","triggerNode","onStickerSend","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","handleStickerSend","useCallback","sticker","timeout","tooltipItem","useMemo","jsx","StickerSelectorGrid","triggerEle","Styled.TriggerWrapper","ArrowTooltip","stickerSelector","memo"],"mappings":";;;;;AAUA,MAAMA,IAA6C,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,IAAU,GAAG,KAAAC,IAAM,GAAG,aAAAC,IAAc,GAAO,IAAAL,GAC7C;AAAA,IACJ,YAAAM;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAtB,GAEE,CAACuB,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAoBC;AAAA,IACxB,CAACC,MAA0B;AACzB,UAAIL,EAAuB;AAE3B,MAAAzB,KAAA,QAAAA,EAAgB8B,IAChBJ,EAAyB,EAAI;AAEvB,YAAAK,IAAU,WAAW,MAAM;AAC/B,QAAAL,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaK,CAAO;AAAA,IACnC;AAAA,IACA,CAAC/B,GAAeyB,CAAqB;AAAA,EAAA,GAGjCO,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAA/B;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBsB;AAAA,QAChB,UAAUH;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAACrB,GAASC,GAAKC,GAAasB,GAAmBH,CAAqB;AAAA,EAAA,GAGhEW,IAAaH,EAAQ,wBAEtBI,GAAA,EAAsB,WAAWZ,GAAwB,UAAY1B,EAAA,CAAA,GAEvE,CAAC0B,GAAuB1B,CAAW,CAAC;AAGrC,SAAA,gBAAAmC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,UAAUF;AAAA,MACV,eAAa;AAAA,MACb,QAAQ,CAACjC;AAAA,MACT,aAAA6B;AAAA,MACA,UAAAjB;AAAA,MACA,UAAAD;AAAA,MACA,YAAAU;AAAA,MACA,YAAAjB;AAAA,MACA,QAAAe;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,iBAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAG;AAAA,MACA,eAAAC;AAAA,MACA,YAAAT;AAAA,MACA,WAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAO;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeoB,IAAAC,EAAK1C,CAAe;"}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { keyframes as i, css as t } from "styled-components";
|
|
2
|
-
import { randomizeDuration as a } from "./stickers-effects-helper.js";
|
|
3
|
-
const r = i`
|
|
4
|
-
0% {
|
|
5
|
-
opacity: 1;
|
|
6
|
-
visibility: visible;
|
|
7
|
-
}
|
|
8
|
-
80% {
|
|
9
|
-
opacity: 0.5;
|
|
10
|
-
}
|
|
11
|
-
100% {
|
|
12
|
-
opacity: 0;
|
|
13
|
-
visibility: visible;
|
|
14
|
-
}
|
|
15
|
-
`, e = i`
|
|
16
|
-
0% {
|
|
17
|
-
transform: translateY(0vh);
|
|
18
|
-
visibility: visible;
|
|
19
|
-
}
|
|
20
|
-
100% {
|
|
21
|
-
transform: translateY(-100vh);
|
|
22
|
-
visibility: visible;
|
|
23
|
-
}
|
|
24
|
-
`, n = i`
|
|
25
|
-
0% {
|
|
26
|
-
transform: translateY(0vh);
|
|
27
|
-
visibility: visible;
|
|
28
|
-
}
|
|
29
|
-
100% {
|
|
30
|
-
transform: translateY(100vh);
|
|
31
|
-
visibility: visible;
|
|
32
|
-
}
|
|
33
|
-
`, o = i`
|
|
34
|
-
0% {
|
|
35
|
-
transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);
|
|
36
|
-
visibility: visible;
|
|
37
|
-
}
|
|
38
|
-
100% {
|
|
39
|
-
transform: translateX(0vw) translateY(0vh) scale(1.25);
|
|
40
|
-
visibility: visible;
|
|
41
|
-
}
|
|
42
|
-
`, l = i`
|
|
43
|
-
0% {
|
|
44
|
-
transform: translateX(0) translateY(0vh);
|
|
45
|
-
visibility: visible;
|
|
46
|
-
}
|
|
47
|
-
35% {
|
|
48
|
-
transform: translateX(0) translateY(-50vh) scale(1.25);
|
|
49
|
-
}
|
|
50
|
-
60% {
|
|
51
|
-
transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);
|
|
52
|
-
}
|
|
53
|
-
100% {
|
|
54
|
-
transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);
|
|
55
|
-
visibility: visible;
|
|
56
|
-
}
|
|
57
|
-
`, v = {
|
|
58
|
-
"float-up": (s) => t`
|
|
59
|
-
animation:
|
|
60
|
-
${e} ${a(s)}ms ease-out forwards,
|
|
61
|
-
${r} ${a(s)}ms ease-in forwards;
|
|
62
|
-
`,
|
|
63
|
-
"fall-down": (s) => t`
|
|
64
|
-
animation:
|
|
65
|
-
${n} ${a(s)}ms ease-out forwards,
|
|
66
|
-
${r} ${a(s)}ms ease-in forwards;
|
|
67
|
-
`,
|
|
68
|
-
"burst-from-edges": (s) => t`
|
|
69
|
-
animation:
|
|
70
|
-
${o} ${a(s)}ms linear forwards,
|
|
71
|
-
${r} ${a(s)}ms ease-in forwards;
|
|
72
|
-
`,
|
|
73
|
-
"pop-expand": (s) => t`
|
|
74
|
-
animation:
|
|
75
|
-
${l} ${s}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards,
|
|
76
|
-
${r} ${s}ms ease-in forwards;
|
|
77
|
-
`
|
|
78
|
-
};
|
|
79
|
-
export {
|
|
80
|
-
v as effectAnimations
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=stickers-effects-animations.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stickers-effects-animations.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-animations.ts"],"sourcesContent":["import type { IStickersProps } from './stickers-effects-types';\n\nimport { keyframes, css } from 'styled-components';\n\nimport { randomizeDuration } from './stickers-effects-helper';\n\nconst fadeOutEaseIn = keyframes`\n 0% {\n opacity: 1;\n visibility: visible;\n }\n 80% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0;\n visibility: visible;\n }\n`;\n\nconst floatUp = keyframes`\n 0% {\n transform: translateY(0vh);\n visibility: visible;\n }\n 100% {\n transform: translateY(-100vh);\n visibility: visible;\n }\n`;\n\nconst fallDown = keyframes`\n 0% {\n transform: translateY(0vh);\n visibility: visible;\n }\n 100% {\n transform: translateY(100vh);\n visibility: visible;\n }\n`;\n\nconst burstFromEdges = keyframes`\n 0% {\n transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);\n visibility: visible;\n }\n 100% {\n transform: translateX(0vw) translateY(0vh) scale(1.25);\n visibility: visible;\n }\n`;\n\nconst popExpand = keyframes`\n 0% {\n transform: translateX(0) translateY(0vh);\n visibility: visible;\n }\n 35% {\n transform: translateX(0) translateY(-50vh) scale(1.25);\n }\n 60% {\n transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);\n }\n 100% {\n transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);\n visibility: visible;\n }\n`;\n\nexport const effectAnimations: Record<\n IStickersProps['effect'],\n (duration: number) => ReturnType<typeof css>\n> = {\n 'float-up': (duration: number) => css`\n animation:\n ${floatUp} ${randomizeDuration(duration)}ms ease-out forwards,\n ${fadeOutEaseIn} ${randomizeDuration(duration)}ms ease-in forwards;\n `,\n 'fall-down': (duration: number) => css`\n animation:\n ${fallDown} ${randomizeDuration(duration)}ms ease-out forwards,\n ${fadeOutEaseIn} ${randomizeDuration(duration)}ms ease-in forwards;\n `,\n 'burst-from-edges': (duration: number) => css`\n animation:\n ${burstFromEdges} ${randomizeDuration(duration)}ms linear forwards,\n ${fadeOutEaseIn} ${randomizeDuration(duration)}ms ease-in forwards;\n `,\n 'pop-expand': (duration: number) => css`\n animation:\n ${popExpand} ${duration}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards,\n ${fadeOutEaseIn} ${duration}ms ease-in forwards;\n `,\n};\n"],"names":["fadeOutEaseIn","keyframes","floatUp","fallDown","burstFromEdges","popExpand","effectAnimations","duration","css","randomizeDuration"],"mappings":";;AAMA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVE,IAAWF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWXG,IAAiBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBI,IAAYJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBLK,IAGT;AAAA,EACF,YAAY,CAACC,MAAqBC;AAAA;AAAA,QAE5BN,CAAO,IAAIO,EAAkBF,CAAQ,CAAC;AAAA,QACtCP,CAAa,IAAIS,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAElD,aAAa,CAACA,MAAqBC;AAAA;AAAA,QAE7BL,CAAQ,IAAIM,EAAkBF,CAAQ,CAAC;AAAA,QACvCP,CAAa,IAAIS,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAElD,oBAAoB,CAACA,MAAqBC;AAAA;AAAA,QAEpCJ,CAAc,IAAIK,EAAkBF,CAAQ,CAAC;AAAA,QAC7CP,CAAa,IAAIS,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAElD,cAAc,CAACA,MAAqBC;AAAA;AAAA,QAE9BH,CAAS,IAAIE,CAAQ;AAAA,QACrBP,CAAa,IAAIO,CAAQ;AAAA;AAEjC;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
|
|
2
|
-
async function r(t) {
|
|
3
|
-
if (o.has(t))
|
|
4
|
-
return o.get(t);
|
|
5
|
-
if (n.has(t))
|
|
6
|
-
return n.get(t);
|
|
7
|
-
const i = fetch(t).then(async (e) => {
|
|
8
|
-
if (!e.ok) return null;
|
|
9
|
-
const a = t.endsWith(".lottie") ? await e.arrayBuffer() : await e.json();
|
|
10
|
-
return o.set(t, a), a;
|
|
11
|
-
}).catch((e) => (console.error("Lottie preload error:", e), null)).finally(() => {
|
|
12
|
-
n.delete(t);
|
|
13
|
-
});
|
|
14
|
-
return n.set(t, i), i;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
r as preloadLottieFile
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=stickers-effects-cache.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stickers-effects-cache.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-cache.ts"],"sourcesContent":["import type { Data } from '@lottiefiles/dotlottie-web';\n\nconst lottieCache = new Map<string, Data>();\nconst lottiePromises = new Map<string, Promise<Data | null>>();\n\nexport async function preloadLottieFile(url: string): Promise<Data | null> {\n if (lottieCache.has(url)) {\n return lottieCache.get(url)!;\n }\n\n if (lottiePromises.has(url)) {\n return lottiePromises.get(url)!;\n }\n\n const fetchPromise = fetch(url)\n .then(async res => {\n if (!res.ok) return null;\n\n const isLottieFile = url.endsWith('.lottie');\n const data = isLottieFile ? await res.arrayBuffer() : await res.json();\n\n lottieCache.set(url, data);\n\n return data;\n })\n .catch(err => {\n // eslint-disable-next-line no-console\n console.error('Lottie preload error:', err);\n\n return null;\n })\n .finally(() => {\n lottiePromises.delete(url);\n });\n\n lottiePromises.set(url, fetchPromise);\n\n return fetchPromise;\n}\n"],"names":["lottieCache","lottiePromises","preloadLottieFile","url","fetchPromise","res","data","err"],"mappings":"AAEA,MAAMA,wBAAkB,OAClBC,wBAAqB;AAE3B,eAAsBC,EAAkBC,GAAmC;AACrE,MAAAH,EAAY,IAAIG,CAAG;AACd,WAAAH,EAAY,IAAIG,CAAG;AAGxB,MAAAF,EAAe,IAAIE,CAAG;AACjB,WAAAF,EAAe,IAAIE,CAAG;AAG/B,QAAMC,IAAe,MAAMD,CAAG,EAC3B,KAAK,OAAME,MAAO;AACb,QAAA,CAACA,EAAI,GAAW,QAAA;AAGd,UAAAC,IADeH,EAAI,SAAS,SAAS,IACf,MAAME,EAAI,gBAAgB,MAAMA,EAAI;AAEpD,WAAAL,EAAA,IAAIG,GAAKG,CAAI,GAElBA;AAAA,EAAA,CACR,EACA,MAAM,CAAOC,OAEJ,QAAA,MAAM,yBAAyBA,CAAG,GAEnC,KACR,EACA,QAAQ,MAAM;AACb,IAAAN,EAAe,OAAOE,CAAG;AAAA,EAAA,CAC1B;AAEY,SAAAF,EAAA,IAAIE,GAAKC,CAAY,GAE7BA;AACT;"}
|