@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

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

@@ -0,0 +1 @@
+{"version":3,"file":"web-view.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view.tsx"],"sourcesContent":["import type {\n  IInfoMessage,\n  ILessonWebGameProps,\n  IMessageProps,\n  IMultiplayerWebGameProps,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n  ITableWebGameProps,\n  IVibrationPattern,\n  IWebViewProps,\n} from './web-view-types';\nimport type { ForwardedRef } from 'react';\n\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { ALLOWED_ORIGIN } from './constants';\nimport { ProjectType, WebViewEvent } from './enums';\n\nexport const WebView = forwardRef((props: IWebViewProps, ref: ForwardedRef<HTMLIFrameElement>) => {\n  const {\n    baseUrl,\n    projectDetails,\n    playerDetails,\n    onGameLoad,\n    onGamePlayFinish,\n    handleInfoMessage,\n    onBack,\n    parentDomain,\n    ...rest\n  } = props;\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const memoizedPlayerDetails = useMemo(() => playerDetails, [playerDetails]);\n  const memoizedProjectDetails = useMemo(() => projectDetails, [projectDetails]);\n\n  let miniGameIdentifier = '';\n  const { onEvent: trackEvent } = useUIContext();\n\n  if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n    miniGameIdentifier = (memoizedProjectDetails as ILessonWebGameProps).miniGameIdentifier;\n  }\n\n  const getProjectDetails = useCallback(() => {\n    const { enableCloseButton = true } = memoizedProjectDetails;\n\n    let payload = {\n      enableCloseButton,\n    } as IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps;\n\n    if (memoizedProjectDetails.projectType === ProjectType.GAME) {\n      payload = {\n        ...payload,\n        ...memoizedProjectDetails,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (memoizedProjectDetails.projectType === ProjectType.PUZZLE) {\n      payload = {\n        ...payload,\n        ...memoizedProjectDetails,\n      } as IPuzzleWebGameProps;\n    }\n\n    if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n      payload = {\n        ...payload,\n        ...memoizedProjectDetails,\n      } as ILessonWebGameProps;\n    }\n\n    if (memoizedProjectDetails.projectType === ProjectType.TABLE) {\n      payload = {\n        ...payload,\n        ...memoizedProjectDetails,\n      } as ITableWebGameProps;\n    }\n\n    return payload;\n  }, [memoizedProjectDetails]);\n\n  const sendGamesData = useCallback(() => {\n    const payload = getProjectDetails();\n\n    webViewRef.current?.contentWindow?.postMessage(\n      JSON.stringify({\n        event: WebViewEvent.GAME_DATA,\n        payload,\n      }),\n      ALLOWED_ORIGIN,\n    );\n  }, [getProjectDetails]);\n\n  const setConfig = useCallback(() => {\n    const projectConfig = getProjectDetails();\n\n    webViewRef.current?.contentWindow?.postMessage(\n      JSON.stringify({\n        event: WebViewEvent.SET_CONFIG,\n        payload: {\n          user: memoizedPlayerDetails,\n          projectConfig,\n          parentDomain,\n        },\n      }),\n      ALLOWED_ORIGIN,\n    );\n  }, [memoizedPlayerDetails, getProjectDetails, parentDomain]);\n\n  useImperativeHandle(ref, () => webViewRef.current as HTMLIFrameElement, []);\n\n  useEffect(() => {\n    const handleMessage = (e: MessageEvent) => {\n      const data: string = e.data;\n      const parsedData = typeof data === 'string' ? JSON.parse(data) : (data as IMessageProps);\n\n      const { event, payload = null } = parsedData;\n\n      if (event === WebViewEvent.VIBRATE) {\n        const { pattern } = payload as IVibrationPattern;\n\n        if (window.ReactNativeWebView) {\n          window.ReactNativeWebView.postMessage(JSON.stringify(parsedData));\n        } else {\n          window.navigator.vibrate?.(pattern);\n        }\n      }\n\n      if (event === WebViewEvent.GAME_BACK) {\n        onBack?.();\n      }\n\n      if (event === WebViewEvent.HIDE_LOADER) {\n        onGameLoad?.();\n      }\n\n      if (event === WebViewEvent.LOAD_DATA_FROM_APP) {\n        sendGamesData?.();\n      }\n\n      if (event === WebViewEvent.GET_CONFIG) {\n        setConfig();\n      }\n\n      if (event === WebViewEvent.UPDATE_STATS) {\n        onGamePlayFinish?.(payload as IPlayerStats);\n      }\n\n      if (event === WebViewEvent.SHOW_SNACKBAR) {\n        handleInfoMessage?.(payload as IInfoMessage);\n      }\n\n      if (event === WebViewEvent.TRACK_EVENT) {\n        const { eventName, properties } = payload;\n\n        trackEvent(eventName, properties);\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [\n    handleInfoMessage,\n    onBack,\n    onGamePlayFinish,\n    onGameLoad,\n    setConfig,\n    sendGamesData,\n    trackEvent,\n  ]);\n\n  const url = playerDetails.isAdmin\n    ? baseUrl\n    : `${baseUrl}/play-game/${memoizedProjectDetails.projectId}/${memoizedProjectDetails.variant}${\n        miniGameIdentifier ? `/${miniGameIdentifier}` : ''\n      }`;\n\n  return (\n    <FlexView $height=\"100%\" $width=\"100%\">\n      <Separator height={window.ReactNativeTopInset || 0} />\n      <iframe {...rest} ref={webViewRef} src={`${url}?version=2`} allow=\"autoplay\" />;\n      <Separator height={window.ReactNativeBottomInset || 0} />\n    </FlexView>\n  );\n});\n"],"names":["WebView","forwardRef","props","ref","baseUrl","projectDetails","playerDetails","onGameLoad","onGamePlayFinish","handleInfoMessage","onBack","parentDomain","rest","webViewRef","useRef","memoizedPlayerDetails","useMemo","memoizedProjectDetails","miniGameIdentifier","trackEvent","useUIContext","ProjectType","getProjectDetails","useCallback","enableCloseButton","payload","sendGamesData","_b","_a","WebViewEvent","ALLOWED_ORIGIN","setConfig","projectConfig","useImperativeHandle","useEffect","handleMessage","data","parsedData","event","pattern","eventName","properties","url","jsxs","FlexView","jsx","Separator"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import { CircleSoundKey as c } from "./use-circle-sounds-enums.js";
+const e = "https://cuemath-circle.s3.ap-southeast-1.amazonaws.com/assets/sounds/production", a = "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`,
+  [c.SWIPE_01]: `${e}/circle-swipe-1.wav`,
+  [c.SWIPE_02]: `${e}/circle-swipe-2.wav`,
+  [c.SWIPE_03]: `${e}/circle-swipe-3.wav`,
+  [c.SWIPE_04]: `${e}/circle-swipe-4.wav`,
+  [c.SWIPE_DOWN]: `${e}/circle-swipe-down-1.wav`,
+  [c.TOGGLE]: `${e}/circle-button-v3.wav`,
+  [c.POINTS_AWARDED]: `${e}/circle-points-v1.wav`,
+  [c.POINTS_ADDED]: `${e}/circle-points-add-v1.wav`,
+  [c.GAME_CARD_CLICK]: `${e}/circle-gamecard-button-v1.wav`,
+  [c.CLOCK_IN]: `${e}/circle-meter-v1.wav`,
+  [c.CLOCK_OUT]: `${e}/circle-disappear-v1.wav`,
+  [c.ACCURACY_IN]: `${e}/circle-meter-v1.wav`,
+  [c.ACCURACY_OUT]: `${e}/circle-disappear-v1.wav`,
+  [c.STREAK_IN]: `${e}/circle-streak-v1.wav`,
+  [c.STREAK_OUT]: `${e}/circle-disappear-v1.wav`,
+  [c.ACCURACY_INTRO]: `${a}/accuracy-intro.mp3`,
+  [c.ACCURACY_TARGET]: `${a}/accuracy-target.mp3`,
+  [c.TIME_INTRO]: `${a}/timer-intro.mp3`,
+  [c.TIME_TARGET]: `${a}/timer-target.mp3`,
+  [c.METER_FILL]: `${a}/meter-fill.mp3`
+}, i = [
+  c.SWIPE_04,
+  c.SWIPE_02,
+  c.SWIPE_03,
+  c.SWIPE_01
+];
+export {
+  t as CircleSoundKeyMapper,
+  i as SWIPE_SOUND_ORDER
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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};\n\nexport const SWIPE_SOUND_ORDER = [\n  CircleSoundKey.SWIPE_04,\n  CircleSoundKey.SWIPE_02,\n  CircleSoundKey.SWIPE_03,\n  CircleSoundKey.SWIPE_01,\n];\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;AACjD,GAEaG,IAAoB;AAAA,EAC/BD,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AAAA,EACfA,EAAe;AACjB;"}

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

