@cuemath/leap 3.0.7-hg3 → 3.0.7-hg5

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 (19) hide show
  1. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js +40 -24
  2. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map +1 -1
  3. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js +39 -39
  4. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map +1 -1
  5. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js +13 -11
  6. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map +1 -1
  7. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js +20 -19
  8. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map +1 -1
  9. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js +14 -13
  10. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map +1 -1
  11. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js +29 -25
  12. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +1 -1
  13. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js +136 -137
  14. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +1 -1
  15. package/dist/features/circle-games/leaderboard/comps/banner/banner-styled.js +1 -0
  16. package/dist/features/circle-games/leaderboard/comps/banner/banner-styled.js.map +1 -1
  17. package/dist/features/circle-games/leaderboard/leaderboard-styled.js +1 -1
  18. package/dist/features/circle-games/leaderboard/leaderboard-styled.js.map +1 -1
  19. package/package.json +1 -1
package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js CHANGED
@@ -2,15 +2,15 @@ import e, { keyframes as s } from "styled-components";
2
2
  import d from "../../../../ui/layout/flex-view.js";
3
3
  import { GAME_LAUNCHER_SIZE as o } from "../card-container/constants.js";
4
4
  import { TABLE_CARD_SHADOW_Z_INDEX as l, TABLE_MODE_CONTAINER_Z_INDEX as p, TABLE_MODE_OVERLAY_Z_INDEX as h, ABSOLUTE_VIEW_Z_INDEX as f, INFINITE_MODE_Z_INDEX as E, TABLE_REVEAL_ANIMATION as n } from "./constants.js";
5
- const a = 2 * Math.PI * (o / 2), r = 30, m = n.REVEAL_CONTENT[0] / r, $ = (n.REVEAL_CONTENT[1] - n.REVEAL_CONTENT[0]) / r, g = (n.DISAPPEAR_CONTENT[1] - n.DISAPPEAR_CONTENT[0]) / r, c = e.div`
5
+ const a = 2 * Math.PI * (o / 2), r = 30, g = n.REVEAL_CONTENT[0] / r, m = (n.REVEAL_CONTENT[1] - n.REVEAL_CONTENT[0]) / r, $ = (n.DISAPPEAR_CONTENT[1] - n.DISAPPEAR_CONTENT[0]) / r, c = e.div`
6
6
  position: relative;
7
7
  height: inherit;
8
8
  width: inherit;
9
- `, N = e(c)`
9
+ `, I = e(c)`
10
10
  display: flex;
11
11
  align-items: center;
12
12
  justify-content: center;
13
- `, I = e.div`
13
+ `, y = e.div`
14
14
  position: absolute;
15
15
  height: inherit;
16
16
  width: inherit;
@@ -23,7 +23,7 @@ const a = 2 * Math.PI * (o / 2), r = 30, m = n.REVEAL_CONTENT[0] / r, $ = (n.REV
23
23
  );
24
24
  z-index: ${l};
25
25
  pointer-events: none;
26
- `, y = e.div`
26
+ `, v = e.div`
27
27
  display: flex;
28
28
  flex-direction: column;
29
29
  justify-content: center;
@@ -64,7 +64,7 @@ const a = 2 * Math.PI * (o / 2), r = 30, m = n.REVEAL_CONTENT[0] / r, $ = (n.REV
64
64
  background: ${({ theme: t }) => t.colors.WHITE_5};
65
65
  }
66
66
  }
67
- `, v = e(d)`
67
+ `, w = e(d)`
68
68
  transform: rotate(${({ $angle: t }) => t}deg);
69
69
  width: 16px;
70
70
  height: 16px;
