@cuemath/leap 3.2.17-mb → 3.2.17-node-beta-0.1

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 (154) hide show
  1. package/dist/assets/line-icons/icons/cue-board-filled.js +33 -0
  2. package/dist/assets/line-icons/icons/cue-board-filled.js.map +1 -0
  3. package/dist/assets/line-icons/icons/cue-board.js +23 -0
  4. package/dist/assets/line-icons/icons/cue-board.js.map +1 -0
  5. package/dist/assets/line-icons/icons/hint-fill.js +35 -0
  6. package/dist/assets/line-icons/icons/hint-fill.js.map +1 -0
  7. package/dist/assets/line-icons/icons/screen-grab-filled.js +35 -0
  8. package/dist/assets/line-icons/icons/screen-grab-filled.js.map +1 -0
  9. package/dist/assets/line-icons/icons/screen-grab.js +23 -0
  10. package/dist/assets/line-icons/icons/screen-grab.js.map +1 -0
  11. package/dist/assets/line-icons/icons/sticker-filled.js +64 -0
  12. package/dist/assets/line-icons/icons/sticker-filled.js.map +1 -0
  13. package/dist/assets/line-icons/icons/sticker.js +46 -0
  14. package/dist/assets/line-icons/icons/sticker.js.map +1 -0
  15. package/dist/assets/lottie/lottie.js +1 -1
  16. package/dist/assets/lottie/lottie.js.map +1 -1
  17. package/dist/features/auth/account-selector/account-selector.js +26 -25
  18. package/dist/features/auth/account-selector/account-selector.js.map +1 -1
  19. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +15 -14
  20. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
  21. package/dist/features/auth/comps/user-list/user-item/user-item.js +30 -31
  22. package/dist/features/auth/comps/user-list/user-item/user-item.js.map +1 -1
  23. package/dist/features/auth/comps/user-list/user-list.js +35 -34
  24. package/dist/features/auth/comps/user-list/user-list.js.map +1 -1
  25. package/dist/features/auth/forgot-password/forgot-password-styled.js +14 -15
  26. package/dist/features/auth/forgot-password/forgot-password-styled.js.map +1 -1
  27. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js +6 -7
  28. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js.map +1 -1
  29. package/dist/features/auth/login/login-styled.js +8 -9
  30. package/dist/features/auth/login/login-styled.js.map +1 -1
  31. package/dist/features/chapters-v2/comps/node-card/node-card-tags.js +19 -12
  32. package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map +1 -1
  33. package/dist/features/chapters-v2/constants/block-constants.js +3 -2
  34. package/dist/features/chapters-v2/constants/block-constants.js.map +1 -1
  35. package/dist/features/chapters-v2/utils/index.js +6 -4
  36. package/dist/features/chapters-v2/utils/index.js.map +1 -1
  37. package/dist/features/chapters-v2/utils/node-card-utils.js +11 -7
  38. package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
  39. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js +4 -4
  40. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +1 -1
  41. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js +85 -85
  42. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +1 -1
  43. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +121 -98
  44. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -1
  45. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +29 -28
  46. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +1 -1
  47. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +43 -42
  48. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +1 -1
  49. package/dist/features/circle-games/games/tutorial/tutorial.js +43 -35
  50. package/dist/features/circle-games/games/tutorial/tutorial.js.map +1 -1
  51. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input-styled.js +2 -2
  52. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input-styled.js.map +1 -1
  53. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js +1 -1
  54. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js.map +1 -1
  55. package/dist/features/circle-games/sign-up/comp/username-input/username-input.js +26 -24
  56. package/dist/features/circle-games/sign-up/comp/username-input/username-input.js.map +1 -1
  57. package/dist/features/circle-games/sign-up/constants.js +3 -1
  58. package/dist/features/circle-games/sign-up/constants.js.map +1 -1
  59. package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +42 -42
  60. package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
  61. package/dist/features/journey/comps/coachmark/coachmark.js +29 -27
  62. package/dist/features/journey/comps/coachmark/coachmark.js.map +1 -1
  63. package/dist/features/journey/journey-id/journey-id-student.js +2 -2
  64. package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
  65. package/dist/features/journey/use-journey/journey-context-provider.js +73 -72
  66. package/dist/features/journey/use-journey/journey-context-provider.js.map +1 -1
  67. package/dist/features/journey/use-journey/journey-styled.js +6 -4
  68. package/dist/features/journey/use-journey/journey-styled.js.map +1 -1
  69. package/dist/features/puzzles/app/puzzle-app-styled.js +81 -0
  70. package/dist/features/puzzles/app/puzzle-app-styled.js.map +1 -0
  71. package/dist/features/puzzles/app/puzzle-app-view.js +120 -0
  72. package/dist/features/puzzles/app/puzzle-app-view.js.map +1 -0
  73. package/dist/features/puzzles/app/puzzle-app.js +62 -0
  74. package/dist/features/puzzles/app/puzzle-app.js.map +1 -0
  75. package/dist/features/sheets/constants/sheet.js +2 -1
  76. package/dist/features/sheets/constants/sheet.js.map +1 -1
  77. package/dist/features/ui/arrow-tooltip/arrow-tooltip-constants.js +6 -0
  78. package/dist/features/ui/arrow-tooltip/arrow-tooltip-constants.js.map +1 -0
  79. package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js +12 -60
  80. package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js.map +1 -1
  81. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js +72 -77
  82. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map +1 -1
  83. package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js +63 -0
  84. package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js.map +1 -0
  85. package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js +21 -0
  86. package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js.map +1 -0
  87. package/dist/features/ui/error/error.js +65 -27
  88. package/dist/features/ui/error/error.js.map +1 -1
  89. package/dist/features/ui/lottie-animation/lottie-animation.js +25 -29
  90. package/dist/features/ui/lottie-animation/lottie-animation.js.map +1 -1
  91. package/dist/features/ui/modals/modal-styled.js +34 -58
  92. package/dist/features/ui/modals/modal-styled.js.map +1 -1
  93. package/dist/features/ui/modals/modal.js +40 -14
  94. package/dist/features/ui/modals/modal.js.map +1 -1
  95. package/dist/features/ui/nudge/nudge-styled.js +14 -7
  96. package/dist/features/ui/nudge/nudge-styled.js.map +1 -1
  97. package/dist/features/ui/nudge/nudge.js +13 -12
  98. package/dist/features/ui/nudge/nudge.js.map +1 -1
  99. package/dist/features/{stickers/sticker-selector/sticker-selector-styles.js → ui/sticker-grid/sticker-grid-styles.js} +3 -4
  100. package/dist/features/ui/sticker-grid/sticker-grid-styles.js.map +1 -0
  101. package/dist/features/ui/sticker-grid/sticker-grid.js +24 -0
  102. package/dist/features/ui/sticker-grid/sticker-grid.js.map +1 -0
  103. package/dist/features/ui/sticker-grid/sticker.js +57 -0
  104. package/dist/features/ui/sticker-grid/sticker.js.map +1 -0
  105. package/dist/features/ui/stickers/constants.js +6 -0
  106. package/dist/features/ui/stickers/constants.js.map +1 -0
  107. package/dist/features/{stickers/stickers-effects/effects.js → ui/stickers/stickers-effects.js} +6 -6
  108. package/dist/features/ui/stickers/stickers-effects.js.map +1 -0
  109. package/dist/features/{stickers/stickers-effects/stickers-effects-styled.js → ui/stickers/stickers-styled.js} +2 -2
  110. package/dist/features/ui/stickers/stickers-styled.js.map +1 -0
  111. package/dist/features/{stickers/stickers-effects/stickers-effects-utils.js → ui/stickers/stickers-utils.js} +6 -6
  112. package/dist/features/ui/stickers/stickers-utils.js.map +1 -0
  113. package/dist/features/ui/stickers/stickers.js +40 -0
  114. package/dist/features/ui/stickers/stickers.js.map +1 -0
  115. package/dist/features/ui/streak-icon/streak-icon-styled.js +13 -13
  116. package/dist/features/ui/streak-icon/streak-icon-styled.js.map +1 -1
  117. package/dist/features/ui/streak-icon/streak-icon.js +17 -15
  118. package/dist/features/ui/streak-icon/streak-icon.js.map +1 -1
  119. package/dist/features/ui/text/text.js +40 -36
  120. package/dist/features/ui/text/text.js.map +1 -1
  121. package/dist/features/ui/theme/constants.js +4 -2
  122. package/dist/features/ui/theme/constants.js.map +1 -1
  123. package/dist/features/ui/theme/get-device.js +3 -3
  124. package/dist/features/ui/theme/get-device.js.map +1 -1
  125. package/dist/features/worksheet/worksheet/constants.js +12 -13
  126. package/dist/features/worksheet/worksheet/constants.js.map +1 -1
  127. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js +24 -24
  128. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map +1 -1
  129. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +246 -260
  130. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  131. package/dist/features/worksheet/worksheet/worksheet-styled.js +37 -28
  132. package/dist/features/worksheet/worksheet/worksheet-styled.js.map +1 -1
  133. package/dist/features/worksheet/worksheet/worksheet.js +166 -164
  134. package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
  135. package/dist/index.d.ts +68 -53
  136. package/dist/index.js +547 -533
  137. package/dist/index.js.map +1 -1
  138. package/dist/static/nudge-tap.0591aef4.json +1 -0
  139. package/package.json +1 -1
  140. package/dist/features/hooks/use-viewport/use-viewport.js +0 -22
  141. package/dist/features/hooks/use-viewport/use-viewport.js.map +0 -1
  142. package/dist/features/stickers/sticker-data.js +0 -234
  143. package/dist/features/stickers/sticker-data.js.map +0 -1
  144. package/dist/features/stickers/sticker-selector/sticker-selector-styles.js.map +0 -1
  145. package/dist/features/stickers/sticker-selector/sticker-selector.js +0 -25
  146. package/dist/features/stickers/sticker-selector/sticker-selector.js.map +0 -1
  147. package/dist/features/stickers/sticker-selector/sticker.js +0 -57
  148. package/dist/features/stickers/sticker-selector/sticker.js.map +0 -1
  149. package/dist/features/stickers/stickers-effects/effects.js.map +0 -1
  150. package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map +0 -1
  151. package/dist/features/stickers/stickers-effects/stickers-effects-utils.js.map +0 -1
  152. package/dist/features/stickers/stickers-effects/stickers-effects.js +0 -39
  153. package/dist/features/stickers/stickers-effects/stickers-effects.js.map +0 -1
  154. package/dist/static/nudge-tap.5cb30093.json +0 -1057
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1 @@
1
+ {"v":"5.12.1","fr":30,"ip":22,"op":46,"w":52,"h":60,"nm":"Click 2","ddd":0,"assets":[{"id":"comp_0","nm":"Click","fr":30,"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null Collect 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[144.048,164.507,0],"ix":2,"l":2},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":-2,"op":210,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Vector","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.36],"y":[0]},"t":22,"s":[10]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[6]},{"t":35,"s":[10]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.36,"y":1},"o":{"x":0.36,"y":0},"t":22,"s":[68.322,98.308,0],"to":[-0.75,-1.375,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.64,"y":0},"t":28,"s":[63.822,90.058,0],"to":[0,0,0],"ti":[-0.75,-1.375,0]},{"t":35,"s":[68.322,98.308,0]}],"ix":2,"l":2},"a":{"a":0,"k":[79.34,137.941,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.36,0.36,0.36],"y":[0,0,0]},"t":22,"s":[50,50,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":28,"s":[48,48,100]},{"t":35,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":22,"s":[{"i":[[0,-4.819],[0.372,0.364],[6.904,6.913],[3.313,1.026],[-0.282,-10.085],[-3.264,-3.45],[-12.203,-12.636],[-18.789,-10.143],[-11.451,0.172],[-7.897,-0.025],[-9.87,5.548],[-0.429,25.518],[0.029,35.223],[0.36,1.292],[8.779,-5.49],[0.024,-5.454],[0.016,-11.99],[2.884,-0.503],[0.004,4.775],[0.09,18.053],[0.772,1.962],[7.215,-6.104],[-0.016,-5.073],[0.008,-12.06],[0.139,-0.867],[3.844,2.159],[0,2.911],[0.02,18.462],[0.453,1.525],[7.742,-0.863],[-0.151,-6.852],[0.045,-10.764],[4.608,2.441],[-0.004,2.768],[-0.004,15.465],[2.676,3.07],[5.572,-2.011],[0,-6.631],[-0.001,-45.807]],"o":[[-0.744,-0.666],[-6.087,-6.083],[-2.439,-2.441],[-9.658,-2.992],[0.135,4.816],[4.212,4.452],[14.671,15.195],[9.919,5.355],[7.897,-0.119],[11.259,0.033],[22.286,-12.53],[0.592,-35.215],[0,-1.341],[-2.786,-9.979],[-4.661,2.915],[-0.053,11.99],[-0.004,3.503],[-4.674,0.814],[-0.012,-18.053],[-0.012,-2.114],[-3.799,-9.664],[-3.959,3.352],[0.041,12.06],[0,0.883],[-0.699,4.366],[-2.807,-1.574],[0,-18.462],[-0.004,-1.631],[-2.173,-7.289],[-7.207,0.801],[0.069,3.131],[-0.025,5.351],[-2.594,-1.374],[0.029,-28.343],[0,-3.994],[-4.502,-5.167],[-6.255,2.257],[0,32.036],[0.001,45.282]],"v":[[-45.425,76.939],[-46.945,75.582],[-85.931,36.614],[-94.506,31.398],[-112.809,45.101],[-107.269,57.407],[-58.731,109.362],[-9.768,148.988],[22.065,157.594],[45.76,157.573],[77.597,149.777],[112.507,92.589],[112.633,-13.081],[112.078,-17.095],[89.616,-25.864],[82.684,-13.085],[82.659,22.887],[77.834,29.489],[69.827,22.76],[69.77,-31.403],[68.597,-37.72],[45.38,-43.422],[39.943,-30.627],[39.951,5.553],[39.824,8.202],[30.501,12.662],[27.086,5.59],[27.074,-49.8],[26.731,-54.677],[10.361,-65.682],[-2.623,-51.374],[-2.631,-9.675],[-12.248,-3.662],[-15.483,-10.182],[-15.467,-141.606],[-19.132,-152.313],[-35.547,-156.679],[-45.429,-142.252],[-45.427,-11.614]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":27,"s":[{"i":[[0,-4.819],[0.372,0.364],[6.904,6.913],[3.313,1.026],[-0.282,-10.085],[-3.264,-3.45],[-12.203,-12.637],[-18.789,-10.143],[-11.451,0.172],[-7.897,-0.025],[-9.87,5.548],[-0.429,25.518],[0.029,35.223],[0.36,1.292],[8.779,-5.49],[0.024,-5.454],[0.016,-11.99],[2.884,-0.503],[0.004,4.775],[0.09,18.053],[0.772,1.962],[7.215,-6.104],[-0.016,-5.073],[0.008,-12.06],[0.139,-0.867],[3.844,2.159],[0,2.911],[0.02,18.462],[0.453,1.525],[7.742,-0.863],[-0.151,-6.852],[0.045,-10.764],[4.608,2.441],[-0.004,2.768],[-0.004,15.465],[2.676,3.07],[5.572,-2.011],[0,-6.631],[-5.501,-47.386]],"o":[[-0.744,-0.666],[-6.087,-6.083],[-2.439,-2.441],[-9.658,-2.993],[0.135,4.816],[4.212,4.452],[14.671,15.196],[9.919,5.355],[7.897,-0.119],[11.259,0.033],[22.286,-12.53],[0.592,-35.215],[0,-1.341],[-2.786,-9.979],[-4.661,2.915],[-0.053,11.99],[-0.004,3.503],[-4.674,0.814],[-0.012,-18.053],[-0.012,-2.114],[-3.799,-9.664],[-3.959,3.352],[0.041,12.06],[0,0.883],[-0.699,4.366],[-2.807,-1.574],[0,-18.462],[-0.004,-1.631],[-2.173,-7.289],[-7.207,0.801],[0.069,3.131],[-0.025,5.351],[-2.594,-1.374],[0.029,-28.343],[0,-3.994],[-4.502,-5.167],[-6.255,2.257],[0,32.036],[0.001,45.282]],"v":[[-45.425,76.939],[-46.945,75.582],[-85.931,36.615],[-94.506,31.398],[-112.809,45.101],[-107.269,57.407],[-58.731,109.362],[-9.768,148.988],[22.065,157.594],[45.76,157.573],[77.597,149.777],[112.507,92.589],[112.633,-13.081],[112.078,-17.095],[89.616,-25.864],[82.684,-13.085],[82.659,22.887],[77.834,29.489],[69.827,22.76],[69.77,-31.403],[68.597,-37.72],[45.38,-43.422],[39.943,-30.627],[39.951,5.553],[39.824,8.202],[30.501,12.662],[27.086,5.59],[27.074,-49.8],[26.731,-54.677],[10.361,-65.682],[-2.623,-51.374],[-2.631,-9.675],[-12.248,-3.662],[-15.483,-10.182],[-30.188,-137.792],[-33.852,-148.499],[-50.267,-152.865],[-60.15,-138.438],[-45.427,-11.614]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":28,"s":[{"i":[[0,-4.819],[0.372,0.364],[6.904,6.913],[3.313,1.026],[-0.282,-10.085],[-3.264,-3.45],[-12.203,-12.637],[-18.789,-10.143],[-11.451,0.172],[-7.897,-0.025],[-9.87,5.548],[-0.429,25.518],[0.029,35.223],[0.36,1.292],[8.779,-5.49],[0.024,-5.454],[0.016,-11.99],[2.884,-0.503],[0.004,4.775],[0.09,18.053],[0.772,1.962],[7.215,-6.104],[-0.016,-5.073],[0.008,-12.06],[0.139,-0.867],[3.844,2.159],[0,2.911],[0.02,18.462],[0.453,1.525],[7.742,-0.863],[-0.151,-6.852],[0.045,-10.764],[4.608,2.441],[-0.004,2.768],[-0.004,15.465],[2.676,3.07],[5.572,-2.011],[0,-6.631],[-5.501,-47.386]],"o":[[-0.744,-0.666],[-6.087,-6.083],[-2.439,-2.441],[-9.658,-2.993],[0.135,4.816],[4.212,4.452],[14.671,15.196],[9.919,5.355],[7.897,-0.119],[11.259,0.033],[22.286,-12.53],[0.592,-35.215],[0,-1.341],[-2.786,-9.979],[-4.661,2.915],[-0.053,11.99],[-0.004,3.503],[-4.674,0.814],[-0.012,-18.053],[-0.012,-2.114],[-3.799,-9.664],[-3.959,3.352],[0.041,12.06],[0,0.883],[-0.699,4.366],[-2.807,-1.574],[0,-18.462],[-0.004,-1.631],[-2.173,-7.289],[-7.207,0.801],[0.069,3.131],[-0.025,5.351],[-2.594,-1.374],[0.029,-28.343],[0,-3.994],[-4.502,-5.167],[-6.255,2.257],[0,32.036],[0.001,45.282]],"v":[[-45.425,76.939],[-46.945,75.582],[-85.931,36.615],[-94.506,31.398],[-112.809,45.101],[-107.269,57.407],[-58.731,109.362],[-9.768,148.988],[22.065,157.594],[45.76,157.573],[77.597,149.777],[112.507,92.589],[112.633,-13.081],[112.078,-17.095],[89.616,-25.864],[82.684,-13.085],[82.659,22.887],[77.834,29.489],[69.827,22.76],[69.77,-31.403],[68.597,-37.72],[45.38,-43.422],[39.943,-30.627],[39.951,5.553],[39.824,8.202],[30.501,12.662],[27.086,5.59],[27.074,-49.8],[26.731,-54.677],[10.361,-65.682],[-2.623,-51.374],[-2.631,-9.675],[-12.248,-3.662],[-15.483,-10.182],[-30.188,-137.792],[-33.852,-148.499],[-50.267,-152.865],[-60.15,-138.438],[-45.427,-11.614]],"c":true}]},{"t":32,"s":[{"i":[[0,-4.819],[0.372,0.364],[6.904,6.913],[3.313,1.026],[-0.282,-10.085],[-3.264,-3.45],[-12.203,-12.636],[-18.789,-10.143],[-11.451,0.172],[-7.897,-0.025],[-9.87,5.548],[-0.429,25.518],[0.029,35.223],[0.36,1.292],[8.779,-5.49],[0.024,-5.454],[0.016,-11.99],[2.884,-0.503],[0.004,4.775],[0.09,18.053],[0.772,1.962],[7.215,-6.104],[-0.016,-5.073],[0.008,-12.06],[0.139,-0.867],[3.844,2.159],[0,2.911],[0.02,18.462],[0.453,1.525],[7.742,-0.863],[-0.151,-6.852],[0.045,-10.764],[4.608,2.441],[-0.004,2.768],[-0.004,15.465],[2.676,3.07],[5.572,-2.011],[0,-6.631],[-0.001,-45.807]],"o":[[-0.744,-0.666],[-6.087,-6.083],[-2.439,-2.441],[-9.658,-2.992],[0.135,4.816],[4.212,4.452],[14.671,15.195],[9.919,5.355],[7.897,-0.119],[11.259,0.033],[22.286,-12.53],[0.592,-35.215],[0,-1.341],[-2.786,-9.979],[-4.661,2.915],[-0.053,11.99],[-0.004,3.503],[-4.674,0.814],[-0.012,-18.053],[-0.012,-2.114],[-3.799,-9.664],[-3.959,3.352],[0.041,12.06],[0,0.883],[-0.699,4.366],[-2.807,-1.574],[0,-18.462],[-0.004,-1.631],[-2.173,-7.289],[-7.207,0.801],[0.069,3.131],[-0.025,5.351],[-2.594,-1.374],[0.029,-28.343],[0,-3.994],[-4.502,-5.167],[-6.255,2.257],[0,32.036],[0.001,45.282]],"v":[[-45.425,76.939],[-46.945,75.582],[-85.931,36.614],[-94.506,31.398],[-112.809,45.101],[-107.269,57.407],[-58.731,109.362],[-9.768,148.988],[22.065,157.594],[45.76,157.573],[77.597,149.777],[112.507,92.589],[112.633,-13.081],[112.078,-17.095],[89.616,-25.864],[82.684,-13.085],[82.659,22.887],[77.834,29.489],[69.827,22.76],[69.77,-31.403],[68.597,-37.72],[45.38,-43.422],[39.943,-30.627],[39.951,5.553],[39.824,8.202],[30.501,12.662],[27.086,5.59],[27.074,-49.8],[26.731,-54.677],[10.361,-65.682],[-2.623,-51.374],[-2.631,-9.675],[-12.248,-3.662],[-15.483,-10.182],[-15.467,-141.606],[-19.132,-152.313],[-35.547,-156.679],[-45.429,-142.252],[-45.427,-11.614]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":26,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":-21.936,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":210,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 7","parent":1,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":29,"s":[100]},{"t":37,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":-6.822,"ix":3},"y":{"a":0,"k":-44.808,"ix":4}},"a":{"a":0,"k":[-76.025,-52.846,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0,0],"y":[1,1]},"o":{"x":[0.208,0.208],"y":[0,0]},"t":26,"s":[0,0]},{"t":35,"s":[65.27,65.27]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.817815563725,0.817815563725,0.817815563725,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-76.025,-52.846],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":-2,"op":208,"st":-2,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Click","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":24.25,"ix":3},"y":{"a":0,"k":28.75,"ix":4}},"a":{"a":0,"k":[125,125,0],"ix":1,"l":2},"s":{"a":0,"k":[32,32,100],"ix":6,"l":2}},"ao":0,"w":250,"h":250,"ip":0,"op":210,"st":0,"bm":0}],"markers":[],"props":{}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.2.17-mb",
3
+ "version": "3.2.17-node-beta-0.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -1,22 +0,0 @@
1
- import { useState as c, useEffect as r } from "react";
2
- import { getTheme as i } from "../../ui/theme/get-theme.js";
3
- const a = () => {
4
- const [e, o] = c(() => i().device);
5
- r(() => {
6
- function t() {
7
- const { device: n } = i();
8
- o(n);
9
- }
10
- return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
11
- }, []);
12
- const s = e === "mobile";
13
- return {
14
- isMobile: s,
15
- isCompact: s || e === "tablet",
16
- isDesktop: e === "small-desktop" || e === "desktop" || e === "large-device" || e === "xlarge-device"
17
- };
18
- }, w = a;
19
- export {
20
- w as default
21
- };
22
- //# sourceMappingURL=use-viewport.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst useViewport = (): IUseViewportReturn => {\n const [deviceType, setDeviceType] = useState(() => getTheme().device);\n\n useEffect(() => {\n function handleResize() {\n const { device: newDeviceType } = getTheme();\n\n setDeviceType(newDeviceType);\n }\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n const isMobile = deviceType === 'mobile';\n const isTablet = deviceType === 'tablet';\n const isSmallDesktop = deviceType === 'small-desktop';\n const isDesktop = deviceType === 'desktop';\n const isLarge = deviceType === 'large-device';\n const isXL = deviceType === 'xlarge-device';\n\n return {\n isMobile: isMobile,\n isCompact: isMobile || isTablet,\n isDesktop: isSmallDesktop || isDesktop || isLarge || isXL,\n };\n};\n\nexport default useViewport;\n"],"names":["useViewport","deviceType","setDeviceType","useState","getTheme","useEffect","handleResize","newDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AACtC,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAAS,MAAMC,EAAA,EAAW,MAAM;AAEpE,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,YAAM,EAAE,QAAQC,EAAc,IAAIH,EAAS;AAE3C,MAAAF,EAAcK,CAAa;AAAA,IAC7B;AAEO,kBAAA,iBAAiB,UAAUD,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEL,QAAME,IAAWP,MAAe;AAOzB,SAAA;AAAA,IACL,UAAAO;AAAA,IACA,WAAWA,KARIP,MAAe;AAAA,IAS9B,WARqBA,MAAe,mBACpBA,MAAe,aACjBA,MAAe,kBAClBA,MAAe;AAAA,EAK2B;AAEzD,GAEAQ,IAAeT;"}
@@ -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 +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\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 }>`\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: flex;\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; // ← NEW\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\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\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.3);\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: rgba(255, 255, 255, 0.5);\n }\n`;\n\nexport const StickerGridContainer = styled.div<{\n $width: string;\n $height: string;\n}>`\n width: 100%;\n max-width: ${({ $width }) => $width};\n max-height: ${({ $height }) => $height};\n`;\n"],"names":["StickerContainer","styled","$size","$disabled","StaticEmoji","LottieContainer","$visible","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;AAAA;AAAA,iBAGpC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUUG,IAAkBJ,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,UAAAI,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA;AAAA;AAAA,IAG7CN,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BdC,IAAuBT,EAAO;AAAA;AAAA,eAK5B,CAAC,EAAE,QAAAU,EAAO,MAAMA,CAAM;AAAA,gBACrB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;"}
@@ -1,25 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { memo as a } from "react";
3
- import { stickerData as d } from "../sticker-data.js";
4
- import l from "./sticker.js";
5
- import { StickerGridContainer as f, StickerGrid as h } from "./sticker-selector-styles.js";
6
- const n = ({
7
- stickers: e = d,
8
- columns: m = 4,
9
- gap: i = 8,
10
- stickerSize: p = 48,
11
- onStickerClick: o
12
- }) => /* @__PURE__ */ t(f, { $width: "350px", $height: "400px", children: /* @__PURE__ */ t(h, { $columns: m, $gap: i, children: e.map((r) => /* @__PURE__ */ t(
13
- l,
14
- {
15
- emoji: r.emoji,
16
- lottieUrl: r.lottieUrl,
17
- size: p,
18
- onClick: () => o == null ? void 0 : o(r)
19
- },
20
- r.id
21
- )) }) }), u = a(n);
22
- export {
23
- u as default
24
- };
25
- //# 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 } from './sticker-selector-types';\n\nimport React, { memo } from 'react';\n\nimport { stickerData } from '../sticker-data';\nimport Sticker from './sticker';\nimport * as S from './sticker-selector-styles';\n\nconst StickerSelector: React.FC<IStickerSelectorProps> = ({\n stickers = stickerData,\n columns = 4,\n gap = 8,\n stickerSize = 48,\n onStickerClick,\n}) => {\n return (\n <S.StickerGridContainer $width=\"350px\" $height=\"400px\">\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={() => onStickerClick?.(sticker)}\n />\n ))}\n </S.StickerGrid>\n </S.StickerGridContainer>\n );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","stickers","stickerData","columns","gap","stickerSize","onStickerClick","S.StickerGridContainer","jsx","S.StickerGrid","sticker","Sticker","stickerSelector","memo"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,UAAAC,IAAWC;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,gBAAAC;AACF,wBAEKC,GAAA,EAAuB,QAAO,SAAQ,SAAQ,SAC7C,UAAA,gBAAAC,EAACC,GAAA,EAAc,UAAUN,GAAS,MAAMC,GACrC,UAAAH,EAAS,IAAI,CACZS,MAAA,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IAEC,OAAOD,EAAQ;AAAA,IACf,WAAWA,EAAQ;AAAA,IACnB,MAAML;AAAA,IACN,SAAS,MAAMC,KAAA,gBAAAA,EAAiBI;AAAA,EAAO;AAAA,EAJlCA,EAAQ;AAAA,CAMhB,GACH,EACF,CAAA,GAIWE,IAAAC,EAAKb,CAAe;"}
@@ -1,57 +0,0 @@
1
- import { jsxs as v, jsx as c } from "react/jsx-runtime";
2
- import { memo as L, useState as f, useRef as $, useCallback as o, useEffect as g } from "react";
3
- import k from "../../ui/lottie-animation/lottie-animation.js";
4
- import { StickerContainer as E, StaticEmoji as M, LottieContainer as R } from "./sticker-selector-styles.js";
5
- const j = ({
6
- emoji: l,
7
- lottieUrl: u,
8
- size: n = 48,
9
- onClick: s,
10
- disabled: e = !1
11
- }) => {
12
- const [i, m] = f(!1), [r, a] = f(!1), t = $(null), p = o(() => {
13
- t.current && (t.current.goToAndStop(0, !0), m(!0), r && t.current.play());
14
- }, [r]);
15
- g(() => {
16
- !t.current || !i || (r ? t.current.play() : t.current.goToAndStop(0, !0));
17
- }, [r, i]);
18
- const d = o(() => {
19
- e || a(!0);
20
- }, [e]), h = o(() => {
21
- e || a(!1);
22
- }, [e]), S = o(() => {
23
- !e && s && s();
24
- }, [e, s]);
25
- return /* @__PURE__ */ v(
26
- E,
27
- {
28
- $size: n,
29
- $disabled: e,
30
- onMouseEnter: d,
31
- onMouseLeave: h,
32
- onClick: S,
33
- children: [
34
- !r && /* @__PURE__ */ c(M, { $size: n, children: l }),
35
- /* @__PURE__ */ c(R, { $size: n, $visible: i, children: u && r && /* @__PURE__ */ c(
36
- k,
37
- {
38
- ref: t,
39
- src: u,
40
- width: "100%",
41
- height: "100%",
42
- settings: {
43
- loop: !0,
44
- autoplay: !1,
45
- renderer: "canvas"
46
- },
47
- onRender: p
48
- }
49
- ) })
50
- ]
51
- }
52
- );
53
- }, H = L(j);
54
- export {
55
- H as default
56
- };
57
- //# 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, useEffect, useRef, useState } from 'react';\n\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport * as S from './sticker-selector-styles';\n\nconst Sticker: React.FC<IStickerProps> = ({\n emoji,\n lottieUrl,\n size = 48,\n onClick,\n disabled = false,\n}) => {\n const [isLoaded, setIsLoaded] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n const lottieRef = useRef<ILottieAnimationRef>(null);\n\n const handleRender = useCallback(() => {\n if (!lottieRef.current) return;\n\n lottieRef.current.goToAndStop(0, true);\n setIsLoaded(true);\n\n if (isHovered) lottieRef.current.play();\n }, [isHovered]);\n\n useEffect(() => {\n if (!lottieRef.current || !isLoaded) return;\n\n if (isHovered) {\n lottieRef.current.play();\n } else {\n lottieRef.current.goToAndStop(0, true);\n }\n }, [isHovered, isLoaded]);\n\n const handleMouseEnter = useCallback(() => {\n if (!disabled) setIsHovered(true);\n }, [disabled]);\n\n const handleMouseLeave = useCallback(() => {\n if (!disabled) setIsHovered(false);\n }, [disabled]);\n\n const handleClick = useCallback(() => {\n if (!disabled && onClick) onClick();\n }, [disabled, onClick]);\n\n return (\n <S.StickerContainer\n $size={size}\n $disabled={disabled}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleClick}\n >\n {!isHovered && <S.StaticEmoji $size={size}>{emoji}</S.StaticEmoji>}\n\n <S.LottieContainer $size={size} $visible={isLoaded}>\n {lottieUrl && isHovered && (\n <LottieAnimation\n ref={lottieRef}\n src={lottieUrl}\n width=\"100%\"\n height=\"100%\"\n settings={{\n loop: true,\n autoplay: false,\n renderer: 'canvas',\n }}\n onRender={handleRender}\n />\n )}\n </S.LottieContainer>\n </S.StickerContainer>\n );\n};\n\nexport default memo(Sticker);\n"],"names":["Sticker","emoji","lottieUrl","size","onClick","disabled","isLoaded","setIsLoaded","useState","isHovered","setIsHovered","lottieRef","useRef","handleRender","useCallback","useEffect","handleMouseEnter","handleMouseLeave","handleClick","jsxs","S.StickerContainer","jsx","S.StaticEmoji","S.LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;AAQA,MAAMA,IAAmC,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAYC,EAA4B,IAAI,GAE5CC,IAAeC,EAAY,MAAM;AACjC,IAACH,EAAU,YAELA,EAAA,QAAQ,YAAY,GAAG,EAAI,GACrCJ,EAAY,EAAI,GAEZE,KAAqBE,EAAA,QAAQ,KAAK;AAAA,EAAA,GACrC,CAACF,CAAS,CAAC;AAEd,EAAAM,EAAU,MAAM;AACd,IAAI,CAACJ,EAAU,WAAW,CAACL,MAEvBG,IACFE,EAAU,QAAQ,SAERA,EAAA,QAAQ,YAAY,GAAG,EAAI;AAAA,EACvC,GACC,CAACF,GAAWH,CAAQ,CAAC;AAElB,QAAAU,IAAmBF,EAAY,MAAM;AACrC,IAACT,KAAUK,EAAa,EAAI;AAAA,EAAA,GAC/B,CAACL,CAAQ,CAAC,GAEPY,IAAmBH,EAAY,MAAM;AACrC,IAACT,KAAUK,EAAa,EAAK;AAAA,EAAA,GAChC,CAACL,CAAQ,CAAC,GAEPa,IAAcJ,EAAY,MAAM;AAChC,IAAA,CAACT,KAAYD,KAAiBA;EAAA,GACjC,CAACC,GAAUD,CAAO,CAAC;AAGpB,SAAA,gBAAAe;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOjB;AAAA,MACP,WAAWE;AAAA,MACX,cAAcW;AAAA,MACd,cAAcC;AAAA,MACd,SAASC;AAAA,MAER,UAAA;AAAA,QAAA,CAACT,KAAc,gBAAAY,EAAAC,GAAA,EAAc,OAAOnB,GAAO,UAAMF,GAAA;AAAA,QAElD,gBAAAoB,EAACE,GAAA,EAAkB,OAAOpB,GAAM,UAAUG,GACvC,UAAAJ,KAAaO,KACZ,gBAAAY;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKb;AAAA,YACL,KAAKT;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,UAAU;AAAA,cACR,MAAM;AAAA,cACN,UAAU;AAAA,cACV,UAAU;AAAA,YACZ;AAAA,YACA,UAAUW;AAAA,UAAA;AAAA,QAAA,GAGhB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeY,IAAAC,EAAK1B,CAAO;"}
@@ -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-utils';\n\nconst floatUp = keyframes`\n 0% {\n transform: translateY(0vh);\n opacity: 1;\n }\n 100% {\n transform: translateY(-100vh);\n opacity: 0;\n }\n`;\n\nconst fallDown = keyframes`\n 0% {\n transform: translateY(0vh);\n opacity: 1;\n }\n 100% {\n transform: translateY(100vh);\n opacity: 0;\n }\n`;\n\nconst burstFromEdges = keyframes`\n 0% {\n transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);\n opacity: 1;\n }\n 100% {\n transform: translateX(0vw) translateY(0vh) scale(1.25);\n opacity: 0;\n }\n`;\n\nconst popExpand = keyframes`\n 0% {\n transform: translateX(0) translateY(0vh);\n opacity: 1;\n }\n 35% {\n transform: translateX(0) translateY(-50vh) scale(1.25);\n opacity: 1;\n }\n 60% {\n transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);\n opacity: 0.75;\n }\n 100% {\n transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);\n opacity: 0;\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: ${floatUp} ${randomizeDuration(duration)}ms ease-out forwards;\n `,\n 'fall-down': (duration: number) => css`\n animation: ${fallDown} ${randomizeDuration(duration)}ms ease-out forwards;\n `,\n 'burst-from-edges': (duration: number) => css`\n animation: ${burstFromEdges} ${randomizeDuration(duration)}ms linear forwards;\n `,\n 'pop-expand': (duration: number) => css`\n animation: ${popExpand} ${duration}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards;\n `,\n};\n"],"names":["floatUp","keyframes","fallDown","burstFromEdges","popExpand","effectAnimations","duration","css","randomizeDuration"],"mappings":";;AAMA,MAAMA,IAAUC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVC,IAAWD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWXE,IAAiBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBG,IAAYH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBLI,IAGT;AAAA,EACF,YAAY,CAACC,MAAqBC;AAAA,iBACnBP,CAAO,IAAIQ,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAErD,aAAa,CAACA,MAAqBC;AAAA,iBACpBL,CAAQ,IAAIM,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAEtD,oBAAoB,CAACA,MAAqBC;AAAA,iBAC3BJ,CAAc,IAAIK,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAE5D,cAAc,CAACA,MAAqBC;AAAA,iBACrBH,CAAS,IAAIE,CAAQ;AAAA;AAEtC;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"stickers-effects-styled.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-styled.ts"],"sourcesContent":["import type { IStickersProps } from './stickers-effects-types';\n\nimport styled, { css } from 'styled-components';\n\nimport { effectAnimations } from './effects';\n\nexport const Container = styled.div`\n position: relative;\n width: 100vw;\n height: 100vh;\n background: transparent;\n pointer-events: none;\n`;\n\nexport const Sticker = styled.div<{\n effect: IStickersProps['effect'];\n duration: number;\n fromX?: string;\n fromY?: string;\n x: number;\n y: number;\n size: number;\n}>`\n position: absolute;\n z-index: 10;\n\n left: ${({ x }) => `${x}%`};\n top: ${({ y }) => `${y}%`};\n width: ${({ size }) => `${size}px`};\n height: ${({ size }) => `${size}px`};\n font-size: ${({ size }) => `${size}px`};\n\n ${({ effect, duration, fromX, fromY }) =>\n fromX && fromY\n ? css`\n ${effectAnimations[effect](duration)}\n --from-x: ${fromX};\n --from-y: ${fromY};\n `\n : effectAnimations[effect](duration)}\n`;\n"],"names":["Container","styled","Sticker","x","y","size","effect","duration","fromX","fromY","css","effectAnimations"],"mappings":";;AAMO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,UAYpB,CAAC,EAAE,GAAAE,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,SACnB,CAAC,EAAE,GAAAC,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,WAChB,CAAC,EAAE,MAAAC,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,YACxB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,eACtB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA;AAAA,IAEpC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,OAAAC,QAC5BD,KAASC,IACLC;AAAA,YACIC,EAAiBL,CAAM,EAAEC,CAAQ,CAAC;AAAA,sBACxBC,CAAK;AAAA,sBACLC,CAAK;AAAA,YAEnBE,EAAiBL,CAAM,EAAEC,CAAQ,CAAC;AAAA;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"stickers-effects-utils.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-utils.ts"],"sourcesContent":["import type { TStickerData, IStickersProps } from './stickers-effects-types';\n\nconst getBurstPosition = (\n index: number,\n total: number,\n): {\n fromX: string;\n fromY: string;\n x: number;\n y: number;\n} => {\n const countPerSide = Math.ceil(total / 4);\n const sideIndex = Math.floor(index / countPerSide);\n const pos = index % countPerSide;\n\n const sides = ['top', 'right', 'bottom', 'left'] as const;\n const side = sides[sideIndex] ?? 'left';\n\n const basePercent = ((pos + 0.5) / countPerSide) * 100;\n const jitter = (Math.random() - 0.5) * 25;\n const edgePercent = Math.min(Math.max(basePercent + jitter, 0), 100);\n\n const centerX = 45 + Math.random() * 10;\n const centerY = 45 + Math.random() * 10;\n\n let fromX = 0;\n let fromY = 0;\n\n switch (side) {\n case 'top':\n fromX = edgePercent - centerX;\n fromY = -centerY + jitter;\n break;\n case 'right':\n fromX = 100 - centerX + jitter;\n fromY = edgePercent - centerY;\n break;\n case 'bottom':\n fromX = edgePercent - centerX;\n fromY = 100 - centerY + jitter;\n break;\n case 'left':\n fromX = -centerX + jitter;\n fromY = edgePercent - centerY;\n break;\n }\n\n return {\n fromX: `${fromX}vw`,\n fromY: `${fromY}vh`,\n x: centerX,\n y: centerY,\n };\n};\n\nconst getRandomNonOverlappingPositions = (count: number, buffer = 10): number[] => {\n const used: number[] = [];\n let attempts = 0;\n const maxAttempts = count;\n\n while (used.length < count && attempts < maxAttempts) {\n const value = Math.floor(Math.random() * (100 - 2 * buffer) + buffer);\n\n if (used.every(v => Math.abs(v - value) >= buffer)) {\n used.push(value);\n }\n attempts++;\n }\n\n while (used.length < count) {\n used.push(Math.floor(Math.random() * (100 - 2 * buffer) + buffer));\n }\n\n return used;\n};\n\nexport function generateStickerData({\n count,\n effect,\n stickers,\n minSize,\n maxSize,\n}: {\n count: number;\n effect: IStickersProps['effect'];\n stickers: string[];\n minSize: number;\n maxSize: number;\n}): TStickerData[] {\n const buffer = (100 / count) * 2;\n const getSize = () => Math.random() * (maxSize - minSize) + minSize;\n const result: TStickerData[] = [];\n const xPositions = ['float-up', 'fall-down'].includes(effect)\n ? getRandomNonOverlappingPositions(count, buffer)\n : [];\n\n for (let i = 0; i < count; i++) {\n const sticker = stickers[i % stickers.length] ?? '';\n const size = getSize();\n\n if (effect === 'float-up') {\n result.push({\n id: i,\n sticker,\n x: xPositions[i]!,\n y: 110 + (Math.random() - 0.5) * size,\n size,\n });\n } else if (effect === 'fall-down') {\n result.push({\n id: i,\n sticker,\n x: xPositions[i]!,\n y: -10 + (Math.random() - 0.5) * size,\n size,\n });\n } else if (effect === 'burst-from-edges') {\n const { x, y, fromX, fromY } = getBurstPosition(i, count);\n\n result.push({ id: i, sticker, x, y, fromX, fromY, size });\n } else if (effect === 'pop-expand') {\n result.push({\n id: i,\n sticker,\n x: 50,\n y: 100,\n fromX: `${(Math.random() - 0.5) * 27.5}vw`,\n fromY: `${-50 - Math.random() * 27.5}vh`,\n size,\n });\n } else {\n result.push({\n id: i,\n sticker,\n x: Math.random() * 100,\n y: Math.random() * 100,\n size,\n });\n }\n }\n\n return result;\n}\n\nexport const randomizeDuration = (base: number, variancePercent = 0.2): number => {\n const delta = base * variancePercent;\n const min = base - delta;\n const max = base + delta;\n\n return Math.floor(Math.random() * (max - min + 1)) + min;\n};\n"],"names":["getBurstPosition","index","total","countPerSide","sideIndex","pos","side","basePercent","jitter","edgePercent","centerX","centerY","fromX","fromY","getRandomNonOverlappingPositions","count","buffer","used","attempts","maxAttempts","value","v","generateStickerData","effect","stickers","minSize","maxSize","getSize","result","xPositions","i","sticker","size","x","y","randomizeDuration","base","variancePercent","delta","min","max"],"mappings":"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"}
@@ -1,39 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { memo as l, useState as x, useEffect as D } from "react";
3
- import { Container as z, Sticker as E } from "./stickers-effects-styled.js";
4
- import { generateStickerData as d } from "./stickers-effects-utils.js";
5
- const h = ({ stickers: i, effect: t, count: o, duration: e }) => {
6
- const [a, m] = x([]);
7
- return D(() => {
8
- const r = d({
9
- count: o,
10
- effect: t,
11
- stickers: i,
12
- minSize: 32,
13
- maxSize: 48
14
- });
15
- m(r);
16
- const s = setTimeout(() => m([]), e);
17
- return () => clearTimeout(s);
18
- }, [i, t, o, e]), /* @__PURE__ */ c(z, { children: a.map((r) => {
19
- const { id: s, sticker: n, x: f, y: k, size: S, fromX: p, fromY: u } = r;
20
- return /* @__PURE__ */ c(
21
- E,
22
- {
23
- effect: t,
24
- duration: e,
25
- fromX: p,
26
- fromY: u,
27
- x: f,
28
- y: k,
29
- size: S,
30
- children: n
31
- },
32
- s
33
- );
34
- }) });
35
- }, C = l(h);
36
- export {
37
- C as default
38
- };
39
- //# sourceMappingURL=stickers-effects.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { TStickerData, IStickersProps } from './stickers-effects-types';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport * as S from './stickers-effects-styled';\nimport { generateStickerData } from './stickers-effects-utils';\n\nconst StickersEffects: React.FC<IStickersProps> = ({ stickers, effect, count, duration }) => {\n const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n useEffect(() => {\n const stickerData = generateStickerData({\n count,\n effect,\n stickers,\n minSize: 32,\n maxSize: 48,\n });\n\n setStickersData(stickerData);\n\n const timeout = setTimeout(() => setStickersData([]), duration);\n\n return () => clearTimeout(timeout);\n }, [stickers, effect, count, duration]);\n\n return (\n <S.Container>\n {stickersData.map((data: TStickerData) => {\n const { id, sticker, x, y, size, fromX, fromY } = data;\n\n return (\n <S.Sticker\n key={id}\n effect={effect}\n duration={duration}\n fromX={fromX}\n fromY={fromY}\n x={x}\n y={y}\n size={size}\n >\n {sticker}\n </S.Sticker>\n );\n })}\n </S.Container>\n );\n};\n\nexport default memo(StickersEffects);\n"],"names":["StickersEffects","stickers","effect","count","duration","stickersData","setStickersData","useState","useEffect","stickerData","generateStickerData","timeout","S.Container","data","id","sticker","x","y","size","fromX","fromY","jsx","S.Sticker","stickersEffects","memo"],"mappings":";;;;AAOA,MAAMA,IAA4C,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AAC3F,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA;AAE3F,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAcC,EAAoB;AAAA,MACtC,OAAAP;AAAA,MACA,QAAAD;AAAA,MACA,UAAAD;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBG,CAAW;AAE3B,UAAME,IAAU,WAAW,MAAML,EAAgB,CAAE,CAAA,GAAGF,CAAQ;AAEvD,WAAA,MAAM,aAAaO,CAAO;AAAA,KAChC,CAACV,GAAUC,GAAQC,GAAOC,CAAQ,CAAC,qBAGnCQ,GAAA,EACE,UAAaP,EAAA,IAAI,CAACQ,MAAuB;AAClC,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAP;AAGhD,WAAA,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,QAAApB;AAAA,QACA,UAAAE;AAAA,QACA,OAAAe;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAH;AAAA,MAAA;AAAA,MATID;AAAA,IAAA;AAAA,EAYV,CAAA,EACH,CAAA;AAEJ,GAEeS,IAAAC,EAAKxB,CAAe;"}