@cuemath/leap 2.8.25-rj-8 → 2.8.25-rj-10

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

@@ -0,0 +1,12 @@
+import o from "styled-components";
+import e from "../../../../ui/layout/flex-view.js";
+const t = o(e)`
+  padding: ${({ paddingX: r, paddingY: p }) => `${p}px ${r}px`};
+  margin: ${({ marginX: r, marginY: p }) => `${p}px ${r}px`};
+  border-width: 1px;
+  border-style: solid;
+`;
+export {
+  t as InfoBarWrapper
+};
+//# sourceMappingURL=info-bar-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"info-bar-styled.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/info-bar/info-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport interface IInfoBarWrapperProps {\n  paddingX?: number;\n  paddingY?: number;\n  marginX?: number;\n  marginY?: number;\n}\n\nexport const InfoBarWrapper = styled(FlexView)<IInfoBarWrapperProps>`\n  padding: ${({ paddingX, paddingY }) => `${paddingY}px ${paddingX}px`};\n  margin: ${({ marginX, marginY }) => `${marginY}px ${marginX}px`};\n  border-width: 1px;\n  border-style: solid;\n`;\n"],"names":["InfoBarWrapper","styled","FlexView","paddingX","paddingY","marginX","marginY"],"mappings":";;AAWa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,aAChC,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe,GAAGA,CAAQ,MAAMD,CAAQ,IAAI;AAAA,YAC1D,CAAC,EAAE,SAAAE,GAAS,SAAAC,QAAc,GAAGA,CAAO,MAAMD,CAAO,IAAI;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/leaderboard/comps/info-bar/info-bar.js

@@ -0,0 +1,29 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import { InfoBarWrapper as d } from "./info-bar-styled.js";
+const l = (o) => ({ backgroundColor: `${o}_6`, borderColor: `${o}_4` }), f = ({
+  children: o,
+  hue: r,
+  marginX: n = 0,
+  marginY: t = 0,
+  paddingX: e = 0,
+  paddingY: m = 0
+}) => {
+  const { backgroundColor: c, borderColor: p } = b(() => l(r), [r]);
+  return /* @__PURE__ */ a(
+    d,
+    {
+      $background: c,
+      $borderColor: p,
+      marginX: n,
+      marginY: t,
+      paddingX: e,
+      paddingY: m,
+      children: o
+    }
+  );
+};
+export {
+  f as InfoBar
+};
+//# sourceMappingURL=info-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"info-bar.js","sources":["../../../../../../src/features/circle-games/leaderboard/comps/info-bar/info-bar.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../../../../ui/types';\nimport type { IInfoBarProps } from './info-bar-types';\n\nimport { useMemo } from 'react';\n\nimport * as Styled from './info-bar-styled';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_6`, borderColor: `${hue}_4` };\n};\n\nexport const InfoBar: React.FC<IInfoBarProps> = ({\n  children,\n  hue,\n  marginX = 0,\n  marginY = 0,\n  paddingX = 0,\n  paddingY = 0,\n}) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <Styled.InfoBarWrapper\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      marginX={marginX}\n      marginY={marginY}\n      paddingX={paddingX}\n      paddingY={paddingY}\n    >\n      {children}\n    </Styled.InfoBarWrapper>\n  );\n};\n"],"names":["computeColorsFromHue","hue","InfoBar","children","marginX","marginY","paddingX","paddingY","backgroundColor","borderColor","useMemo","jsx","Styled.InfoBarWrapper"],"mappings":";;;AAOA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAG9CC,IAAmC,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,KAAAF;AAAA,EACA,SAAAG,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAAM;AACE,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMV,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAaJ;AAAA,MACb,cAAcC;AAAA,MACd,SAAAL;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useState as T, useEffect as g } from "react";
-import { ILLUSTRATIONS as j } from "../../../assets/illustrations/illustrations.js";
-import { CircularLoader as v } from "../../ui/loader/circular-loader/circular-loader.js";
-import w from "../../ui/text/text.js";
-import { useCircleSounds as H } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { Banner as d } from "./comps/banner/banner.js";
-import { LeaderboardItemWithObserver as U } from "./comps/leaderboard-item/leaderboard-item.js";
-import { NavigationButton as q } from "./comps/navigation-button/navigation-button.js";
-import { Timer as z } from "./comps/timer/timer.js";
+import { useState as T, useEffect as d } from "react";
+import { ILLUSTRATIONS as v } from "../../../assets/illustrations/illustrations.js";
+import { CircularLoader as w } from "../../ui/loader/circular-loader/circular-loader.js";
+import H from "../../ui/text/text.js";
+import { useCircleSounds as U } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { Banner as u } from "./comps/banner/banner.js";
+import { LeaderboardItemWithObserver as q } from "./comps/leaderboard-item/leaderboard-item.js";
+import { NavigationButton as z } from "./comps/navigation-button/navigation-button.js";
+import { Timer as G } from "./comps/timer/timer.js";
 import { ELeaderboardType as t } from "./enums/leaderboard-type-enum.js";
