npm - @cuemath/leap - Versions diffs - 2.9.5-j10 → 2.9.5-j12 - Mend

@cuemath/leap 2.9.5-j10 → 2.9.5-j12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js CHANGED Viewed

@@ -3,7 +3,7 @@ import e from "../../../ui/layout/flex-view.js";
 const n = o(e)`
   min-height: 100vh;
 `, i = o(e)`
-  overflow-y: hidden;
+  overflow: hidden;
 `;
 export {
   n as Container,

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n overflow-y: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}
1	+ {"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n overflow: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js CHANGED Viewed

@@ -1,49 +1,51 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as v, useRef as f, useState as d, useCallback as W, useImperativeHandle as k, useLayoutEffect as B } from "react";
-import E from "../../../../assets/line-icons/icons/back2.js";
-import H from "../../../../assets/line-icons/icons/next2.js";
-import h from "../../../ui/buttons/icon-button/icon-button.js";
-import j from "../../../ui/layout/flex-view.js";
-import N from "../../../ui/lottie-animation/lottie-animation.js";
-import T from "../../../ui/separator/separator.js";
-import z from "../../../ui/text/text.js";
-import { Container as F, CircularStepContainer as M, ContentWrapper as O, InputContainer as P, PrevButtonWrapper as V, NextButtonWrapper as X } from "./circular-step-wrapper-styled.js";
-const D = {
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as v, useRef as f, useState as h, useCallback as k, useImperativeHandle as E, useLayoutEffect as H } from "react";
+import B from "../../../../assets/line-icons/icons/back2.js";
+import j from "../../../../assets/line-icons/icons/next2.js";
+import { AnimatedArc as T } from "../../../ui/animated-arc/animated-arc.js";
+import g from "../../../ui/buttons/icon-button/icon-button.js";
+import N from "../../../ui/layout/flex-view.js";
+import z from "../../../ui/lottie-animation/lottie-animation.js";
+import F from "../../../ui/separator/separator.js";
+import M from "../../../ui/text/text.js";
+import { Container as O, CircularStepContainer as P, ContentWrapper as V, InputContainer as X, PrevButtonWrapper as D, NextButtonWrapper as K } from "./circular-step-wrapper-styled.js";
+const Y = {
   autoplay: !1,
   loop: !1,
   renderer: "svg",
   rendererSettings: {
     preserveAspectRatio: "xMidYMin slice"
   }
-}, K = v(
+}, _ = v(
   ({
-    children: g,
+    children: $,
     onGoBack: C,
-    onNext: $,
+    onNext: y,
     label: i,
-    showNext: y,
-    showPrevious: x,
-    animation: r,
-    introFrames: I,
+    showNext: x,
+    showPrevious: I,
+    animation: n,
+    introFrames: A,
     outroFrames: S,
-    isNextLoading: s
+    isNextLoading: a,
+    progressAngle: c
   }, w) => {
-    const t = f(null), n = f(null), [c, A] = d(), [L, a] = d(!1), R = W(() => {
-      r && t.current && (t.current.playSegments(I, !0), setTimeout(() => a(!0), 500));
-    }, [r]);
-    return k(w, () => ({
+    const t = f(null), o = f(null), [s, L] = h(), [R, l] = h(!1), W = k(() => {
+      n && t.current && (t.current.playSegments(A, !0), setTimeout(() => l(!0), 500));
+    }, [n]);
+    return E(w, () => ({
       playOutroAndFadeOut: async () => new Promise((b) => {
-        var u, p;
-        const l = () => {
-          var m;
-          b(), (m = t.current) == null || m.removeEventListener("complete", l);
+        var d, m;
+        const u = () => {
+          var p;
+          b(), (p = t.current) == null || p.removeEventListener("complete", u);
         };
-        (u = t.current) == null || u.playSegments(S, !0), a(!1), (p = t.current) == null || p.addEventListener("complete", l);
+        (d = t.current) == null || d.playSegments(S, !0), l(!1), (m = t.current) == null || m.addEventListener("complete", u);
       })
-    })), B(() => {
-      n.current && A(n.current.offsetHeight);
-    }, []), /* @__PURE__ */ o(
-      F,
+    })), H(() => {
+      o.current && L(o.current.offsetHeight);
+    }, []), /* @__PURE__ */ r(
+      O,
       {
         $flex: 1,
         $flexDirection: "column",
@@ -51,64 +53,77 @@ const D = {
         $justifyContent: "center",
         $width: "100%",
         $height: "100%",
-        ref: n,
+        ref: o,
         children: [
-          c && /* @__PURE__ */ e(
-            N,
+          s && /* @__PURE__ */ e(
+            z,
             {
               width: 1280,
-              height: c,
-              src: r,
+              height: s,
+              src: n,
               ref: t,
-              onRender: R,
-              settings: D
+              onRender: W,
+              settings: Y
             }
           ),
-          /* @__PURE__ */ e(
-            M,
+          /* @__PURE__ */ r(
+            P,
             {
               $width: 400,
               $height: 400,
               $background: "REAL_BLACK",
               $alignItems: "center",
               $justifyContent: "center",
-              children: /* @__PURE__ */ o(O, { $isVisible: L, children: [
-                i ? /* @__PURE__ */ o(j, { $gutterX: 3.5, children: [
-                  /* @__PURE__ */ e(z, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: i }),
-                  /* @__PURE__ */ e(T, { heightX: 1 })
-                ] }) : null,
-                /* @__PURE__ */ e(P, { children: g })
-              ] })
+              children: [
+                c && /* @__PURE__ */ e(
+                  T,
+                  {
+                    radius: 200,
+                    strokeWidth: 2,
+                    color: "WHITE",
+                    targetAngle: c,
+                    mode: "fade",
+                    duration: 1
+                  }
+                ),
+                /* @__PURE__ */ r(V, { $isVisible: R, $width: "100%", children: [
+                  i ? /* @__PURE__ */ r(N, { $gutterX: 3.5, children: [
+                    /* @__PURE__ */ e(M, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: i }),
+                    /* @__PURE__ */ e(F, { heightX: 1 })
+                  ] }) : null,
+                  /* @__PURE__ */ e(X, { children: $ })
+                ] })
+              ]
             }
           ),
-          x && /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
-            h,
+          I && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+            g,
             {
-              Icon: E,
+              Icon: B,
               renderAs: "secondary",
               analyticsLabel: "Next",
               onClick: C,
-              disabled: s,
+              disabled: a,
               size: "regular"
             }
           ) }),
-          y && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-            h,
+          x && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+            g,
             {
               size: "regular",
-              Icon: H,
+              Icon: j,
               renderAs: "secondary",
               analyticsLabel: "Next",
-              onClick: $,
-              busy: s
+              onClick: y,
+              busy: a
             }
           ) })
         ]
       }
     );
   }
