@cuemath/leap 3.3.28-af → 3.3.28

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

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { memo as j, forwardRef as M, useRef as l, useState as g, useCallback as F, useEffect as O, useImperativeHandle as P, useLayoutEffect as z } from "react";
+import { memo as j, forwardRef as M, useRef as a, useState as g, useCallback as F, useEffect as O, useImperativeHandle as P, useLayoutEffect as z } from "react";
 import { useTheme as D } from "styled-components";
 import V from "../../../../assets/line-icons/icons/back2.js";
 import X from "../../../../assets/line-icons/icons/next2.js";
@@ -23,23 +23,23 @@ const ne = {
     children: I,
     onGoBack: b,
     onNext: v,
-    label: u,
-    showNext: S,
-    showPrevious: k,
+    label: l,
+    showNext: A,
+    showPrevious: S,
     animation: r,
-    introFrames: w,
-    outroFrames: x,
+    introFrames: k,
+    outroFrames: w,
     isNextLoading: i,
-    progressAngle: c,
+    progressAngle: u,
     footerElement: m,
-    isNextDisabled: A,
+    isNextDisabled: x,
     animationSrcMobile: R
   }, W) => {
-    const t = l(null), s = l(null), [d, E] = g(), [L, p] = g(!1), a = l(null), { device: T } = D(), n = T <= G.MOBILE, B = F(() => {
-      r && t.current && (t.current.playSegments(w, !0), p(!0));
+    const t = a(null), c = a(null), [p, E] = g(), [L, d] = g(!1), s = a(null), { device: T } = D(), n = T <= G.MOBILE, B = F(() => {
+      r && t.current && (t.current.playSegments(k, !0), d(!0));
     }, [r]);
     return O(() => () => {
-      a.current && clearTimeout(a.current);
+      s.current && clearTimeout(s.current);
     }, [r]), P(W, () => ({
       playOutroAndFadeOut: async () => new Promise((H) => {
         var h, $;
@@ -47,10 +47,10 @@ const ne = {
           var C;
           H(), (C = t.current) == null || C.removeEventListener("complete", f);
         };
-        (h = t.current) == null || h.playSegments(x, !0), a.current = setTimeout(() => p(!1), 400), ($ = t.current) == null || $.addEventListener("complete", f);
+        (h = t.current) == null || h.playSegments(w, !0), s.current = setTimeout(() => d(!1), 400), ($ = t.current) == null || $.addEventListener("complete", f);
       })
     })), z(() => {
-      s.current && E(s.current.offsetHeight);
+      c.current && E(c.current.offsetHeight);
     }, []), /* @__PURE__ */ o(
       J,
       {
@@ -60,13 +60,13 @@ const ne = {
         $justifyContent: "center",
         $width: "100%",
         $height: "100%",
-        ref: s,
+        ref: c,
         children: [
-          d && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             Y,
             {
               width: 1280,
-              height: d,
+              height: p,
               src: n ? R ?? r : r,
               ref: t,
               onRender: B,
@@ -82,20 +82,20 @@ const ne = {
               $alignItems: "center",
               $justifyContent: "center",
               children: [
-                c && /* @__PURE__ */ e(
+                u && /* @__PURE__ */ e(
                   K,
                   {
-                    radius: c ? 145 : 200,
+                    radius: n ? 145 : 200,
                     strokeWidth: 2,
                     color: "WHITE",
-                    targetAngle: c,
+                    targetAngle: u,
                     mode: "fade",
                     duration: 1
                   }
                 ),
                 /* @__PURE__ */ o(U, { $isVisible: L, $width: "100%", children: [
-                  u && /* @__PURE__ */ o(N, { $gutterX: n ? 1.5 : 3.5, children: [
-                    /* @__PURE__ */ e(q, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: u }),
+                  l && /* @__PURE__ */ o(N, { $gutterX: n ? 1.5 : 3.5, children: [
+                    /* @__PURE__ */ e(q, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: l }),
                     /* @__PURE__ */ e(_, { heightX: 1 })
                   ] }),
                   /* @__PURE__ */ e(Z, { children: I })
@@ -104,7 +104,7 @@ const ne = {
             }
           ),
           m && /* @__PURE__ */ e(ee, { $alignItems: "center", $justifyContent: "center", children: m }),
-          k && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
+          S && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
             y,
             {
               Icon: V,
@@ -115,7 +115,7 @@ const ne = {
               size: "small"
             }
           ) }),
-          S && /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(
+          A && /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(
             y,
             {
               size: "small",
@@ -124,7 +124,7 @@ const ne = {
               analyticsLabel: "Next",
               onClick: v,
               busy: i,
-              disabled: i || A
+              disabled: i || x
             }
           ) })
         ]

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

@@ -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  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  memo,\n  type Ref,\n} from 'react';\nimport { useTheme } from 'styled-components';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\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      footerElement,\n      isNextDisabled,\n      animationSrcMobile,\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    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setShowContent(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\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          timeoutRef.current = setTimeout(() => setShowContent(false), 400);\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={isMobile ? animationSrcMobile ?? animation : animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={isMobile ? 290 : 400}\n          $height={isMobile ? 290 : 400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={progressAngle ? 145 : 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={isMobile ? 1.5 : 3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            )}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {footerElement && (\n          <Styled.FooterWrapper $alignItems=\"center\" $justifyContent=\"center\">\n            {footerElement}\n          </Styled.FooterWrapper>\n        )}\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"black-dark\"\n              analyticsLabel=\"Prev\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"small\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"small\"\n              Icon={Next2Icon}\n              renderAs=\"secondary-dark\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n              disabled={isNextLoading || isNextDisabled}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default memo(CircularStepWrapper);\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","footerElement","isNextDisabled","animationSrcMobile","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","device","useTheme","isMobile","EDeviceType","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.FooterWrapper","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","circularStepWrapper","memo"],"mappings":";;;;;;;;;;;;;AA2BA,MAAMA,KAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,EACvB;AACF,GAEMC,KAAsBC;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,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;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,GAC9CG,IAAaP,EAA8B,IAAI,GAC/C,EAAE,QAAAQ,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QAEjCC,IAAiBC,EAAY,MAAM;AACnC,MAAAvB,KAAaS,EAAa,YACfA,EAAA,QAAQ,aAAaR,GAAa,EAAI,GACnDe,EAAe,EAAI;AAAA,IACrB,GAEC,CAAChB,CAAS,CAAC;AAEd,WAAAwB,EAAU,MACD,MAAM;AACX,MAAIP,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IACjC,GAED,CAACjB,CAAS,CAAC,GAEdyB,EAAoBjB,GAAK,OAAO;AAAA,MAC9B,qBAAqB,YACZ,IAAI,QAAc,CAAWkB,MAAA;;AAClC,cAAMC,IAAiB,MAAM;;AACnB,UAAAD,MACKE,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,oBAAoB,YAAYD;AAAA,QAAc;AAGzD,SAAAC,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,aAAa1B,GAAa,KAChDe,EAAW,UAAU,WAAW,MAAMD,EAAe,EAAK,GAAG,GAAG,IACnDa,IAAApB,EAAA,YAAA,QAAAoB,EAAS,iBAAiB,YAAYF;AAAA,MAAc,CAClE;AAAA,IAEH,EAAA,GAEFG,EAAgB,MAAM;AACpB,MAAInB,EAAa,WACIE,EAAAF,EAAa,QAAQ,YAAY;AAAA,IAExD,GAAG,CAAE,CAAA,GAGH,gBAAAoB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,KAAKrB;AAAA,QAEJ,UAAA;AAAA,UACCC,KAAA,gBAAAqB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQtB;AAAA,cACR,KAAKQ,IAAWb,KAAsBP,IAAYA;AAAA,cAClD,KAAKS;AAAA,cACL,UAAUa;AAAA,cACV,UAAU/B;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,gBAAAwC;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,QAAQf,IAAW,MAAM;AAAA,cACzB,SAASA,IAAW,MAAM;AAAA,cAC1B,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEf,UAAA;AAAA,gBACChB,KAAA,gBAAA6B;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,QAAQhC,IAAgB,MAAM;AAAA,oBAC9B,aAAa;AAAA,oBACb,OAAM;AAAA,oBACN,aAAaA;AAAA,oBACb,MAAK;AAAA,oBACL,UAAU;AAAA,kBAAA;AAAA,gBACZ;AAAA,kCAEDiC,GAAA,EAAsB,YAAYtB,GAAa,QAAO,QACpD,UAAA;AAAA,kBAAAlB,KACE,gBAAAkC,EAAAO,GAAA,EAAS,UAAUlB,IAAW,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAAa,EAACM,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UACzC,UACH1C,EAAA,CAAA;AAAA,oBACA,gBAAAoC,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,kBAAA,GACzB;AAAA,kBAED,gBAAAP,EAAAQ,GAAA,EAAuB,UAAA/C,GAAS;AAAA,gBAAA,GACnC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACCW,uBACEqC,IAAA,EAAqB,aAAY,UAAS,iBAAgB,UACxD,UACHrC,GAAA;AAAA,UAEDN,KACC,gBAAAkC,EAACU,IAAA,EACC,UAAA,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,SAASlD;AAAA,cACT,UAAUQ;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UAEDL,KACC,gBAAAmC,EAACa,IAAA,EACC,UAAA,gBAAAb;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAMG;AAAA,cACN,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,SAASnD;AAAA,cACT,MAAMO;AAAA,cACN,UAAUA,KAAiBG;AAAA,YAAA;AAAA,UAAA,GAE/B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,GAEe0C,KAAAC,EAAKzD,EAAmB;"}
+{"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  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  memo,\n  type Ref,\n} from 'react';\nimport { useTheme } from 'styled-components';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\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      footerElement,\n      isNextDisabled,\n      animationSrcMobile,\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    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setShowContent(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\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          timeoutRef.current = setTimeout(() => setShowContent(false), 400);\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={isMobile ? animationSrcMobile ?? animation : animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={isMobile ? 290 : 400}\n          $height={isMobile ? 290 : 400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={isMobile ? 145 : 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={isMobile ? 1.5 : 3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            )}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {footerElement && (\n          <Styled.FooterWrapper $alignItems=\"center\" $justifyContent=\"center\">\n            {footerElement}\n          </Styled.FooterWrapper>\n        )}\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"black-dark\"\n              analyticsLabel=\"Prev\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"small\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"small\"\n              Icon={Next2Icon}\n              renderAs=\"secondary-dark\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n              disabled={isNextLoading || isNextDisabled}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default memo(CircularStepWrapper);\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","footerElement","isNextDisabled","animationSrcMobile","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","device","useTheme","isMobile","EDeviceType","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.FooterWrapper","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","circularStepWrapper","memo"],"mappings":"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"}

package/dist/features/auth/signup-unavailable/signup-unavailable-styled.js

@@ -0,0 +1,16 @@
+import e from "styled-components";
+import r from "../../ui/layout/flex-view.js";
+const m = e(r)(({ theme: t }) => `
+  width: 100%;
+  max-width: 480px;
+  ${t.mediaQueries.minWidthSmallDesktop} {
+    max-width: 360px;
+  }
+`), a = e(r)`
+  max-width: 360px;
+`;
+export {
+  a as HeaderWrapper,
+  m as Wrapper
+};
+//# sourceMappingURL=signup-unavailable-styled.js.map

package/dist/features/auth/signup-unavailable/signup-unavailable-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-unavailable-styled.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(({ theme }) => {\n  return `\n  width: 100%;\n  max-width: 480px;\n  ${theme.mediaQueries.minWidthSmallDesktop} {\n    max-width: 360px;\n  }\n`;\n});\n\nexport const HeaderWrapper = styled(FlexView)`\n  max-width: 360px;\n`;\n"],"names":["Wrapper","styled","FlexView","theme","HeaderWrapper"],"mappings":";;AAIO,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAClC;AAAA;AAAA;AAAA,IAGLA,EAAM,aAAa,oBAAoB;AAAA;AAAA;AAAA,CAI1C,GAEYC,IAAgBH,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/auth/signup-unavailable/signup-unavailable-view.js

@@ -0,0 +1,62 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { useTheme as $ } from "styled-components";
+import m from "../../ui/buttons/text-button/text-button.js";
+import i from "../../ui/layout/flex-view.js";
+import o from "../../ui/separator/separator.js";
+import n from "../../ui/text/text.js";
+import { EDeviceType as h } from "../../ui/theme/constants.js";
+import p from "../pla-signup/onboarding-guide/onboarding-guide.js";
+import l from "../pla-signup/signup-header/signup-header.js";
+import { HeaderWrapper as s, Wrapper as g } from "./signup-unavailable-styled.js";
+const u = ({ onGoToLogin: a }) => {
+  const { device: c } = $(), r = c <= h.TABLET;
+  return /* @__PURE__ */ t(
+    i,
+    {
+      $alignItems: "center",
+      $flex: 1,
+      $height: "100%",
+      $justifyContent: "space-between",
+      $gapX: r ? 0 : 3,
+      $width: "100%",
+      children: [
+        r && /* @__PURE__ */ t(i, { $gapX: 1, $background: "BLACK_4", $width: "100%", $gutterX: 0.75, children: [
+          /* @__PURE__ */ e(s, { $gutterX: 0.25, $width: "100%", $alignSelf: "center", children: /* @__PURE__ */ e(l, {}) }),
+          /* @__PURE__ */ e(o, { heightX: 2 }),
+          /* @__PURE__ */ e(p, {}),
+          /* @__PURE__ */ e(o, { heightX: 1.25 })
+        ] }),
+        /* @__PURE__ */ t(g, { $flex: 1, $alignSelf: "center", $justifyContent: "center", children: [
+          !r && /* @__PURE__ */ e(l, {}),
+          /* @__PURE__ */ t(
+            i,
+            {
+              $flex: 1,
+              $alignSelf: "center",
+              $justifyContent: "center",
+              $width: r ? "100%" : "auto",
+              $gutterX: r ? 2.5 : 0,
+              $gapX: r ? 1.5 : 5,
+              children: [
+                /* @__PURE__ */ e(n, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", children: "Sorry! Signup is currently limited to select regions." }),
+                /* @__PURE__ */ e(o, { heightX: 1 }),
+                /* @__PURE__ */ e(n, { $renderAs: "ab3", $color: "WHITE_T_60", children: "We’re working hard to make our services available worldwide and hope to include your region soon." }),
+                /* @__PURE__ */ e(o, { heightX: r ? 2 : 8 }),
+                /* @__PURE__ */ t(i, { $flexDirection: "row", $alignItems: "center", children: [
+                  /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
+                  " ",
+                  /* @__PURE__ */ e(m, { size: "small", label: "Log In", color: "WHITE", onClick: a })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, W = d(u);
+export {
+  W as default
+};
+//# sourceMappingURL=signup-unavailable-view.js.map

package/dist/features/auth/signup-unavailable/signup-unavailable-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-unavailable-view.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable-view.tsx"],"sourcesContent":["import type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../pla-signup/signup-header/signup-header';\nimport * as Styled from './signup-unavailable-styled';\n\nconst SignupUnavailableView: FC<ISignupUnavailableProps> = ({ onGoToLogin }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $alignItems=\"center\"\n      $flex={1}\n      $height=\"100%\"\n      $justifyContent=\"space-between\"\n      $gapX={isCompact ? 0 : 3}\n      $width=\"100%\"\n    >\n      {isCompact && (\n        <FlexView $gapX={1} $background=\"BLACK_4\" $width=\"100%\" $gutterX={0.75}>\n          <Styled.HeaderWrapper $gutterX={0.25} $width=\"100%\" $alignSelf=\"center\">\n            <SignupHeader />\n          </Styled.HeaderWrapper>\n          <Separator heightX={2} />\n          <OnboardingGuide />\n          <Separator heightX={1.25} />\n        </FlexView>\n      )}\n\n      <Styled.Wrapper $flex={1} $alignSelf=\"center\" $justifyContent=\"center\">\n        {!isCompact && <SignupHeader />}\n        <FlexView\n          $flex={1}\n          $alignSelf=\"center\"\n          $justifyContent=\"center\"\n          $width={isCompact ? '100%' : 'auto'}\n          $gutterX={isCompact ? 2.5 : 0}\n          $gapX={isCompact ? 1.5 : 5}\n        >\n          <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\">\n            Sorry! Signup is currently limited to select regions.\n          </Text>\n          <Separator heightX={1} />\n          <Text $renderAs=\"ab3\" $color=\"WHITE_T_60\">\n            We’re working hard to make our services available worldwide and hope to include your\n            region soon.\n          </Text>\n          <Separator heightX={isCompact ? 2 : 8} />\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              Already have an account?\n            </Text>\n            &nbsp;\n            <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n          </FlexView>\n        </FlexView>\n      </Styled.Wrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupUnavailableView);\n"],"names":["SignupUnavailableView","onGoToLogin","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Styled.HeaderWrapper","SignupHeader","Separator","OnboardingGuide","Styled.Wrapper","Text","TextButton","SignupUnavailableView$1","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqD,CAAC,EAAE,aAAAC,QAAkB;AACxE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,OAAOH,IAAY,IAAI;AAAA,MACvB,QAAO;AAAA,MAEN,UAAA;AAAA,QACCA,KAAA,gBAAAE,EAACC,KAAS,OAAO,GAAG,aAAY,WAAU,QAAO,QAAO,UAAU,MAChE,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAU,MAAM,QAAO,QAAO,YAAW,UAC7D,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAa,EAChB,CAAA;AAAA,UACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBC,GAAgB,EAAA;AAAA,UACjB,gBAAAJ,EAACG,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QAAA,GAC5B;AAAA,QAGF,gBAAAL,EAACO,GAAA,EAAe,OAAO,GAAG,YAAW,UAAS,iBAAgB,UAC3D,UAAA;AAAA,UAAC,CAAAT,uBAAcM,GAAa,EAAA;AAAA,UAC7B,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,YAAW;AAAA,cACX,iBAAgB;AAAA,cAChB,QAAQH,IAAY,SAAS;AAAA,cAC7B,UAAUA,IAAY,MAAM;AAAA,cAC5B,OAAOA,IAAY,MAAM;AAAA,cAEzB,UAAA;AAAA,gBAAA,gBAAAI,EAACM,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,wDAAA,CAAA;AAAA,gBACA,gBAAAN,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,kCACtBG,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAG1C,qGAAA;AAAA,gBACC,gBAAAN,EAAAG,GAAA,EAAU,SAASP,IAAY,IAAI,GAAG;AAAA,gBACtC,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,kBAAO;AAAA,kBAEP,gBAAAN,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASd,EAAa,CAAA;AAAA,gBAAA,GAC9E;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKjB,CAAqB;"}

package/dist/features/auth/signup-unavailable/signup-unavailable.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as r } from "react";
+import t from "../comps/auth-page-layout/auth-page-layout.js";
+import a from "../pla-signup/onboarding-guide/onboarding-guide.js";
+import m from "./signup-unavailable-view.js";
+const e = (i) => /* @__PURE__ */ o(
+  t,
+  {
+    leftBlock: /* @__PURE__ */ o(m, { ...i }),
+    rightBlock: /* @__PURE__ */ o(a, {}),
+    rightBlockBg: "BLACK_3"
+  }
+), f = r(e);
+export {
+  f as default
+};
+//# sourceMappingURL=signup-unavailable.js.map

package/dist/features/auth/signup-unavailable/signup-unavailable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-unavailable.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable.tsx"],"sourcesContent":["import type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nimport { memo, type FC } from 'react';\n\nimport AuthPageLayout from '../comps/auth-page-layout/auth-page-layout';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupUnavailableView from './signup-unavailable-view';\n\nconst SignupUnavailable: FC<ISignupUnavailableProps> = props => {\n  return (\n    <AuthPageLayout\n      leftBlock={<SignupUnavailableView {...props} />}\n      rightBlock={<OnboardingGuide />}\n      rightBlockBg=\"BLACK_3\"\n    />\n  );\n};\n\nexport default memo(SignupUnavailable);\n"],"names":["SignupUnavailable","props","jsx","AuthPageLayout","SignupUnavailableView","OnboardingGuide","signupUnavailable","memo"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAASC,MAE5D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,gBAAAD,EAACE,GAAuB,EAAA,GAAGH,EAAO,CAAA;AAAA,IAC7C,8BAAaI,GAAgB,EAAA;AAAA,IAC7B,cAAa;AAAA,EAAA;AAAA,GAKJC,IAAAC,EAAKP,CAAiB;"}

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

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

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

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

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js

@@ -1,37 +1,36 @@
-import { useMemo as D, useState as p, useCallback as s, useEffect as u } from "react";
-import { useGetCircleHomeAPI as y, invalidateCircleHomeAPI as P } from "../../api/get-content-for-today/get-circle-home-api.js";
-import { transformCircleHomeData as n } from "./helper.js";
-const F = (e, a, l) => {
-  const t = D(
+import { useMemo as H, useState as D, useCallback as s, useEffect as p } from "react";
+import { useGetCircleHomeAPI as u, invalidateCircleHomeAPI as y } from "../../api/get-content-for-today/get-circle-home-api.js";
+import { transformCircleHomeData as c } from "./helper.js";
+const A = (e, a) => {
+  const t = H(
     () => ({
       user_id: e,
-      grade: a,
-      country_code: l
+      grade: a
     }),
-    [e, a, l]
+    [e, a]
   ), {
     data: o = null,
-    get: c,
+    get: l,
     isProcessed: i,
-    ...r
-  } = y(e, t), [m, f] = p(
-    n(o)
+    ...n
+  } = u(e, t), [r, m] = D(
+    c(o)
   ), C = s(() => {
-    c(e, t);
-  }, [c, t, e]), H = s(() => {
-    P(e, t);
+    l(e, t);
+  }, [l, t, e]), f = s(() => {
+    y(e, t);
   }, [t, e]);
-  return u(() => {
-    i && o && f(n(o));
+  return p(() => {
+    i && o && m(c(o));
   }, [o, i]), {
-    data: m,
+    data: r,
     isProcessed: i,
     getCircleHomeDetails: C,
-    invalidateCircleHomeDetails: H,
-    ...r
+    invalidateCircleHomeDetails: f,
+    ...n
   };
 };
 export {
-  F as useGetCircleHomeDetailsDal
+  A as useGetCircleHomeDetailsDal
 };
 //# sourceMappingURL=use-get-circle-home-details-dal.js.map

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  invalidateCircleHomeAPI,\n  useGetCircleHomeAPI,\n} from '../../api/get-content-for-today/get-circle-home-api';\nimport { transformCircleHomeData } from './helper';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  grade: string,\n  countryCode: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n  invalidateCircleHomeDetails: () => void;\n} => {\n  const initialQuery = useMemo(\n    () => ({\n      user_id: userId,\n      grade,\n      country_code: countryCode,\n    }),\n    [userId, grade, countryCode],\n  );\n\n  const {\n    data = null,\n    get: getHomeDetails,\n    isProcessed,\n    ...rest\n  } = useGetCircleHomeAPI(userId, initialQuery);\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(\n    transformCircleHomeData(data),\n  );\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails(userId, initialQuery);\n  }, [getHomeDetails, initialQuery, userId]);\n\n  const invalidateCircleHomeDetails = useCallback(() => {\n    invalidateCircleHomeAPI(userId, initialQuery);\n  }, [initialQuery, userId]);\n\n  useEffect(() => {\n    if (isProcessed && data) {\n      setContentForToday(transformCircleHomeData(data));\n    }\n  }, [data, isProcessed]);\n\n  return {\n    data: contentForToday,\n    isProcessed,\n    getCircleHomeDetails,\n    invalidateCircleHomeDetails,\n    ...rest,\n  };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","grade","countryCode","initialQuery","useMemo","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","contentForToday","setContentForToday","useState","transformCircleHomeData","getCircleHomeDetails","useCallback","invalidateCircleHomeDetails","invalidateCircleHomeAPI","useEffect"],"mappings":";;;AAUO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAKG;AACH,QAAMC,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,SAASJ;AAAA,MACT,OAAAC;AAAA,MACA,cAAcC;AAAA,IAAA;AAAA,IAEhB,CAACF,GAAQC,GAAOC,CAAW;AAAA,EAAA,GAGvB;AAAA,IACJ,MAAAG,IAAO;AAAA,IACP,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAoBT,GAAQG,CAAY,GACtC,CAACO,GAAiBC,CAAkB,IAAIC;AAAA,IAC5CC,EAAwBR,CAAI;AAAA,EAAA,GAGxBS,IAAuBC,EAAY,MAAM;AAC7C,IAAAT,EAAeN,GAAQG,CAAY;AAAA,EAClC,GAAA,CAACG,GAAgBH,GAAcH,CAAM,CAAC,GAEnCgB,IAA8BD,EAAY,MAAM;AACpD,IAAAE,EAAwBjB,GAAQG,CAAY;AAAA,EAAA,GAC3C,CAACA,GAAcH,CAAM,CAAC;AAEzB,SAAAkB,EAAU,MAAM;AACd,IAAIX,KAAeF,KACEM,EAAAE,EAAwBR,CAAI,CAAC;AAAA,EAClD,GACC,CAACA,GAAME,CAAW,CAAC,GAEf;AAAA,IACL,MAAMG;AAAA,IACN,aAAAH;AAAA,IACA,sBAAAO;AAAA,IACA,6BAAAE;AAAA,IACA,GAAGR;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  invalidateCircleHomeAPI,\n  useGetCircleHomeAPI,\n} from '../../api/get-content-for-today/get-circle-home-api';\nimport { transformCircleHomeData } from './helper';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n  invalidateCircleHomeDetails: () => void;\n} => {\n  const initialQuery = useMemo(\n    () => ({\n      user_id: userId,\n      grade,\n    }),\n    [userId, grade],\n  );\n\n  const {\n    data = null,\n    get: getHomeDetails,\n    isProcessed,\n    ...rest\n  } = useGetCircleHomeAPI(userId, initialQuery);\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(\n    transformCircleHomeData(data),\n  );\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails(userId, initialQuery);\n  }, [getHomeDetails, initialQuery, userId]);\n\n  const invalidateCircleHomeDetails = useCallback(() => {\n    invalidateCircleHomeAPI(userId, initialQuery);\n  }, [initialQuery, userId]);\n\n  useEffect(() => {\n    if (isProcessed && data) {\n      setContentForToday(transformCircleHomeData(data));\n    }\n  }, [data, isProcessed]);\n\n  return {\n    data: contentForToday,\n    isProcessed,\n    getCircleHomeDetails,\n    invalidateCircleHomeDetails,\n    ...rest,\n  };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","grade","initialQuery","useMemo","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","contentForToday","setContentForToday","useState","transformCircleHomeData","getCircleHomeDetails","useCallback","invalidateCircleHomeDetails","invalidateCircleHomeAPI","useEffect"],"mappings":";;;AAUa,MAAAA,IAA6B,CACxCC,GACAC,MAKG;AACH,QAAMC,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,SAASH;AAAA,MACT,OAAAC;AAAA,IAAA;AAAA,IAEF,CAACD,GAAQC,CAAK;AAAA,EAAA,GAGV;AAAA,IACJ,MAAAG,IAAO;AAAA,IACP,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAoBR,GAAQE,CAAY,GACtC,CAACO,GAAiBC,CAAkB,IAAIC;AAAA,IAC5CC,EAAwBR,CAAI;AAAA,EAAA,GAGxBS,IAAuBC,EAAY,MAAM;AAC7C,IAAAT,EAAeL,GAAQE,CAAY;AAAA,EAClC,GAAA,CAACG,GAAgBH,GAAcF,CAAM,CAAC,GAEnCe,IAA8BD,EAAY,MAAM;AACpD,IAAAE,EAAwBhB,GAAQE,CAAY;AAAA,EAAA,GAC3C,CAACA,GAAcF,CAAM,CAAC;AAEzB,SAAAiB,EAAU,MAAM;AACd,IAAIX,KAAeF,KACEM,EAAAE,EAAwBR,CAAI,CAAC;AAAA,EAClD,GACC,CAACA,GAAME,CAAW,CAAC,GAEf;AAAA,IACL,MAAMG;AAAA,IACN,aAAAH;AAAA,IACA,sBAAAO;AAAA,IACA,6BAAAE;AAAA,IACA,GAAGR;AAAA,EAAA;AAEP;"}

package/dist/features/circle-games/games/web-view/web-view-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { WebViewEvent, ProjectOutcome, ProjectType } from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n  countryCode: string;\n  isAdmin?: boolean;\n}\n\ninterface ISyncableWebGameProps {\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games and tables\n}\n\ninterface IBaseWebGameProps {\n  projectId: string;\n  variant: string;\n  projectType: ProjectType;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  enablePlayerTurnIndicators?: boolean;\n}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  miniGameIdentifier: string;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface ITableWebGameProps extends IBaseWebGameProps {\n  tableNumber: number;\n  infiniteModeHighScore?: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n  starEligibleTime?: number;\n  starEligibleAccuracy?: number;\n  starRewarded?: boolean;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  projectDetails:\n    | IMultiplayerWebGameProps\n    | IPuzzleWebGameProps\n    | ILessonWebGameProps\n    | ITableWebGameProps;\n  parentDomain: string;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | ITrackEvent | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAoDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { WebViewEvent, ProjectOutcome, ProjectType } from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n  isAdmin?: boolean;\n}\n\ninterface ISyncableWebGameProps {\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games and tables\n}\n\ninterface IBaseWebGameProps {\n  projectId: string;\n  variant: string;\n  projectType: ProjectType;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  enablePlayerTurnIndicators?: boolean;\n}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  miniGameIdentifier: string;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface ITableWebGameProps extends IBaseWebGameProps {\n  tableNumber: number;\n  infiniteModeHighScore?: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n  starEligibleTime?: number;\n  starEligibleAccuracy?: number;\n  starRewarded?: boolean;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  projectDetails:\n    | IMultiplayerWebGameProps\n    | IPuzzleWebGameProps\n    | ILessonWebGameProps\n    | ITableWebGameProps;\n  parentDomain: string;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | ITrackEvent | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAmDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/hooks/use-circle-sounds/constants.js

@@ -1,5 +1,5 @@
 import { CircleSoundKey as c } from "./use-circle-sounds-enums.js";
-const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production", r = "https://static.cuemath.com/static/sounds", i = {
+const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production", r = "https://static.cuemath.com/static/sounds", t = {
   [c.BACKGROUND]: `${e}/bg-sound.mp3`,
   [c.BACKGROUND_RUSHHOUR]: `${e}/circle-background-rushhour.mp3`,
   [c.TUTORIAL]: `${e}/bg-sound-tutorials.mp3`,
@@ -28,14 +28,16 @@ const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/
   [c.ALL_DONE]: `${e}/all-done.mp3`,
   [c.DOING_GREAT]: `${e}/doing-great.mp3`,
   [c.KEEP_IT_UP]: `${e}/keep-it-up.mp3`
-}, t = [
+}, i = [
   c.SWIPE_04,
   c.SWIPE_02,
   c.SWIPE_03,
   c.SWIPE_01
-];
+], _ = 100, s = 0.1;
 export {
-  i as CircleSoundKeyMapper,
-  t as SWIPE_SOUND_ORDER
+  t as CircleSoundKeyMapper,
+  i as SWIPE_SOUND_ORDER,
+  _ as VOLUME_FADE_DURATION,
+  s as VOLUME_TO_CHANGE
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/circle-games/hooks/use-circle-sounds/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/constants.ts"],"sourcesContent":["import { CircleSoundKey } from './use-circle-sounds-enums';\n\nconst BASE_URL = 'https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production';\n\nconst STATIC_BASE_URL = 'https://static.cuemath.com/static/sounds';\n\nexport const CircleSoundKeyMapper = {\n  [CircleSoundKey.BACKGROUND]: `${BASE_URL}/bg-sound.mp3`,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: `${BASE_URL}/circle-background-rushhour.mp3`,\n  [CircleSoundKey.TUTORIAL]: `${BASE_URL}/bg-sound-tutorials.mp3`,\n  [CircleSoundKey.SWIPE_01]: `${BASE_URL}/circle-swipe-1.wav`,\n  [CircleSoundKey.SWIPE_02]: `${BASE_URL}/circle-swipe-2.wav`,\n  [CircleSoundKey.SWIPE_03]: `${BASE_URL}/circle-swipe-3.wav`,\n  [CircleSoundKey.SWIPE_04]: `${BASE_URL}/circle-swipe-4.wav`,\n  [CircleSoundKey.SWIPE_DOWN]: `${BASE_URL}/circle-swipe-down-1.wav`,\n  [CircleSoundKey.TOGGLE]: `${BASE_URL}/circle-button-v3.wav`,\n  [CircleSoundKey.POINTS_AWARDED]: `${BASE_URL}/circle-points-v1.wav`,\n  [CircleSoundKey.POINTS_ADDED]: `${BASE_URL}/circle-points-add-v1.wav`,\n  [CircleSoundKey.GAME_CARD_CLICK]: `${BASE_URL}/circle-gamecard-button-v1.wav`,\n  [CircleSoundKey.CLOCK_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.CLOCK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.ACCURACY_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.STREAK_IN]: `${BASE_URL}/circle-streak-v1.wav`,\n  [CircleSoundKey.STREAK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_INTRO]: `${STATIC_BASE_URL}/accuracy-intro.mp3`,\n  [CircleSoundKey.ACCURACY_TARGET]: `${STATIC_BASE_URL}/accuracy-target.mp3`,\n  [CircleSoundKey.TIME_INTRO]: `${STATIC_BASE_URL}/timer-intro.mp3`,\n  [CircleSoundKey.TIME_TARGET]: `${STATIC_BASE_URL}/timer-target.mp3`,\n  [CircleSoundKey.METER_FILL]: `${STATIC_BASE_URL}/meter-fill.mp3`,\n  [CircleSoundKey.YOUR_SCORE]: `${BASE_URL}/your-score.mp3`,\n  [CircleSoundKey.HIGH_SCORE]: `${BASE_URL}/high-score.mp3`,\n  [CircleSoundKey.ALL_DONE]: `${BASE_URL}/all-done.mp3`,\n  [CircleSoundKey.DOING_GREAT]: `${BASE_URL}/doing-great.mp3`,\n  [CircleSoundKey.KEEP_IT_UP]: `${BASE_URL}/keep-it-up.mp3`,\n};\n\nexport const SWIPE_SOUND_ORDER = [\n  CircleSoundKey.SWIPE_04,\n  CircleSoundKey.SWIPE_02,\n  CircleSoundKey.SWIPE_03,\n  CircleSoundKey.SWIPE_01,\n];\n\nexport const VOLUME_FADE_DURATION = 100; // in milliseconds\nexport const VOLUME_TO_CHANGE = 0.1; // volume change per fade step\n"],"names":["BASE_URL","STATIC_BASE_URL","CircleSoundKeyMapper","CircleSoundKey","SWIPE_SOUND_ORDER"],"mappings":";AAEA,MAAMA,IAAW,mFAEXC,IAAkB,4CAEXC,IAAuB;AAAA,EAClC,CAACC,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,mBAAmB,GAAG,GAAGH,CAAQ;AAAA,EACjD,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,MAAM,GAAG,GAAGH,CAAQ;AAAA,EACpC,CAACG,EAAe,cAAc,GAAG,GAAGH,CAAQ;AAAA,EAC5C,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,eAAe,GAAG,GAAGH,CAAQ;AAAA,EAC7C,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,cAAc,GAAG,GAAGF,CAAe;AAAA,EACnD,CAACE,EAAe,eAAe,GAAG,GAAGF,CAAe;AAAA,EACpD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,WAAW,GAAG,GAAGF,CAAe;AAAA,EAChD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAC1C,GAEaI,IAAoB;AAAA,EAC/BD,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AACjB;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/constants.ts"],"sourcesContent":["import { CircleSoundKey } from './use-circle-sounds-enums';\n\nconst BASE_URL = 'https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production';\n\nconst STATIC_BASE_URL = 'https://static.cuemath.com/static/sounds';\n\nexport const CircleSoundKeyMapper = {\n  [CircleSoundKey.BACKGROUND]: `${BASE_URL}/bg-sound.mp3`,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: `${BASE_URL}/circle-background-rushhour.mp3`,\n  [CircleSoundKey.TUTORIAL]: `${BASE_URL}/bg-sound-tutorials.mp3`,\n  [CircleSoundKey.SWIPE_01]: `${BASE_URL}/circle-swipe-1.wav`,\n  [CircleSoundKey.SWIPE_02]: `${BASE_URL}/circle-swipe-2.wav`,\n  [CircleSoundKey.SWIPE_03]: `${BASE_URL}/circle-swipe-3.wav`,\n  [CircleSoundKey.SWIPE_04]: `${BASE_URL}/circle-swipe-4.wav`,\n  [CircleSoundKey.SWIPE_DOWN]: `${BASE_URL}/circle-swipe-down-1.wav`,\n  [CircleSoundKey.TOGGLE]: `${BASE_URL}/circle-button-v3.wav`,\n  [CircleSoundKey.POINTS_AWARDED]: `${BASE_URL}/circle-points-v1.wav`,\n  [CircleSoundKey.POINTS_ADDED]: `${BASE_URL}/circle-points-add-v1.wav`,\n  [CircleSoundKey.GAME_CARD_CLICK]: `${BASE_URL}/circle-gamecard-button-v1.wav`,\n  [CircleSoundKey.CLOCK_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.CLOCK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_IN]: `${BASE_URL}/circle-meter-v1.wav`,\n  [CircleSoundKey.ACCURACY_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.STREAK_IN]: `${BASE_URL}/circle-streak-v1.wav`,\n  [CircleSoundKey.STREAK_OUT]: `${BASE_URL}/circle-disappear-v1.wav`,\n  [CircleSoundKey.ACCURACY_INTRO]: `${STATIC_BASE_URL}/accuracy-intro.mp3`,\n  [CircleSoundKey.ACCURACY_TARGET]: `${STATIC_BASE_URL}/accuracy-target.mp3`,\n  [CircleSoundKey.TIME_INTRO]: `${STATIC_BASE_URL}/timer-intro.mp3`,\n  [CircleSoundKey.TIME_TARGET]: `${STATIC_BASE_URL}/timer-target.mp3`,\n  [CircleSoundKey.METER_FILL]: `${STATIC_BASE_URL}/meter-fill.mp3`,\n  [CircleSoundKey.YOUR_SCORE]: `${BASE_URL}/your-score.mp3`,\n  [CircleSoundKey.HIGH_SCORE]: `${BASE_URL}/high-score.mp3`,\n  [CircleSoundKey.ALL_DONE]: `${BASE_URL}/all-done.mp3`,\n  [CircleSoundKey.DOING_GREAT]: `${BASE_URL}/doing-great.mp3`,\n  [CircleSoundKey.KEEP_IT_UP]: `${BASE_URL}/keep-it-up.mp3`,\n};\n\nexport const SWIPE_SOUND_ORDER = [\n  CircleSoundKey.SWIPE_04,\n  CircleSoundKey.SWIPE_02,\n  CircleSoundKey.SWIPE_03,\n  CircleSoundKey.SWIPE_01,\n];\n\nexport const VOLUME_FADE_DURATION = 100; // in milliseconds\nexport const VOLUME_TO_CHANGE = 0.1; // volume change per fade step\n"],"names":["BASE_URL","STATIC_BASE_URL","CircleSoundKeyMapper","CircleSoundKey","SWIPE_SOUND_ORDER","VOLUME_FADE_DURATION","VOLUME_TO_CHANGE"],"mappings":";AAEA,MAAMA,IAAW,mFAEXC,IAAkB,4CAEXC,IAAuB;AAAA,EAClC,CAACC,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,mBAAmB,GAAG,GAAGH,CAAQ;AAAA,EACjD,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,MAAM,GAAG,GAAGH,CAAQ;AAAA,EACpC,CAACG,EAAe,cAAc,GAAG,GAAGH,CAAQ;AAAA,EAC5C,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,eAAe,GAAG,GAAGH,CAAQ;AAAA,EAC7C,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,YAAY,GAAG,GAAGH,CAAQ;AAAA,EAC1C,CAACG,EAAe,SAAS,GAAG,GAAGH,CAAQ;AAAA,EACvC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,cAAc,GAAG,GAAGF,CAAe;AAAA,EACnD,CAACE,EAAe,eAAe,GAAG,GAAGF,CAAe;AAAA,EACpD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,WAAW,GAAG,GAAGF,CAAe;AAAA,EAChD,CAACE,EAAe,UAAU,GAAG,GAAGF,CAAe;AAAA,EAC/C,CAACE,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAAA,EACxC,CAACG,EAAe,QAAQ,GAAG,GAAGH,CAAQ;AAAA,EACtC,CAACG,EAAe,WAAW,GAAG,GAAGH,CAAQ;AAAA,EACzC,CAACG,EAAe,UAAU,GAAG,GAAGH,CAAQ;AAC1C,GAEaI,IAAoB;AAAA,EAC/BD,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AACjB,GAEaE,IAAuB,KACvBC,IAAmB;"}

package/dist/features/circle-games/hooks/use-circle-sounds/helper.js

@@ -0,0 +1,19 @@
+import { VOLUME_TO_CHANGE as r, VOLUME_FADE_DURATION as o } from "./constants.js";
+const a = (e) => {
+  const l = setInterval(() => {
+    const t = e.volume || 0;
+    t < 1 ? e.volume = Math.min(t + r, 1) : clearInterval(l);
+  }, o);
+  return l;
+}, m = (e) => {
+  let l = e.volume || 0;
+  const t = setInterval(() => {
+    l - r <= 0 ? (e.volume = 0, e.pause(), clearInterval(t)) : (l = l - r, e.volume = l);
+  }, o);
+  return t;
+};
+export {
+  a as fadeInSound,
+  m as fadeOutSound
+};
+//# sourceMappingURL=helper.js.map

package/dist/features/circle-games/hooks/use-circle-sounds/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/helper.ts"],"sourcesContent":["import { VOLUME_FADE_DURATION, VOLUME_TO_CHANGE } from './constants';\n\nexport const fadeInSound = (soundInstance: HTMLAudioElement) => {\n  const intervalId = setInterval(() => {\n    const vol = soundInstance.volume || 0;\n\n    if (vol < 1) {\n      soundInstance.volume = Math.min(vol + VOLUME_TO_CHANGE, 1);\n    } else {\n      clearInterval(intervalId);\n    }\n  }, VOLUME_FADE_DURATION);\n\n  return intervalId;\n};\n\nexport const fadeOutSound = (soundInstance: HTMLAudioElement) => {\n  let vol = soundInstance.volume || 0;\n  const intervalId = setInterval(() => {\n    if (vol - VOLUME_TO_CHANGE <= 0) {\n      soundInstance.volume = 0;\n      soundInstance.pause();\n      clearInterval(intervalId);\n    } else {\n      vol = vol - VOLUME_TO_CHANGE;\n      soundInstance.volume = vol;\n    }\n  }, VOLUME_FADE_DURATION);\n\n  return intervalId;\n};\n"],"names":["fadeInSound","soundInstance","intervalId","vol","VOLUME_TO_CHANGE","VOLUME_FADE_DURATION","fadeOutSound"],"mappings":";AAEa,MAAAA,IAAc,CAACC,MAAoC;AACxD,QAAAC,IAAa,YAAY,MAAM;AAC7B,UAAAC,IAAMF,EAAc,UAAU;AAEpC,IAAIE,IAAM,IACRF,EAAc,SAAS,KAAK,IAAIE,IAAMC,GAAkB,CAAC,IAEzD,cAAcF,CAAU;AAAA,KAEzBG,CAAoB;AAEhB,SAAAH;AACT,GAEaI,IAAe,CAACL,MAAoC;AAC3D,MAAAE,IAAMF,EAAc,UAAU;AAC5B,QAAAC,IAAa,YAAY,MAAM;AAC/B,IAAAC,IAAMC,KAAoB,KAC5BH,EAAc,SAAS,GACvBA,EAAc,MAAM,GACpB,cAAcC,CAAU,MAExBC,IAAMA,IAAMC,GACZH,EAAc,SAASE;AAAA,KAExBE,CAAoB;AAEhB,SAAAH;AACT;"}