@cuemath/leap 3.1.21 → 3.1.22-akm-2

package/dist/features/circle-games/leaderboard/enums/leaderboard-type-enum.js

@@ -1,4 +1,4 @@
-var _ = /* @__PURE__ */ ((l) => (l.BI_WEEKLY = "biWeekly", l.ALL_TIME = "global", l.ALL_TIME_STREAK = "globalStreak", l))(_ || {});
+var _ = /* @__PURE__ */ ((l) => (l.BI_WEEKLY = "bi_weekly", l.ALL_TIME = "global", l.ALL_TIME_STREAK = "globalStreak", l))(_ || {});
 export {
   _ as ELeaderboardType
 };

package/dist/features/circle-games/leaderboard/enums/leaderboard-type-enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaderboard-type-enum.js","sources":["../../../../../src/features/circle-games/leaderboard/enums/leaderboard-type-enum.ts"],"sourcesContent":["export enum ELeaderboardType {\n  BI_WEEKLY = 'biWeekly',\n  ALL_TIME = 'global',\n  ALL_TIME_STREAK = 'globalStreak',\n}\n"],"names":["ELeaderboardType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,YACZA,EAAA,WAAW,UACXA,EAAA,kBAAkB,gBAHRA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"leaderboard-type-enum.js","sources":["../../../../../src/features/circle-games/leaderboard/enums/leaderboard-type-enum.ts"],"sourcesContent":["export enum ELeaderboardType {\n  BI_WEEKLY = 'bi_weekly',\n  ALL_TIME = 'global',\n  ALL_TIME_STREAK = 'globalStreak',\n}\n"],"names":["ELeaderboardType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,WAAW,UACXA,EAAA,kBAAkB,gBAHRA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,22 +1,22 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useState as p, useEffect as K } from "react";
-import { ILLUSTRATIONS as w } from "../../../assets/illustrations/illustrations.js";
-import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
-import { CircularLoader as U } from "../../ui/loader/circular-loader/circular-loader.js";
-import H from "../../ui/text/text.js";
-import { useCircleSounds as q } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { Banner as E } from "./comps/banner/banner.js";
-import { LeaderboardItemWithObserver as z } from "./comps/leaderboard-item/leaderboard-item.js";
-import { NavigationButton as G } from "./comps/navigation-button/navigation-button.js";
-import { StreakReductionInfoBar as J } from "./comps/streak-reduction-infobar/streak-reduction-infobar.js";
-import { Timer as Q } from "./comps/timer/timer.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useState as c, useEffect as M } from "react";
+import { ILLUSTRATIONS as H } from "../../../assets/illustrations/illustrations.js";
+import { LOTTIE as E } from "../../../assets/lottie/lottie.js";
+import { CircularLoader as q } from "../../ui/loader/circular-loader/circular-loader.js";
+import z from "../../ui/text/text.js";
+import { useCircleSounds as G } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { Banner as L } from "./comps/banner/banner.js";
+import { LeaderboardItemWithObserver as J } from "./comps/leaderboard-item/leaderboard-item.js";
+import { NavigationButton as Q } from "./comps/navigation-button/navigation-button.js";
+import { StreakReductionInfoBar as V } from "./comps/streak-reduction-infobar/streak-reduction-infobar.js";
+import { Timer as X } from "./comps/timer/timer.js";
 import { ELeaderboardType as r } from "./enums/leaderboard-type-enum.js";
-import { useTimer as V } from "./hooks/use-timer/use-timer.js";
-import { Leaderboard as X, LeaderboardContainer as Z, BannerWrapper as D, TournamentBannerCustContainer as ee, TrophyWrapper as re, ItemsWrapper as te, Banner as ne, ActionButtonWrapper as oe } from "./leaderboard-styled.js";
-const L = {
-  [r.ALL_TIME_STREAK]: d.ELITE_CIRCLE,
-  [r.ALL_TIME]: d.ELITE_CIRCLE,
-  [r.BI_WEEKLY]: d.TOURNAMENT_RIPPLE
+import { useTimer as Z } from "./hooks/use-timer/use-timer.js";
+import { Leaderboard as D, LeaderboardContainer as ee, BannerWrapper as re, TournamentBannerCustContainer as te, TrophyWrapper as ne, ItemsWrapper as oe, Banner as ie, ActionButtonWrapper as se } from "./leaderboard-styled.js";
+const l = {
+  [r.ALL_TIME_STREAK]: E.ELITE_CIRCLE,
+  [r.ALL_TIME]: E.ELITE_CIRCLE,
+  [r.BI_WEEKLY]: E.TOURNAMENT_RIPPLE
 }, o = [
   {
     name: "TOURNAMENT",
@@ -30,125 +30,129 @@ const L = {
     name: "ALL TIME",
     type: r.ALL_TIME
   }
-], _e = ({
-  leaderboardData: m,
+], W = {
+  [r.BI_WEEKLY]: "biWeekly",
+  [r.ALL_TIME]: "global",
+  [r.ALL_TIME_STREAK]: "globalStreak"
+}, Ae = ({
+  leaderboardData: s,
   type: u = r.BI_WEEKLY,
-  userId: W,
-  onClose: M,
-  isLoading: T,
-  streakInfo: l
+  userId: k,
+  onClose: N,
+  isLoading: m,
+  streakInfo: I
 }) => {
-  var y, A, R, S, B, C, x, P;
-  const [i, I] = p(
+  var A, S, R, B, b, C, x, K;
+  const [i, h] = c(
     o.findIndex((t) => u === t.type)
-  ), [n, k] = p(((y = m == null ? void 0 : m[u]) == null ? void 0 : y.leaderboardPlayers) || []), [h, N] = p({
+  ), [n, Y] = c(((A = s == null ? void 0 : s[W[u]]) == null ? void 0 : A.leaderboardPlayers) || []), [_, O] = c({
     current: 0,
     end: 0
-  }), [O, f] = V(0), [c, Y] = p(!1), F = (A = n == null ? void 0 : n[0]) == null ? void 0 : A.points, $ = ((R = n == null ? void 0 : n[0]) == null ? void 0 : R.streakDays) || 0, { playButtonSound: _ } = q(), j = () => {
-    _(), I((t) => t - 1 < 0 ? o.length - 1 : t - 1);
-  }, v = () => {
-    _(), I((t) => t + 1 === o.length ? 0 : t + 1);
+  }), [F, f] = Z(0), [d, $] = c(!1), j = (S = n == null ? void 0 : n[0]) == null ? void 0 : S.points, v = ((R = n == null ? void 0 : n[0]) == null ? void 0 : R.streakDays) || 0, { playButtonSound: y } = G(), w = () => {
+    y(), h((t) => t - 1 < 0 ? o.length - 1 : t - 1);
+  }, U = () => {
+    y(), h((t) => t + 1 === o.length ? 0 : t + 1);
   };
-  return K(() => {
+  return M(() => {
     f(0);
-  }, [f]), K(() => {
-    var b;
-    const t = (b = o[i]) == null ? void 0 : b.type, s = t && (m == null ? void 0 : m[t]);
-    if (s) {
-      const g = s.leaderboardPlayers || [];
-      t === r.BI_WEEKLY && (N({
-        current: s.currentTimestamp,
-        end: s.endTimestamp
-      }), s.currentTimestamp > s.endTimestamp && (g.splice(10), Y(!0))), k([...g]);
+  }, [f]), M(() => {
+    var g;
+    const t = (g = o[i]) == null ? void 0 : g.type, T = t && W[t], a = T && (s == null ? void 0 : s[T]);
+    if (a) {
+      const P = a.leaderboardPlayers || [];
+      t === r.BI_WEEKLY && (O({
+        current: a.currentTimestamp,
+        end: a.endTimestamp
+      }), a.currentTimestamp > a.endTimestamp && (P.splice(10), $(!0))), Y([...P]);
     }
-  }, [i, m]), /* @__PURE__ */ e(X, { children: /* @__PURE__ */ a(Z, { children: [
-    /* @__PURE__ */ a(D, { children: [
-      ((S = o[i]) == null ? void 0 : S.type) === r.BI_WEEKLY && /* @__PURE__ */ e(
-        E,
+  }, [i, s]), /* @__PURE__ */ e(D, { children: /* @__PURE__ */ p(ee, { children: [
+    /* @__PURE__ */ p(re, { children: [
+      ((B = o[i]) == null ? void 0 : B.type) === r.BI_WEEKLY && /* @__PURE__ */ e(
+        L,
         {
-          isLoading: T || n.length === 0,
+          isLoading: m || n.length === 0,
           bgFromTopPosition: -120,
           bgFromRightPosition: -110,
-          primaryText: c ? /* @__PURE__ */ e("span", { children: "New Tournament" }) : /* @__PURE__ */ e("span", { children: "Tournament" }),
-          secondaryText: c ? /* @__PURE__ */ e("span", { children: "Starts Soon" }) : /* @__PURE__ */ a("span", { children: [
+          primaryText: d ? /* @__PURE__ */ e("span", { children: "New Tournament" }) : /* @__PURE__ */ e("span", { children: "Tournament" }),
+          secondaryText: d ? /* @__PURE__ */ e("span", { children: "Starts Soon" }) : /* @__PURE__ */ p("span", { children: [
             " ",
             /* @__PURE__ */ e(
-              Q,
+              X,
               {
-                fromTimestamp: O + h.current,
-                endTimestamp: h.end
+                fromTimestamp: F + _.current,
+                endTimestamp: _.end
               }
             ),
             " ",
             "left"
           ] }),
-          lottiePath: L[r.BI_WEEKLY],
-          custEle: /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("img", { src: w.TROPHY_CIRCLE }) }) })
+          lottiePath: l[r.BI_WEEKLY],
+          custEle: /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e("img", { src: H.TROPHY_CIRCLE }) }) })
         }
       ),
-      ((B = o[i]) == null ? void 0 : B.type) === r.ALL_TIME_STREAK && /* @__PURE__ */ e(
-        E,
+      ((b = o[i]) == null ? void 0 : b.type) === r.ALL_TIME_STREAK && /* @__PURE__ */ e(
+        L,
         {
-          isLoading: T,
+          isLoading: m,
           bgFromTopPosition: -140,
           bgFromRightPosition: -90,
           primaryText: /* @__PURE__ */ e("span", { children: "Streak Stars" }),
           secondaryText: /* @__PURE__ */ e("span", { children: "Top 50" }),
-          lottiePath: L[r.ALL_TIME_STREAK]
+          lottiePath: l[r.ALL_TIME_STREAK]
         }
       ),
       ((C = o[i]) == null ? void 0 : C.type) === r.ALL_TIME && /* @__PURE__ */ e(
-        E,
+        L,
         {
-          isLoading: T,
+          isLoading: m,
           bgFromTopPosition: -140,
           bgFromRightPosition: -90,
           primaryText: /* @__PURE__ */ e("span", { children: "Elite Circle" }),
           secondaryText: /* @__PURE__ */ e("span", { children: "Top 50" }),
-          lottiePath: L[r.ALL_TIME]
+          lottiePath: l[r.ALL_TIME]
         }
       )
     ] }),
-    T && /* @__PURE__ */ e(U, {}),
-    !T && n && /* @__PURE__ */ a(te, { children: [
+    m && /* @__PURE__ */ e(q, {}),
+    !m && n && /* @__PURE__ */ p(oe, { children: [
       ((x = o[i]) == null ? void 0 : x.type) === r.ALL_TIME_STREAK && /* @__PURE__ */ e(
-        J,
+        V,
         {
-          startTimestampToday: l.startTimestampToday,
-          streakReduction: l.streakReduction
+          startTimestampToday: I.startTimestampToday,
+          streakReduction: I.streakReduction
         }
       ),
-      c && ((P = o[i]) == null ? void 0 : P.type) === r.BI_WEEKLY && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(H, { $renderAs: "ab3", $color: "WHITE", children: "Congratulating winners of the last tournament!" }) }),
+      d && ((K = o[i]) == null ? void 0 : K.type) === r.BI_WEEKLY && /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(z, { $renderAs: "ab3", $color: "WHITE", children: "Congratulating winners of the last tournament!" }) }),
       n.map((t) => {
-        var s;
+        var T;
         return /* @__PURE__ */ e(
-          z,
+          J,
           {
             player: t,
             rank: t.rank,
-            maxStreakDays: $,
-            maxPoints: F,
-            leaderboardType: (s = o[i]) == null ? void 0 : s.type,
-            isActive: t.userId === W
+            maxStreakDays: v,
+            maxPoints: j,
+            leaderboardType: (T = o[i]) == null ? void 0 : T.type,
+            isActive: t.userId === k
           },
           t.rank
         );
       })
     ] }),
-    /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
-      G,
+    /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(
+      Q,
       {
         labels: Object.values(r),
-        onLeftClick: j,
-        onRightClick: v,
+        onLeftClick: w,
+        onRightClick: U,
         currIndex: i,
-        onClose: M,
-        disableSwipe: T || n.length === 0
+        onClose: N,
+        disableSwipe: m || n.length === 0
       }
     ) })
   ] }) });
 };
 export {
-  _e as Leaderboard
+  Ae 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 { LOTTIE } from '../../../assets/lottie/lottie';\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 { StreakReductionInfoBar } from './comps/streak-reduction-infobar/streak-reduction-infobar';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks/use-timer/use-timer';\nimport * as Styled from './leaderboard-styled';\n\nconst BANNER_LOTTIES: Record<ELeaderboardType, string> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.ALL_TIME]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.BI_WEEKLY]: LOTTIE.TOURNAMENT_RIPPLE,\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  streakInfo,\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              lottiePath={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              lottiePath={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              lottiePath={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper>\n            {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n              <StreakReductionInfoBar\n                startTimestampToday={streakInfo.startTimestampToday}\n                streakReduction={streakInfo.streakReduction}\n              />\n            )}\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","LOTTIE","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","streakInfo","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","StreakReductionInfoBar","_h","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  ILeaderboardDetails,\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 { LOTTIE } from '../../../assets/lottie/lottie';\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 { StreakReductionInfoBar } from './comps/streak-reduction-infobar/streak-reduction-infobar';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks/use-timer/use-timer';\nimport * as Styled from './leaderboard-styled';\n\nconst BANNER_LOTTIES: Record<ELeaderboardType, string> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.ALL_TIME]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.BI_WEEKLY]: LOTTIE.TOURNAMENT_RIPPLE,\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\nconst leaderboardKeyMap: Record<ELeaderboardType, keyof ILeaderboardDetails> = {\n  [ELeaderboardType.BI_WEEKLY]: 'biWeekly',\n  [ELeaderboardType.ALL_TIME]: 'global',\n  [ELeaderboardType.ALL_TIME_STREAK]: 'globalStreak',\n};\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  streakInfo,\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?.[leaderboardKeyMap[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\n    const mappedKey = currType && leaderboardKeyMap[currType as ELeaderboardType];\n    const currLeaderboard = mappedKey && leaderboardData?.[mappedKey];\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              lottiePath={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              lottiePath={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              lottiePath={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper>\n            {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n              <StreakReductionInfoBar\n                startTimestampToday={streakInfo.startTimestampToday}\n                streakReduction={streakInfo.streakReduction}\n              />\n            )}\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","LOTTIE","leaderboards","leaderboardKeyMap","Leaderboard","leaderboardData","type","userId","onClose","isLoading","streakInfo","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","mappedKey","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","StreakReductionInfoBar","_h","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAMA,IAAmD;AAAA,EACvD,CAACC,EAAiB,eAAe,GAAGC,EAAO;AAAA,EAC3C,CAACD,EAAiB,QAAQ,GAAGC,EAAO;AAAA,EACpC,CAACD,EAAiB,SAAS,GAAGC,EAAO;AACvC,GAEMC,IAAe;AAAA,EACnB;AAAA,IACE,MAAM;AAAA,IACN,MAAMF,EAAiB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAMA,EAAiB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAMA,EAAiB;AAAA,EACzB;AACF,GAEMG,IAAyE;AAAA,EAC7E,CAACH,EAAiB,SAAS,GAAG;AAAA,EAC9B,CAACA,EAAiB,QAAQ,GAAG;AAAA,EAC7B,CAACA,EAAiB,eAAe,GAAG;AACtC,GAEaI,KAAc,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,MAAAC,IAAON,EAAiB;AAAA,EACxB,QAAAO;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAAyB;;AACjB,QAAA,CAACC,GAAyBC,CAA0B,IAAIC;AAAA,IAC5DX,EAAa,UAAU,CAAeY,MAAAR,MAASQ,EAAY,IAAI;AAAA,EAAA,GAG3D,CAACC,GAAqBC,CAAsB,IAAIH,IAEpDI,IAAAZ,KAAA,gBAAAA,EAAkBF,EAAkBG,CAAI,OAAxC,gBAAAW,EAA4C,uBAAsB,CAAE,CAAA,GAEhE,CAACC,GAA2BC,CAA4B,IAAIN,EAG/D;AAAA,IACD,SAAS;AAAA,IACT,KAAK;AAAA,EAAA,CACN,GAEK,CAACO,GAAMC,CAAQ,IAAIC,EAAS,CAAC,GAC7B,CAACC,GAAmBC,CAAoB,IAAIX,EAAS,EAAK,GAC1DY,KAAaC,IAAAX,KAAA,gBAAAA,EAAsB,OAAtB,gBAAAW,EAA2D,QACxEC,MAAiBC,IAAAb,KAAA,gBAAAA,EAAsB,OAAtB,gBAAAa,EAA2D,eAAc,GAC1F,EAAE,iBAAAC,MAAoBC,KAEtBC,IAAiB,MAAM;AACX,IAAAF,KAChBjB,EAA2B,CAAQoB,MAC7BA,IAAO,IAAI,IACN9B,EAAa,SAAS,IAGxB8B,IAAO,CACf;AAAA,EAAA,GAGGC,IAAa,MAAM;AACP,IAAAJ,KAChBjB,EAA2B,CAAQoB,MAC7BA,IAAO,MAAM9B,EAAa,SACrB,IAGF8B,IAAO,CACf;AAAA,EAAA;AAGH,SAAAE,EAAU,MAAM;AACd,IAAAb,EAAS,CAAC;AAAA,EAAA,GACT,CAACA,CAAQ,CAAC,GAEba,EAAU,MAAM;;AACR,UAAAC,KAAWlB,IAAAf,EAAaS,CAAuB,MAApC,gBAAAM,EAAuC,MAElDmB,IAAYD,KAAYhC,EAAkBgC,CAA4B,GACtEE,IAAkBD,MAAa/B,KAAA,gBAAAA,EAAkB+B;AAEvD,QAAIC,GAAiB;AACb,YAAAC,IAAkBD,EAAgB,sBAAsB;AAE1D,MAAAF,MAAanC,EAAiB,cACHmB,EAAA;AAAA,QAC3B,SAASkB,EAAgB;AAAA,QACzB,KAAKA,EAAgB;AAAA,MAAA,CACtB,GAEGA,EAAgB,mBAAmBA,EAAgB,iBACrDC,EAAgB,OAAO,EAAE,GACzBd,EAAqB,EAAI,KAINR,EAAA,CAAC,GAAGsB,CAAe,CAAC;AAAA,IAC7C;AAAA,EAAA,GACC,CAAC3B,GAAyBN,CAAe,CAAC,qBAG1CkC,GAAA,EACC,UAAC,gBAAAC,EAAAC,IAAA,EACC,UAAA;AAAA,IAAC,gBAAAD,EAAAE,IAAA,EAEE,UAAA;AAAA,QAAAC,IAAAzC,EAAaS,CAAuB,MAApC,gBAAAgC,EAAuC,UAAS3C,EAAiB,aAChE,gBAAA4C;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWpC,KAAaM,EAAoB,WAAW;AAAA,UACvD,mBAAmB;AAAA,UACnB,qBAAqB;AAAA,UACrB,aACEQ,IAAqB,gBAAAqB,EAAA,QAAA,EAAK,4BAAc,IAAU,gBAAAA,EAAC,UAAK,UAAU,aAAA,CAAA;AAAA,UAEpE,eACErB,IACE,gBAAAqB,EAAC,UAAK,UAAW,cAAA,CAAA,sBAEhB,QACE,EAAA,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,eAAgB1B,IAAkBF,EAA0B;AAAA,gBAC5D,cAAcA,EAA0B;AAAA,cAAA;AAAA,YAC1C;AAAA,YAAG;AAAA,YACF;AAAA,UAAA,GACH;AAAA,UAGJ,YAAYnB,EAAeC,EAAiB,SAAS;AAAA,UACrD,SACE,gBAAA4C,EAACG,IAAA,EACC,UAAC,gBAAAH,EAAAI,IAAA,EACC,4BAAC,OAAI,EAAA,KAAKC,EAAc,cAAe,CAAA,EACzC,CAAA,GACF;AAAA,QAAA;AAAA,MAEJ;AAAA,QAIDC,IAAAhD,EAAaS,CAAuB,MAApC,gBAAAuC,EAAuC,UAASlD,EAAiB,mBAChE,gBAAA4C;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAApC;AAAA,UACA,mBAAmB;AAAA,UACnB,qBAAqB;AAAA,UACrB,aAAc,gBAAAmC,EAAA,QAAA,EAAK,UAAY,eAAA,CAAA;AAAA,UAC/B,eAAgB,gBAAAA,EAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,UAC3B,YAAY7C,EAAeC,EAAiB,eAAe;AAAA,QAAA;AAAA,MAC7D;AAAA,QAIDmD,IAAAjD,EAAaS,CAAuB,MAApC,gBAAAwC,EAAuC,UAASnD,EAAiB,YAChE,gBAAA4C;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAApC;AAAA,UACA,mBAAmB;AAAA,UACnB,qBAAqB;AAAA,UACrB,aAAc,gBAAAmC,EAAA,QAAA,EAAK,UAAY,eAAA,CAAA;AAAA,UAC/B,eAAgB,gBAAAA,EAAA,QAAA,EAAK,UAAM,SAAA,CAAA;AAAA,UAC3B,YAAY7C,EAAeC,EAAiB,QAAQ;AAAA,QAAA;AAAA,MACtD;AAAA,IAAA,GAEJ;AAAA,IAECS,uBAAc2C,GAAe,EAAA;AAAA,IAE7B,CAAC3C,KAAaM,KACZ,gBAAAyB,EAAAa,IAAA,EACE,UAAA;AAAA,QAAAC,IAAApD,EAAaS,CAAuB,MAApC,gBAAA2C,EAAuC,UAAStD,EAAiB,mBAChE,gBAAA4C;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,qBAAqB7C,EAAW;AAAA,UAChC,iBAAiBA,EAAW;AAAA,QAAA;AAAA,MAC9B;AAAA,MAEDa,OACCiC,IAAAtD,EAAaS,CAAuB,MAApC,gBAAA6C,EAAuC,UAASxD,EAAiB,aAC9D,gBAAA4C,EAAAa,IAAA,EACC,4BAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,2DAErC,CAAA,GACF;AAAA,MAEH3C,EAAoB,IAAI,CAAU4C,MAAA;;AAE/B,eAAA,gBAAAf;AAAA,UAACgB;AAAA,UAAA;AAAA,YAEC,QAAAD;AAAA,YACA,MAAMA,EAAO;AAAA,YACb,eAAAhC;AAAA,YACA,WAAAF;AAAA,YACA,kBAAiBR,IAAAf,EAAaS,CAAuB,MAApC,gBAAAM,EAAuC;AAAA,YACxD,UAAU0C,EAAO,WAAWpD;AAAA,UAAA;AAAA,UANvBoD,EAAO;AAAA,QAAA;AAAA,MAOd,CAEH;AAAA,IAAA,GACH;AAAA,IAGF,gBAAAf,EAACiB,IAAA,EACC,UAAA,gBAAAjB;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,QAAQ,OAAO,OAAO9D,CAAgB;AAAA,QACtC,aAAa+B;AAAA,QACb,cAAcE;AAAA,QACd,WAAWtB;AAAA,QACX,SAAAH;AAAA,QACA,cAAcC,KAAaM,EAAoB,WAAW;AAAA,MAAA;AAAA,IAAA,GAE9D;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js

@@ -1,136 +1,146 @@
-import { jsxs as r, Fragment as K, jsx as o } from "react/jsx-runtime";
-import Q, { memo as Y, useCallback as p } from "react";
+import { jsxs as i, Fragment as K, jsx as e } from "react/jsx-runtime";
+import Q, { memo as Y, useCallback as f } from "react";
 import Z from "../../../hooks/use-lazy-ref.js";
+import ee from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import h from "../../../ui/buttons/text-button/text-button.js";
-import d from "../../../ui/layout/flex-view.js";
-import ee from "../../../ui/separator/separator.js";
-import te from "../../../ui/text/text.js";
-import oe from "./milestone-widget/milestone-widget.js";
-import ne from "./no-active-milestone/no-active-milestone.js";
+import m from "../../../ui/layout/flex-view.js";
+import te from "../../../ui/separator/separator.js";
+import oe from "../../../ui/text/text.js";
+import ne from "./milestone-widget/milestone-widget.js";
+import re from "./no-active-milestone/no-active-milestone.js";
 import ie from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const ue = Y(
-  ({ milestones: e, studentId: u, milestoneType: s, ...A }) => {
+const ge = Y(
+  ({ milestones: t, studentId: A, milestoneType: s, ...u }) => {
     const {
-      canCreatePlan: m,
+      canCreatePlan: a,
       isClassOngoing: g,
       isFiltersAdded: C,
       isStudentPresent: M,
       onAddChapter: T,
       onAddOutcome: n,
-      onChapterClick: N,
-      onCreatePlan: i,
-      onDelete: v,
-      onDraftPublish: R,
-      onEdit: w,
-      onCreateMilestoneTest: x,
-      onNodeAttempt: b,
+      onChapterClick: v,
+      onCreatePlan: r,
+      onDelete: w,
+      onDraftPublish: N,
+      onEdit: b,
+      onCreateMilestoneTest: R,
+      onNodeAttempt: x,
       onNodeView: D,
       onNodeReview: $,
-      onNodeReattempt: P,
-      onNodeReset: F,
-      onNodeUnassign: I,
+      onNodeReattempt: I,
+      onNodeReset: P,
+      onNodeUnassign: F,
       onAssignResources: k,
       onTestPreview: E,
       onTestReview: S,
-      onTestStart: V,
-      activeMilestoneId: _,
-      activeTabId: j,
-      onWidgetTabSelection: z,
+      onTestStart: j,
+      activeMilestoneId: y,
+      activeTabId: G,
+      onWidgetTabSelection: V,
       studentName: c,
-      teacherName: B,
-      parentName: G,
-      userType: a,
-      courseStream: y,
+      teacherName: _,
+      parentName: z,
+      userType: l,
+      courseStream: B,
       onNodeAssignAsHomework: H
-    } = A, l = s === "ACTIVE", L = s === "DRAFT", f = Z(ie), O = p(() => {
-      i == null || i(f);
-    }, [i, f]), W = p(() => {
+    } = u, d = s === "ACTIVE", L = s === "DRAFT", p = Z(ie), O = f(() => {
+      r == null || r(p);
+    }, [r, p]), W = f(() => {
       n == null || n();
     }, [n]);
-    if (!e) return null;
-    const X = e.some(
-      (t) => t.milestone_state === "ACTIVE"
-    ), U = e.some(
-      (t) => t.milestone_state === "DRAFT"
+    if (!t) return null;
+    const X = t.some(
+      (o) => o.milestone_state === "ACTIVE"
+    ), U = t.some(
+      (o) => o.milestone_state === "DRAFT"
     );
-    return /* @__PURE__ */ r(K, { children: [
-      l && !X && /* @__PURE__ */ o(d, { $marginBottom: 40, children: /* @__PURE__ */ o(
-        ne,
+    return /* @__PURE__ */ i(K, { children: [
+      d && !X && /* @__PURE__ */ e(m, { $marginBottom: 40, children: /* @__PURE__ */ e(
+        re,
         {
-          canCreatePlan: m,
+          canCreatePlan: a,
           isDraftMilestonePresent: U,
           isFiltersAdded: C,
-          onCreatePlan: i,
+          onCreatePlan: r,
           studentName: c,
-          userType: a
+          userType: l
         }
       ) }),
-      l && /* @__PURE__ */ r(d, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
-        /* @__PURE__ */ r(te, { $renderAs: "ac4", children: [
+      d && /* @__PURE__ */ i(m, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
+        /* @__PURE__ */ i(oe, { $renderAs: "ac4", children: [
           "Goals (",
-          e.length,
+          t.length,
           ")"
         ] }),
-        a === "TEACHER" && /* @__PURE__ */ r(d, { $flexDirection: "row", $flexGapX: 1, children: [
-          /* @__PURE__ */ o(
-            h,
+        l === "TEACHER" && /* @__PURE__ */ i(m, { $flexDirection: "row", $flexGapX: 1, children: [
+          /* @__PURE__ */ e(
+            ee,
             {
-              label: "Create Goal",
-              size: "small",
-              onClick: O,
-              disabled: !m
+              renderAs: "primary",
+              tooltipItem: "Goals can only be added for students who have joined the class",
+              hidden: a,
+              position: "bottom",
+              children: /* @__PURE__ */ e(
+                h,
+                {
+                  label: "Create Goal",
+                  size: "small",
+                  onClick: O,
+                  disabled: !a
+                }
+              )
             }
           ),
-          /* @__PURE__ */ o(h, { label: "Add Milestone", size: "small", onClick: W })
+          /* @__PURE__ */ e(h, { label: "Add Milestone", size: "small", onClick: W })
         ] })
       ] }),
-      e.map((t, q) => {
-        const { id: J } = t;
-        return /* @__PURE__ */ r(Q.Fragment, { children: [
-          /* @__PURE__ */ o(
-            oe,
+      t.map((o, q) => {
+        const { id: J } = o;
+        return /* @__PURE__ */ i(Q.Fragment, { children: [
+          /* @__PURE__ */ e(
+            ne,
             {
-              milestone: t,
-              studentId: u,
+              milestone: o,
+              studentId: A,
               studentName: c,
-              parentName: G,
-              teacherName: B,
-              userType: a,
+              parentName: z,
+              teacherName: _,
+              userType: l,
               onAddOutcome: n,
-              onChapterClick: N,
-              isMilestoneActive: l || L,
+              onChapterClick: v,
+              isMilestoneActive: d || L,
               milestoneType: s,
-              onEdit: w,
-              onCreateMilestoneTest: x,
+              onEdit: b,
+              onCreateMilestoneTest: R,
               onAddChapter: T,
-              onDelete: v,
-              onDraftPublish: R,
+              onDelete: w,
+              onDraftPublish: N,
               isClassOngoing: g,
               isStudentPresent: M,
               onAssignResources: k,
-              onNodeAttempt: b,
+              onNodeAttempt: x,
               onNodeView: D,
               onNodeReview: $,
-              onNodeReattempt: P,
-              onNodeReset: F,
-              onNodeUnassign: I,
+              onNodeReattempt: I,
+              onNodeReset: P,
+              onNodeUnassign: F,
               onNodeAssignAsHomework: H,
               onTestPreview: E,
               onTestReview: S,
-              onTestStart: V,
-              courseStream: y,
-              activeMilestoneId: _,
-              activeTabId: j,
-              onWidgetTabSelection: z
+              onTestStart: j,
+              courseStream: B,
+              activeMilestoneId: y,
+              activeTabId: G,
+              onWidgetTabSelection: V
             }
           ),
-          q !== e.length - 1 && /* @__PURE__ */ o(ee, { heightX: 2 })
+          q !== t.length - 1 && /* @__PURE__ */ e(te, { heightX: 2 })
         ] }, `milestone=${J}`);
       })
     ] });
   }
 );
 export {
-  ue as default
+  ge as default
 };
 //# sourceMappingURL=milestone-list.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      onNodeAssignAsHomework,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestones.map((milestone, idx) => {\n          const { id: milestoneId } = milestone;\n\n          return (\n            <React.Fragment key={`milestone=${milestoneId}`}>\n              <MilestoneWidget\n                milestone={milestone}\n                studentId={studentId}\n                studentName={studentName}\n                parentName={parentName}\n                teacherName={teacherName}\n                userType={userType}\n                onAddOutcome={onAddOutcome}\n                onChapterClick={onChapterClick}\n                isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                milestoneType={milestoneType}\n                onEdit={onEdit}\n                onCreateMilestoneTest={onCreateMilestoneTest}\n                onAddChapter={onAddChapter}\n                onDelete={onDelete}\n                onDraftPublish={onDraftPublish}\n                isClassOngoing={isClassOngoing}\n                isStudentPresent={isStudentPresent}\n                onAssignResources={onAssignResources}\n                onNodeAttempt={onNodeAttempt}\n                onNodeView={onNodeView}\n                onNodeReview={onNodeReview}\n                onNodeReattempt={onNodeReattempt}\n                onNodeReset={onNodeReset}\n                onNodeUnassign={onNodeUnassign}\n                onNodeAssignAsHomework={onNodeAssignAsHomework}\n                onTestPreview={onTestPreview}\n                onTestReview={onTestReview}\n                onTestStart={onTestStart}\n                courseStream={courseStream}\n                activeMilestoneId={activeMilestoneId}\n                activeTabId={activeTabId}\n                onWidgetTabSelection={onWidgetTabSelection}\n              />\n              {idx !== milestones.length - 1 && <Separator heightX={2} />}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      onNodeAssignAsHomework,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  tooltipItem=\"Goals can only be added for students who have joined the class\"\n                  hidden={canCreatePlan}\n                  position=\"bottom\"\n                >\n                  <TextButton\n                    label=\"Create Goal\"\n                    size=\"small\"\n                    onClick={handleCreatePlan}\n                    disabled={!canCreatePlan}\n                  />\n                </ArrowTooltip>\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestones.map((milestone, idx) => {\n          const { id: milestoneId } = milestone;\n\n          return (\n            <React.Fragment key={`milestone=${milestoneId}`}>\n              <MilestoneWidget\n                milestone={milestone}\n                studentId={studentId}\n                studentName={studentName}\n                parentName={parentName}\n                teacherName={teacherName}\n                userType={userType}\n                onAddOutcome={onAddOutcome}\n                onChapterClick={onChapterClick}\n                isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                milestoneType={milestoneType}\n                onEdit={onEdit}\n                onCreateMilestoneTest={onCreateMilestoneTest}\n                onAddChapter={onAddChapter}\n                onDelete={onDelete}\n                onDraftPublish={onDraftPublish}\n                isClassOngoing={isClassOngoing}\n                isStudentPresent={isStudentPresent}\n                onAssignResources={onAssignResources}\n                onNodeAttempt={onNodeAttempt}\n                onNodeView={onNodeView}\n                onNodeReview={onNodeReview}\n                onNodeReattempt={onNodeReattempt}\n                onNodeReset={onNodeReset}\n                onNodeUnassign={onNodeUnassign}\n                onNodeAssignAsHomework={onNodeAssignAsHomework}\n                onTestPreview={onTestPreview}\n                onTestReview={onTestReview}\n                onTestStart={onTestStart}\n                courseStream={courseStream}\n                activeMilestoneId={activeMilestoneId}\n                activeTabId={activeTabId}\n                onWidgetTabSelection={onWidgetTabSelection}\n              />\n              {idx !== milestones.length - 1 && <Separator heightX={2} />}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.js

@@ -1,28 +1,29 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { memo as f, useCallback as h } from "react";
 import $ from "styled-components";
-import { ILLUSTRATIONS as u } from "../../../../../assets/illustrations/illustrations.js";
-import b from "../../../../hooks/use-lazy-ref.js";
-import g from "../../../../ui/buttons/button/button.js";
-import x from "../../../../ui/image/image.js";
-import a from "../../../../ui/layout/flex-view.js";
-import { getNoMilestoneTitle as w } from "../../../create/utils/index.js";
-import { StyledText as A } from "./no-active-milestone-styled.js";
-import L from "../../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const T = $.span`
-  display: ${({ shouldShow: e }) => e ? "block" : "none"};
-`, U = f(
-  ({ userType: e, studentName: m, isDraftMilestonePresent: t, ...s }) => {
-    const { canCreatePlan: d, onCreatePlan: o, isFiltersAdded: l } = s, i = b(L), c = h(() => {
-      o == null || o(i);
-    }, [o, i]), p = w(
+import { ILLUSTRATIONS as b } from "../../../../../assets/illustrations/illustrations.js";
+import u from "../../../../hooks/use-lazy-ref.js";
+import w from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import A from "../../../../ui/buttons/button/button.js";
+import g from "../../../../ui/image/image.js";
+import d from "../../../../ui/layout/flex-view.js";
+import { getNoMilestoneTitle as x } from "../../../create/utils/index.js";
+import { StyledText as y } from "./no-active-milestone-styled.js";
+import T from "../../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const I = $.span`
+  display: ${({ shouldShow: o }) => o ? "block" : "none"};
+`, W = f(
+  ({ userType: o, studentName: s, isDraftMilestonePresent: r, ...m }) => {
+    const { canCreatePlan: i, onCreatePlan: t, isFiltersAdded: l } = m, n = u(T), p = h(() => {
+      t == null || t(n);
+    }, [t, n]), c = x(
       l,
-      t,
-      m,
-      e
+      r,
+      s,
+      o
     );
-    return /* @__PURE__ */ n(
-      a,
+    return /* @__PURE__ */ a(
+      d,
       {
         $flexDirection: "row",
         $gapX: 1.5,
@@ -33,26 +34,35 @@ const T = $.span`
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ n(a, { $flexGapX: 1, children: [
-            /* @__PURE__ */ r(A, { $renderAs: "ab2", $widthX: 19.5, children: p }),
-            e === "TEACHER" && /* @__PURE__ */ r(T, { shouldShow: !l, children: !t && /* @__PURE__ */ r(
-              g,
+          /* @__PURE__ */ a(d, { $flexGapX: 1, children: [
+            /* @__PURE__ */ e(y, { $renderAs: "ab2", $widthX: 19.5, children: c }),
+            o === "TEACHER" && /* @__PURE__ */ e(I, { shouldShow: !l, children: !r && /* @__PURE__ */ e(
+              w,
               {
-                renderAs: "secondary",
-                size: "small",
-                label: "Add a Goal",
-                onClick: c,
-                disabled: !d
+                renderAs: "primary",
+                tooltipItem: "Goals can only be added for students who have joined the class",
+                hidden: i,
+                position: "bottom",
+                children: /* @__PURE__ */ e(
+                  A,
+                  {
+                    renderAs: "secondary",
+                    size: "small",
+                    label: "Add a Goal",
+                    onClick: p,
+                    disabled: !i
+                  }
+                )
               }
             ) })
           ] }),
-          /* @__PURE__ */ r(
-            x,
+          /* @__PURE__ */ e(
+            g,
             {
               withLoader: !1,
               width: 240,
               height: 100,
-              src: u.PUZZLE_STUDENT,
+              src: b.PUZZLE_STUDENT,
               alt: "learning-planner"
             }
           )
@@ -62,6 +72,6 @@ const T = $.span`
   }
 );
 export {
-  U as default
+  W as default
 };
 //# sourceMappingURL=no-active-milestone.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-active-milestone.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.tsx"],"sourcesContent":["import type { INoActiveMilestoneProps } from './no-active-milestone-types';\n\nimport { useCallback, type FC, memo } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport useLazyRef from '../../../../hooks/use-lazy-ref';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getNoMilestoneTitle } from '../../../create/utils';\nimport * as Styled from './no-active-milestone-styled';\n\nconst ButtonWrapper = styled.span<{ shouldShow: boolean }>`\n  display: ${({ shouldShow }) => (shouldShow ? 'block' : 'none')};\n`;\n\nconst NoActiveMilestone: FC<INoActiveMilestoneProps> = memo(\n  ({ userType, studentName, isDraftMilestonePresent, ...restNoActiveMilestoneProps }) => {\n    const { canCreatePlan, onCreatePlan, isFiltersAdded } = restNoActiveMilestoneProps;\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const title = getNoMilestoneTitle(\n      isFiltersAdded,\n      isDraftMilestonePresent,\n      studentName,\n      userType,\n    );\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $gapX={1.5}\n        $gutterX={1.5}\n        $borderColor=\"WHITE_4\"\n        $background=\"YELLOW_1\"\n        $flexGapX={1}\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <FlexView $flexGapX={1}>\n          <Styled.StyledText $renderAs=\"ab2\" $widthX={19.5}>\n            {title}\n          </Styled.StyledText>\n\n          {userType === 'TEACHER' && (\n            <ButtonWrapper shouldShow={!isFiltersAdded}>\n              {!isDraftMilestonePresent && (\n                <Button\n                  renderAs=\"secondary\"\n                  size=\"small\"\n                  label=\"Add a Goal\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              )}\n            </ButtonWrapper>\n          )}\n        </FlexView>\n\n        <Image\n          withLoader={false}\n          width={240}\n          height={100}\n          src={ILLUSTRATIONS.PUZZLE_STUDENT}\n          alt=\"learning-planner\"\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default NoActiveMilestone;\n"],"names":["ButtonWrapper","styled","shouldShow","NoActiveMilestone","memo","userType","studentName","isDraftMilestonePresent","restNoActiveMilestoneProps","canCreatePlan","onCreatePlan","isFiltersAdded","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","title","getNoMilestoneTitle","jsxs","FlexView","jsx","Styled.StyledText","Button","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAgBC,EAAO;AAAA,aAChB,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,UAAU,MAAO;AAAA,GAG1DC,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,yBAAAC,GAAyB,GAAGC,QAAiC;AACrF,UAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,gBAAAC,EAAA,IAAmBH,GAClDI,IAAuBC,EAAWC,CAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAAN,KAAA,QAAAA,EAAeE;AAAA,IAAoB,GAClC,CAACF,GAAcE,CAAoB,CAAC,GAEjCK,IAAQC;AAAA,MACZP;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA;AAIA,WAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,GACnB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,SAAS,MACzC,UACHL,GAAA;AAAA,YAECZ,MAAa,aACX,gBAAAgB,EAAArB,GAAA,EAAc,YAAY,CAACW,GACzB,WAACJ,KACA,gBAAAc;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASR;AAAA,gBACT,UAAU,CAACN;AAAA,cAAA;AAAA,YAAA,GAGjB;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAY;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"no-active-milestone.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.tsx"],"sourcesContent":["import type { INoActiveMilestoneProps } from './no-active-milestone-types';\n\nimport { useCallback, type FC, memo } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport useLazyRef from '../../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getNoMilestoneTitle } from '../../../create/utils';\nimport * as Styled from './no-active-milestone-styled';\n\nconst ButtonWrapper = styled.span<{ shouldShow: boolean }>`\n  display: ${({ shouldShow }) => (shouldShow ? 'block' : 'none')};\n`;\n\nconst NoActiveMilestone: FC<INoActiveMilestoneProps> = memo(\n  ({ userType, studentName, isDraftMilestonePresent, ...restNoActiveMilestoneProps }) => {\n    const { canCreatePlan, onCreatePlan, isFiltersAdded } = restNoActiveMilestoneProps;\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const title = getNoMilestoneTitle(\n      isFiltersAdded,\n      isDraftMilestonePresent,\n      studentName,\n      userType,\n    );\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $gapX={1.5}\n        $gutterX={1.5}\n        $borderColor=\"WHITE_4\"\n        $background=\"YELLOW_1\"\n        $flexGapX={1}\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <FlexView $flexGapX={1}>\n          <Styled.StyledText $renderAs=\"ab2\" $widthX={19.5}>\n            {title}\n          </Styled.StyledText>\n\n          {userType === 'TEACHER' && (\n            <ButtonWrapper shouldShow={!isFiltersAdded}>\n              {!isDraftMilestonePresent && (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  tooltipItem=\"Goals can only be added for students who have joined the class\"\n                  hidden={canCreatePlan}\n                  position=\"bottom\"\n                >\n                  <Button\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    label=\"Add a Goal\"\n                    onClick={handleCreatePlan}\n                    disabled={!canCreatePlan}\n                  />\n                </ArrowTooltip>\n              )}\n            </ButtonWrapper>\n          )}\n        </FlexView>\n\n        <Image\n          withLoader={false}\n          width={240}\n          height={100}\n          src={ILLUSTRATIONS.PUZZLE_STUDENT}\n          alt=\"learning-planner\"\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default NoActiveMilestone;\n"],"names":["ButtonWrapper","styled","shouldShow","NoActiveMilestone","memo","userType","studentName","isDraftMilestonePresent","restNoActiveMilestoneProps","canCreatePlan","onCreatePlan","isFiltersAdded","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","title","getNoMilestoneTitle","jsxs","FlexView","jsx","Styled.StyledText","ArrowTooltip","Button","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAgBC,EAAO;AAAA,aAChB,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,UAAU,MAAO;AAAA,GAG1DC,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,yBAAAC,GAAyB,GAAGC,QAAiC;AACrF,UAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,gBAAAC,EAAA,IAAmBH,GAClDI,IAAuBC,EAAWC,CAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAAN,KAAA,QAAAA,EAAeE;AAAA,IAAoB,GAClC,CAACF,GAAcE,CAAoB,CAAC,GAEjCK,IAAQC;AAAA,MACZP;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA;AAIA,WAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,GACnB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,SAAS,MACzC,UACHL,GAAA;AAAA,YAECZ,MAAa,aACX,gBAAAgB,EAAArB,GAAA,EAAc,YAAY,CAACW,GACzB,WAACJ,KACA,gBAAAc;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,aAAY;AAAA,gBACZ,QAAQd;AAAA,gBACR,UAAS;AAAA,gBAET,UAAA,gBAAAY;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAAST;AAAA,oBACT,UAAU,CAACN;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YAAA,GAGN;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAY;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/worksheet/worksheet/hooks/use-learnosity-append.js

@@ -1,42 +1,46 @@
-import { useCallback as d } from "react";
-import c from "../../../hooks/use-is-unmounted.js";
-const m = (s) => {
-  const r = c();
-  return { forceAppend: d(
-    ({ question: t, response: a, callback: o }) => {
-      const i = JSON.parse(s);
-      let p = !1;
-      i.type = "local_practice";
-      const n = window.LearnosityApp.init(i, {
+import { useCallback as l } from "react";
+import m from "../../../hooks/use-is-unmounted.js";
+const L = (i) => {
+  const t = m();
+  return { forceAppend: l(
+    ({ question: o, response: u, removeOldElements: a, callback: p }) => {
+      const c = JSON.parse(i), r = document.querySelector(`.learnosity-response.question-${o.response_id}`), s = r == null ? void 0 : r.parentNode;
+      let d = !1;
+      c.type = "local_practice";
+      const n = window.LearnosityApp.init(c, {
         readyListener: () => {
-          if (!r.current) {
-            if (!p)
-              n.append({
-                questions: [t],
+          if (!t.current) {
+            if (!d)
+              a === "before" && s && s.childNodes.forEach((e) => {
+                e !== r && e.remove();
+              }), n.append({
+                questions: [o],
                 responses: {
-                  [t.response_id]: {
-                    ...a
+                  [o.response_id]: {
+                    ...u
                   }
                 }
               });
             else {
-              const e = n.question(t.response_id);
+              const e = n.question(o.response_id);
               e && (e.disable(), e.validate({
                 showCorrectAnswers: !0
-              })), n.renderMath("mathjax"), o();
+              })), n.renderMath("mathjax"), a === "after" && s && s.childNodes.forEach((f) => {
+                f !== r && f.remove();
+              }), p();
             }
-            p = !0;
+            d = !0;
           }
         },
         errorListener: (e) => {
-          r.current || o(e);
+          t.current || p(e);
         }
       });
     },
-    [s, r]
+    [i, t]
   ) };
 };
 export {
-  m as default
+  L as default
 };
 //# sourceMappingURL=use-learnosity-append.js.map

package/dist/features/worksheet/worksheet/hooks/use-learnosity-append.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-learnosity-append.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-learnosity-append.ts"],"sourcesContent":["import type {\n  ILearnosityError,\n  ILearnosityQuestionResponse,\n  IWorksheetQuestion,\n} from '../worksheet-types';\nimport type { MutableRefObject } from 'react';\n\nimport { useCallback } from 'react';\n\nimport useIsUnmounted from '../../../hooks/use-is-unmounted';\n\ninterface IForceAppend {\n  (options: {\n    question: IWorksheetQuestion;\n    response: ILearnosityQuestionResponse;\n    callback: (error?: ILearnosityError) => void;\n  }): void;\n}\n\ninterface IUseLearnosityAppend {\n  (\n    signedRequest: string,\n    loggerRef?: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>,\n  ): { forceAppend: IForceAppend };\n}\n\nconst useLearnosityAppend: IUseLearnosityAppend = signedRequest => {\n  const unmountedRef = useIsUnmounted();\n  const forceAppend = useCallback<IForceAppend>(\n    ({ question, response, callback }) => {\n      const parsedRequest = JSON.parse(signedRequest);\n      let readyListenerFiredOnce = false;\n\n      parsedRequest.type = 'local_practice';\n\n      const learnosity = window.LearnosityApp.init(parsedRequest, {\n        readyListener: () => {\n          if (unmountedRef.current) return;\n\n          if (!readyListenerFiredOnce) {\n            learnosity.append({\n              questions: [question],\n              responses: {\n                [question.response_id]: {\n                  ...response,\n                },\n              },\n            });\n          } else {\n            const q = learnosity.question(question.response_id);\n\n            if (q) {\n              q.disable();\n              q.validate({\n                showCorrectAnswers: true,\n              });\n            }\n\n            learnosity.renderMath('mathjax');\n\n            callback();\n          }\n\n          readyListenerFiredOnce = true;\n        },\n        errorListener: (error: ILearnosityError) => {\n          if (unmountedRef.current) return;\n\n          callback(error as ILearnosityError);\n        },\n      });\n    },\n    [signedRequest, unmountedRef],\n  );\n\n  return { forceAppend };\n};\n\nexport default useLearnosityAppend;\n"],"names":["useLearnosityAppend","signedRequest","unmountedRef","useIsUnmounted","useCallback","question","response","callback","parsedRequest","readyListenerFiredOnce","learnosity","q","error"],"mappings":";;AA0BA,MAAMA,IAA4C,CAAiBC,MAAA;AACjE,QAAMC,IAAeC;AAgDrB,SAAO,EAAE,aA/CWC;AAAA,IAClB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,UAAAC,QAAe;AAC9B,YAAAC,IAAgB,KAAK,MAAMP,CAAa;AAC9C,UAAIQ,IAAyB;AAE7B,MAAAD,EAAc,OAAO;AAErB,YAAME,IAAa,OAAO,cAAc,KAAKF,GAAe;AAAA,QAC1D,eAAe,MAAM;AACnB,cAAI,CAAAN,EAAa,SAEjB;AAAA,gBAAI,CAACO;AACH,cAAAC,EAAW,OAAO;AAAA,gBAChB,WAAW,CAACL,CAAQ;AAAA,gBACpB,WAAW;AAAA,kBACT,CAACA,EAAS,WAAW,GAAG;AAAA,oBACtB,GAAGC;AAAA,kBACL;AAAA,gBACF;AAAA,cAAA,CACD;AAAA,iBACI;AACL,oBAAMK,IAAID,EAAW,SAASL,EAAS,WAAW;AAElD,cAAIM,MACFA,EAAE,QAAQ,GACVA,EAAE,SAAS;AAAA,gBACT,oBAAoB;AAAA,cAAA,CACrB,IAGHD,EAAW,WAAW,SAAS,GAEtBH;YACX;AAEyB,YAAAE,IAAA;AAAA;AAAA,QAC3B;AAAA,QACA,eAAe,CAACG,MAA4B;AAC1C,UAAIV,EAAa,WAEjBK,EAASK,CAAyB;AAAA,QACpC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACX,GAAeC,CAAY;AAAA,EAAA,EAGT;AACvB;"}
+{"version":3,"file":"use-learnosity-append.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-learnosity-append.ts"],"sourcesContent":["import type {\n  ILearnosityError,\n  ILearnosityQuestionResponse,\n  IWorksheetQuestion,\n} from '../worksheet-types';\nimport type { MutableRefObject } from 'react';\n\nimport { useCallback } from 'react';\n\nimport useIsUnmounted from '../../../hooks/use-is-unmounted';\n\ninterface IForceAppend {\n  (options: {\n    question: IWorksheetQuestion;\n    response: ILearnosityQuestionResponse;\n    callback: (error?: ILearnosityError) => void;\n    removeOldElements: 'before' | 'after';\n  }): void;\n}\n\ninterface IUseLearnosityAppend {\n  (\n    signedRequest: string,\n    loggerRef?: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>,\n  ): { forceAppend: IForceAppend };\n}\n\nconst useLearnosityAppend: IUseLearnosityAppend = signedRequest => {\n  const unmountedRef = useIsUnmounted();\n  const forceAppend = useCallback<IForceAppend>(\n    ({ question, response, removeOldElements, callback }) => {\n      const parsedRequest = JSON.parse(signedRequest);\n      const $el = document.querySelector(`.learnosity-response.question-${question.response_id}`);\n      const $parentEl = $el?.parentNode;\n      let readyListenerFiredOnce = false;\n\n      parsedRequest.type = 'local_practice';\n\n      const learnosity = window.LearnosityApp.init(parsedRequest, {\n        readyListener: () => {\n          if (unmountedRef.current) return;\n\n          if (!readyListenerFiredOnce) {\n            if (removeOldElements === 'before' && $parentEl) {\n              $parentEl.childNodes.forEach(child => {\n                if (child !== $el) {\n                  child.remove();\n                }\n              });\n            }\n\n            learnosity.append({\n              questions: [question],\n              responses: {\n                [question.response_id]: {\n                  ...response,\n                },\n              },\n            });\n          } else {\n            const q = learnosity.question(question.response_id);\n\n            if (q) {\n              q.disable();\n              q.validate({\n                showCorrectAnswers: true,\n              });\n            }\n\n            learnosity.renderMath('mathjax');\n\n            if (removeOldElements === 'after' && $parentEl) {\n              $parentEl.childNodes.forEach(child => {\n                if (child !== $el) {\n                  child.remove();\n                }\n              });\n            }\n\n            callback();\n          }\n\n          readyListenerFiredOnce = true;\n        },\n        errorListener: (error: ILearnosityError) => {\n          if (unmountedRef.current) return;\n\n          callback(error as ILearnosityError);\n        },\n      });\n    },\n    [signedRequest, unmountedRef],\n  );\n\n  return { forceAppend };\n};\n\nexport default useLearnosityAppend;\n"],"names":["useLearnosityAppend","signedRequest","unmountedRef","useIsUnmounted","useCallback","question","response","removeOldElements","callback","parsedRequest","$el","$parentEl","readyListenerFiredOnce","learnosity","child","q","error"],"mappings":";;AA2BA,MAAMA,IAA4C,CAAiBC,MAAA;AACjE,QAAMC,IAAeC;AAkErB,SAAO,EAAE,aAjEWC;AAAA,IAClB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,mBAAAC,GAAmB,UAAAC,QAAe;AACjD,YAAAC,IAAgB,KAAK,MAAMR,CAAa,GACxCS,IAAM,SAAS,cAAc,iCAAiCL,EAAS,WAAW,EAAE,GACpFM,IAAYD,KAAA,gBAAAA,EAAK;AACvB,UAAIE,IAAyB;AAE7B,MAAAH,EAAc,OAAO;AAErB,YAAMI,IAAa,OAAO,cAAc,KAAKJ,GAAe;AAAA,QAC1D,eAAe,MAAM;AACnB,cAAI,CAAAP,EAAa,SAEjB;AAAA,gBAAI,CAACU;AACC,cAAAL,MAAsB,YAAYI,KAC1BA,EAAA,WAAW,QAAQ,CAASG,MAAA;AACpC,gBAAIA,MAAUJ,KACZI,EAAM,OAAO;AAAA,cACf,CACD,GAGHD,EAAW,OAAO;AAAA,gBAChB,WAAW,CAACR,CAAQ;AAAA,gBACpB,WAAW;AAAA,kBACT,CAACA,EAAS,WAAW,GAAG;AAAA,oBACtB,GAAGC;AAAA,kBACL;AAAA,gBACF;AAAA,cAAA,CACD;AAAA,iBACI;AACL,oBAAMS,IAAIF,EAAW,SAASR,EAAS,WAAW;AAElD,cAAIU,MACFA,EAAE,QAAQ,GACVA,EAAE,SAAS;AAAA,gBACT,oBAAoB;AAAA,cAAA,CACrB,IAGHF,EAAW,WAAW,SAAS,GAE3BN,MAAsB,WAAWI,KACzBA,EAAA,WAAW,QAAQ,CAASG,MAAA;AACpC,gBAAIA,MAAUJ,KACZI,EAAM,OAAO;AAAA,cACf,CACD,GAGMN;YACX;AAEyB,YAAAI,IAAA;AAAA;AAAA,QAC3B;AAAA,QACA,eAAe,CAACI,MAA4B;AAC1C,UAAId,EAAa,WAEjBM,EAASQ,CAAyB;AAAA,QACpC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACf,GAAeC,CAAY;AAAA,EAAA,EAGT;AACvB;"}

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js

@@ -1,63 +1,63 @@
-import { jsx as S } from "react/jsx-runtime";
-import { memo as g, useRef as I, useCallback as M, useEffect as m } from "react";
-import Q from "../hooks/use-learnosity-append.js";
-import { LearnosityQuestionContainer as $ } from "./worksheet-question-styled.js";
-const D = g(
+import { jsx as v } from "react/jsx-runtime";
+import { memo as R, useRef as E, useCallback as A, useEffect as m } from "react";
+import g from "../hooks/use-learnosity-append.js";
+import { LearnosityQuestionContainer as b } from "./worksheet-question-styled.js";
+const N = R(
   ({
-    signedRequest: R,
+    signedRequest: S,
     appended: o,
-    canRender: E,
+    canRender: I,
     canForceAppend: a,
-    question: n,
+    question: t,
     response: s,
     learnosity: w,
-    isConceptIntro: h,
-    simState: u,
+    isConceptIntro: M,
+    simState: c,
     onMediaStateChange: _
   }) => {
-    const c = I(null), t = I(s), { forceAppend: p } = Q(R), d = M(
+    const l = E(null), n = E(s), { forceAppend: p } = g(S), d = A(
       (e) => {
-        const { source: r, data: i } = e, { type: l } = i ?? {};
-        l === "SIM_IS_READY" ? r.postMessage(
+        const { source: r, data: i } = e, { type: u } = i ?? {};
+        u === "SIM_IS_READY" ? r.postMessage(
           {
             type: "SIMULATION_CONFIG",
             payload: {
               userRole: a ? "teacher" : "student",
-              simulationState: u
+              simulationState: c
             }
           },
           "*"
-        ) : l === "SIM_STATE_UPDATE" && _(n, "SIMULATION", e.data.payload);
+        ) : u === "SIM_STATE_UPDATE" && _(t, "SIMULATION", e.data.payload);
       },
-      [a, u, _, n]
-    ), y = M(
+      [a, c, _, t]
+    ), y = A(
       (e) => {
         window.requestAnimationFrame(() => {
-          var i, l, T;
+          var i, u, T;
           const r = document.createElement("div");
-          r.classList.add("learnosity-response"), r.classList.add(`question-${n.response_id}`), (l = (i = c.current) == null ? void 0 : i.children[0]) == null || l.querySelectorAll("svg path").forEach((f) => {
+          r.classList.add("learnosity-response"), r.classList.add(`question-${t.response_id}`), (u = (i = l.current) == null ? void 0 : i.children[0]) == null || u.querySelectorAll(".lrn_drawing svg path").forEach((f) => {
             f.id = `${f.id} + temp`;
-          }), (T = c.current) == null || T.append(r), p({
-            question: n,
+          }), (T = l.current) == null || T.append(r), p({
+            question: t,
             response: e,
+            removeOldElements: t.type === "numberline" ? "before" : "after",
             callback: (f) => {
-              var v, A;
-              f || ((A = (v = c.current) == null ? void 0 : v.children[0]) == null || A.remove(), t.current && t.current !== e ? y(t.current) : t.current = void 0);
+              f || (n.current && n.current !== e ? y(n.current) : n.current = void 0);
             }
           });
         });
       },
-      [p, n]
-    ), L = I(!1);
+      [p, t]
+    ), L = E(!1);
     return m(() => {
       let e;
-      return E && (L.current || (e = window.requestAnimationFrame(() => {
-        const r = t.current ?? s;
+      return I && (L.current || (e = window.requestAnimationFrame(() => {
+        const r = n.current ?? s;
         L.current = !0, w.appendQuestion({
-          questions: [n],
+          questions: [t],
           ...r ? {
             responses: {
-              [n.response_id]: {
+              [t.response_id]: {
                 // Learnosity is mutating the response object, so we need to clone it
                 ...r
               }
@@ -67,37 +67,37 @@ const D = g(
       }))), () => {
         e && window.cancelAnimationFrame(e);
       };
-    }, [E, w, n, s]), m(() => {
+    }, [I, w, t, s]), m(() => {
       var e;
-      return o && (t.current = void 0, (e = c.current) != null && e.querySelector("iframe") && window.addEventListener("message", d)), () => {
+      return o && (n.current = void 0, (e = l.current) != null && e.querySelector("iframe") && window.addEventListener("message", d)), () => {
         window.removeEventListener("message", d);
       };
     }, [o, d]), m(() => {
       var e, r;
-      if (u && o) {
-        const i = (e = c.current) == null ? void 0 : e.querySelector("iframe");
+      if (c && o) {
+        const i = (e = l.current) == null ? void 0 : e.querySelector("iframe");
         i && ((r = i.contentWindow) == null || r.postMessage(
           {
             type: "SIM_STATE_UPDATE",
-            payload: u
+            payload: c
           },
           "*"
         ));
       }
-    }, [o, a, u]), m(() => {
-      o && s && a && s !== t.current && (t.current ? t.current = s : (t.current = s, y(s)));
-    }, [o, a, s, y]), /* @__PURE__ */ S(
-      $,
+    }, [o, a, c]), m(() => {
+      o && s && a && s !== n.current && (n.current ? n.current = s : (n.current = s, y(s)));
+    }, [o, a, s, y]), /* @__PURE__ */ v(
+      b,
       {
-        ref: c,
-        $isConceptIntro: h,
+        ref: l,
+        $isConceptIntro: M,
         $isTeacher: a,
-        children: /* @__PURE__ */ S("div", { className: `learnosity-response question-${n.response_id}` })
+        children: /* @__PURE__ */ v("div", { className: `learnosity-response question-${t.response_id}` })
       }
     );
   }
 );
 export {
-  D as default
+  N as default
 };
 //# sourceMappingURL=learnosity-question.js.map

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map

@@ -1 +1 @@
-{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n    simState,\n    onMediaStateChange,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const handleSimIframeMessage = useCallback(\n      (event: MessageEvent) => {\n        const { source, data } = event;\n        const { type } = data ?? ({} as { type: string });\n\n        if (type === 'SIM_IS_READY') {\n          (source as Window).postMessage(\n            {\n              type: 'SIMULATION_CONFIG',\n              payload: {\n                userRole: canForceAppend ? 'teacher' : 'student',\n                simulationState: simState,\n              },\n            },\n            '*',\n          );\n        } else if (type === 'SIM_STATE_UPDATE') {\n          onMediaStateChange(question, 'SIMULATION', event.data.payload);\n        }\n      },\n      [canForceAppend, simState, onMediaStateChange, question],\n    );\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]?.querySelectorAll('svg path').forEach(path => {\n            path.id = `${path.id} + temp`;\n          });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            callback: error => {\n              if (error) return;\n\n              containerElementRef.current?.children[0]?.remove();\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n\n        if (containerElementRef.current?.querySelector('iframe')) {\n          window.addEventListener('message', handleSimIframeMessage);\n        }\n      }\n\n      return () => {\n        window.removeEventListener('message', handleSimIframeMessage);\n      };\n    }, [appended, handleSimIframeMessage]);\n\n    useEffect(() => {\n      if (simState && appended) {\n        const simIframe = containerElementRef.current?.querySelector('iframe');\n\n        if (simIframe) {\n          simIframe.contentWindow?.postMessage(\n            {\n              type: 'SIM_STATE_UPDATE',\n              payload: simState,\n            },\n            '*',\n          );\n        }\n      }\n    }, [appended, canForceAppend, simState]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","simState","onMediaStateChange","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","handleSimIframeMessage","useCallback","event","source","data","type","updateResponse","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","simIframe","jsx","Styled.LearnosityQuestionContainer"],"mappings":"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"}
+{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n    simState,\n    onMediaStateChange,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const handleSimIframeMessage = useCallback(\n      (event: MessageEvent) => {\n        const { source, data } = event;\n        const { type } = data ?? ({} as { type: string });\n\n        if (type === 'SIM_IS_READY') {\n          (source as Window).postMessage(\n            {\n              type: 'SIMULATION_CONFIG',\n              payload: {\n                userRole: canForceAppend ? 'teacher' : 'student',\n                simulationState: simState,\n              },\n            },\n            '*',\n          );\n        } else if (type === 'SIM_STATE_UPDATE') {\n          onMediaStateChange(question, 'SIMULATION', event.data.payload);\n        }\n      },\n      [canForceAppend, simState, onMediaStateChange, question],\n    );\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]\n            ?.querySelectorAll('.lrn_drawing svg path')\n            .forEach(path => {\n              path.id = `${path.id} + temp`;\n            });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            removeOldElements: question.type === 'numberline' ? 'before' : 'after',\n            callback: error => {\n              if (error) return;\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n\n        if (containerElementRef.current?.querySelector('iframe')) {\n          window.addEventListener('message', handleSimIframeMessage);\n        }\n      }\n\n      return () => {\n        window.removeEventListener('message', handleSimIframeMessage);\n      };\n    }, [appended, handleSimIframeMessage]);\n\n    useEffect(() => {\n      if (simState && appended) {\n        const simIframe = containerElementRef.current?.querySelector('iframe');\n\n        if (simIframe) {\n          simIframe.contentWindow?.postMessage(\n            {\n              type: 'SIM_STATE_UPDATE',\n              payload: simState,\n            },\n            '*',\n          );\n        }\n      }\n    }, [appended, canForceAppend, simState]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","simState","onMediaStateChange","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","handleSimIframeMessage","useCallback","event","source","data","type","updateResponse","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","simIframe","jsx","Styled.LearnosityQuestionContainer"],"mappings":"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"}

package/dist/index.d.ts

@@ -350,7 +350,7 @@ export declare const EditMilestoneModal: React_2.FC<IEditMilestoneModalProps>;
 export declare const EditStarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare enum ELeaderboardType {
-    BI_WEEKLY = "biWeekly",
+    BI_WEEKLY = "bi_weekly",
     ALL_TIME = "global",
     ALL_TIME_STREAK = "globalStreak"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.21",
+  "version": "3.1.22-akm-2",
   "type": "module",
   "files": [
     "dist"