@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js

@@ -0,0 +1,24 @@
+import e from "styled-components";
+import { GAME_LAUNCHER_SIZE as t } from "../../card-container/constants.js";
+const n = e.div`
+  border: 1px solid ${({ theme: o }) => o.colors.WHITE};
+  border-right-width: ${({ $isBorderRightRequired: o }) => o ? "1px" : "0px"};
+  height: ${t * 0.081}px;
+  width: ${t * 0.081}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ theme: o }) => o.colors.BLACK_1};
+  position: relative;
+`, d = e.div`
+  position: absolute;
+  height: auto;
+  width: ${t * 0.081}px;
+  right: ${({ $right: o = "0px" }) => o};
+  bottom: ${({ $bottom: o = "unset" }) => o};
+`;
+export {
+  n as ModeContentSquareBlock,
+  d as TableModeLottieContainer
+};
+//# sourceMappingURL=table-mode-styled.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-mode-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const ModeContentSquareBlock = styled.div<{ $isBorderRightRequired?: boolean }>`\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  border-right-width: ${({ $isBorderRightRequired }) => ($isBorderRightRequired ? '1px' : '0px')};\n  height: ${GAME_LAUNCHER_SIZE * 0.081}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.081}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ${({ theme }) => theme.colors.BLACK_1};\n  position: relative;\n`;\n\nexport const TableModeLottieContainer = styled.div<{ $bottom?: string; $right?: string }>`\n  position: absolute;\n  height: auto;\n  width: ${GAME_LAUNCHER_SIZE * 0.081}px;\n  right: ${({ $right = '0px' }) => $right};\n  bottom: ${({ $bottom = 'unset' }) => $bottom};\n`;\n"],"names":["ModeContentSquareBlock","styled","theme","$isBorderRightRequired","GAME_LAUNCHER_SIZE","TableModeLottieContainer","$right","$bottom"],"mappings":";;AAIO,MAAMA,IAAyBC,EAAO;AAAA,sBACvB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,wBAC/B,CAAC,EAAE,wBAAAC,EAAA,MAA8BA,IAAyB,QAAQ,KAAM;AAAA,YACpFC,IAAqB,KAAK;AAAA,WAC3BA,IAAqB,KAAK;AAAA;AAAA;AAAA;AAAA,sBAIf,CAAC,EAAE,OAAAF,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAI5CG,IAA2BJ,EAAO;AAAA;AAAA;AAAA,WAGpCG,IAAqB,KAAK;AAAA,WAC1B,CAAC,EAAE,QAAAE,IAAS,MAAA,MAAYA,CAAM;AAAA,YAC7B,CAAC,EAAE,SAAAC,IAAU,QAAA,MAAcA,CAAO;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as T } from "react";
+import { LOTTIE as o } from "../../../../../../assets/lottie/lottie.js";
+import a from "../../../../../ui/layout/flex-view.js";
+import _ from "../../../../../ui/lottie-animation/lottie-animation.js";
+import s from "../../../../../ui/separator/separator.js";
+import E from "../../../../../ui/text/text.js";
+import { GAME_LAUNCHER_SIZE as t, GAME_LAUNCHER_SIZE_LARGE as m } from "../../card-container/constants.js";
+import M from "../table-mode-star/table-mode-star.js";
+import { ModeContentSquareBlock as i, TableModeLottieContainer as f } from "./table-mode-styled.js";
+const h = {
+  sequence: o.SEQUENCE_MODE_SEGMENT_LOTTIE,
+  random: o.RANDOM_MODE_SEGMENT_LOTTIE,
+  advance: o.ADVANCE_MODE_SEGMENT_LOTTIE
+}, u = T(({ tableNumber: c, isStarAchieved: d, type: e, rewardStar: l }) => /* @__PURE__ */ n(a, { $alignItems: "center", children: [
+  /* @__PURE__ */ r(M, { isStarAchieved: d, rewardStar: l }),
+  /* @__PURE__ */ r(s, { height: t * 0.055 }),
+  /* @__PURE__ */ n(a, { $flexDirection: "row", children: [
+    /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
+      E,
+      {
+        $renderAs: t === m ? "ac3-black" : "ab2-bold",
+        $color: "WHITE",
+        children: c
+      }
+    ) }),
+    /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
+      E,
+      {
+        $renderAs: t === m ? "ac3-black" : "ab2-bold",
+        $color: "WHITE",
+        children: "×"
+      }
+    ) }),
+    /* @__PURE__ */ r(i, { $isBorderRightRequired: e === "advance", children: /* @__PURE__ */ r(
+      f,
+      {
+        $bottom: e === "advance" ? "-1px" : "unset",
+        $right: e === "advance" ? "-1px" : "unset",
+        children: /* @__PURE__ */ r(_, { src: h[e] ?? "" })
+      }
+    ) })
+  ] })
+] }));
+export {
+  u as default
+};
+//# sourceMappingURL=table-mode.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-mode.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.tsx"],"sourcesContent":["import type { TTableMode } from '../../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { ITableModeProps } from './table-mode-types';\nimport type { FC } from 'react';\n\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 { 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';\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 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] ?? ''} />\n          </Styled.TableModeLottieContainer>\n        </Styled.ModeContentSquareBlock>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default TableMode;\n"],"names":["LOAD_LOTTIE","LOTTIE","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":";;;;;;;;;;AAeA,MAAMA,IAAmD;AAAA,EACvD,UAAUC,EAAO;AAAA,EACjB,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAClB,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,KAAKlB,EAAYM,CAAI,KAAK,IAAI;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,EAAA,GACF;AACF,EAAA,CAAA,CAEH;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/constants.js

