@cuemath/leap 3.1.13-akm-1 → 3.1.13-akm-3

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

@@ -1,44 +1,56 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { memo as y, forwardRef as d, useState as v, useMemo as u, useCallback as s, useImperativeHandle as C } from "react";
-import { Accuracy as g } from "./accuracy/accuracy.js";
-import { Clock as A } from "./clock/clock.js";
-import { DigitalMeter as S } from "./digital-meter/digital-meter.js";
-import { EPostGameStat as p } from "./enums/post-game-stats-enum.js";
-import { Points as I } from "./points/points.js";
-import { StatsWrapper as P, BlackBg as R } from "./post-game-stats-styled.js";
-import { Streak as k } from "./streak/streak.js";
-const K = y(
-  d(({ stats: o, show: T, onComplete: m }, h) => {
-    const [t, x] = v(0), e = u(() => o[t], [t, o]), a = s(() => {
+import { memo as y, forwardRef as S, useState as d, useMemo as u, useCallback as s, useImperativeHandle as C } from "react";
+import { Accuracy as v } from "./accuracy/accuracy.js";
+import { Clock as g } from "./clock/clock.js";
+import { DigitalMeter as A } from "./digital-meter/digital-meter.js";
+import { EPostGameStat as t } from "./enums/post-game-stats-enum.js";
+import { Points as R } from "./points/points.js";
+import { StatsWrapper as I, BlackBg as P } from "./post-game-stats-styled.js";
+import { Score as w } from "./score/score.js";
+import { Streak as E } from "./streak/streak.js";
+const $ = y(
+  S(({ stats: p, show: h, onComplete: m }, T) => {
+    const [o, c] = d(0), e = u(() => p[o], [o, p]), a = s(() => {
       var r;
-      if ((r = e == null ? void 0 : e.onComplete) == null || r.call(e), t === o.length - 1) {
+      if ((r = e == null ? void 0 : e.onComplete) == null || r.call(e), o === p.length - 1) {
         m == null || m();
         return;
       }
-      x((i) => i + 1);
-    }, [t, m, o.length, e]), l = s(() => {
+      c((i) => i + 1);
+    }, [o, m, p.length, e]), l = s(() => {
       e != null && e.stopAtEnd || a();
     }, [e, a]);
-    C(h, () => ({
+    C(T, () => ({
       moveToNextAndPlay: a
     }));
-    const c = u(() => {
+    const x = u(() => {
       if (!e)
         return null;
-      const r = `${e.type}-${t}`;
+      const r = `${e.type}-${o}`;
       return {
-        [p.POINT]: /* @__PURE__ */ n(
-          I,
+        [t.SCORE]: /* @__PURE__ */ n(
+          w,
+          {
+            currentScore: e.value,
+            highScore: e.maxValue ?? 0,
+            show: e.type === t.SCORE,
+            onComplete: l,
+            helperText: e.helperText
+          },
+          r
+        ),
+        [t.POINT]: /* @__PURE__ */ n(
+          R,
           {
             point: e.value,
-            show: e.type === p.POINT,
+            show: e.type === t.POINT,
             onComplete: l,
             onReveal: e.onReveal
           },
           r
         ),
-        [p.DIGITAL_METER]: /* @__PURE__ */ n(
-          S,
+        [t.DIGITAL_METER]: /* @__PURE__ */ n(
+          A,
           {
             value: e.value,
             maxValue: e.maxValue ?? 1,
@@ -53,8 +65,8 @@ const K = y(
           },
           r
         ),
-        [p.STREAK]: /* @__PURE__ */ n(
-          k,
+        [t.STREAK]: /* @__PURE__ */ n(
+          E,
           {
             currStreak: e.value,
             show: !0,
@@ -64,8 +76,8 @@ const K = y(
           },
           r
         ),
-        [p.ACCURACY]: /* @__PURE__ */ n(
-          g,
+        [t.ACCURACY]: /* @__PURE__ */ n(
+          v,
           {
             accuracy: e.value,
             show: !0,
@@ -74,8 +86,8 @@ const K = y(
           },
           r
         ),
-        [p.CLOCK]: /* @__PURE__ */ n(
-          A,
+        [t.CLOCK]: /* @__PURE__ */ n(
+          g,
           {
             timeInMs: e.value,
             show: !0,
@@ -85,14 +97,14 @@ const K = y(
           r
         )
       }[e.type] ?? null;
-    }, [e, l, t]);
-    return !T || o.length === 0 || t >= o.length ? null : /* @__PURE__ */ f(P, { children: [
-      /* @__PURE__ */ n(R, {}),
-      c
+    }, [e, o, l]);
+    return !h || p.length === 0 || o >= p.length ? null : /* @__PURE__ */ f(I, { children: [
+      /* @__PURE__ */ n(P, {}),
+      x
     ] });
   })
 );
 export {
-  K as PostGameStats
+  $ 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, useMemo } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\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    const currStatData = useMemo(() => stats[currStatIndex], [currStatIndex, stats]);\n\n    const moveToNextAndPlay = useCallback(() => {\n      currStatData?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats.length, currStatData]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (currStatData?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [currStatData, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    const renderCurrentStat = useMemo(() => {\n      if (!currStatData) {\n        return null;\n      }\n\n      const key = `${currStatData.type}-${currStatIndex}`;\n\n      const renderStat = {\n        [EPostGameStat.POINT]: (\n          <Points\n            key={key}\n            point={currStatData.value}\n            show={currStatData.type === EPostGameStat.POINT}\n            onComplete={onStatAnimationComplete}\n            onReveal={currStatData.onReveal}\n          />\n        ),\n        [EPostGameStat.DIGITAL_METER]: (\n          <DigitalMeter\n            key={key}\n            value={currStatData.value}\n            maxValue={currStatData.maxValue ?? 1}\n            targetValue={currStatData.targetValue}\n            displayText={currStatData.displayText ?? ''}\n            progressType={currStatData.progressType ?? 'linear'}\n            helperTextPrimary={currStatData.helperTextPrimary ?? ''}\n            helperTextSecondary={currStatData.helperTextSecondary ?? ''}\n            actAsTimer={currStatData.actAsTimer}\n            show={true}\n            onComplete={onStatAnimationComplete}\n          />\n        ),\n        [EPostGameStat.STREAK]: (\n          <Streak\n            key={key}\n            currStreak={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n            onReveal={currStatData.onReveal}\n          />\n        ),\n        [EPostGameStat.ACCURACY]: (\n          <Accuracy\n            key={key}\n            accuracy={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n        [EPostGameStat.CLOCK]: (\n          <Clock\n            key={key}\n            timeInMs={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n      };\n\n      return renderStat[currStatData.type] ?? null;\n    }, [currStatData, onStatAnimationComplete, currStatIndex]);\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n\n        {renderCurrentStat}\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","currStatData","useMemo","moveToNextAndPlay","useCallback","_a","prev","onStatAnimationComplete","useImperativeHandle","renderCurrentStat","key","EPostGameStat","jsx","Points","DigitalMeter","Streak","Accuracy","Clock","jsxs","Styled.StatsWrapper","Styled.BlackBg"],"mappings":"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"}
+{"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, useMemo } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\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 { Score } from './score/score';\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    const currStatData = useMemo(() => stats[currStatIndex], [currStatIndex, stats]);\n\n    const moveToNextAndPlay = useCallback(() => {\n      currStatData?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats.length, currStatData]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (currStatData?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [currStatData, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    const renderCurrentStat = useMemo(() => {\n      if (!currStatData) {\n        return null;\n      }\n\n      const key = `${currStatData.type}-${currStatIndex}`;\n\n      const renderStat = {\n        [EPostGameStat.SCORE]: (\n          <Score\n            key={key}\n            currentScore={currStatData.value}\n            highScore={currStatData.maxValue ?? 0}\n            show={currStatData.type === EPostGameStat.SCORE}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n\n        [EPostGameStat.POINT]: (\n          <Points\n            key={key}\n            point={currStatData.value}\n            show={currStatData.type === EPostGameStat.POINT}\n            onComplete={onStatAnimationComplete}\n            onReveal={currStatData.onReveal}\n          />\n        ),\n        [EPostGameStat.DIGITAL_METER]: (\n          <DigitalMeter\n            key={key}\n            value={currStatData.value}\n            maxValue={currStatData.maxValue ?? 1}\n            targetValue={currStatData.targetValue}\n            displayText={currStatData.displayText ?? ''}\n            progressType={currStatData.progressType ?? 'linear'}\n            helperTextPrimary={currStatData.helperTextPrimary ?? ''}\n            helperTextSecondary={currStatData.helperTextSecondary ?? ''}\n            actAsTimer={currStatData.actAsTimer}\n            show={true}\n            onComplete={onStatAnimationComplete}\n          />\n        ),\n        [EPostGameStat.STREAK]: (\n          <Streak\n            key={key}\n            currStreak={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n            onReveal={currStatData.onReveal}\n          />\n        ),\n        [EPostGameStat.ACCURACY]: (\n          <Accuracy\n            key={key}\n            accuracy={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n        [EPostGameStat.CLOCK]: (\n          <Clock\n            key={key}\n            timeInMs={currStatData.value}\n            show={true}\n            onComplete={onStatAnimationComplete}\n            helperText={currStatData.helperText}\n          />\n        ),\n      };\n\n      return renderStat[currStatData.type] ?? null;\n    }, [currStatData, currStatIndex, onStatAnimationComplete]);\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n\n        {renderCurrentStat}\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","currStatData","useMemo","moveToNextAndPlay","useCallback","_a","prev","onStatAnimationComplete","useImperativeHandle","renderCurrentStat","key","EPostGameStat","jsx","Score","Points","DigitalMeter","Streak","Accuracy","Clock","jsxs","Styled.StatsWrapper","Styled.BlackBg"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+const A = 900, _ = 1800, E = 1500, I = 500, T = 500, N = 500;
+export {
+  E as ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY,
+  I as ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY,
+  _ as ANIMATE_SCORE_DURATION,
+  A as ANIMATE_SCORE_DURATION_15_POINTS,
+  N as SCORE_APPEAR_ANIMATION_DURATION,
+  T as SCORE_DISAPPEAR_ANIMATION_DURATION
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/score/constants.ts"],"sourcesContent":["export const ANIMATE_SCORE_DURATION_15_POINTS = 900;\nexport const ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY_15_POINTS =\n  ANIMATE_SCORE_DURATION_15_POINTS - 200;\n\nexport const ANIMATE_SCORE_DURATION = 1800;\nexport const ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY = ANIMATE_SCORE_DURATION - 300;\nexport const ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY = 500;\nexport const SCORE_DISAPPEAR_ANIMATION_DURATION = 500;\nexport const SCORE_APPEAR_ANIMATION_DURATION = 500;\n"],"names":["ANIMATE_SCORE_DURATION_15_POINTS","ANIMATE_SCORE_DURATION","ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY","ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY","SCORE_DISAPPEAR_ANIMATION_DURATION","SCORE_APPEAR_ANIMATION_DURATION"],"mappings":"AAAO,MAAMA,IAAmC,KAInCC,IAAyB,MACzBC,IAA0C,MAC1CC,IAAsC,KACtCC,IAAqC,KACrCC,IAAkC;"}

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

@@ -0,0 +1,63 @@
+import o, { keyframes as r, css as a } 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 e } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import s from "../../ui/text/text.js";
+const p = r`
+  0%{
+    opacity: 0;
+  }
+  100%{
+    opacity: 1;
+  }
+`, c = r`
+  0%{
+    opacity: 1;
+  }
+  100%{
+    opacity: 0;
+  }
+`, x = o.div`
+  height: ${t}px;
+  width: ${t}px;
+  border: 2px solid #fff;
+  border-radius: 50%;
+  background: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+`, h = o.div`
+  height: ${t + e}px;
+  width: ${t + e}px;
+  position: absolute;
+  transform: scale(1.13);
+  z-index: 0;
+`, g = o.div`
+  z-index: 2;
+  opacity: ${({ opacity: i }) => i};
+  position: absolute;
+  margin: 0 auto;
+  top: calc(100% - 35px);
+  width: ${t}px;
+`, u = o.div`
+  z-index: 2;
+  animation: ${({ $animationType: i, $duration: n }) => a`
+    ${i === "fadein" ? p : c} ${n}ms linear forwards
+  `};
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`, y = o(s)`
+  position: absolute;
+  top: 50%;
+  transform: translateY(32px);
+`;
+export {
+  x as HighScore,
+  h as HighScoreConfetti,
+  g as HighScoreTextAnimation,
+  u as HighScoreValueWrapper,
+  y as ScoreText
+};
+//# sourceMappingURL=score-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"score-styled.js","sources":["../../../../src/features/post-game-stats/score/score-styled.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const HighScore = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const HighScoreConfetti = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  transform: scale(1.13);\n  z-index: 0;\n`;\n\nexport const HighScoreTextAnimation = styled.div<{ opacity: number }>`\n  z-index: 2;\n  opacity: ${({ opacity }) => opacity};\n  position: absolute;\n  margin: 0 auto;\n  top: calc(100% - 35px);\n  width: ${GAME_LAUNCHER_SIZE}px;\n`;\n\nexport const HighScoreValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const ScoreText = styled(Text)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(32px);\n`;\n"],"names":["fadeIn","keyframes","fadeOut","HighScore","styled","GAME_LAUNCHER_SIZE","HighScoreConfetti","GAME_LAUNCHER_ASSET_PADDING","HighScoreTextAnimation","opacity","HighScoreValueWrapper","$animationType","$duration","css","ScoreText","Text"],"mappings":";;;;AAMA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAYC,EAAO;AAAA,YACpBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhBC,IAAoBF,EAAO;AAAA,YAC5BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAyBJ,EAAO;AAAA;AAAA,aAEhC,CAAC,EAAE,SAAAK,EAAQ,MAAMA,CAAO;AAAA;AAAA;AAAA;AAAA,WAI1BJ,CAAkB;AAAA,GAGhBK,IAAwBN,EAAO;AAAA;AAAA,eAK7B,CAAC,EAAE,gBAAAO,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWX,IAASE,CAAO,IAAIU,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAYV,EAAOW,CAAI;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,76 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { memo as b, useState as s, useRef as I, useMemo as c, useCallback as R, useEffect as k } from "react";
+import { LOTTIE as O } from "../../../assets/lottie/lottie.js";
+import H from "../../ui/lottie-animation/lottie-animation.js";
+import v from "../../ui/text/text.js";
+import { delay as C } from "../../utils/utils.js";
+import { ANIMATE_SCORE_DURATION_15_POINTS as g, ANIMATE_SCORE_DURATION as w, SCORE_DISAPPEAR_ANIMATION_DURATION as G, SCORE_APPEAR_ANIMATION_DURATION as W, ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY as j, ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY as q } from "./constants.js";
+import { HighScore as X, HighScoreConfetti as Y, HighScoreValueWrapper as B, ScoreText as V, HighScoreTextAnimation as z } from "./score-styled.js";
+const ne = b((N) => {
+  const { currentScore: e, highScore: y, show: a, onComplete: n } = N, l = e > y, [x, f] = s(0), [T, D] = s(!1), [F, m] = s(!1), u = I(null), A = I(null), S = c(() => e <= 15 ? g : w, [e]), h = R(() => {
+    D(!0), m(!1), n == null || n();
+  }, [n]), E = R(async () => {
+    var t, r;
+    l && (await C(
+      e <= 15 ? g : j
+    ), (t = u.current) == null || t.play(), await C(q), m(!0), (r = A.current) == null || r.play());
+  }, [e, l]), M = c(
+    () => /* @__PURE__ */ o(
+      H,
+      {
+        ref: u,
+        src: O.HIGH_SCORE_CONFETTI,
+        settings: {
+          autoplay: !1,
+          loop: !1,
+          renderer: "canvas"
+        },
+        onRender: E
+      }
+    ),
+    [E]
+  ), L = c(
+    () => /* @__PURE__ */ o(
+      H,
+      {
+        ref: A,
+        src: O.HIGH_SCORE_TEXT,
+        settings: {
+          autoplay: !1,
+          loop: !1,
+          renderer: "canvas"
+        },
+        eventListener: { name: "complete", callback: h }
+      }
+    ),
+    [h]
+  );
+  return k(() => {
+    if (!a) return;
+    let t, r = null;
+    const P = (i) => 1 - Math.pow(1 - i, 2), _ = (i) => {
+      r === null && (r = i);
+      const $ = i - r, d = Math.min($ / S, 1), U = P(d);
+      f(Math.floor(U * e)), d < 1 ? t = requestAnimationFrame(_) : f(e);
+    };
+    return t = requestAnimationFrame(_), () => cancelAnimationFrame(t);
+  }, [e, S, a]), a ? /* @__PURE__ */ p(X, { children: [
+    /* @__PURE__ */ o(Y, { children: M }),
+    /* @__PURE__ */ p(
+      B,
+      {
+        $animationType: T ? "fadeout" : "fadein",
+        $duration: T ? G : W,
+        children: [
+          /* @__PURE__ */ o(v, { $renderAs: "ah2", $color: "WHITE", children: x }),
+          /* @__PURE__ */ o(V, { $renderAs: "ac4-black", $color: "WHITE_T_60", children: "SCORE" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(z, { opacity: F ? 1 : 0, children: L })
+  ] }) : null;
+});
+export {
+  ne as Score
+};
+//# sourceMappingURL=score.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"score.js","sources":["../../../../src/features/post-game-stats/score/score.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../ui/lottie-animation/types';\nimport type { IHighScoreProps } from './score-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport Text from '../../ui/text/text';\nimport { delay } from '../../utils/utils';\nimport {\n  ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY,\n  ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY,\n  ANIMATE_SCORE_DURATION,\n  ANIMATE_SCORE_DURATION_15_POINTS,\n  SCORE_APPEAR_ANIMATION_DURATION,\n  SCORE_DISAPPEAR_ANIMATION_DURATION,\n} from './constants';\nimport * as Styled from './score-styled';\n\nexport const Score: FC<IHighScoreProps> = memo(props => {\n  const { currentScore, highScore, show, onComplete } = props;\n  const hasUserBrokenCurrentHighScore = currentScore > highScore;\n\n  const [displayScore, setDisplayScore] = useState(0);\n  const [fadeOut, setFadeout] = useState(false);\n  const [displayHighScoreTxt, setDisplayHighScoreText] = useState(false);\n\n  const highScoreConfettiRef = useRef<ILottieAnimationRef>(null);\n  const highScoreTextRef = useRef<ILottieAnimationRef>(null);\n\n  const scoreAnimationDuration = useMemo(() => {\n    if (currentScore <= 15) {\n      return ANIMATE_SCORE_DURATION_15_POINTS;\n    }\n\n    return ANIMATE_SCORE_DURATION;\n  }, [currentScore]);\n\n  const onEndAnimationFinished = useCallback(() => {\n    setFadeout(true);\n    setDisplayHighScoreText(false);\n    onComplete?.();\n  }, [onComplete]);\n\n  const onConfettiAnimationReadyToPlay = useCallback(async () => {\n    if (!hasUserBrokenCurrentHighScore) {\n      return undefined;\n    }\n\n    await delay(\n      currentScore <= 15\n        ? ANIMATE_SCORE_DURATION_15_POINTS\n        : ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY,\n    );\n    highScoreConfettiRef.current?.play();\n    await delay(ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY);\n    setDisplayHighScoreText(true);\n    highScoreTextRef.current?.play();\n  }, [currentScore, hasUserBrokenCurrentHighScore]);\n\n  const HighScoreConfettiLottie = useMemo(\n    () => (\n      <LottieAnimation\n        ref={highScoreConfettiRef}\n        src={LOTTIE.HIGH_SCORE_CONFETTI}\n        settings={{\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        }}\n        onRender={onConfettiAnimationReadyToPlay}\n      />\n    ),\n    [onConfettiAnimationReadyToPlay],\n  );\n\n  const HighScoreTextLottie = useMemo(\n    () => (\n      <LottieAnimation\n        ref={highScoreTextRef}\n        src={LOTTIE.HIGH_SCORE_TEXT}\n        settings={{\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        }}\n        eventListener={{ name: 'complete', callback: onEndAnimationFinished }}\n      />\n    ),\n    [onEndAnimationFinished],\n  );\n\n  // Animate the score from 0 to the current score\n  useEffect(() => {\n    if (!show) return;\n\n    let animationFrameId: number;\n    let startTime: number | null = null;\n\n    const easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 2);\n\n    const animate = (timestamp: number) => {\n      if (startTime === null) startTime = timestamp;\n\n      const elapsed = timestamp - startTime;\n      const progress = Math.min(elapsed / scoreAnimationDuration, 1);\n      const eased = easeOutCubic(progress);\n\n      setDisplayScore(Math.floor(eased * currentScore));\n\n      if (progress < 1) {\n        animationFrameId = requestAnimationFrame(animate);\n      } else {\n        setDisplayScore(currentScore);\n      }\n    };\n\n    animationFrameId = requestAnimationFrame(animate);\n\n    return () => cancelAnimationFrame(animationFrameId);\n  }, [currentScore, scoreAnimationDuration, show]);\n\n  if (show) {\n    return (\n      <Styled.HighScore>\n        <Styled.HighScoreConfetti>{HighScoreConfettiLottie}</Styled.HighScoreConfetti>\n        <Styled.HighScoreValueWrapper\n          $animationType={fadeOut ? 'fadeout' : 'fadein'}\n          $duration={fadeOut ? SCORE_DISAPPEAR_ANIMATION_DURATION : SCORE_APPEAR_ANIMATION_DURATION}\n        >\n          <Text $renderAs=\"ah2\" $color=\"WHITE\">\n            {displayScore}\n          </Text>\n          <Styled.ScoreText $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            SCORE\n          </Styled.ScoreText>\n        </Styled.HighScoreValueWrapper>\n        <Styled.HighScoreTextAnimation opacity={displayHighScoreTxt ? 1 : 0}>\n          {HighScoreTextLottie}\n        </Styled.HighScoreTextAnimation>\n      </Styled.HighScore>\n    );\n  }\n\n  return null;\n});\n"],"names":["Score","memo","props","currentScore","highScore","show","onComplete","hasUserBrokenCurrentHighScore","displayScore","setDisplayScore","useState","fadeOut","setFadeout","displayHighScoreTxt","setDisplayHighScoreText","highScoreConfettiRef","useRef","highScoreTextRef","scoreAnimationDuration","useMemo","ANIMATE_SCORE_DURATION_15_POINTS","ANIMATE_SCORE_DURATION","onEndAnimationFinished","useCallback","onConfettiAnimationReadyToPlay","delay","ANIMATE_HIGH_SCORE_CONFETTI_AFTER_DELAY","_a","ANIMATE_HIGH_SCORE_TEXT_AFTER_DELAY","_b","HighScoreConfettiLottie","jsx","LottieAnimation","LOTTIE","HighScoreTextLottie","useEffect","animationFrameId","startTime","easeOutCubic","t","animate","timestamp","elapsed","progress","eased","jsxs","Styled.HighScore","Styled.HighScoreConfetti","Styled.HighScoreValueWrapper","SCORE_DISAPPEAR_ANIMATION_DURATION","SCORE_APPEAR_ANIMATION_DURATION","Text","Styled.ScoreText","Styled.HighScoreTextAnimation"],"mappings":"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"}

package/dist/features/ui/inputs/text-input/text-input-styled.js

@@ -1,6 +1,6 @@
-import f from "styled-components";
-const m = f.input(({ theme: c, $size: p, $renderAs: s, $isTransparent: d }) => {
-  const { colors: e, input: r, text: u } = c, { valueColorName: t, labelColorName: n, backgroundColorName: $ } = r.variants[s], { inputTextVariant: b } = r.sizes[p], { fontFamily: i, fontSize: a, lineHeight: l, letterSpacing: o } = u[b], h = d ? "transparent" : e[$ ?? "WHITE"];
+import h from "styled-components";
+const m = h.input(({ theme: c, $size: p, $renderAs: s, $isTransparent: d }) => {
+  const { colors: e, input: r, text: u } = c, { valueColorName: o, labelColorName: n, backgroundColorName: b } = r.variants[s], { inputTextVariant: $ } = r.sizes[p], { fontFamily: i, fontSize: l, lineHeight: a, letterSpacing: t } = u[$], f = d ? "transparent" : e[b ?? "WHITE"];
   return `
     position: relative;
     width: 100%;
@@ -10,24 +10,24 @@ const m = f.input(({ theme: c, $size: p, $renderAs: s, $isTransparent: d }) => {
     outline: none;
 
     font-family: ${i};
-    font-size: ${a}px;
-    line-height: ${l}px;
-    ${typeof o == "number" ? `letter-spacing: ${o}px;` : ""}
+    font-size: ${l}px;
+    line-height: ${a}px;
+    ${typeof t == "number" ? `letter-spacing: ${t}px;` : ""}
 
    
-    background-color: ${h};
-    color: ${e[t.inactive]};
+    background-color: ${f};
+    color: ${e[o.inactive]};
     
     &::placeholder {
       color: ${e[n.inactive]};
       font-family: ${i};
-      font-size: ${a}px;
-      line-height: ${l}px;
-      ${typeof o == "number" ? `letter-spacing: ${o}px;` : ""}
+      font-size: ${l}px;
+      line-height: ${a}px;
+      ${typeof t == "number" ? `letter-spacing: ${t}px;` : ""}
     }
 
     &:hover, &:focus {
-      color: ${e[t.active]};
+      color: ${e[o.active]};
     }
 
     &:read-only {
@@ -35,7 +35,7 @@ const m = f.input(({ theme: c, $size: p, $renderAs: s, $isTransparent: d }) => {
     }
       
     &:disabled {
-      color: ${e[t.disabled]};
+      color: ${e[o.disabled]};
       cursor: not-allowed;
 
       &::placeholder {
@@ -60,6 +60,11 @@ const m = f.input(({ theme: c, $size: p, $renderAs: s, $isTransparent: d }) => {
       color: ${e.BLACK_T_60};
       text-transform: uppercase;
     }
+  
+    &:-webkit-autofill {      
+      -webkit-text-fill-color: ${e[o.inactive]} !important;
+      -webkit-background-clip: text;
+    }
   `;
 });
 export {

package/dist/features/ui/inputs/text-input/text-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-styled.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from './text-input-types';\n\nimport styled from 'styled-components';\n\ninterface IInputProps {\n  $renderAs: ITextInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $isTransparent?: IBaseInputProps['isTransparent'];\n}\n\nconst Input = styled.input<IInputProps>(({ theme, $size, $renderAs, $isTransparent }) => {\n  const { colors, input, text } = theme;\n  const { valueColorName, labelColorName, backgroundColorName } = input.variants[$renderAs];\n  const { inputTextVariant } = input.sizes[$size];\n  const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n  const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n  return `\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    outline: none;\n\n    font-family: ${fontFamily};\n    font-size: ${fontSize}px;\n    line-height: ${lineHeight}px;\n    ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n   \n    background-color: ${background};\n    color: ${colors[valueColorName.inactive]};\n    \n    &::placeholder {\n      color: ${colors[labelColorName.inactive]};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      line-height: ${lineHeight}px;\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n    }\n\n    &:hover, &:focus {\n      color: ${colors[valueColorName.active]};\n    }\n\n    &:read-only {\n      cursor: pointer;\n    }\n      \n    &:disabled {\n      color: ${colors[valueColorName.disabled]};\n      cursor: not-allowed;\n\n      &::placeholder {\n        color: ${colors[labelColorName.disabled]};\n      }\n    }\n      \n    &:hover:not([disabled, focused])::placeholder {\n      color: ${colors[labelColorName.active]};\n    }\n\n    &:focus::placeholder {\n      color: transparent;\n    }\n\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    &[type=\"date\"]:not(:placeholder-shown){\n      color: ${colors.BLACK_T_60};\n      text-transform: uppercase;\n    }\n  `;\n});\n\nexport { Input };\n"],"names":["Input","styled","theme","$size","$renderAs","$isTransparent","colors","input","text","valueColorName","labelColorName","backgroundColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","background"],"mappings":";AAWM,MAAAA,IAAQC,EAAO,MAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACvF,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASN,GAC1B,EAAE,gBAAAO,GAAgB,gBAAAC,GAAgB,qBAAAC,EAAwB,IAAAJ,EAAM,SAASH,CAAS,GAClF,EAAE,kBAAAQ,EAAqB,IAAAL,EAAM,MAAMJ,CAAK,GACxC,EAAE,YAAAU,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBR,EAAKI,CAAgB,GAC3EK,IAAaZ,IAAiB,gBAAgBC,EAAOK,KAAuB,OAAO;AAElF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQUE,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA,wBAG5DC,CAAU;AAAA,aACrBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBG,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvEV,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQ7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BJ,EAAO,UAAU;AAAA;AAAA;AAAA;AAIhC,CAAC;"}
+{"version":3,"file":"text-input-styled.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from './text-input-types';\n\nimport styled from 'styled-components';\n\ninterface IInputProps {\n  $renderAs: ITextInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $isTransparent?: IBaseInputProps['isTransparent'];\n}\n\nconst Input = styled.input<IInputProps>(({ theme, $size, $renderAs, $isTransparent }) => {\n  const { colors, input, text } = theme;\n  const { valueColorName, labelColorName, backgroundColorName } = input.variants[$renderAs];\n  const { inputTextVariant } = input.sizes[$size];\n  const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n  const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n  return `\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    outline: none;\n\n    font-family: ${fontFamily};\n    font-size: ${fontSize}px;\n    line-height: ${lineHeight}px;\n    ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n   \n    background-color: ${background};\n    color: ${colors[valueColorName.inactive]};\n    \n    &::placeholder {\n      color: ${colors[labelColorName.inactive]};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      line-height: ${lineHeight}px;\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n    }\n\n    &:hover, &:focus {\n      color: ${colors[valueColorName.active]};\n    }\n\n    &:read-only {\n      cursor: pointer;\n    }\n      \n    &:disabled {\n      color: ${colors[valueColorName.disabled]};\n      cursor: not-allowed;\n\n      &::placeholder {\n        color: ${colors[labelColorName.disabled]};\n      }\n    }\n      \n    &:hover:not([disabled, focused])::placeholder {\n      color: ${colors[labelColorName.active]};\n    }\n\n    &:focus::placeholder {\n      color: transparent;\n    }\n\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    &[type=\"date\"]:not(:placeholder-shown){\n      color: ${colors.BLACK_T_60};\n      text-transform: uppercase;\n    }\n  \n    &:-webkit-autofill {      \n      -webkit-text-fill-color: ${colors[valueColorName.inactive]} !important;\n      -webkit-background-clip: text;\n    }\n  `;\n});\n\nexport { Input };\n"],"names":["Input","styled","theme","$size","$renderAs","$isTransparent","colors","input","text","valueColorName","labelColorName","backgroundColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","background"],"mappings":";AAWM,MAAAA,IAAQC,EAAO,MAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACvF,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASN,GAC1B,EAAE,gBAAAO,GAAgB,gBAAAC,GAAgB,qBAAAC,EAAwB,IAAAJ,EAAM,SAASH,CAAS,GAClF,EAAE,kBAAAQ,EAAqB,IAAAL,EAAM,MAAMJ,CAAK,GACxC,EAAE,YAAAU,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBR,EAAKI,CAAgB,GAC3EK,IAAaZ,IAAiB,gBAAgBC,EAAOK,KAAuB,OAAO;AAElF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQUE,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA,wBAG5DC,CAAU;AAAA,aACrBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBG,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvEV,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQ7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BJ,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iCAKCA,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAIhE,CAAC;"}

package/dist/index.d.ts

@@ -277,6 +277,16 @@ export declare const CopyIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const CountdownTimer: FC<ICountdownTimer>;
 
+export declare const COUNTRY_CODE_MAP: {
+    id: string;
+    code: string;
+    label: string;
+    value: string;
+    icon: string;
+    url: string;
+    geoIPCountryCode: string;
+}[];
+
 declare const COURSE_STREAMS: {
     readonly SAT_DEMO: "SAT-DEMO";
     readonly SAT_MATH: "SAT-MATH";
@@ -359,6 +369,7 @@ declare const ENROLLMENT_TYPES: {
 
 export declare enum EPostGameStat {
     STREAK = "streak",
+    SCORE = "score",
     ACCURACY = "accuracy",
     CLOCK = "clock",
     POINT = "point",
@@ -2625,12 +2636,12 @@ export declare interface IPointsLeaderboardDetails extends IBaseLeaderboardDetai
 export declare interface IPostGameStat {
     type: EPostGameStat;
     value: number;
+    maxValue?: number;
     onReveal?: () => void;
     onComplete?: () => void;
     helperText?: ReactNode;
     stopAtEnd?: boolean;
     targetValue?: number;
-    maxValue?: number;
     helperTextPrimary?: string;
     helperTextSecondary?: string;
     progressType?: 'linear' | 'stepper';
@@ -4076,6 +4087,8 @@ export declare const LOTTIE: {
     GOLD_1: string;
     GOLD_2: string;
     GOLD_3: string;
+    HIGH_SCORE_CONFETTI: string;
+    HIGH_SCORE_TEXT: string;
     GRADE: string;
     INFINITE_BUTTON_BG: string;
     INFINITE_BUTTON_SYMBOL: string;