@@ -76,12 +76,12 @@ const a = 2 * Math.PI * (o / 2), r = 30, m = n.REVEAL_CONTENT[0] / r, $ = (n.REV
76
76
  width: inherit;
77
77
  top: 0;
78
78
  left: 0;
79
- `, w = e(c)``, L = e.div`
79
+ `, L = e(c)``, O = e.div`
80
80
  cursor: pointer;
81
81
  & svg {
82
82
  color: ${({ theme: t }) => t.colors.WHITE};
83
83
  }
84
- `, O = e.div`
84
+ `, D = e.div`
85
85
  position: absolute;
86
86
  height: inherit;
87
87
  width: inherit;
@@ -94,7 +94,7 @@ const a = 2 * Math.PI * (o / 2), r = 30, m = n.REVEAL_CONTENT[0] / r, $ = (n.REV
94
94
  &:hover {
95
95
  background-color: ${({ $hoverColor: t }) => t};
96
96
  }
97
- `, D = e.div`
97
+ `, _ = e.div`
98
98
  position: absolute;
99
99
  pointer-events: ${({ $isPointerEventsNone: t = !1 }) => t ? "none" : "auto"};
100
100
  top: ${({ $top: t = 0, $valueInPx: i }) => i ? `${t}px` : `${t}%`};
@@ -104,21 +104,24 @@ const a = 2 * Math.PI * (o / 2), r = 30, m = n.REVEAL_CONTENT[0] / r, $ = (n.REV
104
104
  display: flex;
105
105
  align-items: center;
106
106
  justify-content: center;
107
- `, _ = () => s`
107
+ `, B = e(_)`
108
+ width: 100%;
109
+ height: 100%;
110
+ `, u = () => s`
108
111
  from {
109
112
  opacity: 0;
110
113
  }
111
114
  to {
112
115
  opacity: 1;
113
116
  }
114
- `, T = () => s`
117
+ `, x = () => s`
115
118
  from {
116
119
  opacity: 1;
117
120
  }
118
121
  to {
119
122
  opacity: 0;
120
123
  }
121
- `, B = e.div`
124
+ `, R = e.div`
122
125
  position: absolute;
123
126
  height: inherit;
124
127
  width: inherit;
@@ -126,11 +129,11 @@ to {
126
129
  left: 0;
127
130
  opacity: 0;
128
131
  z-index: 1;
129
- animation: ${({ animation: t }) => t === "fade-in" ? _ : T}
130
- ${({ animation: t }) => t === "fade-in" ? $ : g}s
131
- ${({ animation: t }) => t === "fade-in" ? m : 0}s ease-in-out
132
+ animation: ${({ animation: t }) => t === "fade-in" ? u : x}
133
+ ${({ animation: t }) => t === "fade-in" ? m : $}s
134
+ ${({ animation: t }) => t === "fade-in" ? g : 0}s ease-in-out
132
135
  forwards;
133
- `, R = e.div`
136
+ `, S = e.div`
134
137
  position: relative;
135
138
  height: ${o * 24.5 / 100}px;
136
139
  width: ${o * 24.5 / 100}px;
@@ -138,17 +141,18 @@ to {
138
141
  cursor: pointer;
139
142
  `;
140
143
  export {
141
- D as AbsoluteView,
142
- B as AnimatedView,
144
+ _ as AbsoluteView,
145
+ R as AnimatedView,
143
146
  c as CardWrapper,
144
- L as IconWrapper,
145
- R as InfiniteButtonWrapper,
146
- O as ModeOverlay,
147
+ B as ExtendedAbsoluteView,
148
+ O as IconWrapper,
149
+ S as InfiniteButtonWrapper,
150
+ D as ModeOverlay,
147
151
  C as TableModeContainer,
148
- w as TableModeWrapper,
149
- v as TableNumber,
150
- y as TableSegment,
151
- I as TableSegmentCardShadowContainer,
152
- N as TableSegmentsWrapper
152
+ L as TableModeWrapper,
153
+ w as TableNumber,
154
+ v as TableSegment,
155
+ y as TableSegmentCardShadowContainer,
156
+ I as TableSegmentsWrapper
153
157
  };
154
158
  //# sourceMappingURL=tables-card-styled.js.map
package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map CHANGED
@@ -1 +1 @@
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\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"],"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","fadeIn","keyframes","fadeOut","AnimatedView","animation","InfiniteButtonWrapper","INFINITE_MODE_Z_INDEX"],"mappings":"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"}
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"],"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"],"mappings":"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"}
package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js CHANGED
@@ -1,89 +1,88 @@
1
1
  import { jsx as t, jsxs as a } from "react/jsx-runtime";
2
- import Ae, { forwardRef as be, useState as o, useRef as N, useCallback as i, useMemo as z, useImperativeHandle as Ee, useEffect as K, memo as ge } from "react";
3
- import Ne from "../../../../../assets/line-icons/icons/back2.js";
4
- import { LOTTIE as R } from "../../../../../assets/lottie/lottie.js";
5
- import Se from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
6
- import { useUIContext as pe } from "../../../../ui/context/context.js";
7
- import Ce from "../../../../ui/layout/flex-view.js";
8
- import w from "../../../../ui/lottie-animation/lottie-animation.js";
9
- import ve from "../../../../ui/separator/separator.js";
10
- import F from "../../../../ui/text/text.js";
11
- import { useCircleSounds as Ie } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
12
- import { GAME_LAUNCHER_ANALYTICS_EVENTS as Le } from "../../game-launcher-analytics-events.js";
13
- import { CardContainer as fe } from "../card-container/card-container.js";
14
- import { GAME_LAUNCHER_SIZE as S, GAME_LAUNCHER_SIZE_LARGE as _e } from "../card-container/constants.js";
15
- import { TABLE_REVEAL_ANIMATION as p, TABLE_MODE_LABEL_COLOR as Te } from "./constants.js";
16
- import He from "./table-mode/table-mode.js";
17
- import $e from "./table-segment-star/table-segment-star.js";
18
- import { CardWrapper as Re, TableSegmentsWrapper as we, InfiniteButtonWrapper as ye, AbsoluteView as C, TableSegmentCardShadowContainer as We, TableSegment as Be, TableNumber as De, TableModeContainer as Pe, TableModeWrapper as ke, AnimatedView as Ve, ModeOverlay as xe, IconWrapper as Ue } from "./tables-card-styled.js";
19
- const y = {
20
- renderer: "svg"
21
- }, qe = {
2
+ import be, { forwardRef as Ee, useState as o, useRef as N, useCallback as i, useMemo as Y, useImperativeHandle as ge, useEffect as Z, memo as Ne } from "react";
3
+ import pe from "../../../../../assets/line-icons/icons/back2.js";
4
+ import { LOTTIE as $ } from "../../../../../assets/lottie/lottie.js";
5
+ import Ce from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
6
+ import { useUIContext as Se } from "../../../../ui/context/context.js";
7
+ import ve from "../../../../ui/layout/flex-view.js";
8
+ import R from "../../../../ui/lottie-animation/lottie-animation.js";
9
+ import Ie from "../../../../ui/separator/separator.js";
10
+ import z from "../../../../ui/text/text.js";
11
+ import { useCircleSounds as Le } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
12
+ import { GAME_LAUNCHER_ANALYTICS_EVENTS as fe } from "../../game-launcher-analytics-events.js";
13
+ import { CardContainer as _e } from "../card-container/card-container.js";
14
+ import { GAME_LAUNCHER_SIZE as p, GAME_LAUNCHER_SIZE_LARGE as Te } from "../card-container/constants.js";
15
+ import { TABLE_REVEAL_ANIMATION as C, TABLE_MODE_LABEL_COLOR as He } from "./constants.js";
16
+ import $e from "./table-mode/table-mode.js";
17
+ import Re from "./table-segment-star/table-segment-star.js";
18
+ import { CardWrapper as we, TableSegmentsWrapper as We, InfiniteButtonWrapper as ye, ExtendedAbsoluteView as K, TableSegmentCardShadowContainer as Be, TableSegment as De, TableNumber as Pe, TableModeContainer as Ve, TableModeWrapper as ke, AnimatedView as xe, ModeOverlay as Ue, AbsoluteView as F, IconWrapper as qe } from "./tables-card-styled.js";
19
+ const G = {
20
+ renderer: "canvas"
21
+ }, je = {
22
22
  loop: !1,
23
- autoplay: !1,
24
- ...y
25
- }, je = be(
23
+ renderer: "svg"
24
+ }, Ye = Ee(
26
25
  ({
27
- data: s,
28
- label: W,
26
+ data: l,
27
+ label: w,
29
28
  onPress: b,
30
29
  openModesOfTable: r,
31
30
  defaultTable: E,
32
31
  onGoBackFromTableLevel: g,
33
- onPressTableSegment: v
34
- }, G) => {
35
- var Y;
36
- const { onEvent: B } = pe(), { playButtonSound: m } = Ie(), [u, I] = o(!0), [d, h] = o(
32
+ onPressTableSegment: S
33
+ }, J) => {
34
+ var q;
35
+ const { onEvent: W } = Se(), { playButtonSound: m } = Le(), [u, v] = o(!0), [d, h] = o(
37
36
  (r == null ? void 0 : r.tableNumber) ?? null
38
- ), [L, D] = o(null), [J, A] = o("WHITE_T_60"), [c, f] = o({
39
- stars: ((Y = s.tableList.find((e) => e.tableNumber === (r == null ? void 0 : r.tableNumber))) == null ? void 0 : Y.stars) ?? [],
37
+ ), [I, y] = o(null), [Q, A] = o("WHITE_T_60"), [c, L] = o({
38
+ stars: ((q = l.tableList.find((e) => e.tableNumber === (r == null ? void 0 : r.tableNumber))) == null ? void 0 : q.stars) ?? [],
40
39
  tableNumber: (r == null ? void 0 : r.tableNumber) ?? 0
41
- }), [Q, X] = o(!0), [_, P] = o(!1), [k, M] = o("WHITE_T_60"), V = N(null), x = N(null), [U, O] = o((r == null ? void 0 : r.rewardStar) ?? []), [q] = o(!1), T = N(null), H = N(), j = i(
40
+ }), [X, M] = o(!0), [f, B] = o(!1), [D, O] = o("WHITE_T_60"), P = N(null), V = N(null), [k, ee] = o((r == null ? void 0 : r.rewardStar) ?? []), [x] = o(!1), _ = N(null), T = N(), U = i(
42
41
  (e) => {
43
- if (v) {
44
- v(e);
42
+ if (S) {
43
+ S(e);
45
44
  return;
46
45
  }
47
- m(), I(!0), h(e.tableNumber), f({ ...e }), O([]), B(Le.TABLE_SELECTED, {
46
+ m(), v(!0), h(e.tableNumber), L({ ...e }), ee([]), W(fe.TABLE_SELECTED, {
48
47
  meta: {
49
48
  table_of: e.tableNumber
50
49
  }
51
50
  });
52
51
  },
53
- [v, m, B]
54
- ), ee = i(
52
+ [S, m, W]
53
+ ), te = i(
55
54
  (e) => {
56
- A(_ ? k : "WHITE_T_60"), h(e.tableNumber);
55
+ A(f ? D : "WHITE_T_60"), h(e.tableNumber);
57
56
  },
58
- [k, _]
59
- ), te = i(() => {
57
+ [D, f]
58
+ ), re = i(() => {
60
59
  A("WHITE_T_60"), !c.tableNumber && h(null);
61
- }, [c.tableNumber]), re = i(() => {
60
+ }, [c.tableNumber]), ie = i(() => {
62
61
  var n;
63
- g == null || g(), m(), I(!1), h(null);
64
- const e = (p.DISAPPEAR[1] - p.DISAPPEAR[0]) / 30;
65
- (n = T.current) == null || n.playSegments(p.DISAPPEAR, !0), H.current = setTimeout(() => {
66
- f({ stars: [], tableNumber: 0 });
62
+ g == null || g(), m(), v(!1), h(null);
63
+ const e = (C.DISAPPEAR[1] - C.DISAPPEAR[0]) / 30;
64
+ (n = _.current) == null || n.playSegments(C.DISAPPEAR, !0), T.current = setTimeout(() => {
65
+ L({ stars: [], tableNumber: 0 });
67
66
  }, e * 1e3);
68
- }, [g, m]), ie = i(() => {
67
+ }, [g, m]), ne = i(() => {
69
68
  var e;
70
- (e = T.current) == null || e.playSegments(p.REVEAL, !0);
71
- }, []), ne = i((e) => {
69
+ (e = _.current) == null || e.playSegments(C.REVEAL, !0);
70
+ }, []), oe = i((e) => {
72
71
  const n = {
73
72
  sequence: 1,
74
73
  random: 2,
75
74
  advance: 3
76
75
  };
77
- A(Te[e] ?? "WHITE_T_60"), D(n[e] ?? 0);
78
- }, []), oe = i(() => {
79
- D(null), A("WHITE_T_60");
80
- }, []), l = z(() => c, [c]), le = z(() => [
76
+ A(He[e] ?? "WHITE_T_60"), y(n[e] ?? 0);
77
+ }, []), se = i(() => {
78
+ y(null), A("WHITE_T_60");
79
+ }, []), s = Y(() => c, [c]), le = Y(() => [
81
80
  {
82
81
  top: 20,
83
82
  left: 10.5,
84
83
  type: "sequence",
85
- tableNumber: l.tableNumber,
86
- isStarAchieved: l.stars.includes("sequence"),
84
+ tableNumber: s.tableNumber,
85
+ isStarAchieved: s.stars.includes("sequence"),
87
86
  semicirclePosiiionTop: "-19%",
88
87
  semicirclePosiiionLeft: "-43%",
89
88
  semicircleHoverColor: "#B259004D"
@@ -92,8 +91,8 @@ const y = {
92
91
  top: 20,
93
92
  left: 65.5,
94
93
  type: "random",
95
- tableNumber: l.tableNumber,
96
- isStarAchieved: l.stars.includes("random"),
94
+ tableNumber: s.tableNumber,
95
+ isStarAchieved: s.stars.includes("random"),
97
96
  semicirclePosiiionTop: "-19%",
98
97
  semicirclePosiiionLeft: "65%",
99
98
  semicircleHoverColor: "#0055CC4D"
@@ -102,18 +101,18 @@ const y = {
102
101
  top: 66,
103
102
  left: 38,
104
103
  type: "advance",
105
- tableNumber: l.tableNumber,
106
- isStarAchieved: l.stars.includes("advance"),
104
+ tableNumber: s.tableNumber,
105
+ isStarAchieved: s.stars.includes("advance"),
107
106
  semicirclePosiiionTop: "74%",
108
107
  semicirclePosiiionLeft: "11%",
109
108
  semicircleHoverColor: "#A9099C4D"
110
109
  }
111
- ], [l.tableNumber, l.stars]), se = i(() => {
110
+ ], [s.tableNumber, s.stars]), ce = i(() => {
112
111
  b({
113
112
  mode: "infinite",
114
- infiniteModeHighScore: s.infiniteModeHighScore
113
+ infiniteModeHighScore: l.infiniteModeHighScore
115
114
  });
116
- }, [b, s.infiniteModeHighScore]), ce = i(
115
+ }, [b, l.infiniteModeHighScore]), ae = i(
117
116
  (e, n) => {
118
117
  b({
119
118
  mode: e,
@@ -122,57 +121,57 @@ const y = {
122
121
  });
123
122
  },
124
123
  [b, c.tableNumber]
125
- ), ae = i(() => L ? `${d}× LEVEL${L}` : d ? `${d}× Table` : W, [L, d, W]), me = i((e) => {
126
- A(e), M(e), P(!0);
127
- }, []), ue = i(() => P(!1), []), de = i((e) => X(e), []);
128
- return Ee(G, () => ({
129
- labelRef: V,
130
- segmentedCardWrapperRef: x,
131
- startLabelAnimation: me,
132
- stopLabelAnimation: ue,
133
- setLabelVisiblity: de,
134
- handleTableSegmentClick: j
135
- })), K(() => () => {
136
- H.current && clearTimeout(H.current);
137
- }, []), K(() => {
138
- E && (m(), I(!0), h(E.tableNumber), f({ ...E }));
124
+ ), me = i(() => I ? `${d}× LEVEL${I}` : d ? `${d}× Table` : w, [I, d, w]), ue = i((e) => {
125
+ A(e), O(e), B(!0);
126
+ }, []), de = i(() => B(!1), []), he = i((e) => M(e), []);
127
+ return ge(J, () => ({
128
+ labelRef: P,
129
+ segmentedCardWrapperRef: V,
130
+ startLabelAnimation: ue,
131
+ stopLabelAnimation: de,
132
+ setLabelVisiblity: he,
133
+ handleTableSegmentClick: U
134
+ })), Z(() => () => {
135
+ T.current && clearTimeout(T.current);
136
+ }, []), Z(() => {
137
+ E && (m(), v(!0), h(E.tableNumber), L({ ...E }));
139
138
  }, [E, m]), /* @__PURE__ */ t(
140
- fe,
139
+ _e,
141
140
  {
142
- labelRef: V,
143
- ref: x,
141
+ labelRef: P,
142
+ ref: V,
144
143
  strokeColor: "WHITE",
145
- label: ae(),
146
- labelColor: J,
147
- isAnimated: _,
148
- showLabel: Q,
149
- children: /* @__PURE__ */ a(Re, { children: [
150
- /* @__PURE__ */ a(we, { children: [
144
+ label: me(),
145
+ labelColor: Q,
146
+ isAnimated: f,
147
+ showLabel: X,
148
+ children: /* @__PURE__ */ a(we, { children: [
149
+ /* @__PURE__ */ a(We, { children: [
151
150
  /* @__PURE__ */ t(
152
- Se,
151
+ Ce,
153
152
  {
154
153
  renderAs: "primary",
155
154
  position: "top",
156
- hidden: q,
157
- tooltipItem: /* @__PURE__ */ t(F, { $renderAs: "ab3", $color: "WHITE", children: "Coming Soon" }),
155
+ hidden: x,
156
+ tooltipItem: /* @__PURE__ */ t(z, { $renderAs: "ab3", $color: "WHITE", children: "Coming Soon" }),
158
157
  children: /* @__PURE__ */ a(
159
158
  ye,
160
159
  {
161
- onClick: q ? se : void 0,
160
+ onClick: x ? ce : void 0,
162
161
  children: [
163
- /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
164
- w,
162
+ /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(
163
+ R,
165
164
  {
166
- src: R.INFINITE_BUTTON_BG,
167
- overrideSettings: y,
165
+ src: $.INFINITE_BUTTON_BG,
166
+ settings: G,
168
167
  animateOnIntersect: !0
169
168
  }
170
169
  ) }),
171
- /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
172
- w,
170
+ /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(
171
+ R,
173
172
  {
174
- src: R.INFINITE_BUTTON_SYMBOL,
175
- overrideSettings: y,
173
+ src: $.INFINITE_BUTTON_SYMBOL,
174
+ settings: G,
176
175
  animateOnIntersect: !0
177
176
  }
178
177
  ) })
@@ -181,32 +180,32 @@ const y = {
181
180
  )
182
181
  }
183
182
  ),
184
- /* @__PURE__ */ t(We, {}),
185
- s.tableList.map((e, n) => {
186
- const he = 360 / s.tableList.length, Z = -(90 + 360 / (2 * s.tableList.length)) + he * (n + 1);
183
+ /* @__PURE__ */ t(Be, {}),
184
+ l.tableList.map((e, n) => {
185
+ const Ae = 360 / l.tableList.length, j = -(90 + 360 / (2 * l.tableList.length)) + Ae * (n + 1);
187
186
  return /* @__PURE__ */ t(
188
- Be,
187
+ De,
189
188
  {
190
- $angle: Z,
191
- $totalSegments: s.tableList.length,
189
+ $angle: j,
190
+ $totalSegments: l.tableList.length,
192
191
  $zIndex: n + 1,
193
- onClick: () => j(e),
194
- onMouseOver: () => ee(e),
195
- onMouseLeave: te,
196
- children: /* @__PURE__ */ a(Ce, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
197
- ["sequence", "random", "advance"].map(($) => /* @__PURE__ */ t(
198
- $e,
192
+ onClick: () => U(e),
193
+ onMouseOver: () => te(e),
194
+ onMouseLeave: re,
195
+ children: /* @__PURE__ */ a(ve, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
196
+ ["sequence", "random", "advance"].map((H) => /* @__PURE__ */ t(
197
+ Re,
199
198
  {
200
- isStarAchieved: e.stars.includes($),
201
- rewardStar: !u && (r == null ? void 0 : r.tableNumber) === e.tableNumber ? U.includes($) : void 0
199
+ isStarAchieved: e.stars.includes(H),
200
+ rewardStar: !u && (r == null ? void 0 : r.tableNumber) === e.tableNumber ? k.includes(H) : void 0
202
201
  },
203
- $
202
+ H
204
203
  )),
205
- /* @__PURE__ */ t(ve, { width: S * 0.055 }),
206
- /* @__PURE__ */ t(De, { $angle: -Z, children: /* @__PURE__ */ t(
207
- F,
204
+ /* @__PURE__ */ t(Ie, { width: p * 0.055 }),
205
+ /* @__PURE__ */ t(Pe, { $angle: -j, children: /* @__PURE__ */ t(
206
+ z,
208
207
  {
209
- $renderAs: S === _e ? "ac3-black" : "ac4-black",
208
+ $renderAs: p === Te ? "ac3-black" : "ac4-black",
210
209
  $color: d === e.tableNumber ? "BLACK_1" : "WHITE",
211
210
  children: e.tableNumber
212
211
  }
@@ -217,54 +216,54 @@ const y = {
217
216
  );
218
217
  })
219
218
  ] }),
220
- c.tableNumber > 0 && /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ a(ke, { children: [
221
- /* @__PURE__ */ a(Ve, { animation: u ? "fade-in" : "fade-out", children: [
222
- le.map((e, n) => /* @__PURE__ */ a(Ae.Fragment, { children: [
219
+ c.tableNumber > 0 && /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ a(ke, { children: [
220
+ /* @__PURE__ */ a(xe, { animation: u ? "fade-in" : "fade-out", children: [
221
+ le.map((e, n) => /* @__PURE__ */ a(be.Fragment, { children: [
223
222
  /* @__PURE__ */ t(
224
- xe,
223
+ Ue,
225
224
  {
226
225
  $top: e.semicirclePosiiionTop,
227
226
  $left: e.semicirclePosiiionLeft,
228
227
  $hoverColor: e.semicircleHoverColor,
229
- onClick: () => u ? ce(e.type, e.isStarAchieved) : void 0,
230
- onMouseOver: () => u ? ne(e.type) : void 0,
231
- onMouseLeave: u ? oe : void 0
228
+ onClick: () => u ? ae(e.type, e.isStarAchieved) : void 0,
229
+ onMouseOver: () => u ? oe(e.type) : void 0,
230
+ onMouseLeave: u ? se : void 0
232
231
  }
233
232
  ),
234
233
  /* @__PURE__ */ t(
235
- C,
234
+ F,
236
235
  {
237
236
  $top: e.top,
238
237
  $left: e.left,
239
238
  $isPointerEventsNone: !0,
240
239
  children: /* @__PURE__ */ t(
241
- He,
240
+ $e,
242
241
  {
243
242
  tableNumber: e.tableNumber,
244
243
  isStarAchieved: e.isStarAchieved,
245
244
  type: e.type,
246
- rewardStar: U.includes(e.type)
245
+ rewardStar: k.includes(e.type)
247
246
  }
248
247
  )
249
248
  }
250
249
  )
251
250
  ] }, n)),
252
- /* @__PURE__ */ t(C, { $top: 50, $left: 50, $alignCenter: !0, children: /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ t(
253
- Ne,
251
+ /* @__PURE__ */ t(F, { $top: 50, $left: 50, $alignCenter: !0, children: /* @__PURE__ */ t(qe, { children: /* @__PURE__ */ t(
252
+ pe,
254
253
  {
255
- onClick: re,
256
- height: S * 0.1,
257
- width: S * 0.1
254
+ onClick: ie,
255
+ height: p * 0.1,
256
+ width: p * 0.1
258
257
  }
259
258
  ) }) })
260
259
  ] }),
261
260
  /* @__PURE__ */ t(
262
- w,
261
+ R,
263
262
  {
264
- src: R.TABLE_MODE_REVEAL,
265
- ref: T,
266
- overrideSettings: qe,
267
- onRender: ie,
263
+ src: $.TABLE_MODE_REVEAL,
264
+ ref: _,
265
+ overrideSettings: je,
266
+ onRender: ne,
268
267
  animateOnIntersect: !0
269
268
  }
270
269
  )
@@ -273,8 +272,8 @@ const y = {
273
272
  }
274
273
  );
275
274
  }
276
- ), ct = ge(je);
275
+ ), at = Ne(Ye);
277
276
  export {
278
- ct as TablesCard
277
+ at as TablesCard
279
278
  };
280
279
  //# sourceMappingURL=tables-card.js.map