@@ -0,0 +1,5 @@
+var _ = /* @__PURE__ */ ((A) => (A.BACKGROUND = "background", A.BACKGROUND_RUSHHOUR = "background_rushhour", A.TUTORIAL = "tutorial", A.SWIPE_01 = "swipe-1", A.SWIPE_02 = "swipe-2", A.SWIPE_03 = "swipe-3", A.SWIPE_04 = "swipe-4", A.SWIPE_DOWN = "swipe-down", A.TOGGLE = "toggle", A.POINTS_AWARDED = "pointsAwarded", A.POINTS_ADDED = "pointsAdded", A.GAME_CARD_CLICK = "gameCardClick", A.CLOCK_IN = "clock-in", A.CLOCK_OUT = "clock-out", A.ACCURACY_IN = "accuracy-in", A.ACCURACY_OUT = "accuracy-out", A.STREAK_IN = "streak-in", A.STREAK_OUT = "streak-out", A.ACCURACY_INTRO = "accuracy-intro", A.ACCURACY_TARGET = "accuracy-target", A.TIME_INTRO = "time-intro", A.TIME_TARGET = "time-target", A.METER_FILL = "meter-fill", A))(_ || {});
+export {
+  _ as CircleSoundKey
+};
+//# sourceMappingURL=use-circle-sounds-enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-circle-sounds-enums.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.ts"],"sourcesContent":["export enum CircleSoundKey {\n  BACKGROUND = 'background',\n  BACKGROUND_RUSHHOUR = 'background_rushhour',\n  TUTORIAL = 'tutorial',\n  SWIPE_01 = 'swipe-1',\n  SWIPE_02 = 'swipe-2',\n  SWIPE_03 = 'swipe-3',\n  SWIPE_04 = 'swipe-4',\n  SWIPE_DOWN = 'swipe-down',\n  TOGGLE = 'toggle',\n  POINTS_AWARDED = 'pointsAwarded',\n  POINTS_ADDED = 'pointsAdded',\n  GAME_CARD_CLICK = 'gameCardClick',\n  CLOCK_IN = 'clock-in',\n  CLOCK_OUT = 'clock-out',\n  ACCURACY_IN = 'accuracy-in',\n  ACCURACY_OUT = 'accuracy-out',\n  STREAK_IN = 'streak-in',\n  STREAK_OUT = 'streak-out',\n  ACCURACY_INTRO = 'accuracy-intro',\n  ACCURACY_TARGET = 'accuracy-target',\n  TIME_INTRO = 'time-intro',\n  TIME_TARGET = 'time-target',\n  METER_FILL = 'meter-fill',\n}\n"],"names":["CircleSoundKey"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,sBAAsB,uBACtBA,EAAA,WAAW,YACXA,EAAA,WAAW,WACXA,EAAA,WAAW,WACXA,EAAA,WAAW,WACXA,EAAA,WAAW,WACXA,EAAA,aAAa,cACbA,EAAA,SAAS,UACTA,EAAA,iBAAiB,iBACjBA,EAAA,eAAe,eACfA,EAAA,kBAAkB,iBAClBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,cAAc,eACdA,EAAA,eAAe,gBACfA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,aAAa,cAvBHA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,118 @@
+import { useCallback as c, useRef as C, useEffect as T } from "react";
+import { CircleSoundKeyMapper as A, SWIPE_SOUND_ORDER as E } from "./constants.js";
+import { CircleSoundKey as n } from "./use-circle-sounds-enums.js";
+let d = 0;
+const o = {
+  [n.BACKGROUND]: null,
+  [n.BACKGROUND_RUSHHOUR]: null,
+  [n.TUTORIAL]: null,
+  [n.SWIPE_01]: null,
+  [n.SWIPE_02]: null,
+  [n.SWIPE_03]: null,
+  [n.SWIPE_04]: null,
+  [n.SWIPE_DOWN]: null,
+  [n.TOGGLE]: null,
+  [n.POINTS_AWARDED]: null,
+  [n.POINTS_ADDED]: null,
+  [n.GAME_CARD_CLICK]: null,
+  [n.CLOCK_IN]: null,
+  [n.CLOCK_OUT]: null,
+  [n.ACCURACY_IN]: null,
+  [n.ACCURACY_OUT]: null,
+  [n.STREAK_IN]: null,
+  [n.STREAK_OUT]: null,
+  [n.ACCURACY_INTRO]: null,
+  [n.ACCURACY_TARGET]: null,
+  [n.TIME_INTRO]: null,
+  [n.TIME_TARGET]: null,
+  [n.METER_FILL]: null
+}, I = {}, D = () => {
+  const s = c((e) => {
+    if (!o[e]) {
+      const l = new Audio(A[e]);
+      o[e] = l;
+    }
+  }, []), f = C(/* @__PURE__ */ new Set()), p = C({}), v = c(() => {
+    document.visibilityState === "hidden" ? Object.keys(o).forEach((e) => {
+      const l = o[e];
+      l && !l.paused && (l.pause(), f.current.add(e));
+    }) : document.visibilityState === "visible" && (f.current.forEach((e) => {
+      const l = o[e];
+      l == null || l.play();
+    }), f.current.clear());
+  }, []);
+  T(() => {
+    document.addEventListener("visibilitychange", v);
+    const e = p.current;
+    return () => {
+      document.removeEventListener("visibilitychange", v);
+      for (const l of Object.values(e))
+        l != null && clearInterval(l);
+    };
+  }, [v]);
+  const S = c(() => {
+    var l;
+    E.forEach((u) => {
+      s(u);
+    });
+    const e = E[d] || n.SWIPE_01;
+    d < E.length - 1 ? d++ : d = 0, (l = o[e]) == null || l.play();
+  }, [s]), m = c(() => {
+    var l;
+    return s(n.TOGGLE), (l = o[n.TOGGLE]) == null ? void 0 : l.play();
+  }, [s]), _ = c(
+    (e, l = !0, u = !1) => {
+      s(e);
+      const t = o[e];
+      if (!t) return;
+      if (!t.paused && t.currentTime > 0 && !t.ended)
+        return t;
+      if (t.loop = u, l) {
+        t.volume = 1;
+        const a = t.play();
+        I[e] = a;
+        return;
+      }
+      t.volume = 0;
+      const r = t.play();
+      I[e] = r;
+      const i = setInterval(() => {
+        if (!t) {
+          clearInterval(i);
+          return;
+        }
+        const a = t.volume || 0;
+        a < 1 ? t.volume = Math.min(a + 0.1, 1) : clearInterval(i);
+      }, 100);
+      return p.current[e] = i, t;
+    },
+    [s]
+  ), R = c((e, l = !0) => {
+    var t;
+    const u = o[e];
+    I[e] !== void 0 && ((t = I[e]) == null || t.then(() => {
+      if (!u) return;
+      if (l) {
+        u.pause();
+        return;
+      }
+      const r = setInterval(() => {
+        if (!u) {
+          clearInterval(r);
+          return;
+        }
+        const i = u.volume || 0;
+        i - 0.1 <= 0 ? (u.volume = 0, u.pause(), clearInterval(r)) : u.volume = i - 0.1;
+      }, 100);
+      p.current[e] = r;
+    }).catch((r) => {
+      console.log("sound not playing", r);
+    }));
+  }, []);
+  return { playSwipSound: S, play: _, stop: R, playButtonSound: m };
+};
+export {
+  o as soundMapper,
+  D as useCircleSounds
+};
+//# sourceMappingURL=use-circle-sounds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-circle-sounds.js","sources":["../../../../../src/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.ts"],"sourcesContent":["import type { TimeoutMap } from './use-circle-sound-types';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { CircleSoundKeyMapper, SWIPE_SOUND_ORDER } from './constants';\nimport { CircleSoundKey } from './use-circle-sounds-enums';\n\nlet swipeSoundIndex = 0;\n\nexport const soundMapper: Record<keyof typeof CircleSoundKeyMapper, null | HTMLAudioElement> = {\n  [CircleSoundKey.BACKGROUND]: null,\n  [CircleSoundKey.BACKGROUND_RUSHHOUR]: null,\n  [CircleSoundKey.TUTORIAL]: null,\n  [CircleSoundKey.SWIPE_01]: null,\n  [CircleSoundKey.SWIPE_02]: null,\n  [CircleSoundKey.SWIPE_03]: null,\n  [CircleSoundKey.SWIPE_04]: null,\n  [CircleSoundKey.SWIPE_DOWN]: null,\n  [CircleSoundKey.TOGGLE]: null,\n  [CircleSoundKey.POINTS_AWARDED]: null,\n  [CircleSoundKey.POINTS_ADDED]: null,\n  [CircleSoundKey.GAME_CARD_CLICK]: null,\n  [CircleSoundKey.CLOCK_IN]: null,\n  [CircleSoundKey.CLOCK_OUT]: null,\n  [CircleSoundKey.ACCURACY_IN]: null,\n  [CircleSoundKey.ACCURACY_OUT]: null,\n  [CircleSoundKey.STREAK_IN]: null,\n  [CircleSoundKey.STREAK_OUT]: null,\n  [CircleSoundKey.ACCURACY_INTRO]: null,\n  [CircleSoundKey.ACCURACY_TARGET]: null,\n  [CircleSoundKey.TIME_INTRO]: null,\n  [CircleSoundKey.TIME_TARGET]: null,\n  [CircleSoundKey.METER_FILL]: null,\n};\n\nconst soundInstancePromise: Partial<Record<keyof typeof CircleSoundKeyMapper, Promise<void>>> = {};\n\nexport const useCircleSounds = () => {\n  const loadSound = useCallback((key: CircleSoundKey) => {\n    if (!soundMapper[key]) {\n      const loadedSound = new Audio(CircleSoundKeyMapper[key]);\n\n      soundMapper[key] = loadedSound;\n    }\n  }, []);\n\n  const pausedSoundsRef = useRef<Set<CircleSoundKey>>(new Set());\n  const timeoutRefs = useRef<TimeoutMap>({});\n\n  const handleVisibilityChange = useCallback(() => {\n    if (document.visibilityState === 'hidden') {\n      (Object.keys(soundMapper) as CircleSoundKey[]).forEach(key => {\n        const sound = soundMapper[key];\n\n        if (sound && !sound.paused) {\n          sound.pause();\n          pausedSoundsRef.current.add(key);\n        }\n      });\n    } else if (document.visibilityState === 'visible') {\n      pausedSoundsRef.current.forEach(key => {\n        const sound = soundMapper[key];\n\n        sound?.play();\n      });\n      pausedSoundsRef.current.clear();\n    }\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n    const timeouts = timeoutRefs.current;\n\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n      for (const id of Object.values(timeouts)) {\n        if (id != null) clearInterval(id);\n      }\n    };\n  }, [handleVisibilityChange]);\n\n  const playSwipSound = useCallback(() => {\n    SWIPE_SOUND_ORDER.forEach(key => {\n      loadSound(key);\n    });\n\n    const key = SWIPE_SOUND_ORDER[swipeSoundIndex] || CircleSoundKey.SWIPE_01;\n\n    if (swipeSoundIndex < SWIPE_SOUND_ORDER.length - 1) {\n      swipeSoundIndex++;\n    } else {\n      swipeSoundIndex = 0;\n    }\n    soundMapper[key]?.play();\n  }, [loadSound]);\n\n  const playButtonSound = useCallback(() => {\n    loadSound(CircleSoundKey.TOGGLE);\n    const sound = soundMapper[CircleSoundKey.TOGGLE]?.play();\n\n    return sound;\n  }, [loadSound]);\n\n  const play = useCallback(\n    (key: CircleSoundKey, immediately: boolean = true, loop = false) => {\n      loadSound(key);\n      const soundInstance = soundMapper[key];\n\n      if (!soundInstance) return;\n\n      if (!soundInstance.paused && soundInstance.currentTime > 0 && !soundInstance.ended) {\n        return soundInstance;\n      }\n\n      soundInstance.loop = loop;\n      if (immediately) {\n        soundInstance.volume = 1;\n        const promise = soundInstance.play();\n\n        soundInstancePromise[key] = promise;\n\n        return;\n      }\n\n      soundInstance.volume = 0;\n      const promise = soundInstance.play();\n\n      soundInstancePromise[key] = promise;\n\n      const intervalId = setInterval(() => {\n        if (!soundInstance) {\n          clearInterval(intervalId);\n\n          return;\n        }\n\n        const vol = soundInstance.volume || 0;\n\n        if (vol < 1) {\n          soundInstance.volume = Math.min(vol + 0.1, 1);\n        } else {\n          clearInterval(intervalId);\n        }\n      }, 100);\n\n      timeoutRefs.current[key] = intervalId;\n\n      return soundInstance;\n    },\n    [loadSound],\n  );\n\n  const stop = useCallback((key: CircleSoundKey, immediately: boolean = true) => {\n    const soundInstance = soundMapper[key];\n\n    if (soundInstancePromise[key] !== undefined) {\n      soundInstancePromise[key]\n        ?.then(() => {\n          if (!soundInstance) return;\n\n          if (immediately) {\n            soundInstance.pause();\n\n            return;\n          }\n\n          const intervalId = setInterval(() => {\n            if (!soundInstance) {\n              clearInterval(intervalId);\n\n              return;\n            }\n\n            const vol = soundInstance.volume || 0;\n\n            if (vol - 0.1 <= 0) {\n              soundInstance.volume = 0;\n              soundInstance.pause();\n              clearInterval(intervalId);\n            } else {\n              soundInstance.volume = vol - 0.1;\n            }\n          }, 100);\n\n          timeoutRefs.current[key] = intervalId;\n        })\n        .catch(err => {\n          // eslint-disable-next-line no-console\n          console.log('sound not playing', err);\n        });\n    }\n  }, []);\n\n  return { playSwipSound, play, stop, playButtonSound };\n};\n"],"names":["swipeSoundIndex","soundMapper","CircleSoundKey","soundInstancePromise","useCircleSounds","loadSound","useCallback","key","loadedSound","CircleSoundKeyMapper","pausedSoundsRef","useRef","timeoutRefs","handleVisibilityChange","sound","useEffect","timeouts","id","playSwipSound","SWIPE_SOUND_ORDER","_a","playButtonSound","play","immediately","loop","soundInstance","promise","intervalId","vol","stop","err"],"mappings":"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"}