-), re = K;
+), ie = _;
 export {
-  re as default
+  ie as default
 };
 //# sourceMappingURL=circular-step-wrapper.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useLayoutEffect,\n useRef,\n useState,\n type Ref,\n} from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n autoplay: false,\n loop: false,\n renderer: 'svg',\n rendererSettings: {\n preserveAspectRatio: 'xMidYMin slice',\n },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n (\n {\n children,\n onGoBack,\n onNext,\n label,\n showNext,\n showPrevious,\n animation,\n introFrames,\n outroFrames,\n isNextLoading,\n },\n ref: Ref<ICircularStepRef>,\n ) => {\n const animationRef = useRef<ILottieAnimationRef \| null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const [containerHeight, setContainerHeight] = useState<number \| undefined>();\n const [showContent, setShowContent] = useState(false);\n\n const onLottieRender = useCallback(() => {\n if (animation && animationRef.current) {\n animationRef.current.playSegments(introFrames, true);\n setTimeout(() => setShowContent(true), 500);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [animation]);\n\n useImperativeHandle(ref, () => ({\n playOutroAndFadeOut: async () => {\n return new Promise<void>(resolve => {\n const handleComplete = () => {\n resolve();\n animationRef.current?.removeEventListener('complete', handleComplete);\n };\n\n animationRef.current?.playSegments(outroFrames, true);\n setShowContent(false);\n animationRef.current?.addEventListener('complete', handleComplete);\n });\n },\n }));\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n setContainerHeight(containerRef.current.offsetHeight);\n }\n }, []);\n\n return (\n <Styled.Container\n $flex={1}\n $flexDirection=\"column\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n ref={containerRef}\n >\n {containerHeight && (\n <LottieAnimation\n width={1280}\n height={containerHeight}\n src={animation}\n ref={animationRef}\n onRender={onLottieRender}\n settings={animationSettings}\n />\n )}\n <Styled.CircularStepContainer\n $width={400}\n $height={400}\n $background=\"REAL_BLACK\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <Styled.ContentWrapper $isVisible={showContent}>\n {label ? (\n <FlexView $gutterX={3.5}>\n <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n {label}\n </Text>\n <Separator heightX={1} />\n </FlexView>\n ) : null}\n <Styled.InputContainer>{children}</Styled.InputContainer>\n </Styled.ContentWrapper>\n </Styled.CircularStepContainer>\n {showPrevious && (\n <Styled.PrevButtonWrapper>\n <IconButton\n Icon={Back2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onGoBack}\n disabled={isNextLoading}\n size=\"regular\"\n />\n </Styled.PrevButtonWrapper>\n )}\n {showNext && (\n <Styled.NextButtonWrapper>\n <IconButton\n size=\"regular\"\n Icon={Next2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onNext}\n busy={isNextLoading}\n />\n </Styled.NextButtonWrapper>\n )}\n </Styled.Container>\n );\n },\n);\n\nexport default CircularStepWrapper;\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"~~;;;;;;;;;;AAsBA~~,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,EACvB;AACF,GAEMC,IAAsBC;AAAA,EAC1B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IAAeC,EAAmC,IAAI,GACtDC,IAAeD,EAAuB,IAAI,GAC1C,CAACE,GAAiBC,CAAkB,IAAIC,EAA6B,GACrE,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAiBC,EAAY,MAAM;AACnC,~~MAAAd~~,~~KAAaK~~,EAAa,YACfA,EAAA,QAAQ,~~aAAaJ~~,GAAa,EAAI,GACnD,WAAW,~~MAAMW~~,EAAe,EAAI,GAAG,GAAG;AAAA,IAC5C,GAEC,~~CAACZ~~,CAAS,CAAC;AAEd,~~WAAAe~~,EAAoBX,GAAK,OAAO;AAAA,MAC9B,qBAAqB,YACZ,IAAI,QAAc,CAAWY,MAAA;;AAClC,cAAMC,IAAiB,MAAM;;AACnB,UAAAD,MACKE,IAAAb,EAAA,YAAA,QAAAa,EAAS,oBAAoB,YAAYD;AAAA,QAAc;AAGzD,SAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,~~aAAahB~~,GAAa,~~KAChDU~~,EAAe,EAAK,IACPO,IAAAd,EAAA,YAAA,QAAAc,EAAS,iBAAiB,YAAYF;AAAA,MAAc,CAClE;AAAA,IAEH,EAAA,GAEFG,EAAgB,MAAM;AACpB,MAAIb,EAAa,WACIE,EAAAF,EAAa,QAAQ,YAAY;AAAA,IAExD,GAAG,CAAE,CAAA,GAGH,gBAAAc;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,KAAKf;AAAA,QAEJ,UAAA;AAAA,UACCC,KAAA,gBAAAe;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQhB;AAAA,cACR,~~KAAKR~~;AAAA,cACL,~~KAAKK~~;AAAA,cACL,UAAUQ;AAAA,cACV,~~UAAUtB~~;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,~~gBAAAgC~~;AAAA,~~YAACE~~;AAAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,iBAAgB;AAAA,~~cAEhB~~,~~UAAC~~,~~gBAAAJ~~,~~EAAAK~~,GAAA,EAAsB,~~YAAYf~~,~~GAChC~~,UAAA;AAAA,~~gBACCd~~,IAAA,~~gBAAAwB~~,~~EAACM~~,GAAS,EAAA,UAAU,KAClB,UAAA;AAAA,~~kBAAA~~,~~gBAAAJ~~,~~EAACK~~,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UACzC,~~UACH/B~~,EAAA,CAAA;AAAA,~~kBACA~~,~~gBAAA0B~~,~~EAACM~~,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,~~gBAAA~~,EAAA,CACzB,IACE;AAAA,~~gBACH~~,~~gBAAAN~~,~~EAAAO~~,GAAA,EAAuB,~~UAAApC~~,GAAS;AAAA,~~cAAA~~,GACnC;AAAA,YAAA;AAAA,UACF;AAAA,UACCK,KACC,~~gBAAAwB~~,~~EAACQ~~,GAAA,EACC,UAAA,~~gBAAAR~~;AAAA,~~YAACS~~;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,~~SAAStC~~;AAAA,cACT,UAAUQ;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UAEDL,KACC,~~gBAAAyB~~,~~EAACW~~,GAAA,EACC,UAAA,~~gBAAAX~~;AAAA,~~YAACS~~;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAMG;AAAA,cACN,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,~~SAASvC~~;AAAA,cACT,MAAMO;AAAA,YAAA;AAAA,UAAA,GAEV;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,~~GAEAiC~~,~~KAAe5C~~;"}
