@cuemath/leap 3.4.3 → 3.4.4-akm-1

package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel.js

@@ -0,0 +1,57 @@
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { memo as T, forwardRef as g, useRef as u, useState as $, useMemo as E, createRef as R, useCallback as k, useImperativeHandle as B, useEffect as i } from "react";
+import { useTheme as S } from "styled-components";
+import { ILLUSTRATIONS as x } from "../../../../../assets/illustrations/illustrations.js";
+import A from "../../../../ui/text/text.js";
+import { EDeviceType as L } from "../../../../ui/theme/constants.js";
+import { Carousel as W, CarouselWrapper as b, CarouselItemContainer as j, ExtendedFlexView as v, CarouselContainer as w, CarouselItemWrapper as y, CarouselItem as D, TickIcon as F, StyledCarouselBadgeWrapper as _ } from "./carousel-styled.js";
+const H = ({ items: e, defaultIndex: l = 0 }, p) => {
+  var s;
+  const { device: C } = S(), d = C <= L.TABLET, m = u(null), c = u(!0), [n, a] = $(l), f = E(() => e.map(() => R()), [e]), h = k((r) => {
+    a(r);
+  }, []);
+  return B(p, () => ({
+    nextBtnRef: m,
+    indicatorRefs: f,
+    currentIndex: n,
+    goToIndex: (r) => {
+      a(r);
+    }
+  })), i(() => {
+    c.current && (c.current = !1);
+  }, []), i(() => {
+    a((r) => e.length <= 1 || r >= e.length ? 0 : l);
+  }, [l, e.length]), /* @__PURE__ */ I(W, { children: [
+    /* @__PURE__ */ o(
+      b,
+      {
+        ...e.length > 1 && {
+          $translate: n * 100,
+          $translateDuration: c.current ? 0 : 300
+        },
+        children: e.map((r, t) => /* @__PURE__ */ o(j, { children: r.element }, t))
+      }
+    ),
+    e.length > 1 && /* @__PURE__ */ o(v, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ o(w, { children: e.map((r, t) => /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(
+      D,
+      {
+        $isSelected: t === n,
+        $isCompleted: r.isCompleted,
+        onClick: () => h(t),
+        children: r.isCompleted && t !== n ? /* @__PURE__ */ o(F, { src: x.GREEN_TICK, alt: "completed" }) : /* @__PURE__ */ o(
+          A,
+          {
+            $renderAs: d ? "ac4-black" : "ac3-black",
+            $color: t === n ? "BLACK" : "WHITE_T_60",
+            children: t + 1
+          }
+        )
+      }
+    ) }, t)) }) }),
+    ((s = e[n]) == null ? void 0 : s.carouselBadge) && /* @__PURE__ */ o(_, { children: e[n].carouselBadge })
+  ] });
+}, q = T(g(H));
+export {
+  q as Carousel
+};
+//# sourceMappingURL=carousel.js.map

