@cuemath/leap 3.2.34-mb → 3.3.0

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.
Files changed (96) hide show
  1. package/dist/assets/gif/gif.js +4 -1
  2. package/dist/assets/gif/gif.js.map +1 -1
  3. package/dist/assets/illustrations/illustrations.js +17 -0
  4. package/dist/assets/illustrations/illustrations.js.map +1 -1
  5. package/dist/assets/lottie/lottie.js +3 -0
  6. package/dist/assets/lottie/lottie.js.map +1 -1
  7. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js +1 -1
  8. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map +1 -1
  9. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js +22 -22
  10. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map +1 -1
  11. package/dist/features/auth/comps/pill-button/pill-button-styled.js +12 -11
  12. package/dist/features/auth/comps/pill-button/pill-button-styled.js.map +1 -1
  13. package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js +11 -4
  14. package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js.map +1 -1
  15. package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js +17 -17
  16. package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js.map +1 -1
  17. package/dist/features/auth/pla-signup/signup-options/signup-options.js +1 -1
  18. package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -1
  19. package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js +3 -8
  20. package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js.map +1 -1
  21. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js +40 -40
  22. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map +1 -1
  23. package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js +75 -88
  24. package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js.map +1 -1
  25. package/dist/features/ui/drawer/drawer-styled.js +4 -2
  26. package/dist/features/ui/drawer/drawer-styled.js.map +1 -1
  27. package/dist/features/ui/lottie-animation/lottie-animation.js +31 -36
  28. package/dist/features/ui/lottie-animation/lottie-animation.js.map +1 -1
  29. package/dist/features/ui/modals/modal-styled.js +15 -48
  30. package/dist/features/ui/modals/modal-styled.js.map +1 -1
  31. package/dist/features/ui/modals/modal.js +35 -43
  32. package/dist/features/ui/modals/modal.js.map +1 -1
  33. package/dist/features/{stickers/sticker-selector/sticker-selector-styles.js → ui/sticker-grid/sticker-grid-styles.js} +31 -23
  34. package/dist/features/ui/sticker-grid/sticker-grid-styles.js.map +1 -0
  35. package/dist/features/ui/sticker-grid/sticker-grid.js +24 -0
  36. package/dist/features/ui/sticker-grid/sticker-grid.js.map +1 -0
  37. package/dist/features/ui/sticker-grid/sticker.js +57 -0
  38. package/dist/features/ui/sticker-grid/sticker.js.map +1 -0
  39. package/dist/features/ui/stickers/constants.js +6 -0
  40. package/dist/features/ui/stickers/constants.js.map +1 -0
  41. package/dist/features/ui/stickers/stickers-effects.js +64 -0
  42. package/dist/features/ui/stickers/stickers-effects.js.map +1 -0
  43. package/dist/features/ui/stickers/stickers-styled.js +29 -0
  44. package/dist/features/ui/stickers/stickers-styled.js.map +1 -0
  45. package/dist/features/ui/stickers/stickers-utils.js +91 -0
  46. package/dist/features/ui/stickers/stickers-utils.js.map +1 -0
  47. package/dist/features/ui/stickers/stickers.js +40 -0
  48. package/dist/features/ui/stickers/stickers.js.map +1 -0
  49. package/dist/features/ui/theme/get-device.js +1 -1
  50. package/dist/features/ui/theme/get-device.js.map +1 -1
  51. package/dist/index.d.ts +57 -85
  52. package/dist/index.js +341 -343
  53. package/dist/index.js.map +1 -1
  54. package/dist/static/arrow-board-green.11e75bca.svg +1 -0
  55. package/dist/static/book-checked-green.c275dbd9.svg +1 -0
  56. package/dist/static/book-checked-orange.53ea6880.svg +1 -0
  57. package/dist/static/book-checked-purple.df628f3e.svg +1 -0
  58. package/dist/static/calendar-check-green.ab0e24d2.svg +1 -0
  59. package/dist/static/calendar-cross-orange.8e7a23bd.svg +1 -0
  60. package/dist/static/calendar-hour-glass-orange.e99f8ffd.json +1 -0
  61. package/dist/static/equal-outlined.b705bf5d.svg +1 -0
  62. package/dist/static/handshake-green.f8d24216.svg +1 -0
  63. package/dist/static/heart-outlined.5b5415fe.svg +1 -0
  64. package/dist/static/knowledge-blue.ead536f1.svg +1 -0
  65. package/dist/static/learning-session-grid-bg.fb60e64b.gif +0 -0
  66. package/dist/static/platform-green.eb853207.svg +1 -0
  67. package/dist/static/platform-purple.ecf6fa46.svg +1 -0
  68. package/dist/static/radial-gradient-bg-2.6657c758.svg +1 -0
  69. package/dist/static/radial-gradient-bg.5ae0cde5.svg +1 -0
  70. package/dist/static/star-outlined.bde83c7c.svg +1 -0
  71. package/dist/static/student-avatar.24bc2875.svg +1 -0
  72. package/dist/static/teacher-found.0ba07d4a.json +1 -0
  73. package/dist/static/teacher-search.552c8ba2.json +1 -0
  74. package/dist/static/trophy-outlined.f946b362.svg +1 -0
  75. package/dist/static/way-forward-grid-bg.ab5d2dc6.gif +0 -0
  76. package/dist/static/your-goals-grid-bg.87fa9c60.gif +0 -0
  77. package/package.json +1 -1
  78. package/dist/features/stickers/sticker-data.js +0 -234
  79. package/dist/features/stickers/sticker-data.js.map +0 -1
  80. package/dist/features/stickers/sticker-selector/sticker-selector-grid.js +0 -39
  81. package/dist/features/stickers/sticker-selector/sticker-selector-grid.js.map +0 -1
  82. package/dist/features/stickers/sticker-selector/sticker-selector-styles.js.map +0 -1
  83. package/dist/features/stickers/sticker-selector/sticker-selector.js +0 -88
  84. package/dist/features/stickers/sticker-selector/sticker-selector.js.map +0 -1
  85. package/dist/features/stickers/sticker-selector/sticker.js +0 -60
  86. package/dist/features/stickers/sticker-selector/sticker.js.map +0 -1
  87. package/dist/features/stickers/stickers-effects/effects.js +0 -82
  88. package/dist/features/stickers/stickers-effects/effects.js.map +0 -1
  89. package/dist/features/stickers/stickers-effects/stickers-cache.js +0 -19
  90. package/dist/features/stickers/stickers-effects/stickers-cache.js.map +0 -1
  91. package/dist/features/stickers/stickers-effects/stickers-effects-helper.js +0 -105
  92. package/dist/features/stickers/stickers-effects/stickers-effects-helper.js.map +0 -1
  93. package/dist/features/stickers/stickers-effects/stickers-effects-styled.js +0 -37
  94. package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map +0 -1
  95. package/dist/features/stickers/stickers-effects/stickers-effects.js +0 -67
  96. package/dist/features/stickers/stickers-effects/stickers-effects.js.map +0 -1