package/dist/features/circle-games/leaderboard/api/get-leaderboard/constants.js

@@ -0,0 +1,5 @@
+const c = "/api/v1/circle";
+export {
+  c as BASE_URL
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/leaderboard/api/get-leaderboard/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/leaderboard/api/get-leaderboard/constants.ts"],"sourcesContent":["export const BASE_URL = '/api/v1/circle';\n"],"names":["BASE_URL"],"mappings":"AAAO,MAAMA,IAAW;"}

package/dist/features/circle-games/leaderboard/api/get-leaderboard/get-leaderboard.js

@@ -0,0 +1,9 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL as t } from "./constants.js";
+const { useGet: m } = r({
+  getURL: (o, { user_id: e }) => `${t}/leaderboard/?intelenrollment_id=${e}`
+});
+export {
+  m as useGetLeaderboard
+};
+//# sourceMappingURL=get-leaderboard.js.map

package/dist/features/circle-games/leaderboard/api/get-leaderboard/get-leaderboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-leaderboard.js","sources":["../../../../../../src/features/circle-games/leaderboard/api/get-leaderboard/get-leaderboard.ts"],"sourcesContent":["import type {\n  IGetLeaderboardPayloadModel,\n  IGetLeaderboardResponseModel,\n} from './get-leaderboard-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL } from './constants';\n\nexport const { useGet: useGetLeaderboard } = createGetAPI<\n  IGetLeaderboardResponseModel,\n  IGetLeaderboardPayloadModel\n>({\n  getURL: (_, { user_id }) => `${BASE_URL}/leaderboard/?intelenrollment_id=${user_id}`,\n});\n"],"names":["useGetLeaderboard","createGetAPI","_","user_id","BASE_URL"],"mappings":";;AASO,MAAM,EAAE,QAAQA,EAAkB,IAAIC,EAG3C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,SAAAC,QAAc,GAAGC,CAAQ,oCAAoCD,CAAO;AACpF,CAAC;"}