1	+ {"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useLayoutEffect,\n useRef,\n useState,\n type Ref,\n} from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport { AnimatedArc } from '../../../ui/animated-arc/animated-arc';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n autoplay: false,\n loop: false,\n renderer: 'svg',\n rendererSettings: {\n preserveAspectRatio: 'xMidYMin slice',\n },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n (\n {\n children,\n onGoBack,\n onNext,\n label,\n showNext,\n showPrevious,\n animation,\n introFrames,\n outroFrames,\n isNextLoading,\n progressAngle,\n },\n ref: Ref<ICircularStepRef>,\n ) => {\n const animationRef = useRef<ILottieAnimationRef \| null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const [containerHeight, setContainerHeight] = useState<number \| undefined>();\n const [showContent, setShowContent] = useState(false);\n\n const onLottieRender = useCallback(() => {\n if (animation && animationRef.current) {\n animationRef.current.playSegments(introFrames, true);\n setTimeout(() => setShowContent(true), 500);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [animation]);\n\n useImperativeHandle(ref, () => ({\n playOutroAndFadeOut: async () => {\n return new Promise<void>(resolve => {\n const handleComplete = () => {\n resolve();\n animationRef.current?.removeEventListener('complete', handleComplete);\n };\n\n animationRef.current?.playSegments(outroFrames, true);\n setShowContent(false);\n animationRef.current?.addEventListener('complete', handleComplete);\n });\n },\n }));\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n setContainerHeight(containerRef.current.offsetHeight);\n }\n }, []);\n\n return (\n <Styled.Container\n $flex={1}\n $flexDirection=\"column\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n ref={containerRef}\n >\n {containerHeight && (\n <LottieAnimation\n width={1280}\n height={containerHeight}\n src={animation}\n ref={animationRef}\n onRender={onLottieRender}\n settings={animationSettings}\n />\n )}\n <Styled.CircularStepContainer\n $width={400}\n $height={400}\n $background=\"REAL_BLACK\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {progressAngle && (\n <AnimatedArc\n radius={200}\n strokeWidth={2}\n color=\"WHITE\"\n targetAngle={progressAngle}\n mode=\"fade\"\n duration={1}\n />\n )}\n <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n {label ? (\n <FlexView $gutterX={3.5}>\n <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n {label}\n </Text>\n <Separator heightX={1} />\n </FlexView>\n ) : null}\n <Styled.InputContainer>{children}</Styled.InputContainer>\n </Styled.ContentWrapper>\n </Styled.CircularStepContainer>\n {showPrevious && (\n <Styled.PrevButtonWrapper>\n <IconButton\n Icon={Back2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onGoBack}\n disabled={isNextLoading}\n size=\"regular\"\n />\n </Styled.PrevButtonWrapper>\n )}\n {showNext && (\n <Styled.NextButtonWrapper>\n <IconButton\n size=\"regular\"\n Icon={Next2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onNext}\n busy={isNextLoading}\n />\n </Styled.NextButtonWrapper>\n )}\n </Styled.Container>\n );\n },\n);\n\nexport default CircularStepWrapper;\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"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"}

package/dist/features/auth/signup/custom-input/student-password/student-password.js CHANGED Viewed

@@ -42,7 +42,7 @@ const b = ({
             onKeyDown: m
           }
         ),
-        /* @__PURE__ */ t(g, { label: "password-toggle", onClick: () => c((e) => !e), children: s ? /* @__PURE__ */ t(I, { color: "WHITE", width: 24, height: 24 }) : /* @__PURE__ */ t(w, { color: "WHITE", width: 24, height: 24 }) })
+        /* @__PURE__ */ t(g, { label: "password-toggle", onClick: () => c((e) => !e), children: s ? /* @__PURE__ */ t(w, { color: "WHITE", width: 24, height: 24 }) : /* @__PURE__ */ t(I, { color: "WHITE", width: 24, height: 24 }) })
       ]
     }
   ) });