@@ -1,234 +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
- },
104
- {
105
- id: "heart",
106
- emoji: "❤️",
107
- name: "Heart",
108
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json"
109
- },
110
- {
111
- id: "trophy",
112
- emoji: "🏆",
113
- name: "Trophy",
114
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json"
115
- },
116
- {
117
- id: "hundred",
118
- emoji: "💯",
119
- name: "Hundred",
120
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json"
121
- },
122
- {
123
- id: "gold-medal",
124
- emoji: "🥇",
125
- name: "Gold Medal",
126
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json"
127
- },
128
- {
129
- id: "silver-medal",
130
- emoji: "🥈",
131
- name: "Silver Medal",
132
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json"
133
- },
134
- {
135
- id: "bronze-medal",
136
- emoji: "🥉",
137
- name: "Bronze Medal",
138
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json"
139
- },
140
- {
141
- id: "target",
142
- emoji: "🎯",
143
- name: "Target",
144
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json"
145
- },
146
- {
147
- id: "glowing-star",
148
- emoji: "🌟",
149
- name: "Glowing Star",
150
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json"
151
- },
152
- {
153
- id: "lightning",
154
- emoji: "⚡️",
155
- name: "Lightning",
156
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json"
157
- },
158
- {
159
- id: "rocket",
160
- emoji: "🚀",
161
- name: "Rocket",
162
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json"
163
- },
164
- {
165
- id: "explosion",
166
- emoji: "💥",
167
- name: "Explosion",
168
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json"
169
- },
170
- {
171
- id: "graduation",
172
- emoji: "🎓",
173
- name: "Graduation",
174
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json"
175
- },
176
- {
177
- id: "clock",
178
- emoji: "⏰",
179
- name: "Clock",
180
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json"
181
- },
182
- {
183
- id: "bulb",
184
- emoji: "💡",
185
- name: "Bulb",
186
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json"
187
- },
188
- {
189
- id: "rainbow",
190
- emoji: "🌈",
191
- name: "Rainbow",
192
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json"
193
- },
194
- {
195
- id: "clown",
196
- emoji: "🤡",
197
- name: "Clown",
198
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json"
199
- },
200
- {
201
- id: "dancer",
202
- emoji: "💃",
203
- name: "Dancer",
204
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json"
205
- },
206
- {
207
- id: "flowers",
208
- emoji: "💐",
209
- name: "Flowers",
210
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json"
211
- },
212
- {
213
- id: "unicorn",
214
- emoji: "🦄",
215
- name: "Unicorn",
216
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json"
217
- },
218
- {
219
- id: "drum",
220
- emoji: "🥁",
221
- name: "Drum",
222
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json"
223
- },
224
- {
225
- id: "diamond",
226
- emoji: "💎",
227
- name: "Diamond",
228
- lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json"
229
- }
230
- ];
231
- export {
232
- t as stickerData
233
- };
234
- //# sourceMappingURL=sticker-data.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sticker-data.js","sources":["../../../src/features/stickers/sticker-data.ts"],"sourcesContent":["import type { IStickerData } from './sticker-selector/sticker-selector-types';\n\nexport const stickerData: 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',\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":["stickerData"],"mappings":"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"}
@@ -1,39 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { memo as u, useState as c, useCallback as f } from "react";
3
- import { stickerData as b } from "../sticker-data.js";
4
- import h from "./sticker.js";
5
- import { StickerGridContainer as $, StickerGrid as x } from "./sticker-selector-styles.js";
6
- const D = ({
7
- stickers: a = b,
8
- columns: m = 4,
9
- gap: s = 8,
10
- stickerSize: l = 72,
11
- onStickerClick: r
12
- }) => {
13
- const [d, o] = c(!1), t = d, p = f(
14
- (e) => {
15
- if (t) return;
16
- r == null || r(e), o(!0);
17
- const n = setTimeout(() => {
18
- o(!1);
19
- }, 5e3);
20
- return () => clearTimeout(n);
21
- },
22
- [r, t]
23
- );
24
- return /* @__PURE__ */ i($, { $width: "350px", $height: "400px", $disabled: t, children: /* @__PURE__ */ i(x, { $columns: m, $gap: s, children: a.map((e) => /* @__PURE__ */ i(
25
- h,
26
- {
27
- emoji: e.emoji,
28
- lottieUrl: e.lottieUrl,
29
- size: l,
30
- onClick: () => p(e),
31
- disabled: t
32
- },
33
- e.id
34
- )) }) });
35
- }, y = u(D);
36
- export {
37
- y as default
38
- };
39
- //# sourceMappingURL=sticker-selector-grid.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sticker-selector-grid.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-grid.tsx"],"sourcesContent":["import type { IStickerSelectorGridProps } from './sticker-selector-types';\n\nimport React, { memo, useCallback, useState } from 'react';\n\nimport { stickerData } from '../sticker-data';\nimport Sticker from './sticker';\nimport * as S from './sticker-selector-styles';\n\nconst StickerSelectorGrid: React.FC<IStickerSelectorGridProps> = ({\n stickers = stickerData,\n columns = 4,\n gap = 8,\n stickerSize = 72,\n onStickerClick,\n}) => {\n const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n const gridDisabled = isTemporarilyDisabled;\n\n const handleStickerClick = useCallback(\n (sticker: (typeof stickers)[0]) => {\n if (gridDisabled) return;\n\n onStickerClick?.(sticker);\n setIsTemporarilyDisabled(true);\n\n const timeout = setTimeout(() => {\n setIsTemporarilyDisabled(false);\n }, 5000);\n\n return () => clearTimeout(timeout);\n },\n [onStickerClick, gridDisabled],\n );\n\n return (\n <S.StickerGridContainer $width=\"350px\" $height=\"400px\" $disabled={gridDisabled}>\n <S.StickerGrid $columns={columns} $gap={gap}>\n {stickers.map(sticker => (\n <Sticker\n key={sticker.id}\n emoji={sticker.emoji}\n lottieUrl={sticker.lottieUrl}\n size={stickerSize}\n onClick={() => handleStickerClick(sticker)}\n disabled={gridDisabled}\n />\n ))}\n </S.StickerGrid>\n </S.StickerGridContainer>\n );\n};\n\nexport default memo(StickerSelectorGrid);\n"],"names":["StickerSelectorGrid","stickers","stickerData","columns","gap","stickerSize","onStickerClick","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","gridDisabled","handleStickerClick","useCallback","sticker","timeout","jsx","S.StickerGridContainer","S.StickerGrid","Sticker","StickerSelectorGrid$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAA2D,CAAC;AAAA,EAChE,UAAAC,IAAWC;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,gBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAeH,GAEfI,IAAqBC;AAAA,IACzB,CAACC,MAAkC;AACjC,UAAIH,EAAc;AAElB,MAAAJ,KAAA,QAAAA,EAAiBO,IACjBL,EAAyB,EAAI;AAEvB,YAAAM,IAAU,WAAW,MAAM;AAC/B,QAAAN,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaM,CAAO;AAAA,IACnC;AAAA,IACA,CAACR,GAAgBI,CAAY;AAAA,EAAA;AAI7B,SAAA,gBAAAK,EAACC,GAAA,EAAuB,QAAO,SAAQ,SAAQ,SAAQ,WAAWN,GAChE,4BAACO,GAAA,EAAc,UAAUd,GAAS,MAAMC,GACrC,UAAAH,EAAS,IAAI,CACZY,MAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,OAAOL,EAAQ;AAAA,MACf,WAAWA,EAAQ;AAAA,MACnB,MAAMR;AAAA,MACN,SAAS,MAAMM,EAAmBE,CAAO;AAAA,MACzC,UAAUH;AAAA,IAAA;AAAA,IALLG,EAAQ;AAAA,EAAA,CAOhB,GACH,EACF,CAAA;AAEJ,GAEeM,IAAAC,EAAKpB,CAAmB;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"sticker-selector-styles.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-styles.ts"],"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\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\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":["StickerContainer","styled","$size","$disabled","StaticEmoji","$visible","LottieContainer","StickerGrid","$columns","$gap","StickerGridContainer","$width","$height"],"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,iBAGnD,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,GAKPO,IAAcN,EAAO;AAAA;AAAA,kCAKA,CAAC,EAAE,UAAAO,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,IAAuBT,EAAO;AAAA;AAAA,eAM5B,CAAC,EAAE,QAAAU,EAAO,MAAMA,CAAM;AAAA,gBACrB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA,YAC5B,CAAC,EAAE,WAAAT,EAAA,MAAiBA,IAAY,YAAY,SAAU;AAAA;"}
@@ -1,88 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { memo as v, useCallback as D, useMemo as G } from "react";
3
- import M from "../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
4
- import T from "../../ui/arrow-tooltip/arrow-tooltip.js";
5
- import { stickerData as V } from "../sticker-data.js";
6
- import Y from "./sticker-selector-grid.js";
7
- const j = ({
8
- triggerNode: n,
9
- studentClassroomId: d,
10
- gridConfig: l,
11
- tooltipConfig: m,
12
- visible: c
13
- }) => {
14
- const { columns: t = 4, gap: r = 8, stickerSize: i = 48 } = l, {
15
- isAnimated: p,
16
- arrowColor: C,
17
- arrowSize: f,
18
- arrowXCoOrdinates: k,
19
- arrowYCoOrdinates: S,
20
- backgroundColor: w,
21
- borderColor: u,
22
- position: g = "bottom",
23
- renderAs: b = "primary",
24
- textVariant: h,
25
- tooltipOffset: A,
26
- tooltipXCoOrdinates: O,
27
- tooltipYCoOrdinates: x,
28
- width: B,
29
- widthX: I,
30
- zIndex: y,
31
- parentWidth: z,
32
- isBlocking: E = !1
33
- } = m, { publish: o } = M({ studentClassroomId: d }), a = D(
34
- (e) => o == null ? void 0 : o({
35
- eventName: "TEACHER_BADGE",
36
- eventPayload: {
37
- data: {
38
- selectedBadge: { id: e.id, name: e.name },
39
- badgeId: e.id
40
- }
41
- }
42
- }),
43
- [o]
44
- ), X = G(
45
- () => /* @__PURE__ */ s(
46
- Y,
47
- {
48
- stickers: V,
49
- columns: t,
50
- gap: r,
51
- stickerSize: i,
52
- onStickerClick: a
53
- }
54
- ),
55
- [t, r, a, i]
56
- );
57
- return /* @__PURE__ */ s(
58
- T,
59
- {
60
- children: n,
61
- alwaysVisible: !0,
62
- hidden: !c,
63
- tooltipItem: X,
64
- renderAs: b,
65
- position: g,
66
- isBlocking: E,
67
- isAnimated: p,
68
- zIndex: y,
69
- width: B,
70
- widthX: I,
71
- parentWidth: z,
72
- backgroundColor: w,
73
- borderColor: u,
74
- textVariant: h,
75
- tooltipOffset: A,
76
- arrowColor: C,
77
- arrowSize: f,
78
- arrowXCoOrdinates: k,
79
- arrowYCoOrdinates: S,
80
- tooltipXCoOrdinates: O,
81
- tooltipYCoOrdinates: x
82
- }
83
- );
84
- }, q = v(j);
85
- export {
86
- q as default
87
- };
88
- //# 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 { IStickerSelectorProps, IStickerData } from './sticker-selector-types';\n\nimport React, { memo, useCallback, useMemo } from 'react';\n\nimport useInClassMessageBroker from '../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport { stickerData } from '../sticker-data';\nimport StickerSelectorGrid from './sticker-selector-grid';\n\nconst StickerSelector: React.FC<IStickerSelectorProps> = ({\n triggerNode,\n studentClassroomId,\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 const { publish } = useInClassMessageBroker({ studentClassroomId });\n\n const handleSend = useCallback(\n (sticker: IStickerData) =>\n publish?.({\n eventName: 'TEACHER_BADGE',\n eventPayload: {\n data: {\n selectedBadge: { id: sticker.id, name: sticker.name },\n badgeId: sticker.id,\n },\n },\n }),\n [publish],\n );\n\n const tooltipItem = useMemo(\n () => (\n <StickerSelectorGrid\n stickers={stickerData}\n columns={columns}\n gap={gap}\n stickerSize={stickerSize}\n onStickerClick={handleSend}\n />\n ),\n [columns, gap, handleSend, stickerSize],\n );\n\n return (\n <ArrowTooltip\n children={triggerNode}\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","studentClassroomId","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","publish","useInClassMessageBroker","handleSend","useCallback","sticker","tooltipItem","useMemo","jsx","StickerSelectorGrid","stickerData","ArrowTooltip","stickerSelector","memo"],"mappings":";;;;;;AASA,MAAMA,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,oBAAAC;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,GACE,EAAE,SAAAuB,EAAQ,IAAIC,EAAwB,EAAE,oBAAA1B,EAAoB,CAAA,GAE5D2B,IAAaC;AAAA,IACjB,CAACC,MACCJ,KAAA,gBAAAA,EAAU;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,MAAM;AAAA,UACJ,eAAe,EAAE,IAAII,EAAQ,IAAI,MAAMA,EAAQ,KAAK;AAAA,UACpD,SAASA,EAAQ;AAAA,QACnB;AAAA,MACF;AAAA,IAAA;AAAA,IAEJ,CAACJ,CAAO;AAAA,EAAA,GAGJK,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUC;AAAA,QACV,SAAA9B;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBqB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,CAACvB,GAASC,GAAKsB,GAAYrB,CAAW;AAAA,EAAA;AAItC,SAAA,gBAAA0B;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAUpC;AAAA,MACV,eAAa;AAAA,MACb,QAAQ,CAACI;AAAA,MACT,aAAA2B;AAAA,MACA,UAAAf;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,GAEeiB,IAAAC,EAAKvC,CAAe;"}
@@ -1,60 +0,0 @@
1
- import { jsxs as v, jsx as a } from "react/jsx-runtime";
2
- import { memo as $, useState as f, useRef as R, useCallback as n } from "react";
3
- import E from "../../ui/lottie-animation/lottie-animation.js";
4
- import { StickerContainer as k, StaticEmoji as y, LottieContainer as j } from "./sticker-selector-styles.js";
5
- const w = {
6
- loop: !0,
7
- autoplay: !1,
8
- renderer: "canvas"
9
- }, x = ({
10
- emoji: h,
11
- lottieUrl: c,
12
- size: i = 48,
13
- onClick: s,
14
- disabled: o = !1
15
- }) => {
16
- const [d, u] = f(!1), [t, l] = f("idle"), r = R(null), m = n(() => {
17
- var e;
18
- l("loaded"), (e = r.current) == null || e.play();
19
- }, []), S = n(() => {
20
- l("error");
21
- }, []), p = n(() => {
22
- var e;
23
- o || (u(!0), t === "idle" ? l("loading") : t === "loaded" && ((e = r.current) == null || e.play()));
24
- }, [o, t]), L = n(() => {
25
- var e;
26
- o || (u(!1), t === "loaded" && ((e = r.current) == null || e.goToAndStop(0, !0)));
27
- }, [o, t]), g = n(() => {
28
- var e;
29
- !o && s && ((e = r.current) == null || e.goToAndStop(0, !0), s());
30
- }, [o, s]);
31
- return /* @__PURE__ */ v(
32
- k,
33
- {
34
- $size: i,
35
- $disabled: o,
36
- onPointerEnter: p,
37
- onPointerLeave: L,
38
- onClick: g,
39
- children: [
40
- /* @__PURE__ */ a(y, { $size: i, $visible: !d || t === "error", children: h }),
41
- /* @__PURE__ */ a(j, { $size: i, $visible: d && t !== "idle", children: (t === "loading" || t === "loaded") && c && /* @__PURE__ */ a(
42
- E,
43
- {
44
- ref: r,
45
- src: c,
46
- width: "100%",
47
- height: "100%",
48
- settings: w,
49
- onRender: m,
50
- onError: S
51
- }
52
- ) })
53
- ]
54
- }
55
- );
56
- }, z = $(x);
57
- export {
58
- z as default
59
- };
60
- //# sourceMappingURL=sticker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sticker.js","sources":["../../../../src/features/stickers/sticker-selector/sticker.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../ui/lottie-animation/types';\nimport type { IStickerProps } from './sticker-selector-types';\n\nimport React, { memo, useCallback, useRef, useState } from 'react';\n\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport * as S from './sticker-selector-styles';\n\nconst renderSettings = {\n loop: true,\n autoplay: false,\n renderer: 'canvas' as const,\n};\n\nconst Sticker: React.FC<IStickerProps> = ({\n emoji,\n lottieUrl,\n size = 48,\n onClick,\n disabled = false,\n}) => {\n const [isHovered, setIsHovered] = useState(false);\n const [lottieState, setLottieState] = useState<'idle' | 'loading' | '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 if (disabled) return;\n\n setIsHovered(true);\n\n if (lottieState === 'idle') {\n setLottieState('loading');\n } else if (lottieState === 'loaded') {\n lottieRef.current?.play();\n }\n }, [disabled, lottieState]);\n\n const handleMouseLeave = useCallback(() => {\n if (disabled) return;\n\n setIsHovered(false);\n\n if (lottieState === 'loaded') {\n lottieRef.current?.goToAndStop(0, true);\n }\n }, [disabled, lottieState]);\n\n const handleClick = useCallback(() => {\n if (!disabled && onClick) {\n lottieRef.current?.goToAndStop(0, true);\n onClick();\n }\n }, [disabled, onClick]);\n\n const shouldShowLottie = isHovered && lottieState !== 'idle';\n const shouldRenderLottie = lottieState === 'loading' || lottieState === 'loaded';\n\n return (\n <S.StickerContainer\n $size={size}\n $disabled={disabled}\n onPointerEnter={handleMouseEnter}\n onPointerLeave={handleMouseLeave}\n onClick={handleClick}\n >\n <S.StaticEmoji $size={size} $visible={!isHovered || lottieState === 'error'}>\n {emoji}\n </S.StaticEmoji>\n\n <S.LottieContainer $size={size} $visible={shouldShowLottie}>\n {shouldRenderLottie && 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 </S.LottieContainer>\n </S.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","handleClick","jsxs","S.StickerContainer","jsx","S.StaticEmoji","S.LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;AAQA,MAAMA,IAAiB;AAAA,EACrB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAmC,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAaC,CAAc,IAAIF,EAAkD,MAAM,GACxFG,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,IAAIT,MAEJE,EAAa,EAAI,GAEbE,MAAgB,SAClBC,EAAe,SAAS,IACfD,MAAgB,cACzBM,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GACC,CAACV,GAAUI,CAAW,CAAC,GAEpBS,IAAmBJ,EAAY,MAAM;;AACzC,IAAIT,MAEJE,EAAa,EAAK,GAEdE,MAAgB,cACRM,IAAAJ,EAAA,YAAA,QAAAI,EAAS,YAAY,GAAG;AAAA,EACpC,GACC,CAACV,GAAUI,CAAW,CAAC,GAEpBU,IAAcL,EAAY,MAAM;;AAChC,IAAA,CAACT,KAAYD,OACLW,IAAAJ,EAAA,YAAA,QAAAI,EAAS,YAAY,GAAG,KAC1BX;EACV,GACC,CAACC,GAAUD,CAAO,CAAC;AAMpB,SAAA,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOlB;AAAA,MACP,WAAWE;AAAA,MACX,gBAAgBY;AAAA,MAChB,gBAAgBC;AAAA,MAChB,SAASC;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAG,EAAAC,GAAA,EAAc,OAAOpB,GAAM,UAAU,CAACG,KAAaG,MAAgB,SACjE,UACHR,EAAA,CAAA;AAAA,QAEA,gBAAAqB,EAACE,GAAA,EAAkB,OAAOrB,GAAM,UAfXG,KAAaG,MAAgB,QAgB/C,WAfoBA,MAAgB,aAAaA,MAAgB,aAe3CP,KACrB,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,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=effects.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"effects.js","sources":["../../../../src/features/stickers/stickers-effects/effects.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-cache.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stickers-cache.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-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;"}