package/dist/features/circle-games/leaderboard/comps/banner/banner-styled.js

@@ -0,0 +1,38 @@
+import { styled as t } from "styled-components";
+import { BANNER_HEIGHT as o, ABSOLUTE_LOTTIE_SIZE as i } from "./constants.js";
+const d = t.div`
+  height: ${({ topInset: e }) => (e || 0) + o}px;
+  width: 100%;
+  background: transparent;
+  overflow: hidden;
+  position: relative; /* Ensure proper positioning for Lottie */
+  flex-shrink: 0;
+  backdrop-filter: blur(80px);
+  user-select: none;
+`, s = t.div`
+  flex: 1;
+`, x = t.div`
+  margin-right: auto;
+  margin-top: ${({ topInset: e }) => (e || 0) + 20}px;
+  margin-left: 16px;
+`;
+t.div`
+  padding: 16px 0 12px 16px;
+  width: 100%;
+`;
+const a = t.div`
+  width: ${i}px;
+  height: ${i}px;
+  position: absolute;
+  right: ${({ bgFromRightPosition: e }) => e || -142}px;
+  top: ${({ topInset: e, bgFromTopPosition: n }) => e + (n || -155)}px;
+  z-index: 1; /* Ensure Lottie is behind text elements if needed */
+  pointer-events: none;
+`;
+export {
+  d as BannerContainer,
+  s as BannerTextContainer,
+  a as CircleLottieView,
+  x as CountTextWrapper
+};
+//# sourceMappingURL=banner-styled.js.map