package/dist/features/auth/signup/custom-input/student-password/student-password.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"student-password.js","sources":["../../../../../../src/features/auth/signup/custom-input/student-password/student-password.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\n\nimport { useCallback, useState, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport EyeIcon from '../../../../../assets/line-icons/icons/eye';\nimport StrikedEyeIcon from '../../../../../assets/line-icons/icons/striked-eye';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst StudentPasswordInput: FC<ICustomInputProps> = ({\n onEnter,\n value,\n onChange,\n error,\n helperText,\n}) => {\n const theme = useTheme();\n const [isVisible, setIsVisible] = useState(false);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n return (\n <InputWrapper helperText={error \|\| helperText}>\n <Styled.PasswordInputWrapper\n $width={220}\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n >\n <Styled.CustomInput\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder=\"password\"\n align=\"left\"\n color={theme.colors?.[error ? 'RED' : 'WHITE']}\n autoCapitalize=\"none\"\n type={isVisible ? 'text' : 'password'}\n onKeyDown={handleKeyDown}\n />\n <Clickable label=\"password-toggle\" onClick={() => setIsVisible(prev => !prev)}>\n {isVisible ? (\n <StrikedEyeIcon color=\"WHITE\" width={24} height={24} />\n ) : (\n <EyeIcon color=\"WHITE\" width={24} height={24} />\n )}\n </Clickable>\n </Styled.PasswordInputWrapper>\n </InputWrapper>\n );\n};\n\nexport default StudentPasswordInput;\n"],"names":["StudentPasswordInput","onEnter","value","onChange","error","helperText","theme","useTheme","isVisible","setIsVisible","useState","handleKeyDown","useCallback","event","jsx","InputWrapper","jsxs","Styled.PasswordInputWrapper","Styled.CustomInput","_a","Clickable","prev","~~StrikedEyeIcon~~","~~EyeIcon~~","StudentPasswordInput$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNZ,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAGV,SACG,gBAAAa,EAAAC,GAAA,EAAa,YAAYX,KAASC,GACjC,UAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,OAAAhB;AAAA,YACA,UAAU,CAAAW,MAASV,EAASU,EAAM,OAAO,KAAK;AAAA,YAC9C,WAAS;AAAA,YACT,aAAY;AAAA,YACZ,OAAM;AAAA,YACN,QAAOM,IAAAb,EAAM,WAAN,gBAAAa,EAAef,IAAQ,QAAQ;AAAA,YACtC,gBAAe;AAAA,YACf,MAAMI,IAAY,SAAS;AAAA,YAC3B,WAAWG;AAAA,UAAA;AAAA,QACb;AAAA,QACC,gBAAAG,EAAAM,GAAA,EAAU,OAAM,mBAAkB,SAAS,MAAMX,EAAa,CAAAY,MAAQ,CAACA,CAAI,GACzE,~~UAAAb~~,~~IACE~~,gBAAAM,~~EAAAQ~~,~~GAAA~~,~~EAAe~~,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,~~IAErD~~,gBAAAR,~~EAACS~~,~~GAAQ~~,~~EAAA~~,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,~~GAElD~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAC,IAAexB;"}
1	+ {"version":3,"file":"student-password.js","sources":["../../../../../../src/features/auth/signup/custom-input/student-password/student-password.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\n\nimport { useCallback, useState, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport EyeIcon from '../../../../../assets/line-icons/icons/eye';\nimport StrikedEyeIcon from '../../../../../assets/line-icons/icons/striked-eye';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst StudentPasswordInput: FC<ICustomInputProps> = ({\n onEnter,\n value,\n onChange,\n error,\n helperText,\n}) => {\n const theme = useTheme();\n const [isVisible, setIsVisible] = useState(false);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n return (\n <InputWrapper helperText={error \|\| helperText}>\n <Styled.PasswordInputWrapper\n $width={220}\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n >\n <Styled.CustomInput\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder=\"password\"\n align=\"left\"\n color={theme.colors?.[error ? 'RED' : 'WHITE']}\n autoCapitalize=\"none\"\n type={isVisible ? 'text' : 'password'}\n onKeyDown={handleKeyDown}\n />\n <Clickable label=\"password-toggle\" onClick={() => setIsVisible(prev => !prev)}>\n {!isVisible ? (\n <StrikedEyeIcon color=\"WHITE\" width={24} height={24} />\n ) : (\n <EyeIcon color=\"WHITE\" width={24} height={24} />\n )}\n </Clickable>\n </Styled.PasswordInputWrapper>\n </InputWrapper>\n );\n};\n\nexport default StudentPasswordInput;\n"],"names":["StudentPasswordInput","onEnter","value","onChange","error","helperText","theme","useTheme","isVisible","setIsVisible","useState","handleKeyDown","useCallback","event","jsx","InputWrapper","jsxs","Styled.PasswordInputWrapper","Styled.CustomInput","_a","Clickable","prev","EyeIcon","StrikedEyeIcon","StudentPasswordInput$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNZ,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAGV,SACG,gBAAAa,EAAAC,GAAA,EAAa,YAAYX,KAASC,GACjC,UAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,OAAAhB;AAAA,YACA,UAAU,CAAAW,MAASV,EAASU,EAAM,OAAO,KAAK;AAAA,YAC9C,WAAS;AAAA,YACT,aAAY;AAAA,YACZ,OAAM;AAAA,YACN,QAAOM,IAAAb,EAAM,WAAN,gBAAAa,EAAef,IAAQ,QAAQ;AAAA,YACtC,gBAAe;AAAA,YACf,MAAMI,IAAY,SAAS;AAAA,YAC3B,WAAWG;AAAA,UAAA;AAAA,QACb;AAAA,QACC,gBAAAG,EAAAM,GAAA,EAAU,OAAM,mBAAkB,SAAS,MAAMX,EAAa,CAAAY,MAAQ,CAACA,CAAI,GACzE,UAACb,IAGA,gBAAAM,EAACQ,GAAQ,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,IAF7C,gBAAAR,EAAAS,GAAA,EAAe,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GAIzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAC,IAAexB;"}

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

@@ -1,18 +1,19 @@
 import { GAME_LAUNCHER_SIZE as _, GAME_LAUNCHER_SIZE_LARGE as A } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { ARC_Z_INDEX as E } from "./comp/animated-arc/constants.js";
-const L = 300, R = 2, I = E + 1, N = I + 1, O = N + 1, t = _ === A ? 16 : 12, D = (_ - R) / 2, c = 3.8, n = 2 / 30, s = 2.37, C = 12 / 30, G = 20 / 30, S = 43 / 30;
+const o = 300, E = 2, L = 150, R = 1, I = R + 1, N = I + 1, t = N + 1, O = _ === A ? 16 : 12, c = (_ - E) / 2, n = 3.8, s = 2 / 30, D = 2.37, C = 12 / 30, G = 20 / 30, S = 43 / 30;
 export {
-  D as ARC_RADIUS,
+  L as ANIMATED_ARC_START_ANGLE,
+  c as ARC_RADIUS,
+  R as ARC_Z_INDEX,
   N as CONTENT_CONTAINER_Z_INDEX,
   I as LINE_MARKING_Z_INDEX,
-  O as NUMBER_MARKING_Z_INDEX,
+  t as NUMBER_MARKING_Z_INDEX,
   C as PROGRESS_FILL_DELAY,
   G as PROGRESS_FILL_DURATION,
   S as RAINBOW_COLOR_ANIMATION_DURATION,
-  t as STROKE_WIDTH,
-  s as TARGET_ACHIEVED_DELAY,
-  n as TARGET_HELPER_TEXT_APPEAR_DELAY,
-  c as TOTAL_ANIMATION_DURATION,
-  L as TOTAL_ARC_AVAILABLE
+  O as STROKE_WIDTH,
+  D as TARGET_ACHIEVED_DELAY,
+  s as TARGET_HELPER_TEXT_APPEAR_DELAY,
+  n as TOTAL_ANIMATION_DURATION,
+  o as TOTAL_ARC_AVAILABLE
 };
 //# sourceMappingURL=constants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n GAME_LAUNCHER_SIZE,\n GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\~~nimport { ARC_Z_INDEX } from './comp/animated-arc/constants';\~~n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","~~LINE_MARKING_Z_INDEX~~","ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":"~~;;AAMO~~,MAAMA,IAAsB,KAE7BC,IAAgB,~~GAETC~~,~~IAAuBC~~,IAAc,~~GACrCC~~,~~IAA4BF~~,IAAuB,~~GACnDG~~,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,~~IAAqBN~~,KAAiB,~~GAGpDS~~,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n GAME_LAUNCHER_SIZE,\n GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\nexport const ARC_Z_INDEX = 1;\n\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","ARC_Z_INDEX","LINE_MARKING_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";AAKO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAC3BC,IAAc,GAEdC,IAAuBD,IAAc,GACrCE,IAA4BD,IAAuB,GACnDE,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

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

@@ -1,10 +1,9 @@
 import o, { keyframes as e } from "styled-components";
 import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
 import i from "../../ui/text/text.js";
-import { ADJUSTED_START_ANGLE as n } from "./comp/animated-arc/constants.js";
-import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
+import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, ANIMATED_ARC_START_ANGLE as n, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
 import { rainbowColorAnimation as f } from "./helper.js";
-const g = o.div`
+const E = o.div`
   height: ${r}px;
   width: ${r}px;
   background-color: ${({ theme: t }) => t.colors.BLACK_2};
@@ -26,7 +25,7 @@ const g = o.div`
   width: 92%;
   border-radius: 100%;
   background-color: ${({ theme: t }) => t.colors.BLACK_2};
-`, b = o.div`
+`, g = o.div`
   position: relative;
   flex-grow: 1;
   bottom: ${r === s ? -8 : -6}px;
@@ -34,7 +33,7 @@ const g = o.div`
 o.div`
   position: absolute;
 `;
-const u = o.div`
+const b = o.div`
   width: ${r / 2}px;
   height: 2px;
   position: absolute;
@@ -46,12 +45,12 @@ const u = o.div`
   left: ${r / 2}px;
   top: ${r / 2}px;
   z-index: ${d};
-`, T = o.div`
+`, u = o.div`
   position: absolute;
   height: ${r - r * 0.0625 - 10}px;
   transform: rotate(${({ $angle: t }) => -n + t}deg);
   z-index: ${m};
-`, h = o.div`
+`, T = o.div`
   transform: rotate(${({ $angle: t }) => n - t}deg);
 `, C = o.div`
   position: absolute;
@@ -60,7 +59,7 @@ const u = o.div`
 `, R = o(i)`
   animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
     ease-in-out ${a}s forwards;
-`, I = o(i)`
+`, h = o(i)`
   animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
     ease ${a}s forwards;
 `;
@@ -68,20 +67,20 @@ o.div`
   height: 100%;
   width: 100%;
 `;
-const v = o(i)`
+const I = o(i)`
   animation: ${({ $isTargetAchieved: t }) => t ? f : "unset"}
     ${p}s ease infinite forwards;
 `;
 export {
   C as BottomAbsoluteView,
   N as ContentContainer,
-  g as DigitalMeter,
+  E as DigitalMeter,
   R as HelperTextPrimary,
-  I as HelperTextSecondary,
-  u as LineMarking,
-  T as MarkingContainer,
-  h as MarkingText,
-  b as NumberCountContainer,
-  v as RainboxColorText
+  h as HelperTextSecondary,
+  b as LineMarking,
+  u as MarkingContainer,
+  T as MarkingText,
+  g as NumberCountContainer,
+  I as RainboxColorText
 };
 //# sourceMappingURL=digital-meter-styled.js.map

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

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