npm - @cuemath/leap - Versions diffs - 2.8.25-link.0 → 2.8.25-link.1 - Mend

@cuemath/leap 2.8.25-link.0 → 2.8.25-link.1

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 (236) hide show

package/dist/features/post-game-stats/clock/clock.js CHANGED Viewed

@@ -1,75 +1,71 @@
-import { jsxs as K, jsx as u } from "react/jsx-runtime";
-import I from "lottie-web";
-import { memo as g, useState as h, useRef as o, useCallback as T, useEffect as j } from "react";
-import { LOTTIE as k } from "../../../assets/lottie/lottie.js";
-import { useCircleSounds as x } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as R } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { delay as D } from "../../utils/utils.js";
-import { Clock as U, ClockLottie as $, ClockTimeSpentLottie as w, TextWrapper as X } from "./clock-styled.js";
-import { getClockTimeSpentFramesToPlay as Y } from "./clock-util.js";
-import { CLOCK_TIME_SPENT_FPS as H, CLOCK as N, CLOCK_INFRAME_LOTTIE_TO_PLAY as W, TIME_LOTTIE_TO_PLAY_IN as b, TEXT_DISAPPEAR_DURATION as q, TEXT_APPEAR_DURATION as z, TIME_SHOWN_HOLD_TIME as B, TEXT_DISAPPEAR_DELAY as G } from "./constants.js";
-const it = g(({ show: s, onComplete: i, timeInMs: f, helperText: p }) => {
-  const { play: c } = x(), [L, F] = h(!1), m = o(!1), l = o(0), d = o(null), E = o(null), a = o(), n = o(), _ = T(() => {
+import { jsxs as N, jsx as u } from "react/jsx-runtime";
+import k from "lottie-web";
+import { memo as v, useState as K, useRef as o, useCallback as f, useEffect as M } from "react";
+import { useCircleSounds as g } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as I } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { delay as R } from "../../utils/utils.js";
+import { Clock as x, ClockLottie as U, ClockTimeSpentLottie as $, TextWrapper as h } from "./clock-styled.js";
+import { getClockTimeSpentFramesToPlay as X } from "./clock-util.js";
+import { CLOCK_TIME_SPENT_FPS as Y, CLOCK as D, CLOCK_INFRAME_LOTTIE_TO_PLAY as j, TIME_LOTTIE_TO_PLAY_IN as w, TEXT_DISAPPEAR_DURATION as H, TEXT_APPEAR_DURATION as W, TIME_SHOWN_HOLD_TIME as b, TEXT_DISAPPEAR_DELAY as q } from "./constants.js";
+const z = () => import("../../../assets/lotties/circle/total-time-lottie.json.js"), B = () => import("../../../assets/lotties/circle/total-time-spent-lottie.json.js"), ot = v(({ show: s, onComplete: i, timeInMs: T, helperText: p }) => {
+  const { play: c } = g(), [d, F] = K(!1), l = o(!1), m = o(0), L = o(null), S = o(null), a = o(), n = o(), E = f(() => {
     var t, e;
-    const r = Y(f);
-    r && (l.current = r, (t = n.current) == null || t.setSpeed(r / H), (e = n.current) == null || e.playSegments([0, r], !0), m.current = !0);
-  }, [f]), S = T(async () => {
+    const r = X(T);
+    r && (m.current = r, (t = n.current) == null || t.setSpeed(r / Y), (e = n.current) == null || e.playSegments([0, r], !0), l.current = !0);
+  }, [T]), _ = f(async () => {
     var r, t;
-    await D(B), (r = n.current) == null || r.playSegments([l.current, 0], !0), await D(G), F(!0), m.current && ((t = n.current) == null || t.addEventListener("complete", () => {
+    await R(b), (r = n.current) == null || r.playSegments([m.current, 0], !0), await R(q), F(!0), l.current && ((t = n.current) == null || t.addEventListener("complete", () => {
       var e;
-      c(R.CLOCK_OUT), (e = a.current) == null || e.playSegments(N.OUT_FRAMES, !0);
+      c(I.CLOCK_OUT), (e = a.current) == null || e.playSegments(D.OUT_FRAMES, !0);
     }));
-  }, [l, c]), A = T(() => {
+  }, [m, c]), A = f(() => {
     i == null || i();
   }, [i]);
-  return j(() => {
+  return M(() => {
     if (s)
       return (async () => {
-        var O, C, y;
+        var C, y, O;
         const [t, e] = await Promise.all([
-          fetch(k.TOTAL_TIME),
-          fetch(k.TOTAL_TIME_SPENT)
-        ]), [M, v] = await Promise.all([
-          t.json(),
-          e.json()
+          z(),
+          B()
         ]);
-        a.current = I.loadAnimation({
-          container: d.current,
-          animationData: M,
+        a.current = k.loadAnimation({
+          container: L.current,
+          animationData: t.default,
           autoplay: !1,
           loop: !1,
           renderer: "canvas"
-        }), n.current = I.loadAnimation({
-          container: E.current,
-          animationData: v,
+        }), n.current = k.loadAnimation({
+          container: S.current,
+          animationData: e.default,
           autoplay: !1,
           loop: !1,
           renderer: "canvas"
-        }), c(R.CLOCK_IN), (O = a.current) == null || O.playSegments(N.IN_FRAMES, !0), (C = a.current) == null || C.addEventListener("complete", () => {
-          m.current ? A() : _();
-        }), (y = n.current) == null || y.addEventListener("complete", () => {
+        }), c(I.CLOCK_IN), (C = a.current) == null || C.playSegments(D.IN_FRAMES, !0), (y = a.current) == null || y.addEventListener("complete", () => {
+          l.current ? A() : E();
+        }), (O = n.current) == null || O.addEventListener("complete", () => {
           var P;
-          (P = n.current) == null || P.removeEventListener("complete"), S();
+          (P = n.current) == null || P.removeEventListener("complete"), _();
         });
       })(), () => {
         var t, e;
         (t = a.current) == null || t.destroy(), (e = n.current) == null || e.destroy();
       };
-  }, [s, _, A, S, c]), s ? /* @__PURE__ */ K(U, { children: [
-    /* @__PURE__ */ u($, { ref: d }),
-    /* @__PURE__ */ u(w, { ref: E }),
+  }, [s, E, A, _, c]), s ? /* @__PURE__ */ N(x, { children: [
+    /* @__PURE__ */ u(U, { ref: L }),
+    /* @__PURE__ */ u($, { ref: S }),
     p && /* @__PURE__ */ u(
-      X,
+      h,
       {
-        $delay: W + b,
-        $animationType: L ? "fadeout" : "fadein",
-        $duration: L ? q : z,
+        $delay: j + w,
+        $animationType: d ? "fadeout" : "fadein",
+        $duration: d ? H : W,
         children: p
       }
     )
   ] }) : null;
 });
 export {
-  it as Clock
+  ot as Clock
 };
 //# sourceMappingURL=clock.js.map

package/dist/features/post-game-stats/clock/clock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clock.js","sources":["../../../../src/features/post-game-stats/clock/clock.tsx"],"sourcesContent":["import type { IClockProps } from './clock-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ~~LOTTIE } from '../../../assets/lottie/lottie';\nimport {~~ useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { delay } from '../../utils/utils';\nimport * as Styled from './clock-styled';\nimport { getClockTimeSpentFramesToPlay } from './clock-util';\nimport {\n CLOCK,\n CLOCK_TIME_SPENT_FPS,\n TIME_SHOWN_HOLD_TIME,\n TEXT_APPEAR_DURATION,\n TEXT_DISAPPEAR_DELAY,\n TEXT_DISAPPEAR_DURATION,\n CLOCK_INFRAME_LOTTIE_TO_PLAY,\n TIME_LOTTIE_TO_PLAY_IN,\n} from './constants';\n\nexport const Clock: FC<IClockProps> = memo(({ show, onComplete, timeInMs, helperText }) => {\n const { play } = useCircleSounds();\n const [fadeOut, setFadeOut] = useState(false);\n const isClockTimeSpentShown = useRef(false);\n const framesToPlay = useRef(0);\n\n const clockLottieContainerRef = useRef<HTMLDivElement>(null);\n const clockTimeSpentLottieContainerRef = useRef<HTMLDivElement>(null);\n const clockLottieAnimationRef = useRef<AnimationItem>();\n const clockTimeSpentLottieAnimationRef = useRef<AnimationItem>();\n\n const setClockTimeSpentFrames = useCallback(() => {\n const frames = getClockTimeSpentFramesToPlay(timeInMs);\n\n if (frames) {\n framesToPlay.current = frames;\n // Speed adjustment\n clockTimeSpentLottieAnimationRef.current?.setSpeed(frames / CLOCK_TIME_SPENT_FPS);\n clockTimeSpentLottieAnimationRef.current?.playSegments([0, frames], true);\n isClockTimeSpentShown.current = true;\n }\n }, [timeInMs]);\n\n const onClockTimeSpentExitAnimationFinished = useCallback(async () => {\n await delay(TIME_SHOWN_HOLD_TIME);\n\n // Reverse play time spent animation\n clockTimeSpentLottieAnimationRef.current?.playSegments([framesToPlay.current, 0], true);\n\n await delay(TEXT_DISAPPEAR_DELAY);\n setFadeOut(true);\n\n if (isClockTimeSpentShown.current) {\n clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n play(CircleSoundKey.CLOCK_OUT);\n clockLottieAnimationRef.current?.playSegments(CLOCK.OUT_FRAMES, true);\n });\n }\n }, [framesToPlay, play]);\n\n const onAnimationEnd = useCallback(() => {\n onComplete?.();\n }, [onComplete]);\n\n // Play entry animation\n useEffect(() => {\n if (show) {\n const loadAnimations = async () => {\n const [timeLottiePath, timeSpentLottiePath] = await Promise.all([\n ~~fetch~~(~~LOTTIE.TOTAL_TIME~~),\n ~~fetch~~(~~LOTTIE.TOTAL_TIME_SPENT~~),\n ]);\n ~~const [timeLottieData, timeSpentLottieData] = await Promise.all([~~\n ~~timeLottiePath.json(),\n timeSpentLottiePath.json(),\n~~ ~~]);\n\n~~ // Clock Lottie\n clockLottieAnimationRef.current = Lottie.loadAnimation({\n container: clockLottieContainerRef.current as Element,\n animationData: ~~timeLottieData~~,\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n });\n\n // Clock Time Spent Lottie\n clockTimeSpentLottieAnimationRef.current = Lottie.loadAnimation({\n container: clockTimeSpentLottieContainerRef.current as Element,\n animationData: ~~timeSpentLottieData~~,\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n });\n\n // Play clock in animation sounds and lottie\n play(CircleSoundKey.CLOCK_IN);\n clockLottieAnimationRef.current?.playSegments(CLOCK.IN_FRAMES, true);\n\n clockLottieAnimationRef.current?.addEventListener('complete', () => {\n if (!isClockTimeSpentShown.current) {\n setClockTimeSpentFrames();\n } else {\n onAnimationEnd();\n }\n });\n\n // Setup event listener for time spent animation\n clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n clockTimeSpentLottieAnimationRef.current?.removeEventListener('complete');\n onClockTimeSpentExitAnimationFinished();\n });\n };\n\n loadAnimations();\n\n return () => {\n clockLottieAnimationRef.current?.destroy();\n clockTimeSpentLottieAnimationRef.current?.destroy();\n };\n }\n }, [show, setClockTimeSpentFrames, onAnimationEnd, onClockTimeSpentExitAnimationFinished, play]);\n\n if (show) {\n return (\n <Styled.Clock>\n <Styled.ClockLottie ref={clockLottieContainerRef} />\n <Styled.ClockTimeSpentLottie ref={clockTimeSpentLottieContainerRef} />\n {helperText && (\n <Styled.TextWrapper\n $delay={CLOCK_INFRAME_LOTTIE_TO_PLAY + TIME_LOTTIE_TO_PLAY_IN}\n $animationType={fadeOut ? 'fadeout' : 'fadein'}\n $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n >\n {helperText}\n </Styled.TextWrapper>\n )}\n </Styled.Clock>\n );\n }\n\n return null;\n});\n"],"names":["Clock","memo","show","onComplete","timeInMs","helperText","play","useCircleSounds","fadeOut","setFadeOut","useState","isClockTimeSpentShown","useRef","framesToPlay","clockLottieContainerRef","clockTimeSpentLottieContainerRef","clockLottieAnimationRef","clockTimeSpentLottieAnimationRef","setClockTimeSpentFrames","useCallback","frames","getClockTimeSpentFramesToPlay","_a","CLOCK_TIME_SPENT_FPS","_b","onClockTimeSpentExitAnimationFinished","delay","TIME_SHOWN_HOLD_TIME","TEXT_DISAPPEAR_DELAY","CircleSoundKey","CLOCK","onAnimationEnd","useEffect","timeLottiePath","timeSpentLottiePath","~~LOTTIE","timeLottieData","timeSpentLottieData","~~Lottie","_c","jsxs","Styled.Clock","jsx","Styled.ClockLottie","Styled.ClockTimeSpentLottie","Styled.TextWrapper","CLOCK_INFRAME_LOTTIE_TO_PLAY","TIME_LOTTIE_TO_PLAY_IN","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":"~~;;;;;;;;;;AAwBa~~,~~MAAAA~~,KAAyBC,EAAK,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,UAAAC,GAAU,YAAAC,QAAiB;AACnF,QAAA,EAAE,MAAAC,MAASC,KACX,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAwBC,EAAO,EAAK,GACpCC,IAAeD,EAAO,CAAC,GAEvBE,IAA0BF,EAAuB,IAAI,GACrDG,IAAmCH,EAAuB,IAAI,GAC9DI,IAA0BJ,KAC1BK,IAAmCL,KAEnCM,IAA0BC,EAAY,MAAM;;AAC1C,UAAAC,IAASC,EAA8BjB,CAAQ;AAErD,IAAIgB,MACFP,EAAa,UAAUO,IAEUE,IAAAL,EAAA,YAAA,QAAAK,EAAS,SAASF,IAASG,KAC5DC,IAAAP,EAAiC,YAAjC,QAAAO,EAA0C,aAAa,CAAC,GAAGJ,CAAM,GAAG,KACpET,EAAsB,UAAU;AAAA,EAClC,GACC,CAACP,CAAQ,CAAC,GAEPqB,IAAwCN,EAAY,YAAY;;AACpE,UAAMO,EAAMC,CAAoB,IAGhCL,IAAAL,EAAiC,YAAjC,QAAAK,EAA0C,aAAa,CAACT,EAAa,SAAS,CAAC,GAAG,KAElF,MAAMa,EAAME,CAAoB,GAChCnB,EAAW,EAAI,GAEXE,EAAsB,aACSa,IAAAP,EAAA,YAAA,QAAAO,EAAS,iBAAiB,YAAY,MAAM;;AAC3E,MAAAlB,EAAKuB,EAAe,SAAS,IAC7BP,IAAAN,EAAwB,YAAxB,QAAAM,EAAiC,aAAaQ,EAAM,YAAY;AAAA,IAAI;AAAA,EAExE,GACC,CAACjB,GAAcP,CAAI,CAAC,GAEjByB,IAAiBZ,EAAY,MAAM;AAC1B,IAAAhB,KAAA,QAAAA;AAAA,EAAA,GACZ,CAACA,CAAU,CAAC;~~AA6Df~~,~~SA1DA6B~~,EAAU,MAAM;AACd,QAAI9B;~~AAgDa~~,~~cA/CQ~~,YAAY;;AACjC,cAAM,CAAC+B,GAAgBC,CAAmB,IAAI,MAAM,QAAQ,IAAI;AAAA,~~UAC9D~~,~~MAAMC,EAAO,UAAU~~;AAAA,~~UACvB~~,~~MAAMA,EAAO,gBAAgB~~;AAAA,QAAA,~~CAC9B,GACK,CAACC,GAAgBC,CAAmB,IAAI,MAAM,QAAQ,IAAI~~;~~AAAA,UAC9DJ,EAAe,KAAK;AAAA,UACpBC,EAAoB,KAAK;AAAA,QAAA,CAC1B;~~AAGuB,~~QAAAlB~~,EAAA,~~UAAUsB~~,EAAO,cAAc;AAAA,UACrD,~~WAAWxB~~,EAAwB;AAAA,UACnC,~~eAAesB~~;AAAA,~~UACf~~,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,QAAA,CACX,~~GAGgCnB~~,EAAA,~~UAAUqB~~,EAAO,cAAc;AAAA,UAC9D,~~WAAWvB~~,EAAiC;AAAA,UAC5C,~~eAAesB~~;AAAA,~~UACf~~,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,QAAA,CACX,~~GAGD/B~~,EAAKuB,EAAe,QAAQ,IAC5BP,IAAAN,EAAwB,YAAxB,QAAAM,EAAiC,aAAaQ,EAAM,WAAW,MAEvCN,IAAAR,EAAA,YAAA,QAAAQ,EAAS,iBAAiB,YAAY,MAAM;AAC9D,UAACb,EAAsB,UAGVoB,MAFSb;QAG1B,KAI+~~BqB~~,~~IAAAtB~~,EAAA,YAAA,~~QAAAsB~~,EAAS,iBAAiB,YAAY,MAAM;;AAC1C,~~WAAAjB~~,IAAAL,EAAA,YAAA,QAAAK,EAAS,oBAAoB,aACxBG;QAAA;AAAA,MACvC,MAKI,MAAM;;AACX,SAAAH,IAAAN,EAAwB,YAAxB,QAAAM,EAAiC,YACjCE,IAAAP,EAAiC,YAAjC,QAAAO,EAA0C;AAAA,MAAQ;AAAA,EAEtD,GACC,CAACtB,GAAMgB,GAAyBa,GAAgBN,GAAuCnB,CAAI,CAAC,GAE3FJ,IAEA,~~gBAAAsC~~,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAmB,~~KAAK7B~~,EAAyB,CAAA;AAAA,IACjD,~~gBAAA4B~~,EAAAE,GAAA,EAA4B,~~KAAK7B~~,EAAkC,CAAA;AAAA,IACnEV,KACC,~~gBAAAqC~~;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,QAAQC,IAA+BC;AAAA,QACvC,~~gBAAgBvC~~,IAAU,YAAY;AAAA,QACtC,WAAWA,~~IAAUwC~~,IAA0BC;AAAA,QAE9C,~~UAAA5C~~;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA,IAIG;AACT,CAAC;"}
1	+ {"version":3,"file":"clock.js","sources":["../../../../src/features/post-game-stats/clock/clock.tsx"],"sourcesContent":["import type { IClockProps } from './clock-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { delay } from '../../utils/utils';\nimport * as Styled from './clock-styled';\nimport { getClockTimeSpentFramesToPlay } from './clock-util';\nimport {\n CLOCK,\n CLOCK_TIME_SPENT_FPS,\n TIME_SHOWN_HOLD_TIME,\n TEXT_APPEAR_DURATION,\n TEXT_DISAPPEAR_DELAY,\n TEXT_DISAPPEAR_DURATION,\n CLOCK_INFRAME_LOTTIE_TO_PLAY,\n TIME_LOTTIE_TO_PLAY_IN,\n} from './constants';\n\nconst totalTimeLottie = () => import('../../../assets/lotties/circle/total-time-lottie.json');\nconst totalTimeSpentLottie = () =>\n import('../../../assets/lotties/circle/total-time-spent-lottie.json');\n\nexport const Clock: FC<IClockProps> = memo(({ show, onComplete, timeInMs, helperText }) => {\n const { play } = useCircleSounds();\n const [fadeOut, setFadeOut] = useState(false);\n const isClockTimeSpentShown = useRef(false);\n const framesToPlay = useRef(0);\n\n const clockLottieContainerRef = useRef<HTMLDivElement>(null);\n const clockTimeSpentLottieContainerRef = useRef<HTMLDivElement>(null);\n const clockLottieAnimationRef = useRef<AnimationItem>();\n const clockTimeSpentLottieAnimationRef = useRef<AnimationItem>();\n\n const setClockTimeSpentFrames = useCallback(() => {\n const frames = getClockTimeSpentFramesToPlay(timeInMs);\n\n if (frames) {\n framesToPlay.current = frames;\n // Speed adjustment\n clockTimeSpentLottieAnimationRef.current?.setSpeed(frames / CLOCK_TIME_SPENT_FPS);\n clockTimeSpentLottieAnimationRef.current?.playSegments([0, frames], true);\n isClockTimeSpentShown.current = true;\n }\n }, [timeInMs]);\n\n const onClockTimeSpentExitAnimationFinished = useCallback(async () => {\n await delay(TIME_SHOWN_HOLD_TIME);\n\n // Reverse play time spent animation\n clockTimeSpentLottieAnimationRef.current?.playSegments([framesToPlay.current, 0], true);\n\n await delay(TEXT_DISAPPEAR_DELAY);\n setFadeOut(true);\n\n if (isClockTimeSpentShown.current) {\n clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n play(CircleSoundKey.CLOCK_OUT);\n clockLottieAnimationRef.current?.playSegments(CLOCK.OUT_FRAMES, true);\n });\n }\n }, [framesToPlay, play]);\n\n const onAnimationEnd = useCallback(() => {\n onComplete?.();\n }, [onComplete]);\n\n // Play entry animation\n useEffect(() => {\n if (show) {\n const loadAnimations = async () => {\n const [timeLottiePath, timeSpentLottiePath] = await Promise.all([\n totalTimeLottie(),\n totalTimeSpentLottie(),\n ]);\n\n // Clock Lottie\n clockLottieAnimationRef.current = Lottie.loadAnimation({\n container: clockLottieContainerRef.current as Element,\n animationData: timeLottiePath.default,\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n });\n\n // Clock Time Spent Lottie\n clockTimeSpentLottieAnimationRef.current = Lottie.loadAnimation({\n container: clockTimeSpentLottieContainerRef.current as Element,\n animationData: timeSpentLottiePath.default,\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n });\n\n // Play clock in animation sounds and lottie\n play(CircleSoundKey.CLOCK_IN);\n clockLottieAnimationRef.current?.playSegments(CLOCK.IN_FRAMES, true);\n\n clockLottieAnimationRef.current?.addEventListener('complete', () => {\n if (!isClockTimeSpentShown.current) {\n setClockTimeSpentFrames();\n } else {\n onAnimationEnd();\n }\n });\n\n // Setup event listener for time spent animation\n clockTimeSpentLottieAnimationRef.current?.addEventListener('complete', () => {\n clockTimeSpentLottieAnimationRef.current?.removeEventListener('complete');\n onClockTimeSpentExitAnimationFinished();\n });\n };\n\n loadAnimations();\n\n return () => {\n clockLottieAnimationRef.current?.destroy();\n clockTimeSpentLottieAnimationRef.current?.destroy();\n };\n }\n }, [show, setClockTimeSpentFrames, onAnimationEnd, onClockTimeSpentExitAnimationFinished, play]);\n\n if (show) {\n return (\n <Styled.Clock>\n <Styled.ClockLottie ref={clockLottieContainerRef} />\n <Styled.ClockTimeSpentLottie ref={clockTimeSpentLottieContainerRef} />\n {helperText && (\n <Styled.TextWrapper\n $delay={CLOCK_INFRAME_LOTTIE_TO_PLAY + TIME_LOTTIE_TO_PLAY_IN}\n $animationType={fadeOut ? 'fadeout' : 'fadein'}\n $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n >\n {helperText}\n </Styled.TextWrapper>\n )}\n </Styled.Clock>\n );\n }\n\n return null;\n});\n"],"names":["totalTimeLottie","totalTimeSpentLottie","Clock","memo","show","onComplete","timeInMs","helperText","play","useCircleSounds","fadeOut","setFadeOut","useState","isClockTimeSpentShown","useRef","framesToPlay","clockLottieContainerRef","clockTimeSpentLottieContainerRef","clockLottieAnimationRef","clockTimeSpentLottieAnimationRef","setClockTimeSpentFrames","useCallback","frames","getClockTimeSpentFramesToPlay","_a","CLOCK_TIME_SPENT_FPS","_b","onClockTimeSpentExitAnimationFinished","delay","TIME_SHOWN_HOLD_TIME","TEXT_DISAPPEAR_DELAY","CircleSoundKey","CLOCK","onAnimationEnd","useEffect","timeLottiePath","timeSpentLottiePath","Lottie","_c","jsxs","Styled.Clock","jsx","Styled.ClockLottie","Styled.ClockTimeSpentLottie","Styled.TextWrapper","CLOCK_INFRAME_LOTTIE_TO_PLAY","TIME_LOTTIE_TO_PLAY_IN","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":"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"}

package/dist/features/post-game-stats/points/points-styled.js ADDED Viewed

@@ -0,0 +1,10 @@
+import A from "styled-components";
+import { GAME_LAUNCHER_SIZE as E, GAME_LAUNCHER_ASSET_PADDING as _, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as t } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+const r = A.div`
+  height: ${E + _ - t}px;
+  width: ${E + _ - t}px;
+`;
+export {
+  r as PointsWrapper
+};
+//# sourceMappingURL=points-styled.js.map

package/dist/features/post-game-stats/points/points-styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"points-styled.js","sources":["../../../../src/features/post-game-stats/points/points-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n GAME_LAUNCHER_SIZE,\n GAME_LAUNCHER_ASSET_PADDING,\n GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nexport const PointsWrapper = styled.div`\n height: ${GAME_LAUNCHER_SIZE +\n GAME_LAUNCHER_ASSET_PADDING -\n GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH}px;\n width: ${GAME_LAUNCHER_SIZE +\n GAME_LAUNCHER_ASSET_PADDING -\n GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH}px;\n`;\n"],"names":["PointsWrapper","styled","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH"],"mappings":";;AAQO,MAAMA,IAAgBC,EAAO;AAAA,YACxBC,IACVC,IACAC,CAAwC;AAAA,WAC/BF,IACTC,IACAC,CAAwC;AAAA;"}

package/dist/features/post-game-stats/points/points.js CHANGED Viewed

@@ -1,48 +1,49 @@
-import { jsx as N } from "react/jsx-runtime";
-import { memo as P, useEffect as T } from "react";
-import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as a, GAME_LAUNCHER_ASSET_PADDING as O, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as c } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-import { useCircleSounds as E } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as f } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import A from "../../ui/lottie-animation/lottie-animation.js";
-const _ = {
-  point1: t.POINT1,
-  point5: t.POINT5,
-  point10: t.POINT10,
-  point15: t.POINT15,
-  point20: t.POINT20,
-  point25: t.POINT25,
-  point30: t.POINT30,
-  point35: t.POINT35,
-  point40: t.POINT40,
-  point45: t.POINT45,
-  point50: t.POINT50,
-  point60: t.POINT60,
-  point100: t.POINT100
-}, r = a + O - c, l = {
-  loop: !1,
-  autoplay: !0,
-  renderer: "canvas"
-}, d = P((p) => {
-  const { point: m = 0, onReveal: n, onComplete: i, show: e } = p, { play: s } = E(), o = _[`point${m}`], I = {
-    name: "complete",
-    callback: i
-  };
-  return T(() => {
-    o || i(), e && o && (n == null || n());
-  }, [o, i, n, e]), e && o ? /* @__PURE__ */ N(
-    A,
-    {
-      width: r,
-      height: r,
-      src: o,
-      settings: l,
-      eventListener: I,
-      onRender: () => s(f.POINTS_AWARDED)
+import { jsx as a } from "react/jsx-runtime";
+import c from "lottie-web";
+import { memo as f, useRef as u, useEffect as d } from "react";
+import { useCircleSounds as A } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as P } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { PointsWrapper as y } from "./points-styled.js";
+const E = {
+  point1: () => import("../../../assets/lotties/circle/1pts.json.js"),
+  point5: () => import("../../../assets/lotties/circle/5pts.json.js"),
+  point10: () => import("../../../assets/lotties/circle/10pts.json.js"),
+  point15: () => import("../../../assets/lotties/circle/15pts.json.js"),
+  point20: () => import("../../../assets/lotties/circle/20pts.json.js"),
+  point25: () => import("../../../assets/lotties/circle/25pts.json.js"),
+  point30: () => import("../../../assets/lotties/circle/30pts.json.js"),
+  point35: () => import("../../../assets/lotties/circle/35pts.json.js"),
+  point40: () => import("../../../assets/lotties/circle/40pts.json.js"),
+  point45: () => import("../../../assets/lotties/circle/45pts.json.js"),
+  point50: () => import("../../../assets/lotties/circle/50pts.json.js"),
+  point60: () => import("../../../assets/lotties/circle/60pts.json.js"),
+  point100: () => import("../../../assets/lotties/circle/100pts.json.js")
+}, x = f((s) => {
+  const { point: o = 0, onReveal: i, onComplete: r, show: n } = s, p = u(null), { play: e } = A();
+  return d(() => {
+    let t = null;
+    if (n && o) {
+      const m = E[`point${o}`];
+      (async () => {
+        if (m) {
+          const l = await m();
+          t = c.loadAnimation({
+            animationData: l.default,
+            container: p.current,
+            loop: !1,
+            autoplay: !0,
+            renderer: "canvas"
+          }), e(P.POINTS_AWARDED), t.addEventListener("complete", r);
+        } else
+          r();
+      })(), i == null || i();
     }
-  ) : null;
+    return () => {
+      t == null || t.removeEventListener("complete", r), t == null || t.destroy();
+    };
+  }, [n, o, r, e, i]), n && o ? /* @__PURE__ */ a(y, { ref: p }) : null;
 });
 export {
-  d as Points
+  x as Points
 };
 //# sourceMappingURL=points.js.map

package/dist/features/post-game-stats/points/points.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { IPointsProps } from './points-types';\nimport type { ~~AnimationEventName~~ } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport { ~~memo, useEffect }~~ from '~~react~~';\n\nimport { ~~LOTTIE~~ } ~~from~~ ~~'../../../assets/lottie/lottie';\nimport {\n GAME_LAUNCHER_ASSET_PADDING,\n GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n GAME_LAUNCHER_SIZE,\n~~} from '~~../../circle-games/game-launcher/comps/segmented-game-card/constants~~';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport ~~LottieAnimation~~ from '~~../../ui/lottie~~-~~animation/lottie-animation~~';\n\nconst POINTS_MAP: Record<string, string> = {\n point1: ~~LOTTIE~~.~~POINT1~~,\n point5: ~~LOTTIE~~.~~POINT5~~,\n point10: ~~LOTTIE~~.~~POINT10~~,\n point15: ~~LOTTIE~~.~~POINT15~~,\n point20: ~~LOTTIE~~.~~POINT20~~,\n point25: ~~LOTTIE~~.~~POINT25~~,\n point30: ~~LOTTIE~~.~~POINT30~~,\n point35: ~~LOTTIE~~.~~POINT35~~,\n point40: ~~LOTTIE~~.~~POINT40~~,\n point45: ~~LOTTIE~~.~~POINT45~~,\n point50: ~~LOTTIE~~.~~POINT50~~,\n point60: ~~LOTTIE~~.~~POINT60~~,\n point100: ~~LOTTIE.POINT100,\n};\nconst~~ ~~animationDimension~~ ~~=\n GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n loop: false,\n autoplay: true,\n renderer:~~ '~~canvas~~',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n const { point = 0, onReveal, onComplete, show } = props;\n\n const { play } = useCircleSounds();\n\n const ~~animationPath~~ = POINTS_MAP[`point${point}`];\n const ~~animationEventListener~~ = {\n ~~name~~: ~~'complete'~~ as ~~AnimationEventName~~,\n ~~callback~~: ~~onComplete~~,\n };\n\n ~~useEffect~~(() => {\n if (~~!animationPath~~) ~~onComplete~~();\n\n if (~~show~~ && ~~animationPath~~) ~~onReveal~~?.();\n }, [~~animationPath~~, onComplete, ~~onReveal~~, ~~show~~]);\n\n if (show && ~~animationPath~~) {\n return ~~(\n~~ <~~LottieAnimation\n width~~={~~animationDimension~~}~~\n height={animationDimension}\n src={animationPath}\n settings={animationSettings}\n eventListener={animationEventListener}\n onRender={()~~ ~~=> play(CircleSoundKey.POINTS_AWARDED)}\~~n ~~/>\n );\n~~ }\n\n return null;\n});\n"],"names":["POINTS_MAP","~~LOTTIE~~","~~animationDimension~~","~~GAME_LAUNCHER_SIZE~~","~~GAME_LAUNCHER_ASSET_PADDING~~","~~GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH~~","~~animationSettings~~","~~Points~~","~~memo~~","~~props~~","~~point~~","~~onReveal~~","~~onComplete~~","~~show~~","~~play~~","~~useCircleSounds~~","~~animationPath~~","~~animationEventListener~~","~~useEffect","~~jsx","~~LottieAnimation~~"~~,"CircleSoundKey"~~],"mappings":"~~;;;;;;;AAgBA~~,MAAMA,~~IAAqC~~;AAAA,~~EACzC~~,~~QAAQC~~,~~EAAO~~;AAAA,~~EACf~~,~~QAAQA~~,~~EAAO~~;AAAA,~~EACf~~,~~SAASA~~,~~EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO;AAAA~~,~~EAChB~~,~~SAASA,EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO;AAAA~~,~~EAChB~~,~~SAASA,EAAO~~;AAAA,~~EAChB~~,~~SAASA~~,~~EAAO;AAAA~~,~~EAChB~~,~~UAAUA,EAAO~~;~~AACnB~~,~~GACMC~~,~~IACJC~~,~~IAAqBC~~,~~IAA8BC~~,~~GAC/CC,IAAoB~~;AAAA,~~EACxB~~,MAAM;AAAA,~~EACN~~,UAAU~~;AAAA~~,~~EACV~~,~~UAAU~~;~~AACZ~~,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,~~GAE5C~~,EAAE,~~MAAAK~~,MAASC,~~KAEXC~~,~~IAAgBhB~~,EAAW,~~QAAQU~~,CAAK,EAAE,~~GAC1CO~~,~~IAAyB~~;~~AAAA~~,~~IAC7B~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~UAAUL~~;~~AAAA~~,~~EAAA~~;~~AASZ~~,~~SANAM~~,~~EAAU~~,~~MAAM~~;~~AACV~~,~~IAACF~~,~~KAA0BJ~~,~~KAE3BC~~,~~KAAQG~~,~~MAA0BL~~,~~KAAA~~,~~QAAAA~~;AAAA,~~KACrC~~,~~CAACK~~,~~GAAeJ~~,~~GAAYD~~,~~GAAUE~~,~~CAAI~~,~~CAAC~~,~~GAE1CA~~,~~KAAQG~~,~~IAER~~,~~gBAAAG~~;AAAA,~~IAACC~~;~~AAAA~~,~~IAAA~~;~~AAAA~~,~~MACC~~,~~OAAOlB~~;AAAA,~~MACP,QAAQA~~;~~AAAA~~,~~MACR~~,~~KAAKc~~;~~AAAA~~,~~MACL~~,~~UAAUV;AAAA~~,~~MACV~~,~~eAAeW;AAAA~~,~~MACf~~,~~UAAU~~,~~MAAMH~~,~~EAAKO~~,~~EAAe~~,~~cAAc~~;AAAA,~~IAAA~~;AAAA,~~EAAA~~,~~IAKjD~~;AACT,CAAC;"}
1	+ {"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { IPointsProps } from './points-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useRef } from 'react';\n\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport * as Styled from './points-styled';\n\n// lazy load points lotties\nconst POINTS_MAP: Record<string, () => Promise<{ default: Record<string, unknown> }>> = {\n point1: () => import('../../../assets/lotties/circle/1pts.json'),\n point5: () => import('../../../assets/lotties/circle/5pts.json'),\n point10: () => import('../../../assets/lotties/circle/10pts.json'),\n point15: () => import('../../../assets/lotties/circle/15pts.json'),\n point20: () => import('../../../assets/lotties/circle/20pts.json'),\n point25: () => import('../../../assets/lotties/circle/25pts.json'),\n point30: () => import('../../../assets/lotties/circle/30pts.json'),\n point35: () => import('../../../assets/lotties/circle/35pts.json'),\n point40: () => import('../../../assets/lotties/circle/40pts.json'),\n point45: () => import('../../../assets/lotties/circle/45pts.json'),\n point50: () => import('../../../assets/lotties/circle/50pts.json'),\n point60: () => import('../../../assets/lotties/circle/60pts.json'),\n point100: () => import('../../../assets/lotties/circle/100pts.json'),\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n const { point = 0, onReveal, onComplete, show } = props;\n const pointsLottieRef = useRef<HTMLDivElement>(null);\n const { play } = useCircleSounds();\n\n useEffect(() => {\n let animation: AnimationItem \| null = null;\n\n if (show && point) {\n const lottiePath = POINTS_MAP[`point${point}`];\n\n const loadAnimation = async () => {\n if (lottiePath) {\n const data = await lottiePath();\n\n animation = Lottie.loadAnimation({\n animationData: data.default,\n container: pointsLottieRef.current as Element,\n loop: false,\n autoplay: true,\n renderer: 'canvas',\n });\n\n play(CircleSoundKey.POINTS_AWARDED);\n animation.addEventListener('complete', onComplete);\n } else {\n onComplete(); // safe check if point is not found\n }\n };\n\n loadAnimation();\n onReveal?.();\n }\n\n return () => {\n animation?.removeEventListener('complete', onComplete);\n animation?.destroy();\n };\n }, [show, point, onComplete, play, onReveal]);\n\n if (show && point) {\n return <Styled.PointsWrapper ref={pointsLottieRef} />;\n }\n\n return null;\n});\n"],"names":["POINTS_MAP","Points","memo","props","point","onReveal","onComplete","show","pointsLottieRef","useRef","play","useCircleSounds","useEffect","animation","lottiePath","data","Lottie","CircleSoundKey","jsx","Styled.PointsWrapper"],"mappings":";;;;;;AAYA,MAAMA,IAAkF;AAAA,EACtF,QAAQ,MAAM,OAAO,6CAA0C;AAAA,EAC/D,QAAQ,MAAM,OAAO,6CAA0C;AAAA,EAC/D,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,SAAS,MAAM,OAAO,8CAA2C;AAAA,EACjE,UAAU,MAAM,OAAO,+CAA4C;AACrE,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAC5CK,IAAkBC,EAAuB,IAAI,GAC7C,EAAE,MAAAC,MAASC;AAqCjB,SAnCAC,EAAU,MAAM;AACd,QAAIC,IAAkC;AAEtC,QAAIN,KAAQH,GAAO;AACjB,YAAMU,IAAad,EAAW,QAAQI,CAAK,EAAE;AAqB/B,OAnBQ,YAAY;AAChC,YAAIU,GAAY;AACR,gBAAAC,IAAO,MAAMD;AAEnB,UAAAD,IAAYG,EAAO,cAAc;AAAA,YAC/B,eAAeD,EAAK;AAAA,YACpB,WAAWP,EAAgB;AAAA,YAC3B,MAAM;AAAA,YACN,UAAU;AAAA,YACV,UAAU;AAAA,UAAA,CACX,GAEDE,EAAKO,EAAe,cAAc,GACxBJ,EAAA,iBAAiB,YAAYP,CAAU;AAAA,QAAA;AAEtC,UAAAA;MACb,MAISD,KAAA,QAAAA;AAAA,IACb;AAEA,WAAO,MAAM;AACA,MAAAQ,KAAA,QAAAA,EAAA,oBAAoB,YAAYP,IAC3CO,KAAA,QAAAA,EAAW;AAAA,IAAQ;AAAA,EACrB,GACC,CAACN,GAAMH,GAAOE,GAAYI,GAAML,CAAQ,CAAC,GAExCE,KAAQH,IACF,gBAAAc,EAAAC,GAAA,EAAqB,KAAKX,EAAiB,CAAA,IAG9C;AACT,CAAC;"}

package/dist/features/post-game-stats/streak/streak.js CHANGED Viewed

@@ -1,36 +1,34 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import k from "lottie-web";
-import { memo as P, useState as p, useRef as E, useCallback as $, useEffect as L } from "react";
-import { LOTTIE as K } from "../../../assets/lottie/lottie.js";
-import { useCircleSounds as U } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
+import { memo as $, useState as p, useRef as E, useCallback as L, useEffect as U } from "react";
+import { useCircleSounds as K } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as I } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { fetchLottie as x } from "../../ui/lottie-animation/helper.js";
 import { delay as l } from "../../utils/utils.js";
-import { TEXT_DISAPPEAR_DELAY as C, OUT_FRAMES as T, STREAK_DISAPPEAR_ANIMATION_DURATION as b, STREAK_APPEAR_ANIMATION_DURATION as w, STREAK_SCROLL_ANIMATION_DURATION as _, STREAK_WAIT_DURATION as R, TEXT_DISAPPEAR_DURATION as F, TEXT_APPEAR_DURATION as M, IN_FRAMES as V } from "./constants.js";
-import { Streak as W, SVGImgContainer as g, StreakLottieView as X, StreakValueWrapper as j, StreakValueContainer as H, StreakValue as O, TextWrapper as G } from "./streak-styled.js";
-const rt = P((y) => {
-  const { currStreak: c, show: A, onReveal: r, onComplete: a, helperText: m } = y, { play: o } = U(), [D, N] = p(0), u = E(null), n = E(), [i, h] = p(!1), S = $(async () => {
-    var s;
+import { TEXT_DISAPPEAR_DELAY as x, OUT_FRAMES as c, STREAK_DISAPPEAR_ANIMATION_DURATION as C, STREAK_APPEAR_ANIMATION_DURATION as b, STREAK_SCROLL_ANIMATION_DURATION as _, STREAK_WAIT_DURATION as R, TEXT_DISAPPEAR_DURATION as w, TEXT_APPEAR_DURATION as F, IN_FRAMES as M } from "./constants.js";
+import { Streak as V, SVGImgContainer as W, StreakLottieView as g, StreakValueWrapper as X, StreakValueContainer as j, StreakValue as y, TextWrapper as H } from "./streak-styled.js";
+const G = () => import("../../../assets/lotties/circle/total-streak-lottie.json.js"), tt = $((O) => {
+  const { currStreak: T, show: s, onReveal: r, onComplete: a, helperText: u } = O, { play: o } = K(), [D, N] = p(0), m = E(null), n = E(), [i, P] = p(!1), S = L(async () => {
+    var A;
     try {
-      await l(C), h(!0), o(I.STREAK_OUT), (s = n.current) == null || s.playSegments(T, !0), await l(
-        (T[1] - T[0]) * 1e3 / 30
+      await l(x), P(!0), o(I.STREAK_OUT), (A = n.current) == null || A.playSegments(c, !0), await l(
+        (c[1] - c[0]) * 1e3 / 30
       ), a == null || a();
     } catch (t) {
       console.log(t);
     }
   }, [a, o]);
-  return L(() => {
-    if (A)
+  return U(() => {
+    if (s)
       return (async () => {
         var d;
-        const t = await x(K.TOTAL_STREAK);
+        const h = (await G()).default;
         n.current = k.loadAnimation({
-          container: u.current,
-          animationData: t,
+          container: m.current,
+          animationData: h,
           autoplay: !1,
           loop: !1,
           renderer: "canvas"
-        }), o(I.STREAK_IN), (d = n.current) == null || d.playSegments(V, !0), r == null || r(), l(R).then(() => {
+        }), o(I.STREAK_IN), (d = n.current) == null || d.playSegments(M, !0), r == null || r(), l(R).then(() => {
           N(1), l(_).then(() => {
             S();
           });
@@ -39,39 +37,39 @@ const rt = P((y) => {
         var t;
         (t = n.current) == null || t.destroy();
       };
-  }, [A, S, o, r]), A ? /* @__PURE__ */ f(W, { children: [
-    /* @__PURE__ */ e(g, {}),
-    /* @__PURE__ */ e(X, { ref: u }),
+  }, [s, S, o, r]), s ? /* @__PURE__ */ f(V, { children: [
+    /* @__PURE__ */ e(W, {}),
+    /* @__PURE__ */ e(g, { ref: m }),
     /* @__PURE__ */ e(
-      j,
+      X,
       {
         $animationType: i ? "fadeout" : "fadein",
-        $duration: i ? b : w,
+        $duration: i ? C : b,
         children: /* @__PURE__ */ f(
-          H,
+          j,
           {
             $translate: D > 0,
             $translateDuration: _,
             children: [
-              /* @__PURE__ */ e(O, { $color: "WHITE", $renderAs: "ab1-bold", children: c }),
-              /* @__PURE__ */ e(O, { $color: "WHITE", $renderAs: "ab1-bold", children: c + 1 })
+              /* @__PURE__ */ e(y, { $color: "WHITE", $renderAs: "ab1-bold", children: T }),
+              /* @__PURE__ */ e(y, { $color: "WHITE", $renderAs: "ab1-bold", children: T + 1 })
             ]
           }
         )
       }
     ),
-    m && /* @__PURE__ */ e(
-      G,
+    u && /* @__PURE__ */ e(
+      H,
       {
         $delay: R,
         $animationType: i ? "fadeout" : "fadein",
-        $duration: i ? F : M,
-        children: m
+        $duration: i ? w : F,
+        children: u
       }
     )
   ] }) : null;
 });
 export {
-  rt as Streak
+  tt as Streak
 };
 //# sourceMappingURL=streak.js.map

package/dist/features/post-game-stats/streak/streak.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"streak.js","sources":["../../../../src/features/post-game-stats/streak/streak.tsx"],"sourcesContent":["import type { IStreakProps } from './streak-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ~~LOTTIE } from '../../../assets/lottie/lottie';\nimport {~~ useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { ~~fetchLottie } from '../../ui/lottie-animation/helper';\nimport {~~ delay } from '../../utils/utils';\nimport {\n IN_FRAMES,\n OUT_FRAMES,\n STREAK_APPEAR_ANIMATION_DURATION,\n STREAK_DISAPPEAR_ANIMATION_DURATION,\n STREAK_SCROLL_ANIMATION_DURATION,\n STREAK_WAIT_DURATION,\n TEXT_APPEAR_DURATION,\n TEXT_DISAPPEAR_DELAY,\n TEXT_DISAPPEAR_DURATION,\n} from './constants';\nimport * as Styled from './streak-styled';\n\nexport const Streak: FC<IStreakProps> = memo(props => {\n const { currStreak, show, onReveal, onComplete, helperText } = props;\n const { play } = useCircleSounds();\n const [displayStreak, setDisplayStreak] = useState(0);\n const lottieContainerRef = useRef<HTMLDivElement>(null);\n const lottieAnimationRef = useRef<AnimationItem>();\n const [fadeOut, setFadeout] = useState(false);\n\n const playExitAnimation = useCallback(async () => {\n try {\n await delay(TEXT_DISAPPEAR_DELAY);\n setFadeout(true);\n play(CircleSoundKey.STREAK_OUT);\n lottieAnimationRef.current?.playSegments(OUT_FRAMES, true);\n const LOTTIE_FPS = 30;\n\n await delay(\n (((OUT_FRAMES[1] as unknown as number) - (OUT_FRAMES[0] as unknown as number)) * 1000) /\n LOTTIE_FPS,\n );\n onComplete?.();\n } catch (err) {\n /* eslint-disable no-console */\n console.log(err);\n }\n }, [onComplete, play]);\n\n // play entry animation\n useEffect(() => {\n if (show) {\n const loadAnimation = async () => {\n const ~~streakLottieAnimationData~~ = await ~~fetchLottie~~(~~LOTTIE.TOTAL_STREAK~~);\n\n lottieAnimationRef.current = Lottie.loadAnimation({\n container: lottieContainerRef.current as Element,\n animationData: streakLottieAnimationData,\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n });\n\n play(CircleSoundKey.STREAK_IN);\n lottieAnimationRef.current?.playSegments(IN_FRAMES, true);\n onReveal?.();\n\n delay(STREAK_WAIT_DURATION).then(() => {\n setDisplayStreak(1);\n delay(STREAK_SCROLL_ANIMATION_DURATION).then(() => {\n playExitAnimation();\n });\n });\n };\n\n loadAnimation();\n\n return () => {\n lottieAnimationRef.current?.destroy();\n };\n }\n }, [show, playExitAnimation, play, onReveal]);\n\n if (show) {\n return (\n <Styled.Streak>\n <Styled.SVGImgContainer />\n <Styled.StreakLottieView ref={lottieContainerRef} />\n\n <Styled.StreakValueWrapper\n $animationType={fadeOut ? 'fadeout' : 'fadein'}\n $duration={\n fadeOut ? STREAK_DISAPPEAR_ANIMATION_DURATION : STREAK_APPEAR_ANIMATION_DURATION\n }\n >\n <Styled.StreakValueContainer\n $translate={displayStreak > 0}\n $translateDuration={STREAK_SCROLL_ANIMATION_DURATION}\n >\n <Styled.StreakValue $color=\"WHITE\" $renderAs=\"ab1-bold\">\n {currStreak}\n </Styled.StreakValue>\n <Styled.StreakValue $color=\"WHITE\" $renderAs=\"ab1-bold\">\n {currStreak + 1}\n </Styled.StreakValue>\n </Styled.StreakValueContainer>\n </Styled.StreakValueWrapper>\n\n {helperText && (\n <Styled.TextWrapper\n $delay={STREAK_WAIT_DURATION}\n $animationType={fadeOut ? 'fadeout' : 'fadein'}\n $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n >\n {helperText}\n </Styled.TextWrapper>\n )}\n </Styled.Streak>\n );\n }\n\n return null;\n});\n"],"names":["Streak","memo","props","currStreak","show","onReveal","onComplete","helperText","play","useCircleSounds","displayStreak","setDisplayStreak","useState","lottieContainerRef","useRef","lottieAnimationRef","fadeOut","setFadeout","playExitAnimation","useCallback","delay","TEXT_DISAPPEAR_DELAY","CircleSoundKey","_a","OUT_FRAMES","err","useEffect","streakLottieAnimationData","~~fetchLottie","LOTTIE","~~Lottie","IN_FRAMES","STREAK_WAIT_DURATION","STREAK_SCROLL_ANIMATION_DURATION","jsxs","Styled.Streak","jsx","Styled.SVGImgContainer","Styled.StreakLottieView","Styled.StreakValueWrapper","STREAK_DISAPPEAR_ANIMATION_DURATION","STREAK_APPEAR_ANIMATION_DURATION","Styled.StreakValueContainer","Styled.StreakValue","Styled.TextWrapper","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":"~~;;;;;;;;;;AAyBa~~,~~MAAAA~~,KAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,YAAAC,GAAY,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,YAAAC,EAAe,IAAAL,GACzD,EAAE,MAAAM,MAASC,KACX,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAC9CC,IAAqBC,EAAuB,IAAI,GAChDC,IAAqBD,KACrB,CAACE,GAASC,CAAU,IAAIL,EAAS,EAAK,GAEtCM,IAAoBC,EAAY,YAAY;;AAC5C,QAAA;AACF,YAAMC,EAAMC,CAAoB,GAChCJ,EAAW,EAAI,GACfT,EAAKc,EAAe,UAAU,IACXC,IAAAR,EAAA,YAAA,QAAAQ,EAAS,aAAaC,GAAY,KAG/C,MAAAJ;AAAA,SACDI,EAAW,CAAC,IAA2BA,EAAW,CAAC,KAA2B,MAHhE;AAAA,MAIf,GAESlB,KAAA,QAAAA;AAAA,aACNmB,GAAK;AAEZ,cAAQ,IAAIA,CAAG;AAAA,IACjB;AAAA,EAAA,GACC,CAACnB,GAAYE,CAAI,CAAC;~~AAoCrB~~,~~SAjCAkB~~,EAAU,MAAM;AACd,QAAItB;~~AAwBY~~,~~cAvBQ~~,YAAY;;~~AAChC~~,cAAMuB,~~IAA4B~~,~~MAAMC~~,~~EAAYC,EAAO,YAAY~~;~~AAEpD~~,~~QAAAd~~,EAAA,~~UAAUe~~,EAAO,cAAc;AAAA,UAChD,~~WAAWjB~~,EAAmB;AAAA,UAC9B,eAAec;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,QAAA,CACX,GAEDnB,EAAKc,EAAe,SAAS,IACVC,IAAAR,EAAA,YAAA,QAAAQ,EAAS,~~aAAaQ~~,GAAW,~~KACzC1B~~,KAAA,QAAAA,KAELe,~~EAAAY~~,CAAoB,EAAE,KAAK,MAAM;AACrC,~~UAAArB~~,EAAiB,CAAC,GACZS,~~EAAAa~~,CAAgC,EAAE,KAAK,MAAM;AAC/B,~~YAAAf~~;UAAA,CACnB;AAAA,QAAA,CACF;AAAA,MAAA,MAKI,MAAM;;AACX,SAAAK,IAAAR,EAAmB,YAAnB,QAAAQ,EAA4B;AAAA,MAAQ;AAAA,KAGvC,CAACnB,GAAMc,GAAmBV,GAAMH,CAAQ,CAAC,GAExCD,IAEA,~~gBAAA8B~~,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAuB;AAAA,IACvB,gBAAAD,EAAAE,GAAA,EAAwB,~~KAAKzB~~,EAAoB,CAAA;AAAA,IAElD,~~gBAAAuB~~;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,~~gBAAgBvB~~,IAAU,YAAY;AAAA,QACtC,WACEA,~~IAAUwB~~,IAAsCC;AAAA,QAGlD,UAAA,gBAAAP;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,~~YAAYhC~~,IAAgB;AAAA,YAC5B,~~oBAAoBuB~~;AAAA,YAEpB,UAAA;AAAA,cAAA,gBAAAG,EAACO,GAAA,EAAmB,QAAO,SAAQ,WAAU,YAC1C,~~UACHxC~~,GAAA;AAAA,cACA,~~gBAAAiC~~,EAACO,GAAA,EAAmB,QAAO,SAAQ,WAAU,YAC1C,~~UAAAxC~~,IAAa,GAChB;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAECI,KACC,~~gBAAA6B~~;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,QAAQZ;AAAA,QACR,~~gBAAgBhB~~,IAAU,YAAY;AAAA,QACtC,WAAWA,~~IAAU6B~~,IAA0BC;AAAA,QAE9C,~~UAAAvC~~;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA,IAIG;AACT,CAAC;"}
1	+ {"version":3,"file":"streak.js","sources":["../../../../src/features/post-game-stats/streak/streak.tsx"],"sourcesContent":["import type { IStreakProps } from './streak-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { delay } from '../../utils/utils';\nimport {\n IN_FRAMES,\n OUT_FRAMES,\n STREAK_APPEAR_ANIMATION_DURATION,\n STREAK_DISAPPEAR_ANIMATION_DURATION,\n STREAK_SCROLL_ANIMATION_DURATION,\n STREAK_WAIT_DURATION,\n TEXT_APPEAR_DURATION,\n TEXT_DISAPPEAR_DELAY,\n TEXT_DISAPPEAR_DURATION,\n} from './constants';\nimport * as Styled from './streak-styled';\n\nconst streakLottie = () => import('../../../assets/lotties/circle/total-streak-lottie.json');\n\nexport const Streak: FC<IStreakProps> = memo(props => {\n const { currStreak, show, onReveal, onComplete, helperText } = props;\n const { play } = useCircleSounds();\n const [displayStreak, setDisplayStreak] = useState(0);\n const lottieContainerRef = useRef<HTMLDivElement>(null);\n const lottieAnimationRef = useRef<AnimationItem>();\n const [fadeOut, setFadeout] = useState(false);\n\n const playExitAnimation = useCallback(async () => {\n try {\n await delay(TEXT_DISAPPEAR_DELAY);\n setFadeout(true);\n play(CircleSoundKey.STREAK_OUT);\n lottieAnimationRef.current?.playSegments(OUT_FRAMES, true);\n const LOTTIE_FPS = 30;\n\n await delay(\n (((OUT_FRAMES[1] as unknown as number) - (OUT_FRAMES[0] as unknown as number)) * 1000) /\n LOTTIE_FPS,\n );\n onComplete?.();\n } catch (err) {\n /* eslint-disable no-console */\n console.log(err);\n }\n }, [onComplete, play]);\n\n // play entry animation\n useEffect(() => {\n if (show) {\n const loadAnimation = async () => {\n const lottiePath = await streakLottie();\n\n const streakLottieAnimationData = lottiePath.default;\n\n lottieAnimationRef.current = Lottie.loadAnimation({\n container: lottieContainerRef.current as Element,\n animationData: streakLottieAnimationData,\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n });\n\n play(CircleSoundKey.STREAK_IN);\n lottieAnimationRef.current?.playSegments(IN_FRAMES, true);\n onReveal?.();\n\n delay(STREAK_WAIT_DURATION).then(() => {\n setDisplayStreak(1);\n delay(STREAK_SCROLL_ANIMATION_DURATION).then(() => {\n playExitAnimation();\n });\n });\n };\n\n loadAnimation();\n\n return () => {\n lottieAnimationRef.current?.destroy();\n };\n }\n }, [show, playExitAnimation, play, onReveal]);\n\n if (show) {\n return (\n <Styled.Streak>\n <Styled.SVGImgContainer />\n <Styled.StreakLottieView ref={lottieContainerRef} />\n\n <Styled.StreakValueWrapper\n $animationType={fadeOut ? 'fadeout' : 'fadein'}\n $duration={\n fadeOut ? STREAK_DISAPPEAR_ANIMATION_DURATION : STREAK_APPEAR_ANIMATION_DURATION\n }\n >\n <Styled.StreakValueContainer\n $translate={displayStreak > 0}\n $translateDuration={STREAK_SCROLL_ANIMATION_DURATION}\n >\n <Styled.StreakValue $color=\"WHITE\" $renderAs=\"ab1-bold\">\n {currStreak}\n </Styled.StreakValue>\n <Styled.StreakValue $color=\"WHITE\" $renderAs=\"ab1-bold\">\n {currStreak + 1}\n </Styled.StreakValue>\n </Styled.StreakValueContainer>\n </Styled.StreakValueWrapper>\n\n {helperText && (\n <Styled.TextWrapper\n $delay={STREAK_WAIT_DURATION}\n $animationType={fadeOut ? 'fadeout' : 'fadein'}\n $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n >\n {helperText}\n </Styled.TextWrapper>\n )}\n </Styled.Streak>\n );\n }\n\n return null;\n});\n"],"names":["streakLottie","Streak","memo","props","currStreak","show","onReveal","onComplete","helperText","play","useCircleSounds","displayStreak","setDisplayStreak","useState","lottieContainerRef","useRef","lottieAnimationRef","fadeOut","setFadeout","playExitAnimation","useCallback","delay","TEXT_DISAPPEAR_DELAY","CircleSoundKey","_a","OUT_FRAMES","err","useEffect","streakLottieAnimationData","Lottie","IN_FRAMES","STREAK_WAIT_DURATION","STREAK_SCROLL_ANIMATION_DURATION","jsxs","Styled.Streak","jsx","Styled.SVGImgContainer","Styled.StreakLottieView","Styled.StreakValueWrapper","STREAK_DISAPPEAR_ANIMATION_DURATION","STREAK_APPEAR_ANIMATION_DURATION","Styled.StreakValueContainer","Styled.StreakValue","Styled.TextWrapper","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":";;;;;;;;AAuBA,MAAMA,IAAe,MAAM,OAAO,4DAAyD,GAE9EC,KAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,YAAAC,GAAY,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,YAAAC,EAAe,IAAAL,GACzD,EAAE,MAAAM,MAASC,KACX,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAC9CC,IAAqBC,EAAuB,IAAI,GAChDC,IAAqBD,KACrB,CAACE,GAASC,CAAU,IAAIL,EAAS,EAAK,GAEtCM,IAAoBC,EAAY,YAAY;;AAC5C,QAAA;AACF,YAAMC,EAAMC,CAAoB,GAChCJ,EAAW,EAAI,GACfT,EAAKc,EAAe,UAAU,IACXC,IAAAR,EAAA,YAAA,QAAAQ,EAAS,aAAaC,GAAY,KAG/C,MAAAJ;AAAA,SACDI,EAAW,CAAC,IAA2BA,EAAW,CAAC,KAA2B,MAHhE;AAAA,MAIf,GAESlB,KAAA,QAAAA;AAAA,aACNmB,GAAK;AAEZ,cAAQ,IAAIA,CAAG;AAAA,IACjB;AAAA,EAAA,GACC,CAACnB,GAAYE,CAAI,CAAC;AAsCrB,SAnCAkB,EAAU,MAAM;AACd,QAAItB;AA0BY,cAzBQ,YAAY;;AAGhC,cAAMuB,KAFa,MAAM5B,KAEoB;AAE1B,QAAAgB,EAAA,UAAUa,EAAO,cAAc;AAAA,UAChD,WAAWf,EAAmB;AAAA,UAC9B,eAAec;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,QAAA,CACX,GAEDnB,EAAKc,EAAe,SAAS,IACVC,IAAAR,EAAA,YAAA,QAAAQ,EAAS,aAAaM,GAAW,KACzCxB,KAAA,QAAAA,KAELe,EAAAU,CAAoB,EAAE,KAAK,MAAM;AACrC,UAAAnB,EAAiB,CAAC,GACZS,EAAAW,CAAgC,EAAE,KAAK,MAAM;AAC/B,YAAAb;UAAA,CACnB;AAAA,QAAA,CACF;AAAA,MAAA,MAKI,MAAM;;AACX,SAAAK,IAAAR,EAAmB,YAAnB,QAAAQ,EAA4B;AAAA,MAAQ;AAAA,KAGvC,CAACnB,GAAMc,GAAmBV,GAAMH,CAAQ,CAAC,GAExCD,IAEA,gBAAA4B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAuB;AAAA,IACvB,gBAAAD,EAAAE,GAAA,EAAwB,KAAKvB,EAAoB,CAAA;AAAA,IAElD,gBAAAqB;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,gBAAgBrB,IAAU,YAAY;AAAA,QACtC,WACEA,IAAUsB,IAAsCC;AAAA,QAGlD,UAAA,gBAAAP;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,YAAY9B,IAAgB;AAAA,YAC5B,oBAAoBqB;AAAA,YAEpB,UAAA;AAAA,cAAA,gBAAAG,EAACO,GAAA,EAAmB,QAAO,SAAQ,WAAU,YAC1C,UACHtC,GAAA;AAAA,cACA,gBAAA+B,EAACO,GAAA,EAAmB,QAAO,SAAQ,WAAU,YAC1C,UAAAtC,IAAa,GAChB;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAECI,KACC,gBAAA2B;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,QAAQZ;AAAA,QACR,gBAAgBd,IAAU,YAAY;AAAA,QACtC,WAAWA,IAAU2B,IAA0BC;AAAA,QAE9C,UAAArC;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA,IAIG;AACT,CAAC;"}