package/dist/features/circle-games/leaderboard/comps/banner/banner-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/banner/banner-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport { ABSOLUTE_LOTTIE_SIZE, BANNER_HEIGHT } from './constants';\n\nexport const BannerContainer = styled.div<{ topInset?: number }>`\n  height: ${({ topInset }) => (topInset || 0) + BANNER_HEIGHT}px;\n  width: 100%;\n  background: transparent;\n  overflow: hidden;\n  position: relative; /* Ensure proper positioning for Lottie */\n  flex-shrink: 0;\n  backdrop-filter: blur(80px);\n  user-select: none;\n`;\n\nexport const BannerTextContainer = styled.div`\n  flex: 1;\n`;\n\nexport const CountTextWrapper = styled.div<{ topInset?: number }>`\n  margin-right: auto;\n  margin-top: ${({ topInset }) => (topInset || 0) + 20}px;\n  margin-left: 16px;\n`;\n\nexport const SubHeadingTextContainer = styled.div`\n  padding: 16px 0 12px 16px;\n  width: 100%;\n`;\n\nexport const CircleLottieView = styled.div<{\n  topInset: number;\n  bgFromTopPosition: number;\n  bgFromRightPosition: number;\n}>`\n  width: ${ABSOLUTE_LOTTIE_SIZE}px;\n  height: ${ABSOLUTE_LOTTIE_SIZE}px;\n  position: absolute;\n  right: ${({ bgFromRightPosition }) => bgFromRightPosition || -142}px;\n  top: ${({ topInset, bgFromTopPosition }) => topInset + (bgFromTopPosition || -155)}px;\n  z-index: 1; /* Ensure Lottie is behind text elements if needed */\n  pointer-events: none;\n`;\n"],"names":["BannerContainer","styled","topInset","BANNER_HEIGHT","BannerTextContainer","CountTextWrapper","CircleLottieView","ABSOLUTE_LOTTIE_SIZE","bgFromRightPosition","bgFromTopPosition"],"mappings":";;AAIO,MAAMA,IAAkBC,EAAO;AAAA,YAC1B,CAAC,EAAE,UAAAC,EAAgB,OAAAA,KAAY,KAAKC,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhDC,IAAsBH,EAAO;AAAA;AAAA,GAI7BI,IAAmBJ,EAAO;AAAA;AAAA,gBAEvB,CAAC,EAAE,UAAAC,EAAgB,OAAAA,KAAY,KAAK,EAAE;AAAA;AAAA;AAIfD,EAAO;AAAA;AAAA;AAAA;AAKvC,MAAMK,IAAmBL,EAAO;AAAA,WAK5BM,CAAoB;AAAA,YACnBA,CAAoB;AAAA;AAAA,WAErB,CAAC,EAAE,qBAAAC,EAAoB,MAAMA,KAAuB,IAAI;AAAA,SAC1D,CAAC,EAAE,UAAAN,GAAU,mBAAAO,QAAwBP,KAAYO,KAAqB,KAAK;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/leaderboard/comps/banner/banner.js

@@ -0,0 +1,40 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as l } from "react";
+import h from "../../../../ui/lottie-animation/lottie-animation.js";
+import p from "../../../../ui/separator/separator.js";
+import o from "../../../../ui/text/text.js";
+import { BannerContainer as f, CircleLottieView as x, BannerTextContainer as T, CountTextWrapper as C } from "./banner-styled.js";
+const $ = { renderer: "canvas" }, v = l(
+  ({
+    primaryText: i,
+    secondaryText: t,
+    topInset: e = window.ReactNativeTopInset || 0,
+    isLoading: a = !1,
+    lottiePath: m,
+    bgFromTopPosition: c = 0,
+    bgFromRightPosition: s = 0,
+    custEle: d
+  }) => /* @__PURE__ */ n(f, { topInset: e, children: [
+    /* @__PURE__ */ r(
+      x,
+      {
+        topInset: e,
+        bgFromTopPosition: c,
+        bgFromRightPosition: s,
+        children: /* @__PURE__ */ r(h, { src: m, settings: $ })
+      }
+    ),
+    /* @__PURE__ */ n(T, { children: [
+      /* @__PURE__ */ n(C, { topInset: e, children: [
+        /* @__PURE__ */ r(o, { $renderAs: "ac4", $color: "WHITE", children: i }),
+        /* @__PURE__ */ r(p, { height: 4 }),
+        /* @__PURE__ */ r(o, { $renderAs: "ah4", $color: "WHITE", children: a ? "__" : t })
+      ] }),
+      d
+    ] })
+  ] })
+);
+export {
+  v as Banner
+};
+//# sourceMappingURL=banner.js.map

package/dist/features/circle-games/leaderboard/comps/banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/banner/banner.tsx"],"sourcesContent":["import type { IBannerProps } from './banner-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './banner-styled';\n\nconst animationSettings = { renderer: 'canvas' };\n\nexport const Banner: FC<IBannerProps> = memo(\n  ({\n    primaryText,\n    secondaryText,\n    topInset = window.ReactNativeTopInset || 0,\n    isLoading = false,\n    lottiePath,\n    bgFromTopPosition = 0,\n    bgFromRightPosition = 0,\n    custEle,\n  }) => (\n    <Styled.BannerContainer topInset={topInset}>\n      <Styled.CircleLottieView\n        topInset={topInset}\n        bgFromTopPosition={bgFromTopPosition}\n        bgFromRightPosition={bgFromRightPosition}\n      >\n        <LottieAnimation src={lottiePath} settings={animationSettings} />\n      </Styled.CircleLottieView>\n\n      <Styled.BannerTextContainer>\n        <Styled.CountTextWrapper topInset={topInset}>\n          <Text $renderAs=\"ac4\" $color=\"WHITE\">\n            {primaryText}\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ah4\" $color=\"WHITE\">\n            {isLoading ? '__' : secondaryText}\n          </Text>\n        </Styled.CountTextWrapper>\n\n        {custEle}\n      </Styled.BannerTextContainer>\n    </Styled.BannerContainer>\n  ),\n);\n"],"names":["animationSettings","Banner","memo","primaryText","secondaryText","topInset","isLoading","lottiePath","bgFromTopPosition","bgFromRightPosition","custEle","jsxs","Styled.BannerContainer","jsx","Styled.CircleLottieView","LottieAnimation","Styled.BannerTextContainer","Styled.CountTextWrapper","Text","Separator"],"mappings":";;;;;;AAUA,MAAMA,IAAoB,EAAE,UAAU,YAEzBC,IAA2BC;AAAA,EACtC,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW,OAAO,uBAAuB;AAAA,IACzC,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,qBAAAC,IAAsB;AAAA,IACtB,SAAAC;AAAA,EAEA,MAAA,gBAAAC,EAACC,GAAA,EAAuB,UAAAP,GACtB,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAAT;AAAA,QACA,mBAAAG;AAAA,QACA,qBAAAC;AAAA,QAEA,UAAC,gBAAAI,EAAAE,GAAA,EAAgB,KAAKR,GAAY,UAAUP,GAAmB;AAAA,MAAA;AAAA,IACjE;AAAA,IAEA,gBAAAW,EAACK,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAL,EAAAM,GAAA,EAAwB,UAAAZ,GACvB,UAAA;AAAA,QAAA,gBAAAQ,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHf,GAAA;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,QACtB,gBAAAN,EAACK,KAAK,WAAU,OAAM,QAAO,SAC1B,UAAAZ,IAAY,OAAOF,EACtB,CAAA;AAAA,MAAA,GACF;AAAA,MAECM;AAAA,IAAA,GACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/features/circle-games/leaderboard/comps/banner/constants.js