@@ -0,0 +1,6 @@
+import { GAME_LAUNCHER_SIZE as o } from "../../card-container/constants.js";
+const r = o * 0.05;
+export {
+  r as STAR_SIZE
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/constants.ts"],"sourcesContent":["import { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const STAR_SIZE = GAME_LAUNCHER_SIZE * 0.05;\n"],"names":["STAR_SIZE","GAME_LAUNCHER_SIZE"],"mappings":";AAEO,MAAMA,IAAYC,IAAqB;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js

@@ -0,0 +1,25 @@
+import i from "styled-components";
+import { STAR_SIZE as t } from "./constants.js";
+const l = i.div`
+  position: relative;
+  height: ${t}px;
+  width: ${t}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, s = i.div`
+  position: absolute;
+  height: ${t * 2}px;
+  width: ${t * 2}px;
+`, c = i.circle`
+  fill: ${({ $fill: o, theme: e }) => e.colors[o]};
+`, p = i.path`
+  fill: ${({ $fill: o, theme: e }) => e.colors[o]};
+`;
+export {
+  c as Circle,
+  s as LottieContainer,
+  p as Path,
+  l as StarContainer
+};
+//# sourceMappingURL=table-mode-star-styled.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-mode-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nimport styled from 'styled-components';\n\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":";;AAMO,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;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js

@@ -0,0 +1,57 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { useState as l, useMemo as L, useEffect as T } from "react";
+import { LOTTIE as u } from "../../../../../../assets/lottie/lottie.js";
+import E from "../../../../../ui/lottie-animation/lottie-animation.js";
+import { STAR_SIZE as a } from "./constants.js";
+import { StarContainer as p, LottieContainer as _, Circle as d, Path as h } from "./table-mode-star-styled.js";
+const w = {
+  loop: !1
+}, M = ({ isStarAchieved: e, rewardStar: o }) => {
+  const [i, n] = l(!1), [s, f] = l(e && !o), c = L(() => ({
+    name: "complete",
+    callback: () => {
+      f(!0), n(!1);
+    }
+  }), []);
+  return T(() => {
+    let r;
+    return e && o && (r = setTimeout(() => {
+      n(!0);
+    }, 1e3)), () => {
+      r && clearTimeout(r);
+    };
+  }, [e, o]), /* @__PURE__ */ m(p, { children: [
+    i && /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+      E,
+      {
+        src: u.TABLE_MODE_STAR,
+        settings: w,
+        eventListener: c
+      }
+    ) }),
+    !i && /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: a,
+        height: a,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        children: [
+          /* @__PURE__ */ t(d, { cx: "8", cy: "8", r: "8", $fill: s ? "GREEN_6" : "WHITE_T_15" }),
+          /* @__PURE__ */ t(
+            h,
+            {
+              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",
+              $fill: s ? "GREEN_4" : "WHITE_T_15"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  M as default
+};
+//# sourceMappingURL=table-mode-star.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-mode-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.tsx"],"sourcesContent":["import type { ITableModeStarProps } from './table-mode-star-types';\nimport type { AnimationEventName } from 'lottie-web';\n\nimport React, { 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';\n\nconst settings = {\n  loop: false,\n};\n\nconst TableModeStar: React.FC<ITableModeStarProps> = ({ 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","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":";;;;;;AAUA,MAAMA,IAAW;AAAA,EACf,MAAM;AACR,GAEMC,IAA+C,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AACvF,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,UAAAlB;AAAA,QACA,eAAeS;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;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js

@@ -0,0 +1,27 @@
+import i from "styled-components";
+import { GAME_LAUNCHER_SIZE as t } from "../../card-container/constants.js";
+const s = i.div`
+  position: relative;
+  width: ${t * 0.025}px;
+  height: ${t * 0.025}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${t * 0.03}px;
+`, a = i.div`
+  position: absolute;
+  height: ${t * 0.025 * 6.3}px;
+  width: ${t * 0.025 * 6.3}px;
+`, l = i.div`
+  flex-shrink: 0;
+  width: inherit;
+  height: inherit;
+  border-radius: 100%;
+  background-color: ${({ theme: o, $isStarAchieved: r }) => r ? o.colors.GREEN_6 : o.colors.BLACK_5};
+`;
+export {
+  a as LottieContainer,
+  s as StarContainer,
+  l as TableStar
+};
+//# sourceMappingURL=table-segment-star-styled.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-segment-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const StarContainer = styled.div`\n  position: relative;\n  width: ${GAME_LAUNCHER_SIZE * 0.025}px;\n  height: ${GAME_LAUNCHER_SIZE * 0.025}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ${GAME_LAUNCHER_SIZE * 0.03}px;\n`;\n\nexport const LottieContainer = styled.div`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE * 0.025 * 6.3}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.025 * 6.3}px;\n`;\n\nexport const TableStar = styled.div<{ $isStarAchieved: boolean }>`\n  flex-shrink: 0;\n  width: inherit;\n  height: inherit;\n  border-radius: 100%;\n  background-color: ${({ theme, $isStarAchieved }) =>\n    $isStarAchieved ? theme.colors.GREEN_6 : theme.colors.BLACK_5};\n`;\n"],"names":["StarContainer","styled","GAME_LAUNCHER_SIZE","LottieContainer","TableStar","theme","$isStarAchieved"],"mappings":";;AAIO,MAAMA,IAAgBC,EAAO;AAAA;AAAA,WAEzBC,IAAqB,KAAK;AAAA,YACzBA,IAAqB,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIrBA,IAAqB,IAAI;AAAA,GAG7BC,IAAkBF,EAAO;AAAA;AAAA,YAE1BC,IAAqB,QAAQ,GAAG;AAAA,WACjCA,IAAqB,QAAQ,GAAG;AAAA,GAG9BE,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKV,CAAC,EAAE,OAAAI,GAAO,iBAAAC,EAAgB,MAC5CA,IAAkBD,EAAM,OAAO,UAAUA,EAAM,OAAO,OAAO;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js

@@ -0,0 +1,37 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as i, useMemo as f, useEffect as u } from "react";
+import { LOTTIE as T } from "../../../../../../assets/lottie/lottie.js";
+import p from "../../../../../ui/lottie-animation/lottie-animation.js";
+import { StarContainer as S, LottieContainer as E, TableStar as L } from "./table-segment-star-styled.js";
+const d = {
+  loop: !1
+}, h = ({ isStarAchieved: t, rewardStar: e }) => {
+  const [n, a] = i(!1), [s, m] = i(t && !e), l = f(() => ({
+    name: "complete",
+    callback: () => {
+      m(!0), a(!1);
+    }
+  }), []);
+  return u(() => {
+    let o;
+    return t && e && (o = setTimeout(() => {
+      a(!0);
+    }, 1e3)), () => {
+      o && clearTimeout(o);
+    };
+  }, [t, e]), /* @__PURE__ */ c(S, { children: [
+    n && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
+      p,
+      {
+        src: T.TABLE_SEGMENT_STAR,
+        settings: d,
+        eventListener: l
+      }
+    ) }),
+    !n && /* @__PURE__ */ r(L, { $isStarAchieved: s })
+  ] });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=table-segment-star.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-segment-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.tsx"],"sourcesContent":["import type { ITableSegmentStarProps } from './table-segment-star-types';\nimport type { AnimationEventName } from 'lottie-web';\n\nimport React, { 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';\n\nconst settings = {\n  loop: false,\n};\n\nconst TableSegmentStar: React.FC<ITableSegmentStarProps> = ({ 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_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\nexport default TableSegmentStar;\n"],"names":["settings","TableSegmentStar","isStarAchieved","rewardStar","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","Styled.TableStar"],"mappings":";;;;;AASA,MAAMA,IAAW;AAAA,EACf,MAAM;AACR,GAEMC,IAAqD,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AAC7F,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,UAAAlB;AAAA,QACA,eAAeS;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAED,CAACL,KAAe,gBAAAW,EAACI,GAAA,EAAiB,iBAAiBZ,EAAc,CAAA;AAAA,EACpE,EAAA,CAAA;AAEJ;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js

@@ -0,0 +1,154 @@
+import e, { keyframes as s } from "styled-components";
+import d from "../../../../ui/layout/flex-view.js";
+import { GAME_LAUNCHER_SIZE as o } from "../card-container/constants.js";
+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";
+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`
+  position: relative;
+  height: inherit;
+  width: inherit;
+`, N = e(c)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, I = e.div`
+  position: absolute;
+  height: inherit;
+  width: inherit;
+  top: 0;
+  left: 0;
+  background: radial-gradient(
+    50% 50% at 50% 50%,
+    rgba(13, 13, 13, 0.5) 0%,
+    rgba(13, 13, 13, 0) 100%
+  );
+  z-index: ${l};
+  pointer-events: none;
+`, y = e.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-end;
+  flex: 1;
+  transform: rotate(${({ $angle: t }) => t}deg);
+  transform-origin: 0 50%;
+  width: 50%;
+  height: ${({ $totalSegments: t }) => a / t}px;
+  position: absolute;
+  left: ${o / 2}px;
+  top: ${({ $totalSegments: t }) => (o - a / t) / 2}px;
+  padding-right: ${o * 0.0475}px;
+  z-index: ${({ $zIndex: t }) => t || 1};
+  background-color: ${({ theme: t }) => t.colors.BLACK_1};
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  &:nth-child(2n) {
+    background-color: ${({ theme: t }) => t.colors.BLACK_3};
+  }
+  &::after {
+    content: '';
+    width: 100%;
+    height: 2px;
+    position: absolute;
+    background: ${({ theme: t }) => t.colors.BLACK_5};
+    transform-style: preserve-3d;
+    backface-visibility: hidden;
+    transform-origin: left;
+    transform: rotate(${({ $totalSegments: t }) => 360 / (2 * t)}deg);
+    left: 0;
+    z-index: 1;
+  }
+  &:hover {
+    background-color: ${({ theme: t }) => t.colors.WHITE_T_60};
+    color: ${({ theme: t }) => t.colors.BLACK_1};
+    cursor: pointer;
+    &::after {
+      background: ${({ theme: t }) => t.colors.WHITE_5};
+    }
+  }
+`, v = e(d)`
+  transform: rotate(${({ $angle: t }) => t}deg);
+  width: 16px;
+  height: 16px;
+  align-items: center;
+`, C = e.div`
+  position: absolute;
+  z-index: ${p};
+  height: inherit;
+  width: inherit;
+  top: 0;
+  left: 0;
+`, w = e(c)``, L = e.div`
+  cursor: pointer;
+  & svg {
+    color: ${({ theme: t }) => t.colors.WHITE};
+  }
+`, O = e.div`
+  position: absolute;
+  height: inherit;
+  width: inherit;
+  height: ${81.08 * o / 100}px;
+  width: ${81.08 * o / 100}px;
+  border-radius: 100%;
+  transform: ${({ $top: t = "50%", $left: i = "50%" }) => `translate(${i}, ${t})`};
+  z-index: ${h};
+  cursor: pointer;
+  &:hover {
+    background-color: ${({ $hoverColor: t }) => t};
+  }
+`, D = e.div`
+  position: absolute;
+  pointer-events: ${({ $isPointerEventsNone: t = !1 }) => t ? "none" : "auto"};
+  top: ${({ $top: t = 0, $valueInPx: i }) => i ? `${t}px` : `${t}%`};
+  left: ${({ $left: t = 0, $valueInPx: i }) => i ? `${t}px` : `${t}%`};
+  z-index: ${f};
+  transform: ${({ $alignCenter: t }) => t ? "translate(-50%, -50%)" : "none"};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, _ = () => s`
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+    `, T = () => s`
+from {
+    opacity: 1;
+}
+to {
+    opacity: 0;
+}
+`, B = e.div`
+  position: absolute;
+  height: inherit;
+  width: inherit;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  z-index: 1;
+  animation: ${({ animation: t }) => t === "fade-in" ? _ : T}
+    ${({ animation: t }) => t === "fade-in" ? $ : g}s
+    ${({ animation: t }) => t === "fade-in" ? m : 0}s ease-in-out
+    forwards;
+`, R = e.div`
+  position: relative;
+  height: ${o * 24.5 / 100}px;
+  width: ${o * 24.5 / 100}px;
+  z-index: ${E};
+  cursor: pointer;
+`;
+export {
+  D as AbsoluteView,
+  B as AnimatedView,
+  c as CardWrapper,
+  L as IconWrapper,
+  R as InfiniteButtonWrapper,
+  O as ModeOverlay,
+  C as TableModeContainer,
+  w as TableModeWrapper,
+  v as TableNumber,
+  y as TableSegment,
+  I as TableSegmentCardShadowContainer,
+  N as TableSegmentsWrapper
+};
+//# sourceMappingURL=tables-card-styled.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tables-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport {\n  ABSOLUTE_VIEW_Z_INDEX,\n  INFINITE_MODE_Z_INDEX,\n  TABLE_CARD_SHADOW_Z_INDEX,\n  TABLE_MODE_CONTAINER_Z_INDEX,\n  TABLE_MODE_OVERLAY_Z_INDEX,\n  TABLE_REVEAL_ANIMATION,\n} from './constants';\n\nconst circumference = 2 * Math.PI * (GAME_LAUNCHER_SIZE / 2);\nconst FPS = 30;\n\nconst entryAnimationDelayTime = TABLE_REVEAL_ANIMATION.REVEAL_CONTENT[0] / FPS;\n\nconst entryAnimationTime =\n  (TABLE_REVEAL_ANIMATION.REVEAL_CONTENT[1] - TABLE_REVEAL_ANIMATION.REVEAL_CONTENT[0]) / FPS;\nconst exitAnimationTime =\n  (TABLE_REVEAL_ANIMATION.DISAPPEAR_CONTENT[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR_CONTENT[0]) / FPS;\n\nexport const CardWrapper = styled.div`\n  position: relative;\n  height: inherit;\n  width: inherit;\n`;\n\nexport const TableSegmentsWrapper = styled(CardWrapper)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TableSegmentCardShadowContainer = styled.div`\n  position: absolute;\n  height: inherit;\n  width: inherit;\n  top: 0;\n  left: 0;\n  background: radial-gradient(\n    50% 50% at 50% 50%,\n    rgba(13, 13, 13, 0.5) 0%,\n    rgba(13, 13, 13, 0) 100%\n  );\n  z-index: ${TABLE_CARD_SHADOW_Z_INDEX};\n  pointer-events: none;\n`;\n\nexport const TableSegment = styled.div<{ $angle: number; $totalSegments: number; $zIndex: number }>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-end;\n  flex: 1;\n  transform: rotate(${({ $angle }) => $angle}deg);\n  transform-origin: 0 50%;\n  width: 50%;\n  height: ${({ $totalSegments }) => circumference / $totalSegments}px;\n  position: absolute;\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${({ $totalSegments }) => (GAME_LAUNCHER_SIZE - circumference / $totalSegments) / 2}px;\n  padding-right: ${GAME_LAUNCHER_SIZE * 0.0475}px;\n  z-index: ${({ $zIndex }) => $zIndex || 1};\n  background-color: ${({ theme }) => theme.colors.BLACK_1};\n  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n  &:nth-child(2n) {\n    background-color: ${({ theme }) => theme.colors.BLACK_3};\n  }\n  &::after {\n    content: '';\n    width: 100%;\n    height: 2px;\n    position: absolute;\n    background: ${({ theme }) => theme.colors.BLACK_5};\n    transform-style: preserve-3d;\n    backface-visibility: hidden;\n    transform-origin: left;\n    transform: rotate(${({ $totalSegments }) => 360 / (2 * $totalSegments)}deg);\n    left: 0;\n    z-index: 1;\n  }\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.WHITE_T_60};\n    color: ${({ theme }) => theme.colors.BLACK_1};\n    cursor: pointer;\n    &::after {\n      background: ${({ theme }) => theme.colors.WHITE_5};\n    }\n  }\n`;\n\nexport const TableNumber = styled(FlexView)<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => $angle}deg);\n  width: 16px;\n  height: 16px;\n  align-items: center;\n`;\n\nexport const TableModeContainer = styled.div`\n  position: absolute;\n  z-index: ${TABLE_MODE_CONTAINER_Z_INDEX};\n  height: inherit;\n  width: inherit;\n  top: 0;\n  left: 0;\n`;\n\nexport const TableModeWrapper = styled(CardWrapper)``;\n\nexport const IconWrapper = styled.div`\n  cursor: pointer;\n  & svg {\n    color: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const ModeOverlay = styled.div<{ $top?: string; $left?: string; $hoverColor: string }>`\n  position: absolute;\n  height: inherit;\n  width: inherit;\n  height: ${(81.08 * GAME_LAUNCHER_SIZE) / 100}px;\n  width: ${(81.08 * GAME_LAUNCHER_SIZE) / 100}px;\n  border-radius: 100%;\n  transform: ${({ $top = '50%', $left = '50%' }) => `translate(${$left}, ${$top})`};\n  z-index: ${TABLE_MODE_OVERLAY_Z_INDEX};\n  cursor: pointer;\n  &:hover {\n    background-color: ${({ $hoverColor }) => $hoverColor};\n  }\n`;\n\nexport const AbsoluteView = styled.div<{\n  $top?: number;\n  $left?: number;\n  $alignCenter?: boolean;\n  $valueInPx?: boolean;\n  $isPointerEventsNone?: boolean;\n}>`\n  position: absolute;\n  pointer-events: ${({ $isPointerEventsNone = false }) => ($isPointerEventsNone ? 'none' : 'auto')};\n  top: ${({ $top = 0, $valueInPx }) => ($valueInPx ? `${$top}px` : `${$top}%`)};\n  left: ${({ $left = 0, $valueInPx }) => ($valueInPx ? `${$left}px` : `${$left}%`)};\n  z-index: ${ABSOLUTE_VIEW_Z_INDEX};\n  transform: ${({ $alignCenter }) => ($alignCenter ? 'translate(-50%, -50%)' : 'none')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\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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"}