@cuemath/leap 3.5.0 → 3.5.1-akm-6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/illustrations/illustrations.js +7 -0
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/lottie/lottie.js +3 -0
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/analytics-events/platform-events-student.js +1 -1
- package/dist/features/analytics-events/platform-events-student.js.map +1 -1
- package/dist/features/analytics-events/whitelist-events.js +1 -1
- package/dist/features/analytics-events/whitelist-events.js.map +1 -1
- package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text.js.map +1 -1
- package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
- package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +31 -16
- package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
- package/dist/features/auth/comps/tabs/tabs.js +22 -5
- package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
- package/dist/features/chapters/lpar-chapter/constants/block-icons.js.map +1 -1
- package/dist/features/chapters-v2/comps/tag/tag.js.map +1 -1
- package/dist/features/circle-games/about-game-activities/about-game-activities-constants.js +40 -0
- package/dist/features/circle-games/about-game-activities/about-game-activities-constants.js.map +1 -0
- package/dist/features/circle-games/about-game-activities/about-game-activities-styled.js +52 -0
- package/dist/features/circle-games/about-game-activities/about-game-activities-styled.js.map +1 -0
- package/dist/features/circle-games/about-game-activities/about-game-activities.js +69 -0
- package/dist/features/circle-games/about-game-activities/about-game-activities.js.map +1 -0
- package/dist/features/circle-games/comps/arc-container/arc-container-styled.js +77 -0
- package/dist/features/circle-games/comps/arc-container/arc-container-styled.js.map +1 -0
- package/dist/features/circle-games/comps/arc-container/arc-container.js +37 -0
- package/dist/features/circle-games/comps/arc-container/arc-container.js.map +1 -0
- package/dist/features/circle-games/comps/arc-container/constants.js +10 -0
- package/dist/features/circle-games/comps/arc-container/constants.js.map +1 -0
- package/dist/features/circle-games/comps/info-bar/info-bar.js.map +1 -1
- package/dist/features/circle-games/{game-launcher → game-launcher-v2}/api/get-content-for-today/constants.js +1 -1
- package/dist/features/circle-games/game-launcher-v2/api/get-content-for-today/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/api/get-content-for-today/get-circle-home-api.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/card-container/card-container-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/card-container/card-container.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/card-container/constants.js +11 -0
- package/dist/features/circle-games/game-launcher-v2/comps/card-container/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel-styled.js +121 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel.js +110 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel/constants.js +9 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.js +20 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js +17 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.js +20 -0
- package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card-styled.js +66 -0
- package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js +89 -0
- package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js +8 -0
- package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/constants.js +6 -0
- package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content-styled.js +57 -0
- package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js +9 -0
- package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/segmented-game-card/constants.js +7 -0
- package/dist/features/circle-games/game-launcher-v2/comps/segmented-game-card/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.js +14 -0
- package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card.js +24 -0
- package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/infinite-button/infinite-mode-launcher-button.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text-style.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text-types.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode/table-mode-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode/table-mode.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode-star/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode-star/table-mode-star-styled.js.map +1 -0
- package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode-star/table-mode-star.js +3 -3
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode-star/table-mode-star.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-segment-star/table-segment-star-styled.js.map +1 -0
- package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-segment-star/table-segment-star.js +7 -7
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-segment-star/table-segment-star.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/tables-card-styled.js.map +1 -0
- package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/tables-card.js +18 -18
- package/dist/features/circle-games/game-launcher-v2/comps/tables-card/tables-card.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/dal/use-get-circle-home-details-dal/helper.js +94 -0
- package/dist/features/circle-games/game-launcher-v2/dal/use-get-circle-home-details-dal/helper.js.map +1 -0
- 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
- package/dist/features/circle-games/game-launcher-v2/game-launcher-analytics-events.js +13 -0
- package/dist/features/circle-games/game-launcher-v2/game-launcher-analytics-events.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/game-launcher-v2.js +321 -0
- package/dist/features/circle-games/game-launcher-v2/game-launcher-v2.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/helpers.js +8 -0
- package/dist/features/circle-games/game-launcher-v2/helpers.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/constants.js +6 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/use-game-launcher-journey.js +160 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/constants.js +5 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +92 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/constants.js +10 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/use-table-launcher-journey.js +159 -0
- package/dist/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +1 -0
- package/dist/features/circle-games/games/tutorial/tutorial-styled.js +13 -10
- package/dist/features/circle-games/games/tutorial/tutorial-styled.js.map +1 -1
- package/dist/features/circle-games/games/tutorial/tutorial.js +53 -65
- package/dist/features/circle-games/games/tutorial/tutorial.js.map +1 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/constants.js +9 -7
- package/dist/features/circle-games/hooks/use-circle-sounds/constants.js.map +1 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js +2 -2
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js.map +1 -1
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js +50 -48
- package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js.map +1 -1
- package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.js.map +1 -1
- package/dist/features/circle-games/leaderboard/comps/navigation-button/navigation-button.js.map +1 -1
- package/dist/features/circle-games/sign-up/api/use-validate-username-api/use-username-availability-get.js +4 -4
- package/dist/features/circle-games/sign-up/api/use-validate-username-api/use-username-availability-get.js.map +1 -1
- package/dist/features/circle-games/sign-up/comp/input-wrapper/input-wrapper.js +8 -8
- package/dist/features/circle-games/sign-up/comp/input-wrapper/input-wrapper.js.map +1 -1
- package/dist/features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js +4 -4
- package/dist/features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js.map +1 -1
- package/dist/features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js +4 -4
- package/dist/features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +4 -4
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-menu.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-request.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filters.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js.map +1 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/color-palette.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/grid-menu.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/toolbar.js.map +1 -1
- package/dist/features/homework/homework-card.js.map +1 -1
- package/dist/features/homework/hw-card-list/hw-card-list.js.map +1 -1
- package/dist/features/homework/node-progress.js.map +1 -1
- package/dist/features/journey/hooks/use-get-tracked-views.js +13 -0
- package/dist/features/journey/hooks/use-get-tracked-views.js.map +1 -0
- package/dist/features/journey/journey-id/journey-id-student.js +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
- package/dist/features/journey/tracking-id/tracking-id-student.js +5 -0
- package/dist/features/journey/tracking-id/tracking-id-student.js.map +1 -0
- package/dist/features/journey/tracking-id/tracking-ids.js +8 -0
- package/dist/features/journey/tracking-id/tracking-ids.js.map +1 -0
- package/dist/features/journey/use-journey/journey-context-provider.js +42 -42
- package/dist/features/journey/use-journey/journey-context-provider.js.map +1 -1
- package/dist/features/milestone/create/comps/info-points/info-points.js +12 -12
- package/dist/features/milestone/create/comps/info-points/info-points.js.map +1 -1
- package/dist/features/milestone/create/submit-modal/submit-modal.js.map +1 -1
- package/dist/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.js.map +1 -1
- package/dist/features/milestone/outcome/comps/outcome-collection/input-descriptor.js +1 -5
- package/dist/features/milestone/outcome/comps/outcome-collection/input-descriptor.js.map +1 -1
- package/dist/features/notification/notification.js.map +1 -1
- package/dist/features/parent-dashboard/comps/next-steps/next-steps.js.map +1 -1
- package/dist/features/pointer-sync/hooks/use-pointer-sync.js +6 -6
- package/dist/features/pointer-sync/hooks/use-pointer-sync.js.map +1 -1
- package/dist/features/post-game-stats/accuracy/accuracy-styled.js +2 -2
- package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map +1 -1
- package/dist/features/post-game-stats/clock/clock-styled.js +2 -2
- package/dist/features/post-game-stats/clock/clock-styled.js.map +1 -1
- package/dist/features/post-game-stats/digital-meter/constants.js +1 -1
- package/dist/features/post-game-stats/digital-meter/constants.js.map +1 -1
- package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js +1 -1
- package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map +1 -1
- package/dist/features/post-game-stats/digital-meter/digital-meter.js +27 -27
- package/dist/features/post-game-stats/digital-meter/digital-meter.js.map +1 -1
- package/dist/features/post-game-stats/points/points.js +5 -4
- package/dist/features/post-game-stats/points/points.js.map +1 -1
- package/dist/features/post-game-stats/post-game-stats-styled.js +9 -8
- package/dist/features/post-game-stats/post-game-stats-styled.js.map +1 -1
- package/dist/features/post-game-stats/post-game-stats.js +107 -105
- package/dist/features/post-game-stats/post-game-stats.js.map +1 -1
- package/dist/features/post-game-stats/score/score-styled.js +2 -2
- package/dist/features/post-game-stats/score/score-styled.js.map +1 -1
- package/dist/features/post-game-stats/streak/constants.js +1 -1
- package/dist/features/post-game-stats/streak/constants.js.map +1 -1
- package/dist/features/post-game-stats/streak/streak-styled.js +2 -2
- package/dist/features/post-game-stats/streak/streak-styled.js.map +1 -1
- package/dist/features/talk-meter/hooks/use-talk-meter.js +4 -4
- package/dist/features/talk-meter/hooks/use-talk-meter.js.map +1 -1
- package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js +5 -5
- package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js.map +1 -1
- package/dist/features/ui/arc-button/arc-button-styled.js +23 -21
- package/dist/features/ui/arc-button/arc-button-styled.js.map +1 -1
- package/dist/features/ui/arc-button/arc-button.js +18 -17
- package/dist/features/ui/arc-button/arc-button.js.map +1 -1
- package/dist/features/ui/nudge/nudge.js +14 -13
- package/dist/features/ui/nudge/nudge.js.map +1 -1
- package/dist/features/worksheet/user-pointer-pin/hooks/use-user-location.js +5 -5
- package/dist/features/worksheet/user-pointer-pin/hooks/use-user-location.js.map +1 -1
- package/dist/index.d.ts +103 -44
- package/dist/index.js +368 -366
- package/dist/index.js.map +1 -1
- package/dist/static/accuracy-badge.2e161f00.svg +1 -0
- package/dist/static/clock-badge.0adb4ba6.svg +1 -0
- package/dist/static/daily-work-out-complete.eaffdd2b.json +1 -0
- package/dist/static/down-arrow-badge.f462f615.svg +1 -0
- package/dist/static/green-tick.43b94c3a.svg +1 -0
- package/dist/static/nudge-swipe.3b97c01a.json +1 -0
- package/dist/static/pill-tick.c06f606d.json +1 -0
- package/dist/static/points-badge.96bdecc9.svg +1 -0
- package/dist/static/star-badge.5450c267.svg +1 -0
- package/dist/static/up-arrow-badge.71fe7ad1.svg +1 -0
- package/package.json +2 -2
- package/dist/assets/line-icons/icons/carat-left.js +0 -26
- package/dist/assets/line-icons/icons/carat-left.js.map +0 -1
- package/dist/assets/line-icons/icons/carat-right.js +0 -26
- package/dist/assets/line-icons/icons/carat-right.js.map +0 -1
- package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/card-container/constants.js +0 -7
- package/dist/features/circle-games/game-launcher/comps/card-container/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js +0 -39
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +0 -85
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js +0 -12
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js +0 -138
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js +0 -105
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-mode-launcher-button.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text-style.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text-types.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/spl-events-text.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +0 -1
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js +0 -73
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js.map +0 -1
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map +0 -1
- package/dist/features/circle-games/game-launcher/game-launcher-analytics-events.js +0 -12
- package/dist/features/circle-games/game-launcher/game-launcher-analytics-events.js.map +0 -1
- package/dist/features/circle-games/game-launcher/game-launcher.js +0 -219
- package/dist/features/circle-games/game-launcher/game-launcher.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js +0 -8
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +0 -286
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js +0 -10
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js +0 -13
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +0 -137
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js +0 -14
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js +0 -13
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +0 -230
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +0 -1
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/api/get-content-for-today/get-circle-home-api.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/card-container/card-container-styled.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/card-container/card-container.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/constants.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/infinite-button/infinite-mode-launcher-button.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/constants.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/spl-events-text-style.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/spl-events-text-types.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/spl-events-text/spl-events-text.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode/table-mode-styled.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode/table-mode.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode-star/constants.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-mode-star/table-mode-star-styled.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/table-segment-star/table-segment-star-styled.js +0 -0
- /package/dist/features/circle-games/{game-launcher → game-launcher-v2}/comps/tables-card/tables-card-styled.js +0 -0
- /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
package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-badge.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.tsx"],"sourcesContent":["import { BadgeContainer } from './carousel-badge-style';\nimport type { IBadgeData } from './carousel-badge-type';\nimport { SingleBadge } from './carousel-single-badge';\n\ninterface BadgesGroupProps {\n badges: IBadgeData[];\n style?: React.CSSProperties;\n}\n\nexport const BadgesGroup: React.FC<BadgesGroupProps> = ({ badges, style }) => {\n return (\n <BadgeContainer style={style}>\n {badges.map((badge, index) => (\n <SingleBadge\n key={index}\n illustration={badge.illustration}\n value={badge.value}\n color={badge.color}\n label={badge.label}\n />\n ))}\n </BadgeContainer>\n );\n};\n"],"names":["BadgesGroup","badges","style","BadgeContainer","badge","index","jsx","SingleBadge"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC,EAAE,QAAAC,GAAQ,OAAAC,0BAE7DC,GAAe,EAAA,OAAAD,GACb,YAAO,IAAI,CAACE,GAAOC,MAClB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,cAAcH,EAAM;AAAA,IACpB,OAAOA,EAAM;AAAA,IACb,OAAOA,EAAM;AAAA,IACb,OAAOA,EAAM;AAAA,EAAA;AAAA,EAJRC;AAMR,CAAA,EACH,CAAA;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { useTheme as s } from "styled-components";
|
|
3
|
+
import d from "../../../../ui/text/text.js";
|
|
4
|
+
import { EDeviceType as p } from "../../../../ui/theme/constants.js";
|
|
5
|
+
import { Badge as l, StyledIcon as f } from "./carousel-badge-style.js";
|
|
6
|
+
const h = ({ illustration: o, value: t, color: m, label: e }) => {
|
|
7
|
+
const { device: c } = s(), i = c <= p.TABLET;
|
|
8
|
+
return /* @__PURE__ */ r(l, { children: [
|
|
9
|
+
/* @__PURE__ */ n(f, { src: o, alt: e || "badge" }),
|
|
10
|
+
/* @__PURE__ */ r(d, { $renderAs: i ? "ub3" : "ub2", $color: m, children: [
|
|
11
|
+
t,
|
|
12
|
+
" ",
|
|
13
|
+
e
|
|
14
|
+
] })
|
|
15
|
+
] });
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
h as SingleBadge
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=carousel-single-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-single-badge.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport type { TColorNames } from '../../../../ui/types';\nimport { Badge, StyledIcon } from './carousel-badge-style';\n\nexport interface SingleBadgeProps {\n illustration: string;\n value: number | string;\n color: TColorNames;\n label?: string;\n}\n\nexport const SingleBadge: React.FC<SingleBadgeProps> = ({ illustration, value, color, label }) => {\n const { device } = useTheme();\n const useSmallFont = device <= EDeviceType.TABLET;\n\n return (\n <Badge>\n <StyledIcon src={illustration} alt={label || 'badge'} />\n <Text $renderAs={useSmallFont ? 'ub3' : 'ub2'} $color={color}>\n {value} {label}\n </Text>\n </Badge>\n );\n};\n"],"names":["SingleBadge","illustration","value","color","label","device","useTheme","useSmallFont","EDeviceType","Badge","jsx","StyledIcon","Text"],"mappings":";;;;;AAcO,MAAMA,IAA0C,CAAC,EAAE,cAAAC,GAAc,OAAAC,GAAO,OAAAC,GAAO,OAAAC,QAAY;AAC1F,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAeF,KAAUG,EAAY;AAE3C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA,KAAKV,GAAc,KAAKG,KAAS,SAAS;AAAA,sBACrDQ,GAAK,EAAA,WAAWL,IAAe,QAAQ,OAAO,QAAQJ,GACpD,UAAA;AAAA,MAAAD;AAAA,MAAM;AAAA,MAAEE;AAAA,IAAA,GACX;AAAA,EACF,EAAA,CAAA;AAEJ;"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import e from "styled-components";
|
|
2
|
+
import n from "../../../../ui/layout/flex-view.js";
|
|
3
|
+
import { GAME_LAUNCHER_SIZE as t } from "../card-container/constants.js";
|
|
4
|
+
import { BORDER_WIDTH as r, GAME_LAUNCHER_ASSET_PADDING as i, PILL_SIZE as o } from "./constants.js";
|
|
5
|
+
const l = e.div`
|
|
6
|
+
position: absolute;
|
|
7
|
+
z-index: 5;
|
|
8
|
+
height: ${t}px;
|
|
9
|
+
width: ${t}px;
|
|
10
|
+
border-radius: 50%;
|
|
11
|
+
border: ${r}px solid #fff;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
`, c = e.div`
|
|
14
|
+
position: absolute;
|
|
15
|
+
height: ${t + i}px;
|
|
16
|
+
width: ${t + i}px;
|
|
17
|
+
border-radius: 50%;
|
|
18
|
+
top: ${-i / 2 - r}px;
|
|
19
|
+
left: ${-i / 2 - r}px;
|
|
20
|
+
z-index: 4;
|
|
21
|
+
`, x = e.div`
|
|
22
|
+
height: ${o}px;
|
|
23
|
+
width: ${2 * o}px;
|
|
24
|
+
left: ${t / 2 - o / 2}px;
|
|
25
|
+
z-index: 6;
|
|
26
|
+
transform: translate(0%, -50%);
|
|
27
|
+
`;
|
|
28
|
+
e.div`
|
|
29
|
+
position: absolute;
|
|
30
|
+
width: ${t}px;
|
|
31
|
+
height: ${t}px;
|
|
32
|
+
border-radius: 50%;
|
|
33
|
+
background: transparent;
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
|
|
36
|
+
display: flex;
|
|
37
|
+
align-items: center;
|
|
38
|
+
justify-content: center;
|
|
39
|
+
flex: 1;
|
|
40
|
+
|
|
41
|
+
transform-origin: center;
|
|
42
|
+
transform: rotate(0deg); // change dynamically if needed
|
|
43
|
+
`;
|
|
44
|
+
const f = e.img`
|
|
45
|
+
position: absolute;
|
|
46
|
+
width: 100%;
|
|
47
|
+
object-fit: contain;
|
|
48
|
+
pointer-events: none;
|
|
49
|
+
`, m = e.div`
|
|
50
|
+
position: relative;
|
|
51
|
+
display: flex;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
`, h = e(n)`
|
|
54
|
+
position: absolute;
|
|
55
|
+
display: flex;
|
|
56
|
+
justify-content: center;
|
|
57
|
+
`;
|
|
58
|
+
export {
|
|
59
|
+
m as CardWithTickWrapper,
|
|
60
|
+
l as CircularGameCardWrapper,
|
|
61
|
+
f as DisplayNameImage,
|
|
62
|
+
h as ExtendedFlexView,
|
|
63
|
+
x as PillTickContainer,
|
|
64
|
+
c as ProgressRingLottieContainer
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=circular-game-card-styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular-game-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING, BORDER_WIDTH, PILL_SIZE } from './constants';\n\nexport const CircularGameCardWrapper = styled.div`\n position: absolute;\n z-index: 5;\n height: ${GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n border-radius: 50%;\n border: ${BORDER_WIDTH}px solid #fff;\n cursor: pointer;\n`;\n\nexport const ProgressRingLottieContainer = 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\nexport const PillTickContainer = styled.div`\n height: ${PILL_SIZE}px;\n width: ${2 * PILL_SIZE}px;\n left: ${GAME_LAUNCHER_SIZE / 2 - PILL_SIZE / 2}px;\n z-index: 6;\n transform: translate(0%, -50%);\n`;\nexport const GameCardSegmentWrapper = styled.div`\n position: absolute;\n width: ${GAME_LAUNCHER_SIZE}px;\n height: ${GAME_LAUNCHER_SIZE}px;\n border-radius: 50%;\n background: transparent;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n\n transform-origin: center;\n transform: rotate(0deg); // change dynamically if needed\n`;\n\nexport const DisplayNameImage = styled.img`\n position: absolute;\n width: 100%;\n object-fit: contain;\n pointer-events: none;\n`;\n\nexport const CardWithTickWrapper = styled.div`\n position: relative;\n display: flex;\n justify-content: center;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n position: absolute;\n display: flex;\n justify-content: center;\n`;\n"],"names":["CircularGameCardWrapper","styled","GAME_LAUNCHER_SIZE","BORDER_WIDTH","ProgressRingLottieContainer","GAME_LAUNCHER_ASSET_PADDING","PillTickContainer","PILL_SIZE","DisplayNameImage","CardWithTickWrapper","ExtendedFlexView","FlexView"],"mappings":";;;;AAMO,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA,YAGlCC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA,YAEjBC,CAAY;AAAA;AAAA,GAIXC,IAA8BH,EAAO;AAAA;AAAA,YAEtCC,IAAqBG,CAA2B;AAAA,WACjDH,IAAqBG,CAA2B;AAAA;AAAA,SAElD,CAACA,IAA8B,IAAIF,CAAY;AAAA,UAC9C,CAACE,IAA8B,IAAIF,CAAY;AAAA;AAAA,GAI5CG,IAAoBL,EAAO;AAAA,YAC5BM,CAAS;AAAA,WACV,IAAIA,CAAS;AAAA,UACdL,IAAqB,IAAIK,IAAY,CAAC;AAAA;AAAA;AAAA;AAIVN,EAAO;AAAA;AAAA,WAElCC,CAAkB;AAAA,YACjBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcvB,MAAMM,IAAmBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO1BQ,IAAsBR,EAAO;AAAA;AAAA;AAAA;AAAA,GAM7BS,IAAmBT,EAAOU,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsxs as d, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { memo as G, forwardRef as F, useRef as s, useState as u, useCallback as g, useImperativeHandle as M, useMemo as L } from "react";
|
|
3
|
+
import { LOTTIE as I } from "../../../../../assets/lottie/lottie.js";
|
|
4
|
+
import T from "../../../../ui/lottie-animation/lottie-animation.js";
|
|
5
|
+
import { useCircleSounds as x } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
|
|
6
|
+
import { CircleSoundKey as H } from "../../../hooks/use-circle-sounds/use-circle-sounds-enums.js";
|
|
7
|
+
import { CardContainer as K } from "../card-container/card-container.js";
|
|
8
|
+
import { GameCardContent as N } from "../game-card-content/game-card-content.js";
|
|
9
|
+
import { CardWithTickWrapper as O, CircularGameCardWrapper as j, ProgressRingLottieContainer as w, DisplayNameImage as D, ExtendedFlexView as U, PillTickContainer as q } from "./circular-game-card-styled.js";
|
|
10
|
+
const z = ({ data: r, label: h, initialValue: a = 0, value: t, maxValue: o = 1, onTickComplete: i }, y) => {
|
|
11
|
+
const l = s(null), c = s(null), m = s(null), [p, P] = u(!1), [S, b] = u("WHITE_T_87"), A = g(() => {
|
|
12
|
+
var e;
|
|
13
|
+
(e = r == null ? void 0 : r.onPress) == null || e.call(r);
|
|
14
|
+
}, [r]), { play: E } = x(), R = g((e) => {
|
|
15
|
+
P(!0), b(e);
|
|
16
|
+
}, []);
|
|
17
|
+
M(y, () => ({
|
|
18
|
+
labelRef: l,
|
|
19
|
+
circularCardWrapperRef: c,
|
|
20
|
+
startLabelAnimation: R
|
|
21
|
+
}));
|
|
22
|
+
const f = L(() => {
|
|
23
|
+
if (o <= 0)
|
|
24
|
+
return;
|
|
25
|
+
const e = 92, C = e / o, k = Math.min(C * a, e), v = Math.min(C * t + 1, e);
|
|
26
|
+
return [k, v];
|
|
27
|
+
}, [a, o, t]), W = L(
|
|
28
|
+
() => ({
|
|
29
|
+
renderer: "canvas",
|
|
30
|
+
autoplay: !0,
|
|
31
|
+
loop: !1,
|
|
32
|
+
initialSegment: f
|
|
33
|
+
}),
|
|
34
|
+
[f]
|
|
35
|
+
), _ = {
|
|
36
|
+
autoplay: !1,
|
|
37
|
+
loop: !1,
|
|
38
|
+
renderer: "canvas"
|
|
39
|
+
};
|
|
40
|
+
return /* @__PURE__ */ d(O, { children: [
|
|
41
|
+
/* @__PURE__ */ n(
|
|
42
|
+
K,
|
|
43
|
+
{
|
|
44
|
+
ref: c,
|
|
45
|
+
labelRef: l,
|
|
46
|
+
label: h,
|
|
47
|
+
isAnimated: p,
|
|
48
|
+
labelColor: p ? S : "WHITE_T_60",
|
|
49
|
+
children: /* @__PURE__ */ d(j, { onClick: A, children: [
|
|
50
|
+
t !== 0 && /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
|
|
51
|
+
T,
|
|
52
|
+
{
|
|
53
|
+
src: I.LEVELUP_RINGS,
|
|
54
|
+
settings: W,
|
|
55
|
+
animateOnIntersect: !0,
|
|
56
|
+
eventListener: {
|
|
57
|
+
name: "complete",
|
|
58
|
+
callback: () => {
|
|
59
|
+
var e;
|
|
60
|
+
(e = m.current) == null || e.play(), E(H.TASK_COMPLETED);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
) }),
|
|
65
|
+
/* @__PURE__ */ n(N, { card: r.card, isCompleted: r.isCompleted }),
|
|
66
|
+
/* @__PURE__ */ n(D, { src: r.displayNameImage || void 0 })
|
|
67
|
+
] })
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(
|
|
71
|
+
T,
|
|
72
|
+
{
|
|
73
|
+
ref: m,
|
|
74
|
+
src: I.PILL_TICK,
|
|
75
|
+
settings: _,
|
|
76
|
+
eventListener: {
|
|
77
|
+
name: "complete",
|
|
78
|
+
callback: () => {
|
|
79
|
+
i == null || i();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
) }) })
|
|
84
|
+
] });
|
|
85
|
+
}, re = G(F(z));
|
|
86
|
+
export {
|
|
87
|
+
re as CircularGameCard
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=circular-game-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-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 { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { type ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { TColorNames } from '../../../../ui/types';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { CardContainer } from '../card-container/card-container';\nimport { GameCardContent } from '../game-card-content/game-card-content';\nimport * as Styled from './circular-game-card-styled';\nimport type { ICircularGameCardProps, ICircularGameCardRefs } from './circular-game-card-types';\n\nconst CircularGameCardComponent: ForwardRefRenderFunction<\n ICircularGameCardRefs,\n ICircularGameCardProps\n> = (\n { data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1, onTickComplete },\n ref,\n) => {\n const labelRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const cardWrapperRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const greenTickLottieRef = useRef<ILottieAnimationRef>(null);\n const [isAnimated, setIsAnimated] = useState(false);\n const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n const onCardClick = useCallback(() => {\n data?.onPress?.();\n }, [data]);\n\n const { play } = useCircleSounds();\n\n const startLabelAnimation = useCallback((color: TColorNames) => {\n setIsAnimated(true);\n setAnimatedColor(color);\n }, []);\n\n useImperativeHandle(ref, () => ({\n labelRef,\n circularCardWrapperRef: 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 const greenTickAnimationSettings = {\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n };\n\n return (\n <Styled.CardWithTickWrapper>\n <CardContainer\n ref={cardWrapperRef}\n labelRef={labelRef}\n label={gameCategoryLabel}\n isAnimated={isAnimated}\n labelColor={isAnimated ? animatedColor : 'WHITE_T_60'}\n >\n <Styled.CircularGameCardWrapper onClick={onCardClick}>\n {value !== 0 && (\n <Styled.ProgressRingLottieContainer>\n <LottieAnimation\n src={LOTTIE.LEVELUP_RINGS}\n settings={levelUpAnimationSettings}\n animateOnIntersect\n eventListener={{\n name: 'complete',\n callback: () => {\n greenTickLottieRef.current?.play();\n play(CircleSoundKey.TASK_COMPLETED);\n },\n }}\n />\n </Styled.ProgressRingLottieContainer>\n )}\n <GameCardContent card={data.card} isCompleted={data.isCompleted} />\n\n <Styled.DisplayNameImage src={data.displayNameImage || undefined} />\n </Styled.CircularGameCardWrapper>\n </CardContainer>\n <Styled.ExtendedFlexView>\n <Styled.PillTickContainer>\n <LottieAnimation\n ref={greenTickLottieRef}\n src={LOTTIE.PILL_TICK}\n settings={greenTickAnimationSettings}\n eventListener={{\n name: 'complete',\n callback: () => {\n onTickComplete?.(); // notify parent\n },\n }}\n />\n </Styled.PillTickContainer>\n </Styled.ExtendedFlexView>\n </Styled.CardWithTickWrapper>\n );\n};\n\nexport const CircularGameCard = memo(forwardRef(CircularGameCardComponent));\n"],"names":["CircularGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","onTickComplete","ref","labelRef","useRef","cardWrapperRef","greenTickLottieRef","isAnimated","setIsAnimated","useState","animatedColor","setAnimatedColor","onCardClick","useCallback","_a","play","useCircleSounds","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","greenTickAnimationSettings","jsxs","Styled.CardWithTickWrapper","jsx","CardContainer","Styled.CircularGameCardWrapper","Styled.ProgressRingLottieContainer","LottieAnimation","LOTTIE","CircleSoundKey","GameCardContent","Styled.DisplayNameImage","Styled.ExtendedFlexView","Styled.PillTickContainer","CircularGameCard","memo","forwardRef"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
|
|
2
|
+
const o = E * 17.5 / 100, t = Math.ceil(E / 200), A = E >= 296 ? 55 : 35;
|
|
3
|
+
export {
|
|
4
|
+
t as BORDER_WIDTH,
|
|
5
|
+
o as GAME_LAUNCHER_ASSET_PADDING,
|
|
6
|
+
A as PILL_SIZE
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/circular-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\nexport const BORDER_WIDTH = Math.ceil(GAME_LAUNCHER_SIZE / 200);\n\nexport const PILL_SIZE = GAME_LAUNCHER_SIZE >= 296 ? 55 : 35;\n"],"names":["GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_SIZE","BORDER_WIDTH","PILL_SIZE"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAE5DC,IAAe,KAAK,KAAKD,IAAqB,GAAG,GAEjDE,IAAYF,KAAsB,MAAM,KAAK;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/game-card-content/constants.ts"],"sourcesContent":["import { GAME_LAUNCHER_SIZE } from '../card-container/constants';\n\nexport const ASSET_CONTAINER_SIZE = Math.ceil((GAME_LAUNCHER_SIZE * 120) / 100);\n"],"names":["ASSET_CONTAINER_SIZE","GAME_LAUNCHER_SIZE"],"mappings":";AAEO,MAAMA,IAAuB,KAAK,KAAMC,IAAqB,MAAO,GAAG;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import t from "styled-components";
|
|
2
|
+
import { GAME_LAUNCHER_SIZE as r } from "../card-container/constants.js";
|
|
3
|
+
import { ASSET_CONTAINER_SIZE as e } from "./constants.js";
|
|
4
|
+
const a = t.div`
|
|
5
|
+
position: absolute;
|
|
6
|
+
width: ${r}px;
|
|
7
|
+
height: ${r}px;
|
|
8
|
+
border-radius: 50%;
|
|
9
|
+
background: transparent;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
flex: 1;
|
|
16
|
+
|
|
17
|
+
transform-origin: center;
|
|
18
|
+
`, p = t.div`
|
|
19
|
+
position: absolute;
|
|
20
|
+
top: 50%;
|
|
21
|
+
left: 50%;
|
|
22
|
+
transform: translate(-50%, -50%);
|
|
23
|
+
|
|
24
|
+
width: ${e}px;
|
|
25
|
+
height: ${e}px;
|
|
26
|
+
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
background-color: transparent;
|
|
33
|
+
z-index: 1;
|
|
34
|
+
flex-shrink: 0;
|
|
35
|
+
|
|
36
|
+
&:hover {
|
|
37
|
+
background: ${({ theme: n }) => n.colors.WHITE_T_15};
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
}
|
|
40
|
+
`;
|
|
41
|
+
t.div`
|
|
42
|
+
position: absolute;
|
|
43
|
+
height: ${e}px;
|
|
44
|
+
width: ${e}px;
|
|
45
|
+
z-index: 5;
|
|
46
|
+
backdrop-filter: blur(16px);
|
|
47
|
+
-webkit-backdrop-filter: blur(16px);
|
|
48
|
+
/* pointer-events: none; */
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
`;
|
|
53
|
+
export {
|
|
54
|
+
p as AssetContainer,
|
|
55
|
+
a as GameCardSegmentWrapper
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=game-card-content-styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"game-card-content-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport { ASSET_CONTAINER_SIZE } from './constants';\n\nexport const GameCardSegmentWrapper = styled.div`\n position: absolute;\n width: ${GAME_LAUNCHER_SIZE}px;\n height: ${GAME_LAUNCHER_SIZE}px;\n border-radius: 50%;\n background: transparent;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n\n transform-origin: center;\n`;\n\nexport const AssetContainer = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n width: ${ASSET_CONTAINER_SIZE}px;\n height: ${ASSET_CONTAINER_SIZE}px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n background-color: transparent;\n z-index: 1;\n flex-shrink: 0;\n\n &:hover {\n background: ${({ theme }) => theme.colors.WHITE_T_15};\n cursor: pointer;\n }\n`;\n\nexport const CircularOverlay = styled.div`\n position: absolute;\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"],"names":["GameCardSegmentWrapper","styled","GAME_LAUNCHER_SIZE","AssetContainer","ASSET_CONTAINER_SIZE","theme"],"mappings":";;;AAKO,MAAMA,IAAyBC,EAAO;AAAA;AAAA,WAElCC,CAAkB;AAAA,YACjBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAajBC,IAAiBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM1BG,CAAoB;AAAA,YACnBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAYd,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAKzBJ,EAAO;AAAA;AAAA,YAE1BG,CAAoB;AAAA,WACrBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { memo as t } from "react";
|
|
3
|
+
import n from "../../../../ui/lottie-animation/lottie-animation.js";
|
|
4
|
+
import { GameCardSegmentWrapper as o, AssetContainer as m } from "./game-card-content-styled.js";
|
|
5
|
+
const i = { renderer: "canvas", loop: !0 }, d = t(({ card: e }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(n, { src: e, settings: i, animateOnIntersect: !0 }) }) }));
|
|
6
|
+
export {
|
|
7
|
+
d as GameCardContent
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=game-card-content.js.map
|
package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"game-card-content.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './game-card-content-styled';\nimport type { IGameCardContentProps } from './game-card-content-types';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const GameCardContent = memo(({ card }: IGameCardContentProps) => {\n return (\n <Styled.GameCardSegmentWrapper>\n <Styled.AssetContainer>\n <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n </Styled.AssetContainer>\n </Styled.GameCardSegmentWrapper>\n );\n});\n"],"names":["renderSettings","GameCardContent","memo","card","Styled.GameCardSegmentWrapper","jsx","Styled.AssetContainer","LottieAnimation"],"mappings":";;;;AAMA,MAAMA,IAAiB,EAAE,UAAU,UAAU,MAAM,GAAK,GAE3CC,IAAkBC,EAAK,CAAC,EAAE,MAAAC,0BAElCC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,KAAKJ,GAAM,UAAUH,GAAgB,oBAAkB,GAAC,CAAA,GAC3E,EACF,CAAA,CAEH;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/segmented-game-card/constants.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/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"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAG5DC,IAA2C;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import o from "styled-components";
|
|
2
|
+
import { GAME_LAUNCHER_SIZE as t } from "../card-container/constants.js";
|
|
3
|
+
const e = o.div`
|
|
4
|
+
position: absolute;
|
|
5
|
+
inset: 0;
|
|
6
|
+
z-index: 9999;
|
|
7
|
+
background: transparent;
|
|
8
|
+
height: ${1.5 * t}px;
|
|
9
|
+
width: ${t}px;
|
|
10
|
+
`;
|
|
11
|
+
export {
|
|
12
|
+
e as Overlay
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=swipeable-card-styled.js.map
|
package/dist/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swipeable-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\n\nexport const Overlay = styled.div`\n position: absolute;\n inset: 0;\n z-index: 9999;\n background: transparent;\n height: ${1.5 * GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n`;\n"],"names":["Overlay","styled","GAME_LAUNCHER_SIZE"],"mappings":";;AAIO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKlB,MAAMC,CAAkB;AAAA,WACzBA,CAAkB;AAAA;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as e } from "react";
|
|
3
|
+
import { Overlay as m } from "./swipeable-card-styled.js";
|
|
4
|
+
const b = ({
|
|
5
|
+
onSwipeLeft: t,
|
|
6
|
+
onSwipeRight: n,
|
|
7
|
+
minSwipeDistance: o = 50
|
|
8
|
+
}) => {
|
|
9
|
+
const s = e(0), u = e(0), a = (c) => {
|
|
10
|
+
var r;
|
|
11
|
+
s.current = ((r = c.changedTouches[0]) == null ? void 0 : r.clientX) || 0;
|
|
12
|
+
}, l = (c) => {
|
|
13
|
+
var r;
|
|
14
|
+
u.current = ((r = c.changedTouches[0]) == null ? void 0 : r.clientX) || 0, d();
|
|
15
|
+
}, d = () => {
|
|
16
|
+
const c = s.current - u.current;
|
|
17
|
+
Math.abs(c) < o || (c > 0 ? t == null || t() : n == null || n());
|
|
18
|
+
};
|
|
19
|
+
return /* @__PURE__ */ h(m, { onTouchStart: a, onTouchEnd: l });
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
b as default
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=swipeable-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swipeable-card.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { Overlay } from './swipeable-card-styled';\n\ninterface ISwipeableFullScreenProps {\n onSwipeLeft?: () => void;\n onSwipeRight?: () => void;\n minSwipeDistance?: number;\n}\n\nconst SwipeableFullScreen: React.FC<ISwipeableFullScreenProps> = ({\n onSwipeLeft,\n onSwipeRight,\n minSwipeDistance = 50,\n}) => {\n const touchStartX = useRef(0);\n const touchEndX = useRef(0);\n\n const onTouchStart = (e: React.TouchEvent) => {\n touchStartX.current = e.changedTouches[0]?.clientX || 0;\n };\n\n const onTouchEnd = (e: React.TouchEvent) => {\n touchEndX.current = e.changedTouches[0]?.clientX || 0;\n handleSwipe();\n };\n\n const handleSwipe = () => {\n const distance = touchStartX.current - touchEndX.current;\n\n if (Math.abs(distance) < minSwipeDistance) return;\n\n if (distance > 0) {\n onSwipeLeft?.();\n } else {\n onSwipeRight?.();\n }\n };\n\n return <Overlay onTouchStart={onTouchStart} onTouchEnd={onTouchEnd} />;\n};\n\nexport default SwipeableFullScreen;\n"],"names":["SwipeableFullScreen","onSwipeLeft","onSwipeRight","minSwipeDistance","touchStartX","useRef","touchEndX","onTouchStart","e","_a","onTouchEnd","handleSwipe","distance","jsx","Overlay"],"mappings":";;;AAUA,MAAMA,IAA2D,CAAC;AAAA,EAChE,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAM;AACE,QAAAC,IAAcC,EAAO,CAAC,GACtBC,IAAYD,EAAO,CAAC,GAEpBE,IAAe,CAACC,MAAwB;;AAC5C,IAAAJ,EAAY,YAAUK,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW;AAAA,EAAA,GAGlDC,IAAa,CAACF,MAAwB;;AAC1C,IAAAF,EAAU,YAAUG,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW,GACxCE;EAAA,GAGRA,IAAc,MAAM;AAClB,UAAAC,IAAWR,EAAY,UAAUE,EAAU;AAEjD,IAAI,KAAK,IAAIM,CAAQ,IAAIT,MAErBS,IAAW,IACCX,KAAA,QAAAA,MAECC,KAAA,QAAAA;AAAA,EACjB;AAGK,SAAA,gBAAAW,EAACC,GAAQ,EAAA,cAAAP,GAA4B,YAAAG,EAAwB,CAAA;AACtE;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"infinite-mode-launcher-button.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spl-events-text-style.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spl-events-text-types.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spl-events-text.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-mode-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/tables-card/table-mode/table-mode.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-mode.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-mode-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -8,10 +8,10 @@ const x = {
|
|
|
8
8
|
loop: !1,
|
|
9
9
|
renderer: "canvas"
|
|
10
10
|
}, v = L(({ isStarAchieved: t, rewardStar: o }) => {
|
|
11
|
-
const [n, i] = a(!1), [s,
|
|
11
|
+
const [n, i] = a(!1), [s, c] = a(t && !o), f = T(() => ({
|
|
12
12
|
name: "complete",
|
|
13
13
|
callback: () => {
|
|
14
|
-
|
|
14
|
+
c(!0), i(!1);
|
|
15
15
|
}
|
|
16
16
|
}), []);
|
|
17
17
|
return u(() => {
|
|
@@ -27,7 +27,7 @@ const x = {
|
|
|
27
27
|
{
|
|
28
28
|
src: E.TABLE_MODE_STAR,
|
|
29
29
|
settings: x,
|
|
30
|
-
eventListener:
|
|
30
|
+
eventListener: f
|
|
31
31
|
}
|
|
32
32
|
) }),
|
|
33
33
|
!n && /* @__PURE__ */ m(
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-mode-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-segment-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as u, useState as
|
|
1
|
+
import { jsxs as f, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { memo as u, useState as i, useMemo as T, useEffect as p } from "react";
|
|
3
3
|
import { LOTTIE as S } from "../../../../../../assets/lottie/lottie.js";
|
|
4
4
|
import E from "../../../../../ui/lottie-animation/lottie-animation.js";
|
|
5
5
|
import { StarContainer as L, LottieContainer as d, TableStar as A } from "./table-segment-star-styled.js";
|
|
@@ -8,26 +8,26 @@ const b = {
|
|
|
8
8
|
render: "canvas"
|
|
9
9
|
}, C = u(
|
|
10
10
|
({ isStarAchieved: e, rewardStar: t, delay: n = 0 }) => {
|
|
11
|
-
const [a,
|
|
11
|
+
const [a, s] = i(!1), [m, c] = i(e && !t), l = T(() => ({
|
|
12
12
|
name: "complete",
|
|
13
13
|
callback: () => {
|
|
14
|
-
c(!0),
|
|
14
|
+
c(!0), s(!1);
|
|
15
15
|
}
|
|
16
16
|
}), []);
|
|
17
17
|
return p(() => {
|
|
18
18
|
let r;
|
|
19
19
|
return e && t && (r = setTimeout(() => {
|
|
20
|
-
|
|
20
|
+
s(!0);
|
|
21
21
|
}, 1e3 + n)), () => {
|
|
22
22
|
r && clearTimeout(r);
|
|
23
23
|
};
|
|
24
|
-
}, [n, e, t]), /* @__PURE__ */
|
|
24
|
+
}, [n, e, t]), /* @__PURE__ */ f(L, { children: [
|
|
25
25
|
a && /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
|
|
26
26
|
E,
|
|
27
27
|
{
|
|
28
28
|
src: S.TABLE_SEGMENT_STAR,
|
|
29
29
|
settings: b,
|
|
30
|
-
eventListener:
|
|
30
|
+
eventListener: l
|
|
31
31
|
}
|
|
32
32
|
) }),
|
|
33
33
|
!a && /* @__PURE__ */ o(A, { $isStarAchieved: m })
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-segment-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher-v2/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;"}
|
package/dist/features/circle-games/game-launcher-v2/comps/tables-card/tables-card-styled.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tables-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/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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"}
|