-import { Leaderboard as G, LeaderboardContainer as J, BannerWrapper as Q, TournamentBannerCustContainer as V, TrophyWrapper as X, ItemsWrapper as Z, Banner as D, ActionButtonWrapper as ee } from "./leaderboard-styled.js";
-import { useTimer as re } from "./hooks/useTimer.js";
-const u = {
+import { Leaderboard as J, LeaderboardContainer as Q, BannerWrapper as V, TournamentBannerCustContainer as X, TrophyWrapper as Z, ItemsWrapper as D, Banner as ee, ActionButtonWrapper as re } from "./leaderboard-styled.js";
+import { useTimer as te } from "./hooks/useTimer.js";
+const E = {
   [t.ALL_TIME_STREAK]: () => import("../../../assets/lotties/circle/elite-circle-lottie.json.js"),
   [t.ALL_TIME]: () => import("../../../assets/lotties/circle/elite-circle-lottie.json.js"),
   [t.BI_WEEKLY]: () => import("../../../assets/lotties/circle/tournament-ripple-lottie.json.js")
-}, i = [
+}, s = [
   {
     name: "TOURNAMENT",
     type: t.BI_WEEKLY
@@ -28,119 +28,124 @@ const u = {
     name: "ALL TIME",
     type: t.ALL_TIME
   }
-], le = ({
+], Le = ({
   leaderboardData: m,
-  type: E = t.BI_WEEKLY,
+  type: l = t.BI_WEEKLY,
   userId: C,
-  onClose: P,
+  onClose: W,
   isLoading: p,
-  listHeaderElement: W
+  listHeaderElement: K,
+  onLeaderboardTypeChange: L
 }) => {
-  var f, y, A, S, _, x, B;
-  const [s, l] = T(
-    i.findIndex((r) => E === r.type)
-  ), [n, K] = T(((f = m == null ? void 0 : m[E]) == null ? void 0 : f.leaderboardPlayers) || []), [L, M] = T({
+  var A, S, _, x, B, R, P;
+  const [o, I] = T(
+    s.findIndex((r) => l === r.type)
+  ), [i, M] = T(((A = m == null ? void 0 : m[l]) == null ? void 0 : A.leaderboardPlayers) || []), [h, k] = T({
     current: 0,
     end: 0
-  }), [k, h] = re(0), [a, N] = T(!1), Y = (y = n == null ? void 0 : n[0]) == null ? void 0 : y.points, F = ((A = n == null ? void 0 : n[0]) == null ? void 0 : A.streakDays) || 0, { playButtonSound: I } = H(), O = () => {
-    I(), l((r) => r - 1 < 0 ? i.length - 1 : r - 1);
-  }, $ = () => {
-    I(), l((r) => r + 1 === i.length ? 0 : r + 1);
+  }), [N, f] = te(0), [a, Y] = T(!1), F = (S = i == null ? void 0 : i[0]) == null ? void 0 : S.points, O = ((_ = i == null ? void 0 : i[0]) == null ? void 0 : _.streakDays) || 0, { playButtonSound: y } = U(), $ = () => {
+    y(), I((r) => r - 1 < 0 ? s.length - 1 : r - 1);
+  }, j = () => {
+    y(), I((r) => r + 1 === s.length ? 0 : r + 1);
   };
-  return g(() => {
-    h(0);
-  }, [h]), g(() => {
-    var R;
-    const r = (R = i[s]) == null ? void 0 : R.type, o = r && (m == null ? void 0 : m[r]);
-    if (o) {
-      const b = o.leaderboardPlayers || [];
-      r === t.BI_WEEKLY && (M({
-        current: o.currentTimestamp,
-        end: o.endTimestamp
-      }), o.currentTimestamp > o.endTimestamp && (b.splice(10), N(!0))), K([...b]);
+  return d(() => {
+    f(0);
+  }, [f]), d(() => {
+    var b;
+    const r = (b = s[o]) == null ? void 0 : b.type, n = r && (m == null ? void 0 : m[r]);
+    if (n) {
+      const g = n.leaderboardPlayers || [];
+      r === t.BI_WEEKLY && (k({
+        current: n.currentTimestamp,
+        end: n.endTimestamp
+      }), n.currentTimestamp > n.endTimestamp && (g.splice(10), Y(!0))), M([...g]);
     }
-  }, [s, m]), /* @__PURE__ */ e(G, { children: /* @__PURE__ */ c(J, { children: [
-    /* @__PURE__ */ c(Q, { children: [
-      ((S = i[s]) == null ? void 0 : S.type) === t.BI_WEEKLY && /* @__PURE__ */ e(
-        d,
+  }, [o, m]), d(() => {
+    var n;
+    const r = (n = s[o]) == null ? void 0 : n.type;
+    r && L(r);
+  }, [o, L]), /* @__PURE__ */ e(J, { children: /* @__PURE__ */ c(Q, { children: [
+    /* @__PURE__ */ c(V, { children: [
+      ((x = s[o]) == null ? void 0 : x.type) === t.BI_WEEKLY && /* @__PURE__ */ e(
+        u,
         {
-          isLoading: p || n.length === 0,
+          isLoading: p || i.length === 0,
           bgFromTopPosition: -120,
           bgFromRightPosition: -110,
           primaryText: a ? /* @__PURE__ */ e("span", { children: "New Tournament" }) : /* @__PURE__ */ e("span", { children: "Tournament" }),
           secondaryText: a ? /* @__PURE__ */ e("span", { children: "Starts Soon" }) : /* @__PURE__ */ c("span", { children: [
             " ",
             /* @__PURE__ */ e(
-              z,
+              G,
               {
-                fromTimestamp: k + L.current,
-                endTimestamp: L.end
+                fromTimestamp: N + h.current,
+                endTimestamp: h.end
               }
             ),
             " ",
             "left"
           ] }),
-          lottiePromise: u[t.BI_WEEKLY],
-          custEle: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("img", { src: j.TROPHY_CIRCLE }) }) })
+          lottiePromise: E[t.BI_WEEKLY],
+          custEle: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e("img", { src: v.TROPHY_CIRCLE }) }) })
         }
       ),
-      ((_ = i[s]) == null ? void 0 : _.type) === t.ALL_TIME_STREAK && /* @__PURE__ */ e(
-        d,
+      ((B = s[o]) == null ? void 0 : B.type) === t.ALL_TIME_STREAK && /* @__PURE__ */ e(
+        u,
         {
           isLoading: p,
           bgFromTopPosition: -140,
           bgFromRightPosition: -90,
           primaryText: /* @__PURE__ */ e("span", { children: "Streak Stars" }),
           secondaryText: /* @__PURE__ */ e("span", { children: "Top 50" }),
-          lottiePromise: u[t.ALL_TIME_STREAK]
+          lottiePromise: E[t.ALL_TIME_STREAK]
         }
       ),
-      ((x = i[s]) == null ? void 0 : x.type) === t.ALL_TIME && /* @__PURE__ */ e(
-        d,
+      ((R = s[o]) == null ? void 0 : R.type) === t.ALL_TIME && /* @__PURE__ */ e(
+        u,
         {
           isLoading: p,
           bgFromTopPosition: -140,
           bgFromRightPosition: -90,
           primaryText: /* @__PURE__ */ e("span", { children: "Elite Circle" }),
           secondaryText: /* @__PURE__ */ e("span", { children: "Top 50" }),
-          lottiePromise: u[t.ALL_TIME]
+          lottiePromise: E[t.ALL_TIME]
         }
       )
     ] }),
-    p && /* @__PURE__ */ e(v, {}),
-    !p && n && /* @__PURE__ */ c(Z, { topInset: 0, children: [
-      W,
-      a && ((B = i[s]) == null ? void 0 : B.type) === t.BI_WEEKLY && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(w, { $renderAs: "ab3", $color: "WHITE", children: "Congratulating winners of the last tournament!" }) }),
-      n.map((r) => {
-        var o;
+    p && /* @__PURE__ */ e(w, {}),
+    !p && i && /* @__PURE__ */ c(D, { topInset: 0, children: [
+      K,
+      a && ((P = s[o]) == null ? void 0 : P.type) === t.BI_WEEKLY && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(H, { $renderAs: "ab3", $color: "WHITE", children: "Congratulating winners of the last tournament!" }) }),
+      i.map((r) => {
+        var n;
         return /* @__PURE__ */ e(
-          U,
+          q,
           {
             player: r,
             rank: r.rank,
-            maxStreakDays: F,
-            maxPoints: Y,
-            leaderboardType: (o = i[s]) == null ? void 0 : o.type,
+            maxStreakDays: O,
+            maxPoints: F,
+            leaderboardType: (n = s[o]) == null ? void 0 : n.type,
             isActive: r.userId === C
           },
           r.rank
         );
       })
     ] }),
-    /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
-      q,
+    /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(
+      z,
       {
         labels: Object.values(t),
-        onLeftClick: O,
-        onRightClick: $,
-        currIndex: s,
-        onClose: P,
-        disableSwipe: p || n.length === 0
+        onLeftClick: $,
+        onRightClick: j,
+        currIndex: o,
+        onClose: W,
+        disableSwipe: p || i.length === 0
       }
     ) })
   ] }) });
 };
 export {
-  le as Leaderboard
+  Le as Leaderboard
 };
 //# sourceMappingURL=leaderboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"leaderboard.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardProps } from './leaderboard-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport Text from '../../ui/text/text';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Banner } from './comps/banner/banner';\nimport { LeaderboardItemWithObserver } from './comps/leaderboard-item/leaderboard-item';\nimport { NavigationButton } from './comps/navigation-button/navigation-button';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks';\nimport * as Styled from './leaderboard-styled';\n\n// lazy load banner lotties\nconst BANNER_LOTTIES: Record<ELeaderboardType, () => Promise<Record<string, unknown>>> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.ALL_TIME]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.BI_WEEKLY]: () =>\n    import('../../../assets/lotties/circle/tournament-ripple-lottie.json'),\n};\n\nconst leaderboards = [\n  {\n    name: 'TOURNAMENT',\n    type: ELeaderboardType.BI_WEEKLY,\n  },\n  {\n    name: 'STREAK STARS',\n    type: ELeaderboardType.ALL_TIME_STREAK,\n  },\n  {\n    name: 'ALL TIME',\n    type: ELeaderboardType.ALL_TIME,\n  },\n];\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  listHeaderElement,\n}: ILeaderboardProps) => {\n  const [currentLeaderBoardIndex, setCurrentLeaderboardIndex] = useState(\n    leaderboards.findIndex(leaderboard => type === leaderboard.type),\n  );\n\n  const [currLeaderboardData, setCurrLeaderboardData] = useState<\n    (ILeaderboardPlayerWithPoints | ILeaderboardPlayerWithStreak)[] | []\n  >(leaderboardData?.[type]?.leaderboardPlayers || []);\n\n  const [currLeaderboardTimeStamps, setCurrLeaderboardTimeStamps] = useState<{\n    current: number;\n    end: number;\n  }>({\n    current: 0,\n    end: 0,\n  });\n\n  const [time, setTimer] = useTimer(0);\n  const [isTournamentEnded, setIsTournamentEnded] = useState(false);\n  const maxPoints = (currLeaderboardData?.[0] as ILeaderboardPlayerWithPoints)?.points;\n  const maxStreakDays = (currLeaderboardData?.[0] as ILeaderboardPlayerWithStreak)?.streakDays || 0;\n  const { playButtonSound } = useCircleSounds();\n\n  const handlePrevious = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev - 1 < 0) {\n        return leaderboards.length - 1;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const handleNext = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev + 1 === leaderboards.length) {\n        return 0;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  useEffect(() => {\n    setTimer(0);\n  }, [setTimer]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n    const currLeaderboard = currType && leaderboardData?.[currType];\n\n    if (currLeaderboard) {\n      const leaderboardList = currLeaderboard.leaderboardPlayers || [];\n\n      if (currType === ELeaderboardType.BI_WEEKLY) {\n        setCurrLeaderboardTimeStamps({\n          current: currLeaderboard.currentTimestamp,\n          end: currLeaderboard.endTimestamp,\n        });\n\n        if (currLeaderboard.currentTimestamp > currLeaderboard.endTimestamp) {\n          leaderboardList.splice(10);\n          setIsTournamentEnded(true);\n        }\n      }\n\n      setCurrLeaderboardData([...leaderboardList]);\n    }\n  }, [currentLeaderBoardIndex, leaderboardData]);\n\n  return (\n    <Styled.Leaderboard>\n      <Styled.LeaderboardContainer>\n        <Styled.BannerWrapper>\n          {/* tournament banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n            <Banner\n              isLoading={isLoading || currLeaderboardData.length === 0}\n              bgFromTopPosition={-120}\n              bgFromRightPosition={-110}\n              primaryText={\n                isTournamentEnded ? <span>New Tournament</span> : <span>Tournament</span>\n              }\n              secondaryText={\n                isTournamentEnded ? (\n                  <span>Starts Soon</span>\n                ) : (\n                  <span>\n                    {' '}\n                    <Timer\n                      fromTimestamp={(time as number) + currLeaderboardTimeStamps.current}\n                      endTimestamp={currLeaderboardTimeStamps.end}\n                    />{' '}\n                    {'left'}\n                  </span>\n                )\n              }\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.BI_WEEKLY]}\n              custEle={\n                <Styled.TournamentBannerCustContainer>\n                  <Styled.TrophyWrapper>\n                    <img src={ILLUSTRATIONS.TROPHY_CIRCLE} />\n                  </Styled.TrophyWrapper>\n                </Styled.TournamentBannerCustContainer>\n              }\n            />\n          )}\n\n          {/* top streak banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Streak Stars</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME_STREAK]}\n            />\n          )}\n\n          {/* elite circle banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Elite Circle</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper topInset={0}>\n            {listHeaderElement}\n            {isTournamentEnded &&\n              leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n                <Styled.Banner>\n                  <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                    Congratulating winners of the last tournament!\n                  </Text>\n                </Styled.Banner>\n              )}\n            {currLeaderboardData.map(player => {\n              return (\n                <LeaderboardItemWithObserver\n                  key={player.rank}\n                  player={player}\n                  rank={player.rank}\n                  maxStreakDays={maxStreakDays}\n                  maxPoints={maxPoints}\n                  leaderboardType={leaderboards[currentLeaderBoardIndex]?.type}\n                  isActive={player.userId === userId}\n                />\n              );\n            })}\n          </Styled.ItemsWrapper>\n        )}\n\n        <Styled.ActionButtonWrapper>\n          <NavigationButton\n            labels={Object.values(ELeaderboardType)}\n            onLeftClick={handlePrevious}\n            onRightClick={handleNext}\n            currIndex={currentLeaderBoardIndex}\n            onClose={onClose}\n            disableSwipe={isLoading || currLeaderboardData.length === 0}\n          />\n        </Styled.ActionButtonWrapper>\n      </Styled.LeaderboardContainer>\n    </Styled.Leaderboard>\n  );\n};\n"],"names":["BANNER_LOTTIES","ELeaderboardType","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","listHeaderElement","currentLeaderBoardIndex","setCurrentLeaderboardIndex","useState","leaderboard","currLeaderboardData","setCurrLeaderboardData","_a","currLeaderboardTimeStamps","setCurrLeaderboardTimeStamps","time","setTimer","useTimer","isTournamentEnded","setIsTournamentEnded","maxPoints","_b","maxStreakDays","_c","playButtonSound","useCircleSounds","handlePrevious","prev","handleNext","useEffect","currType","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":"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"}
+{"version":3,"file":"leaderboard.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardProps } from './leaderboard-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport Text from '../../ui/text/text';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Banner } from './comps/banner/banner';\nimport { LeaderboardItemWithObserver } from './comps/leaderboard-item/leaderboard-item';\nimport { NavigationButton } from './comps/navigation-button/navigation-button';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks';\nimport * as Styled from './leaderboard-styled';\n\n// lazy load banner lotties\nconst BANNER_LOTTIES: Record<ELeaderboardType, () => Promise<Record<string, unknown>>> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.ALL_TIME]: () =>\n    import('../../../assets/lotties/circle/elite-circle-lottie.json'),\n  [ELeaderboardType.BI_WEEKLY]: () =>\n    import('../../../assets/lotties/circle/tournament-ripple-lottie.json'),\n};\n\nconst leaderboards = [\n  {\n    name: 'TOURNAMENT',\n    type: ELeaderboardType.BI_WEEKLY,\n  },\n  {\n    name: 'STREAK STARS',\n    type: ELeaderboardType.ALL_TIME_STREAK,\n  },\n  {\n    name: 'ALL TIME',\n    type: ELeaderboardType.ALL_TIME,\n  },\n];\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  listHeaderElement,\n  onLeaderboardTypeChange,\n}: ILeaderboardProps) => {\n  const [currentLeaderBoardIndex, setCurrentLeaderboardIndex] = useState(\n    leaderboards.findIndex(leaderboard => type === leaderboard.type),\n  );\n\n  const [currLeaderboardData, setCurrLeaderboardData] = useState<\n    (ILeaderboardPlayerWithPoints | ILeaderboardPlayerWithStreak)[] | []\n  >(leaderboardData?.[type]?.leaderboardPlayers || []);\n\n  const [currLeaderboardTimeStamps, setCurrLeaderboardTimeStamps] = useState<{\n    current: number;\n    end: number;\n  }>({\n    current: 0,\n    end: 0,\n  });\n\n  const [time, setTimer] = useTimer(0);\n  const [isTournamentEnded, setIsTournamentEnded] = useState(false);\n  const maxPoints = (currLeaderboardData?.[0] as ILeaderboardPlayerWithPoints)?.points;\n  const maxStreakDays = (currLeaderboardData?.[0] as ILeaderboardPlayerWithStreak)?.streakDays || 0;\n  const { playButtonSound } = useCircleSounds();\n\n  const handlePrevious = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev - 1 < 0) {\n        return leaderboards.length - 1;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const handleNext = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev + 1 === leaderboards.length) {\n        return 0;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  useEffect(() => {\n    setTimer(0);\n  }, [setTimer]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n    const currLeaderboard = currType && leaderboardData?.[currType];\n\n    if (currLeaderboard) {\n      const leaderboardList = currLeaderboard.leaderboardPlayers || [];\n\n      if (currType === ELeaderboardType.BI_WEEKLY) {\n        setCurrLeaderboardTimeStamps({\n          current: currLeaderboard.currentTimestamp,\n          end: currLeaderboard.endTimestamp,\n        });\n\n        if (currLeaderboard.currentTimestamp > currLeaderboard.endTimestamp) {\n          leaderboardList.splice(10);\n          setIsTournamentEnded(true);\n        }\n      }\n\n      setCurrLeaderboardData([...leaderboardList]);\n    }\n  }, [currentLeaderBoardIndex, leaderboardData]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n\n    if (currType) {\n      onLeaderboardTypeChange(currType);\n    }\n  }, [currentLeaderBoardIndex, onLeaderboardTypeChange]);\n\n  return (\n    <Styled.Leaderboard>\n      <Styled.LeaderboardContainer>\n        <Styled.BannerWrapper>\n          {/* tournament banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n            <Banner\n              isLoading={isLoading || currLeaderboardData.length === 0}\n              bgFromTopPosition={-120}\n              bgFromRightPosition={-110}\n              primaryText={\n                isTournamentEnded ? <span>New Tournament</span> : <span>Tournament</span>\n              }\n              secondaryText={\n                isTournamentEnded ? (\n                  <span>Starts Soon</span>\n                ) : (\n                  <span>\n                    {' '}\n                    <Timer\n                      fromTimestamp={(time as number) + currLeaderboardTimeStamps.current}\n                      endTimestamp={currLeaderboardTimeStamps.end}\n                    />{' '}\n                    {'left'}\n                  </span>\n                )\n              }\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.BI_WEEKLY]}\n              custEle={\n                <Styled.TournamentBannerCustContainer>\n                  <Styled.TrophyWrapper>\n                    <img src={ILLUSTRATIONS.TROPHY_CIRCLE} />\n                  </Styled.TrophyWrapper>\n                </Styled.TournamentBannerCustContainer>\n              }\n            />\n          )}\n\n          {/* top streak banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Streak Stars</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME_STREAK]}\n            />\n          )}\n\n          {/* elite circle banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Elite Circle</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePromise={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper topInset={0}>\n            {listHeaderElement}\n            {isTournamentEnded &&\n              leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n                <Styled.Banner>\n                  <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                    Congratulating winners of the last tournament!\n                  </Text>\n                </Styled.Banner>\n              )}\n            {currLeaderboardData.map(player => {\n              return (\n                <LeaderboardItemWithObserver\n                  key={player.rank}\n                  player={player}\n                  rank={player.rank}\n                  maxStreakDays={maxStreakDays}\n                  maxPoints={maxPoints}\n                  leaderboardType={leaderboards[currentLeaderBoardIndex]?.type}\n                  isActive={player.userId === userId}\n                />\n              );\n            })}\n          </Styled.ItemsWrapper>\n        )}\n\n        <Styled.ActionButtonWrapper>\n          <NavigationButton\n            labels={Object.values(ELeaderboardType)}\n            onLeftClick={handlePrevious}\n            onRightClick={handleNext}\n            currIndex={currentLeaderBoardIndex}\n            onClose={onClose}\n            disableSwipe={isLoading || currLeaderboardData.length === 0}\n          />\n        </Styled.ActionButtonWrapper>\n      </Styled.LeaderboardContainer>\n    </Styled.Leaderboard>\n  );\n};\n"],"names":["BANNER_LOTTIES","ELeaderboardType","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","listHeaderElement","onLeaderboardTypeChange","currentLeaderBoardIndex","setCurrentLeaderboardIndex","useState","leaderboard","currLeaderboardData","setCurrLeaderboardData","_a","currLeaderboardTimeStamps","setCurrLeaderboardTimeStamps","time","setTimer","useTimer","isTournamentEnded","setIsTournamentEnded","maxPoints","_b","maxStreakDays","_c","playButtonSound","useCircleSounds","handlePrevious","prev","handleNext","useEffect","currType","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":"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"}

package/dist/index.d.ts

@@ -1207,6 +1207,18 @@ declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape'
     customBgColor?: TColorNames;
 }
 
+declare interface IInfoBarProps extends IInfoBarWrapperProps {
+    hue: THueNames;
+    children: React.ReactNode;
+}
+
+declare interface IInfoBarWrapperProps {
+    paddingX?: number;
+    paddingY?: number;
+    marginX?: number;
+    marginY?: number;
+}
+
 export declare interface IInfoMessage {
     message: string;
     position: 'top' | 'bottom';
@@ -1351,6 +1363,7 @@ declare interface ILeaderboardProps {
     onClose: () => void;
     isLoading: boolean;
     listHeaderElement: ReactNode;
+    onLeaderboardTypeChange: (type: ELeaderboardType) => void;
 }
 
 declare interface ILearningSheetData {
@@ -1979,6 +1992,8 @@ export declare enum IndicatorType {
 
 export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
+export declare const InfoBar: React.FC<IInfoBarProps>;
+
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare interface INudgeProps {
@@ -3257,7 +3272,7 @@ export declare const JourneyProvider: FC<{
     children: ReactNode;
 }>;
 
-export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, listHeaderElement, }: ILeaderboardProps) => JSX_2.Element;
+export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, listHeaderElement, onLeaderboardTypeChange, }: ILeaderboardProps) => JSX_2.Element;
 
 export declare const LearnosityPreloader: FC<PropsWithChildren<ILearnosityPreloaderProps>>;
 

package/dist/index.js

@@ -141,91 +141,92 @@ import { default as na } from "./features/chapters/lpar-milestone-chapter/lpar-m
 import { default as Ia } from "./features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-summary/sat-sheet-summary.js";
 import { checkIfPPTNodeType as Ta } from "./features/chapters/lpar-chapter/utils/index.js";
 import { GAME_LAUNCHER_ASSET_PADDING as Sa, GAME_LAUNCHER_SIZE as Ca } from "./features/circle-games/game-launcher/comps/segmented-game-card/constants.js";
-import { useGetLeaderboardDal as Pa } from "./features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js";
-import { ELeaderboardType as ha } from "./features/circle-games/leaderboard/enums/leaderboard-type-enum.js";
-import { useCircleSounds as ka } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as Na } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { Tutorial as Oa } from "./features/circle-games/games/tutorial/tutorial.js";
-import { WebView as Da } from "./features/circle-games/games/web-view/web-view.js";
-import { GameId as ya, LessonId as Ba, MiniGameId as ga, ProjectId as ba, PuzzleId as Ua } from "./features/circle-games/games/web-view/enums/project-ids-enum.js";
-import { ProjectOutcome as Wa } from "./features/circle-games/games/web-view/enums/project-outcomes-enum.js";
-import { WebViewEvent as wa } from "./features/circle-games/games/web-view/enums/web-view-events-enum.js";
-import { ProjectType as Ya } from "./features/circle-games/games/web-view/enums/project-type-enum.js";
-import { PlayerType as Fa } from "./features/circle-games/games/web-view/enums/player-type-enum.js";
-import { IStatsToAwardErrorCode as ja } from "./features/circle-games/games/web-view/web-view-types.js";
-import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as Za } from "./features/circle-games/enum/circle-onboarding-steps.js";
-import { CIRCLE_ACTION_IDS as Xa } from "./features/circle-games/enum/circle-action-ids.js";
-import { GameLauncher as ef } from "./features/circle-games/game-launcher/game-launcher.js";
-import { useGetCircleHomeDetailsDal as rf } from "./features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js";
-import { usePostUpdateCircleJourneyDal as af } from "./features/circle-games/game-launcher/dal/use-post-update-circle-journey-dal/use-post-update-circle-journey-dal.js";
-import { Leaderboard as sf } from "./features/circle-games/leaderboard/leaderboard.js";
-import { BackgroundImage as pf, CircularSteps as mf } from "./features/circle-games/sign-up/comp/circular-steps/circular-steps.js";
-import { SplashScreen as df } from "./features/circle-games/sign-up/comp/splash-screen/splash-screen.js";
-import { SignUp as nf } from "./features/circle-games/sign-up/sign-up.js";
-import { default as If } from "./features/cue-canvas/cue-canvas-provider.js";
-import { default as Ef } from "./features/cue-canvas/toolbar/toolbar.js";
-import { default as Cf } from "./features/cue-canvas/cue-canvas.js";
-import { default as Pf } from "./features/cue-canvas/hooks/use-canvas-sync-broker.js";
-import { default as hf } from "./features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
-import { default as kf } from "./features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
-import { EVENTS as Nf } from "./features/communication/pub-sub/constants.js";
-import { useInClassActionDispatcher as Of, useInClassActionListener as Rf } from "./features/communication/pub-sub/hooks.js";
-import { default as Gf } from "./features/trial-session/trial-session.js";
-import { EClassTimeAlertLevel as Bf } from "./features/trial-session/trial-session-types.js";
-import { useClassTimeAlerts as bf } from "./features/trial-session/hooks/use-class-time-alerts.js";
-import { default as vf } from "./features/extra-practice/extra-practice.js";
-import { useAutoPlayPermission as Vf } from "./features/hooks/use-auto-play-permission/use-auto-play-permission.js";
-import { JOURNEY_ID_STUDENT as Qf } from "./features/journey/journey-id/journey-id-student.js";
-import { useJourney as Kf } from "./features/journey/use-journey/use-journey.js";
-import { JourneyProvider as Jf } from "./features/journey/use-journey/journey-context-provider.js";
-import { IndicatorType as zf } from "./features/journey/use-journey/constants.js";
-import { Coachmark as qf } from "./features/journey/comps/coachmark/coachmark.js";
-import { default as $f } from "./features/milestone/create/submit-modal/submit-modal.js";
-import { default as os } from "./features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.js";
-import { default as ts } from "./features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.js";
-import { default as fs } from "./features/milestone/create/milestone-create-container.js";
-import { default as ls } from "./features/milestone/edit/goal-drafts/goal-draft-edit-container.js";
-import { default as ms } from "./features/milestone/outcome/milestone-outcome-container.js";
-import { default as ds } from "./features/milestone/outcome/comps/achievement/reason-submit-modal.js";
-import { default as ns } from "./features/milestone/outcome/comps/achievement/share-instructions-modal.js";
-import { default as Is } from "./features/milestone/edit/comps/edit-milestone-modal/index.js";
-import { default as Ts } from "./features/milestone/edit/goal-edit-container.js";
-import { default as Ss } from "./features/milestone/edit/milestone-edit-container.js";
-import { default as As } from "./features/milestone/milestone-list-container/milestone-list-container.js";
-import { default as _s } from "./features/milestone/milestone-action-widget/milestone-action-widget.js";
-import { default as Ls } from "./features/milestone/start/milestone-start.js";
-import { default as Ms } from "./features/milestone/milestone-tests/tests-creation/tests-creation.js";
-import { ACHIEVEMENT_ACTIONS as Hs, STAGES as Os } from "./features/milestone/outcome/milestone-outcome-constants.js";
-import { invalidateMilestonesData as Ds, useGetAllMilestonesdata as Gs } from "./features/milestone/milestone-list-container/api/get-milestones.js";
-import { invalidateTestHelpData as Bs, useGetTestHelpData as gs } from "./features/milestone/milestone-list-container/api/get-tests-list.js";
-import { invalidateMilestoneResources as Us, useGetMilestoneResources as vs } from "./features/milestone/milestone-list-container/api/get-milestone-resources.js";
-import { default as Vs } from "./features/pointer-sync/pointer.js";
-import { default as Qs } from "./features/pointer-sync/hooks/use-pointer-sync.js";
-import { PostGameStats as Ks } from "./features/post-game-stats/post-game-stats.js";
-import { EPostGameStat as Js } from "./features/post-game-stats/enums/post-game-stats-enum.js";
-import { default as zs } from "./features/sheet-tools/desmos-calculator/desmos-calculator.js";
-import { default as qs } from "./features/sheet-tools/tool-header/tool-header.js";
-import { default as $s } from "./features/sheets/sheets-list/sheets-list.js";
-import { default as ol } from "./features/sheets/reference-sheet/reference-sheet.js";
-import { isV3Worksheet as tl, isV3WorksheetAttempt as al } from "./features/sheets/utils/is-v3-worksheet.js";
-import { COMPLETED_SHEET_STATE as sl, NODE_LABELS as ll, NODE_SUB_GROUP as pl, NODE_TYPE as ml, PYTHON_NODE_TYPES as ul, REWARDS_LIST as dl, SHEET_ACTIONS as xl, SHEET_ATTEMPT_LOCATION as nl, SHEET_ATTEMPT_LOCATION_MAP as cl, SHEET_ATTEMPT_STATE as Il, SHEET_DATA_TYPE as il, SHEET_STATE as Tl } from "./features/sheets/constants/sheet.js";
-import { default as Sl } from "./features/student-details/student-details.js";
-import { default as Al } from "./features/utils/load-script.js";
-import { ACTION_BAR_HEIGHT as _l, QUESTIONS_GAP as hl, QUESTION_WIDTH as Ll, TOP_NAVIGATION_HEIGHT as kl } from "./features/worksheet/worksheet/constants.js";
-import { isOkayTypeQuestion as Nl } from "./features/worksheet/worksheet/worksheet-helpers.js";
-import { default as Ol } from "./features/worksheet/worksheet/worksheet-container.js";
-import { default as Dl } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
-import { default as yl } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
-import { default as gl } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
-import { default as Ul } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
-import { default as Wl } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
-import { default as wl } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
-import { default as Yl } from "./features/maintenance/maintenance.js";
+import { InfoBar as Pa } from "./features/circle-games/leaderboard/comps/info-bar/info-bar.js";
+import { useGetLeaderboardDal as ha } from "./features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js";
+import { ELeaderboardType as ka } from "./features/circle-games/leaderboard/enums/leaderboard-type-enum.js";
+import { useCircleSounds as Na } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as Oa } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { Tutorial as Da } from "./features/circle-games/games/tutorial/tutorial.js";
+import { WebView as ya } from "./features/circle-games/games/web-view/web-view.js";
+import { GameId as ga, LessonId as ba, MiniGameId as Ua, ProjectId as va, PuzzleId as Wa } from "./features/circle-games/games/web-view/enums/project-ids-enum.js";
+import { ProjectOutcome as wa } from "./features/circle-games/games/web-view/enums/project-outcomes-enum.js";
+import { WebViewEvent as Ya } from "./features/circle-games/games/web-view/enums/web-view-events-enum.js";
+import { ProjectType as Fa } from "./features/circle-games/games/web-view/enums/project-type-enum.js";
+import { PlayerType as ja } from "./features/circle-games/games/web-view/enums/player-type-enum.js";
+import { IStatsToAwardErrorCode as Za } from "./features/circle-games/games/web-view/web-view-types.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as Xa } from "./features/circle-games/enum/circle-onboarding-steps.js";
+import { CIRCLE_ACTION_IDS as ef } from "./features/circle-games/enum/circle-action-ids.js";
+import { GameLauncher as rf } from "./features/circle-games/game-launcher/game-launcher.js";
+import { useGetCircleHomeDetailsDal as af } from "./features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js";
+import { usePostUpdateCircleJourneyDal as sf } from "./features/circle-games/game-launcher/dal/use-post-update-circle-journey-dal/use-post-update-circle-journey-dal.js";
+import { Leaderboard as pf } from "./features/circle-games/leaderboard/leaderboard.js";
+import { BackgroundImage as uf, CircularSteps as df } from "./features/circle-games/sign-up/comp/circular-steps/circular-steps.js";
+import { SplashScreen as nf } from "./features/circle-games/sign-up/comp/splash-screen/splash-screen.js";
+import { SignUp as If } from "./features/circle-games/sign-up/sign-up.js";
+import { default as Ef } from "./features/cue-canvas/cue-canvas-provider.js";
+import { default as Cf } from "./features/cue-canvas/toolbar/toolbar.js";
+import { default as Pf } from "./features/cue-canvas/cue-canvas.js";
+import { default as hf } from "./features/cue-canvas/hooks/use-canvas-sync-broker.js";
+import { default as kf } from "./features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+import { default as Nf } from "./features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
+import { EVENTS as Of } from "./features/communication/pub-sub/constants.js";
+import { useInClassActionDispatcher as Df, useInClassActionListener as Gf } from "./features/communication/pub-sub/hooks.js";
+import { default as Bf } from "./features/trial-session/trial-session.js";
+import { EClassTimeAlertLevel as bf } from "./features/trial-session/trial-session-types.js";
+import { useClassTimeAlerts as vf } from "./features/trial-session/hooks/use-class-time-alerts.js";
+import { default as Vf } from "./features/extra-practice/extra-practice.js";
+import { useAutoPlayPermission as Qf } from "./features/hooks/use-auto-play-permission/use-auto-play-permission.js";
+import { JOURNEY_ID_STUDENT as Kf } from "./features/journey/journey-id/journey-id-student.js";
+import { useJourney as Jf } from "./features/journey/use-journey/use-journey.js";
+import { JourneyProvider as zf } from "./features/journey/use-journey/journey-context-provider.js";
+import { IndicatorType as qf } from "./features/journey/use-journey/constants.js";
+import { Coachmark as $f } from "./features/journey/comps/coachmark/coachmark.js";
+import { default as os } from "./features/milestone/create/submit-modal/submit-modal.js";
+import { default as ts } from "./features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.js";
+import { default as fs } from "./features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.js";
+import { default as ls } from "./features/milestone/create/milestone-create-container.js";
+import { default as ms } from "./features/milestone/edit/goal-drafts/goal-draft-edit-container.js";
+import { default as ds } from "./features/milestone/outcome/milestone-outcome-container.js";
+import { default as ns } from "./features/milestone/outcome/comps/achievement/reason-submit-modal.js";
+import { default as Is } from "./features/milestone/outcome/comps/achievement/share-instructions-modal.js";
+import { default as Ts } from "./features/milestone/edit/comps/edit-milestone-modal/index.js";
+import { default as Ss } from "./features/milestone/edit/goal-edit-container.js";
+import { default as As } from "./features/milestone/edit/milestone-edit-container.js";
+import { default as _s } from "./features/milestone/milestone-list-container/milestone-list-container.js";
+import { default as Ls } from "./features/milestone/milestone-action-widget/milestone-action-widget.js";
+import { default as Ms } from "./features/milestone/start/milestone-start.js";
+import { default as Hs } from "./features/milestone/milestone-tests/tests-creation/tests-creation.js";
+import { ACHIEVEMENT_ACTIONS as Rs, STAGES as Ds } from "./features/milestone/outcome/milestone-outcome-constants.js";
+import { invalidateMilestonesData as ys, useGetAllMilestonesdata as Bs } from "./features/milestone/milestone-list-container/api/get-milestones.js";
+import { invalidateTestHelpData as bs, useGetTestHelpData as Us } from "./features/milestone/milestone-list-container/api/get-tests-list.js";
+import { invalidateMilestoneResources as Ws, useGetMilestoneResources as Vs } from "./features/milestone/milestone-list-container/api/get-milestone-resources.js";
+import { default as Qs } from "./features/pointer-sync/pointer.js";
+import { default as Ks } from "./features/pointer-sync/hooks/use-pointer-sync.js";
+import { PostGameStats as Js } from "./features/post-game-stats/post-game-stats.js";
+import { EPostGameStat as zs } from "./features/post-game-stats/enums/post-game-stats-enum.js";
+import { default as qs } from "./features/sheet-tools/desmos-calculator/desmos-calculator.js";
+import { default as $s } from "./features/sheet-tools/tool-header/tool-header.js";
+import { default as ol } from "./features/sheets/sheets-list/sheets-list.js";
+import { default as tl } from "./features/sheets/reference-sheet/reference-sheet.js";
+import { isV3Worksheet as fl, isV3WorksheetAttempt as sl } from "./features/sheets/utils/is-v3-worksheet.js";
+import { COMPLETED_SHEET_STATE as pl, NODE_LABELS as ml, NODE_SUB_GROUP as ul, NODE_TYPE as dl, PYTHON_NODE_TYPES as xl, REWARDS_LIST as nl, SHEET_ACTIONS as cl, SHEET_ATTEMPT_LOCATION as Il, SHEET_ATTEMPT_LOCATION_MAP as il, SHEET_ATTEMPT_STATE as Tl, SHEET_DATA_TYPE as El, SHEET_STATE as Sl } from "./features/sheets/constants/sheet.js";
+import { default as Al } from "./features/student-details/student-details.js";
+import { default as _l } from "./features/utils/load-script.js";
+import { ACTION_BAR_HEIGHT as Ll, QUESTIONS_GAP as kl, QUESTION_WIDTH as Ml, TOP_NAVIGATION_HEIGHT as Nl } from "./features/worksheet/worksheet/constants.js";
+import { isOkayTypeQuestion as Ol } from "./features/worksheet/worksheet/worksheet-helpers.js";
+import { default as Dl } from "./features/worksheet/worksheet/worksheet-container.js";
+import { default as yl } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
+import { default as gl } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
+import { default as Ul } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
+import { default as Wl } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
+import { default as wl } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
+import { default as Yl } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
+import { default as Fl } from "./features/maintenance/maintenance.js";
 export {
-  Hs as ACHIEVEMENT_ACTIONS,
+  Rs as ACHIEVEMENT_ACTIONS,
   Pr as AccordionSection,
-  ds as AchievementNotShareReasonModal,
-  ns as AchievementShareInstructionModal,
+  ns as AchievementNotShareReasonModal,
+  Is as AchievementShareInstructionModal,
   u as AlertIcon,
   ct as AppLoader,
   Wr as ArcButton,
@@ -234,7 +235,7 @@ export {
   bt as Avatar,
   Xo as Back2Icon,
   x as BackIcon,
-  pf as BackgroundImage,
+  uf as BackgroundImage,
   i as Bin2Icon,
   c as BinIcon,
   P as Book2Icon,
@@ -244,14 +245,14 @@ export {
   N as Bulb2Icon,
   k as BulbIcon,
   Dr as Button,
-  Xa as CIRCLE_ACTION_IDS,
-  Za as CIRCLE_ONBOARDING_ANALYTICS_STEPS,
-  sl as COMPLETED_SHEET_STATE,
+  ef as CIRCLE_ACTION_IDS,
+  Xa as CIRCLE_ONBOARDING_ANALYTICS_STEPS,
+  pl as COMPLETED_SHEET_STATE,
   O as CalendarIcon,
   kt as Callout,
   at as CascadingSelectInput,
   la as Chapter,
-  ts as ChapterClearanceConfirmationModal,
+  fs as ChapterClearanceConfirmationModal,
   ma as ChaptersList,
   ur as ChatIcon,
   y as Check2Icon,
@@ -261,52 +262,52 @@ export {
   ar as ChevronDownIcon,
   rr as ChevronLeftIcon,
   er as ChevronRightIcon,
-  Na as CircleSoundKey,
+  Oa as CircleSoundKey,
   it as CircularLoader,
-  mf as CircularSteps,
+  df as CircularSteps,
   yr as Clickable,
   g as ClipboardIcon,
   W as Clock2Icon,
   U as ClockIcon,
-  qf as Coachmark,
+  $f as Coachmark,
   w as CodeIcon,
   kr as ContextMenu,
   Y as CopyIcon,
   Nr as CountdownTimer,
   F as CrossIcon,
-  Cf as CueCanvas,
-  Ef as CueCanvasController,
-  If as CueCanvasProvider,
+  Pf as CueCanvas,
+  Cf as CueCanvasController,
+  Ef as CueCanvasProvider,
   j as CueRocket,
   xr as CuemathLogo,
   Z as DashArrowIcon,
-  zs as DesmosCalculator,
+  qs as DesmosCalculator,
   X as DownIcon,
   ee as DraftIcon,
   re as DragIcon,
-  Bf as EClassTimeAlertLevel,
-  ha as ELeaderboardType,
-  Js as EPostGameStat,
-  Nf as EVENTS,
+  bf as EClassTimeAlertLevel,
+  ka as ELeaderboardType,
+  zs as EPostGameStat,
+  Of as EVENTS,
   se as Edit2Icon,
   ae as EditIcon,
-  Is as EditMilestoneModal,
+  Ts as EditMilestoneModal,
   pe as EditStarIcon,
   ue as EraserIcon,
   wr as Error,
-  qs as ExpandableHeader,
-  vf as ExtraPractice,
+  $s as ExpandableHeader,
+  Vf as ExtraPractice,
   ce as Eye2Icon,
   xe as EyeIcon,
   xt as FlexView,
   Sa as GAME_LAUNCHER_ASSET_PADDING,
   Ca as GAME_LAUNCHER_SIZE,
   sr as GameIcon,
-  ya as GameId,
-  ef as GameLauncher,
-  os as GoalCreationConfirmationModal,
-  ls as GoalDraftEdit,
-  Ts as GoalEdit,
+  ga as GameId,
+  rf as GameLauncher,
+  ts as GoalCreationConfirmationModal,
+  ms as GoalDraftEdit,
+  Ss as GoalEdit,
   et as GooglePlacesSearchInput,
   r as GradeSelector,
   ie as HandIcon,
@@ -315,81 +316,82 @@ export {
   Pe as HomeIcon,
   s as ILLUSTRATIONS,
   p as IMAGES,
-  ja as IStatsToAwardErrorCode,
+  Za as IStatsToAwardErrorCode,
   gr as IconButton,
   he as ImageIcon,
-  zf as IndicatorType,
+  qf as IndicatorType,
   Ne as Info2Icon,
+  Pa as InfoBar,
   ke as InfoIcon,
-  Qf as JOURNEY_ID_STUDENT,
-  Jf as JourneyProvider,
+  Kf as JOURNEY_ID_STUDENT,
+  zf as JourneyProvider,
   da as LPARChapter,
   na as LPARMilestoneChapter,
-  sf as Leaderboard,
-  Ul as LearnosityPreloader,
+  pf as Leaderboard,
+  Wl as LearnosityPreloader,
   Oe as LeftIcon,
-  Ba as LessonId,
+  ba as LessonId,
   ye as Lock2Icon,
   De as LockIcon,
-  Yl as Maintenance,
-  _s as MilestoneActionWidget,
-  fs as MilestoneCreate,
-  Ss as MilestoneEdit,
-  As as MilestoneList,
-  ms as MilestoneOutcome,
-  Ls as MilestoneStart,
-  ga as MiniGameId,
+  Fl as Maintenance,
+  Ls as MilestoneActionWidget,
+  ls as MilestoneCreate,
+  As as MilestoneEdit,
+  _s as MilestoneList,
+  ds as MilestoneOutcome,
+  Ms as MilestoneStart,
+  Ua as MiniGameId,
   Ue as Minus2Icon,
   ge as MinusIcon,
   We as MistakeIcon,
   we as Mobile,
   Ye as MoreVerticalIcon,
   fa as MultiTabBlocker,
-  ll as NODE_LABELS,
-  pl as NODE_SUB_GROUP,
-  ml as NODE_TYPE,
+  ml as NODE_LABELS,
+  ul as NODE_SUB_GROUP,
+  dl as NODE_TYPE,
   cr as Next2Icon,
   Fe as NextIcon,
   Or as Nudge,
   st as NumRangeInput,
   qt as PLATFORM_EVENTS_STUDENT,
   $t as PLATFORM_EVENTS_TEACHER,
-  ul as PYTHON_NODE_TYPES,
+  xl as PYTHON_NODE_TYPES,
   je as PencilIcon,
   pt as PercentileInput,
   zt as PerfectHits,
   eo as Play2Icon,
   Xe as PlayIcon,
-  Fa as PlayerType,
+  ja as PlayerType,
   ao as Plus2Icon,
   ro as PlusIcon,
   Ze as PointerIcon,
-  Ks as PostGameStats,
+  Js as PostGameStats,
   so as PracticeIcon,
-  Dl as PreviewWorksheet,
+  yl as PreviewWorksheet,
   po as ProgressIcon,
-  ba as ProjectId,
-  Wa as ProjectOutcome,
-  Ya as ProjectType,
-  Ua as PuzzleId,
+  va as ProjectId,
+  wa as ProjectOutcome,
+  Fa as ProjectType,
+  Wa as PuzzleId,
   uo as QuestionIcon,
   no as QuestionLetterIcon,
-  dl as REWARDS_LIST,
+  nl as REWARDS_LIST,
   Et as RadioCard,
   jr as RadioInput,
   Io as RedoIcon,
-  ol as ReferenceSheet,
-  Vs as RemotePeerPointer,
+  tl as ReferenceSheet,
+  Qs as RemotePeerPointer,
   To as RightIcon,
   So as RulerIcon,
   Ia as SATSheetSummary,
-  xl as SHEET_ACTIONS,
-  nl as SHEET_ATTEMPT_LOCATION,
-  cl as SHEET_ATTEMPT_LOCATION_MAP,
-  Il as SHEET_ATTEMPT_STATE,
-  il as SHEET_DATA_TYPE,
-  Tl as SHEET_STATE,
-  Os as STAGES,
+  cl as SHEET_ACTIONS,
+  Il as SHEET_ATTEMPT_LOCATION,
+  il as SHEET_ATTEMPT_LOCATION_MAP,
+  Tl as SHEET_ATTEMPT_STATE,
+  El as SHEET_DATA_TYPE,
+  Sl as SHEET_STATE,
+  Ds as STAGES,
   zo as ScribbleIcon,
   Ao as SearchIcon,
   Xr as SearchableSelectInput,
@@ -397,33 +399,33 @@ export {
   Zr as SelectInput,
   ut as SelectionCards,
   Kt as Separator,
-  gl as SheetError,
-  $s as SheetList,
-  yl as SheetLocked,
-  nf as SignUp,
+  Ul as SheetError,
+  ol as SheetList,
+  gl as SheetLocked,
+  If as SignUp,
   Zo as SketchIcon,
   Mo as Skip2Icon,
   Lo as SkipIcon,
-  df as SplashScreen,
+  nf as SplashScreen,
   Ho as Star2Icon,
   _o as StarIcon,
   a as Stepper,
   Qt as StreakIcon,
   Ro as StrikedEyeIcon,
-  Sl as StudentDetails,
-  $f as SubmitMilestoneModal,
+  Al as StudentDetails,
+  os as SubmitMilestoneModal,
   Go as SwitchIcon,
   Vt as TabComponent,
   ht as Tag,
-  Ms as TestsCreation,
+  Hs as TestsCreation,
   Pt as Text,
   Ur as TextButton,
   rt as TextInput,
   Bo as TickIcon,
   vt as TimeLeftTimeline,
-  Gf as TrialSession,
+  Bf as TrialSession,
   bo as TrophyIcon,
-  Oa as Tutorial,
+  Da as Tutorial,
   pr as TutoringIcon,
   Nt as UIContext,
   vo as UndoIcon,
@@ -433,45 +435,45 @@ export {
   Ko as UserIcon,
   Jt as Video,
   oa as WHITELIST_EVENTS,
-  _l as WORKSHEET_ACTION_BAR_HEIGHT,
-  hl as WORKSHEET_QUESTIONS_GAP,
-  Ll as WORKSHEET_QUESTION_WIDTH,
-  kl as WORKSHEET_TOP_NAVIGATION_HEIGHT,
-  Da as WebView,
-  wa as WebViewEvent,
-  Ol as Worksheet,
+  Ll as WORKSHEET_ACTION_BAR_HEIGHT,
+  kl as WORKSHEET_QUESTIONS_GAP,
+  Ml as WORKSHEET_QUESTION_WIDTH,
+  Nl as WORKSHEET_TOP_NAVIGATION_HEIGHT,
+  ya as WebView,
+  Ya as WebViewEvent,
+  Dl as Worksheet,
   Ta as checkIfPPTNodeType,
   Bt as getTheme,
-  Us as invalidateMilestoneResources,
-  Ds as invalidateMilestonesData,
-  Bs as invalidateTestHelpData,
-  Nl as isOkayTypeQuestion,
-  tl as isV3Worksheet,
-  al as isV3WorksheetAttempt,
-  Al as loadScript,
-  Vf as useAutoPlayPermission,
-  Pf as useCanvasSyncBroker,
-  ka as useCircleSounds,
-  bf as useClassTimeAlerts,
+  Ws as invalidateMilestoneResources,
+  ys as invalidateMilestonesData,
+  bs as invalidateTestHelpData,
+  Ol as isOkayTypeQuestion,
+  fl as isV3Worksheet,
+  sl as isV3WorksheetAttempt,
+  _l as loadScript,
+  Qf as useAutoPlayPermission,
+  hf as useCanvasSyncBroker,
+  Na as useCircleSounds,
+  vf as useClassTimeAlerts,
   Gt as useContextMenuClickHandler,
   Cr as useForceReload,
-  Gs as useGetAllMilestonesdata,
-  rf as useGetCircleHomeDetailsDal,
-  Pa as useGetLeaderboardDal,
-  vs as useGetMilestoneResources,
-  gs as useGetTestHelpData,
-  Of as useInClassActionDispatcher,
-  Rf as useInClassActionListener,
-  hf as useInClassMessageBroker,
-  Wl as useIsLearnosityLoaded,
+  Bs as useGetAllMilestonesdata,
+  af as useGetCircleHomeDetailsDal,
+  ha as useGetLeaderboardDal,
+  Vs as useGetMilestoneResources,
+  Us as useGetTestHelpData,
+  Df as useInClassActionDispatcher,
+  Gf as useInClassActionListener,
+  kf as useInClassMessageBroker,
+  wl as useIsLearnosityLoaded,
   ta as useIsTabBlocked,
-  Kf as useJourney,
-  Qs as usePointerSync,
-  af as usePostUpdateCircleJourneyDal,
+  Jf as useJourney,
+  Ks as usePointerSync,
+  sf as usePostUpdateCircleJourneyDal,
   Rt as useTrackingContext,
-  kf as useTrialSessionMessageBroker,
+  Nf as useTrialSessionMessageBroker,
   Ht as useUIContext,
-  wl as useWorksheetLayout,
+  Yl as useWorksheetLayout,
   Er as useZoomDisable
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.25-rj-8",
+  "version": "2.8.25-rj-10",
   "type": "module",
   "files": [
     "dist"