@cuemath/leap 3.0.6 → 3.0.7-hg1

package/dist/features/circle-games/comps/info-bar/info-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-bar.js","sources":["../../../../../src/features/circle-games/comps/info-bar/info-bar.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../../../ui/types';\nimport type { IInfoBarProps } from './info-bar-types';\n\nimport { useMemo } from 'react';\n\nimport * as Styled from './info-bar-styled';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_6`, borderColor: `${hue}_4` };\n};\n\nexport const InfoBar: React.FC<IInfoBarProps> = ({ children, hue }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <Styled.InfoBarWrapper $background={backgroundColor} $borderColor={borderColor}>\n      {children}\n    </Styled.InfoBarWrapper>\n  );\n};\n"],"names":["computeColorsFromHue","hue","InfoBar","children","backgroundColor","borderColor","useMemo","jsx","Styled.InfoBarWrapper"],"mappings":";;;AAOA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAG9CC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,QAAU;AAC/D,QAAA,EAAE,iBAAAG,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMN,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAM,EAACC,GAAA,EAAsB,aAAaJ,GAAiB,cAAcC,GAChE,UAAAF,EACH,CAAA;AAEJ;"}

package/dist/features/circle-games/enum/circle-action-ids.js

@@ -1,5 +0,0 @@
-var r = /* @__PURE__ */ ((e) => (e.STREAK_DECREASED = "streak_decreased", e))(r || {});
-export {
-  r as CIRCLE_ACTION_IDS
-};
-//# sourceMappingURL=circle-action-ids.js.map

package/dist/features/circle-games/enum/circle-action-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle-action-ids.js","sources":["../../../../src/features/circle-games/enum/circle-action-ids.ts"],"sourcesContent":["export enum CIRCLE_ACTION_IDS {\n  STREAK_DECREASED = 'streak_decreased',\n}\n"],"names":["CIRCLE_ACTION_IDS"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBADTA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/enum/circle-onboarding-steps.js

@@ -1,5 +0,0 @@
-var a = /* @__PURE__ */ ((t) => (t.SKILL_ACTIVITY = "skill_activity", t.GAMES_ACTIVITY = "games_activity", t.PUZZLE_ACTIVITY = "puzzle_activity", t.TUTORIAL = "tutorial", t.POINTS = "points", t.STREAK = "streak", t.LEADERBOARD = "leaderboard", t.TABLES = "tables", t))(a || {});
-export {
-  a as CIRCLE_ONBOARDING_ANALYTICS_STEPS
-};
-//# sourceMappingURL=circle-onboarding-steps.js.map

package/dist/features/circle-games/enum/circle-onboarding-steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle-onboarding-steps.js","sources":["../../../../src/features/circle-games/enum/circle-onboarding-steps.ts"],"sourcesContent":["export enum CIRCLE_ONBOARDING_ANALYTICS_STEPS {\n  SKILL_ACTIVITY = 'skill_activity',\n  GAMES_ACTIVITY = 'games_activity',\n  PUZZLE_ACTIVITY = 'puzzle_activity',\n  TUTORIAL = 'tutorial',\n  POINTS = 'points',\n  STREAK = 'streak',\n  LEADERBOARD = 'leaderboard',\n  TABLES = 'tables',\n}\n"],"names":["CIRCLE_ONBOARDING_ANALYTICS_STEPS"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,SAAS,UARCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js

