@cuemath/leap 2.8.36-tables-hg1 → 2.8.36-tables-hg3

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

@@ -1,163 +1,152 @@
-import { jsxs as o, jsx as e, Fragment as T } from "react/jsx-runtime";
-import b from "lottie-web";
-import { memo as G, useState as O, useRef as W, useEffect as R } from "react";
-import { LOTTIE as y } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as h } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { jsxs as n, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { memo as k, useState as b, useEffect as G } from "react";
+import { LOTTIE as O } from "../../../assets/lottie/lottie.js";
+import { GAME_LAUNCHER_SIZE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
 import E from "../../ui/layout/flex-view.js";
-import M from "../../ui/separator/separator.js";
-import L from "../../ui/text/text.js";
-import { NumberCountAnimation as F } from "../number-count-animation/number-count-animation.js";
-import { AnimatedArc as f } from "./comp/animated-arc/animated-arc.js";
-import { TARGET_ACHIEVED_DELAY as w, TOTAL_ANIMATION_DURATION as B, TOTAL_ARC_AVAILABLE as l, BORDER_OFFSET as _, PROGRESS_FILL_DURATION as m, PROGRESS_FILL_DELAY as $ } from "./constants.js";
-import { DigitalMeter as P, ContentContainer as U, NumberCountContainer as j, RainboxColorText as g, LineMarking as C, MarkingContainer as D, MarkingText as u, HelperTextWrapper as Y, TargetAchievedTextLottie as K, HelperTextPrimary as X, HelperTextSecondary as Z } from "./digital-meter-styled.js";
-const q = () => import(y.TARGET_ACHIEVED_TEXT), cr = G(
+import W from "../../ui/separator/separator.js";
+import p from "../../ui/text/text.js";
+import { NumberCountAnimation as M } from "../number-count-animation/number-count-animation.js";
+import { AnimatedArc as _ } from "./comp/animated-arc/animated-arc.js";
+import { TARGET_ACHIEVED_DELAY as y, TOTAL_ANIMATION_DURATION as F, TOTAL_ARC_AVAILABLE as l, BORDER_OFFSET as $, PROGRESS_FILL_DURATION as T, PROGRESS_FILL_DELAY as f } from "./constants.js";
+import { DigitalMeter as u, ContentContainer as w, NumberCountContainer as B, RainboxColorText as g, LineMarking as R, MarkingContainer as L, MarkingText as C, HelperTextWrapper as P, HelperTextPrimary as U, HelperTextSecondary as j } from "./digital-meter-styled.js";
+import Y from "../../ui/lottie-animation/lottie-animation.js";
+const ir = k(
   ({
-    show: s,
-    value: a,
-    maxValue: i,
-    targetValue: c,
-    displayText: H,
-    progressType: A,
-    helperTextPrimary: N,
-    helperTextSecondary: S,
-    onComplete: p
+    show: a,
+    value: A,
+    maxValue: t,
+    targetValue: o = 0,
+    displayText: D,
+    progressType: m,
+    helperTextPrimary: H,
+    helperTextSecondary: N,
+    onComplete: I
   }) => {
-    const [n, k] = O(!1), I = W(null);
-    return R(() => {
-      let t, r;
-      return s && (t = setTimeout(() => {
-        a >= c && k(!0);
-      }, w * 1e3), r = setTimeout(() => {
-        p();
-      }, B * 1e3)), () => {
-        t && clearTimeout(t), r && clearTimeout(r);
+    const [c, S] = b(!1);
+    return G(() => {
+      let i, e;
+      return a && (i = setTimeout(() => {
+        A >= o && S(!0);
+      }, y * 1e3), e = setTimeout(() => {
+        I();
+      }, F * 1e3)), () => {
+        i && clearTimeout(i), e && clearTimeout(e);
       };
-    }, [s, a, c, p]), R(() => {
-      n && (async () => {
-        const { default: r } = await q();
-        r && b.loadAnimation({
-          container: I.current,
-          renderer: "svg",
-          loop: !0,
-          autoplay: !0,
-          animationData: r
-        });
-      })();
-    }, [n]), s ? /* @__PURE__ */ o(P, { $isTargetAchieved: n, children: [
-      /* @__PURE__ */ e(
-        f,
+    }, [a, A, o, I]), a ? /* @__PURE__ */ n(u, { $isTargetAchieved: c, children: [
+      /* @__PURE__ */ r(
+        _,
         {
           targetAngle: l,
           strokeWidth: 16,
           color: "BLACK_5",
-          radius: (h - _) / 2,
+          radius: (s - $) / 2,
           duration: 0
         }
       ),
-      /* @__PURE__ */ e(U, { children: /* @__PURE__ */ o(E, { $flexDirection: "column", $alignItems: "center", children: [
-        /* @__PURE__ */ o(E, { $flexDirection: "row", $alignItems: "flex-end", children: [
-          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ r(w, { children: /* @__PURE__ */ n(E, { $flexDirection: "column", $alignItems: "center", children: [
+        /* @__PURE__ */ n(E, { $flexDirection: "row", $alignItems: "flex-end", children: [
+          /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
             g,
             {
               $renderAs: "ah1",
               $color: "GREEN_4",
-              $isTargetAchieved: n,
-              children: /* @__PURE__ */ e(
-                F,
+              $isTargetAchieved: c,
+              children: /* @__PURE__ */ r(
+                M,
                 {
                   initialValue: 0,
-                  targetValue: a,
-                  durationInSec: m,
-                  delayInSec: $
+                  targetValue: A,
+                  durationInSec: T,
+                  delayInSec: f
                 }
               )
             }
           ) }),
-          A === "stepper" && /* @__PURE__ */ o(L, { $renderAs: "ac2", $color: "WHITE", children: [
+          m === "stepper" && /* @__PURE__ */ n(p, { $renderAs: "ac2", $color: "WHITE", children: [
             "/",
-            i
+            t
           ] })
         ] }),
-        /* @__PURE__ */ e(M, { height: 8 }),
-        /* @__PURE__ */ e(L, { $renderAs: "ac4-black", $color: "WHITE_T_60", children: H })
+        /* @__PURE__ */ r(W, { height: 8 }),
+        /* @__PURE__ */ r(p, { $renderAs: "ac4-black", $color: "WHITE_T_60", children: D })
       ] }) }),
-      A === "stepper" && Array.from({ length: a }, (t, r) => {
-        const d = l / i;
-        return /* @__PURE__ */ e(
-          f,
+      m === "stepper" && Array.from({ length: A }, (i, e) => {
+        const d = l / t;
+        return /* @__PURE__ */ r(
+          _,
           {
-            startAngle: d * r,
+            startAngle: d * e,
             targetAngle: d,
             strokeWidth: 12,
             color: "GREEN_4",
-            radius: (h - _) / 2,
+            radius: (s - $) / 2,
             mode: "fade",
-            duration: m / i,
-            delay: $ + m / i * r,
-            playRainbowColors: n
+            duration: T / t,
+            delay: f + T / t * e,
+            playRainbowColors: c
           },
-          r
+          e
         );
       }),
-      A === "stepper" && Array.from({ length: i + 1 }, (t, r) => {
-        const d = l / i;
-        return /* @__PURE__ */ o(T, { children: [
-          /* @__PURE__ */ e(C, { $angle: d * r }, r + "linemarking"),
-          /* @__PURE__ */ e(D, { $angle: d * r, children: /* @__PURE__ */ e(u, { $angle: d * r, children: /* @__PURE__ */ e(
+      m === "stepper" && Array.from({ length: t + 1 }, (i, e) => {
+        const d = l / t;
+        return /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ r(R, { $angle: d * e }, e + "linemarking"),
+          /* @__PURE__ */ r(L, { $angle: d * e, children: /* @__PURE__ */ r(C, { $angle: d * e, children: /* @__PURE__ */ r(
             g,
             {
               $renderAs: "ac4-black",
-              $isTargetAchieved: r === c && n,
-              $color: r === c ? "GREEN_4" : "WHITE_T_60",
-              children: r
+              $isTargetAchieved: e === o && c,
+              $color: e === o ? "GREEN_4" : "WHITE_T_60",
+              children: e
             }
-          ) }) }, r)
+          ) }) }, e)
         ] });
       }),
-      A === "linear" && /* @__PURE__ */ o(T, { children: [
-        /* @__PURE__ */ e(
-          f,
+      m === "linear" && /* @__PURE__ */ n(h, { children: [
+        /* @__PURE__ */ r(
+          _,
           {
-            targetAngle: a * l / i,
+            targetAngle: A * l / t,
             strokeWidth: 12,
             color: "GREEN_4",
-            radius: (h - _) / 2,
-            duration: m,
-            delay: $,
-            playRainbowColors: n
+            radius: (s - $) / 2,
+            duration: T,
+            delay: f,
+            playRainbowColors: c
           }
         ),
-        /* @__PURE__ */ o(T, { children: [
-          /* @__PURE__ */ e(C, { $angle: c * l / i }),
-          Array.from(/* @__PURE__ */ new Set([0, c, i])).map((t, r) => /* @__PURE__ */ e(
-            D,
+        /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ r(R, { $angle: o * l / t }),
+          Array.from(/* @__PURE__ */ new Set([0, o, t])).map((i, e) => /* @__PURE__ */ r(
+            L,
             {
-              $angle: t * l / i,
-              children: /* @__PURE__ */ e(u, { $angle: t * l / i, children: /* @__PURE__ */ e(
+              $angle: i * l / t,
+              children: /* @__PURE__ */ r(C, { $angle: i * l / t, children: /* @__PURE__ */ r(
                 g,
                 {
                   $renderAs: "ac4-black",
-                  $color: t === c ? "GREEN_4" : "WHITE_T_60",
-                  $isTargetAchieved: a >= t && n && t === c,
-                  children: t
+                  $color: i === o ? "GREEN_4" : "WHITE_T_60",
+                  $isTargetAchieved: A >= i && c && i === o,
+                  children: i
                 }
               ) })
             },
-            r
+            e
           ))
         ] })
       ] }),
-      /* @__PURE__ */ o(Y, { children: [
-        n && /* @__PURE__ */ e(K, { ref: I }),
-        !n && /* @__PURE__ */ o(E, { $flexDirection: "column", $alignItems: "center", children: [
-          /* @__PURE__ */ e(X, { $renderAs: "ac4-black", $color: "WHITE_T_60", children: N }),
-          /* @__PURE__ */ e(Z, { $renderAs: "ab1", $color: "WHITE", children: S })
+      /* @__PURE__ */ n(P, { children: [
+        c && /* @__PURE__ */ r(Y, { src: O.TARGET_ACHIEVED_TEXT }),
+        !c && /* @__PURE__ */ n(E, { $flexDirection: "column", $alignItems: "center", children: [
+          /* @__PURE__ */ r(U, { $renderAs: "ac4-black", $color: "WHITE_T_60", children: H }),
+          /* @__PURE__ */ r(j, { $renderAs: "ab1", $color: "WHITE", children: N })
         ] })
       ] })
     ] }) : null;
   }
 );
 export {
-  cr as DigitalMeter
+  ir as DigitalMeter
 };
 //# sourceMappingURL=digital-meter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"digital-meter.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter.tsx"],"sourcesContent":["import type { IDigitalMeterProps } from './digital-meter-types';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { NumberCountAnimation } from '../number-count-animation/number-count-animation';\nimport { AnimatedArc } from './comp/animated-arc/animated-arc';\nimport {\n  BORDER_OFFSET,\n  PROGRESS_FILL_DELAY,\n  PROGRESS_FILL_DURATION,\n  TARGET_ACHIEVED_DELAY,\n  TOTAL_ANIMATION_DURATION,\n  TOTAL_ARC_AVAILABLE,\n} from './constants';\nimport * as Styled from './digital-meter-styled';\n\nconst taregetAchieved = () => import(LOTTIE.TARGET_ACHIEVED_TEXT);\n\nexport const DigitalMeter: FC<IDigitalMeterProps> = memo(\n  ({\n    show,\n    value,\n    maxValue,\n    targetValue,\n    displayText,\n    progressType,\n    helperTextPrimary,\n    helperTextSecondary,\n    onComplete,\n  }) => {\n    const [isTargetAchieved, setIsTargetAchieved] = useState(false);\n    const targetAchievedLottieContainerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      let timerForAnimationComplete: ReturnType<typeof setTimeout>;\n\n      if (show) {\n        timer = setTimeout(() => {\n          if (value >= targetValue) {\n            setIsTargetAchieved(true);\n          }\n        }, TARGET_ACHIEVED_DELAY * 1000);\n\n        timerForAnimationComplete = setTimeout(() => {\n          onComplete();\n        }, TOTAL_ANIMATION_DURATION * 1000);\n      }\n\n      return () => {\n        timer && clearTimeout(timer);\n        timerForAnimationComplete && clearTimeout(timerForAnimationComplete);\n      };\n    }, [show, value, targetValue, onComplete]);\n\n    useEffect(() => {\n      if (isTargetAchieved) {\n        const loadAnimation = async () => {\n          const { default: lottie } = await taregetAchieved();\n\n          if (lottie) {\n            Lottie.loadAnimation({\n              container: targetAchievedLottieContainerRef.current as HTMLDivElement,\n              renderer: 'svg',\n              loop: true,\n              autoplay: true,\n              animationData: lottie,\n            });\n          }\n        };\n\n        loadAnimation();\n      }\n    }, [isTargetAchieved]);\n\n    if (show) {\n      return (\n        <Styled.DigitalMeter $isTargetAchieved={isTargetAchieved}>\n          {/* complete arc area to be filled */}\n          <AnimatedArc\n            targetAngle={TOTAL_ARC_AVAILABLE}\n            strokeWidth={16}\n            color=\"BLACK_5\"\n            radius={(GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2}\n            duration={0}\n          />\n\n          {/* center area for the content */}\n          <Styled.ContentContainer>\n            <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n              <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n                <Styled.NumberCountContainer>\n                  <Styled.RainboxColorText\n                    $renderAs=\"ah1\"\n                    $color=\"GREEN_4\"\n                    $isTargetAchieved={isTargetAchieved}\n                  >\n                    <NumberCountAnimation\n                      initialValue={0}\n                      targetValue={value}\n                      durationInSec={PROGRESS_FILL_DURATION}\n                      delayInSec={PROGRESS_FILL_DELAY}\n                    />\n                  </Styled.RainboxColorText>\n                </Styled.NumberCountContainer>\n                {progressType === 'stepper' && (\n                  <Text $renderAs=\"ac2\" $color=\"WHITE\">\n                    /{maxValue}\n                  </Text>\n                )}\n              </FlexView>\n              <Separator height={8} />\n              <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n                {displayText}\n              </Text>\n            </FlexView>\n          </Styled.ContentContainer>\n\n          {/* stepper animation */}\n          {progressType === 'stepper' &&\n            Array.from({ length: value }, (_, index) => {\n              const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n              return (\n                <AnimatedArc\n                  key={index}\n                  startAngle={arcLength * index}\n                  targetAngle={arcLength}\n                  strokeWidth={12}\n                  color=\"GREEN_4\"\n                  radius={(GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2}\n                  mode=\"fade\"\n                  duration={PROGRESS_FILL_DURATION / maxValue}\n                  delay={PROGRESS_FILL_DELAY + (PROGRESS_FILL_DURATION / maxValue) * index}\n                  playRainbowColors={isTargetAchieved}\n                />\n              );\n            })}\n\n          {/* numbers with markings */}\n          {progressType === 'stepper' &&\n            Array.from({ length: maxValue + 1 }, (_, index) => {\n              const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n              return (\n                <>\n                  <Styled.LineMarking key={index + 'linemarking'} $angle={arcLength * index} />\n\n                  <Styled.MarkingContainer key={index} $angle={arcLength * index}>\n                    <Styled.MarkingText $angle={arcLength * index}>\n                      <Styled.RainboxColorText\n                        $renderAs=\"ac4-black\"\n                        $isTargetAchieved={index === targetValue && isTargetAchieved}\n                        $color={index === targetValue ? 'GREEN_4' : 'WHITE_T_60'}\n                      >\n                        {index}\n                      </Styled.RainboxColorText>\n                    </Styled.MarkingText>\n                  </Styled.MarkingContainer>\n                </>\n              );\n            })}\n\n          {/* progress of linear */}\n          {progressType === 'linear' && (\n            <>\n              <AnimatedArc\n                targetAngle={(value * TOTAL_ARC_AVAILABLE) / maxValue}\n                strokeWidth={12}\n                color=\"GREEN_4\"\n                radius={(GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2}\n                duration={PROGRESS_FILL_DURATION}\n                delay={PROGRESS_FILL_DELAY}\n                playRainbowColors={isTargetAchieved}\n              />\n              <>\n                {/* target line marking */}\n                <Styled.LineMarking $angle={(targetValue * TOTAL_ARC_AVAILABLE) / maxValue} />\n\n                {/* all markings */}\n                {Array.from(new Set([0, targetValue, maxValue])).map((val, index) => (\n                  <Styled.MarkingContainer\n                    key={index}\n                    $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}\n                  >\n                    <Styled.MarkingText $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}>\n                      <Styled.RainboxColorText\n                        $renderAs=\"ac4-black\"\n                        $color={val === targetValue ? 'GREEN_4' : 'WHITE_T_60'}\n                        $isTargetAchieved={value >= val && isTargetAchieved && val === targetValue}\n                      >\n                        {val}\n                      </Styled.RainboxColorText>\n                    </Styled.MarkingText>\n                  </Styled.MarkingContainer>\n                ))}\n              </>\n            </>\n          )}\n\n          {/* helper text below the animation */}\n          <Styled.HelperTextWrapper>\n            {isTargetAchieved && (\n              <Styled.TargetAchievedTextLottie ref={targetAchievedLottieContainerRef} />\n            )}\n            {!isTargetAchieved && (\n              <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n                <Styled.HelperTextPrimary $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n                  {helperTextPrimary}\n                </Styled.HelperTextPrimary>\n                <Styled.HelperTextSecondary $renderAs=\"ab1\" $color=\"WHITE\">\n                  {helperTextSecondary}\n                </Styled.HelperTextSecondary>\n              </FlexView>\n            )}\n          </Styled.HelperTextWrapper>\n        </Styled.DigitalMeter>\n      );\n    }\n\n    return null;\n  },\n);\n"],"names":["taregetAchieved","LOTTIE","DigitalMeter","memo","show","value","maxValue","targetValue","displayText","progressType","helperTextPrimary","helperTextSecondary","onComplete","isTargetAchieved","setIsTargetAchieved","useState","targetAchievedLottieContainerRef","useRef","useEffect","timer","timerForAnimationComplete","TARGET_ACHIEVED_DELAY","TOTAL_ANIMATION_DURATION","lottie","Lottie","jsxs","Styled.DigitalMeter","jsx","AnimatedArc","TOTAL_ARC_AVAILABLE","GAME_LAUNCHER_SIZE","BORDER_OFFSET","Styled.ContentContainer","FlexView","Styled.NumberCountContainer","Styled.RainboxColorText","NumberCountAnimation","PROGRESS_FILL_DURATION","PROGRESS_FILL_DELAY","Text","Separator","_","index","arcLength","Fragment","Styled.LineMarking","Styled.MarkingContainer","Styled.MarkingText","val","Styled.HelperTextWrapper","Styled.TargetAchievedTextLottie","Styled.HelperTextPrimary","Styled.HelperTextSecondary"],"mappings":"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"}
+{"version":3,"file":"digital-meter.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter.tsx"],"sourcesContent":["import type { IDigitalMeterProps } from './digital-meter-types';\nimport type { FC } from 'react';\n\nimport { memo, useEffect, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { NumberCountAnimation } from '../number-count-animation/number-count-animation';\nimport { AnimatedArc } from './comp/animated-arc/animated-arc';\nimport {\n  BORDER_OFFSET,\n  PROGRESS_FILL_DELAY,\n  PROGRESS_FILL_DURATION,\n  TARGET_ACHIEVED_DELAY,\n  TOTAL_ANIMATION_DURATION,\n  TOTAL_ARC_AVAILABLE,\n} from './constants';\nimport * as Styled from './digital-meter-styled';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\n\nexport const DigitalMeter: FC<IDigitalMeterProps> = memo(\n  ({\n    show,\n    value,\n    maxValue,\n    targetValue = 0,\n    displayText,\n    progressType,\n    helperTextPrimary,\n    helperTextSecondary,\n    onComplete,\n  }) => {\n    const [isTargetAchieved, setIsTargetAchieved] = useState(false);\n\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      let timerForAnimationComplete: ReturnType<typeof setTimeout>;\n\n      if (show) {\n        timer = setTimeout(() => {\n          if (value >= targetValue) {\n            setIsTargetAchieved(true);\n          }\n        }, TARGET_ACHIEVED_DELAY * 1000);\n\n        timerForAnimationComplete = setTimeout(() => {\n          onComplete();\n        }, TOTAL_ANIMATION_DURATION * 1000);\n      }\n\n      return () => {\n        timer && clearTimeout(timer);\n        timerForAnimationComplete && clearTimeout(timerForAnimationComplete);\n      };\n    }, [show, value, targetValue, onComplete]);\n\n    if (show) {\n      return (\n        <Styled.DigitalMeter $isTargetAchieved={isTargetAchieved}>\n          {/* complete arc area to be filled */}\n          <AnimatedArc\n            targetAngle={TOTAL_ARC_AVAILABLE}\n            strokeWidth={16}\n            color=\"BLACK_5\"\n            radius={(GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2}\n            duration={0}\n          />\n\n          {/* center area for the content */}\n          <Styled.ContentContainer>\n            <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n              <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n                <Styled.NumberCountContainer>\n                  <Styled.RainboxColorText\n                    $renderAs=\"ah1\"\n                    $color=\"GREEN_4\"\n                    $isTargetAchieved={isTargetAchieved}\n                  >\n                    <NumberCountAnimation\n                      initialValue={0}\n                      targetValue={value}\n                      durationInSec={PROGRESS_FILL_DURATION}\n                      delayInSec={PROGRESS_FILL_DELAY}\n                    />\n                  </Styled.RainboxColorText>\n                </Styled.NumberCountContainer>\n                {progressType === 'stepper' && (\n                  <Text $renderAs=\"ac2\" $color=\"WHITE\">\n                    /{maxValue}\n                  </Text>\n                )}\n              </FlexView>\n              <Separator height={8} />\n              <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n                {displayText}\n              </Text>\n            </FlexView>\n          </Styled.ContentContainer>\n\n          {/* stepper animation */}\n          {progressType === 'stepper' &&\n            Array.from({ length: value }, (_, index) => {\n              const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n              return (\n                <AnimatedArc\n                  key={index}\n                  startAngle={arcLength * index}\n                  targetAngle={arcLength}\n                  strokeWidth={12}\n                  color=\"GREEN_4\"\n                  radius={(GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2}\n                  mode=\"fade\"\n                  duration={PROGRESS_FILL_DURATION / maxValue}\n                  delay={PROGRESS_FILL_DELAY + (PROGRESS_FILL_DURATION / maxValue) * index}\n                  playRainbowColors={isTargetAchieved}\n                />\n              );\n            })}\n\n          {/* numbers with markings */}\n          {progressType === 'stepper' &&\n            Array.from({ length: maxValue + 1 }, (_, index) => {\n              const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n              return (\n                <>\n                  <Styled.LineMarking key={index + 'linemarking'} $angle={arcLength * index} />\n\n                  <Styled.MarkingContainer key={index} $angle={arcLength * index}>\n                    <Styled.MarkingText $angle={arcLength * index}>\n                      <Styled.RainboxColorText\n                        $renderAs=\"ac4-black\"\n                        $isTargetAchieved={index === targetValue && isTargetAchieved}\n                        $color={index === targetValue ? 'GREEN_4' : 'WHITE_T_60'}\n                      >\n                        {index}\n                      </Styled.RainboxColorText>\n                    </Styled.MarkingText>\n                  </Styled.MarkingContainer>\n                </>\n              );\n            })}\n\n          {/* progress of linear */}\n          {progressType === 'linear' && (\n            <>\n              <AnimatedArc\n                targetAngle={(value * TOTAL_ARC_AVAILABLE) / maxValue}\n                strokeWidth={12}\n                color=\"GREEN_4\"\n                radius={(GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2}\n                duration={PROGRESS_FILL_DURATION}\n                delay={PROGRESS_FILL_DELAY}\n                playRainbowColors={isTargetAchieved}\n              />\n              <>\n                {/* target line marking */}\n                <Styled.LineMarking $angle={(targetValue * TOTAL_ARC_AVAILABLE) / maxValue} />\n\n                {/* all markings */}\n                {Array.from(new Set([0, targetValue, maxValue])).map((val, index) => (\n                  <Styled.MarkingContainer\n                    key={index}\n                    $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}\n                  >\n                    <Styled.MarkingText $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}>\n                      <Styled.RainboxColorText\n                        $renderAs=\"ac4-black\"\n                        $color={val === targetValue ? 'GREEN_4' : 'WHITE_T_60'}\n                        $isTargetAchieved={value >= val && isTargetAchieved && val === targetValue}\n                      >\n                        {val}\n                      </Styled.RainboxColorText>\n                    </Styled.MarkingText>\n                  </Styled.MarkingContainer>\n                ))}\n              </>\n            </>\n          )}\n\n          {/* helper text below the animation */}\n          <Styled.HelperTextWrapper>\n            {isTargetAchieved && (\n              <LottieAnimation src={LOTTIE.TARGET_ACHIEVED_TEXT} />\n            )}\n            {!isTargetAchieved && (\n              <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n                <Styled.HelperTextPrimary $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n                  {helperTextPrimary}\n                </Styled.HelperTextPrimary>\n                <Styled.HelperTextSecondary $renderAs=\"ab1\" $color=\"WHITE\">\n                  {helperTextSecondary}\n                </Styled.HelperTextSecondary>\n              </FlexView>\n            )}\n          </Styled.HelperTextWrapper>\n        </Styled.DigitalMeter>\n      );\n    }\n\n    return null;\n  },\n);\n"],"names":["DigitalMeter","memo","show","value","maxValue","targetValue","displayText","progressType","helperTextPrimary","helperTextSecondary","onComplete","isTargetAchieved","setIsTargetAchieved","useState","useEffect","timer","timerForAnimationComplete","TARGET_ACHIEVED_DELAY","TOTAL_ANIMATION_DURATION","jsxs","Styled.DigitalMeter","jsx","AnimatedArc","TOTAL_ARC_AVAILABLE","GAME_LAUNCHER_SIZE","BORDER_OFFSET","Styled.ContentContainer","FlexView","Styled.NumberCountContainer","Styled.RainboxColorText","NumberCountAnimation","PROGRESS_FILL_DURATION","PROGRESS_FILL_DELAY","Text","Separator","_","index","arcLength","Fragment","Styled.LineMarking","Styled.MarkingContainer","Styled.MarkingText","val","Styled.HelperTextWrapper","LottieAnimation","LOTTIE","Styled.HelperTextPrimary","Styled.HelperTextSecondary"],"mappings":";;;;;;;;;;;;AAuBO,MAAMA,KAAuCC;AAAA,EAClD,CAAC;AAAA,IACC,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK;AAwB9D,WAtBAC,EAAU,MAAM;AACV,UAAAC,GACAC;AAEJ,aAAId,MACFa,IAAQ,WAAW,MAAM;AACvB,QAAIZ,KAASE,KACXO,EAAoB,EAAI;AAAA,MAC1B,GACCK,IAAwB,GAAI,GAE/BD,IAA4B,WAAW,MAAM;AAChC,QAAAN;MAAA,GACVQ,IAA2B,GAAI,IAG7B,MAAM;AACX,QAAAH,KAAS,aAAaA,CAAK,GAC3BC,KAA6B,aAAaA,CAAyB;AAAA,MAAA;AAAA,OAEpE,CAACd,GAAMC,GAAOE,GAAaK,CAAU,CAAC,GAErCR,IAEC,gBAAAiB,EAAAC,GAAA,EAAoB,mBAAmBT,GAEtC,UAAA;AAAA,MAAA,gBAAAU;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaC;AAAA,UACb,aAAa;AAAA,UACb,OAAM;AAAA,UACN,SAASC,IAAqBC,KAAiB;AAAA,UAC/C,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAGA,gBAAAJ,EAACK,GAAA,EACC,4BAACC,GAAS,EAAA,gBAAe,UAAS,aAAY,UAC5C,UAAA;AAAA,QAAA,gBAAAR,EAACQ,GAAS,EAAA,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAC,gBAAAN,EAAAO,GAAA,EACC,UAAA,gBAAAP;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,QAAO;AAAA,cACP,mBAAmBlB;AAAA,cAEnB,UAAA,gBAAAU;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,cAAc;AAAA,kBACd,aAAa3B;AAAA,kBACb,eAAe4B;AAAA,kBACf,YAAYC;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACCzB,MAAiB,aAChB,gBAAAY,EAACc,KAAK,WAAU,OAAM,QAAO,SAAQ,UAAA;AAAA,YAAA;AAAA,YACjC7B;AAAA,UAAA,GACJ;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAiB,EAACa,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,0BACrBD,GAAK,EAAA,WAAU,aAAY,QAAO,cAChC,UACH3B,GAAA;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,MAGCC,MAAiB,aAChB,MAAM,KAAK,EAAE,QAAQJ,EAAM,GAAG,CAACgC,GAAGC,MAAU;AAC1C,cAAMC,IAAYd,IAAsBnB;AAGtC,eAAA,gBAAAiB;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,YAAYe,IAAYD;AAAA,YACxB,aAAaC;AAAA,YACb,aAAa;AAAA,YACb,OAAM;AAAA,YACN,SAASb,IAAqBC,KAAiB;AAAA,YAC/C,MAAK;AAAA,YACL,UAAUM,IAAyB3B;AAAA,YACnC,OAAO4B,IAAuBD,IAAyB3B,IAAYgC;AAAA,YACnE,mBAAmBzB;AAAA,UAAA;AAAA,UATdyB;AAAA,QAAA;AAAA,MAUP,CAEH;AAAA,MAGF7B,MAAiB,aAChB,MAAM,KAAK,EAAE,QAAQH,IAAW,EAAE,GAAG,CAAC+B,GAAGC,MAAU;AACjD,cAAMC,IAAYd,IAAsBnB;AAExC,eAEI,gBAAAe,EAAAmB,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAjB,EAACkB,GAAA,EAA+C,QAAQF,IAAYD,EAAA,GAA3CA,IAAQ,aAA0C;AAAA,UAE1E,gBAAAf,EAAAmB,GAAA,EAAoC,QAAQH,IAAYD,GACvD,UAAA,gBAAAf,EAACoB,GAAA,EAAmB,QAAQJ,IAAYD,GACtC,UAAA,gBAAAf;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,mBAAmBO,MAAU/B,KAAeM;AAAA,cAC5C,QAAQyB,MAAU/B,IAAc,YAAY;AAAA,cAE3C,UAAA+B;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA,KAT4BA,CAU9B;AAAA,QACF,EAAA,CAAA;AAAA,MAAA,CAEH;AAAA,MAGF7B,MAAiB,YAEd,gBAAAY,EAAAmB,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAjB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAcnB,IAAQoB,IAAuBnB;AAAA,YAC7C,aAAa;AAAA,YACb,OAAM;AAAA,YACN,SAASoB,IAAqBC,KAAiB;AAAA,YAC/C,UAAUM;AAAA,YACV,OAAOC;AAAA,YACP,mBAAmBrB;AAAA,UAAA;AAAA,QACrB;AAAA,QAGE,gBAAAQ,EAAAmB,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAjB,EAACkB,GAAA,EAAmB,QAASlC,IAAckB,IAAuBnB,GAAU;AAAA,UAG3E,MAAM,KAAS,oBAAA,IAAI,CAAC,GAAGC,GAAaD,CAAQ,CAAC,CAAC,EAAE,IAAI,CAACsC,GAAKN,MACzD,gBAAAf;AAAA,YAACmB;AAAAA,YAAA;AAAA,cAEC,QAASE,IAAMnB,IAAuBnB;AAAA,cAEtC,4BAACqC,GAAA,EAAmB,QAASC,IAAMnB,IAAuBnB,GACxD,UAAA,gBAAAiB;AAAA,gBAACQ;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,QAAQa,MAAQrC,IAAc,YAAY;AAAA,kBAC1C,mBAAmBF,KAASuC,KAAO/B,KAAoB+B,MAAQrC;AAAA,kBAE9D,UAAAqC;AAAA,gBAAA;AAAA,cAAA,GAEL;AAAA,YAAA;AAAA,YAXKN;AAAA,UAAA,CAaR;AAAA,QAAA,GACH;AAAA,MAAA,GACF;AAAA,MAIF,gBAAAjB,EAACwB,GAAA,EACE,UAAA;AAAA,QAAAhC,KACE,gBAAAU,EAAAuB,GAAA,EAAgB,KAAKC,EAAO,sBAAsB;AAAA,QAEpD,CAAClC,KACA,gBAAAQ,EAACQ,KAAS,gBAAe,UAAS,aAAY,UAC5C,UAAA;AAAA,UAAA,gBAAAN,EAACyB,GAAA,EAAyB,WAAU,aAAY,QAAO,cACpD,UACHtC,GAAA;AAAA,UACA,gBAAAa,EAAC0B,GAAA,EAA2B,WAAU,OAAM,QAAO,SAChD,UACHtC,GAAA;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA,IAIG;AAAA,EACT;AACF;"}

package/dist/features/post-game-stats/enums/post-game-stats-enum.js

@@ -1,4 +1,4 @@
-var c = /* @__PURE__ */ ((r) => (r.STREAK = "streak", r.ACCURACY = "accuracy", r.CLOCK = "clock", r.POINT = "point", r))(c || {});
+var c = /* @__PURE__ */ ((r) => (r.STREAK = "streak", r.ACCURACY = "accuracy", r.CLOCK = "clock", r.POINT = "point", r.DIGITAL_METER = "digital-meter", r))(c || {});
 export {
   c as EPostGameStat
 };

package/dist/features/post-game-stats/enums/post-game-stats-enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats-enum.js","sources":["../../../../src/features/post-game-stats/enums/post-game-stats-enum.ts"],"sourcesContent":["export enum EPostGameStat {\n  STREAK = 'streak',\n  ACCURACY = 'accuracy',\n  CLOCK = 'clock',\n  POINT = 'point',\n}\n"],"names":["EPostGameStat"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"post-game-stats-enum.js","sources":["../../../../src/features/post-game-stats/enums/post-game-stats-enum.ts"],"sourcesContent":["export enum EPostGameStat {\n  STREAK = 'streak',\n  ACCURACY = 'accuracy',\n  CLOCK = 'clock',\n  POINT = 'point',\n  DIGITAL_METER = 'digital-meter',\n}\n"],"names":["EPostGameStat"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,gBAAgB,iBALNA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,70 +1,65 @@
-import { jsxs as S, jsx as n } from "react/jsx-runtime";
-import { memo as C, forwardRef as T, useState as d, useCallback as h, useImperativeHandle as y } from "react";
-import { Accuracy as A } from "./accuracy/accuracy.js";
-import { Clock as R } from "./clock/clock.js";
-import { EPostGameStat as p } from "./enums/post-game-stats-enum.js";
-import { Points as k } from "./points/points.js";
-import { StatsWrapper as w, BlackBg as I } from "./post-game-stats-styled.js";
-import { Streak as P } from "./streak/streak.js";
-const b = C(
-  T(({ stats: e, show: f, onComplete: l }, a) => {
-    var i, u;
-    const [r, x] = d(0), t = h(() => {
-      var o, c;
-      if ((c = (o = e[r]) == null ? void 0 : o.onComplete) == null || c.call(o), r === e.length - 1) {
+import { jsxs as G, jsx as n } from "react/jsx-runtime";
+import { memo as j, forwardRef as B, useState as C, useCallback as A, useImperativeHandle as D } from "react";
+import { DigitalMeter as M } from "./digital-meter/digital-meter.js";
+import { EPostGameStat as a } from "./enums/post-game-stats-enum.js";
+import { Points as N } from "./points/points.js";
+import { StatsWrapper as b, BlackBg as H } from "./post-game-stats-styled.js";
+import { Streak as K } from "./streak/streak.js";
+const J = j(
+  B(({ stats: e, show: E, onComplete: l }, k) => {
+    var i, t, u, x, T, h, f, y, S, c, d, v, g, P, R;
+    const [r, w] = C(0), p = A(() => {
+      var o, I;
+      if ((I = (o = e[r]) == null ? void 0 : o.onComplete) == null || I.call(o), r === e.length - 1) {
         l == null || l();
         return;
       }
-      x((v) => v + 1);
-    }, [r, l, e]), m = h(() => {
+      w((V) => V + 1);
+    }, [r, l, e]), m = A(() => {
       var o;
-      (o = e[r]) != null && o.stopAtEnd || t();
-    }, [e, r, t]);
-    return y(a, () => ({
-      moveToNextAndPlay: t
-    })), !f || e.length === 0 || r >= e.length ? null : /* @__PURE__ */ S(w, { children: [
-      /* @__PURE__ */ n(I, {}),
+      (o = e[r]) != null && o.stopAtEnd || p();
+    }, [e, r, p]);
+    return D(k, () => ({
+      moveToNextAndPlay: p
+    })), !E || e.length === 0 || r >= e.length ? null : /* @__PURE__ */ G(b, { children: [
+      /* @__PURE__ */ n(H, {}),
       /* @__PURE__ */ n(
-        k,
+        N,
         {
-          point: e[r].value,
-          show: e[r].type === p.POINT,
+          point: ((i = e[r]) == null ? void 0 : i.value) ?? 0,
+          show: ((t = e[r]) == null ? void 0 : t.type) === a.POINT,
           onComplete: m,
-          onReveal: (i = e[r]) == null ? void 0 : i.onReveal
-        }
-      ),
-      /* @__PURE__ */ n(
-        P,
-        {
-          currStreak: e[r].value,
-          show: e[r].type === p.STREAK,
-          onComplete: m,
-          helperText: e[r].helperText,
           onReveal: (u = e[r]) == null ? void 0 : u.onReveal
         }
       ),
       /* @__PURE__ */ n(
-        A,
+        K,
         {
-          accuracy: e[r].value,
-          show: e[r].type === p.ACCURACY,
+          currStreak: ((x = e[r]) == null ? void 0 : x.value) ?? 0,
+          show: ((T = e[r]) == null ? void 0 : T.type) === a.STREAK,
           onComplete: m,
-          helperText: e[r].helperText
+          helperText: (h = e[r]) == null ? void 0 : h.helperText,
+          onReveal: (f = e[r]) == null ? void 0 : f.onReveal
         }
       ),
       /* @__PURE__ */ n(
-        R,
+        M,
         {
-          timeInMs: e[r].value,
-          show: e[r].type === p.CLOCK,
-          onComplete: m,
-          helperText: e[r].helperText
+          value: ((y = e[r]) == null ? void 0 : y.value) ?? 0,
+          maxValue: ((S = e[r]) == null ? void 0 : S.maxValue) ?? 1,
+          targetValue: ((c = e[r]) == null ? void 0 : c.targetValue) ?? 0,
+          displayText: ((d = e[r]) == null ? void 0 : d.displayText) ?? "",
+          progressType: ((v = e[r]) == null ? void 0 : v.progressType) ?? "linear",
+          helperTextPrimary: ((g = e[r]) == null ? void 0 : g.helperTextPrimary) ?? "",
+          helperTextSecondary: ((P = e[r]) == null ? void 0 : P.helperTextSecondary) ?? "",
+          show: ((R = e[r]) == null ? void 0 : R.type) === a.DIGITAL_METER,
+          onComplete: m
         }
       )
     ] });
   })
 );
 export {
-  b as PostGameStats
+  J as PostGameStats
 };
 //# sourceMappingURL=post-game-stats.js.map

package/dist/features/post-game-stats/post-game-stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats.js","sources":["../../../src/features/post-game-stats/post-game-stats.tsx"],"sourcesContent":["import type { IPostGameStatsProps, IPostGameStatsRef } from './post-game-stats-types';\n\nimport { useState, memo, useCallback, forwardRef, useImperativeHandle } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\nimport { EPostGameStat } from './enums/post-game-stats-enum';\nimport { Points } from './points/points';\nimport * as Styled from './post-game-stats-styled';\nimport { Streak } from './streak/streak';\n\nexport const PostGameStats = memo(\n  forwardRef<IPostGameStatsRef, IPostGameStatsProps>(({ stats, show, onComplete }, ref) => {\n    const [currStatIndex, setCurrentStatIndex] = useState(0);\n\n    const moveToNextAndPlay = useCallback(() => {\n      stats[currStatIndex]?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (stats[currStatIndex]?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [stats, currStatIndex, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n        <Points\n          point={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.POINT}\n          onComplete={onStatAnimationComplete}\n          onReveal={stats[currStatIndex]?.onReveal}\n        />\n        <Streak\n          currStreak={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.STREAK}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]!.helperText}\n          onReveal={stats[currStatIndex]?.onReveal}\n        />\n        <Accuracy\n          accuracy={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.ACCURACY}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]!.helperText}\n        />\n        <Clock\n          timeInMs={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.CLOCK}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]!.helperText}\n        />\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","moveToNextAndPlay","useCallback","_b","_a","prev","onStatAnimationComplete","useImperativeHandle","jsxs","Styled.StatsWrapper","jsx","Styled.BlackBg","Points","EPostGameStat","Streak","Accuracy","Clock"],"mappings":";;;;;;;;AAWO,MAAMA,IAAgBC;AAAA,EAC3BC,EAAmD,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,GAAcC,MAAQ;;AACvF,UAAM,CAACC,GAAeC,CAAmB,IAAIC,EAAS,CAAC,GAEjDC,IAAoBC,EAAY,MAAM;;AAGtC,WAFEC,KAAAC,IAAAV,EAAAI,CAAa,MAAb,gBAAAM,EAAgB,eAAhB,QAAAD,EAAA,KAAAC,IAEFN,MAAkBJ,EAAM,SAAS,GAAG;AACzB,QAAAE,KAAA,QAAAA;AAEb;AAAA,MACF;AACoB,MAAAG,EAAA,CAAAM,MAAQA,IAAO,CAAC;AAAA,IACnC,GAAA,CAACP,GAAeF,GAAYF,CAAK,CAAC,GAE/BY,IAA0BJ,EAAY,MAAM;;AAC5C,OAAAE,IAAAV,EAAMI,CAAa,MAAnB,QAAAM,EAAsB,aAGRH;IACjB,GAAA,CAACP,GAAOI,GAAeG,CAAiB,CAAC;AAM5C,WAJAM,EAAoBV,GAAK,OAAO;AAAA,MAC9B,mBAAAI;AAAA,IACA,EAAA,GAEE,CAACN,KAAQD,EAAM,WAAW,KAAKI,KAAiBJ,EAAM,SACjD,OAIP,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAe;AAAA,MAChB,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOlB,EAAMI,CAAa,EAAG;AAAA,UAC7B,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,WAAUF,IAAAV,EAAMI,CAAa,MAAnB,gBAAAM,EAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,MACA,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAYpB,EAAMI,CAAa,EAAG;AAAA,UAClC,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,YAAYZ,EAAMI,CAAa,EAAG;AAAA,UAClC,WAAUK,IAAAT,EAAMI,CAAa,MAAnB,gBAAAK,EAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,MACA,gBAAAO;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAUrB,EAAMI,CAAa,EAAG;AAAA,UAChC,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,YAAYZ,EAAMI,CAAa,EAAG;AAAA,QAAA;AAAA,MACpC;AAAA,MACA,gBAAAY;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,UAAUtB,EAAMI,CAAa,EAAG;AAAA,UAChC,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,YAAYZ,EAAMI,CAAa,EAAG;AAAA,QAAA;AAAA,MACpC;AAAA,IACF,EAAA,CAAA;AAAA,EAAA,CAEH;AACH;"}
+{"version":3,"file":"post-game-stats.js","sources":["../../../src/features/post-game-stats/post-game-stats.tsx"],"sourcesContent":["import type { IPostGameStatsProps, IPostGameStatsRef } from './post-game-stats-types';\n\nimport { useState, memo, useCallback, forwardRef, useImperativeHandle } from 'react';\n\nimport { DigitalMeter } from './digital-meter/digital-meter';\nimport { EPostGameStat } from './enums/post-game-stats-enum';\nimport { Points } from './points/points';\nimport * as Styled from './post-game-stats-styled';\nimport { Streak } from './streak/streak';\n\nexport const PostGameStats = memo(\n  forwardRef<IPostGameStatsRef, IPostGameStatsProps>(({ stats, show, onComplete }, ref) => {\n    const [currStatIndex, setCurrentStatIndex] = useState(0);\n\n    const moveToNextAndPlay = useCallback(() => {\n      stats[currStatIndex]?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (stats[currStatIndex]?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [stats, currStatIndex, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n        <Points\n          point={stats[currStatIndex]?.value ?? 0}\n          show={stats[currStatIndex]?.type === EPostGameStat.POINT}\n          onComplete={onStatAnimationComplete}\n          onReveal={stats[currStatIndex]?.onReveal}\n        />\n        <Streak\n          currStreak={stats[currStatIndex]?.value ?? 0}\n          show={stats[currStatIndex]!?.type === EPostGameStat.STREAK}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]?.helperText}\n          onReveal={stats[currStatIndex]?.onReveal}\n        />\n        <DigitalMeter\n          value={stats[currStatIndex]?.value ?? 0}\n          maxValue={stats[currStatIndex]?.maxValue ?? 1}\n          targetValue={stats[currStatIndex]?.targetValue ?? 0}\n          displayText={stats[currStatIndex]?.displayText ?? ''}\n          progressType={stats[currStatIndex]?.progressType ?? 'linear'}\n          helperTextPrimary={stats[currStatIndex]?.helperTextPrimary ?? ''}\n          helperTextSecondary={stats[currStatIndex]?.helperTextSecondary ?? ''}\n          show={stats[currStatIndex]?.type === EPostGameStat.DIGITAL_METER}\n          onComplete={onStatAnimationComplete}\n        />\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","moveToNextAndPlay","useCallback","_b","_a","prev","onStatAnimationComplete","useImperativeHandle","jsxs","Styled.StatsWrapper","jsx","Styled.BlackBg","Points","EPostGameStat","_c","Streak","_d","_e","_f","_g","DigitalMeter","_h","_i","_j","_k","_l","_m","_n","_o"],"mappings":";;;;;;;AAUO,MAAMA,IAAgBC;AAAA,EAC3BC,EAAmD,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,GAAcC,MAAQ;;AACvF,UAAM,CAACC,GAAeC,CAAmB,IAAIC,EAAS,CAAC,GAEjDC,IAAoBC,EAAY,MAAM;;AAGtC,WAFEC,KAAAC,IAAAV,EAAAI,CAAa,MAAb,gBAAAM,EAAgB,eAAhB,QAAAD,EAAA,KAAAC,IAEFN,MAAkBJ,EAAM,SAAS,GAAG;AACzB,QAAAE,KAAA,QAAAA;AAEb;AAAA,MACF;AACoB,MAAAG,EAAA,CAAAM,MAAQA,IAAO,CAAC;AAAA,IACnC,GAAA,CAACP,GAAeF,GAAYF,CAAK,CAAC,GAE/BY,IAA0BJ,EAAY,MAAM;;AAC5C,OAAAE,IAAAV,EAAMI,CAAa,MAAnB,QAAAM,EAAsB,aAGRH;IACjB,GAAA,CAACP,GAAOI,GAAeG,CAAiB,CAAC;AAM5C,WAJAM,EAAoBV,GAAK,OAAO;AAAA,MAC9B,mBAAAI;AAAA,IACA,EAAA,GAEE,CAACN,KAAQD,EAAM,WAAW,KAAKI,KAAiBJ,EAAM,SACjD,OAIP,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAe;AAAA,MAChB,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAOR,IAAAV,EAAMI,CAAa,MAAnB,gBAAAM,EAAsB,UAAS;AAAA,UACtC,QAAMD,IAAAT,EAAMI,CAAa,MAAnB,gBAAAK,EAAsB,UAASU,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,WAAUQ,IAAApB,EAAMI,CAAa,MAAnB,gBAAAgB,EAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,MACA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,cAAYC,IAAAtB,EAAMI,CAAa,MAAnB,gBAAAkB,EAAsB,UAAS;AAAA,UAC3C,QAAMC,IAAAvB,EAAMI,CAAa,MAAnB,gBAAAmB,EAAuB,UAASJ,EAAc;AAAA,UACpD,YAAYP;AAAA,UACZ,aAAYY,IAAAxB,EAAMI,CAAa,MAAnB,gBAAAoB,EAAsB;AAAA,UAClC,WAAUC,IAAAzB,EAAMI,CAAa,MAAnB,gBAAAqB,EAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,MACA,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,SAAOC,IAAA3B,EAAMI,CAAa,MAAnB,gBAAAuB,EAAsB,UAAS;AAAA,UACtC,YAAUC,IAAA5B,EAAMI,CAAa,MAAnB,gBAAAwB,EAAsB,aAAY;AAAA,UAC5C,eAAaC,IAAA7B,EAAMI,CAAa,MAAnB,gBAAAyB,EAAsB,gBAAe;AAAA,UAClD,eAAaC,IAAA9B,EAAMI,CAAa,MAAnB,gBAAA0B,EAAsB,gBAAe;AAAA,UAClD,gBAAcC,IAAA/B,EAAMI,CAAa,MAAnB,gBAAA2B,EAAsB,iBAAgB;AAAA,UACpD,qBAAmBC,IAAAhC,EAAMI,CAAa,MAAnB,gBAAA4B,EAAsB,sBAAqB;AAAA,UAC9D,uBAAqBC,IAAAjC,EAAMI,CAAa,MAAnB,gBAAA6B,EAAsB,wBAAuB;AAAA,UAClE,QAAMC,IAAAlC,EAAMI,CAAa,MAAnB,gBAAA8B,EAAsB,UAASf,EAAc;AAAA,UACnD,YAAYP;AAAA,QAAA;AAAA,MACd;AAAA,IACF,EAAA,CAAA;AAAA,EAAA,CAEH;AACH;"}

package/dist/index.d.ts

@@ -298,7 +298,8 @@ export declare enum EPostGameStat {
     STREAK = "streak",
     ACCURACY = "accuracy",
     CLOCK = "clock",
-    POINT = "point"
+    POINT = "point",
+    DIGITAL_METER = "digital-meter"
 }
 
 export declare const EraserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -1010,8 +1011,8 @@ declare interface IDigitalMeterProps {
     show: boolean;
     value: number;
     maxValue: number;
+    targetValue?: number;
     displayText: string;
-    targetValue: number;
     progressType: 'stepper' | 'linear';
     helperTextPrimary: string;
     helperTextSecondary: string;
@@ -2093,6 +2094,12 @@ export declare interface IPostGameStat {
     onComplete?: () => void;
     helperText?: ReactNode;
     stopAtEnd?: boolean;
+    targetValue?: number;
+    maxValue?: number;
+    helperTextPrimary?: string;
+    helperTextSecondary?: string;
+    progressType?: 'linear' | 'stepper';
+    displayText?: string;
 }
 
 export declare interface IPostGameStatsProps {
@@ -3373,8 +3380,8 @@ export declare const LOTTIE: {
     SPINNER_WHITE: string;
     SPLASH_SCREEN: string;
     STAY_CONNECTED_LOTTIE: string;
-    TARGET_ACHIEVED_TEXT: string;
     TABLE_MODE_REVEAL: string;
+    TARGET_ACHIEVED_TEXT: string;
     TEACHER_VALIDATION: string;
     TOTAL_STREAK: string;
     TOTAL_TIME: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.36-tables-hg1",
+  "version": "2.8.36-tables-hg3",
   "type": "module",
   "files": [
     "dist"

package/dist/features/post-game-stats/accuracy/accuracy-comps.js

@@ -1,11 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import n from "../../ui/text/text.js";
-import { useAnimatedValue as m } from "./accuracy-utils.js";
-const u = ({ accuracy: e, time: r }) => {
-  const t = m(0, e, r);
-  return /* @__PURE__ */ o(n, { $renderAs: "ah3", $color: "WHITE", children: `${Math.round(t)}%` });
-};
-export {
-  u as AnimatedPercentTextInput
-};
-//# sourceMappingURL=accuracy-comps.js.map

package/dist/features/post-game-stats/accuracy/accuracy-comps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accuracy-comps.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-comps.tsx"],"sourcesContent":["import type { IAnimatedPercentTextProps } from './accuracy-types';\n\nimport Text from '../../ui/text/text';\nimport { useAnimatedValue } from './accuracy-utils';\n\nexport const AnimatedPercentTextInput = ({ accuracy, time }: IAnimatedPercentTextProps) => {\n  const animatedValue = useAnimatedValue(0, accuracy, time);\n\n  return <Text $renderAs=\"ah3\" $color=\"WHITE\">{`${Math.round(animatedValue)}%`}</Text>;\n};\n"],"names":["AnimatedPercentTextInput","accuracy","time","animatedValue","useAnimatedValue","jsx","Text"],"mappings":";;;AAKO,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAsC;AACzF,QAAMC,IAAgBC,EAAiB,GAAGH,GAAUC,CAAI;AAEjD,SAAA,gBAAAG,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAS,UAAA,GAAG,KAAK,MAAMH,CAAa,CAAC,IAAI,CAAA;AAC/E;"}

package/dist/features/post-game-stats/accuracy/accuracy-styled.js

@@ -1,68 +0,0 @@
-import o, { keyframes as r, css as s } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const p = 50 * 84 / 100, c = r`
-  0%{
-    opacity: 0;
-  }
-  100%{
-    opacity: 1;
-  }
-`, d = r`
-  0%{
-    opacity: 1;
-  }
-  100%{
-    opacity: 0;
-  }
-`, m = o.div`
-  height: ${t}px;
-  width: ${t}px;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-`, $ = o.div`
-  height: ${t + a}px;
-  width: ${t + a}px;
-  position: absolute;
-  flex: 1;
-  z-index: 1;
-`, y = o.div`
-  height: ${t + a}px;
-  width: ${t + a}px;
-  position: absolute;
-  z-index: 2;
-  transform: ${({ $translateX: e = 0, $translateY: i = 0, $rotate: n = 0 }) => `translateX(${e}px) translateY(${i}px) rotate(${n}deg)`};
-`, A = o.div`
-  height: 100%;
-  width: 100%;
-`, h = o.div`
-  z-index: 2;
-  opacity: 0;
-  position: absolute;
-  animation: ${({ $animationType: e, $duration: i, $delay: n }) => s`
-    ${e === "fadein" ? c : d} ${i}ms ${n}ms ease forwards
-  `};
-  transform: translateY(${(t + p) * 84 / 200 + 25}px);
-`, u = o.div`
-  position: absolute;
-  z-index: 20;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-
-  ${({ $animationType: e, $duration: i }) => e && i && s`
-      animation: ${e === "fadein" ? c : d} ${i}ms linear forwards;
-    `}
-`;
-export {
-  m as Accuracy,
-  $ as AccuracyMeterLottie,
-  A as AccuracyNeedleLottie,
-  y as AnimatedAccuracyNeedleContainer,
-  u as PercentTextWrapper,
-  h as TextWrapper
-};
-//# sourceMappingURL=accuracy-styled.js.map