@cuemath/leap 2.8.38-hg4 → 2.8.39

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.38-hg4",
+  "version": "2.8.39",
   "type": "module",
   "files": [
     "dist"

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"table-mode-star-styled.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\n\nexport const StarContainer = styled.div`\n  position: relative;\n  height: ${GAME_LAUNCHER_SIZE * 0.05}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.05}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const LottieContainer = styled.div`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE * 0.05 * 2}px;\n  width: ${GAME_LAUNCHER_SIZE * 0.05 * 2}px;\n`;\n\nexport const Circle = styled.circle<{ $fill: TColorNames }>`\n  fill: ${({ $fill, theme }) => theme.colors[$fill]};\n`;\n\nexport const Path = styled.path<{ $fill: TColorNames }>`\n  fill: ${({ $fill, theme }) => theme.colors[$fill]};\n`;\n"],"names":["StarContainer","styled","GAME_LAUNCHER_SIZE","LottieContainer","Circle","$fill","theme","Path"],"mappings":";;AAMO,MAAMA,IAAgBC,EAAO;AAAA;AAAA,YAExBC,IAAqB,IAAI;AAAA,WAC1BA,IAAqB,IAAI;AAAA;AAAA;AAAA;AAAA,GAMvBC,IAAkBF,EAAO;AAAA;AAAA,YAE1BC,IAAqB,OAAO,CAAC;AAAA,WAC9BA,IAAqB,OAAO,CAAC;AAAA,GAG3BE,IAASH,EAAO;AAAA,UACnB,CAAC,EAAE,OAAAI,GAAO,OAAAC,EAAA,MAAYA,EAAM,OAAOD,CAAK,CAAC;AAAA,GAGtCE,IAAON,EAAO;AAAA,UACjB,CAAC,EAAE,OAAAI,GAAO,OAAAC,EAAA,MAAYA,EAAM,OAAOD,CAAK,CAAC;AAAA;"}

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