package/dist/features/circle-games/game-launcher-v2/comps/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './carousel-styled';\nimport {\n  CarouselItem,\n  CarouselItemWrapper,\n  TickIcon,\n  StyledCarouselBadgeWrapper,\n} from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0 },\n  ref,\n) => {\n  const { device } = useTheme();\n  const useSmallFont = device <= EDeviceType.TABLET;\n  // const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  // const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Create a stable array of refs for indicators\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  // const handleCarouselPrev = useCallback(() => {\n  //   onPrev?.();\n  //   setCurrIndex(prev => prev - 1);\n  // }, [onPrev]);\n\n  // const handleCarouselNext = useCallback(() => {\n  //   onNext?.();\n  //   setCurrIndex(prev => prev + 1);\n  // }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Change index from parent\n  useEffect(() => {\n    setCurrIndex(prev => {\n      if (items.length <= 1) return 0;\n\n      if (prev >= items.length) return 0;\n\n      return defaultIndex;\n    });\n  }, [defaultIndex, items.length]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        {...(items.length > 1 && {\n          $translate: currIndex * 100,\n          $translateDuration: isFirstMount.current ? 0 : 300,\n        })}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item.element}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {/* 👇 Will come below the carousel content */}\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n          <Styled.CarouselContainer>\n            {items.map((item, index) => (\n              <CarouselItemWrapper key={index}>\n                <CarouselItem\n                  $isSelected={index === currIndex}\n                  $isCompleted={item.isCompleted}\n                  onClick={() => handleCarouselIndicatorClick(index)}\n                >\n                  {item.isCompleted && index !== currIndex ? (\n                    <TickIcon src={ILLUSTRATIONS.GREEN_TICK} alt=\"completed\" />\n                  ) : (\n                    <Text\n                      $renderAs={useSmallFont ? 'ac4-black' : 'ac3-black'}\n                      $color={index === currIndex ? 'BLACK' : 'WHITE_T_60'}\n                    >\n                      {index + 1}\n                    </Text>\n                  )}\n                </CarouselItem>\n              </CarouselItemWrapper>\n            ))}\n          </Styled.CarouselContainer>\n        </Styled.ExtendedFlexView>\n      )}\n\n      {/* 👇 Will come below indicators */}\n      {items[currIndex]?.carouselBadge && (\n        <StyledCarouselBadgeWrapper>{items[currIndex].carouselBadge}</StyledCarouselBadgeWrapper>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","ref","device","useTheme","useSmallFont","EDeviceType","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","useMemo","createRef","handleCarouselIndicatorClick","useCallback","index","useImperativeHandle","useEffect","prev","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","Styled.CarouselContainer","CarouselItemWrapper","CarouselItem","TickIcon","ILLUSTRATIONS","Text","_a","StyledCarouselBadgeWrapper","Carousel","memo","forwardRef"],"mappings":";;;;;;;AA0BA,MAAMA,IAA6E,CACjF,EAAE,OAAAC,GAAO,cAAAC,IAAe,EAAA,GACxBC,MACG;;AACG,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAeF,KAAUG,EAAY,QAIrCC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAO,EAAI,GAC1B,CAACE,GAAWC,CAAY,IAAIC,EAASX,CAAY,GAGjDY,IAAgBC,EAAQ,MAAMd,EAAM,IAAI,MAAMe,GAA2B,GAAG,CAACf,CAAK,CAAC,GAYnFgB,IAA+BC,EAAY,CAACC,MAAkB;AAClE,IAAAP,EAAaO,CAAK;AAAA,EACpB,GAAG,CAAE,CAAA;AAEL,SAAAC,EAAoBjB,GAAK,OAAO;AAAA,IAC9B,YAAAK;AAAA,IACA,eAAAM;AAAA,IACA,cAAcH;AAAA,IACd,WAAW,CAACQ,MAAkB;AAC5B,MAAAP,EAAaO,CAAK;AAAA,IACpB;AAAA,EACA,EAAA,GAEFE,EAAU,MAAM;AACd,IAAIX,EAAa,YACfA,EAAa,UAAU;AAAA,EAE3B,GAAG,CAAE,CAAA,GAGLW,EAAU,MAAM;AACd,IAAAT,EAAa,CAAQU,MACfrB,EAAM,UAAU,KAEhBqB,KAAQrB,EAAM,SAAe,IAE1BC,CACR;AAAA,EACA,GAAA,CAACA,GAAcD,EAAM,MAAM,CAAC,GAG7B,gBAAAsB,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAIzB,EAAM,SAAS,KAAK;AAAA,UACvB,YAAYU,IAAY;AAAA,UACxB,oBAAoBD,EAAa,UAAU,IAAI;AAAA,QACjD;AAAA,QAEC,UAAMT,EAAA,IAAI,CAAC0B,GAAMR,MAChB,gBAAAM,EAACG,GAAA,EAA0C,UAAAD,EAAK,QAAb,GAAAR,CAAqB,CACzD;AAAA,MAAA;AAAA,IACH;AAAA,IAGClB,EAAM,SAAS,KACd,gBAAAwB,EAACI,GAAA,EAAwB,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjF,UAAA,gBAAAJ,EAACK,GAAA,EACE,UAAA7B,EAAM,IAAI,CAAC0B,GAAMR,MAChB,gBAAAM,EAACM,GACC,EAAA,UAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,aAAab,MAAUR;AAAA,QACvB,cAAcgB,EAAK;AAAA,QACnB,SAAS,MAAMV,EAA6BE,CAAK;AAAA,QAEhD,UAAAQ,EAAK,eAAeR,MAAUR,IAC7B,gBAAAc,EAACQ,GAAS,EAAA,KAAKC,EAAc,YAAY,KAAI,YAAA,CAAY,IAEzD,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,WAAW7B,IAAe,cAAc;AAAA,YACxC,QAAQa,MAAUR,IAAY,UAAU;AAAA,YAEvC,UAAQQ,IAAA;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAdoB,EAAA,GAAAA,CAiB1B,CACD,EACH,CAAA,GACF;AAAA,MAIDiB,IAAAnC,EAAMU,CAAS,MAAf,gBAAAyB,EAAkB,oCAChBC,GAA4B,EAAA,UAAApC,EAAMU,CAAS,EAAE,cAAc,CAAA;AAAA,EAEhE,EAAA,CAAA;AAEJ,GAEa2B,IAAWC,EAAKC,EAAWxC,CAAiB,CAAC;"}

package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.js

@@ -0,0 +1,20 @@
+import e from "styled-components";
+const t = e.div`
+  display: flex;
+  gap: 16px;
+  height: 24px;
+`, p = e.div`
+  display: flex;
+  align-items: center;
+  height: 24px;
+`, d = e.img`
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+`;
+export {
+  p as Badge,
+  t as BadgeContainer,
+  d as StyledIcon
+};
+//# sourceMappingURL=carousel-badge-style.js.map

package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-badge-style.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge-style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const BadgeContainer = styled.div`\n  display: flex;\n  gap: 16px;\n  height: 24px;\n`;\n\nexport const Badge = styled.div`\n  display: flex;\n  align-items: center;\n  height: 24px;\n`;\n\nexport const StyledIcon = styled.img`\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n`;\n"],"names":["BadgeContainer","styled","Badge","StyledIcon"],"mappings":";AAEO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMxBC,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA,GAMfE,IAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { BadgeContainer as e } from "./carousel-badge-style.js";
+import { SingleBadge as a } from "./carousel-single-badge.js";
+const u = ({ badges: l, style: t }) => /* @__PURE__ */ r(e, { style: t, children: l.map((o, i) => /* @__PURE__ */ r(
+  a,
+  {
+    illustration: o.illustration,
+    value: o.value,
+    color: o.color,
+    label: o.label
+  },
+  i
+)) });
+export {
+  u as BadgesGroup
+};
+//# sourceMappingURL=carousel-badge.js.map

package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-badge.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-badge.tsx"],"sourcesContent":["import type { IBadgeData } from './carousel-badge-type';\n\nimport { BadgeContainer } from './carousel-badge-style';\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":";;;AAUO,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

@@ -0,0 +1,20 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { useTheme as s } from "styled-components";
+import d from "../../../../ui/text/text.js";
+import { EDeviceType as p } from "../../../../ui/theme/constants.js";
+import { Badge as l, StyledIcon as f } from "./carousel-badge-style.js";
+const h = ({ illustration: o, value: t, color: m, label: e }) => {
+  const { device: c } = s(), i = c <= p.TABLET;
+  return /* @__PURE__ */ r(l, { children: [
+    /* @__PURE__ */ n(f, { src: o, alt: e || "badge" }),
+    /* @__PURE__ */ r(d, { $renderAs: i ? "ub3" : "ub2", $color: m, children: [
+      t,
+      " ",
+      e
+    ] })
+  ] });
+};
+export {
+  h as SingleBadge
+};
+//# sourceMappingURL=carousel-single-badge.js.map

package/dist/features/circle-games/game-launcher-v2/comps/carousel-badge/carousel-single-badge.js.map

@@ -0,0 +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 type { TColorNames } from '../../../../ui/types';\n\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\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":";;;;;AAeO,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;"}

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

@@ -0,0 +1,48 @@
+import i from "styled-components";
+import { GAME_LAUNCHER_SIZE as e } from "../card-container/constants.js";
+import { BORDER_WIDTH as o, GAME_LAUNCHER_ASSET_PADDING as t } from "./constants.js";
+const d = i.div`
+  position: absolute;
+  z-index: 5;
+  height: ${e}px;
+  width: ${e}px;
+  border-radius: 50%;
+  border: ${o}px solid #fff;
+  cursor: pointer;
+`, s = i.div`
+  position: absolute;
+  height: ${e + t}px;
+  width: ${e + t}px;
+  border-radius: 50%;
+  top: ${-t / 2 - o}px;
+  left: ${-t / 2 - o}px;
+  z-index: 4;
+`;
+i.div`
+  position: absolute;
+  width: ${e}px;
+  height: ${e}px;
+  border-radius: 50%;
+  background: transparent;
+  overflow: hidden;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+
+  transform-origin: center;
+  transform: rotate(0deg); // change dynamically if needed
+`;
+const p = i.img`
+  position: absolute;
+  width: 100%;
+  object-fit: contain;
+  pointer-events: none;
+`;
+export {
+  d as CircularGameCardWrapper,
+  p as DisplayNameImage,
+  s as ProgressRingLottieContainer
+};
+//# sourceMappingURL=circular-game-card-styled.js.map

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

@@ -0,0 +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 { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING, BORDER_WIDTH } 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 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"],"names":["CircularGameCardWrapper","styled","GAME_LAUNCHER_SIZE","BORDER_WIDTH","ProgressRingLottieContainer","GAME_LAUNCHER_ASSET_PADDING","DisplayNameImage"],"mappings":";;;AAKO,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;AAInBF,EAAO;AAAA;AAAA,WAElCC,CAAkB;AAAA,YACjBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcvB,MAAMI,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js

@@ -0,0 +1,66 @@
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
+import { memo as E, forwardRef as G, useRef as p, useState as C, useCallback as f, useImperativeHandle as S, useMemo as u } from "react";
+import { LOTTIE as W } from "../../../../../assets/lottie/lottie.js";
+import _ from "../../../../ui/lottie-animation/lottie-animation.js";
+import { CardContainer as k } from "../card-container/card-container.js";
+import { GameCardContent as v } from "../game-card-content/game-card-content.js";
+import { CircularGameCardWrapper as F, ProgressRingLottieContainer as H, DisplayNameImage as M } from "./circular-game-card-styled.js";
+const N = ({ data: e, label: d, initialValue: t = 0, value: i, maxValue: n = 1 }, I) => {
+  const s = p(null), m = p(null), [l, g] = C(!1), [T, b] = C("WHITE_T_87"), R = f(() => {
+    var r;
+    (r = e == null ? void 0 : e.onPress) == null || r.call(e);
+  }, [e]), A = f((r) => {
+    g(!0), b(r);
+  }, []);
+  S(I, () => ({
+    labelRef: s,
+    circularCardWrapperRef: m,
+    startLabelAnimation: A
+  }));
+  const a = u(() => {
+    if (n <= 0)
+      return;
+    const r = 92, c = r / n, P = Math.min(c * t, r), h = Math.min(c * i + 1, r);
+    return [P, h];
+  }, [t, n, i]), L = u(
+    () => ({
+      renderer: "canvas",
+      autoplay: !0,
+      loop: !1,
+      initialSegment: a
+    }),
+    [a]
+  );
+  return /* @__PURE__ */ o(
+    k,
+    {
+      ref: m,
+      labelRef: s,
+      label: d,
+      isAnimated: l,
+      labelColor: l ? T : "WHITE_T_60",
+      children: /* @__PURE__ */ y(F, { onClick: R, children: [
+        /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
+          _,
+          {
+            src: W.LEVELUP_RINGS,
+            settings: L,
+            animateOnIntersect: !0
+          }
+        ) }),
+        /* @__PURE__ */ o(v, { card: e.card, isCompleted: e.isCompleted }),
+        /* @__PURE__ */ o(
+          M,
+          {
+            src: e.displayNameImage || void 0,
+            alt: `${e.name} label`
+          }
+        )
+      ] })
+    }
+  );
+}, q = E(G(N));
+export {
+  q as CircularGameCard
+};
+//# sourceMappingURL=circular-game-card.js.map