@@ -1,5 +0,0 @@
-const c = "/api/v1/circle";
-export {
-  c as BASE_URL
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/api/get-content-for-today/constants.ts"],"sourcesContent":["export const BASE_URL = '/api/v1/circle';\n"],"names":["BASE_URL"],"mappings":"AAAO,MAAMA,IAAW;"}

package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js

@@ -1,10 +0,0 @@
-import { createGetAPI as r } from "@cuemath/rest-api";
-import { BASE_URL as i } from "./constants.js";
-const { useGet: n, invalidate: a } = r({
-  getURL: (c, { user_id: e, country_code: t, grade: o }) => `${i}/circle-home/?intelenrollment_id=${e}&country_code=${t}&grade=${o}`
-});
-export {
-  a as invalidateCircleHomeAPI,
-  n as useGetCircleHomeAPI
-};
-//# sourceMappingURL=get-circle-home-api.js.map

package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-circle-home-api.js","sources":["../../../../../../src/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.ts"],"sourcesContent":["import type {\n  IGetCircleHomeResponseModel,\n  IGetCircleHomePayloadModel,\n} from './get-circle-home-api-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL } from './constants';\n\nexport const { useGet: useGetCircleHomeAPI, invalidate: invalidateCircleHomeAPI } = createGetAPI<\n  IGetCircleHomeResponseModel,\n  IGetCircleHomePayloadModel\n>({\n  getURL: (_, { user_id, country_code, grade }) =>\n    `${BASE_URL}/circle-home/?intelenrollment_id=${user_id}&country_code=${country_code}&grade=${grade}`,\n});\n"],"names":["useGetCircleHomeAPI","invalidateCircleHomeAPI","createGetAPI","_","user_id","country_code","grade","BASE_URL"],"mappings":";;AASO,MAAM,EAAE,QAAQA,GAAqB,YAAYC,EAAA,IAA4BC,EAGlF;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,SAAAC,GAAS,cAAAC,GAAc,OAAAC,EAAA,MACnC,GAAGC,CAAQ,oCAAoCH,CAAO,iBAAiBC,CAAY,UAAUC,CAAK;AACtG,CAAC;"}

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

@@ -1,53 +0,0 @@
-import t from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
-import n from "../../../../ui/text/text.js";
-import { GAME_LAUNCHER_SIZE as i } from "./constants.js";
-const p = t.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-`, d = t(o)`
-  position: absolute;
-  top: -28px;
-  display: flex;
-  justify-content: center;
-`, f = t.div`
-  position: relative;
-  border-radius: ${i}px;
-  border: ${({ $strokeColor: e }) => e ? `2px solid ${e}` : "0 solid transparent"};
-  height: ${i}px;
-  width: ${i}px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-  align-self: center;
-  backdrop-filter: blur(0px);
-  flex-shrink: 0;
-`, c = t(n)`
-  transition: color 0.5s ease-in-out;
-
-  ${({ $isAnimated: e }) => e && `
-      animation: zoomInOut 1s ease-in-out infinite;
-    `}
-
-  @keyframes zoomInOut {
-    0% {
-      transform: scale(1);
-    }
-    50% {
-      transform: scale(1.05);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-`;
-export {
-  c as AnimatedLabel,
-  f as CardContainer,
-  p as CardWrapper,
-  d as ExtendedFlexView
-};
-//# sourceMappingURL=card-container-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card-container-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { GAME_LAUNCHER_SIZE } from './constants';\n\nexport const CardWrapper = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  position: absolute;\n  top: -28px;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const CardContainer = styled.div<{ $strokeColor?: TColorNames }>`\n  position: relative;\n  border-radius: ${GAME_LAUNCHER_SIZE}px;\n  border: ${({ $strokeColor }) =>\n    $strokeColor ? `2px solid ${$strokeColor}` : '0 solid transparent'};\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  align-self: center;\n  backdrop-filter: blur(0px);\n  flex-shrink: 0;\n`;\n\nexport const AnimatedLabel = styled(Text)<{ $isAnimated: boolean }>`\n  transition: color 0.5s ease-in-out;\n\n  ${({ $isAnimated }) =>\n    $isAnimated &&\n    `\n      animation: zoomInOut 1s ease-in-out infinite;\n    `}\n\n  @keyframes zoomInOut {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.05);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n`;\n"],"names":["CardWrapper","styled","ExtendedFlexView","FlexView","CardContainer","GAME_LAUNCHER_SIZE","$strokeColor","AnimatedLabel","Text","$isAnimated"],"mappings":";;;;AAQO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBC,IAAmBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlCC,IAAgBH,EAAO;AAAA;AAAA,mBAEjBI,CAAkB;AAAA,YACzB,CAAC,EAAE,cAAAC,EAAa,MACxBA,IAAe,aAAaA,CAAY,KAAK,qBAAqB;AAAA,YAC1DD,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWhBE,IAAgBN,EAAOO,CAAI;AAAA;AAAA;AAAA,IAGpC,CAAC,EAAE,aAAAC,QACHA,KACA;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,33 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { memo as C, forwardRef as f } from "react";
-import { CardWrapper as b, ExtendedFlexView as p, AnimatedLabel as $, CardContainer as h } from "./card-container-styled.js";
-const x = (e, o) => {
-  const {
-    children: n,
-    strokeColor: a,
-    label: t,
-    isAnimated: l,
-    labelRef: i,
-    showLabel: d = !0,
-    labelColor: s,
-    ...c
-  } = e;
-  return /* @__PURE__ */ m(b, { ...c, children: [
-    /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
-      $,
-      {
-        ref: i,
-        $renderAs: "ac4-black",
-        $align: "center",
-        $color: s,
-        $isAnimated: l,
-        children: d ? t : ""
-      }
-    ) }),
-    /* @__PURE__ */ r(h, { ref: o, $strokeColor: a, children: n })
-  ] });
-}, j = C(f(x));
-export {
-  j as CardContainer
-};
-//# sourceMappingURL=card-container.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card-container.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container.tsx"],"sourcesContent":["import type { ICardContainerProps } from './card-container-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo } from 'react';\n\nimport * as Styled from './card-container-styled';\n\nconst Container: ForwardRefRenderFunction<HTMLDivElement, ICardContainerProps> = (props, ref) => {\n  const {\n    children,\n    strokeColor,\n    label,\n    isAnimated,\n    labelRef,\n    showLabel = true,\n    labelColor,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.CardWrapper {...rest}>\n      <Styled.ExtendedFlexView>\n        <Styled.AnimatedLabel\n          ref={labelRef}\n          $renderAs=\"ac4-black\"\n          $align=\"center\"\n          $color={labelColor}\n          $isAnimated={isAnimated}\n        >\n          {showLabel ? label : ''}\n        </Styled.AnimatedLabel>\n      </Styled.ExtendedFlexView>\n      <Styled.CardContainer ref={ref} $strokeColor={strokeColor}>\n        {children}\n      </Styled.CardContainer>\n    </Styled.CardWrapper>\n  );\n};\n\nexport const CardContainer = memo(forwardRef(Container));\n"],"names":["Container","props","ref","children","strokeColor","label","isAnimated","labelRef","showLabel","labelColor","rest","jsxs","Styled.CardWrapper","jsx","Styled.ExtendedFlexView","Styled.AnimatedLabel","Styled.CardContainer","CardContainer","memo","forwardRef"],"mappings":";;;AAOA,MAAMA,IAA2E,CAACC,GAAOC,MAAQ;AACzF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT;AAEJ,SACG,gBAAAU,EAAAC,GAAA,EAAoB,GAAGF,GACtB,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAU;AAAA,QACV,QAAO;AAAA,QACP,QAAQE;AAAA,QACR,aAAaH;AAAA,QAEZ,cAAYD,IAAQ;AAAA,MAAA;AAAA,IAAA,GAEzB;AAAA,sBACCW,GAAA,EAAqB,KAAAd,GAAU,cAAcE,GAC3C,UAAAD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEac,IAAgBC,EAAKC,EAAWnB,CAAS,CAAC;"}

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

@@ -1,7 +0,0 @@
-const A = 296, _ = 400, E = window.innerWidth >= 600 && window.innerHeight >= 800 ? 400 : 296, L = E;
-export {
-  L as GAME_LAUNCHER_SIZE,
-  _ as GAME_LAUNCHER_SIZE_LARGE,
-  A as GAME_LAUNCHER_SIZE_SMALL
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/constants.ts"],"sourcesContent":["export const GAME_LAUNCHER_SIZE_SMALL = 296;\nexport const GAME_LAUNCHER_SIZE_LARGE = 400;\n\nconst CARD_CONTAINER_SIZE =\n  window.innerWidth >= 600 && window.innerHeight >= 800\n    ? GAME_LAUNCHER_SIZE_LARGE\n    : GAME_LAUNCHER_SIZE_SMALL;\n\nexport const GAME_LAUNCHER_SIZE = CARD_CONTAINER_SIZE;\n"],"names":["GAME_LAUNCHER_SIZE_SMALL","GAME_LAUNCHER_SIZE_LARGE","CARD_CONTAINER_SIZE","GAME_LAUNCHER_SIZE"],"mappings":"AAAO,MAAMA,IAA2B,KAC3BC,IAA2B,KAElCC,IACJ,OAAO,cAAc,OAAO,OAAO,eAAe,MAC9C,MACA,KAEOC,IAAqBD;"}

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

@@ -1,39 +0,0 @@
-import e from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
-const s = e.div`
-  width: 100%;
-  position: relative;
-  display: flex;
-  justify-content: center;
-`, l = e.div`
-  display: flex;
-  width: 100%;
-  flex-grow: 1;
-  transform: ${({ $translate: t }) => `translateX(${-t}%)`};
-  transition: ${({ $translateDuration: t }) => `all ${t}ms ease-in`};
-`, a = e.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-grow: 1;
-  flex-shrink: 0;
-`, d = e.div`
-  border: 1px solid ${({ theme: t }) => t.colors.WHITE};
-  height: 8px;
-  width: 8px;
-  border-radius: 100%;
-  margin: 0 4px;
-  background: ${({ theme: t, $isActive: r }) => r ? t.colors.WHITE : "transparent"};
-  cursor: pointer;
-`, p = e(o)`
-  bottom: -32px;
-`;
-export {
-  s as Carousel,
-  a as CarouselItemContainer,
-  l as CarouselWrapper,
-  p as ExtendedFlexView,
-  d as Indicator
-};
-//# sourceMappingURL=carousel-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const Carousel = styled.div`\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\nexport const CarouselWrapper = styled.div<{ $translate: number; $translateDuration: number }>`\n  display: flex;\n  width: 100%;\n  flex-grow: 1;\n  transform: ${({ $translate }) => `translateX(${-$translate}%)`};\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n`;\n\nexport const CarouselItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n`;\n\nexport const Indicator = styled.div<{ $isActive?: boolean }>`\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  height: 8px;\n  width: 8px;\n  border-radius: 100%;\n  margin: 0 4px;\n  background: ${({ theme, $isActive }) => ($isActive ? theme.colors.WHITE : 'transparent')};\n  cursor: pointer;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  bottom: -32px;\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Indicator","theme","$isActive","ExtendedFlexView","FlexView"],"mappings":";;AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAMlBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,QAAiB,cAAc,CAACA,CAAU,IAAI;AAAA,gBAChD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA,GAGpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BK,IAAYL,EAAO;AAAA,sBACV,CAAC,EAAE,OAAAM,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKvC,CAAC,EAAE,OAAAA,GAAO,WAAAC,QAAiBA,IAAYD,EAAM,OAAO,QAAQ,aAAc;AAAA;AAAA,GAI7EE,IAAmBR,EAAOS,CAAQ;AAAA;AAAA;"}

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

@@ -1,85 +0,0 @@
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { memo as j, forwardRef as x, useMemo as u, useRef as b, useState as z, createRef as B, useCallback as d, useImperativeHandle as D, useEffect as $ } from "react";
-import E from "../../../../../assets/line-icons/icons/carat-left.js";
-import F from "../../../../../assets/line-icons/icons/carat-right.js";
-import R from "../../../../ui/buttons/icon-button/icon-button.js";
-import g from "../../../../ui/separator/separator.js";
-import { Carousel as M, CarouselWrapper as S, CarouselItemContainer as H, ExtendedFlexView as T, Indicator as V } from "./carousel-styled.js";
-const W = ({ items: t, defaultIndex: l = 0, onNext: s, onPrev: c, analyticsPrev: m, analyticsNext: p }, k) => {
-  const f = u(() => m, [m]), C = u(() => p, [p]), h = b(null), i = b(!0), [o, n] = z(l), I = u(() => t.map(() => B()), [t]), w = d(() => {
-    c == null || c(), n((r) => r - 1);
-  }, [c]), A = d(() => {
-    s == null || s(), n((r) => r + 1);
-  }, [s]), L = d((r) => {
-    n(r);
-  }, []);
-  return D(k, () => ({
-    nextBtnRef: h,
-    indicatorRefs: I,
-    currentIndex: o,
-    goToIndex: (r) => {
-      n(r);
-    }
-  })), $(() => {
-    i.current && (i.current = !1);
-  }, []), $(() => {
-    n(l);
-  }, [l]), /* @__PURE__ */ y(M, { children: [
-    /* @__PURE__ */ e(
-      S,
-      {
-        $translate: o * 100,
-        $translateDuration: i.current ? 0 : 300,
-        children: t.map((r, a) => /* @__PURE__ */ e(H, { children: r }, a))
-      }
-    ),
-    t.length > 1 && /* @__PURE__ */ y(
-      T,
-      {
-        $flexDirection: "row",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $position: "absolute",
-        children: [
-          /* @__PURE__ */ e(
-            R,
-            {
-              renderAs: "secondary",
-              Icon: E,
-              onClick: w,
-              analyticsLabel: f.analyticsLabel,
-              analyticsProps: f.analyticsProps,
-              disabled: o === 0
-            }
-          ),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          t.map((r, a) => /* @__PURE__ */ e(
-            V,
-            {
-              ref: I[a],
-              $isActive: a === o,
-              onClick: () => L(a)
-            },
-            a
-          )),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(
-            R,
-            {
-              renderAs: "secondary",
-              Icon: F,
-              onClick: A,
-              analyticsLabel: C.analyticsLabel,
-              analyticsProps: C.analyticsProps,
-              disabled: o === t.length - 1
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}, Q = j(x(W));
-export {
-  Q as Carousel
-};
-//# sourceMappingURL=carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null);\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(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n            analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n              analyticsProps={memoizedAnalyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":";;;;;;;AAqBA,MAAMA,IAA6E,CACjF,EAAE,OAAAC,GAAO,cAAAC,IAAe,GAAG,QAAAC,GAAQ,QAAAC,GAAQ,eAAAC,GAAe,eAAAC,EAAc,GACxEC,MACG;AACH,QAAMC,IAAwBC,EAAQ,MAAMJ,GAAe,CAACA,CAAa,CAAC,GACpEK,IAAwBD,EAAQ,MAAMH,GAAe,CAACA,CAAa,CAAC,GAEpEK,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAO,EAAI,GAC1B,CAACE,GAAWC,CAAY,IAAIC,EAASd,CAAY,GAGjDe,IAAgBR,EAAQ,MAAMR,EAAM,IAAI,MAAMiB,GAA2B,GAAG,CAACjB,CAAK,CAAC,GAEnFkB,IAAqBC,EAAY,MAAM;AAClC,IAAAhB,KAAA,QAAAA,KACIW,EAAA,CAAAM,MAAQA,IAAO,CAAC;AAAA,EAAA,GAC5B,CAACjB,CAAM,CAAC,GAELkB,IAAqBF,EAAY,MAAM;AAClC,IAAAjB,KAAA,QAAAA,KACIY,EAAA,CAAAM,MAAQA,IAAO,CAAC;AAAA,EAAA,GAC5B,CAAClB,CAAM,CAAC,GAELoB,IAA+BH,EAAY,CAACI,MAAkB;AAClE,IAAAT,EAAaS,CAAK;AAAA,EACpB,GAAG,CAAE,CAAA;AAEL,SAAAC,EAAoBlB,GAAK,OAAO;AAAA,IAC9B,YAAAI;AAAA,IACA,eAAAM;AAAA,IACA,cAAcH;AAAA,IACd,WAAW,CAACU,MAAkB;AAC5B,MAAAT,EAAaS,CAAK;AAAA,IACpB;AAAA,EACA,EAAA,GAEFE,EAAU,MAAM;AACd,IAAIb,EAAa,YACfA,EAAa,UAAU;AAAA,EAE3B,GAAG,CAAE,CAAA,GAGLa,EAAU,MAAM;AACd,IAAAX,EAAab,CAAY;AAAA,EAAA,GACxB,CAACA,CAAY,CAAC,GAGf,gBAAAyB,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,YAAYhB,IAAY;AAAA,QACxB,oBAAoBD,EAAa,UAAU,IAAI;AAAA,QAE9C,UAAAZ,EAAM,IAAI,CAAC8B,GAAMP,MACf,gBAAAK,EAAAG,GAAA,EAA0C,UAARD,EAAA,GAAAP,CAAa,CACjD;AAAA,MAAA;AAAA,IACH;AAAA,IAECvB,EAAM,SAAS,KACd,gBAAA0B;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,SAAShB;AAAA,cACT,gBAAgBX,EAAsB;AAAA,cACtC,gBAAgBA,EAAsB;AAAA,cACtC,UAAUM,MAAc;AAAA,YAAA;AAAA,UAC1B;AAAA,UACA,gBAAAe,EAACO,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,UACrBnC,EAAM,IAAI,CAACoC,GAAGb,MACb,gBAAAK;AAAA,YAACS;AAAAA,YAAA;AAAA,cACC,KAAKrB,EAAcO,CAAK;AAAA,cACxB,WAAWA,MAAUV;AAAA,cAErB,SAAS,MAAMS,EAA6BC,CAAK;AAAA,YAAA;AAAA,YAD5CA;AAAA,UAAA,CAGR;AAAA,UACD,gBAAAK,EAACO,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,UACtB,gBAAAP,EAAC,OAAI,EAAA,KAAKlB,GACR,UAAA,gBAAAkB;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMK;AAAA,cACN,SAASjB;AAAA,cACT,gBAAgBZ,EAAsB;AAAA,cACtC,gBAAgBA,EAAsB;AAAA,cACtC,UAAUI,MAAcb,EAAM,SAAS;AAAA,YAAA;AAAA,UAAA,GAE3C;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEauC,IAAWC,EAAKC,EAAW1C,CAAiB,CAAC;"}

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

@@ -1,11 +0,0 @@
-import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
-const t = E * 17.5 / 100, _ = 5, o = Math.ceil(E * 87.5 / 100), R = E / 2 * (37.5 / 100), T = E / 2 * (12.5 / 100), S = Math.PI / 180, c = Math.sin(30 * S) * (E / 2 - _);
-export {
-  o as ASSET_CONTAINER_SIZE,
-  R as ASSET_OFFSET_X,
-  T as ASSET_OFFSET_Y,
-  t as GAME_LAUNCHER_ASSET_PADDING,
-  _ as GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,
-  c as delta
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/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// 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","ASSET_CONTAINER_SIZE","ASSET_OFFSET_X","ASSET_OFFSET_Y","RADIAN","delta"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAG5DC,IAA2C,GAG3CC,IAAuB,KAAK,KAAMF,IAAqB,OAAQ,GAAG,GAGlEG,IAAkBH,IAAqB,KAAM,OAAO,MAGpDI,IAAkBJ,IAAqB,KAAM,OAAO,MAE3DK,IAAS,KAAK,KAAK,KAKZC,IACX,KAAK,IAAI,KAAKD,CAAM,KAAKL,IAAqB,IAAIC;"}

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

@@ -1,122 +0,0 @@
-import o from "styled-components";
-import { GAME_LAUNCHER_SIZE as e } from "../card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as d, delta as p, ASSET_OFFSET_X as r, ASSET_OFFSET_Y as n, ASSET_CONTAINER_SIZE as i } from "./constants.js";
-const g = o.div`
-  position: absolute;
-  z-index: 5;
-  height: ${e + d}px;
-  width: ${e + d}px;
-  pointer-events: none;
-`, s = o.div`
-  height: ${e}px;
-  width: ${e}px;
-  overflow: hidden;
-  display: flex;
-  position: absolute;
-  background: ${({ theme: t }) => t.colors.BLACK_1};
-  z-index: 2;
-  border: 2px solid ${({ theme: t }) => t.colors.WHITE};
-  backdrop-filter: blur(0px);
-  -webkit-backdrop-filter: blur(0px);
-`, h = o(s)`
-  transform-origin: bottom right;
-  transform: rotate(-32deg) skew(-32deg);
-  translate: -${e / 2}px -${e / 2}px;
-  border-right-width: 1px;
-`, c = o(s)`
-  transform-origin: bottom left;
-  transform: rotate(32deg) skew(32deg);
-  translate: ${e / 2}px -${e / 2}px;
-  border-left-width: 1px;
-`, f = o(s)`
-  height: ${e / 2}px;
-  width: ${e}px;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  border: none;
-`, m = o.div`
-  height: inherit;
-  width: inherit;
-  overflow: hidden;
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, b = o.div`
-  flex: 1;
-  background: transparent;
-  height: ${e / 2 + p}px;
-  width: ${e}px;
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  bottom: ${({ $segmentType: t = "bottom" }) => t === "bottom" ? "unset" : `-${p}px`};
-  transform-origin: ${({ $segmentType: t }) => {
-  switch (t) {
-    case "left":
-      return "bottom right";
-    case "right":
-      return "bottom left";
-    default:
-      return "unset";
-  }
-}};
-  transform: ${({ $segmentType: t = "bottom" }) => {
-  switch (t) {
-    case "left":
-      return "skew(32deg) rotate(32deg)";
-    case "right":
-      return "skew(-32deg) rotate(-32deg)";
-    default:
-      return "none";
-  }
-}};
-`, $ = o.div`
-  position: absolute;
-  right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
-  left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
-  bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
-  height: ${i}px;
-  width: ${i}px;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  background-color: transparent;
-  z-index: 1;
-  flex-shrink: 0;
-  &:hover {
-    background: ${({ theme: t }) => t.colors.WHITE_T_15};
-    cursor: pointer;
-  }
-`, u = o.div`
-  position: absolute;
-  right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
-  left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
-  bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
-  height: ${i}px;
-  width: ${i}px;
-  z-index: 5;
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  /* pointer-events: none; */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, w = o.div`
-  position: absolute;
-  z-index: 6;
-`;
-export {
-  g as CircularProgressLottieContainer,
-  w as IconWrapper,
-  $ as SegmentAssetContainer,
-  f as SegmentBottom,
-  m as SegmentContainer,
-  b as SegmentContentContainer,
-  h as SegmentLeft,
-  u as SegmentOverlay,
-  c as SegmentRight
-};
-//# sourceMappingURL=segmented-game-card-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-game-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.tsx"],"sourcesContent":["import type { TSegment } from './segmented-game-card-types';\n\nimport styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport {\n  ASSET_CONTAINER_SIZE,\n  delta,\n  ASSET_OFFSET_X,\n  ASSET_OFFSET_Y,\n  GAME_LAUNCHER_ASSET_PADDING,\n} from './constants';\n\nexport const CircularProgressLottieContainer = styled.div`\n  position: absolute;\n  z-index: 5;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  pointer-events: none;\n`;\n\n// might be needed later-----\n// export const SegmentDevider = styled.div<{ angle: number }>`\n//   width: ${GAME_LAUNCHER_SIZE / 2}px;\n//   height: 2px;\n//   position: absolute;\n//   background: #fff;\n//   transform-origin: left;\n//   transform: ${({ angle }) => `rotate(${angle}deg)`};\n// `;\n\nconst Segment = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  overflow: hidden;\n  display: flex;\n  position: absolute;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  z-index: 2;\n  border: 2px solid ${({ theme }) => theme.colors.WHITE};\n  backdrop-filter: blur(0px);\n  -webkit-backdrop-filter: blur(0px);\n`;\n\nexport const SegmentLeft = styled(Segment)<{\n  $angle?: number;\n}>`\n  transform-origin: bottom right;\n  transform: rotate(-32deg) skew(-32deg);\n  translate: -${GAME_LAUNCHER_SIZE / 2}px -${GAME_LAUNCHER_SIZE / 2}px;\n  border-right-width: 1px;\n`;\n\nexport const SegmentRight = styled(Segment)<{\n  $angle?: number;\n}>`\n  transform-origin: bottom left;\n  transform: rotate(32deg) skew(32deg);\n  translate: ${GAME_LAUNCHER_SIZE / 2}px -${GAME_LAUNCHER_SIZE / 2}px;\n  border-left-width: 1px;\n`;\n\nexport const SegmentBottom = styled(Segment)<{\n  $angle?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE / 2}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  border: none;\n`;\n\nexport const SegmentContainer = styled.div`\n  height: inherit;\n  width: inherit;\n  overflow: hidden;\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const SegmentContentContainer = styled.div<{ $segmentType?: TSegment }>`\n  flex: 1;\n  background: transparent;\n  height: ${GAME_LAUNCHER_SIZE / 2 + delta}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  bottom: ${({ $segmentType = 'bottom' }) => ($segmentType === 'bottom' ? 'unset' : `-${delta}px`)};\n  transform-origin: ${({ $segmentType }) => {\n    switch ($segmentType) {\n      case 'left':\n        return 'bottom right';\n      case 'right':\n        return 'bottom left';\n      default:\n        return 'unset';\n    }\n  }};\n  transform: ${({ $segmentType = 'bottom' }) => {\n    switch ($segmentType) {\n      case 'left':\n        return 'skew(32deg) rotate(32deg)';\n      case 'right':\n        return 'skew(-32deg) rotate(-32deg)';\n      default:\n        return 'none';\n    }\n  }};\n`;\n\nexport const SegmentAssetContainer = styled.div<{\n  $segmentType?: TSegment;\n}>`\n  position: absolute;\n  right: ${({ $segmentType }) => ($segmentType === 'left' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n  left: ${({ $segmentType }) => ($segmentType === 'right' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n  bottom: ${({ $segmentType }) =>\n    $segmentType === 'bottom' ? `-${ASSET_OFFSET_Y}px` : `-${ASSET_OFFSET_Y}px`};\n  height: ${ASSET_CONTAINER_SIZE}px;\n  width: ${ASSET_CONTAINER_SIZE}px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  background-color: transparent;\n  z-index: 1;\n  flex-shrink: 0;\n  &:hover {\n    background: ${({ theme }) => theme.colors.WHITE_T_15};\n    cursor: pointer;\n  }\n`;\n\nexport const SegmentOverlay = styled.div<{ $segmentType?: TSegment }>`\n  position: absolute;\n  right: ${({ $segmentType }) => ($segmentType === 'left' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n  left: ${({ $segmentType }) => ($segmentType === 'right' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n  bottom: ${({ $segmentType }) =>\n    $segmentType === 'bottom' ? `-${ASSET_OFFSET_Y}px` : `-${ASSET_OFFSET_Y}px`};\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":["CircularProgressLottieContainer","styled","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","Segment","theme","SegmentLeft","SegmentRight","SegmentBottom","SegmentContainer","SegmentContentContainer","delta","$segmentType","SegmentAssetContainer","ASSET_OFFSET_X","ASSET_OFFSET_Y","ASSET_CONTAINER_SIZE","SegmentOverlay","IconWrapper"],"mappings":";;;AAaO,MAAMA,IAAkCC,EAAO;AAAA;AAAA;AAAA,YAG1CC,IAAqBC,CAA2B;AAAA,WACjDD,IAAqBC,CAA2B;AAAA;AAAA,GAcrDC,IAAUH,EAAO;AAAA,YACXC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA,gBAIb,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,sBAE7B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK1CC,IAAcL,EAAOG,CAAO;AAAA;AAAA;AAAA,gBAKzBF,IAAqB,CAAC,OAAOA,IAAqB,CAAC;AAAA;AAAA,GAItDK,IAAeN,EAAOG,CAAO;AAAA;AAAA;AAAA,eAK3BF,IAAqB,CAAC,OAAOA,IAAqB,CAAC;AAAA;AAAA,GAIrDM,IAAgBP,EAAOG,CAAO;AAAA,YAG/BF,IAAqB,CAAC;AAAA,WACvBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhBO,IAAmBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU1BS,IAA0BT,EAAO;AAAA;AAAA;AAAA,YAGlCC,IAAqB,IAAIS,CAAK;AAAA,WAC/BT,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,YAKjB,CAAC,EAAE,cAAAU,IAAe,SAAS,MAAOA,MAAiB,WAAW,UAAU,IAAID,CAAK,IAAK;AAAA,sBAC5E,CAAC,EAAE,cAAAC,QAAmB;AACxC,UAAQA,GAAc;AAAA,IACpB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,CAAC;AAAA,eACY,CAAC,EAAE,cAAAA,IAAe,eAAe;AAC5C,UAAQA,GAAc;AAAA,IACpB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,CAAC;AAAA,GAGUC,IAAwBZ,EAAO;AAAA;AAAA,WAIjC,CAAC,EAAE,cAAAW,EAAa,MAAOA,MAAiB,SAAS,IAAIE,CAAc,OAAO,OAAQ;AAAA,UACnF,CAAC,EAAE,cAAAF,EAAa,MAAOA,MAAiB,UAAU,IAAIE,CAAc,OAAO,OAAQ;AAAA,YACjF,CAAC,EAAE,cAAAF,EAAA,MACXA,MAAiB,WAAW,IAAIG,CAAc,OAAO,IAAIA,CAAc,IAAI;AAAA,YACnEC,CAAoB;AAAA,WACrBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQb,CAAC,EAAE,OAAAX,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAK3CY,IAAiBhB,EAAO;AAAA;AAAA,WAE1B,CAAC,EAAE,cAAAW,EAAa,MAAOA,MAAiB,SAAS,IAAIE,CAAc,OAAO,OAAQ;AAAA,UACnF,CAAC,EAAE,cAAAF,EAAa,MAAOA,MAAiB,UAAU,IAAIE,CAAc,OAAO,OAAQ;AAAA,YACjF,CAAC,EAAE,cAAAF,EAAA,MACXA,MAAiB,WAAW,IAAIG,CAAc,OAAO,IAAIA,CAAc,IAAI;AAAA,YACnEC,CAAoB;AAAA,WACrBA,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUlBE,IAAcjB,EAAO;AAAA;AAAA;AAAA;"}

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

@@ -1,105 +0,0 @@
-import { jsx as n, jsxs as L } from "react/jsx-runtime";
-import { memo as P, useCallback as m, forwardRef as O, useRef as E, useState as f, useImperativeHandle as F, useMemo as A } from "react";
-import G from "../../../../../assets/line-icons/icons/check.js";
-import { LOTTIE as $ } from "../../../../../assets/lottie/lottie.js";
-import R from "../../../../ui/lottie-animation/lottie-animation.js";
-import { CardContainer as j } from "../card-container/card-container.js";
-import { SegmentContainer as w, SegmentContentContainer as U, SegmentAssetContainer as x, SegmentOverlay as B, IconWrapper as N, CircularProgressLottieContainer as q, SegmentLeft as z, SegmentRight as D, SegmentBottom as J } from "./segmented-game-card-styled.js";
-const K = { renderer: "canvas", loop: !0 }, C = P(
-  ({ segmentType: e, isCompleted: o, card: c, name: i, onMouseEnter: s }) => {
-    const a = m(() => s(i), [s, i]);
-    return /* @__PURE__ */ n(w, { children: /* @__PURE__ */ L(U, { $segmentType: e, onMouseEnter: a, children: [
-      /* @__PURE__ */ n(x, { $segmentType: e, children: /* @__PURE__ */ n(R, { src: c, settings: K, animateOnIntersect: !0 }) }),
-      o && /* @__PURE__ */ n(B, { $segmentType: e, children: /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(G, { color: "#fff", height: 40, width: 40 }) }) })
-    ] }) });
-  }
-), Q = ({ data: e, label: o, initialValue: c = 0, value: i, maxValue: s = 1 }, a) => {
-  const g = E(null), h = E(null), [u, S] = f(o), [T, _] = f(!1), [b, M] = f("WHITE_T_87"), W = u !== o, d = m((t) => {
-    S(t);
-  }, []), k = m(() => {
-    S(o);
-  }, [o]), p = m(
-    (t) => {
-      var r, l;
-      (l = (r = e[t]) == null ? void 0 : r.onPress) == null || l.call(r);
-    },
-    [e]
-  ), v = m((t) => {
-    _(!0), M(t);
-  }, []);
-  F(a, () => ({
-    labelRef: g,
-    segmentedCardWrapperRef: h,
-    startLabelAnimation: v
-  }));
-  const I = A(() => {
-    if (s <= 0)
-      return;
-    const t = 92, r = t / s, l = Math.min(r * c, t), H = Math.min(r * i + 1, t);
-    return [l, H];
-  }, [c, s, i]), y = A(
-    () => ({
-      renderer: "canvas",
-      autoplay: !0,
-      loop: !1,
-      initialSegment: I
-    }),
-    [I]
-  );
-  return /* @__PURE__ */ L(
-    j,
-    {
-      ref: h,
-      labelRef: g,
-      label: u,
-      isAnimated: T,
-      onMouseLeave: k,
-      labelColor: T ? b : W ? "WHITE_T_87" : "WHITE_T_60",
-      children: [
-        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(
-          R,
-          {
-            src: $.LEVELUP_RINGS,
-            settings: y,
-            animateOnIntersect: !0
-          }
-        ) }),
-        /* @__PURE__ */ n(z, { onClick: () => p(0), children: /* @__PURE__ */ n(
-          C,
-          {
-            segmentType: "left",
-            card: e[0].card,
-            name: e[0].name,
-            isCompleted: e[0].isCompleted,
-            onMouseEnter: d
-          }
-        ) }),
-        /* @__PURE__ */ n(D, { onClick: () => p(1), children: /* @__PURE__ */ n(
-          C,
-          {
-            segmentType: "right",
-            card: e[1].card,
-            name: e[1].name,
-            isCompleted: e[1].isCompleted,
-            onMouseEnter: d
-          }
-        ) }),
-        /* @__PURE__ */ n(J, { onClick: () => p(2), children: /* @__PURE__ */ n(
-          C,
-          {
-            segmentType: "bottom",
-            card: e[2].card,
-            name: e[2].name,
-            isCompleted: e[2].isCompleted,
-            onMouseEnter: d
-          }
-        ) })
-      ]
-    }
-  );
-}, re = P(O(Q));
-export {
-  C as SegmentContent,
-  re as SegmentedGameCard
-};
-//# sourceMappingURL=segmented-game-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IGameCardSegmentContentProps,\n  ISegmentedGameCardProps,\n  ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { CardContainer } from '../card-container/card-container';\nimport * as Styled from './segmented-game-card-styled';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const SegmentContent = memo(\n  ({ segmentType, isCompleted, card, name, onMouseEnter }: IGameCardSegmentContentProps) => {\n    const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n    return (\n      <Styled.SegmentContainer>\n        <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n          <Styled.SegmentAssetContainer $segmentType={segmentType}>\n            <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n          </Styled.SegmentAssetContainer>\n\n          {isCompleted && (\n            <Styled.SegmentOverlay $segmentType={segmentType}>\n              <Styled.IconWrapper>\n                <CheckIcon color=\"#fff\" height={40} width={40} />\n              </Styled.IconWrapper>\n            </Styled.SegmentOverlay>\n          )}\n        </Styled.SegmentContentContainer>\n      </Styled.SegmentContainer>\n    );\n  },\n);\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n  ISegmentedGameCardRefs,\n  ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n  const labelRef = useRef<HTMLDivElement>(null);\n  const cardWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [label, setLabel] = useState<string>(gameCategoryLabel);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n  const isLabelHighlighted = label !== gameCategoryLabel;\n\n  const onMouseEnter = useCallback((gameName: string) => {\n    setLabel(gameName);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    setLabel(gameCategoryLabel);\n  }, [gameCategoryLabel]);\n\n  const onSegmentPress = useCallback(\n    (index: number) => {\n      data[index]?.onPress?.();\n    },\n    [data],\n  );\n\n  const startLabelAnimation = useCallback((color: TColorNames) => {\n    setIsAnimated(true);\n    setAnimatedColor(color);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    labelRef,\n    segmentedCardWrapperRef: 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={label}\n      isAnimated={isAnimated}\n      onMouseLeave={onMouseLeave}\n      labelColor={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n    >\n      <Styled.CircularProgressLottieContainer>\n        <LottieAnimation\n          src={LOTTIE.LEVELUP_RINGS}\n          settings={levelUpAnimationSettings}\n          animateOnIntersect\n        />\n      </Styled.CircularProgressLottieContainer>\n      {/* left segment */}\n      <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n        <SegmentContent\n          segmentType={'left'}\n          card={data[0]!.card}\n          name={data[0]!.name}\n          isCompleted={data[0]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentLeft>\n\n      {/* right segment */}\n      <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n        <SegmentContent\n          segmentType={'right'}\n          card={data[1]!.card}\n          name={data[1]!.name}\n          isCompleted={data[1]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentRight>\n\n      {/* bottom segment */}\n      <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n        <SegmentContent\n          segmentType={'bottom'}\n          card={data[2]!.card}\n          name={data[2]!.name}\n          isCompleted={data[2]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentBottom>\n    </CardContainer>\n  );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["renderSettings","SegmentContent","memo","segmentType","isCompleted","card","name","onMouseEnter","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","LottieAnimation","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","CardContainer","Styled.CircularProgressLottieContainer","LOTTIE","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","forwardRef"],"mappings":"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"}

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

@@ -1,20 +0,0 @@
-const _ = {
-  REVEAL: [0, 15],
-  REVEAL_CONTENT: [8, 15],
-  DISAPPEAR_CONTENT: [21, 29],
-  DISAPPEAR: [21, 38]
-}, A = {
-  random: "BLUE_4",
-  sequence: "YELLOW_4",
-  advance: "PURPLE_4"
-}, E = 50, L = E + 1, N = 100, I = 1, O = 2;
-export {
-  O as ABSOLUTE_VIEW_Z_INDEX,
-  L as INFINITE_MODE_Z_INDEX,
-  E as TABLE_CARD_SHADOW_Z_INDEX,
-  N as TABLE_MODE_CONTAINER_Z_INDEX,
-  A as TABLE_MODE_LABEL_COLOR,
-  I as TABLE_MODE_OVERLAY_Z_INDEX,
-  _ as TABLE_REVEAL_ANIMATION
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/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;\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"],"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;"}