@@ -1,57 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as l, useMemo as c, useEffect as E } from "react";
-import { LOTTIE as u } from "../../../../../../assets/lottie/lottie.js";
-import T from "../../../../../ui/lottie-animation/lottie-animation.js";
-import { GAME_LAUNCHER_SIZE as a } from "../../card-container/constants.js";
-import { StarContainer as p, LottieContainer as _, Circle as d, Path as h } from "./table-mode-star-styled.js";
-const w = {
-  loop: !1
-}, I = ({ isStarAchieved: e, rewardStar: o }) => {
-  const [i, n] = l(!1), [s, f] = l(e && !o), L = c(() => ({
-    name: "complete",
-    callback: () => {
-      f(!0), n(!1);
-    }
-  }), []);
-  return E(() => {
-    let r;
-    return e && o && (r = setTimeout(() => {
-      n(!0);
-    }, 1e3)), () => {
-      r && clearTimeout(r);
-    };
-  }, [e, o]), /* @__PURE__ */ m(p, { children: [
-    i && /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
-      T,
-      {
-        src: u.TABLE_MODE_STAR,
-        settings: w,
-        eventListener: L
-      }
-    ) }),
-    !i && /* @__PURE__ */ m(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: a * 0.05,
-        height: a * 0.05,
-        viewBox: "0 0 16 16",
-        fill: "none",
-        children: [
-          /* @__PURE__ */ t(d, { cx: "8", cy: "8", r: "8", $fill: s ? "GREEN_6" : "WHITE_T_15" }),
-          /* @__PURE__ */ t(
-            h,
-            {
-              d: "M8 2L6.23664 5.57295L2.29366 6.1459L5.14683 8.92705L4.47329 12.8541L8 11L11.5267 12.8541L10.8532 8.92705L13.7063 6.1459L9.76336 5.57295L8 2Z",
-              $fill: s ? "GREEN_4" : "WHITE_T_15"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  I as default
-};
-//# sourceMappingURL=table-mode-star.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"table-mode-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.tsx"],"sourcesContent":["import type { ITableModeStarProps } from './table-mode-star-types';\nimport type { AnimationEventName } from 'lottie-web';\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport { GAME_LAUNCHER_SIZE } from '../../card-container/constants';\nimport * as Styled from './table-mode-star-styled';\n\nconst settings = {\n  loop: false,\n};\n\nconst TableModeStar: React.FC<ITableModeStarProps> = ({ isStarAchieved, rewardStar }) => {\n  const [animateStar, setAnimateStar] = useState(false);\n  const [starRewarded, setStarRewarded] = useState(isStarAchieved && !rewardStar);\n\n  const onAnimationFinish = useMemo(() => {\n    return {\n      name: 'complete' as AnimationEventName,\n      callback: () => {\n        setStarRewarded(true);\n        setAnimateStar(false);\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>;\n\n    if (isStarAchieved && rewardStar) {\n      timer = setTimeout(() => {\n        setAnimateStar(true);\n      }, 1000);\n    }\n\n    return () => {\n      timer && clearTimeout(timer);\n    };\n  }, [isStarAchieved, rewardStar]);\n\n  return (\n    <Styled.StarContainer>\n      {animateStar && (\n        <Styled.LottieContainer>\n          <LottieAnimation\n            src={LOTTIE.TABLE_MODE_STAR}\n            settings={settings}\n            eventListener={onAnimationFinish}\n          />\n        </Styled.LottieContainer>\n      )}\n      {!animateStar && (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={GAME_LAUNCHER_SIZE * 0.05}\n          height={GAME_LAUNCHER_SIZE * 0.05}\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n        >\n          <Styled.Circle cx=\"8\" cy=\"8\" r=\"8\" $fill={starRewarded ? 'GREEN_6' : 'WHITE_T_15'} />\n          <Styled.Path\n            d=\"M8 2L6.23664 5.57295L2.29366 6.1459L5.14683 8.92705L4.47329 12.8541L8 11L11.5267 12.8541L10.8532 8.92705L13.7063 6.1459L9.76336 5.57295L8 2Z\"\n            $fill={starRewarded ? 'GREEN_4' : 'WHITE_T_15'}\n          />\n        </svg>\n      )}\n    </Styled.StarContainer>\n  );\n};\n\nexport default TableModeStar;\n"],"names":["settings","TableModeStar","isStarAchieved","rewardStar","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","GAME_LAUNCHER_SIZE","Styled.Circle","Styled.Path"],"mappings":";;;;;;AAUA,MAAMA,IAAW;AAAA,EACf,MAAM;AACR,GAEMC,IAA+C,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AACvF,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAASJ,KAAkB,CAACC,CAAU,GAExEM,IAAoBC,EAAQ,OACzB;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM;AACd,MAAAF,EAAgB,EAAI,GACpBH,EAAe,EAAK;AAAA,IACtB;AAAA,EAAA,IAED,CAAE,CAAA;AAEL,SAAAM,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIV,KAAkBC,MACpBS,IAAQ,WAAW,MAAM;AACvB,MAAAP,EAAe,EAAI;AAAA,OAClB,GAAI,IAGF,MAAM;AACX,MAAAO,KAAS,aAAaA,CAAK;AAAA,IAAA;AAAA,EAC7B,GACC,CAACV,GAAgBC,CAAU,CAAC,GAG7B,gBAAAU,EAACC,GAAA,EACE,UAAA;AAAA,IACCV,KAAA,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAAlB;AAAA,QACA,eAAeS;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAED,CAACL,KACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAOM,IAAqB;AAAA,QAC5B,QAAQA,IAAqB;AAAA,QAC7B,SAAQ;AAAA,QACR,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAA,EAAc,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,OAAOb,IAAe,YAAY,aAAc,CAAA;AAAA,UACnF,gBAAAQ;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,OAAOd,IAAe,YAAY;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"table-segment-star.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.tsx"],"sourcesContent":["import type { ITableSegmentStarProps } from './table-segment-star-types';\nimport type { AnimationEventName } from 'lottie-web';\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './table-segment-star-styled';\n\nconst settings = {\n  loop: false,\n};\n\nconst TableSegmentStar: React.FC<ITableSegmentStarProps> = ({ isStarAchieved, rewardStar }) => {\n  const [animateStar, setAnimateStar] = useState(false);\n  const [starRewarded, setStarRewarded] = useState(isStarAchieved && !rewardStar);\n\n  const onAnimationFinish = useMemo(() => {\n    return {\n      name: 'complete' as AnimationEventName,\n      callback: () => {\n        setStarRewarded(true);\n        setAnimateStar(false);\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>;\n\n    if (isStarAchieved && rewardStar) {\n      timer = setTimeout(() => {\n        setAnimateStar(true);\n      }, 1000);\n    }\n\n    return () => {\n      timer && clearTimeout(timer);\n    };\n  }, [isStarAchieved, rewardStar]);\n\n  return (\n    <Styled.StarContainer>\n      {animateStar && (\n        <Styled.LottieContainer>\n          <LottieAnimation\n            src={LOTTIE.TABLE_SEGMENT_STAR}\n            settings={settings}\n            eventListener={onAnimationFinish}\n          />\n        </Styled.LottieContainer>\n      )}\n      {!animateStar && <Styled.TableStar $isStarAchieved={starRewarded} />}\n    </Styled.StarContainer>\n  );\n};\n\nexport default TableSegmentStar;\n"],"names":["settings","TableSegmentStar","isStarAchieved","rewardStar","animateStar","setAnimateStar","useState","starRewarded","setStarRewarded","onAnimationFinish","useMemo","useEffect","timer","jsxs","Styled.StarContainer","jsx","Styled.LottieContainer","LottieAnimation","LOTTIE","Styled.TableStar"],"mappings":";;;;;AASA,MAAMA,IAAW;AAAA,EACf,MAAM;AACR,GAEMC,IAAqD,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,QAAiB;AAC7F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAASJ,KAAkB,CAACC,CAAU,GAExEM,IAAoBC,EAAQ,OACzB;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM;AACd,MAAAF,EAAgB,EAAI,GACpBH,EAAe,EAAK;AAAA,IACtB;AAAA,EAAA,IAED,CAAE,CAAA;AAEL,SAAAM,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIV,KAAkBC,MACpBS,IAAQ,WAAW,MAAM;AACvB,MAAAP,EAAe,EAAI;AAAA,OAClB,GAAI,IAGF,MAAM;AACX,MAAAO,KAAS,aAAaA,CAAK;AAAA,IAAA;AAAA,EAC7B,GACC,CAACV,GAAgBC,CAAU,CAAC,GAG7B,gBAAAU,EAACC,GAAA,EACE,UAAA;AAAA,IACCV,KAAA,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAAlB;AAAA,QACA,eAAeS;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAED,CAACL,KAAe,gBAAAW,EAACI,GAAA,EAAiB,iBAAiBZ,EAAc,CAAA;AAAA,EACpE,EAAA,CAAA;AAEJ;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js

@@ -1,17 +0,0 @@
-import i from "styled-components";
-import { RAINBOW_COLOR_ANIMATION_DURATION as r } from "../../constants.js";
-import { rainbowColorAnimation as n } from "../../helper.js";
-import { ARC_Z_INDEX as s } from "./constants.js";
-const p = i.svg`
-  position: absolute;
-  z-index: ${s};
-`, A = i.path`
-  stroke: ${({ theme: o, stroke: t }) => o.colors[t]};
-  animation: ${({ $playRainbowColors: o }) => o ? n : "undefined"}
-    ${r}s ease infinite forwards;
-`;
-export {
-  A as Path,
-  p as Svg
-};
-//# sourceMappingURL=animated-arc-styled.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animated-arc-styled.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport { RAINBOW_COLOR_ANIMATION_DURATION } from '../../constants';\nimport { rainbowColorAnimation } from '../../helper';\nimport { ARC_Z_INDEX } from './constants';\n\nexport const Svg = styled.svg`\n  position: absolute;\n  z-index: ${ARC_Z_INDEX};\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $playRainbowColors: boolean }>`\n  stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n  animation: ${({ $playRainbowColors }) =>\n      $playRainbowColors ? rainbowColorAnimation : 'undefined'}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["Svg","styled","ARC_Z_INDEX","Path","theme","stroke","$playRainbowColors","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;AAQO,MAAMA,IAAMC,EAAO;AAAA;AAAA,aAEbC,CAAW;AAAA,GAGXC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,oBAAAC,EAAA,MACZA,IAAqBC,IAAwB,WAAW;AAAA,MACxDC,CAAgC;AAAA;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js

@@ -1,47 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as A, useLayoutEffect as $ } from "react";
-import { describeArc as R } from "../../helper.js";
-import { Svg as k, Path as w } from "./animated-arc-styled.js";
-import { ADJUSTED_START_ANGLE as D } from "./constants.js";
-const x = ({
-  radius: e,
-  strokeWidth: n,
-  color: h,
-  targetAngle: m,
-  startAngle: p = 0,
-  duration: r = 2,
-  mode: o = "draw",
-  delay: s = 0,
-  playRainbowColors: y = !1
-}) => {
-  const a = A(null), g = -D + p, i = e, u = e - n / 2, c = R(i, i, u, g, m);
-  return $(() => {
-    const t = a.current;
-    if (t) {
-      if (o === "draw") {
-        const f = t.getTotalLength();
-        t.style.strokeDasharray = `${f}`, t.style.strokeDashoffset = `${f}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
-          t.style.transition = `stroke-dashoffset ${r}s linear ${s}s`, t.style.strokeDashoffset = "0";
-        });
-      }
-      o === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
-        t.style.transition = `opacity 0s ease-in-out ${s}s`, t.style.opacity = "1";
-      }));
-    }
-  }, [c, o, r, s]), /* @__PURE__ */ l(k, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ l(
-    w,
-    {
-      ref: a,
-      d: c,
-      fill: "none",
-      stroke: h,
-      strokeWidth: n,
-      strokeLinecap: "butt",
-      $playRainbowColors: y
-    }
-  ) });
-};
-export {
-  x as AnimatedArc
-};
-//# sourceMappingURL=animated-arc.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animated-arc.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.tsx"],"sourcesContent":["import type { IAnimatedArcProps } from './animated-arc-types';\n\nimport React, { useRef, useLayoutEffect } from 'react';\n\nimport { describeArc } from '../../helper';\nimport * as Styled from './animated-arc-styled';\nimport { ADJUSTED_START_ANGLE } from './constants';\n\nexport const AnimatedArc: React.FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  playRainbowColors = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const adjustedStartAngle = -ADJUSTED_START_ANGLE + startAngle;\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = describeArc(center, center, arcRadius, adjustedStartAngle, targetAngle);\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity 0s ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $playRainbowColors={playRainbowColors}\n      />\n    </Styled.Svg>\n  );\n};\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","playRainbowColors","pathRef","useRef","adjustedStartAngle","ADJUSTED_START_ANGLE","center","arcRadius","arcPath","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path"],"mappings":";;;;;AAQO,MAAMA,IAA2C,CAAC;AAAA,EACvD,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AACtB,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAAqB,CAACC,IAAuBR,GAC7CS,IAASb,GACTc,IAAYd,IAASC,IAAc,GACnCc,IAAUC,EAAYH,GAAQA,GAAQC,GAAWH,GAAoBR,CAAW;AAEtF,SAAAc,EAAgB,MAAM;AACpB,UAAMC,IAAOT,EAAQ;AAErB,QAAKS,GAEL;AAAA,UAAIZ,MAAS,QAAQ;AACb,cAAAa,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBb,CAAQ,YAAYE,CAAK,KACtEW,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIZ,MAAS,WACXY,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AACrB,QAAAA,EAAA,MAAM,aAAa,0BAA0BX,CAAK,KACvDW,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACH,GAAST,GAAMD,GAAUE,CAAK,CAAC,qBAGhCa,GAAA,EAAW,OAAO,IAAIpB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAqB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,GAAGM;AAAA,MACH,MAAK;AAAA,MACL,QAAQb;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,oBAAoBO;AAAA,IAAA;AAAA,EAExB,EAAA,CAAA;AAEJ;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js

@@ -1,6 +0,0 @@
-const A = 1, _ = 150;
-export {
-  _ as ADJUSTED_START_ANGLE,
-  A as ARC_Z_INDEX
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/constants.ts"],"sourcesContent":["export const ARC_Z_INDEX = 1;\n\nexport const ADJUSTED_START_ANGLE = 150;\n"],"names":["ARC_Z_INDEX","ADJUSTED_START_ANGLE"],"mappings":"AAAO,MAAMA,IAAc,GAEdC,IAAuB;"}

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -1,16 +0,0 @@
-import { ARC_Z_INDEX as _ } from "./comp/animated-arc/constants.js";
-const I = 300, N = 2, A = _ + 1, E = A + 1, T = E + 1, O = 5, o = 2 / 30, L = 3, t = 12 / 30, D = 1, c = 43 / 30;
-export {
-  N as BORDER_OFFSET,
-  E as CONTENT_CONTAINER_Z_INDEX,
-  A as LINE_MARKING_Z_INDEX,
-  T as NUMBER_MARKING_Z_INDEX,
-  t as PROGRESS_FILL_DELAY,
-  D as PROGRESS_FILL_DURATION,
-  c as RAINBOW_COLOR_ANIMATION_DURATION,
-  L as TARGET_ACHIEVED_DELAY,
-  o as TARGET_HELPER_TEXT_APPEAR_DELAY,
-  O as TOTAL_ANIMATION_DURATION,
-  I as TOTAL_ARC_AVAILABLE
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import { ARC_Z_INDEX } from './comp/animated-arc/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nexport const BORDER_OFFSET = 2;\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 5; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 3; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 1; // in sec\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","LINE_MARKING_Z_INDEX","ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";AAEO,MAAMA,IAAsB,KAEtBC,IAAgB,GAChBC,IAAuBC,IAAc,GACrCC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GAGrDE,IAA2B,GAC3BC,IAAkC,IAAI,IACtCC,IAAwB,GACxBC,IAAsB,KAAK,IAC3BC,IAAyB,GACzBC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -1,87 +0,0 @@
-import o, { keyframes as e } from "styled-components";
-import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import i from "../../ui/text/text.js";
-import { ADJUSTED_START_ANGLE as n } from "./comp/animated-arc/constants.js";
-import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
-import { rainbowColorAnimation as f } from "./helper.js";
-const g = o.div`
-  height: ${r}px;
-  width: ${r}px;
-  background-color: ${({ theme: t }) => t.colors.BLACK_2};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  border-radius: 100%;
-  border: 1px solid ${({ theme: t }) => t.colors.WHITE};
-  animation: ${({ $isTargetAchieved: t }) => t ? e`100%{transform: scale(1.02)}` : "unset"}
-    0.133s ease alternate;
-`, N = o.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  z-index: ${l};
-  height: 92%;
-  width: 92%;
-  border-radius: 100%;
-  background-color: ${({ theme: t }) => t.colors.BLACK_2};
-`, b = o.div`
-  position: relative;
-  flex-grow: 1;
-  bottom: ${r === s ? -8 : -6}px;
-`;
-o.div`
-  position: absolute;
-`;
-const u = o.div`
-  width: ${r / 2}px;
-  height: 2px;
-  position: absolute;
-  background-color: ${({ theme: t }) => t.colors.BLACK_2};
-  transform-style: preserve-3d;
-  backface-visibility: hidden;
-  transform-origin: left;
-  transform: rotate(${({ $angle: t }) => -240 + t}deg);
-  left: ${r / 2}px;
-  top: ${r / 2}px;
-  z-index: ${d};
-`, T = o.div`
-  position: absolute;
-  height: ${r - r * 0.0625 - 10}px;
-  transform: rotate(${({ $angle: t }) => -n + t}deg);
-  z-index: ${m};
-`, h = o.div`
-  transform: rotate(${({ $angle: t }) => n - t}deg);
-`, C = o.div`
-  position: absolute;
-  top: 0;
-  transform: ${({ top: t }) => `translateY(${t}px)`};
-`, R = o(i)`
-  animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
-    ease-in-out ${a}s forwards;
-`, I = o(i)`
-  animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
-    ease ${a}s forwards;
-`;
-o.div`
-  height: 100%;
-  width: 100%;
-`;
-const v = o(i)`
-  animation: ${({ $isTargetAchieved: t }) => t ? f : "unset"}
-    ${p}s ease infinite forwards;
-`;
-export {
-  C as BottomAbsoluteView,
-  N as ContentContainer,
-  g as DigitalMeter,
-  R as HelperTextPrimary,
-  I as HelperTextSecondary,
-  u as LineMarking,
-  T as MarkingContainer,
-  h as MarkingText,
-  b as NumberCountContainer,
-  v as RainboxColorText
-};
-//# sourceMappingURL=digital-meter-styled.js.map

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport { ADJUSTED_START_ANGLE } from './comp/animated-arc/constants';\nimport {\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ADJUSTED_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ADJUSTED_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ADJUSTED_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAAuBH,CAAM;AAAA,aACvDI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAAuBH,CAAM;AAAA,GAGtDM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}

package/dist/features/post-game-stats/digital-meter/digital-meter.js

@@ -1,188 +0,0 @@
-import { jsxs as o, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { memo as W, useState as U, useCallback as w, useEffect as B } from "react";
-import { LOTTIE as Y } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as i, GAME_LAUNCHER_SIZE_LARGE as c } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import I from "../../ui/layout/flex-view.js";
-import P from "../../ui/lottie-animation/lottie-animation.js";
-import R from "../../ui/separator/separator.js";
-import N from "../../ui/text/text.js";
-import { NumberCountAnimation as j } from "../number-count-animation/number-count-animation.js";
-import { AnimatedArc as p } from "./comp/animated-arc/animated-arc.js";
-import { TARGET_ACHIEVED_DELAY as S, TOTAL_ARC_AVAILABLE as d, BORDER_OFFSET as C, PROGRESS_FILL_DURATION as E, PROGRESS_FILL_DELAY as L, TOTAL_ANIMATION_DURATION as K } from "./constants.js";
-import { DigitalMeter as Z, ContentContainer as X, NumberCountContainer as q, RainboxColorText as b, LineMarking as u, MarkingContainer as G, MarkingText as D, BottomAbsoluteView as M, HelperTextPrimary as z, HelperTextSecondary as J } from "./digital-meter-styled.js";
-import { useCircleSounds as Q } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as m } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-const Tr = W(
-  ({
-    show: _,
-    value: h,
-    maxValue: n,
-    targetValue: A = 0,
-    displayText: H,
-    progressType: s,
-    helperTextPrimary: O,
-    helperTextSecondary: F,
-    onComplete: k,
-    actAsTimer: f
-  }) => {
-    const [a, y] = U(!1), { play: g } = Q(), T = w((t) => A ? f ? t <= A : t >= A : !1, []);
-    return B(() => {
-      let t, e;
-      const l = T(h);
-      return _ && (g(f ? m.TIME_INTRO : m.ACCURACY_INTRO), g(m.METER_FILL), l && (t = setTimeout(() => {
-        g(f ? m.TIME_TARGET : m.ACCURACY_TARGET), y(!0);
-      }, S * 1e3)), e = setTimeout(() => {
-        k();
-      }, (l ? K : S) * 1e3)), () => {
-        t && clearTimeout(t), e && clearTimeout(e);
-      };
-    }, [_, h, k, T]), _ ? /* @__PURE__ */ o(Z, { $isTargetAchieved: a, children: [
-      /* @__PURE__ */ r(
-        p,
-        {
-          targetAngle: d,
-          strokeWidth: i === c ? 16 : 12,
-          color: "BLACK_5",
-          radius: (i - C) / 2,
-          duration: 0
-        }
-      ),
-      /* @__PURE__ */ r(X, { children: /* @__PURE__ */ o(I, { $flexDirection: "column", $alignItems: "center", children: [
-        /* @__PURE__ */ o(I, { $flexDirection: "row", $alignItems: "flex-end", children: [
-          /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(
-            b,
-            {
-              $renderAs: i === c ? "ah1" : "ah2",
-              $color: "GREEN_4",
-              $isTargetAchieved: a,
-              children: /* @__PURE__ */ r(
-                j,
-                {
-                  initialValue: 0,
-                  targetValue: Math.floor(h),
-                  durationInSec: E,
-                  delayInSec: L
-                }
-              )
-            }
-          ) }),
-          s === "stepper" && /* @__PURE__ */ o(
-            N,
-            {
-              $renderAs: i === c ? "ah4" : "ab1",
-              $color: "WHITE",
-              children: [
-                "/",
-                n
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r(R, { height: 8 }),
-        /* @__PURE__ */ r(
-          N,
-          {
-            $renderAs: i === c ? "ac3-black" : "ac4-black",
-            $color: "WHITE_T_60",
-            children: H
-          }
-        )
-      ] }) }),
-      s === "stepper" && Array.from({ length: h }, (t, e) => {
-        const l = d / n;
-        return /* @__PURE__ */ r(
-          p,
-          {
-            startAngle: l * e,
-            targetAngle: l,
-            strokeWidth: i === c ? 16 : 12,
-            color: "GREEN_4",
-            radius: (i - C) / 2,
-            mode: "fade",
-            duration: E / n,
-            delay: L + E / n * e,
-            playRainbowColors: a
-          },
-          e
-        );
-      }),
-      s === "stepper" && Array.from({ length: n + 1 }, (t, e) => {
-        const l = d / n;
-        return /* @__PURE__ */ o($, { children: [
-          /* @__PURE__ */ r(u, { $angle: l * e }, e + "linemarking"),
-          /* @__PURE__ */ r(G, { $angle: l * e, children: /* @__PURE__ */ r(D, { $angle: l * e, children: /* @__PURE__ */ r(
-            b,
-            {
-              $renderAs: i === c ? "ac3-black" : "ac4-black",
-              $isTargetAchieved: T(e) && a,
-              $color: A && T(e) ? "GREEN_4" : "WHITE_T_60",
-              children: e
-            }
-          ) }) }, e)
-        ] });
-      }),
-      s === "linear" && /* @__PURE__ */ o($, { children: [
-        /* @__PURE__ */ r(
-          p,
-          {
-            targetAngle: h * d / n,
-            strokeWidth: i === c ? 16 : 12,
-            color: "GREEN_4",
-            radius: (i - C) / 2,
-            duration: E,
-            delay: L,
-            playRainbowColors: a
-          }
-        ),
-        /* @__PURE__ */ o($, { children: [
-          A && /* @__PURE__ */ r(u, { $angle: A * d / n }),
-          Array.from(/* @__PURE__ */ new Set([0, A, n])).map((t, e) => /* @__PURE__ */ r(
-            G,
-            {
-              $angle: t * d / n,
-              children: /* @__PURE__ */ r(D, { $angle: t * d / n, children: /* @__PURE__ */ r(
-                b,
-                {
-                  $renderAs: i === c ? "ac3-black" : "ac4-black",
-                  $color: A && T(t) ? "GREEN_4" : "WHITE_T_60",
-                  $isTargetAchieved: h >= t && a && T(t),
-                  children: t
-                }
-              ) })
-            },
-            e
-          ))
-        ] })
-      ] }),
-      a && /* @__PURE__ */ r(M, { top: i, children: /* @__PURE__ */ r(P, { src: Y.TARGET_ACHIEVED_TEXT }) }),
-      !a && /* @__PURE__ */ o(M, { top: i, children: [
-        /* @__PURE__ */ r(R, { height: 25 }),
-        /* @__PURE__ */ o(I, { $flexDirection: "column", $alignItems: "center", children: [
-          /* @__PURE__ */ o(
-            z,
-            {
-              $renderAs: i === c ? "ac3-black" : "ac4-black",
-              $color: "WHITE_T_60",
-              children: [
-                O,
-                /* @__PURE__ */ r(R, { height: i * 0.03 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ r(
-            J,
-            {
-              $renderAs: i === c ? "ah4" : "ab1",
-              $color: "WHITE",
-              children: F
-            }
-          )
-        ] })
-      ] })
-    ] }) : null;
-  }
-);
-export {
-  Tr as DigitalMeter
-};
-//# sourceMappingURL=digital-meter.js.map