@cuemath/leap 3.4.8 → 3.4.9-akm-2

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

@@ -0,0 +1,106 @@
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+import { memo as W, forwardRef as X, useRef as u, useState as _, useMemo as $, createRef as x, useCallback as j, useImperativeHandle as H, useEffect as E } from "react";
+import { useTheme as K } from "styled-components";
+import { ILLUSTRATIONS as M } from "../../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as N } from "../../../../../assets/lottie/lottie.js";
+import d from "../../../../ui/hooks/use-click-handler.js";
+import w from "../../../../ui/lottie-animation/lottie-animation.js";
+import F from "../../../../ui/text/text.js";
+import { EDeviceType as U } from "../../../../ui/theme/constants.js";
+import { useCircleSounds as G } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { Carousel as V, CarouselWrapper as Y, CarouselItemContainer as q, ExtendedFlexView as z, CarouselContainer as J, CarouselItemWrapper as Q, CarouselItem as Z, TickIcon as ee, OverlappingLottie as re, StyledCarouselBadgeWrapper as oe } from "./carousel-styled.js";
+import { allWorkOutsCompletedAnimationSetting as te } from "./constants.js";
+const ne = ({ items: r, defaultIndex: a = 0, analyticsSwipeLeft: p, analyticsSwipeRight: h, analyticsCardClick: m }, S) => {
+  var I;
+  const { device: b } = K(), { playSwipeSound: C } = G(), s = b <= U.TABLET, v = u(null), i = u(!0), [n, l] = _(a), { handleClick: P } = d(
+    {
+      analyticsLabel: h.analyticsLabel,
+      analyticsProps: h.analyticsProps
+    },
+    () => l((e) => e - 1)
+  ), { handleClick: A } = d(
+    {
+      analyticsLabel: p.analyticsLabel,
+      analyticsProps: p.analyticsProps
+    },
+    () => l((e) => e + 1)
+  ), { handleClick: f } = d(
+    {
+      analyticsLabel: m.analyticsLabel,
+      analyticsProps: m.analyticsProps
+    },
+    () => {
+    }
+    // we'll replace this inline
+  ), T = u(0), B = (e) => {
+    var o, c;
+    T.current = ((c = (o = e.touches) == null ? void 0 : o[0]) == null ? void 0 : c.clientX) ?? 0;
+  }, D = (e) => {
+    var y, L;
+    const c = (((L = (y = e.changedTouches) == null ? void 0 : y[0]) == null ? void 0 : L.clientX) ?? 0) - T.current;
+    c > 50 && n > 0 ? P() : c < -50 && n < r.length - 1 && A();
+  }, g = $(() => r.map(() => x()), [r]), O = $(() => r.every((e) => e.isCompleted), [r]), R = j(
+    (e) => {
+      C(), f(), l(e);
+    },
+    [f, C]
+  );
+  return H(S, () => ({
+    nextBtnRef: v,
+    indicatorRefs: g,
+    currentIndex: n,
+    goToIndex: (e) => {
+      l(e);
+    }
+  })), E(() => {
+    i.current && (i.current = !1);
+  }, []), E(() => {
+    l((e) => r.length <= 1 || e >= r.length ? 0 : a);
+  }, [a, r.length]), /* @__PURE__ */ k(V, { children: [
+    /* @__PURE__ */ t(
+      Y,
+      {
+        onTouchStart: B,
+        onTouchEnd: D,
+        ...r.length > 1 && {
+          $translate: n * 100,
+          $translateDuration: i.current ? 0 : 300
+        },
+        children: r.map((e, o) => /* @__PURE__ */ t(q, { children: e.element }, o))
+      }
+    ),
+    r.length > 1 && /* @__PURE__ */ t(z, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ k(J, { $isTouchDevice: s, children: [
+      r.map((e, o) => /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(
+        Z,
+        {
+          ref: g[o],
+          $isSelected: o === n,
+          $isCompleted: e.isCompleted,
+          $isTouchDevice: s,
+          onClick: () => R(o),
+          children: e.isCompleted && o !== n ? /* @__PURE__ */ t(ee, { src: M.GREEN_TICK, alt: "completed" }) : /* @__PURE__ */ t(
+            F,
+            {
+              $renderAs: s ? "ac4-black" : "ac3-black",
+              $color: o === n ? "BLACK" : "WHITE_T_60",
+              $marginBottom: 0,
+              children: o + 1
+            }
+          )
+        }
+      ) }, o)),
+      O && /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
+        w,
+        {
+          src: N.DAILY_WORK_OUT_COMPLETE,
+          settings: te
+        }
+      ) })
+    ] }) }),
+    ((I = r[n]) == null ? void 0 : I.carouselBadge) && /* @__PURE__ */ t(oe, { children: r[n].carouselBadge })
+  ] });
+}, Te = W(X(ne));
+export {
+  Te 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 { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport useClickHandler from '../../../../ui/hooks/use-click-handler';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\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';\nimport { allWorkOutsCompletedAnimationSetting } from './constants';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, analyticsSwipeLeft, analyticsSwipeRight, analyticsCardClick },\n  ref,\n) => {\n  const { device } = useTheme();\n\n  const { playSwipeSound } = useCircleSounds();\n  const isTouchDevice = device <= EDeviceType.TABLET;\n\n  const nextBtnRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  const { handleClick: handlePrevClick } = useClickHandler(\n    {\n      analyticsLabel: analyticsSwipeRight.analyticsLabel,\n      analyticsProps: analyticsSwipeRight.analyticsProps,\n    },\n    () => setCurrIndex(prev => prev - 1),\n  );\n\n  const { handleClick: handleNextClick } = useClickHandler(\n    {\n      analyticsLabel: analyticsSwipeLeft.analyticsLabel,\n      analyticsProps: analyticsSwipeLeft.analyticsProps,\n    },\n    () => setCurrIndex(prev => prev + 1),\n  );\n\n  const { handleClick: handleCardClick } = useClickHandler(\n    {\n      analyticsLabel: analyticsCardClick.analyticsLabel,\n      analyticsProps: analyticsCardClick.analyticsProps,\n    },\n    () => {}, // we'll replace this inline\n  );\n  // swipe tracking\n  const touchStartX = useRef(0);\n\n  const handleTouchStart = (e: React.TouchEvent) => {\n    touchStartX.current = e.touches?.[0]?.clientX ?? 0;\n  };\n\n  const handleTouchEnd = (e: React.TouchEvent) => {\n    const endX = e.changedTouches?.[0]?.clientX ?? 0;\n    const deltaX = endX - touchStartX.current;\n\n    if (deltaX > 50 && currIndex > 0) {\n      // swipe right → previous\n      handlePrevClick();\n    } else if (deltaX < -50 && currIndex < items.length - 1) {\n      // swipe left → next\n      handleNextClick();\n    }\n  };\n\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n  const allCompleted = useMemo(() => items.every(item => item.isCompleted), [items]);\n\n  const handleCarouselIndicatorClick = useCallback(\n    (index: number) => {\n      playSwipeSound();\n      handleCardClick();\n      setCurrIndex(index);\n    },\n    [handleCardClick, playSwipeSound],\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  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        onTouchStart={handleTouchStart}\n        onTouchEnd={handleTouchEnd}\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      {items.length > 1 && (\n        <Styled.ExtendedFlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n          <Styled.CarouselContainer $isTouchDevice={isTouchDevice}>\n            {items.map((item, index) => (\n              <CarouselItemWrapper key={index}>\n                <CarouselItem\n                  ref={indicatorRefs[index]}\n                  $isSelected={index === currIndex}\n                  $isCompleted={item.isCompleted}\n                  $isTouchDevice={isTouchDevice}\n                  onClick={() => handleCarouselIndicatorClick(index)}\n                >\n                  {item.isCompleted && index !== currIndex ? (\n                    <TickIcon src={ILLUSTRATIONS.GREEN_TICK} alt=\"completed\" />\n                  ) : (\n                    <Text\n                      $renderAs={isTouchDevice ? 'ac4-black' : 'ac3-black'}\n                      $color={index === currIndex ? 'BLACK' : 'WHITE_T_60'}\n                      $marginBottom={0}\n                    >\n                      {index + 1}\n                    </Text>\n                  )}\n                </CarouselItem>\n              </CarouselItemWrapper>\n            ))}\n            {allCompleted && (\n              <Styled.OverlappingLottie>\n                <LottieAnimation\n                  src={LOTTIE.DAILY_WORK_OUT_COMPLETE}\n                  settings={allWorkOutsCompletedAnimationSetting}\n                />\n              </Styled.OverlappingLottie>\n            )}\n          </Styled.CarouselContainer>\n        </Styled.ExtendedFlexView>\n      )}\n\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","analyticsSwipeLeft","analyticsSwipeRight","analyticsCardClick","ref","device","useTheme","playSwipeSound","useCircleSounds","isTouchDevice","EDeviceType","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","handlePrevClick","useClickHandler","prev","handleNextClick","handleCardClick","touchStartX","handleTouchStart","_b","_a","handleTouchEnd","deltaX","indicatorRefs","useMemo","createRef","allCompleted","item","handleCarouselIndicatorClick","useCallback","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","Styled.CarouselItemContainer","Styled.ExtendedFlexView","Styled.CarouselContainer","CarouselItemWrapper","CarouselItem","TickIcon","ILLUSTRATIONS","Text","Styled.OverlappingLottie","LottieAnimation","LOTTIE","allWorkOutsCompletedAnimationSetting","StyledCarouselBadgeWrapper","Carousel","memo","forwardRef"],"mappings":";;;;;;;;;;;;AA+BA,MAAMA,KAA6E,CACjF,EAAE,OAAAC,GAAO,cAAAC,IAAe,GAAG,oBAAAC,GAAoB,qBAAAC,GAAqB,oBAAAC,EAAmB,GACvFC,MACG;;AACG,QAAA,EAAE,QAAAC,MAAWC,KAEb,EAAE,gBAAAC,MAAmBC,KACrBC,IAAgBJ,KAAUK,EAAY,QAEtCC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAO,EAAI,GAC1B,CAACE,GAAWC,CAAY,IAAIC,EAAShB,CAAY,GAEjD,EAAE,aAAaiB,EAAA,IAAoBC;AAAA,IACvC;AAAA,MACE,gBAAgBhB,EAAoB;AAAA,MACpC,gBAAgBA,EAAoB;AAAA,IACtC;AAAA,IACA,MAAMa,EAAa,CAAQI,MAAAA,IAAO,CAAC;AAAA,EAAA,GAG/B,EAAE,aAAaC,EAAA,IAAoBF;AAAA,IACvC;AAAA,MACE,gBAAgBjB,EAAmB;AAAA,MACnC,gBAAgBA,EAAmB;AAAA,IACrC;AAAA,IACA,MAAMc,EAAa,CAAQI,MAAAA,IAAO,CAAC;AAAA,EAAA,GAG/B,EAAE,aAAaE,EAAA,IAAoBH;AAAA,IACvC;AAAA,MACE,gBAAgBf,EAAmB;AAAA,MACnC,gBAAgBA,EAAmB;AAAA,IACrC;AAAA,IACA,MAAM;AAAA,IAAC;AAAA;AAAA,EAAA,GAGHmB,IAAcV,EAAO,CAAC,GAEtBW,IAAmB,CAAC,MAAwB;;AAChD,IAAAD,EAAY,YAAUE,KAAAC,IAAA,EAAE,YAAF,gBAAAA,EAAY,OAAZ,gBAAAD,EAAgB,YAAW;AAAA,EAAA,GAG7CE,IAAiB,CAAC,MAAwB;;AAExC,UAAAC,OADOH,KAAAC,IAAA,EAAE,mBAAF,gBAAAA,EAAmB,OAAnB,gBAAAD,EAAuB,YAAW,KACzBF,EAAY;AAE9B,IAAAK,IAAS,MAAMb,IAAY,IAEbG,MACPU,IAAS,OAAOb,IAAYf,EAAM,SAAS,KAEpCqB;EAClB,GAGIQ,IAAgBC,EAAQ,MAAM9B,EAAM,IAAI,MAAM+B,GAA2B,GAAG,CAAC/B,CAAK,CAAC,GACnFgC,IAAeF,EAAQ,MAAM9B,EAAM,MAAM,CAAQiC,MAAAA,EAAK,WAAW,GAAG,CAACjC,CAAK,CAAC,GAE3EkC,IAA+BC;AAAA,IACnC,CAACC,MAAkB;AACF,MAAA5B,KACCc,KAChBN,EAAaoB,CAAK;AAAA,IACpB;AAAA,IACA,CAACd,GAAiBd,CAAc;AAAA,EAAA;AAGlC,SAAA6B,EAAoBhC,GAAK,OAAO;AAAA,IAC9B,YAAAO;AAAA,IACA,eAAAiB;AAAA,IACA,cAAcd;AAAA,IACd,WAAW,CAACqB,MAAkB;AAC5B,MAAApB,EAAaoB,CAAK;AAAA,IACpB;AAAA,EACA,EAAA,GAEFE,EAAU,MAAM;AACd,IAAIxB,EAAa,YACfA,EAAa,UAAU;AAAA,EAE3B,GAAG,CAAE,CAAA,GAELwB,EAAU,MAAM;AACd,IAAAtB,EAAa,CAAQI,MACfpB,EAAM,UAAU,KAEhBoB,KAAQpB,EAAM,SAAe,IAE1BC,CACR;AAAA,EACA,GAAA,CAACA,GAAcD,EAAM,MAAM,CAAC,GAG7B,gBAAAuC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,cAAclB;AAAA,QACd,YAAYG;AAAA,QACX,GAAI3B,EAAM,SAAS,KAAK;AAAA,UACvB,YAAYe,IAAY;AAAA,UACxB,oBAAoBD,EAAa,UAAU,IAAI;AAAA,QACjD;AAAA,QAEC,UAAMd,EAAA,IAAI,CAACiC,GAAMG,MAChB,gBAAAK,EAACE,GAAA,EAA0C,UAAAV,EAAK,QAAb,GAAAG,CAAqB,CACzD;AAAA,MAAA;AAAA,IACH;AAAA,IAECpC,EAAM,SAAS,uBACb4C,GAAA,EAAwB,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjF,UAAA,gBAAAL,EAACM,GAAA,EAAyB,gBAAgBnC,GACvC,UAAA;AAAA,MAAAV,EAAM,IAAI,CAACiC,GAAMG,wBACfU,GACC,EAAA,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,KAAKlB,EAAcO,CAAK;AAAA,UACxB,aAAaA,MAAUrB;AAAA,UACvB,cAAckB,EAAK;AAAA,UACnB,gBAAgBvB;AAAA,UAChB,SAAS,MAAMwB,EAA6BE,CAAK;AAAA,UAEhD,UAAAH,EAAK,eAAeG,MAAUrB,IAC7B,gBAAA0B,EAACO,IAAS,EAAA,KAAKC,EAAc,YAAY,KAAI,YAAA,CAAY,IAEzD,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,WAAWxC,IAAgB,cAAc;AAAA,cACzC,QAAQ0B,MAAUrB,IAAY,UAAU;AAAA,cACxC,eAAe;AAAA,cAEd,UAAQqB,IAAA;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA,EAEJ,GAnBwBA,CAoB1B,CACD;AAAA,MACAJ,KACC,gBAAAS,EAACU,IAAA,EACC,UAAA,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUC;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,IAAA,EAAA,CAEJ,EACF,CAAA;AAAA,MAGD5B,IAAA1B,EAAMe,CAAS,MAAf,gBAAAW,EAAkB,oCAChB6B,IAA4B,EAAA,UAAAvD,EAAMe,CAAS,EAAE,cAAc,CAAA;AAAA,EAEhE,EAAA,CAAA;AAEJ,GAEayC,KAAWC,EAAKC,EAAW3D,EAAiB,CAAC;"}

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

@@ -0,0 +1,9 @@
+const e = {
+  autoplay: !0,
+  loop: !1,
+  renderer: "canvas"
+};
+export {
+  e as allWorkOutsCompletedAnimationSetting
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/carousel/constants.ts"],"sourcesContent":["export const allWorkOutsCompletedAnimationSetting = {\n  autoplay: true,\n  loop: false,\n  renderer: 'canvas',\n};\n"],"names":["allWorkOutsCompletedAnimationSetting"],"mappings":"AAAO,MAAMA,IAAuC;AAAA,EAClD,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ;"}

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 { BadgeContainer } from './carousel-badge-style';\nimport type { IBadgeData } from './carousel-badge-type';\nimport { SingleBadge } from './carousel-single-badge';\n\ninterface BadgesGroupProps {\n  badges: IBadgeData[];\n  style?: React.CSSProperties;\n}\n\nexport const BadgesGroup: React.FC<BadgesGroupProps> = ({ badges, style }) => {\n  return (\n    <BadgeContainer style={style}>\n      {badges.map((badge, index) => (\n        <SingleBadge\n          key={index}\n          illustration={badge.illustration}\n          value={badge.value}\n          color={badge.color}\n          label={badge.label}\n        />\n      ))}\n    </BadgeContainer>\n  );\n};\n"],"names":["BadgesGroup","badges","style","BadgeContainer","badge","index","jsx","SingleBadge"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC,EAAE,QAAAC,GAAQ,OAAAC,0BAE7DC,GAAe,EAAA,OAAAD,GACb,YAAO,IAAI,CAACE,GAAOC,MAClB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,cAAcH,EAAM;AAAA,IACpB,OAAOA,EAAM;AAAA,IACb,OAAOA,EAAM;AAAA,IACb,OAAOA,EAAM;AAAA,EAAA;AAAA,EAJRC;AAMR,CAAA,EACH,CAAA;"}

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

@@ -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 { useTheme } from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport type { TColorNames } from '../../../../ui/types';\nimport { Badge, StyledIcon } from './carousel-badge-style';\n\nexport interface SingleBadgeProps {\n  illustration: string;\n  value: number | string;\n  color: TColorNames;\n  label?: string;\n}\n\nexport const SingleBadge: React.FC<SingleBadgeProps> = ({ illustration, value, color, label }) => {\n  const { device } = useTheme();\n  const useSmallFont = device <= EDeviceType.TABLET;\n\n  return (\n    <Badge>\n      <StyledIcon src={illustration} alt={label || 'badge'} />\n      <Text $renderAs={useSmallFont ? 'ub3' : 'ub2'} $color={color}>\n        {value} {label}\n      </Text>\n    </Badge>\n  );\n};\n"],"names":["SingleBadge","illustration","value","color","label","device","useTheme","useSmallFont","EDeviceType","Badge","jsx","StyledIcon","Text"],"mappings":";;;;;AAcO,MAAMA,IAA0C,CAAC,EAAE,cAAAC,GAAc,OAAAC,GAAO,OAAAC,GAAO,OAAAC,QAAY;AAC1F,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAeF,KAAUG,EAAY;AAE3C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA,KAAKV,GAAc,KAAKG,KAAS,SAAS;AAAA,sBACrDQ,GAAK,EAAA,WAAWL,IAAe,QAAQ,OAAO,QAAQJ,GACpD,UAAA;AAAA,MAAAD;AAAA,MAAM;AAAA,MAAEE;AAAA,IAAA,GACX;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -0,0 +1,66 @@
+import e from "styled-components";
+import n from "../../../../ui/layout/flex-view.js";
+import { GAME_LAUNCHER_SIZE as t } from "../card-container/constants.js";
+import { BORDER_WIDTH as r, GAME_LAUNCHER_ASSET_PADDING as i, PILL_SIZE as o } from "./constants.js";
+const l = e.div`
+  position: absolute;
+  z-index: 5;
+  height: ${t}px;
+  width: ${t}px;
+  border-radius: 50%;
+  border: ${r}px solid #fff;
+  cursor: pointer;
+`, c = e.div`
+  position: absolute;
+  height: ${t + i}px;
+  width: ${t + i}px;
+  border-radius: 50%;
+  top: ${-i / 2 - r}px;
+  left: ${-i / 2 - r}px;
+  z-index: 4;
+`, x = e.div`
+  height: ${o}px;
+  width: ${2 * o}px;
+  left: ${t / 2 - o / 2}px;
+  z-index: 6;
+  transform: translate(0%, -50%);
+`;
+e.div`
+  position: absolute;
+  width: ${t}px;
+  height: ${t}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 f = e.img`
+  position: absolute;
+  width: 100%;
+  object-fit: contain;
+  pointer-events: none;
+`, m = e.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+`, h = e(n)`
+  position: absolute;
+  display: flex;
+  justify-content: center;
+`;
+export {
+  m as CardWithTickWrapper,
+  l as CircularGameCardWrapper,
+  f as DisplayNameImage,
+  h as ExtendedFlexView,
+  x as PillTickContainer,
+  c 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 FlexView from '../../../../ui/layout/flex-view';\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING, BORDER_WIDTH, PILL_SIZE } from './constants';\n\nexport const CircularGameCardWrapper = styled.div`\n  position: absolute;\n  z-index: 5;\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  border-radius: 50%;\n  border: ${BORDER_WIDTH}px solid #fff;\n  cursor: pointer;\n`;\n\nexport const ProgressRingLottieContainer = styled.div`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  border-radius: 50%;\n  top: ${-GAME_LAUNCHER_ASSET_PADDING / 2 - BORDER_WIDTH}px;\n  left: ${-GAME_LAUNCHER_ASSET_PADDING / 2 - BORDER_WIDTH}px;\n  z-index: 4;\n`;\n\nexport const PillTickContainer = styled.div`\n  height: ${PILL_SIZE}px;\n  width: ${2 * PILL_SIZE}px;\n  left: ${GAME_LAUNCHER_SIZE / 2 - PILL_SIZE / 2}px;\n  z-index: 6;\n  transform: translate(0%, -50%);\n`;\nexport const GameCardSegmentWrapper = styled.div`\n  position: absolute;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  height: ${GAME_LAUNCHER_SIZE}px;\n  border-radius: 50%;\n  background: transparent;\n  overflow: hidden;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n\n  transform-origin: center;\n  transform: rotate(0deg); // change dynamically if needed\n`;\n\nexport const DisplayNameImage = styled.img`\n  position: absolute;\n  width: 100%;\n  object-fit: contain;\n  pointer-events: none;\n`;\n\nexport const CardWithTickWrapper = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  position: absolute;\n  display: flex;\n  justify-content: center;\n`;\n"],"names":["CircularGameCardWrapper","styled","GAME_LAUNCHER_SIZE","BORDER_WIDTH","ProgressRingLottieContainer","GAME_LAUNCHER_ASSET_PADDING","PillTickContainer","PILL_SIZE","DisplayNameImage","CardWithTickWrapper","ExtendedFlexView","FlexView"],"mappings":";;;;AAMO,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA,YAGlCC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA,YAEjBC,CAAY;AAAA;AAAA,GAIXC,IAA8BH,EAAO;AAAA;AAAA,YAEtCC,IAAqBG,CAA2B;AAAA,WACjDH,IAAqBG,CAA2B;AAAA;AAAA,SAElD,CAACA,IAA8B,IAAIF,CAAY;AAAA,UAC9C,CAACE,IAA8B,IAAIF,CAAY;AAAA;AAAA,GAI5CG,IAAoBL,EAAO;AAAA,YAC5BM,CAAS;AAAA,WACV,IAAIA,CAAS;AAAA,UACdL,IAAqB,IAAIK,IAAY,CAAC;AAAA;AAAA;AAAA;AAIVN,EAAO;AAAA;AAAA,WAElCC,CAAkB;AAAA,YACjBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcvB,MAAMM,IAAmBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO1BQ,IAAsBR,EAAO;AAAA;AAAA;AAAA;AAAA,GAM7BS,IAAmBT,EAAOU,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,81 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { memo as _, forwardRef as G, useRef as i, useState as d, useCallback as u, useImperativeHandle as v, useMemo as T } from "react";
+import { LOTTIE as g } from "../../../../../assets/lottie/lottie.js";
+import I from "../../../../ui/lottie-animation/lottie-animation.js";
+import { CardContainer as F } from "../card-container/card-container.js";
+import { GameCardContent as x } from "../game-card-content/game-card-content.js";
+import { CardWithTickWrapper as H, CircularGameCardWrapper as M, ProgressRingLottieContainer as N, DisplayNameImage as j, ExtendedFlexView as w, PillTickContainer as O } from "./circular-game-card-styled.js";
+const U = ({ data: r, label: L, initialValue: s = 0, value: t, maxValue: o = 1 }, h) => {
+  const l = i(null), a = i(null), c = i(null), [m, k] = d(!1), [P, R] = d("WHITE_T_87"), b = u(() => {
+    var e;
+    (e = r == null ? void 0 : r.onPress) == null || e.call(r);
+  }, [r]), y = u((e) => {
+    k(!0), R(e);
+  }, []);
+  v(h, () => ({
+    labelRef: l,
+    circularCardWrapperRef: a,
+    startLabelAnimation: y
+  }));
+  const p = T(() => {
+    if (o <= 0)
+      return;
+    const e = 92, C = e / o, E = Math.min(C * s, e), S = Math.min(C * t + 1, e);
+    return [E, S];
+  }, [s, o, t]), A = T(
+    () => ({
+      renderer: "canvas",
+      autoplay: !0,
+      loop: !1,
+      initialSegment: p
+    }),
+    [p]
+  ), W = {
+    autoplay: !1,
+    loop: !1,
+    renderer: "canvas"
+  };
+  return /* @__PURE__ */ f(H, { children: [
+    /* @__PURE__ */ n(
+      F,
+      {
+        ref: a,
+        labelRef: l,
+        label: L,
+        isAnimated: m,
+        labelColor: m ? P : "WHITE_T_60",
+        children: /* @__PURE__ */ f(M, { onClick: b, children: [
+          t !== 0 && /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(
+            I,
+            {
+              src: g.LEVELUP_RINGS,
+              settings: A,
+              animateOnIntersect: !0,
+              eventListener: {
+                name: "complete",
+                callback: () => {
+                  var e;
+                  (e = c.current) == null || e.play();
+                }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ n(x, { card: r.card, isCompleted: r.isCompleted }),
+          /* @__PURE__ */ n(j, { src: r.displayNameImage || void 0 })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(
+      I,
+      {
+        ref: c,
+        src: g.PILL_TICK,
+        settings: W
+      }
+    ) }) })
+  ] });
+}, V = _(G(U));
+export {
+  V 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 ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\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  const greenTickLottieRef = useRef<ILottieAnimationRef>(null);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n  const onCardClick = useCallback(() => {\n    data?.onPress?.();\n  }, [data]);\n\n  const startLabelAnimation = useCallback((color: TColorNames) => {\n    setIsAnimated(true);\n    setAnimatedColor(color);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    labelRef,\n    circularCardWrapperRef: cardWrapperRef,\n    startLabelAnimation,\n  }));\n\n  const animationSegments: [number, number] | undefined = useMemo(() => {\n    if (maxValue <= 0) {\n      return;\n    }\n\n    const totalFrames = 92;\n    const framesPerValue = totalFrames / maxValue;\n\n    const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n    const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n    return [initialFrameToPlay, finalFrameToPlay];\n  }, [initialValue, maxValue, value]);\n\n  const levelUpAnimationSettings = useMemo(\n    () => ({\n      renderer: 'canvas',\n      autoplay: true,\n      loop: false,\n      initialSegment: animationSegments,\n    }),\n    [animationSegments],\n  );\n\n  const greenTickAnimationSettings = {\n    autoplay: false,\n    loop: false,\n    renderer: 'canvas',\n  };\n\n  return (\n    <Styled.CardWithTickWrapper>\n      <CardContainer\n        ref={cardWrapperRef}\n        labelRef={labelRef}\n        label={gameCategoryLabel}\n        isAnimated={isAnimated}\n        labelColor={isAnimated ? animatedColor : 'WHITE_T_60'}\n      >\n        <Styled.CircularGameCardWrapper onClick={onCardClick}>\n          {value !== 0 && (\n            <Styled.ProgressRingLottieContainer>\n              <LottieAnimation\n                src={LOTTIE.LEVELUP_RINGS}\n                settings={levelUpAnimationSettings}\n                animateOnIntersect\n                eventListener={{\n                  name: 'complete',\n                  callback: () => {\n                    greenTickLottieRef.current?.play();\n                  },\n                }}\n              />\n            </Styled.ProgressRingLottieContainer>\n          )}\n          <GameCardContent card={data.card} isCompleted={data.isCompleted} />\n\n          <Styled.DisplayNameImage src={data.displayNameImage || undefined} />\n        </Styled.CircularGameCardWrapper>\n      </CardContainer>\n      <Styled.ExtendedFlexView>\n        <Styled.PillTickContainer>\n          <LottieAnimation\n            ref={greenTickLottieRef}\n            src={LOTTIE.PILL_TICK}\n            settings={greenTickAnimationSettings}\n          />\n        </Styled.PillTickContainer>\n      </Styled.ExtendedFlexView>\n    </Styled.CardWithTickWrapper>\n  );\n};\n\nexport const CircularGameCard = memo(forwardRef(CircularGameCardComponent));\n"],"names":["CircularGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","greenTickLottieRef","isAnimated","setIsAnimated","useState","animatedColor","setAnimatedColor","onCardClick","useCallback","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","greenTickAnimationSettings","jsxs","Styled.CardWithTickWrapper","jsx","CardContainer","Styled.CircularGameCardWrapper","Styled.ProgressRingLottieContainer","LottieAnimation","LOTTIE","GameCardContent","Styled.DisplayNameImage","Styled.ExtendedFlexView","Styled.PillTickContainer","CircularGameCard","memo","forwardRef"],"mappings":";;;;;;;AAoBA,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,GAC5CE,IAAqBF,EAA4B,IAAI,GACrD,CAACG,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAeC,CAAgB,IAAIF,EAAsB,YAAY,GAEtEG,IAAcC,EAAY,MAAM;;AACpC,KAAAC,IAAAjB,KAAA,gBAAAA,EAAM,YAAN,QAAAiB,EAAA,KAAAjB;AAAA,EAAgB,GACf,CAACA,CAAI,CAAC,GAEHkB,IAAsBF,EAAY,CAACG,MAAuB;AAC9D,IAAAR,EAAc,EAAI,GAClBG,EAAiBK,CAAK;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,EAAAC,EAAoBf,GAAK,OAAO;AAAA,IAC9B,UAAAC;AAAA,IACA,wBAAwBE;AAAA,IACxB,qBAAAU;AAAA,EACA,EAAA;AAEI,QAAAG,IAAkDC,EAAQ,MAAM;AACpE,QAAIlB,KAAY;AACd;AAGF,UAAMmB,IAAc,IACdC,IAAiBD,IAAcnB,GAE/BqB,IAAqB,KAAK,IAAID,IAAiBtB,GAAcqB,CAAW,GACxEG,IAAmB,KAAK,IAAIF,IAAiBrB,IAAQ,GAAGoB,CAAW;AAElE,WAAA,CAACE,GAAoBC,CAAgB;AAAA,EAC3C,GAAA,CAACxB,GAAcE,GAAUD,CAAK,CAAC,GAE5BwB,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,GAGdO,IAA6B;AAAA,IACjC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAIV,SAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKxB;AAAA,QACL,UAAAF;AAAA,QACA,OAAOL;AAAA,QACP,YAAAS;AAAA,QACA,YAAYA,IAAaG,IAAgB;AAAA,QAEzC,UAAC,gBAAAgB,EAAAI,GAAA,EAA+B,SAASlB,GACtC,UAAA;AAAA,UAAAZ,MAAU,KACT,gBAAA4B,EAACG,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,KAAKC,EAAO;AAAA,cACZ,UAAUT;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAe;AAAA,gBACb,MAAM;AAAA,gBACN,UAAU,MAAM;;AACd,mBAAAV,IAAAR,EAAmB,YAAnB,QAAAQ,EAA4B;AAAA,gBAC9B;AAAA,cACF;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,4BAEDoB,GAAgB,EAAA,MAAMrC,EAAK,MAAM,aAAaA,EAAK,aAAa;AAAA,4BAEhEsC,GAAA,EAAwB,KAAKtC,EAAK,oBAAoB,QAAW;AAAA,QAAA,GACpE;AAAA,MAAA;AAAA,IACF;AAAA,sBACCuC,GAAA,EACC,UAAC,gBAAAR,EAAAS,GAAA,EACC,UAAA,gBAAAT;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,KAAK1B;AAAA,QACL,KAAK2B,EAAO;AAAA,QACZ,UAAUR;AAAA,MAAA;AAAA,OAEd,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEaa,IAAmBC,EAAKC,EAAW5C,CAAyB,CAAC;"}

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

@@ -0,0 +1,8 @@
+import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
+const o = E * 17.5 / 100, t = Math.ceil(E / 200), A = E >= 296 ? 60 : 40;
+export {
+  t as BORDER_WIDTH,
+  o as GAME_LAUNCHER_ASSET_PADDING,
+  A as PILL_SIZE
+};
+//# 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 = Math.ceil(GAME_LAUNCHER_SIZE / 200);\n\nexport const PILL_SIZE = GAME_LAUNCHER_SIZE >= 296 ? 60 : 40;\n"],"names":["GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_SIZE","BORDER_WIDTH","PILL_SIZE"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAE5DC,IAAe,KAAK,KAAKD,IAAqB,GAAG,GAEjDE,IAAYF,KAAsB,MAAM,KAAK;"}

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,57 @@
+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 a = 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;
+`, p = 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;
+  }
+`;
+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;
+`;
+export {
+  p as AssetContainer,
+  a as GameCardSegmentWrapper
+};
+//# 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`;\n\nexport const AssetContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  width: ${ASSET_CONTAINER_SIZE}px;\n  height: ${ASSET_CONTAINER_SIZE}px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  background-color: transparent;\n  z-index: 1;\n  flex-shrink: 0;\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.WHITE_T_15};\n    cursor: pointer;\n  }\n`;\n\nexport const CircularOverlay = styled.div`\n  position: absolute;\n  height: ${ASSET_CONTAINER_SIZE}px;\n  width: ${ASSET_CONTAINER_SIZE}px;\n  z-index: 5;\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  /* pointer-events: none; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":["GameCardSegmentWrapper","styled","GAME_LAUNCHER_SIZE","AssetContainer","ASSET_CONTAINER_SIZE","theme"],"mappings":";;;AAKO,MAAMA,IAAyBC,EAAO;AAAA;AAAA,WAElCC,CAAkB;AAAA,YACjBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAajBC,IAAiBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM1BG,CAAoB;AAAA,YACnBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAYd,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAKzBJ,EAAO;AAAA;AAAA,YAE1BG,CAAoB;AAAA,WACrBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as t } from "react";
+import n from "../../../../ui/lottie-animation/lottie-animation.js";
+import { GameCardSegmentWrapper as o, AssetContainer as m } from "./game-card-content-styled.js";
+const i = { renderer: "canvas", loop: !0 }, d = t(({ card: e }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(n, { src: e, settings: i, animateOnIntersect: !0 }) }) }));
+export {
+  d 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 { memo } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './game-card-content-styled';\nimport type { IGameCardContentProps } from './game-card-content-types';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const GameCardContent = memo(({ card }: IGameCardContentProps) => {\n  return (\n    <Styled.GameCardSegmentWrapper>\n      <Styled.AssetContainer>\n        <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n      </Styled.AssetContainer>\n    </Styled.GameCardSegmentWrapper>\n  );\n});\n"],"names":["renderSettings","GameCardContent","memo","card","Styled.GameCardSegmentWrapper","jsx","Styled.AssetContainer","LottieAnimation"],"mappings":";;;;AAMA,MAAMA,IAAiB,EAAE,UAAU,UAAU,MAAM,GAAK,GAE3CC,IAAkBC,EAAK,CAAC,EAAE,MAAAC,0BAElCC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,KAAKJ,GAAM,UAAUH,GAAgB,oBAAkB,GAAC,CAAA,GAC3E,EACF,CAAA,CAEH;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/segmented-game-card/constants.ts"],"sourcesContent":["import { GAME_LAUNCHER_SIZE } from '../card-container/constants';\n\nexport const GAME_LAUNCHER_ASSET_PADDING = (GAME_LAUNCHER_SIZE * 17.5) / 100;\n\n// to show the stroke of the card below points, this width needs to be reduced\nexport const GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH = 5;\n\n// asset container needs to be 350/400 % of GAME LAUNCHER SIZE\nexport const ASSET_CONTAINER_SIZE = Math.ceil((GAME_LAUNCHER_SIZE * 87.5) / 100);\n\n// ASSET x-axis OFFSET needs to be 37.5 % of 1/2 of GAME LAUNCHER SIZE\nexport const ASSET_OFFSET_X = (GAME_LAUNCHER_SIZE / 2) * (37.5 / 100);\n\n// ASSET y-axis OFFSET needs to be 37.5 % of 1/2 of GAME LAUNCHER SIZE\nexport const ASSET_OFFSET_Y = (GAME_LAUNCHER_SIZE / 2) * (12.5 / 100);\n\nconst RADIAN = Math.PI / 180;\n\nexport const BORDER_WIDTH = 2;\n\n// delta created by a segment from x axis is 30deg\n// sin30 = delta/(CARD_SIZE/2)\nexport const delta =\n  Math.sin(30 * RADIAN) * (GAME_LAUNCHER_SIZE / 2 - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH);\n"],"names":["GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAG5DC,IAA2C;"}

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

@@ -0,0 +1,14 @@
+import o from "styled-components";
+import { GAME_LAUNCHER_SIZE as t } from "../card-container/constants.js";
+const e = o.div`
+  position: absolute;
+  inset: 0;
+  z-index: 9999;
+  background: transparent;
+  height: ${1.5 * t}px;
+  width: ${t}px;
+`;
+export {
+  e as Overlay
+};
+//# sourceMappingURL=swipeable-card-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\n\nexport const Overlay = styled.div`\n  position: absolute;\n  inset: 0;\n  z-index: 9999;\n  background: transparent;\n  height: ${1.5 * GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n`;\n"],"names":["Overlay","styled","GAME_LAUNCHER_SIZE"],"mappings":";;AAIO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKlB,MAAMC,CAAkB;AAAA,WACzBA,CAAkB;AAAA;"}

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

@@ -0,0 +1,24 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useRef as e } from "react";
+import { Overlay as m } from "./swipeable-card-styled.js";
+const b = ({
+  onSwipeLeft: t,
+  onSwipeRight: n,
+  minSwipeDistance: o = 50
+}) => {
+  const s = e(0), u = e(0), a = (c) => {
+    var r;
+    s.current = ((r = c.changedTouches[0]) == null ? void 0 : r.clientX) || 0;
+  }, l = (c) => {
+    var r;
+    u.current = ((r = c.changedTouches[0]) == null ? void 0 : r.clientX) || 0, d();
+  }, d = () => {
+    const c = s.current - u.current;
+    Math.abs(c) < o || (c > 0 ? t == null || t() : n == null || n());
+  };
+  return /* @__PURE__ */ h(m, { onTouchStart: a, onTouchEnd: l });
+};
+export {
+  b as default
+};
+//# sourceMappingURL=swipeable-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-card.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/comps/swipable-card/swipeable-card.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { Overlay } from './swipeable-card-styled';\n\ninterface ISwipeableFullScreenProps {\n  onSwipeLeft?: () => void;\n  onSwipeRight?: () => void;\n  minSwipeDistance?: number;\n}\n\nconst SwipeableFullScreen: React.FC<ISwipeableFullScreenProps> = ({\n  onSwipeLeft,\n  onSwipeRight,\n  minSwipeDistance = 50,\n}) => {\n  const touchStartX = useRef(0);\n  const touchEndX = useRef(0);\n\n  const onTouchStart = (e: React.TouchEvent) => {\n    touchStartX.current = e.changedTouches[0]?.clientX || 0;\n  };\n\n  const onTouchEnd = (e: React.TouchEvent) => {\n    touchEndX.current = e.changedTouches[0]?.clientX || 0;\n    handleSwipe();\n  };\n\n  const handleSwipe = () => {\n    const distance = touchStartX.current - touchEndX.current;\n\n    if (Math.abs(distance) < minSwipeDistance) return;\n\n    if (distance > 0) {\n      onSwipeLeft?.();\n    } else {\n      onSwipeRight?.();\n    }\n  };\n\n  return <Overlay onTouchStart={onTouchStart} onTouchEnd={onTouchEnd} />;\n};\n\nexport default SwipeableFullScreen;\n"],"names":["SwipeableFullScreen","onSwipeLeft","onSwipeRight","minSwipeDistance","touchStartX","useRef","touchEndX","onTouchStart","e","_a","onTouchEnd","handleSwipe","distance","jsx","Overlay"],"mappings":";;;AAUA,MAAMA,IAA2D,CAAC;AAAA,EAChE,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAM;AACE,QAAAC,IAAcC,EAAO,CAAC,GACtBC,IAAYD,EAAO,CAAC,GAEpBE,IAAe,CAACC,MAAwB;;AAC5C,IAAAJ,EAAY,YAAUK,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW;AAAA,EAAA,GAGlDC,IAAa,CAACF,MAAwB;;AAC1C,IAAAF,EAAU,YAAUG,IAAAD,EAAE,eAAe,CAAC,MAAlB,gBAAAC,EAAqB,YAAW,GACxCE;EAAA,GAGRA,IAAc,MAAM;AAClB,UAAAC,IAAWR,EAAY,UAAUE,EAAU;AAEjD,IAAI,KAAK,IAAIM,CAAQ,IAAIT,MAErBS,IAAW,IACCX,KAAA,QAAAA,MAECC,KAAA,QAAAA;AAAA,EACjB;AAGK,SAAA,gBAAAW,EAACC,GAAQ,EAAA,cAAAP,GAA4B,YAAAG,EAAwB,CAAA;AACtE;"}

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 { AnimationSegment } from 'lottie-web';\n\nimport type { TColorNames } from '../../../../ui/types';\nimport type { TTableMode } from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\n\nexport const TABLE_REVEAL_ANIMATION = {\n  REVEAL: [0, 15] as AnimationSegment,\n  REVEAL_CONTENT: [8, 15] as AnimationSegment,\n  DISAPPEAR_CONTENT: [21, 29] as AnimationSegment,\n  DISAPPEAR: [21, 38] as AnimationSegment,\n};\n\nexport const TABLE_MODE_LABEL_COLOR: Partial<Record<TTableMode, TColorNames>> = {\n  random: 'BLUE_4',\n  sequence: 'YELLOW_4',\n  advance: 'PURPLE_4',\n};\n\n// z-index 1 to 20 are for table number arc segments\nexport const TABLE_CARD_SHADOW_Z_INDEX = 50;\nexport const INFINITE_MODE_Z_INDEX = TABLE_CARD_SHADOW_Z_INDEX + 1;\nexport const TABLE_MODE_CONTAINER_Z_INDEX = 100;\n\n// table modes\nexport const TABLE_MODE_OVERLAY_Z_INDEX = 1;\nexport const ABSOLUTE_VIEW_Z_INDEX = 2;\nexport const INFINITE_MODE_TEXT = 'INFINITY MODE';\n\nexport const NORMAL_TABLE_MODES = ['sequence', 'random', 'advance'] as Exclude<\n  TTableMode,\n  'infinite'\n>[];\n"],"names":["TABLE_REVEAL_ANIMATION","TABLE_MODE_LABEL_COLOR","TABLE_CARD_SHADOW_Z_INDEX","INFINITE_MODE_Z_INDEX","TABLE_MODE_CONTAINER_Z_INDEX","TABLE_MODE_OVERLAY_Z_INDEX","ABSOLUTE_VIEW_Z_INDEX","INFINITE_MODE_TEXT","NORMAL_TABLE_MODES"],"mappings":"AAKO,MAAMA,IAAyB;AAAA,EACpC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACd,gBAAgB,CAAC,GAAG,EAAE;AAAA,EACtB,mBAAmB,CAAC,IAAI,EAAE;AAAA,EAC1B,WAAW,CAAC,IAAI,EAAE;AACpB,GAEaC,IAAmE;AAAA,EAC9E,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAGaC,IAA4B,IAC5BC,IAAwBD,IAA4B,GACpDE,IAA+B,KAG/BC,IAA6B,GAC7BC,IAAwB,GACxBC,IAAqB,iBAErBC,IAAqB,CAAC,YAAY,UAAU,SAAS;"}

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 React from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from '../tables-card-styled';\nimport type { InfiniteButtonCardProps } from './infinite-mode-launcher-button-type';\n\nconst rendererSettings = {\n  renderer: 'canvas',\n};\n\nconst InfiniteButtonCard: React.FC<InfiniteButtonCardProps> = ({\n  onClick,\n  onMouseOver,\n  onMouseLeave,\n  buttonRef,\n}) => {\n  return (\n    <Styled.InfiniteButtonWrapper\n      ref={buttonRef}\n      onClick={onClick}\n      onMouseOver={onMouseOver}\n      onMouseLeave={onMouseLeave}\n    >\n      <Styled.ExtendedAbsoluteView>\n        <LottieAnimation\n          src={LOTTIE.INFINITE_BUTTON_BG}\n          settings={rendererSettings}\n          animateOnIntersect\n        />\n      </Styled.ExtendedAbsoluteView>\n      <Styled.ExtendedAbsoluteView>\n        <LottieAnimation\n          src={LOTTIE.INFINITE_BUTTON_SYMBOL}\n          settings={rendererSettings}\n          animateOnIntersect\n        />\n      </Styled.ExtendedAbsoluteView>\n    </Styled.InfiniteButtonWrapper>\n  );\n};\n\nexport default React.memo(InfiniteButtonCard);\n"],"names":["rendererSettings","InfiniteButtonCard","onClick","onMouseOver","onMouseLeave","buttonRef","jsxs","Styled.InfiniteButtonWrapper","jsx","Styled.ExtendedAbsoluteView","LottieAnimation","LOTTIE","InfiniteButtonCard$1","React"],"mappings":";;;;;AAOA,MAAMA,IAAmB;AAAA,EACvB,UAAU;AACZ,GAEMC,IAAwD,CAAC;AAAA,EAC7D,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAKF;AAAA,IACL,SAAAH;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAI,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUX;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAQ,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUX;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNY,IAAeC,EAAM,KAAKZ,CAAkB;"}

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 React from 'react';\n\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport { useCircleSounds } from '../../../../hooks/use-circle-sounds/use-circle-sounds';\nimport type { CircleSoundKey } from '../../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport {\n  COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP,\n  LOTTIE_MAP,\n  splEventsLottieSettings,\n} from './constants';\nimport { StyledSpecialEventsText } from './spl-events-text-style';\nimport type { ISplEventsTextProps } from './spl-events-text-types';\nimport { TSplEventsLottieType } from './spl-events-text-types';\n\nexport const SplEventsText = React.memo(({ completedModes }: ISplEventsTextProps) => {\n  const { play } = useCircleSounds();\n  const completedModesCount = completedModes.length;\n\n  const splEvent =\n    COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP[completedModesCount] || TSplEventsLottieType.KEEP_IT_UP;\n\n  const { src, audio } = LOTTIE_MAP[splEvent];\n\n  return (\n    <StyledSpecialEventsText>\n      <LottieAnimation\n        src={src}\n        settings={splEventsLottieSettings}\n        onRender={() => play(audio as CircleSoundKey)}\n      />\n    </StyledSpecialEventsText>\n  );\n});\n"],"names":["SplEventsText","React","completedModes","play","useCircleSounds","completedModesCount","splEvent","COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP","TSplEventsLottieType","src","audio","LOTTIE_MAP","StyledSpecialEventsText","jsx","LottieAnimation","splEventsLottieSettings"],"mappings":";;;;;;;AAcO,MAAMA,IAAgBC,EAAM,KAAK,CAAC,EAAE,gBAAAC,QAA0C;AAC7E,QAAA,EAAE,MAAAC,MAASC,KACXC,IAAsBH,EAAe,QAErCI,IACJC,EAAsCF,CAAmB,KAAKG,EAAqB,YAE/E,EAAE,KAAAC,GAAK,OAAAC,EAAM,IAAIC,EAAWL,CAAQ;AAE1C,2BACGM,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,UAAUM;AAAA,MACV,UAAU,MAAMZ,EAAKO,CAAuB;AAAA,IAAA;AAAA,EAEhD,EAAA,CAAA;AAEJ,CAAC;"}

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;"}