@cuemath/leap 3.4.8 → 3.4.9-akm-2

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 (209) hide show
  1. package/dist/assets/illustrations/illustrations.js +7 -0
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/lottie/lottie.js +3 -0
  4. package/dist/assets/lottie/lottie.js.map +1 -1
  5. package/dist/features/analytics-events/platform-events-student.js +1 -1
  6. package/dist/features/analytics-events/platform-events-student.js.map +1 -1
  7. package/dist/features/analytics-events/whitelist-events.js +1 -1
  8. package/dist/features/analytics-events/whitelist-events.js.map +1 -1
  9. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +31 -16
  10. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
  11. package/dist/features/auth/comps/tabs/tabs.js +22 -5
  12. package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
  13. package/dist/features/circle-games/{game-launcher → game-launcher-v2}/api/get-content-for-today/constants.js +1 -1
  14. package/dist/features/circle-games/game-launcher-v2/api/get-content-for-today/constants.js.map +1 -0
  15. package/dist/features/circle-games/game-launcher-v2/api/get-content-for-today/get-circle-home-api.js.map +1 -0
  16. package/dist/features/circle-games/game-launcher-v2/comps/card-container/card-container-styled.js.map +1 -0
  17. package/dist/features/circle-games/game-launcher-v2/comps/card-container/card-container.js.map +1 -0
  18. package/dist/features/circle-games/game-launcher-v2/comps/card-container/constants.js +11 -0
  19. package/dist/features/circle-games/game-launcher-v2/comps/card-container/constants.js.map +1 -0
  20. package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel-styled.js +121 -0
  21. package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel-styled.js.map +1 -0
  22. package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel.js +106 -0
  23. package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel.js.map +1 -0
  24. package/dist/features/circle-games/game-launcher-v2/comps/carousel/constants.js +9 -0
  25. package/dist/features/circle-games/game-launcher-v2/comps/carousel/constants.js.map +1 -0
  26. package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.js +20 -0
  27. package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.js.map +1 -0
  28. package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js +17 -0
  29. package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js.map +1 -0
  30. package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.js +20 -0
  31. package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.js.map +1 -0
  32. package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card-styled.js +66 -0
  33. package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card-styled.js.map +1 -0
  34. package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js +81 -0
  35. package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js.map +1 -0
  36. package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js +8 -0
  37. package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js.map +1 -0
  38. package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/constants.js +6 -0
  39. package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/constants.js.map +1 -0
  40. package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content-styled.js +57 -0
  41. package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content-styled.js.map +1 -0
  42. package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js +9 -0
  43. package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js.map +1 -0
  44. package/dist/features/circle-games/game-launcher-v2/comps/segmented-game-card/constants.js +7 -0
  45. package/dist/features/circle-games/game-launcher-v2/comps/segmented-game-card/constants.js.map +1 -0
  46. package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.js +14 -0
  47. package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.js.map +1 -0
  48. package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card.js +24 -0
  49. package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card.js.map +1 -0
  50. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/constants.js.map +1 -0
  51. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/infinite-button/infinite-mode-launcher-button.js.map +1 -0
  52. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/constants.js.map +1 -0
  53. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text-style.js.map +1 -0
  54. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text-types.js.map +1 -0
  55. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text.js.map +1 -0
  56. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode/table-mode-styled.js.map +1 -0
  57. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode/table-mode.js.map +1 -0
  58. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode-star/constants.js.map +1 -0
  59. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode-star/table-mode-star-styled.js.map +1 -0
  60. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode-star/table-mode-star.js.map +1 -0
  61. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-segment-star/table-segment-star-styled.js.map +1 -0
  62. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-segment-star/table-segment-star.js.map +1 -0
  63. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/tables-card-styled.js.map +1 -0
  64. package/dist/features/circle-games/game-launcher-v2/comps/tables-card/tables-card.js.map +1 -0
  65. package/dist/features/circle-games/game-launcher-v2/dal/use-get-circle-home-details-dal/helper.js +94 -0
  66. package/dist/features/circle-games/game-launcher-v2/dal/use-get-circle-home-details-dal/helper.js.map +1 -0
  67. package/dist/features/circle-games/game-launcher-v2/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map +1 -0
  68. package/dist/features/circle-games/game-launcher-v2/game-launcher-analytics-events.js +13 -0
  69. package/dist/features/circle-games/game-launcher-v2/game-launcher-analytics-events.js.map +1 -0
  70. package/dist/features/circle-games/game-launcher-v2/game-launcher-v2.js +321 -0
  71. package/dist/features/circle-games/game-launcher-v2/game-launcher-v2.js.map +1 -0
  72. package/dist/features/circle-games/game-launcher-v2/helpers.js +8 -0
  73. package/dist/features/circle-games/game-launcher-v2/helpers.js.map +1 -0
  74. package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/constants.js +6 -0
  75. package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/constants.js.map +1 -0
  76. package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/use-game-launcher-journey.js +160 -0
  77. package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -0
  78. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/constants.js +5 -0
  79. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/constants.js.map +1 -0
  80. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +92 -0
  81. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +1 -0
  82. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/constants.js +10 -0
  83. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/constants.js.map +1 -0
  84. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/use-table-launcher-journey.js +159 -0
  85. package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +1 -0
  86. package/dist/features/circle-games/games/tutorial/tutorial-styled.js +13 -10
  87. package/dist/features/circle-games/games/tutorial/tutorial-styled.js.map +1 -1
  88. package/dist/features/circle-games/games/tutorial/tutorial.js +53 -65
  89. package/dist/features/circle-games/games/tutorial/tutorial.js.map +1 -1
  90. package/dist/features/journey/journey-id/journey-id-student.js +1 -1
  91. package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
  92. package/dist/features/journey/use-journey/constants.js +7 -5
  93. package/dist/features/journey/use-journey/constants.js.map +1 -1
  94. package/dist/features/journey/use-journey/journey-context-provider.js +84 -72
  95. package/dist/features/journey/use-journey/journey-context-provider.js.map +1 -1
  96. package/dist/features/post-game-stats/accuracy/accuracy-styled.js +2 -2
  97. package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map +1 -1
  98. package/dist/features/post-game-stats/clock/clock-styled.js +2 -2
  99. package/dist/features/post-game-stats/clock/clock-styled.js.map +1 -1
  100. package/dist/features/post-game-stats/digital-meter/constants.js +1 -1
  101. package/dist/features/post-game-stats/digital-meter/constants.js.map +1 -1
  102. package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js +1 -1
  103. package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map +1 -1
  104. package/dist/features/post-game-stats/digital-meter/digital-meter.js +1 -1
  105. package/dist/features/post-game-stats/digital-meter/digital-meter.js.map +1 -1
  106. package/dist/features/post-game-stats/points/points.js +5 -4
  107. package/dist/features/post-game-stats/points/points.js.map +1 -1
  108. package/dist/features/post-game-stats/post-game-stats-styled.js +9 -8
  109. package/dist/features/post-game-stats/post-game-stats-styled.js.map +1 -1
  110. package/dist/features/post-game-stats/post-game-stats.js +107 -105
  111. package/dist/features/post-game-stats/post-game-stats.js.map +1 -1
  112. package/dist/features/post-game-stats/score/score-styled.js +2 -2
  113. package/dist/features/post-game-stats/score/score-styled.js.map +1 -1
  114. package/dist/features/post-game-stats/streak/constants.js +1 -1
  115. package/dist/features/post-game-stats/streak/constants.js.map +1 -1
  116. package/dist/features/post-game-stats/streak/streak-styled.js +2 -2
  117. package/dist/features/post-game-stats/streak/streak-styled.js.map +1 -1
  118. package/dist/features/ui/nudge/nudge.js +14 -13
  119. package/dist/features/ui/nudge/nudge.js.map +1 -1
  120. package/dist/index.d.ts +69 -7
  121. package/dist/index.js +5 -5
  122. package/dist/static/accuracy-badge.2e161f00.svg +1 -0
  123. package/dist/static/clock-badge.0adb4ba6.svg +1 -0
  124. package/dist/static/daily-work-out-complete.eaffdd2b.json +1 -0
  125. package/dist/static/down-arrow-badge.f462f615.svg +1 -0
  126. package/dist/static/green-tick.43b94c3a.svg +1 -0
  127. package/dist/static/nudge-swipe.3b97c01a.json +1 -0
  128. package/dist/static/pill-tick.c06f606d.json +1 -0
  129. package/dist/static/points-badge.96bdecc9.svg +1 -0
  130. package/dist/static/star-badge.5450c267.svg +1 -0
  131. package/dist/static/up-arrow-badge.71fe7ad1.svg +1 -0
  132. package/package.json +1 -1
  133. package/dist/assets/line-icons/icons/carat-left.js +0 -26
  134. package/dist/assets/line-icons/icons/carat-left.js.map +0 -1
  135. package/dist/assets/line-icons/icons/carat-right.js +0 -26
  136. package/dist/assets/line-icons/icons/carat-right.js.map +0 -1
  137. package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map +0 -1
  138. package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map +0 -1
  139. package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js.map +0 -1
  140. package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js.map +0 -1
  141. package/dist/features/circle-games/game-launcher/comps/card-container/constants.js +0 -7
  142. package/dist/features/circle-games/game-launcher/comps/card-container/constants.js.map +0 -1
  143. package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js +0 -39
  144. package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js.map +0 -1
  145. package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +0 -85
  146. package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +0 -1
  147. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js +0 -12
  148. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js.map +0 -1
  149. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js +0 -138
  150. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map +0 -1
  151. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js +0 -105
  152. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map +0 -1
  153. package/dist/features/circle-games/game-launcher/comps/tables-card/constants.js.map +0 -1
  154. package/dist/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-mode-launcher-button.js.map +0 -1
  155. package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/constants.js.map +0 -1
  156. package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text-style.js.map +0 -1
  157. package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text-types.js.map +0 -1
  158. package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text.js.map +0 -1
  159. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js.map +0 -1
  160. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map +0 -1
  161. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/constants.js.map +0 -1
  162. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js.map +0 -1
  163. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map +0 -1
  164. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js.map +0 -1
  165. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map +0 -1
  166. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +0 -1
  167. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +0 -1
  168. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js +0 -73
  169. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js.map +0 -1
  170. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map +0 -1
  171. package/dist/features/circle-games/game-launcher/game-launcher-analytics-events.js +0 -12
  172. package/dist/features/circle-games/game-launcher/game-launcher-analytics-events.js.map +0 -1
  173. package/dist/features/circle-games/game-launcher/game-launcher.js +0 -219
  174. package/dist/features/circle-games/game-launcher/game-launcher.js.map +0 -1
  175. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js +0 -8
  176. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map +0 -1
  177. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +0 -286
  178. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +0 -1
  179. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js +0 -10
  180. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js.map +0 -1
  181. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js +0 -13
  182. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js.map +0 -1
  183. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +0 -137
  184. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +0 -1
  185. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js +0 -14
  186. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map +0 -1
  187. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js +0 -13
  188. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map +0 -1
  189. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +0 -230
  190. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +0 -1
  191. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/api/get-content-for-today/get-circle-home-api.js +0 -0
  192. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/card-container/card-container-styled.js +0 -0
  193. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/card-container/card-container.js +0 -0
  194. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/constants.js +0 -0
  195. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/infinite-button/infinite-mode-launcher-button.js +0 -0
  196. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/constants.js +0 -0
  197. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/spl-events-text-style.js +0 -0
  198. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/spl-events-text-types.js +0 -0
  199. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/spl-events-text.js +0 -0
  200. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode/table-mode-styled.js +0 -0
  201. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode/table-mode.js +0 -0
  202. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode-star/constants.js +0 -0
  203. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode-star/table-mode-star-styled.js +0 -0
  204. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode-star/table-mode-star.js +0 -0
  205. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-segment-star/table-segment-star-styled.js +0 -0
  206. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-segment-star/table-segment-star.js +0 -0
  207. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/tables-card-styled.js +0 -0
  208. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/tables-card.js +0 -0
  209. /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n forwardRef,\n useImperativeHandle,\n createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n ref,\n) => {\n const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n const nextBtnRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const isFirstMount = useRef(true);\n const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n // Create a stable array of refs for indicators\n const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n const handleCarouselPrev = useCallback(() => {\n onPrev?.();\n setCurrIndex(prev => prev - 1);\n }, [onPrev]);\n\n const handleCarouselNext = useCallback(() => {\n onNext?.();\n setCurrIndex(prev => prev + 1);\n }, [onNext]);\n\n const handleCarouselIndicatorClick = useCallback((index: number) => {\n setCurrIndex(index);\n }, []);\n\n useImperativeHandle(ref, () => ({\n nextBtnRef,\n indicatorRefs,\n currentIndex: currIndex,\n goToIndex: (index: number) => {\n setCurrIndex(index);\n },\n }));\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n }\n }, []);\n\n // Change index from parent\n useEffect(() => {\n setCurrIndex(defaultIndex);\n }, [defaultIndex]);\n\n return (\n <Styled.Carousel>\n <Styled.CarouselWrapper\n $translate={currIndex * 100}\n $translateDuration={isFirstMount.current ? 0 : 300}\n >\n {items.map((item, index) => (\n <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n ))}\n </Styled.CarouselWrapper>\n\n {items.length > 1 && (\n <Styled.ExtendedFlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $position=\"absolute\"\n >\n <IconButton\n renderAs=\"secondary\"\n Icon={CaratLeftIcon}\n onClick={handleCarouselPrev}\n analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n disabled={currIndex === 0}\n />\n <Separator width={48} />\n {items.map((_, index) => (\n <Styled.Indicator\n ref={indicatorRefs[index]}\n $isActive={index === currIndex}\n key={index}\n onClick={() => handleCarouselIndicatorClick(index)}\n />\n ))}\n <Separator width={48} />\n <div ref={nextBtnRef}>\n <IconButton\n renderAs=\"secondary\"\n Icon={CaratRightIcon}\n onClick={handleCarouselNext}\n analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n analyticsProps={memoizedAnalyticsNext.analyticsProps}\n disabled={currIndex === items.length - 1}\n />\n </div>\n </Styled.ExtendedFlexView>\n )}\n </Styled.Carousel>\n );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
2
- const A = E * 17.5 / 100, _ = 5, o = Math.ceil(E * 87.5 / 100), R = E / 2 * (37.5 / 100), T = E / 2 * (12.5 / 100), S = Math.PI / 180, c = 2, n = Math.sin(30 * S) * (E / 2 - _);
3
- export {
4
- o as ASSET_CONTAINER_SIZE,
5
- R as ASSET_OFFSET_X,
6
- T as ASSET_OFFSET_Y,
7
- c as BORDER_WIDTH,
8
- A as GAME_LAUNCHER_ASSET_PADDING,
9
- _ as GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,
10
- n as delta
11
- };
12
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/constants.ts"],"sourcesContent":["import { GAME_LAUNCHER_SIZE } from '../card-container/constants';\n\nexport const GAME_LAUNCHER_ASSET_PADDING = (GAME_LAUNCHER_SIZE * 17.5) / 100;\n\n// to show the stroke of the card below points, this width needs to be reduced\nexport const GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH = 5;\n\n// asset container needs to be 350/400 % of GAME LAUNCHER SIZE\nexport const ASSET_CONTAINER_SIZE = Math.ceil((GAME_LAUNCHER_SIZE * 87.5) / 100);\n\n// ASSET x-axis OFFSET needs to be 37.5 % of 1/2 of GAME LAUNCHER SIZE\nexport const ASSET_OFFSET_X = (GAME_LAUNCHER_SIZE / 2) * (37.5 / 100);\n\n// ASSET y-axis OFFSET needs to be 37.5 % of 1/2 of GAME LAUNCHER SIZE\nexport const ASSET_OFFSET_Y = (GAME_LAUNCHER_SIZE / 2) * (12.5 / 100);\n\nconst RADIAN = Math.PI / 180;\n\nexport const BORDER_WIDTH = 2;\n\n// delta created by a segment from x axis is 30deg\n// sin30 = delta/(CARD_SIZE/2)\nexport const delta =\n Math.sin(30 * RADIAN) * (GAME_LAUNCHER_SIZE / 2 - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH);\n"],"names":["GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","ASSET_CONTAINER_SIZE","ASSET_OFFSET_X","ASSET_OFFSET_Y","RADIAN","BORDER_WIDTH","delta"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAG5DC,IAA2C,GAG3CC,IAAuB,KAAK,KAAMF,IAAqB,OAAQ,GAAG,GAGlEG,IAAkBH,IAAqB,KAAM,OAAO,MAGpDI,IAAkBJ,IAAqB,KAAM,OAAO,MAE3DK,IAAS,KAAK,KAAK,KAEZC,IAAe,GAIfC,IACX,KAAK,IAAI,KAAKF,CAAM,KAAKL,IAAqB,IAAIC;"}
@@ -1,138 +0,0 @@
1
- import o from "styled-components";
2
- import { GAME_LAUNCHER_SIZE as e } from "../card-container/constants.js";
3
- import { BORDER_WIDTH as d, GAME_LAUNCHER_ASSET_PADDING as i, delta as a, ASSET_OFFSET_X as r, ASSET_OFFSET_Y as n, ASSET_CONTAINER_SIZE as s } from "./constants.js";
4
- const g = o.div`
5
- position: absolute;
6
- z-index: 5;
7
- height: ${e}px;
8
- width: ${e}px;
9
- pointer-events: none;
10
- `, f = o.div`
11
- position: relative;
12
- height: inherit;
13
- width: inherit;
14
- border-radius: 50%;
15
- border: ${d}px solid #fff;
16
- `, c = o.div`
17
- position: absolute;
18
- height: ${e + i}px;
19
- width: ${e + i}px;
20
- border-radius: 50%;
21
- top: ${-i / 2 - d}px;
22
- left: ${-i / 2 - d}px;
23
- z-index: 4;
24
- `, p = o.div`
25
- height: ${e}px;
26
- width: ${e}px;
27
- overflow: hidden;
28
- display: flex;
29
- position: absolute;
30
- background: ${({ theme: t }) => t.colors.BLACK_1};
31
- z-index: 2;
32
- border: 2px solid ${({ theme: t }) => t.colors.WHITE};
33
- backdrop-filter: blur(0px);
34
- -webkit-backdrop-filter: blur(0px);
35
- `, $ = o(p)`
36
- transform-origin: bottom right;
37
- transform: rotate(-32deg) skew(-32deg);
38
- translate: -${e / 2}px -${e / 2}px;
39
- border-right-width: 1px;
40
- `, b = o(p)`
41
- transform-origin: bottom left;
42
- transform: rotate(32deg) skew(32deg);
43
- translate: ${e / 2}px -${e / 2}px;
44
- border-left-width: 1px;
45
- `, m = o(p)`
46
- height: ${e / 2}px;
47
- width: ${e}px;
48
- bottom: 0;
49
- left: 0;
50
- z-index: 1;
51
- border: none;
52
- `, u = o.div`
53
- height: inherit;
54
- width: inherit;
55
- overflow: hidden;
56
- flex: 1;
57
- display: flex;
58
- justify-content: center;
59
- align-items: center;
60
- `, w = o.div`
61
- flex: 1;
62
- background: transparent;
63
- height: ${e / 2 + a}px;
64
- width: ${e}px;
65
- position: absolute;
66
- display: flex;
67
- justify-content: center;
68
- align-items: center;
69
- bottom: ${({ $segmentType: t = "bottom" }) => t === "bottom" ? "unset" : `-${a}px`};
70
- transform-origin: ${({ $segmentType: t }) => {
71
- switch (t) {
72
- case "left":
73
- return "bottom right";
74
- case "right":
75
- return "bottom left";
76
- default:
77
- return "unset";
78
- }
79
- }};
80
- transform: ${({ $segmentType: t = "bottom" }) => {
81
- switch (t) {
82
- case "left":
83
- return "skew(32deg) rotate(32deg)";
84
- case "right":
85
- return "skew(-32deg) rotate(-32deg)";
86
- default:
87
- return "none";
88
- }
89
- }};
90
- `, S = o.div`
91
- position: absolute;
92
- right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
93
- left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
94
- bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
95
- height: ${s}px;
96
- width: ${s}px;
97
- display: flex;
98
- align-items: center;
99
- overflow: hidden;
100
- background-color: transparent;
101
- z-index: 1;
102
- flex-shrink: 0;
103
- &:hover {
104
- background: ${({ theme: t }) => t.colors.WHITE_T_15};
105
- cursor: pointer;
106
- }
107
- `, v = o.div`
108
- position: absolute;
109
- right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
110
- left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
111
- bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
112
- height: ${s}px;
113
- width: ${s}px;
114
- z-index: 5;
115
- backdrop-filter: blur(16px);
116
- -webkit-backdrop-filter: blur(16px);
117
- /* pointer-events: none; */
118
- display: flex;
119
- align-items: center;
120
- justify-content: center;
121
- `, E = o.div`
122
- position: absolute;
123
- z-index: 6;
124
- `;
125
- export {
126
- g as CircularProgressLottieContainer,
127
- E as IconWrapper,
128
- c as LottieAnmationContainer,
129
- f as RingContainer,
130
- S as SegmentAssetContainer,
131
- m as SegmentBottom,
132
- u as SegmentContainer,
133
- w as SegmentContentContainer,
134
- $ as SegmentLeft,
135
- v as SegmentOverlay,
136
- b as SegmentRight
137
- };
138
- //# sourceMappingURL=segmented-game-card-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-game-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport {\n ASSET_CONTAINER_SIZE,\n delta,\n ASSET_OFFSET_X,\n ASSET_OFFSET_Y,\n GAME_LAUNCHER_ASSET_PADDING,\n BORDER_WIDTH,\n} from './constants';\nimport type { TSegment } from './segmented-game-card-types';\n\nexport const CircularProgressLottieContainer = styled.div`\n position: absolute;\n z-index: 5;\n height: ${GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n pointer-events: none;\n`;\n\nexport const RingContainer = styled.div`\n position: relative;\n height: inherit;\n width: inherit;\n border-radius: 50%;\n border: ${BORDER_WIDTH}px solid #fff;\n`;\n\nexport const LottieAnmationContainer = styled.div`\n position: absolute;\n height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n border-radius: 50%;\n top: ${-GAME_LAUNCHER_ASSET_PADDING / 2 - BORDER_WIDTH}px;\n left: ${-GAME_LAUNCHER_ASSET_PADDING / 2 - BORDER_WIDTH}px;\n z-index: 4;\n`;\n\n// might be needed later-----\n// export const SegmentDevider = styled.div<{ angle: number }>`\n// width: ${GAME_LAUNCHER_SIZE / 2}px;\n// height: 2px;\n// position: absolute;\n// background: #fff;\n// transform-origin: left;\n// transform: ${({ angle }) => `rotate(${angle}deg)`};\n// `;\n\nconst Segment = styled.div`\n height: ${GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n overflow: hidden;\n display: flex;\n position: absolute;\n background: ${({ theme }) => theme.colors.BLACK_1};\n z-index: 2;\n border: 2px solid ${({ theme }) => theme.colors.WHITE};\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n`;\n\nexport const SegmentLeft = styled(Segment)<{\n $angle?: number;\n}>`\n transform-origin: bottom right;\n transform: rotate(-32deg) skew(-32deg);\n translate: -${GAME_LAUNCHER_SIZE / 2}px -${GAME_LAUNCHER_SIZE / 2}px;\n border-right-width: 1px;\n`;\n\nexport const SegmentRight = styled(Segment)<{\n $angle?: number;\n}>`\n transform-origin: bottom left;\n transform: rotate(32deg) skew(32deg);\n translate: ${GAME_LAUNCHER_SIZE / 2}px -${GAME_LAUNCHER_SIZE / 2}px;\n border-left-width: 1px;\n`;\n\nexport const SegmentBottom = styled(Segment)<{\n $angle?: number;\n}>`\n height: ${GAME_LAUNCHER_SIZE / 2}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n bottom: 0;\n left: 0;\n z-index: 1;\n border: none;\n`;\n\nexport const SegmentContainer = styled.div`\n height: inherit;\n width: inherit;\n overflow: hidden;\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const SegmentContentContainer = styled.div<{ $segmentType?: TSegment }>`\n flex: 1;\n background: transparent;\n height: ${GAME_LAUNCHER_SIZE / 2 + delta}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n bottom: ${({ $segmentType = 'bottom' }) => ($segmentType === 'bottom' ? 'unset' : `-${delta}px`)};\n transform-origin: ${({ $segmentType }) => {\n switch ($segmentType) {\n case 'left':\n return 'bottom right';\n case 'right':\n return 'bottom left';\n default:\n return 'unset';\n }\n }};\n transform: ${({ $segmentType = 'bottom' }) => {\n switch ($segmentType) {\n case 'left':\n return 'skew(32deg) rotate(32deg)';\n case 'right':\n return 'skew(-32deg) rotate(-32deg)';\n default:\n return 'none';\n }\n }};\n`;\n\nexport const SegmentAssetContainer = styled.div<{\n $segmentType?: TSegment;\n}>`\n position: absolute;\n right: ${({ $segmentType }) => ($segmentType === 'left' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n left: ${({ $segmentType }) => ($segmentType === 'right' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n bottom: ${({ $segmentType }) =>\n $segmentType === 'bottom' ? `-${ASSET_OFFSET_Y}px` : `-${ASSET_OFFSET_Y}px`};\n height: ${ASSET_CONTAINER_SIZE}px;\n width: ${ASSET_CONTAINER_SIZE}px;\n display: flex;\n align-items: center;\n overflow: hidden;\n background-color: transparent;\n z-index: 1;\n flex-shrink: 0;\n &:hover {\n background: ${({ theme }) => theme.colors.WHITE_T_15};\n cursor: pointer;\n }\n`;\n\nexport const SegmentOverlay = styled.div<{ $segmentType?: TSegment }>`\n position: absolute;\n right: ${({ $segmentType }) => ($segmentType === 'left' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n left: ${({ $segmentType }) => ($segmentType === 'right' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n bottom: ${({ $segmentType }) =>\n $segmentType === 'bottom' ? `-${ASSET_OFFSET_Y}px` : `-${ASSET_OFFSET_Y}px`};\n height: ${ASSET_CONTAINER_SIZE}px;\n width: ${ASSET_CONTAINER_SIZE}px;\n z-index: 5;\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n /* pointer-events: none; */\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const IconWrapper = styled.div`\n position: absolute;\n z-index: 6;\n`;\n"],"names":["CircularProgressLottieContainer","styled","GAME_LAUNCHER_SIZE","RingContainer","BORDER_WIDTH","LottieAnmationContainer","GAME_LAUNCHER_ASSET_PADDING","Segment","theme","SegmentLeft","SegmentRight","SegmentBottom","SegmentContainer","SegmentContentContainer","delta","$segmentType","SegmentAssetContainer","ASSET_OFFSET_X","ASSET_OFFSET_Y","ASSET_CONTAINER_SIZE","SegmentOverlay","IconWrapper"],"mappings":"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"}
@@ -1,105 +0,0 @@
1
- import { jsx as e, jsxs as L } from "react/jsx-runtime";
2
- import { memo as R, useCallback as m, forwardRef as O, useRef as A, useState as C, useImperativeHandle as F, useMemo as E } from "react";
3
- import G from "../../../../../assets/line-icons/icons/check.js";
4
- import { LOTTIE as $ } from "../../../../../assets/lottie/lottie.js";
5
- import P from "../../../../ui/lottie-animation/lottie-animation.js";
6
- import { CardContainer as j } from "../card-container/card-container.js";
7
- import { SegmentContainer as w, SegmentContentContainer as U, SegmentAssetContainer as x, SegmentOverlay as B, IconWrapper as N, CircularProgressLottieContainer as q, RingContainer as z, LottieAnmationContainer as D, SegmentLeft as J, SegmentRight as K, SegmentBottom as Q } from "./segmented-game-card-styled.js";
8
- const X = { renderer: "canvas", loop: !0 }, f = R(
9
- ({ segmentType: n, isCompleted: o, card: c, name: s, onMouseEnter: i }) => {
10
- const a = m(() => i(s), [i, s]);
11
- return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ L(U, { $segmentType: n, onMouseEnter: a, children: [
12
- /* @__PURE__ */ e(x, { $segmentType: n, children: /* @__PURE__ */ e(P, { src: c, settings: X, animateOnIntersect: !0 }) }),
13
- o && /* @__PURE__ */ e(B, { $segmentType: n, children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(G, { color: "#fff", height: 40, width: 40 }) }) })
14
- ] }) });
15
- }
16
- ), Y = ({ data: n, label: o, initialValue: c = 0, value: s, maxValue: i = 1 }, a) => {
17
- const g = A(null), h = A(null), [u, S] = C(o), [T, _] = C(!1), [b, M] = C("WHITE_T_87"), W = u !== o, d = m((t) => {
18
- S(t);
19
- }, []), k = m(() => {
20
- S(o);
21
- }, [o]), p = m(
22
- (t) => {
23
- var r, l;
24
- (l = (r = n[t]) == null ? void 0 : r.onPress) == null || l.call(r);
25
- },
26
- [n]
27
- ), v = m((t) => {
28
- _(!0), M(t);
29
- }, []);
30
- F(a, () => ({
31
- labelRef: g,
32
- segmentedCardWrapperRef: h,
33
- startLabelAnimation: v
34
- }));
35
- const I = E(() => {
36
- if (i <= 0)
37
- return;
38
- const t = 92, r = t / i, l = Math.min(r * c, t), H = Math.min(r * s + 1, t);
39
- return [l, H];
40
- }, [c, i, s]), y = E(
41
- () => ({
42
- renderer: "canvas",
43
- autoplay: !0,
44
- loop: !1,
45
- initialSegment: I
46
- }),
47
- [I]
48
- );
49
- return /* @__PURE__ */ L(
50
- j,
51
- {
52
- ref: h,
53
- labelRef: g,
54
- label: u,
55
- isAnimated: T,
56
- onMouseLeave: k,
57
- labelColor: T ? b : W ? "WHITE_T_87" : "WHITE_T_60",
58
- children: [
59
- /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
60
- P,
61
- {
62
- src: $.LEVELUP_RINGS,
63
- settings: y,
64
- animateOnIntersect: !0
65
- }
66
- ) }) }) }),
67
- /* @__PURE__ */ e(J, { onClick: () => p(0), children: /* @__PURE__ */ e(
68
- f,
69
- {
70
- segmentType: "left",
71
- card: n[0].card,
72
- name: n[0].name,
73
- isCompleted: n[0].isCompleted,
74
- onMouseEnter: d
75
- }
76
- ) }),
77
- /* @__PURE__ */ e(K, { onClick: () => p(1), children: /* @__PURE__ */ e(
78
- f,
79
- {
80
- segmentType: "right",
81
- card: n[1].card,
82
- name: n[1].name,
83
- isCompleted: n[1].isCompleted,
84
- onMouseEnter: d
85
- }
86
- ) }),
87
- /* @__PURE__ */ e(Q, { onClick: () => p(2), children: /* @__PURE__ */ e(
88
- f,
89
- {
90
- segmentType: "bottom",
91
- card: n[2].card,
92
- name: n[2].name,
93
- isCompleted: n[2].isCompleted,
94
- onMouseEnter: d
95
- }
96
- ) })
97
- ]
98
- }
99
- );
100
- }, ie = R(O(Y));
101
- export {
102
- f as SegmentContent,
103
- ie as SegmentedGameCard
104
- };
105
- //# sourceMappingURL=segmented-game-card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport React, {\n forwardRef,\n memo,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport type { TColorNames } from '../../../../ui/types';\nimport { CardContainer } from '../card-container/card-container';\nimport * as Styled from './segmented-game-card-styled';\nimport type {\n IGameCardSegmentContentProps,\n ISegmentedGameCardProps,\n ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const SegmentContent = memo(\n ({ segmentType, isCompleted, card, name, onMouseEnter }: IGameCardSegmentContentProps) => {\n const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n return (\n <Styled.SegmentContainer>\n <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n <Styled.SegmentAssetContainer $segmentType={segmentType}>\n <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n </Styled.SegmentAssetContainer>\n\n {isCompleted && (\n <Styled.SegmentOverlay $segmentType={segmentType}>\n <Styled.IconWrapper>\n <CheckIcon color=\"#fff\" height={40} width={40} />\n </Styled.IconWrapper>\n </Styled.SegmentOverlay>\n )}\n </Styled.SegmentContentContainer>\n </Styled.SegmentContainer>\n );\n },\n);\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n ISegmentedGameCardRefs,\n ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n const labelRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const cardWrapperRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n const [label, setLabel] = useState<string>(gameCategoryLabel);\n const [isAnimated, setIsAnimated] = useState(false);\n const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n const isLabelHighlighted = label !== gameCategoryLabel;\n\n const onMouseEnter = useCallback((gameName: string) => {\n setLabel(gameName);\n }, []);\n\n const onMouseLeave = useCallback(() => {\n setLabel(gameCategoryLabel);\n }, [gameCategoryLabel]);\n\n const onSegmentPress = useCallback(\n (index: number) => {\n data[index]?.onPress?.();\n },\n [data],\n );\n\n const startLabelAnimation = useCallback((color: TColorNames) => {\n setIsAnimated(true);\n setAnimatedColor(color);\n }, []);\n\n useImperativeHandle(ref, () => ({\n labelRef,\n segmentedCardWrapperRef: cardWrapperRef,\n startLabelAnimation,\n }));\n\n const animationSegments: [number, number] | undefined = useMemo(() => {\n if (maxValue <= 0) {\n return;\n }\n\n const totalFrames = 92;\n const framesPerValue = totalFrames / maxValue;\n\n const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n return [initialFrameToPlay, finalFrameToPlay];\n }, [initialValue, maxValue, value]);\n\n const levelUpAnimationSettings = useMemo(\n () => ({\n renderer: 'canvas',\n autoplay: true,\n loop: false,\n initialSegment: animationSegments,\n }),\n [animationSegments],\n );\n\n return (\n <CardContainer\n ref={cardWrapperRef}\n labelRef={labelRef}\n label={label}\n isAnimated={isAnimated}\n onMouseLeave={onMouseLeave}\n labelColor={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n >\n <Styled.CircularProgressLottieContainer>\n <Styled.RingContainer>\n <Styled.LottieAnmationContainer>\n <LottieAnimation\n src={LOTTIE.LEVELUP_RINGS}\n settings={levelUpAnimationSettings}\n animateOnIntersect\n />\n </Styled.LottieAnmationContainer>\n </Styled.RingContainer>\n </Styled.CircularProgressLottieContainer>\n {/* left segment */}\n <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n <SegmentContent\n segmentType={'left'}\n card={data[0]!.card}\n name={data[0]!.name}\n isCompleted={data[0]!.isCompleted}\n onMouseEnter={onMouseEnter}\n />\n </Styled.SegmentLeft>\n\n {/* right segment */}\n <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n <SegmentContent\n segmentType={'right'}\n card={data[1]!.card}\n name={data[1]!.name}\n isCompleted={data[1]!.isCompleted}\n onMouseEnter={onMouseEnter}\n />\n </Styled.SegmentRight>\n\n {/* bottom segment */}\n <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n <SegmentContent\n segmentType={'bottom'}\n card={data[2]!.card}\n name={data[2]!.name}\n isCompleted={data[2]!.isCompleted}\n onMouseEnter={onMouseEnter}\n />\n </Styled.SegmentBottom>\n </CardContainer>\n );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["renderSettings","SegmentContent","memo","segmentType","isCompleted","card","name","onMouseEnter","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","LottieAnimation","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","CardContainer","Styled.CircularProgressLottieContainer","Styled.RingContainer","Styled.LottieAnmationContainer","LOTTIE","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","forwardRef"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/constants.ts"],"sourcesContent":["import type { AnimationSegment } from 'lottie-web';\n\nimport type { TColorNames } from '../../../../ui/types';\nimport type { TTableMode } from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\n\nexport const TABLE_REVEAL_ANIMATION = {\n REVEAL: [0, 15] as AnimationSegment,\n REVEAL_CONTENT: [8, 15] as AnimationSegment,\n DISAPPEAR_CONTENT: [21, 29] as AnimationSegment,\n DISAPPEAR: [21, 38] as AnimationSegment,\n};\n\nexport const TABLE_MODE_LABEL_COLOR: Partial<Record<TTableMode, TColorNames>> = {\n random: 'BLUE_4',\n sequence: 'YELLOW_4',\n advance: 'PURPLE_4',\n};\n\n// z-index 1 to 20 are for table number arc segments\nexport const TABLE_CARD_SHADOW_Z_INDEX = 50;\nexport const INFINITE_MODE_Z_INDEX = TABLE_CARD_SHADOW_Z_INDEX + 1;\nexport const TABLE_MODE_CONTAINER_Z_INDEX = 100;\n\n// table modes\nexport const TABLE_MODE_OVERLAY_Z_INDEX = 1;\nexport const ABSOLUTE_VIEW_Z_INDEX = 2;\nexport const INFINITE_MODE_TEXT = 'INFINITY MODE';\n\nexport const NORMAL_TABLE_MODES = ['sequence', 'random', 'advance'] as Exclude<\n TTableMode,\n 'infinite'\n>[];\n"],"names":["TABLE_REVEAL_ANIMATION","TABLE_MODE_LABEL_COLOR","TABLE_CARD_SHADOW_Z_INDEX","INFINITE_MODE_Z_INDEX","TABLE_MODE_CONTAINER_Z_INDEX","TABLE_MODE_OVERLAY_Z_INDEX","ABSOLUTE_VIEW_Z_INDEX","INFINITE_MODE_TEXT","NORMAL_TABLE_MODES"],"mappings":"AAKO,MAAMA,IAAyB;AAAA,EACpC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACd,gBAAgB,CAAC,GAAG,EAAE;AAAA,EACtB,mBAAmB,CAAC,IAAI,EAAE;AAAA,EAC1B,WAAW,CAAC,IAAI,EAAE;AACpB,GAEaC,IAAmE;AAAA,EAC9E,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAGaC,IAA4B,IAC5BC,IAAwBD,IAA4B,GACpDE,IAA+B,KAG/BC,IAA6B,GAC7BC,IAAwB,GACxBC,IAAqB,iBAErBC,IAAqB,CAAC,YAAY,UAAU,SAAS;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"infinite-mode-launcher-button.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-mode-launcher-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from '../tables-card-styled';\nimport type { InfiniteButtonCardProps } from './infinite-mode-launcher-button-type';\n\nconst rendererSettings = {\n renderer: 'canvas',\n};\n\nconst InfiniteButtonCard: React.FC<InfiniteButtonCardProps> = ({\n onClick,\n onMouseOver,\n onMouseLeave,\n buttonRef,\n}) => {\n return (\n <Styled.InfiniteButtonWrapper\n ref={buttonRef}\n onClick={onClick}\n onMouseOver={onMouseOver}\n onMouseLeave={onMouseLeave}\n >\n <Styled.ExtendedAbsoluteView>\n <LottieAnimation\n src={LOTTIE.INFINITE_BUTTON_BG}\n settings={rendererSettings}\n animateOnIntersect\n />\n </Styled.ExtendedAbsoluteView>\n <Styled.ExtendedAbsoluteView>\n <LottieAnimation\n src={LOTTIE.INFINITE_BUTTON_SYMBOL}\n settings={rendererSettings}\n animateOnIntersect\n />\n </Styled.ExtendedAbsoluteView>\n </Styled.InfiniteButtonWrapper>\n );\n};\n\nexport default React.memo(InfiniteButtonCard);\n"],"names":["rendererSettings","InfiniteButtonCard","onClick","onMouseOver","onMouseLeave","buttonRef","jsxs","Styled.InfiniteButtonWrapper","jsx","Styled.ExtendedAbsoluteView","LottieAnimation","LOTTIE","InfiniteButtonCard$1","React"],"mappings":";;;;;AAOA,MAAMA,IAAmB;AAAA,EACvB,UAAU;AACZ,GAEMC,IAAwD,CAAC;AAAA,EAC7D,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAKF;AAAA,IACL,SAAAH;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAI,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUX;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAQ,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUX;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNY,IAAeC,EAAM,KAAKZ,CAAkB;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/spl-events-text/constants.ts"],"sourcesContent":["import { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport { CircleSoundKey } from '../../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { TSplEventsLottieType } from './spl-events-text-types';\n\nexport const LOTTIE_MAP: Record<TSplEventsLottieType, { src: string; audio: string }> = {\n [TSplEventsLottieType.KEEP_IT_UP]: {\n src: LOTTIE.KEEP_IT_UP,\n audio: CircleSoundKey.KEEP_IT_UP,\n },\n [TSplEventsLottieType.DOING_GREAT]: {\n src: LOTTIE.DOING_GREAT,\n audio: CircleSoundKey.DOING_GREAT,\n },\n [TSplEventsLottieType.ALL_DONE]: {\n src: LOTTIE.ALL_DONE,\n audio: CircleSoundKey.ALL_DONE,\n },\n};\n\nexport const COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP: Record<number, TSplEventsLottieType> = {\n 1: TSplEventsLottieType.KEEP_IT_UP,\n 2: TSplEventsLottieType.DOING_GREAT,\n 3: TSplEventsLottieType.ALL_DONE,\n};\n\nexport const splEventsLottieSettings = { loop: false, autoplay: true };\n"],"names":["LOTTIE_MAP","TSplEventsLottieType","LOTTIE","CircleSoundKey","COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP","splEventsLottieSettings"],"mappings":";;;AAIO,MAAMA,IAA2E;AAAA,EACtF,CAACC,EAAqB,UAAU,GAAG;AAAA,IACjC,KAAKC,EAAO;AAAA,IACZ,OAAOC,EAAe;AAAA,EACxB;AAAA,EACA,CAACF,EAAqB,WAAW,GAAG;AAAA,IAClC,KAAKC,EAAO;AAAA,IACZ,OAAOC,EAAe;AAAA,EACxB;AAAA,EACA,CAACF,EAAqB,QAAQ,GAAG;AAAA,IAC/B,KAAKC,EAAO;AAAA,IACZ,OAAOC,EAAe;AAAA,EACxB;AACF,GAEaC,IAA8E;AAAA,EACzF,GAAGH,EAAqB;AAAA,EACxB,GAAGA,EAAqB;AAAA,EACxB,GAAGA,EAAqB;AAC1B,GAEaI,IAA0B,EAAE,MAAM,IAAO,UAAU,GAAK;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"spl-events-text-style.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text-style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const StyledSpecialEventsText = styled(FlexView)`\n position: absolute;\n top: 90%;\n width: ${GAME_LAUNCHER_SIZE}px;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n`;\n"],"names":["StyledSpecialEventsText","styled","FlexView","GAME_LAUNCHER_SIZE"],"mappings":";;;AAKa,MAAAA,IAA0BC,EAAOC,CAAQ;AAAA;AAAA;AAAA,WAG3CC,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"spl-events-text-types.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text-types.ts"],"sourcesContent":["import type { TTableMode } from '../../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\n\nexport enum TSplEventsLottieType {\n KEEP_IT_UP = 'KEEP_IT_UP',\n DOING_GREAT = 'DOING_GREAT',\n ALL_DONE = 'ALL_DONE',\n}\n\nexport type ISplEventsTextProps = {\n completedModes: TTableMode[];\n};\n"],"names":["TSplEventsLottieType"],"mappings":"AAEY,IAAAA,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,WAAW,YAHDA,IAAAA,KAAA,CAAA,CAAA;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"spl-events-text.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text.tsx"],"sourcesContent":["import React from 'react';\n\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport { useCircleSounds } from '../../../../hooks/use-circle-sounds/use-circle-sounds';\nimport type { CircleSoundKey } from '../../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport {\n COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP,\n LOTTIE_MAP,\n splEventsLottieSettings,\n} from './constants';\nimport { StyledSpecialEventsText } from './spl-events-text-style';\nimport type { ISplEventsTextProps } from './spl-events-text-types';\nimport { TSplEventsLottieType } from './spl-events-text-types';\n\nexport const SplEventsText = React.memo(({ completedModes }: ISplEventsTextProps) => {\n const { play } = useCircleSounds();\n const completedModesCount = completedModes.length;\n\n const splEvent =\n COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP[completedModesCount] || TSplEventsLottieType.KEEP_IT_UP;\n\n const { src, audio } = LOTTIE_MAP[splEvent];\n\n return (\n <StyledSpecialEventsText>\n <LottieAnimation\n src={src}\n settings={splEventsLottieSettings}\n onRender={() => play(audio as CircleSoundKey)}\n />\n </StyledSpecialEventsText>\n );\n});\n"],"names":["SplEventsText","React","completedModes","play","useCircleSounds","completedModesCount","splEvent","COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP","TSplEventsLottieType","src","audio","LOTTIE_MAP","StyledSpecialEventsText","jsx","LottieAnimation","splEventsLottieSettings"],"mappings":";;;;;;;AAcO,MAAMA,IAAgBC,EAAM,KAAK,CAAC,EAAE,gBAAAC,QAA0C;AAC7E,QAAA,EAAE,MAAAC,MAASC,KACXC,IAAsBH,EAAe,QAErCI,IACJC,EAAsCF,CAAmB,KAAKG,EAAqB,YAE/E,EAAE,KAAAC,GAAK,OAAAC,EAAM,IAAIC,EAAWL,CAAQ;AAE1C,2BACGM,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,UAAUM;AAAA,MACV,UAAU,MAAMZ,EAAKO,CAAuB;AAAA,IAAA;AAAA,EAEhD,EAAA,CAAA;AAEJ,CAAC;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-mode-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const ModeContentSquareBlock = styled.div<{ $isBorderRightRequired?: boolean }>`\n border: 1px solid ${({ theme }) => theme.colors.WHITE};\n border-right-width: ${({ $isBorderRightRequired }) => ($isBorderRightRequired ? '1px' : '0px')};\n height: ${GAME_LAUNCHER_SIZE * 0.081}px;\n width: ${GAME_LAUNCHER_SIZE * 0.081}px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${({ theme }) => theme.colors.BLACK_1};\n position: relative;\n`;\n\nexport const TableModeLottieContainer = styled.div<{ $bottom?: string; $right?: string }>`\n position: absolute;\n height: auto;\n width: ${GAME_LAUNCHER_SIZE * 0.081}px;\n right: ${({ $right = '0px' }) => $right};\n bottom: ${({ $bottom = 'unset' }) => $bottom};\n`;\n"],"names":["ModeContentSquareBlock","styled","theme","$isBorderRightRequired","GAME_LAUNCHER_SIZE","TableModeLottieContainer","$right","$bottom"],"mappings":";;AAIO,MAAMA,IAAyBC,EAAO;AAAA,sBACvB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,wBAC/B,CAAC,EAAE,wBAAAC,EAAA,MAA8BA,IAAyB,QAAQ,KAAM;AAAA,YACpFC,IAAqB,KAAK;AAAA,WAC3BA,IAAqB,KAAK;AAAA;AAAA;AAAA;AAAA,sBAIf,CAAC,EAAE,OAAAF,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAI5CG,IAA2BJ,EAAO;AAAA;AAAA;AAAA,WAGpCG,IAAqB,KAAK;AAAA,WAC1B,CAAC,EAAE,QAAAE,IAAS,MAAA,MAAYA,CAAM;AAAA,YAC7B,CAAC,EAAE,SAAAC,IAAU,QAAA,MAAcA,CAAO;AAAA;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-mode.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport type { TTableMode } from '../../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { GAME_LAUNCHER_SIZE, GAME_LAUNCHER_SIZE_LARGE } from '../../card-container/constants';\nimport TableStar from '../table-mode-star/table-mode-star';\nimport * as Styled from './table-mode-styled';\nimport type { ITableModeProps } from './table-mode-types';\n\nconst LOAD_LOTTIE: Partial<Record<TTableMode, string>> = {\n sequence: LOTTIE.SEQUENCE_MODE_SEGMENT_LOTTIE,\n random: LOTTIE.RANDOM_MODE_SEGMENT_LOTTIE,\n advance: LOTTIE.ADVANCE_MODE_SEGMENT_LOTTIE,\n};\n\nconst settings = {\n renderer: 'svg',\n};\n\nconst TableMode: FC<ITableModeProps> = memo(({ tableNumber, isStarAchieved, type, rewardStar }) => {\n return (\n <FlexView $alignItems=\"center\">\n <TableStar isStarAchieved={isStarAchieved} rewardStar={rewardStar} />\n <Separator height={GAME_LAUNCHER_SIZE * 0.055} />\n <FlexView $flexDirection=\"row\">\n <Styled.ModeContentSquareBlock>\n <Text\n $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ab2-bold'}\n $color=\"WHITE\"\n >\n {tableNumber}\n </Text>\n </Styled.ModeContentSquareBlock>\n <Styled.ModeContentSquareBlock>\n <Text\n $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ab2-bold'}\n $color=\"WHITE\"\n >\n ×\n </Text>\n </Styled.ModeContentSquareBlock>\n <Styled.ModeContentSquareBlock $isBorderRightRequired={type === 'advance'}>\n <Styled.TableModeLottieContainer\n $bottom={type === 'advance' ? '-1px' : 'unset'}\n $right={type === 'advance' ? '-1px' : 'unset'}\n >\n <LottieAnimation src={LOAD_LOTTIE[type] ?? ''} settings={settings} />\n </Styled.TableModeLottieContainer>\n </Styled.ModeContentSquareBlock>\n </FlexView>\n </FlexView>\n );\n});\n\nexport default TableMode;\n"],"names":["LOAD_LOTTIE","LOTTIE","settings","TableMode","memo","tableNumber","isStarAchieved","type","rewardStar","jsxs","FlexView","jsx","TableStar","Separator","GAME_LAUNCHER_SIZE","Styled.ModeContentSquareBlock","Text","GAME_LAUNCHER_SIZE_LARGE","Styled.TableModeLottieContainer","LottieAnimation"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAmD;AAAA,EACvD,UAAUC,EAAO;AAAA,EACjB,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAClB,GAEMC,IAAW;AAAA,EACf,UAAU;AACZ,GAEMC,IAAiCC,EAAK,CAAC,EAAE,aAAAC,GAAa,gBAAAC,GAAgB,MAAAC,GAAM,YAAAC,QAE9E,gBAAAC,EAACC,GAAS,EAAA,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,gBAAAN,GAAgC,YAAAE,EAAwB,CAAA;AAAA,EAClE,gBAAAG,EAAAE,GAAA,EAAU,QAAQC,IAAqB,MAAO,CAAA;AAAA,EAC/C,gBAAAL,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAC,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAWF,MAAuBG,IAA2B,cAAc;AAAA,QAC3E,QAAO;AAAA,QAEN,UAAAZ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACA,gBAAAM,EAACI,GAAA,EACC,UAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAWF,MAAuBG,IAA2B,cAAc;AAAA,QAC3E,QAAO;AAAA,QACR,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,sBACCF,GAAA,EAA8B,wBAAwBR,MAAS,WAC9D,UAAA,gBAAAI;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,SAASX,MAAS,YAAY,SAAS;AAAA,QACvC,QAAQA,MAAS,YAAY,SAAS;AAAA,QAEtC,4BAACY,GAAgB,EAAA,KAAKnB,EAAYO,CAAI,KAAK,IAAI,UAAAL,GAAoB;AAAA,MAAA;AAAA,IAAA,GAEvE;AAAA,EAAA,GACF;AACF,EAAA,CAAA,CAEH;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/constants.ts"],"sourcesContent":["import { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const STAR_SIZE = GAME_LAUNCHER_SIZE * 0.05;\n"],"names":["STAR_SIZE","GAME_LAUNCHER_SIZE"],"mappings":";AAEO,MAAMA,IAAYC,IAAqB;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-mode-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../../../../../ui/types';\nimport { STAR_SIZE } from './constants';\n\nexport const StarContainer = styled.div`\n position: relative;\n height: ${STAR_SIZE}px;\n width: ${STAR_SIZE}px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const LottieContainer = styled.div`\n position: absolute;\n height: ${STAR_SIZE * 2}px;\n width: ${STAR_SIZE * 2}px;\n`;\n\nexport const Circle = styled.circle<{ $fill: TColorNames }>`\n fill: ${({ $fill, theme }) => theme.colors[$fill]};\n`;\n\nexport const Path = styled.path<{ $fill: TColorNames }>`\n fill: ${({ $fill, theme }) => theme.colors[$fill]};\n`;\n"],"names":["StarContainer","styled","STAR_SIZE","LottieContainer","Circle","$fill","theme","Path"],"mappings":";;AAKO,MAAMA,IAAgBC,EAAO;AAAA;AAAA,YAExBC,CAAS;AAAA,WACVA,CAAS;AAAA;AAAA;AAAA;AAAA,GAMPC,IAAkBF,EAAO;AAAA;AAAA,YAE1BC,IAAY,CAAC;AAAA,WACdA,IAAY,CAAC;AAAA,GAGXE,IAASH,EAAO;AAAA,UACnB,CAAC,EAAE,OAAAI,GAAO,OAAAC,EAAA,MAAYA,EAAM,OAAOD,CAAK,CAAC;AAAA,GAGtCE,IAAON,EAAO;AAAA,UACjB,CAAC,EAAE,OAAAI,GAAO,OAAAC,EAAA,MAAYA,EAAM,OAAOD,CAAK,CAAC;AAAA;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-mode-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\nimport React, { memo, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport { STAR_SIZE } from './constants';\nimport * as Styled from './table-mode-star-styled';\nimport type { ITableModeStarProps } from './table-mode-star-types';\n\nconst settings = {\n loop: false,\n renderer: 'canvas',\n};\n\nconst TableModeStar: React.FC<ITableModeStarProps> = memo(({ isStarAchieved, rewardStar }) => {\n const [animateStar, setAnimateStar] = useState(false);\n const [starRewarded, setStarRewarded] = useState(isStarAchieved && !rewardStar);\n\n const onAnimationFinish = useMemo(() => {\n return {\n name: 'complete' as AnimationEventName,\n callback: () => {\n setStarRewarded(true);\n setAnimateStar(false);\n },\n };\n }, []);\n\n useEffect(() => {\n let timer: ReturnType<typeof setTimeout>;\n\n if (isStarAchieved && rewardStar) {\n timer = setTimeout(() => {\n setAnimateStar(true);\n }, 1000);\n }\n\n return () => {\n timer && clearTimeout(timer);\n };\n }, [isStarAchieved, rewardStar]);\n\n return (\n <Styled.StarContainer>\n {animateStar && (\n <Styled.LottieContainer>\n <LottieAnimation\n src={LOTTIE.TABLE_MODE_STAR}\n settings={settings}\n eventListener={onAnimationFinish}\n />\n </Styled.LottieContainer>\n )}\n {!animateStar && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={STAR_SIZE}\n height={STAR_SIZE}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <Styled.Circle cx=\"8\" cy=\"8\" r=\"8\" $fill={starRewarded ? 'GREEN_6' : 'WHITE_T_15'} />\n <Styled.Path\n d=\"M8 2L6.23664 5.57295L2.29366 6.1459L5.14683 8.92705L4.47329 12.8541L8 11L11.5267 12.8541L10.8532 8.92705L13.7063 6.1459L9.76336 5.57295L8 2Z\"\n $fill={starRewarded ? 'GREEN_4' : 'WHITE_T_15'}\n />\n </svg>\n )}\n </Styled.StarContainer>\n );\n});\n\nexport default TableModeStar;\n"],"names":["settings","TableModeStar","memo","isStarAchieved","rewardStar","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","STAR_SIZE","Styled.Circle","Styled.Path"],"mappings":";;;;;;AASA,MAAMA,IAAW;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AACZ,GAEMC,IAA+CC,EAAK,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AAC5F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAASJ,KAAkB,CAACC,CAAU,GAExEM,IAAoBC,EAAQ,OACzB;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM;AACd,MAAAF,EAAgB,EAAI,GACpBH,EAAe,EAAK;AAAA,IACtB;AAAA,EAAA,IAED,CAAE,CAAA;AAEL,SAAAM,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIV,KAAkBC,MACpBS,IAAQ,WAAW,MAAM;AACvB,MAAAP,EAAe,EAAI;AAAA,OAClB,GAAI,IAGF,MAAM;AACX,MAAAO,KAAS,aAAaA,CAAK;AAAA,IAAA;AAAA,EAC7B,GACC,CAACV,GAAgBC,CAAU,CAAC,GAG7B,gBAAAU,EAACC,GAAA,EACE,UAAA;AAAA,IACCV,KAAA,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAAnB;AAAA,QACA,eAAeU;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAED,CAACL,KACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAOM;AAAA,QACP,QAAQA;AAAA,QACR,SAAQ;AAAA,QACR,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAA,EAAc,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,OAAOb,IAAe,YAAY,aAAc,CAAA;AAAA,UACnF,gBAAAQ;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,OAAOd,IAAe,YAAY;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-segment-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const StarContainer = styled.div`\n position: relative;\n width: ${GAME_LAUNCHER_SIZE * 0.025}px;\n height: ${GAME_LAUNCHER_SIZE * 0.025}px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: ${GAME_LAUNCHER_SIZE * 0.03}px;\n`;\n\nexport const LottieContainer = styled.div`\n position: absolute;\n height: ${GAME_LAUNCHER_SIZE * 0.025 * 6.3}px;\n width: ${GAME_LAUNCHER_SIZE * 0.025 * 6.3}px;\n`;\n\nexport const TableStar = styled.div<{ $isStarAchieved: boolean }>`\n flex-shrink: 0;\n width: inherit;\n height: inherit;\n border-radius: 100%;\n background-color: ${({ theme, $isStarAchieved }) =>\n $isStarAchieved ? theme.colors.GREEN_6 : theme.colors.BLACK_5};\n`;\n"],"names":["StarContainer","styled","GAME_LAUNCHER_SIZE","LottieContainer","TableStar","theme","$isStarAchieved"],"mappings":";;AAIO,MAAMA,IAAgBC,EAAO;AAAA;AAAA,WAEzBC,IAAqB,KAAK;AAAA,YACzBA,IAAqB,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIrBA,IAAqB,IAAI;AAAA,GAG7BC,IAAkBF,EAAO;AAAA;AAAA,YAE1BC,IAAqB,QAAQ,GAAG;AAAA,WACjCA,IAAqB,QAAQ,GAAG;AAAA,GAG9BE,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKV,CAAC,EAAE,OAAAI,GAAO,iBAAAC,EAAgB,MAC5CA,IAAkBD,EAAM,OAAO,UAAUA,EAAM,OAAO,OAAO;AAAA;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-segment-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\nimport React, { memo, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './table-segment-star-styled';\nimport type { ITableSegmentStarProps } from './table-segment-star-types';\n\nconst settings = {\n loop: false,\n render: 'canvas',\n};\n\nconst TableSegmentStar: React.FC<ITableSegmentStarProps> = memo(\n ({ isStarAchieved, rewardStar, delay = 0 }) => {\n const [animateStar, setAnimateStar] = useState(false);\n const [starRewarded, setStarRewarded] = useState(isStarAchieved && !rewardStar);\n\n const onAnimationFinish = useMemo(() => {\n return {\n name: 'complete' as AnimationEventName,\n callback: () => {\n setStarRewarded(true);\n setAnimateStar(false);\n },\n };\n }, []);\n\n useEffect(() => {\n let timer: ReturnType<typeof setTimeout>;\n\n if (isStarAchieved && rewardStar) {\n timer = setTimeout(() => {\n setAnimateStar(true);\n }, 1000 + delay);\n }\n\n return () => {\n timer && clearTimeout(timer);\n };\n }, [delay, isStarAchieved, rewardStar]);\n\n return (\n <Styled.StarContainer>\n {animateStar && (\n <Styled.LottieContainer>\n <LottieAnimation\n src={LOTTIE.TABLE_SEGMENT_STAR}\n settings={settings}\n eventListener={onAnimationFinish}\n />\n </Styled.LottieContainer>\n )}\n {!animateStar && <Styled.TableStar $isStarAchieved={starRewarded} />}\n </Styled.StarContainer>\n );\n },\n);\n\nexport default TableSegmentStar;\n"],"names":["settings","TableSegmentStar","memo","isStarAchieved","rewardStar","delay","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","Styled.TableStar"],"mappings":";;;;;AAQA,MAAMA,IAAW;AAAA,EACf,MAAM;AAAA,EACN,QAAQ;AACV,GAEMC,IAAqDC;AAAA,EACzD,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,GAAY,OAAAC,IAAQ,QAAQ;AAC7C,UAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAASL,KAAkB,CAACC,CAAU,GAExEO,IAAoBC,EAAQ,OACzB;AAAA,MACL,MAAM;AAAA,MACN,UAAU,MAAM;AACd,QAAAF,EAAgB,EAAI,GACpBH,EAAe,EAAK;AAAA,MACtB;AAAA,IAAA,IAED,CAAE,CAAA;AAEL,WAAAM,EAAU,MAAM;AACV,UAAAC;AAEJ,aAAIX,KAAkBC,MACpBU,IAAQ,WAAW,MAAM;AACvB,QAAAP,EAAe,EAAI;AAAA,MAAA,GAClB,MAAOF,CAAK,IAGV,MAAM;AACX,QAAAS,KAAS,aAAaA,CAAK;AAAA,MAAA;AAAA,IAE5B,GAAA,CAACT,GAAOF,GAAgBC,CAAU,CAAC,GAGpC,gBAAAW,EAACC,GAAA,EACE,UAAA;AAAA,MACCV,KAAA,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAApB;AAAA,UACA,eAAeW;AAAA,QAAA;AAAA,MAAA,GAEnB;AAAA,MAED,CAACL,KAAe,gBAAAW,EAACI,GAAA,EAAiB,iBAAiBZ,EAAc,CAAA;AAAA,IACpE,EAAA,CAAA;AAAA,EAEJ;AACF;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tables-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport {\n ABSOLUTE_VIEW_Z_INDEX,\n INFINITE_MODE_Z_INDEX,\n TABLE_CARD_SHADOW_Z_INDEX,\n TABLE_MODE_CONTAINER_Z_INDEX,\n TABLE_MODE_OVERLAY_Z_INDEX,\n TABLE_REVEAL_ANIMATION,\n} from './constants';\n\nconst circumference = 2 * Math.PI * (GAME_LAUNCHER_SIZE / 2);\nconst FPS = 30;\n\nconst entryAnimationDelayTime = TABLE_REVEAL_ANIMATION.REVEAL_CONTENT[0] / FPS;\n\nconst entryAnimationTime =\n (TABLE_REVEAL_ANIMATION.REVEAL_CONTENT[1] - TABLE_REVEAL_ANIMATION.REVEAL_CONTENT[0]) / FPS;\nconst exitAnimationTime =\n (TABLE_REVEAL_ANIMATION.DISAPPEAR_CONTENT[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR_CONTENT[0]) / FPS;\n\nexport const CardWrapper = styled.div`\n position: relative;\n height: inherit;\n width: inherit;\n`;\n\nexport const TableSegmentsWrapper = styled(CardWrapper)`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const TableSegmentCardShadowContainer = styled.div`\n position: absolute;\n height: inherit;\n width: inherit;\n top: 0;\n left: 0;\n background: radial-gradient(\n 50% 50% at 50% 50%,\n rgba(13, 13, 13, 0.5) 0%,\n rgba(13, 13, 13, 0) 100%\n );\n z-index: ${TABLE_CARD_SHADOW_Z_INDEX};\n pointer-events: none;\n`;\n\nexport const TableSegment = styled.div<{ $angle: number; $totalSegments: number; $zIndex: number }>`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n flex: 1;\n transform: rotate(${({ $angle }) => $angle}deg);\n transform-origin: 0 50%;\n width: 50%;\n height: ${({ $totalSegments }) => circumference / $totalSegments}px;\n position: absolute;\n left: ${GAME_LAUNCHER_SIZE / 2}px;\n top: ${({ $totalSegments }) => (GAME_LAUNCHER_SIZE - circumference / $totalSegments) / 2}px;\n padding-right: ${GAME_LAUNCHER_SIZE * 0.0475}px;\n z-index: ${({ $zIndex }) => $zIndex || 1};\n background-color: ${({ theme }) => theme.colors.BLACK_1};\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n &:nth-child(2n) {\n background-color: ${({ theme }) => theme.colors.BLACK_3};\n }\n &::after {\n content: '';\n width: 100%;\n height: 2px;\n position: absolute;\n background: ${({ theme }) => theme.colors.BLACK_5};\n transform-style: preserve-3d;\n backface-visibility: hidden;\n transform-origin: left;\n transform: rotate(${({ $totalSegments }) => 360 / (2 * $totalSegments)}deg);\n left: 0;\n z-index: 1;\n }\n &:hover {\n background-color: ${({ theme }) => theme.colors.WHITE_T_60};\n color: ${({ theme }) => theme.colors.BLACK_1};\n cursor: pointer;\n &::after {\n background: ${({ theme }) => theme.colors.WHITE_5};\n }\n }\n`;\n\nexport const TableNumber = styled(FlexView)<{ $angle: number }>`\n transform: rotate(${({ $angle }) => $angle}deg);\n width: 16px;\n height: 16px;\n align-items: center;\n`;\n\nexport const TableModeContainer = styled.div`\n position: absolute;\n z-index: ${TABLE_MODE_CONTAINER_Z_INDEX};\n height: inherit;\n width: inherit;\n top: 0;\n left: 0;\n`;\n\nexport const TableModeWrapper = styled(CardWrapper)``;\n\nexport const IconWrapper = styled.div`\n cursor: pointer;\n & svg {\n color: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const ModeOverlay = styled.div<{ $top?: string; $left?: string; $hoverColor: string }>`\n position: absolute;\n height: inherit;\n width: inherit;\n height: ${(81.08 * GAME_LAUNCHER_SIZE) / 100}px;\n width: ${(81.08 * GAME_LAUNCHER_SIZE) / 100}px;\n border-radius: 100%;\n transform: ${({ $top = '50%', $left = '50%' }) => `translate(${$left}, ${$top})`};\n z-index: ${TABLE_MODE_OVERLAY_Z_INDEX};\n cursor: pointer;\n &:hover {\n background-color: ${({ $hoverColor }) => $hoverColor};\n }\n`;\n\nexport const AbsoluteView = styled.div<{\n $top?: number;\n $left?: number;\n $alignCenter?: boolean;\n $valueInPx?: boolean;\n $isPointerEventsNone?: boolean;\n}>`\n position: absolute;\n pointer-events: ${({ $isPointerEventsNone = false }) => ($isPointerEventsNone ? 'none' : 'auto')};\n top: ${({ $top = 0, $valueInPx }) => ($valueInPx ? `${$top}px` : `${$top}%`)};\n left: ${({ $left = 0, $valueInPx }) => ($valueInPx ? `${$left}px` : `${$left}%`)};\n z-index: ${ABSOLUTE_VIEW_Z_INDEX};\n transform: ${({ $alignCenter }) => ($alignCenter ? 'translate(-50%, -50%)' : 'none')};\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const ExtendedAbsoluteView = styled(AbsoluteView)`\n width: 100%;\n height: 100%;\n`;\n\nconst fadeIn = () => keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n `;\n\nconst fadeOut = () => keyframes`\nfrom {\n opacity: 1;\n}\nto {\n opacity: 0;\n}\n`;\n\nexport const AnimatedView = styled.div<{ $animation: 'fade-in' | 'fade-out' }>`\n position: absolute;\n height: inherit;\n width: inherit;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 1;\n animation: ${({ $animation }) => ($animation === 'fade-in' ? fadeIn : fadeOut)}\n ${({ $animation }) => ($animation === 'fade-in' ? entryAnimationTime : exitAnimationTime)}s\n ${({ $animation }) => ($animation === 'fade-in' ? entryAnimationDelayTime : 0)}s ease-in-out\n forwards;\n`;\n\nexport const InfiniteButtonWrapper = styled.div`\n position: relative;\n height: ${(GAME_LAUNCHER_SIZE * 24.5) / 100}px;\n width: ${(GAME_LAUNCHER_SIZE * 24.5) / 100}px;\n z-index: ${INFINITE_MODE_Z_INDEX};\n cursor: pointer;\n`;\n\nexport const StyledSpecialEventsText = styled(FlexView)`\n width: 100%;\n height: 100%;\n margin-top: 16px;\n gap: 8px;\n justify-content: center;\n align-items: center;\n`;\ninterface AllStarAbsoluteViewProps {\n $level: number;\n}\n\nexport const AllStarAbsoluteView = styled.div<AllStarAbsoluteViewProps>`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: ${INFINITE_MODE_Z_INDEX + 1};\n pointer-events: none;\n ${({ $level }) => {\n const level1Size = GAME_LAUNCHER_SIZE === 400 ? 60 : 56;\n\n let size = `${level1Size}%`;\n\n switch ($level) {\n case 1:\n size = `${level1Size}%`;\n break;\n case 2:\n size = `${level1Size + 13}%`;\n break;\n case 3:\n size = `${level1Size + 26}%`;\n break;\n }\n\n return `\n width: ${size};\n height: ${size};\n `;\n }}\n`;\n"],"names":["circumference","GAME_LAUNCHER_SIZE","FPS","entryAnimationDelayTime","TABLE_REVEAL_ANIMATION","entryAnimationTime","exitAnimationTime","CardWrapper","styled","TableSegmentsWrapper","TableSegmentCardShadowContainer","TABLE_CARD_SHADOW_Z_INDEX","TableSegment","$angle","$totalSegments","$zIndex","theme","TableNumber","FlexView","TableModeContainer","TABLE_MODE_CONTAINER_Z_INDEX","TableModeWrapper","IconWrapper","ModeOverlay","$top","$left","TABLE_MODE_OVERLAY_Z_INDEX","$hoverColor","AbsoluteView","$isPointerEventsNone","$valueInPx","ABSOLUTE_VIEW_Z_INDEX","$alignCenter","ExtendedAbsoluteView","fadeIn","keyframes","fadeOut","AnimatedView","$animation","InfiniteButtonWrapper","INFINITE_MODE_Z_INDEX","AllStarAbsoluteView","$level","level1Size","size"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tables-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card.tsx"],"sourcesContent":["import React, {\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { TColorNames } from '../../../../ui/types';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport type {\n ITableInfo,\n TTableMode,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport { CardContainer } from '../card-container/card-container';\nimport { GAME_LAUNCHER_SIZE, GAME_LAUNCHER_SIZE_LARGE } from '../card-container/constants';\nimport {\n INFINITE_MODE_TEXT,\n NORMAL_TABLE_MODES,\n TABLE_MODE_LABEL_COLOR,\n TABLE_REVEAL_ANIMATION,\n} from './constants';\nimport InfiniteButtonCard from './infinite-button/infinite-mode-launcher-button';\nimport { SplEventsText } from './spl-events-text/spl-events-text';\nimport TableMode from './table-mode/table-mode';\nimport TableSegmentStar from './table-segment-star/table-segment-star';\nimport * as Styled from './tables-card-styled';\nimport type { ITableCardRef, ITablesCardProps } from './tables-card-types';\n\nconst modeRevealAnimationSettings = {\n loop: false,\n renderer: 'svg',\n};\n\nconst TablesCardComponent = forwardRef<ITableCardRef, ITablesCardProps>(\n (\n {\n data,\n label,\n onPress,\n openModesOfTable,\n defaultTable,\n onGoBackFromTableLevel,\n onPressTableSegment,\n },\n ref,\n ) => {\n const { onEvent: trackEvent } = useUIContext();\n const { playButtonSound } = useCircleSounds();\n const [fadeIn, setFadeIn] = useState(true);\n const [highlightedTable, setHighlightedTable] = useState<number | null>(\n openModesOfTable?.tableNumber ?? null,\n );\n const [highlightedLevel, setHighlightedLevel] = useState<number | null>(null);\n const [highlightedInfiniteModeText, setHighlightedInfiniteModeText] = useState<boolean>(false);\n const [labelColor, setLabelColor] = useState<TColorNames>('WHITE_T_60');\n const [revealTableModes, setRevealTableModes] = useState<ITableInfo>({\n stars:\n data.tableList.find(table => table.tableNumber === openModesOfTable?.tableNumber)?.stars ??\n [],\n tableNumber: openModesOfTable?.tableNumber ?? 0,\n });\n const infiniteButtonRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const [showLabel, setShowLabel] = useState(true);\n const [isLabelAnimated, setIsLabelAnimated] = useState(false);\n const [animatedColor, setAniimatedColor] = useState<TColorNames>('WHITE_T_60');\n\n const labelRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const cardRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n const [rewardStar, setRewardStar] = useState(openModesOfTable?.rewardStar ?? []);\n const [showSplEventsText, setShowSplEventsText] = useState(false);\n const revealAnimationRef = useRef<ILottieAnimationRef | null>(null);\n const disappearAnimationTimer = useRef<ReturnType<typeof setTimeout>>(\n undefined,\n ) as React.RefObject<ReturnType<typeof setTimeout> | undefined>;\n\n const handleTableSegmentClick = useCallback(\n (table: ITableInfo) => {\n if (onPressTableSegment) {\n onPressTableSegment(table);\n\n return;\n }\n playButtonSound();\n setFadeIn(true);\n setHighlightedTable(table.tableNumber);\n setRevealTableModes({ ...table });\n setRewardStar([]);\n trackEvent(GAME_LAUNCHER_ANALYTICS_EVENTS.TABLE_SELECTED, {\n meta: {\n table_of: table.tableNumber,\n },\n });\n },\n [onPressTableSegment, playButtonSound, trackEvent],\n );\n\n const handleTableSegmentMouseOver = useCallback(\n (table: ITableInfo) => {\n setLabelColor(isLabelAnimated ? animatedColor : 'WHITE_T_60');\n setHighlightedTable(table.tableNumber);\n },\n [animatedColor, isLabelAnimated],\n );\n\n const handleInfiniteModeSegmentMouseOver = useCallback(() => {\n setHighlightedInfiniteModeText(true);\n }, []);\n\n const handleTableSegmentMouseLeave = useCallback(() => {\n setLabelColor('WHITE_T_60');\n !revealTableModes.tableNumber && setHighlightedTable(null);\n setHighlightedInfiniteModeText(false);\n }, [revealTableModes.tableNumber]);\n\n const goBack = useCallback(() => {\n onGoBackFromTableLevel?.();\n playButtonSound();\n setFadeIn(false);\n setHighlightedTable(null);\n const time = (TABLE_REVEAL_ANIMATION.DISAPPEAR[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR[0]) / 30;\n\n revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.DISAPPEAR, true);\n disappearAnimationTimer.current = setTimeout(() => {\n setRevealTableModes({ stars: [], tableNumber: 0 });\n }, time * 1000);\n }, [onGoBackFromTableLevel, playButtonSound]);\n\n const showTableModes = useCallback(() => {\n revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.REVEAL, true);\n }, []);\n\n const handleModeMouseOver = useCallback((type: TTableMode) => {\n const level: Partial<Record<TTableMode, number>> = {\n sequence: 1,\n random: 2,\n advance: 3,\n };\n\n setLabelColor(TABLE_MODE_LABEL_COLOR[type] ?? 'WHITE_T_60');\n setHighlightedLevel(level[type] ?? 0);\n }, []);\n\n const handleModeMouseLeave = useCallback(() => {\n setHighlightedLevel(null);\n setLabelColor('WHITE_T_60');\n }, []);\n\n const revealTableModesMemo = useMemo(() => revealTableModes, [revealTableModes]);\n\n const tableModes = useMemo(() => {\n return [\n {\n top: 20,\n left: 10.5,\n type: 'sequence' as TTableMode,\n tableNumber: revealTableModesMemo.tableNumber,\n isStarAchieved: revealTableModesMemo.stars.includes('sequence'),\n semicirclePosiiionTop: '-19%',\n semicirclePosiiionLeft: '-43%',\n semicircleHoverColor: '#B259004D',\n },\n {\n top: 20,\n left: 65.5,\n type: 'random' as TTableMode,\n tableNumber: revealTableModesMemo.tableNumber,\n isStarAchieved: revealTableModesMemo.stars.includes('random'),\n semicirclePosiiionTop: '-19%',\n semicirclePosiiionLeft: '65%',\n semicircleHoverColor: '#0055CC4D',\n },\n {\n top: 66,\n left: 38,\n type: 'advance' as TTableMode,\n tableNumber: revealTableModesMemo.tableNumber,\n isStarAchieved: revealTableModesMemo.stars.includes('advance'),\n semicirclePosiiionTop: '74%',\n semicirclePosiiionLeft: '11%',\n semicircleHoverColor: '#A9099C4D',\n },\n ];\n }, [revealTableModesMemo.tableNumber, revealTableModesMemo.stars]);\n\n // Calculate completed normal modes and special events status\n const { completedModes, isSpecialEventsActive } = useMemo<{\n completedModes: TTableMode[];\n isSpecialEventsActive: boolean;\n }>(() => {\n const calculatedcompletedModes = NORMAL_TABLE_MODES.filter(star =>\n data.tableList.every(table => table.stars.includes(star)),\n );\n\n const isAllRewardStarsInCompletedModes =\n rewardStar.length > 0 &&\n calculatedcompletedModes.length > 0 &&\n rewardStar.every(star =>\n calculatedcompletedModes.includes(star as Exclude<TTableMode, 'infinite'>),\n );\n\n return {\n completedModes: calculatedcompletedModes,\n isSpecialEventsActive: isAllRewardStarsInCompletedModes,\n };\n }, [data.tableList, rewardStar]);\n\n const handleInfiniteModeClick = useCallback(() => {\n onPress({\n mode: 'infinite',\n infiniteModeHighScore: data.infiniteModeHighScore,\n });\n }, [onPress, data.infiniteModeHighScore]);\n\n const handleNormalModeClick = useCallback(\n (mode: TTableMode, isStarRewarded: boolean) => {\n onPress({\n mode,\n tableNumber: revealTableModes.tableNumber,\n isStarRewarded,\n });\n },\n [onPress, revealTableModes.tableNumber],\n );\n\n const getHighlightedText = useCallback(() => {\n if (highlightedLevel) {\n return `${highlightedTable}× LEVEL${highlightedLevel}`;\n }\n\n if (highlightedInfiniteModeText) {\n return INFINITE_MODE_TEXT;\n }\n\n return highlightedTable ? `${highlightedTable}× Table` : label;\n }, [highlightedLevel, highlightedTable, highlightedInfiniteModeText, label]);\n\n const startLabelAnimation = useCallback((color: TColorNames) => {\n setLabelColor(color);\n setAniimatedColor(color);\n setIsLabelAnimated(true);\n }, []);\n\n const stopLabelAnimation = useCallback(() => setIsLabelAnimated(false), []);\n const setLabelVisiblity = useCallback((visible: boolean) => setShowLabel(visible), []);\n\n useImperativeHandle(ref, () => ({\n labelRef: labelRef,\n segmentedCardWrapperRef: cardRef,\n infiniteButtonRef: infiniteButtonRef,\n startLabelAnimation,\n stopLabelAnimation,\n setLabelVisiblity,\n handleTableSegmentClick,\n goBackFromTableLevel: goBack,\n }));\n\n useEffect(() => {\n return () => {\n disappearAnimationTimer.current && clearTimeout(disappearAnimationTimer.current);\n };\n }, []);\n\n // Used in trial journey, to open table levels by default if given in props\n useEffect(() => {\n if (defaultTable) {\n playButtonSound();\n setFadeIn(true);\n setHighlightedTable(defaultTable.tableNumber);\n setRevealTableModes({ ...defaultTable });\n }\n }, [defaultTable, playButtonSound]);\n\n useEffect(() => {\n if (revealTableModes.tableNumber === 0 && isSpecialEventsActive && !showSplEventsText) {\n setShowSplEventsText(true);\n }\n\n if (revealTableModes.tableNumber > 0) {\n setShowSplEventsText(false);\n }\n }, [revealTableModes.tableNumber, isSpecialEventsActive, showSplEventsText]);\n\n return (\n <>\n <CardContainer\n labelRef={labelRef}\n ref={cardRef}\n strokeColor=\"WHITE\"\n label={getHighlightedText()}\n labelColor={labelColor}\n isAnimated={isLabelAnimated}\n showLabel={showLabel}\n >\n <Styled.CardWrapper>\n {/* table selection */}\n <Styled.TableSegmentsWrapper>\n {/* infinite button */}\n <InfiniteButtonCard\n onClick={handleInfiniteModeClick}\n buttonRef={infiniteButtonRef}\n onMouseLeave={handleTableSegmentMouseLeave}\n onMouseOver={handleInfiniteModeSegmentMouseOver}\n />\n {/* card shadow */}\n <Styled.TableSegmentCardShadowContainer />\n {/* table segments */}\n {data.tableList.map((table, index) => {\n const segmentAngle = 360 / data.tableList.length;\n const startAngle = -(90 + 360 / (2 * data.tableList.length));\n const currentAngle = startAngle + segmentAngle * (index + 1);\n\n return (\n <Styled.TableSegment\n key={table.tableNumber ?? index}\n $angle={currentAngle}\n $totalSegments={data.tableList.length}\n $zIndex={index + 1}\n onClick={() => handleTableSegmentClick(table)}\n onMouseOver={() => handleTableSegmentMouseOver(table)}\n onMouseLeave={handleTableSegmentMouseLeave}\n >\n <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n {NORMAL_TABLE_MODES.map(star => (\n <TableSegmentStar\n key={star}\n isStarAchieved={table.stars.includes(star as TTableMode)}\n rewardStar={\n !fadeIn &&\n !isSpecialEventsActive &&\n openModesOfTable?.tableNumber === table.tableNumber\n ? rewardStar.includes(star as TTableMode)\n : undefined\n }\n />\n ))}\n\n <Separator width={GAME_LAUNCHER_SIZE * 0.055} />\n\n <Styled.TableNumber $angle={-currentAngle}>\n <Text\n $renderAs={\n GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE\n ? 'ac3-black'\n : 'ac4-black'\n }\n $color={highlightedTable === table.tableNumber ? 'BLACK_1' : 'WHITE'}\n >\n {table.tableNumber}\n </Text>\n </Styled.TableNumber>\n </FlexView>\n </Styled.TableSegment>\n );\n })}\n (\n {revealTableModes.tableNumber === 0 && isSpecialEventsActive && (\n <>\n {NORMAL_TABLE_MODES.map((starType, index) => {\n if (!completedModes.includes(starType)) return null;\n\n return (\n <Styled.AllStarAbsoluteView key={starType} $level={index + 1}>\n <LottieAnimation\n src={LOTTIE.LEVEL_1_ALLSTAR}\n settings={modeRevealAnimationSettings}\n animateOnIntersect\n />\n </Styled.AllStarAbsoluteView>\n );\n })}\n </>\n )}\n )\n </Styled.TableSegmentsWrapper>\n {/* table modes */}\n {revealTableModes.tableNumber > 0 && (\n <Styled.TableModeContainer>\n <Styled.TableModeWrapper>\n {/* tables modes with back button */}\n <Styled.AnimatedView $animation={fadeIn ? 'fade-in' : 'fade-out'}>\n {tableModes.map((tableMode, index) => (\n <React.Fragment key={tableMode.type ?? index}>\n <Styled.ModeOverlay\n $top={tableMode.semicirclePosiiionTop}\n $left={tableMode.semicirclePosiiionLeft}\n $hoverColor={tableMode.semicircleHoverColor}\n onClick={() =>\n fadeIn\n ? handleNormalModeClick(tableMode.type, tableMode.isStarAchieved)\n : undefined\n }\n onMouseOver={() =>\n fadeIn ? handleModeMouseOver(tableMode.type as TTableMode) : undefined\n }\n onMouseLeave={fadeIn ? handleModeMouseLeave : undefined}\n />\n <Styled.AbsoluteView\n $top={tableMode.top}\n $left={tableMode.left}\n $isPointerEventsNone={true}\n >\n <TableMode\n tableNumber={tableMode.tableNumber}\n isStarAchieved={\n tableMode.isStarAchieved || rewardStar.includes(tableMode.type)\n }\n type={tableMode.type as TTableMode}\n rewardStar={rewardStar.includes(tableMode.type as TTableMode)}\n />\n </Styled.AbsoluteView>\n </React.Fragment>\n ))}\n {/* back button */}\n <Styled.AbsoluteView $top={50} $left={50} $alignCenter={true}>\n <Styled.IconWrapper>\n <Back2Icon\n onClick={goBack}\n height={GAME_LAUNCHER_SIZE * 0.1}\n width={GAME_LAUNCHER_SIZE * 0.1}\n />\n </Styled.IconWrapper>\n </Styled.AbsoluteView>\n </Styled.AnimatedView>\n\n {/* overlay lottie for modes */}\n <LottieAnimation\n src={LOTTIE.TABLE_MODE_REVEAL}\n ref={revealAnimationRef}\n settings={modeRevealAnimationSettings}\n onRender={showTableModes}\n animateOnIntersect\n />\n </Styled.TableModeWrapper>\n </Styled.TableModeContainer>\n )}\n </Styled.CardWrapper>\n </CardContainer>\n {showSplEventsText && <SplEventsText completedModes={completedModes} />}\n </>\n );\n },\n);\n\nexport const TablesCard = memo(TablesCardComponent);\n"],"names":["modeRevealAnimationSettings","TablesCardComponent","forwardRef","data","label","onPress","openModesOfTable","defaultTable","onGoBackFromTableLevel","onPressTableSegment","ref","trackEvent","useUIContext","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","highlightedInfiniteModeText","setHighlightedInfiniteModeText","labelColor","setLabelColor","revealTableModes","setRevealTableModes","_a","table","infiniteButtonRef","useRef","showLabel","setShowLabel","isLabelAnimated","setIsLabelAnimated","animatedColor","setAniimatedColor","labelRef","cardRef","rewardStar","setRewardStar","showSplEventsText","setShowSplEventsText","revealAnimationRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","GAME_LAUNCHER_ANALYTICS_EVENTS","handleTableSegmentMouseOver","handleInfiniteModeSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","completedModes","isSpecialEventsActive","calculatedcompletedModes","NORMAL_TABLE_MODES","star","isAllRewardStarsInCompletedModes","handleInfiniteModeClick","handleNormalModeClick","mode","isStarRewarded","getHighlightedText","INFINITE_MODE_TEXT","startLabelAnimation","color","stopLabelAnimation","setLabelVisiblity","visible","useImperativeHandle","useEffect","jsxs","Fragment","jsx","CardContainer","Styled.CardWrapper","Styled.TableSegmentsWrapper","InfiniteButtonCard","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","TableSegmentStar","Separator","GAME_LAUNCHER_SIZE","Styled.TableNumber","Text","GAME_LAUNCHER_SIZE_LARGE","starType","Styled.AllStarAbsoluteView","LottieAnimation","LOTTIE","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","React","Styled.ModeOverlay","Styled.AbsoluteView","TableMode","Styled.IconWrapper","Back2Icon","SplEventsText","TablesCard","memo"],"mappings":"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"}
@@ -1,73 +0,0 @@
1
- import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
2
- const a = (t) => {
3
- let s = null;
4
- return t && (s = {
5
- points: t.points,
6
- streakDays: t.streak_days,
7
- streakReduction: t.streak_reduction,
8
- streakDaysBeforeReduction: t.streak_days_before_reduction,
9
- streakStatus: t.streak_status,
10
- tournamentRank: t.tournament_rank,
11
- projects: {},
12
- timestamps: {
13
- startTimestamp: t.timestamps.start_timestamp,
14
- endTimestamp: t.timestamps.end_timestamp,
15
- current: t.timestamps.current
16
- }
17
- }, t.projects.games && (s.projects.games = {
18
- label: t.projects.games.label,
19
- type: i.GAME,
20
- initialProgressValue: 0,
21
- data: t.projects.games.data.map((e) => ({
22
- id: e.id,
23
- name: e.name,
24
- cardLottie: e.card,
25
- tutorial: e.tutorial,
26
- variant: e.variant,
27
- isPlayed: e.played
28
- }))
29
- }), t.projects.puzzles && (s.projects.puzzles = {
30
- label: t.projects.puzzles.label,
31
- type: i.PUZZLE,
32
- initialProgressValue: 0,
33
- data: t.projects.puzzles.data.map((e) => ({
34
- id: e.id,
35
- name: e.name,
36
- cardLottie: e.card,
37
- tutorial: e.tutorial,
38
- variant: e.variant,
39
- question: e.question,
40
- isHintSeen: e.is_hint_seen,
41
- solved: e.solved
42
- }))
43
- }), t.projects.lessons && (s.projects.lessons = {
44
- label: t.projects.lessons.label,
45
- type: i.LESSON,
46
- initialProgressValue: 0,
47
- data: t.projects.lessons.data.map((e) => ({
48
- id: e.id,
49
- name: e.name,
50
- cardLottie: e.card,
51
- tutorial: e.tutorial,
52
- variant: e.variant,
53
- sessionId: e.session_id,
54
- miniGameIdentifier: e.mini_game_identifier,
55
- targetQuestions: e.target_questions,
56
- status: e.status
57
- }))
58
- }), t.projects.tables && (s.projects.tables = {
59
- label: t.projects.tables.label,
60
- type: i.TABLE,
61
- data: {
62
- infiniteModeHighScore: t.projects.tables.data.infinite_mode_high_score,
63
- tableList: t.projects.tables.data.table_wise_details.map((e) => ({
64
- tableNumber: e.table_number,
65
- stars: e.stars
66
- }))
67
- }
68
- })), s;
69
- };
70
- export {
71
- a as transformCircleHomeData
72
- };
73
- //# sourceMappingURL=helper.js.map