package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/circular-game-card.js.map

@@ -0,0 +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 { TColorNames } from '../../../../ui/types';\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> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n  const labelRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const cardWrapperRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n  const [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 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  return (\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        <Styled.ProgressRingLottieContainer>\n          <LottieAnimation\n            src={LOTTIE.LEVELUP_RINGS}\n            settings={levelUpAnimationSettings}\n            animateOnIntersect\n          />\n        </Styled.ProgressRingLottieContainer>\n        <GameCardContent card={data.card} isCompleted={data.isCompleted} />\n\n        <Styled.DisplayNameImage\n          src={data.displayNameImage || undefined}\n          alt={`${data.name} label`}\n        />\n      </Styled.CircularGameCardWrapper>\n    </CardContainer>\n  );\n};\n\nexport const CircularGameCard = memo(forwardRef(CircularGameCardComponent));\n"],"names":["CircularGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","isAnimated","setIsAnimated","useState","animatedColor","setAnimatedColor","onCardClick","useCallback","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","jsx","CardContainer","jsxs","Styled.CircularGameCardWrapper","Styled.ProgressRingLottieContainer","LottieAnimation","LOTTIE","GameCardContent","Styled.DisplayNameImage","CircularGameCard","memo","forwardRef"],"mappings":";;;;;;;AAmBA,MAAMA,IAGF,CAAC,EAAE,MAAAC,GAAM,OAAOC,GAAmB,cAAAC,IAAe,GAAG,OAAAC,GAAO,UAAAC,IAAW,EAAE,GAAGC,MAAQ;AAChF,QAAAC,IAAWC,EAAuB,IAAI,GACtCC,IAAiBD,EAAuB,IAAI,GAE5C,CAACE,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAeC,CAAgB,IAAIF,EAAsB,YAAY,GAEtEG,IAAcC,EAAY,MAAM;;AACpC,KAAAC,IAAAhB,KAAA,gBAAAA,EAAM,YAAN,QAAAgB,EAAA,KAAAhB;AAAA,EAAgB,GACf,CAACA,CAAI,CAAC,GAEHiB,IAAsBF,EAAY,CAACG,MAAuB;AAC9D,IAAAR,EAAc,EAAI,GAClBG,EAAiBK,CAAK;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,EAAAC,EAAoBd,GAAK,OAAO;AAAA,IAC9B,UAAAC;AAAA,IACA,wBAAwBE;AAAA,IACxB,qBAAAS;AAAA,EACA,EAAA;AAEI,QAAAG,IAAkDC,EAAQ,MAAM;AACpE,QAAIjB,KAAY;AACd;AAGF,UAAMkB,IAAc,IACdC,IAAiBD,IAAclB,GAE/BoB,IAAqB,KAAK,IAAID,IAAiBrB,GAAcoB,CAAW,GACxEG,IAAmB,KAAK,IAAIF,IAAiBpB,IAAQ,GAAGmB,CAAW;AAElE,WAAA,CAACE,GAAoBC,CAAgB;AAAA,EAC3C,GAAA,CAACvB,GAAcE,GAAUD,CAAK,CAAC,GAE5BuB,IAA2BL;AAAA,IAC/B,OAAO;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,gBAAgBD;AAAA,IAAA;AAAA,IAElB,CAACA,CAAiB;AAAA,EAAA;AAIlB,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKpB;AAAA,MACL,UAAAF;AAAA,MACA,OAAOL;AAAA,MACP,YAAAQ;AAAA,MACA,YAAYA,IAAaG,IAAgB;AAAA,MAEzC,UAAC,gBAAAiB,EAAAC,GAAA,EAA+B,SAAShB,GACvC,UAAA;AAAA,QAAC,gBAAAa,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,KAAKC,EAAO;AAAA,YACZ,UAAUP;AAAA,YACV,oBAAkB;AAAA,UAAA;AAAA,QAAA,GAEtB;AAAA,0BACCQ,GAAgB,EAAA,MAAMlC,EAAK,MAAM,aAAaA,EAAK,aAAa;AAAA,QAEjE,gBAAA2B;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,KAAKnC,EAAK,oBAAoB;AAAA,YAC9B,KAAK,GAAGA,EAAK,IAAI;AAAA,UAAA;AAAA,QACnB;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaoC,IAAmBC,EAAKC,EAAWvC,CAAyB,CAAC;"}