@@ -0,0 +1,6 @@
+const E = 112, T = 410;
+export {
+  T as ABSOLUTE_LOTTIE_SIZE,
+  E as BANNER_HEIGHT
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/circle-games/leaderboard/comps/banner/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/banner/constants.ts"],"sourcesContent":["export const BANNER_HEIGHT = 112;\nexport const ABSOLUTE_LOTTIE_SIZE = 410;\n"],"names":["BANNER_HEIGHT","ABSOLUTE_LOTTIE_SIZE"],"mappings":"AAAO,MAAMA,IAAgB,KAChBC,IAAuB;"}

package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item-styled.js

@@ -0,0 +1,12 @@
+import a from "styled-components";
+const s = a.div`
+  opacity: ${({ isVisible: t }) => t ? 1 : 0};
+  transform: ${({ isVisible: t }) => t ? "translateX(0)" : "translateX(-50px)"};
+  transition:
+    opacity 0.5s ease-out,
+    transform 0.5s ease-out;
+`;
+export {
+  s as AnimatedItem
+};
+//# sourceMappingURL=leaderboard-item-styled.js.map

package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaderboard-item-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const AnimatedItem = styled.div<{ isVisible: boolean }>`\n  opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n  transform: ${({ isVisible }) => (isVisible ? 'translateX(0)' : 'translateX(-50px)')};\n  transition:\n    opacity 0.5s ease-out,\n    transform 0.5s ease-out;\n`;\n"],"names":["AnimatedItem","styled","isVisible"],"mappings":";AAEO,MAAMA,IAAeC,EAAO;AAAA,aACtB,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,IAAI,CAAE;AAAA,eACpC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,kBAAkB,mBAAoB;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.js

@@ -0,0 +1,30 @@
+import { jsx as s } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { ELeaderboardType as t } from "../../enums/leaderboard-type-enum.js";
+import { useIntersectionObserver as u } from "../../hooks/use-intersection-observer/use-intersection-observer.tsx.js";
+import { PlayerProgressListItem as E } from "../progress-list-item/progress-list-item.js";
+import { AnimatedItem as I } from "./leaderboard-item-styled.js";
+const h = f(
+  ({ player: e, rank: o, maxStreakDays: m, maxPoints: i, leaderboardType: r, isActive: a }) => {
+    const { isVisible: n, elementRef: A } = u({
+      threshold: 0.5
+    }), L = r === t.ALL_TIME_STREAK ? m : i, d = r === t.ALL_TIME_STREAK ? e.streakDays : e.points;
+    return /* @__PURE__ */ s(I, { isVisible: n, ref: A, children: /* @__PURE__ */ s(
+      E,
+      {
+        index: o,
+        maxValue: L,
+        value: d,
+        isActive: a,
+        avatar: e.userAvatar,
+        grade: e.grade,
+        displayText: e.username,
+        displayValueAs: r === t.ALL_TIME_STREAK ? "streak" : "points"
+      }
+    ) }, e.rank);
+  }
+);
+export {
+  h as LeaderboardItemWithObserver
+};
+//# sourceMappingURL=leaderboard-item.js.map

package/dist/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaderboard-item.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/leaderboard-item/leaderboard-item.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from '../../dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardItemProps } from './leaderboard-item-types';\n\nimport React, { memo } from 'react';\n\nimport { ELeaderboardType } from '../../enums/leaderboard-type-enum';\nimport { useIntersectionObserver } from '../../hooks/use-intersection-observer/use-intersection-observer.tsx';\nimport { PlayerProgressListItem } from '../progress-list-item/progress-list-item';\nimport * as Styled from './leaderboard-item-styled';\n\nexport const LeaderboardItemWithObserver: React.FC<ILeaderboardItemProps> = memo(\n  ({ player, rank, maxStreakDays, maxPoints, leaderboardType, isActive }) => {\n    const { isVisible, elementRef } = useIntersectionObserver<HTMLDivElement>({\n      threshold: 0.5,\n    });\n\n    const maxValue =\n      leaderboardType === ELeaderboardType.ALL_TIME_STREAK ? maxStreakDays : maxPoints;\n\n    const value =\n      leaderboardType === ELeaderboardType.ALL_TIME_STREAK\n        ? (player as ILeaderboardPlayerWithStreak).streakDays\n        : (player as ILeaderboardPlayerWithPoints).points;\n\n    return (\n      <Styled.AnimatedItem key={player.rank} isVisible={isVisible} ref={elementRef}>\n        <PlayerProgressListItem\n          index={rank}\n          maxValue={maxValue}\n          value={value}\n          isActive={isActive}\n          avatar={player.userAvatar}\n          grade={player.grade}\n          displayText={player.username}\n          displayValueAs={\n            leaderboardType === ELeaderboardType.ALL_TIME_STREAK ? 'streak' : 'points'\n          }\n        />\n      </Styled.AnimatedItem>\n    );\n  },\n);\n"],"names":["LeaderboardItemWithObserver","memo","player","rank","maxStreakDays","maxPoints","leaderboardType","isActive","isVisible","elementRef","useIntersectionObserver","maxValue","ELeaderboardType","value","Styled.AnimatedItem","jsx","PlayerProgressListItem"],"mappings":";;;;;;AAaO,MAAMA,IAA+DC;AAAA,EAC1E,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,GAAe,WAAAC,GAAW,iBAAAC,GAAiB,UAAAC,QAAe;AACzE,UAAM,EAAE,WAAAC,GAAW,YAAAC,EAAW,IAAIC,EAAwC;AAAA,MACxE,WAAW;AAAA,IAAA,CACZ,GAEKC,IACJL,MAAoBM,EAAiB,kBAAkBR,IAAgBC,GAEnEQ,IACJP,MAAoBM,EAAiB,kBAChCV,EAAwC,aACxCA,EAAwC;AAE/C,6BACGY,GAAA,EAAsC,WAAAN,GAAsB,KAAKC,GAChE,UAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOb;AAAA,QACP,UAAAQ;AAAA,QACA,OAAAE;AAAA,QACA,UAAAN;AAAA,QACA,QAAQL,EAAO;AAAA,QACf,OAAOA,EAAO;AAAA,QACd,aAAaA,EAAO;AAAA,QACpB,gBACEI,MAAoBM,EAAiB,kBAAkB,WAAW;AAAA,MAAA;AAAA,IAAA,KAV9CV,EAAO,IAajC;AAAA,EAEJ;AACF;"}

package/dist/features/circle-games/leaderboard/comps/navigation-button/navigation-button-styled.js

@@ -0,0 +1,16 @@
+import o from "styled-components";
+const i = o.div`
+  position: relative;
+  width: 100%;
+`, n = o.div`
+  position: absolute;
+  left: ${({ align: t = "left" }) => t === "left" ? "20px" : "unset"};
+  right: ${({ align: t = "left" }) => t === "right" ? "20px" : "unset"};
+  z-index: 10;
+  bottom: ${(window.ReactNativeBottomInset || 0) + 50}px;
+`;
+export {
+  n as ExtendedIconButton,
+  i as NavigationActionWrapper
+};
+//# sourceMappingURL=navigation-button-styled.js.map

package/dist/features/circle-games/leaderboard/comps/navigation-button/navigation-button-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-button-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/navigation-button/navigation-button-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const NavigationActionWrapper = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nexport const ExtendedIconButton = styled.div<{ align?: 'left' | 'right' }>`\n  position: absolute;\n  left: ${({ align = 'left' }) => (align === 'left' ? '20px' : 'unset')};\n  right: ${({ align = 'left' }) => (align === 'right' ? '20px' : 'unset')};\n  z-index: 10;\n  bottom: ${(window.ReactNativeBottomInset || 0) + 50}px;\n`;\n"],"names":["NavigationActionWrapper","styled","ExtendedIconButton","align"],"mappings":";AAEO,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA,GAKjCC,IAAqBD,EAAO;AAAA;AAAA,UAE/B,CAAC,EAAE,OAAAE,IAAQ,OAAA,MAAcA,MAAU,SAAS,SAAS,OAAQ;AAAA,WAC5D,CAAC,EAAE,OAAAA,IAAQ,OAAA,MAAcA,MAAU,UAAU,SAAS,OAAQ;AAAA;AAAA,aAE5D,OAAO,0BAA0B,KAAK,EAAE;AAAA;"}

package/dist/features/circle-games/leaderboard/comps/navigation-button/navigation-button.js

@@ -0,0 +1,48 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { memo as A } from "react";
+import E from "../../../../../assets/line-icons/icons/cross.js";
+import d from "../../../../../assets/line-icons/icons/left.js";
+import p from "../../../../../assets/line-icons/icons/right.js";
+import { ArcButton as f } from "../../../../ui/arc-button/arc-button.js";
+import i from "../../../../ui/buttons/icon-button/icon-button.js";
+import { LEADERBOARD_ANALYTICS_EVENTS as r } from "../../leaderboard-analytics-events.js";
+import { NavigationActionWrapper as L, ExtendedIconButton as e } from "./navigation-button-styled.js";
+const y = A(
+  ({ labels: l, onLeftClick: m, onRightClick: a, currIndex: n, onClose: c, disableSwipe: t }) => /* @__PURE__ */ s(L, { children: [
+    /* @__PURE__ */ o(e, { align: "left", children: /* @__PURE__ */ o(
+      i,
+      {
+        Icon: d,
+        size: "small",
+        onClick: m,
+        renderAs: "secondary",
+        analyticsLabel: r.PREV_ON_LEADERBOARD,
+        disabled: t || n === 0
+      }
+    ) }),
+    /* @__PURE__ */ o(e, { align: "right", children: /* @__PURE__ */ o(
+      i,
+      {
+        Icon: p,
+        size: "small",
+        onClick: a,
+        renderAs: "secondary",
+        analyticsLabel: r.NEXT_ON_LEADERBOARD,
+        disabled: t || n === l.length - 1
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      f,
+      {
+        renderAs: "primary",
+        onClick: c,
+        analyticsLabel: r.LEADERBOARD_CLOSED,
+        children: /* @__PURE__ */ o(E, { color: "WHITE" })
+      }
+    )
+  ] })
+);
+export {
+  y as NavigationButton
+};
+//# sourceMappingURL=navigation-button.js.map

package/dist/features/circle-games/leaderboard/comps/navigation-button/navigation-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-button.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/navigation-button/navigation-button.tsx"],"sourcesContent":["import type { INavigationButtonProps } from './navigation-button-types';\n\nimport React, { memo } from 'react';\n\nimport CrossIcon from '../../../../../assets/line-icons/icons/cross';\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport { ArcButton } from '../../../../ui/arc-button/arc-button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { LEADERBOARD_ANALYTICS_EVENTS } from '../../leaderboard-analytics-events';\nimport * as Styled from './navigation-button-styled';\n\nexport const NavigationButton: React.FC<INavigationButtonProps> = memo(\n  ({ labels, onLeftClick, onRightClick, currIndex, onClose, disableSwipe }) => {\n    return (\n      <Styled.NavigationActionWrapper>\n        <Styled.ExtendedIconButton align=\"left\">\n          <IconButton\n            Icon={LeftIcon}\n            size=\"small\"\n            onClick={onLeftClick}\n            renderAs=\"secondary\"\n            analyticsLabel={LEADERBOARD_ANALYTICS_EVENTS.PREV_ON_LEADERBOARD}\n            disabled={disableSwipe || currIndex === 0}\n          />\n        </Styled.ExtendedIconButton>\n        {/* Right Navigation IconButton */}\n        <Styled.ExtendedIconButton align=\"right\">\n          <IconButton\n            Icon={RightIcon}\n            size=\"small\"\n            onClick={onRightClick}\n            renderAs=\"secondary\"\n            analyticsLabel={LEADERBOARD_ANALYTICS_EVENTS.NEXT_ON_LEADERBOARD}\n            disabled={disableSwipe || currIndex === labels.length - 1}\n          />\n        </Styled.ExtendedIconButton>\n\n        <ArcButton\n          renderAs=\"primary\"\n          onClick={onClose}\n          analyticsLabel={LEADERBOARD_ANALYTICS_EVENTS.LEADERBOARD_CLOSED}\n        >\n          {/* Left Navigation IconButton */}\n          <CrossIcon color=\"WHITE\" />\n        </ArcButton>\n      </Styled.NavigationActionWrapper>\n    );\n  },\n);\n"],"names":["NavigationButton","memo","labels","onLeftClick","onRightClick","currIndex","onClose","disableSwipe","jsxs","Styled.NavigationActionWrapper","jsx","Styled.ExtendedIconButton","IconButton","LeftIcon","LEADERBOARD_ANALYTICS_EVENTS","RightIcon","ArcButton","CrossIcon"],"mappings":";;;;;;;;;AAYO,MAAMA,IAAqDC;AAAA,EAChE,CAAC,EAAE,QAAAC,GAAQ,aAAAC,GAAa,cAAAC,GAAc,WAAAC,GAAW,SAAAC,GAAS,cAAAC,QAEtD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAA0B,OAAM,QAC/B,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAMC;AAAA,QACN,MAAK;AAAA,QACL,SAASV;AAAA,QACT,UAAS;AAAA,QACT,gBAAgBW,EAA6B;AAAA,QAC7C,UAAUP,KAAgBF,MAAc;AAAA,MAAA;AAAA,IAAA,GAE5C;AAAA,IAEC,gBAAAK,EAAAC,GAAA,EAA0B,OAAM,SAC/B,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAMG;AAAA,QACN,MAAK;AAAA,QACL,SAASX;AAAA,QACT,UAAS;AAAA,QACT,gBAAgBU,EAA6B;AAAA,QAC7C,UAAUP,KAAgBF,MAAcH,EAAO,SAAS;AAAA,MAAA;AAAA,IAAA,GAE5D;AAAA,IAEA,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,SAASV;AAAA,QACT,gBAAgBQ,EAA6B;AAAA,QAG7C,UAAA,gBAAAJ,EAACO,GAAU,EAAA,OAAM,QAAQ,CAAA;AAAA,MAAA;AAAA,IAC3B;AAAA,EACF,EAAA,CAAA;AAGN;"}

package/dist/features/circle-games/leaderboard/comps/progress-item/progress-item-styled.js

@@ -0,0 +1,32 @@
+import e from "styled-components";
+const i = e.div`
+  position: relative;
+  height: 100%;
+  display: flex;
+  flex: 1;
+  padding: 0;
+  align-items: center;
+`, d = e.div`
+  position: absolute;
+  left: 0;
+  height: 100%;
+  flex-grow: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: content-box;
+  border-color: ${({ theme: o }) => o.colors.BLACK_5};
+  border-right-width: ${({ value: o }) => o ? "1px" : "0px"};
+  border-left-width: 1px;
+  border-bottom-width: 0.5px;
+  border-top-width: 0.5px;
+  border-style: solid;
+  z-index: -1;
+  width: ${({ value: o }) => `${o}%`};
+  background-color: ${({ isActive: o, theme: t }) => o ? "#FF7E3B" : t.colors.BLACK_3};
+`;
+export {
+  d as Progress,
+  i as ProgressWrapper
+};
+//# sourceMappingURL=progress-item-styled.js.map

package/dist/features/circle-games/leaderboard/comps/progress-item/progress-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-item-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/progress-item/progress-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ninterface ProgressStyledProps {\n  value: number;\n  isActive?: boolean;\n}\n\nexport const ProgressWrapper = styled.div`\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex: 1;\n  padding: 0;\n  align-items: center;\n`;\n\nexport const Progress = styled.div<ProgressStyledProps>`\n  position: absolute;\n  left: 0;\n  height: 100%;\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: content-box;\n  border-color: ${({ theme }) => theme.colors.BLACK_5};\n  border-right-width: ${({ value }) => (value ? '1px' : '0px')};\n  border-left-width: 1px;\n  border-bottom-width: 0.5px;\n  border-top-width: 0.5px;\n  border-style: solid;\n  z-index: -1;\n  width: ${({ value }) => `${value}%`};\n  background-color: ${({ isActive, theme }) => (isActive ? '#FF7E3B' : theme.colors.BLACK_3)};\n`;\n"],"names":["ProgressWrapper","styled","Progress","theme","value","isActive"],"mappings":";AAOO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBC,IAAWD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBASb,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,wBAC7B,CAAC,EAAE,OAAAC,EAAA,MAAaA,IAAQ,QAAQ,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMnD,CAAC,EAAE,OAAAA,EAAY,MAAA,GAAGA,CAAK,GAAG;AAAA,sBACf,CAAC,EAAE,UAAAC,GAAU,OAAAF,QAAaE,IAAW,YAAYF,EAAM,OAAO,OAAQ;AAAA;"}

package/dist/features/circle-games/leaderboard/comps/progress-item/progress-item.js

@@ -0,0 +1,14 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { memo as l } from "react";
+import { ProgressWrapper as n, Progress as p } from "./progress-item-styled.js";
+const x = l((r) => {
+  const { maxValue: e, value: o, isActive: s, children: m = null } = r;
+  return /* @__PURE__ */ t(n, { children: [
+    /* @__PURE__ */ i(p, { value: o * 100 / e, isActive: s }),
+    m
+  ] });
+});
+export {
+  x as ProgressItem
+};
+//# sourceMappingURL=progress-item.js.map

package/dist/features/circle-games/leaderboard/comps/progress-item/progress-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-item.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/progress-item/progress-item.tsx"],"sourcesContent":["import type { ProgressItemProps } from './progress-item-types';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { memo } from 'react';\n\nimport * as Styled from './progress-item-styled';\n\nexport const ProgressItem: FC<PropsWithChildren<ProgressItemProps>> = memo(props => {\n  const { maxValue, value, isActive, children = null } = props;\n\n  return (\n    <Styled.ProgressWrapper>\n      <Styled.Progress value={(value * 100) / maxValue} isActive={isActive} />\n      {children}\n    </Styled.ProgressWrapper>\n  );\n});\n"],"names":["ProgressItem","memo","props","maxValue","value","isActive","children","jsxs","Styled.ProgressWrapper","jsx","Styled.Progress"],"mappings":";;;AAOa,MAAAA,IAAyDC,EAAK,CAASC,MAAA;AAClF,QAAM,EAAE,UAAAC,GAAU,OAAAC,GAAO,UAAAC,GAAU,UAAAC,IAAW,KAAS,IAAAJ;AAGrD,SAAA,gBAAAK,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAgB,OAAQN,IAAQ,MAAOD,GAAU,UAAAE,GAAoB;AAAA,IACrEC;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/circle-games/leaderboard/comps/progress-list-item/progress-list-item-styled.js

@@ -0,0 +1,60 @@
+import e from "styled-components";
+const n = e.div`
+  position: relative;
+  height: 56px;
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+  z-index: 1;
+  background: ${({ theme: t }) => t.colors.BLACK_1};
+  border-style: solid;
+  box-sizing: border-box;
+  border-color: ${({ theme: t }) => t.colors.BLACK_5};
+  border-top-width: 0.5px;
+`, o = e.div`
+  flex-shrink: 0;
+  height: 100%;
+  width: 72px;
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  padding-left: 15px;
+`, r = e.div`
+  position: relative;
+  height: 100%;
+  flex: 1;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`, l = e.div`
+  width: 100px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  padding-right: ${({ showPointSymbol: t }) => t ? "5px" : "16px"};
+`, s = e.div`
+  position: absolute;
+  transform: scale(1.5);
+  top: 18px;
+  left: -9px;
+  z-index: 2;
+`, d = e.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+`, a = e.div`
+  margin-left: 30px;
+`;
+export {
+  s as AvatarContainer,
+  r as DataContainer,
+  n as FlatListElement,
+  a as LeaderboardUsername,
+  o as RankContainer,
+  d as UserIdentity,
+  l as ValueContainer
+};
+//# sourceMappingURL=progress-list-item-styled.js.map

package/dist/features/circle-games/leaderboard/comps/progress-list-item/progress-list-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-list-item-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/progress-list-item/progress-list-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const FlatListElement = styled.div`\n  position: relative;\n  height: 56px;\n  display: flex;\n  flex-direction: row;\n  flex-shrink: 0;\n  z-index: 1;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-style: solid;\n  box-sizing: border-box;\n  border-color: ${({ theme }) => theme.colors.BLACK_5};\n  border-top-width: 0.5px;\n`;\n\nexport const RankContainer = styled.div`\n  flex-shrink: 0;\n  height: 100%;\n  width: 72px;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n  padding-left: 15px;\n`;\n\nexport const DataContainer = styled.div`\n  position: relative;\n  height: 100%;\n  flex: 1;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const ValueContainer = styled.div<{ showPointSymbol: boolean }>`\n  width: 100px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  padding-right: ${({ showPointSymbol }) => (showPointSymbol ? '5px' : '16px')};\n`;\n\nexport const AvatarContainer = styled.div`\n  position: absolute;\n  transform: scale(1.5);\n  top: 18px;\n  left: -9px;\n  z-index: 2;\n`;\n\nexport const UserIdentity = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n`;\n\nexport const LeaderboardUsername = styled.div`\n  margin-left: 30px;\n`;\n"],"names":["FlatListElement","styled","theme","RankContainer","DataContainer","ValueContainer","showPointSymbol","AvatarContainer","UserIdentity","LeaderboardUsername"],"mappings":";AAEO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,kBAGjC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAIxCC,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBG,IAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBI,IAAiBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMlB,CAAC,EAAE,iBAAAK,EAAA,MAAuBA,IAAkB,QAAQ,MAAO;AAAA,GAGjEC,IAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQzBO,IAAeP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtBQ,IAAsBR,EAAO;AAAA;AAAA;"}