package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js

@@ -0,0 +1,7 @@
+import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
+const _ = E * 17.5 / 100, o = 2;
+export {
+  o as BORDER_WIDTH,
+  _ as GAME_LAUNCHER_ASSET_PADDING
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/game-launcher-v2/comps/circular-game-card/constants.js.map

@@ -0,0 +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 = 2;\n"],"names":["GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_SIZE","BORDER_WIDTH"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAE5DC,IAAe;"}

package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/constants.js

@@ -0,0 +1,6 @@
+import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
+const t = Math.ceil(E * 120 / 100);
+export {
+  t as ASSET_CONTAINER_SIZE
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/constants.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,62 @@
+import t from "styled-components";
+import { GAME_LAUNCHER_SIZE as r } from "../card-container/constants.js";
+import { ASSET_CONTAINER_SIZE as e } from "./constants.js";
+const s = t.div`
+  position: absolute;
+  width: ${r}px;
+  height: ${r}px;
+  border-radius: 50%;
+  background: transparent;
+  overflow: hidden;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+
+  transform-origin: center;
+  transform: rotate(0deg); // change dynamically if needed
+`, d = t.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  width: ${e}px;
+  height: ${e}px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  overflow: hidden;
+  background-color: transparent;
+  z-index: 1;
+  flex-shrink: 0;
+
+  &:hover {
+    background: ${({ theme: n }) => n.colors.WHITE_T_15};
+    cursor: pointer;
+  }
+`, l = t.div`
+  position: absolute;
+  height: ${e}px;
+  width: ${e}px;
+  z-index: 5;
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  /* pointer-events: none; */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, p = t.div`
+  position: absolute;
+  z-index: 6;
+`;
+export {
+  d as AssetContainer,
+  l as CircularOverlay,
+  s as GameCardSegmentWrapper,
+  p as IconWrapper
+};
+//# sourceMappingURL=game-card-content-styled.js.map

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

@@ -0,0 +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  transform: rotate(0deg); // change dynamically if needed\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\nexport const IconWrapper = styled.div`\n  position: absolute;\n  z-index: 6;\n`;\n"],"names":["GameCardSegmentWrapper","styled","GAME_LAUNCHER_SIZE","AssetContainer","ASSET_CONTAINER_SIZE","theme","CircularOverlay","IconWrapper"],"mappings":";;;AAKO,MAAMA,IAAyBC,EAAO;AAAA;AAAA,WAElCC,CAAkB;AAAA,YACjBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcjBC,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,GAK3CC,IAAkBL,EAAO;AAAA;AAAA,YAE1BG,CAAoB;AAAA,WACrBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUlBG,IAAcN,EAAO;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js

@@ -0,0 +1,13 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as o } from "react";
+import { ILLUSTRATIONS as i } from "../../../../../assets/illustrations/illustrations.js";
+import m from "../../../../ui/lottie-animation/lottie-animation.js";
+import { GameCardSegmentWrapper as a, AssetContainer as s, CircularOverlay as c, IconWrapper as p } from "./game-card-content-styled.js";
+const d = { renderer: "canvas", loop: !0 }, h = o(({ isCompleted: e, card: t }) => /* @__PURE__ */ n(a, { children: [
+  /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(m, { src: t, settings: d, animateOnIntersect: !0 }) }),
+  e && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r("img", { src: i.GREEN_TICK }) }) })
+] }));
+export {
+  h as GameCardContent
+};
+//# sourceMappingURL=game-card-content.js.map

package/dist/features/circle-games/game-launcher-v2/comps/game-card-content/game-card-content.js.map

@@ -0,0 +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 type { IGameCardContentProps } from './game-card-content-types';\n\nimport { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './game-card-content-styled';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const GameCardContent = memo(({ isCompleted, card }: IGameCardContentProps) => {\n  return (\n    <Styled.GameCardSegmentWrapper>\n      <Styled.AssetContainer>\n        <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n      </Styled.AssetContainer>\n\n      {isCompleted && (\n        <Styled.CircularOverlay>\n          <Styled.IconWrapper>\n            <img src={ILLUSTRATIONS.GREEN_TICK} />\n          </Styled.IconWrapper>\n        </Styled.CircularOverlay>\n      )}\n    </Styled.GameCardSegmentWrapper>\n  );\n});\n"],"names":["renderSettings","GameCardContent","memo","isCompleted","card","jsxs","Styled.GameCardSegmentWrapper","jsx","Styled.AssetContainer","LottieAnimation","Styled.CircularOverlay","Styled.IconWrapper","ILLUSTRATIONS"],"mappings":";;;;;AAQA,MAAMA,IAAiB,EAAE,UAAU,UAAU,MAAM,GAAK,GAE3CC,IAAkBC,EAAK,CAAC,EAAE,aAAAC,GAAa,MAAAC,QAEhD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,KAAKL,GAAM,UAAUJ,GAAgB,oBAAkB,GAAA,CAAC,EAC3E,CAAA;AAAA,EAECG,KACC,gBAAAI,EAACG,GAAA,EACC,UAAC,gBAAAH,EAAAI,GAAA,EACC,4BAAC,OAAI,EAAA,KAAKC,EAAc,WAAY,CAAA,EACtC,CAAA,GACF;AAEJ,EAAA,CAAA,CAEH;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/tables-card/constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { TTableMode } from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { AnimationSegment } from 'lottie-web';\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":"AAIO,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;"}

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

@@ -0,0 +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 type { InfiniteButtonCardProps } from './infinite-mode-launcher-button-type';\n\nimport 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';\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":";;;;;AAQA,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;"}

package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/constants.js.map

@@ -0,0 +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;"}

package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text-style.js.map

@@ -0,0 +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;"}

package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text-types.js.map

@@ -0,0 +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;"}

package/dist/features/circle-games/game-launcher-v2/comps/tables-card/spl-events-text/spl-events-text.js.map

@@ -0,0 +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 type { CircleSoundKey } from '../../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport type { ISplEventsTextProps } from './spl-events-text-types';\n\nimport React from 'react';\n\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport { useCircleSounds } from '../../../../hooks/use-circle-sounds/use-circle-sounds';\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 { 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":";;;;;;;AAeO,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;"}

package/dist/features/circle-games/game-launcher-v2/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-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

@@ -0,0 +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 { 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 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":";;;;;;;;;;AAeA,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;"}

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

@@ -0,0 +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;"}

package/dist/features/circle-games/game-launcher-v2/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-v2/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-v2/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-v2/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, { 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';\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":";;;;;;AAUA,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;"}

package/dist/features/circle-games/game-launcher-v2/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-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;"}

package/dist/features/circle-games/game-launcher-v2/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-v2/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, { 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';\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":";;;;;AASA,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

@@ -0,0 +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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"}