@cuemath/leap 3.1.20 → 3.1.22-akm-1

package/dist/features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js

@@ -9,11 +9,11 @@ const k = (t) => {
   }, [s, t]), d(() => {
     let m = null;
     r && a && (m = {
-      biWeekly: {
-        currentTimestamp: a.biWeekly.currentTimestamp,
-        startTimestamp: a.biWeekly.startTimestamp,
-        endTimestamp: a.biWeekly.endTimestamp,
-        leaderboardPlayers: a.biWeekly.leaderboardUsers.map((e) => ({
+      bi_weekly: {
+        currentTimestamp: a.bi_weekly.currentTimestamp,
+        startTimestamp: a.bi_weekly.startTimestamp,
+        endTimestamp: a.bi_weekly.endTimestamp,
+        leaderboardPlayers: a.bi_weekly.leaderboardUsers.map((e) => ({
           userId: e.user_id,
           userAvatar: e.userAvatar,
           username: e.username,

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

@@ -1 +1 @@
-{"version":3,"file":"use-get-leaderboard-dal.js","sources":["../../../../../../src/features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../../ui/avatar/avatar-types';\nimport type {\n  ILeaderboardDetails,\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './use-get-leaderboard-dal-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { useGetLeaderboard } from '../../api/get-leaderboard/get-leaderboard';\n\nexport const useGetLeaderboardDal = (\n  userId: string,\n): Omit<ReturnType<typeof useGetLeaderboard>, 'data' | 'get'> & {\n  data: ILeaderboardDetails | null;\n} => {\n  const [leaderboardDetails, setLeaderboardDetails] = useState<ILeaderboardDetails | null>(null);\n  const { data, get: getLeaderboards, isProcessed, ...rest } = useGetLeaderboard();\n\n  useEffect(() => {\n    getLeaderboards('', {\n      user_id: userId,\n    });\n  }, [getLeaderboards, userId]);\n\n  useEffect(() => {\n    let leaderboard: ILeaderboardDetails | null = null;\n\n    if (isProcessed && data) {\n      leaderboard = {\n        biWeekly: {\n          currentTimestamp: data.biWeekly.currentTimestamp,\n          startTimestamp: data.biWeekly.startTimestamp,\n          endTimestamp: data.biWeekly.endTimestamp,\n          leaderboardPlayers: data.biWeekly.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        global: {\n          currentTimestamp: data.global.currentTimestamp,\n          startTimestamp: data.global.startTimestamp,\n          endTimestamp: data.global.endTimestamp,\n          leaderboardPlayers: data.global.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        globalStreak: {\n          currentTimestamp: data.globalStreak.currentTimestamp,\n          startTimestamp: data.globalStreak.startTimestamp,\n          endTimestamp: data.globalStreak.endTimestamp,\n          leaderboardPlayers: data.globalStreak.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              streakDays: player.streak_days!,\n            };\n          }) as ILeaderboardPlayerWithStreak[],\n        },\n      };\n    }\n    setLeaderboardDetails(leaderboard);\n  }, [data, isProcessed]);\n\n  return { data: leaderboardDetails, isProcessed, ...rest };\n};\n"],"names":["useGetLeaderboardDal","userId","leaderboardDetails","setLeaderboardDetails","useState","data","getLeaderboards","isProcessed","rest","useGetLeaderboard","useEffect","leaderboard","player"],"mappings":";;AAWa,MAAAA,IAAuB,CAClCC,MAGG;AACH,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAqC,IAAI,GACvF,EAAE,MAAAC,GAAM,KAAKC,GAAiB,aAAAC,GAAa,GAAGC,EAAA,IAASC;AAE7D,SAAAC,EAAU,MAAM;AACd,IAAAJ,EAAgB,IAAI;AAAA,MAClB,SAASL;AAAA,IAAA,CACV;AAAA,EAAA,GACA,CAACK,GAAiBL,CAAM,CAAC,GAE5BS,EAAU,MAAM;AACd,QAAIC,IAA0C;AAE9C,IAAIJ,KAAeF,MACHM,IAAA;AAAA,MACZ,UAAU;AAAA,QACR,kBAAkBN,EAAK,SAAS;AAAA,QAChC,gBAAgBA,EAAK,SAAS;AAAA,QAC9B,cAAcA,EAAK,SAAS;AAAA,QAC5B,oBAAoBA,EAAK,SAAS,iBAAiB,IAAI,CAAUO,OACxD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QAAA,EAElB;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkBP,EAAK,OAAO;AAAA,QAC9B,gBAAgBA,EAAK,OAAO;AAAA,QAC5B,cAAcA,EAAK,OAAO;AAAA,QAC1B,oBAAoBA,EAAK,OAAO,iBAAiB,IAAI,CAAUO,OACtD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QAAA,EAElB;AAAA,MACH;AAAA,MACA,cAAc;AAAA,QACZ,kBAAkBP,EAAK,aAAa;AAAA,QACpC,gBAAgBA,EAAK,aAAa;AAAA,QAClC,cAAcA,EAAK,aAAa;AAAA,QAChC,oBAAoBA,EAAK,aAAa,iBAAiB,IAAI,CAAUO,OAC5D;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,YAAYA,EAAO;AAAA,QAAA,EAEtB;AAAA,MACH;AAAA,IAAA,IAGJT,EAAsBQ,CAAW;AAAA,EAAA,GAChC,CAACN,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAoB,aAAAK,GAAa,GAAGC,EAAK;AAC1D;"}
+{"version":3,"file":"use-get-leaderboard-dal.js","sources":["../../../../../../src/features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../../ui/avatar/avatar-types';\nimport type {\n  ILeaderboardDetails,\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './use-get-leaderboard-dal-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { useGetLeaderboard } from '../../api/get-leaderboard/get-leaderboard';\n\nexport const useGetLeaderboardDal = (\n  userId: string,\n): Omit<ReturnType<typeof useGetLeaderboard>, 'data' | 'get'> & {\n  data: ILeaderboardDetails | null;\n} => {\n  const [leaderboardDetails, setLeaderboardDetails] = useState<ILeaderboardDetails | null>(null);\n  const { data, get: getLeaderboards, isProcessed, ...rest } = useGetLeaderboard();\n\n  useEffect(() => {\n    getLeaderboards('', {\n      user_id: userId,\n    });\n  }, [getLeaderboards, userId]);\n\n  useEffect(() => {\n    let leaderboard: ILeaderboardDetails | null = null;\n\n    if (isProcessed && data) {\n      leaderboard = {\n        bi_weekly: {\n          currentTimestamp: data.bi_weekly.currentTimestamp,\n          startTimestamp: data.bi_weekly.startTimestamp,\n          endTimestamp: data.bi_weekly.endTimestamp,\n          leaderboardPlayers: data.bi_weekly.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        global: {\n          currentTimestamp: data.global.currentTimestamp,\n          startTimestamp: data.global.startTimestamp,\n          endTimestamp: data.global.endTimestamp,\n          leaderboardPlayers: data.global.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        globalStreak: {\n          currentTimestamp: data.globalStreak.currentTimestamp,\n          startTimestamp: data.globalStreak.startTimestamp,\n          endTimestamp: data.globalStreak.endTimestamp,\n          leaderboardPlayers: data.globalStreak.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              streakDays: player.streak_days!,\n            };\n          }) as ILeaderboardPlayerWithStreak[],\n        },\n      };\n    }\n    setLeaderboardDetails(leaderboard);\n  }, [data, isProcessed]);\n\n  return { data: leaderboardDetails, isProcessed, ...rest };\n};\n"],"names":["useGetLeaderboardDal","userId","leaderboardDetails","setLeaderboardDetails","useState","data","getLeaderboards","isProcessed","rest","useGetLeaderboard","useEffect","leaderboard","player"],"mappings":";;AAWa,MAAAA,IAAuB,CAClCC,MAGG;AACH,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAqC,IAAI,GACvF,EAAE,MAAAC,GAAM,KAAKC,GAAiB,aAAAC,GAAa,GAAGC,EAAA,IAASC;AAE7D,SAAAC,EAAU,MAAM;AACd,IAAAJ,EAAgB,IAAI;AAAA,MAClB,SAASL;AAAA,IAAA,CACV;AAAA,EAAA,GACA,CAACK,GAAiBL,CAAM,CAAC,GAE5BS,EAAU,MAAM;AACd,QAAIC,IAA0C;AAE9C,IAAIJ,KAAeF,MACHM,IAAA;AAAA,MACZ,WAAW;AAAA,QACT,kBAAkBN,EAAK,UAAU;AAAA,QACjC,gBAAgBA,EAAK,UAAU;AAAA,QAC/B,cAAcA,EAAK,UAAU;AAAA,QAC7B,oBAAoBA,EAAK,UAAU,iBAAiB,IAAI,CAAUO,OACzD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QAAA,EAElB;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkBP,EAAK,OAAO;AAAA,QAC9B,gBAAgBA,EAAK,OAAO;AAAA,QAC5B,cAAcA,EAAK,OAAO;AAAA,QAC1B,oBAAoBA,EAAK,OAAO,iBAAiB,IAAI,CAAUO,OACtD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QAAA,EAElB;AAAA,MACH;AAAA,MACA,cAAc;AAAA,QACZ,kBAAkBP,EAAK,aAAa;AAAA,QACpC,gBAAgBA,EAAK,aAAa;AAAA,QAClC,cAAcA,EAAK,aAAa;AAAA,QAChC,oBAAoBA,EAAK,aAAa,iBAAiB,IAAI,CAAUO,OAC5D;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,YAAYA,EAAO;AAAA,QAAA,EAEtB;AAAA,MACH;AAAA,IAAA,IAGJT,EAAsBQ,CAAW;AAAA,EAAA,GAChC,CAACN,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAoB,aAAAK,GAAa,GAAGC,EAAK;AAC1D;"}

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/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/ui/modals/modal-provider.js

@@ -1,48 +1,51 @@
-import { jsxs as k, jsx as C } from "react/jsx-runtime";
-import { memo as E, useState as a, useCallback as M, useMemo as x, useEffect as u } from "react";
-import y from "./modal.js";
-import I from "./modal-context.js";
-import { lockScroll as S, unlockScroll as h } from "./modal-helpers.js";
-const D = 500, T = E(({ children: w, modals: d, isUserAuthenticated: t }) => {
-  const [o, c] = a(null), [f, v] = a(void 0), [s, r] = a(!1), m = M(
-    (n, l) => {
-      const i = d.find((P) => P.name === n);
-      if (!i)
-        throw new Error(`Modal with name "${n}" not found`);
-      if (i.isPrivate && !t)
+import { jsxs as x, jsx as y } from "react/jsx-runtime";
+import { memo as D, useState as d, useRef as I, useCallback as f, useMemo as S, useEffect as w } from "react";
+import b from "./modal.js";
+import h from "./modal-context.js";
+import { lockScroll as R, unlockScroll as T } from "./modal-helpers.js";
+const $ = 500, g = D(({ children: p, modals: u, isUserAuthenticated: t }) => {
+  const [o, M] = d(null), [m, C] = d(void 0), [r, i] = d(!1), l = I(void 0), v = f(
+    (e, s, P) => {
+      const c = u.find((E) => E.name === e);
+      if (!c)
+        throw new Error(`Modal with name "${e}" not found`);
+      if (c.isPrivate && !t)
         throw new Error(
-          `Access violation: Modal "${n}" is private and user is not authenticated`
+          `Access violation: Modal "${e}" is private and user is not authenticated`
         );
-      r(!1), c(i), v(l), S();
+      l.current = P, i(!1), M(c), C(s), R();
     },
-    [t, d]
-  ), e = M(() => {
-    r(!0), h(), setTimeout(() => {
-      c(null), r(!1);
-    }, D);
-  }, []), p = x(
+    [t, u]
+  ), n = f(() => {
+    i(!0), T(), setTimeout(() => {
+      M(null), i(!1);
+    }, $);
+  }, []), k = S(
     () => ({
       modal: o,
-      modalParams: f,
-      openModal: m,
-      closeModal: e,
-      isClosing: s
+      modalParams: m,
+      openModal: v,
+      closeModal: n,
+      isClosing: r
     }),
-    [o, f, m, e, s]
-  );
-  return u(() => {
-    !t && (o != null && o.isPrivate) && e();
-  }, [t, o, e]), u(() => {
-    const n = (l) => {
-      l.key === "Escape" && (o == null ? void 0 : o.isDismissable) !== !1 && !s && e();
+    [o, m, v, n, r]
+  ), a = f(() => {
+    var e, s;
+    (o == null ? void 0 : o.isDismissable) !== !1 && !r && (n(), l.current && ((s = (e = l.current).onCloseModal) == null || s.call(e), l.current.onCloseModal = void 0));
+  }, [o, n, r]);
+  return w(() => {
+    !t && (o != null && o.isPrivate) && n();
+  }, [t, o, n]), w(() => {
+    const e = (s) => {
+      s.key === "Escape" && a();
     };
-    return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-  }, [o, e, s]), /* @__PURE__ */ k(I.Provider, { value: p, children: [
-    w,
-    o && /* @__PURE__ */ C(y, { modal: o, isClosing: s, onClose: e })
+    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+  }, [a]), /* @__PURE__ */ x(h.Provider, { value: k, children: [
+    p,
+    o && /* @__PURE__ */ y(b, { modal: o, isClosing: r, onClose: a })
   ] });
-}), O = T;
+}), K = g;
 export {
-  O as default
+  K as default
 };
 //# sourceMappingURL=modal-provider.js.map

package/dist/features/ui/modals/modal-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/**\n * Provider component that manages modal state and provides modal context to child components\n */\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n  const [modal, setModal] = useState<IModal | null>(null);\n  const [modalParams, setModalParams] = useState<Record<string, unknown> | undefined>(undefined);\n  const [isClosing, setIsClosing] = useState(false);\n\n  /**\n   * Opens a modal by name with optional parameters\n   * Handles authentication check for private modals\n   */\n  const openModal = useCallback<IModalContext['openModal']>(\n    (modalName, newModalParams) => {\n      const newModal = modals.find(m => m.name === modalName);\n\n      if (!newModal) {\n        throw new Error(`Modal with name \"${modalName}\" not found`);\n      }\n\n      if (newModal.isPrivate && !isUserAuthenticated) {\n        throw new Error(\n          `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n        );\n      }\n\n      setIsClosing(false);\n      setModal(newModal);\n      setModalParams(newModalParams as unknown as Record<string, unknown> | undefined);\n      lockScroll(); // Lock scroll while preserving scrollbar width\n    },\n    [isUserAuthenticated, modals],\n  );\n\n  const closeModal = useCallback(() => {\n    setIsClosing(true);\n    // Wait for the animation to complete before removing the modal\n    unlockScroll();\n    setTimeout(() => {\n      setModal(null);\n      setIsClosing(false);\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const modalContent = useMemo<IModalContext>(\n    () => ({\n      modal,\n      modalParams,\n      openModal,\n      closeModal,\n      isClosing,\n    }),\n    [modal, modalParams, openModal, closeModal, isClosing],\n  );\n\n  useEffect(() => {\n    if (!isUserAuthenticated && modal?.isPrivate) {\n      // If the modal is private and user is not authenticated, close it\n      closeModal();\n    }\n  }, [isUserAuthenticated, modal, closeModal]);\n\n  // Handle ESC key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && modal?.isDismissable !== false && !isClosing) {\n        closeModal();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [modal, closeModal, isClosing]);\n\n  return (\n    <ModalContext.Provider value={modalContent}>\n      {children}\n      {modal && <Modal modal={modal} isClosing={isClosing} onClose={closeModal} />}\n    </ModalContext.Provider>\n  );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","openModal","useCallback","modalName","newModalParams","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal","ModalProvider$1"],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAM1CK,IAAYC;AAAA,IAChB,CAACC,GAAWC,MAAmB;AAC7B,YAAMC,IAAWb,EAAO,KAAK,CAAKc,MAAAA,EAAE,SAASH,CAAS;AAEtD,UAAI,CAACE;AACH,cAAM,IAAI,MAAM,oBAAoBF,CAAS,aAAa;AAGxD,UAAAE,EAAS,aAAa,CAACZ;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BU,CAAS;AAAA,QAAA;AAIzC,MAAAH,EAAa,EAAK,GAClBL,EAASU,CAAQ,GACjBP,EAAeM,CAAgE,GACpEG;IACb;AAAA,IACA,CAACd,GAAqBD,CAAM;AAAA,EAAA,GAGxBgB,IAAaN,EAAY,MAAM;AACnC,IAAAF,EAAa,EAAI,GAEJS,KACb,WAAW,MAAM;AACf,MAAAd,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECsB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAAjB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAI;AAAA,MACA,YAAAO;AAAA,MACA,WAAAT;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaI,GAAWO,GAAYT,CAAS;AAAA,EAAA;AAGvD,SAAAa,EAAU,MAAM;AACV,IAAA,CAACnB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBc;EAEZ,GAAA,CAACf,GAAqBC,GAAOc,CAAU,CAAC,GAG3CI,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AAC1C,MAAIA,EAAE,QAAQ,aAAYpB,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,KAChDS;IACb;AAGK,kBAAA,iBAAiB,WAAWK,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAC/D,GAAA,CAACnB,GAAOc,GAAYT,CAAS,CAAC,GAG9B,gBAAAgB,EAAAC,EAAa,UAAb,EAAsB,OAAON,GAC3B,UAAA;AAAA,IAAAnB;AAAA,IACAG,KAAU,gBAAAuB,EAAAC,GAAA,EAAM,OAAAxB,GAAc,WAAAK,GAAsB,SAASS,GAAY;AAAA,EAC5E,EAAA,CAAA;AAEJ,CAAC,GAEDW,IAAe9B;"}
+{"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalCallbacks, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/**\n * Provider component that manages modal state and provides modal context to child components\n */\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n  const [modal, setModal] = useState<IModal | null>(null);\n  const [modalParams, setModalParams] = useState<Record<string, unknown> | undefined>(undefined);\n  const [isClosing, setIsClosing] = useState(false);\n  const callbacksRef = useRef<IModalCallbacks | undefined>(undefined);\n  /**\n   * Opens a modal by name with optional parameters\n   * Handles authentication check for private modals\n   */\n  const openModal = useCallback<IModalContext['openModal']>(\n    (modalName, newModalParams, callbacks) => {\n      const newModal = modals.find(m => m.name === modalName);\n\n      if (!newModal) {\n        throw new Error(`Modal with name \"${modalName}\" not found`);\n      }\n\n      if (newModal.isPrivate && !isUserAuthenticated) {\n        throw new Error(\n          `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n        );\n      }\n\n      callbacksRef.current = callbacks;\n      setIsClosing(false);\n      setModal(newModal);\n      setModalParams(newModalParams as unknown as Record<string, unknown> | undefined);\n      lockScroll(); // Lock scroll while preserving scrollbar width\n    },\n    [isUserAuthenticated, modals],\n  );\n\n  const closeModal = useCallback(() => {\n    setIsClosing(true);\n    // Wait for the animation to complete before removing the modal\n    unlockScroll();\n    setTimeout(() => {\n      setModal(null);\n      setIsClosing(false);\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const modalContent = useMemo<IModalContext>(\n    () => ({\n      modal,\n      modalParams,\n      openModal,\n      closeModal,\n      isClosing,\n    }),\n    [modal, modalParams, openModal, closeModal, isClosing],\n  );\n\n  const onModalDismiss = useCallback(() => {\n    if (modal?.isDismissable !== false && !isClosing) {\n      closeModal();\n      if (callbacksRef.current) {\n        callbacksRef.current.onCloseModal?.();\n        callbacksRef.current.onCloseModal = undefined; // Clear callback reference\n      }\n    }\n  }, [modal, closeModal, isClosing]);\n\n  useEffect(() => {\n    if (!isUserAuthenticated && modal?.isPrivate) {\n      // If the modal is private and user is not authenticated, close it\n      closeModal();\n    }\n  }, [isUserAuthenticated, modal, closeModal]);\n\n  // Handle ESC key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onModalDismiss();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [onModalDismiss]);\n\n  return (\n    <ModalContext.Provider value={modalContent}>\n      {children}\n      {modal && <Modal modal={modal} isClosing={isClosing} onClose={onModalDismiss} />}\n    </ModalContext.Provider>\n  );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","callbacksRef","useRef","openModal","useCallback","modalName","newModalParams","callbacks","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","onModalDismiss","_b","_a","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal","ModalProvider$1"],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1CK,IAAeC,EAAoC,MAAS,GAK5DC,IAAYC;AAAA,IAChB,CAACC,GAAWC,GAAgBC,MAAc;AACxC,YAAMC,IAAWhB,EAAO,KAAK,CAAKiB,MAAAA,EAAE,SAASJ,CAAS;AAEtD,UAAI,CAACG;AACH,cAAM,IAAI,MAAM,oBAAoBH,CAAS,aAAa;AAGxD,UAAAG,EAAS,aAAa,CAACf;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BY,CAAS;AAAA,QAAA;AAIzC,MAAAJ,EAAa,UAAUM,GACvBP,EAAa,EAAK,GAClBL,EAASa,CAAQ,GACjBV,EAAeQ,CAAgE,GACpEI;IACb;AAAA,IACA,CAACjB,GAAqBD,CAAM;AAAA,EAAA,GAGxBmB,IAAaP,EAAY,MAAM;AACnC,IAAAJ,EAAa,EAAI,GAEJY,KACb,WAAW,MAAM;AACf,MAAAjB,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECyB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAApB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAM;AAAA,MACA,YAAAQ;AAAA,MACA,WAAAZ;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaM,GAAWQ,GAAYZ,CAAS;AAAA,EAAA,GAGjDgB,IAAiBX,EAAY,MAAM;;AACvC,KAAIV,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,MAC1BY,KACPV,EAAa,aACfe,KAAAC,IAAAhB,EAAa,SAAQ,iBAArB,QAAAe,EAAA,KAAAC,IACAhB,EAAa,QAAQ,eAAe;AAAA,EAGvC,GAAA,CAACP,GAAOiB,GAAYZ,CAAS,CAAC;AAEjC,SAAAmB,EAAU,MAAM;AACV,IAAA,CAACzB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBiB;EAEZ,GAAA,CAAClB,GAAqBC,GAAOiB,CAAU,CAAC,GAG3CO,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AACtC,MAAAA,EAAE,QAAQ,YACGL;IACjB;AAGK,kBAAA,iBAAiB,WAAWI,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAAA,GAC/D,CAACJ,CAAc,CAAC,GAGhB,gBAAAM,EAAAC,EAAa,UAAb,EAAsB,OAAOT,GAC3B,UAAA;AAAA,IAAAtB;AAAA,IACAG,KAAU,gBAAA6B,EAAAC,GAAA,EAAM,OAAA9B,GAAc,WAAAK,GAAsB,SAASgB,GAAgB;AAAA,EAChF,EAAA,CAAA;AAEJ,CAAC,GAEDU,IAAepC;"}

package/dist/features/ui/modals/modal-styled.js

@@ -1,6 +1,6 @@
 import o from "styled-components";
 const s = o.div(
-  ({ theme: { colors: a }, $isClosing: t }) => `
+  ({ theme: { colors: a, zIndex: t }, $isClosing: i }) => `
   position: fixed;
   top: 0;
   left: 0;
@@ -9,8 +9,9 @@ const s = o.div(
   background-color: ${a.BLACK_T_60};
   backdrop-filter: blur(40px);
   display: flex;
-  animation: ${t ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
-  
+  animation: ${i ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
+  z-index: ${t.MODAL};
+
   @keyframes backdropFadeIn {
     from {
       opacity: 0;

package/dist/features/ui/modals/modal-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-styled.js","sources":["../../../../src/features/ui/modals/modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ModalContainer = styled.div<{ $isClosing?: boolean }>(\n  ({ theme: { colors }, $isClosing }) => `\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ${colors.BLACK_T_60};\n  backdrop-filter: blur(40px);\n  display: flex;\n  animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n  \n  @keyframes backdropFadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  \n  @keyframes backdropFadeOut {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n`,\n);\n\n/**\n * Base modal container with customizable width and animation state\n */\nconst BaseModal = styled.div<{\n  $isClosing?: boolean;\n  $width: string;\n}>(\n  ({ theme: { colors }, $isClosing, $width }) => `\n  position: relative;\n  align-self: center;\n  margin: 0 auto;\n  width: ${$width};\n  background-color: ${colors.WHITE_1};\n  border: 1px solid ${colors.BLACK_1};\n  transform-origin: center center;\n  animation: ${\n    $isClosing ? 'modalDisappear' : 'modalAppear'\n  } 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);\n  \n  /* Responsive behavior for smaller screens */\n  @media (max-width: calc(${$width} + 80px)) {\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border: none;\n  }\n  \n  @keyframes modalAppear {\n    0% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n    100% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes modalDisappear {\n    0% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n    100% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n  }\n`,\n);\n\n/**\n * Scrollable content container inside the modal\n */\nconst BaseModalContent = styled.div<{ $modalWidth: string }>(\n  ({ $modalWidth }) => `\n  max-height: calc(100vh - 142px);\n  overflow-y: auto;\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    max-height: 100vh;\n  }\n}`,\n);\n\n/**\n * Container for the close button with responsive positioning\n */\nconst CloseButtonContainer = styled.div<{ $modalWidth: string }>(\n  ({ theme: { colors }, $modalWidth }) => `\n  position: absolute;\n  top: -56px;\n  right: -40px;\n  color: ${colors.WHITE_1};\n  transition: all 0.2s ease;\n  \n  &:hover {\n    transform: scale(1.05);\n  }\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    top: 16px;\n    right: 16px;\n    color: ${colors.BLACK_1};\n  }\n`,\n);\n\nconst spotlightWidth = 720;\nconst spotlightAnimationStartDuration = 800;\nconst spotlightAnimationEndDuration = 500;\n\nconst SpotlightModal = styled.div<{\n  $isClosing?: boolean;\n}>(\n  ({ $isClosing }) => `\n  position: absolute;\n  width: ${spotlightWidth}px;\n  height: 100%;\n  left: 50%;\n  margin-left: ${-(spotlightWidth / 2)}px;\n  clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 1) 0%,\n    rgba(0, 0, 0, 0) 100%\n  );\n  animation: openSpotlight;\n  animation-duration: ${spotlightAnimationStartDuration}ms;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n  opacity: 0;\n  ${\n    $isClosing\n      ? `\n      animation: closeSpotlight;\n      animation-duration: ${spotlightAnimationEndDuration}ms;\n      animation-timing-function: linear;\n      animation-fill-mode: forwards;\n      opacity: 1;\n    `\n      : ''\n  }\n\n  @keyframes openSpotlight {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes closeSpotlight {\n    from {\n      transform: rotateY(0);\n    }\n    to {\n      transform: rotateY(90deg);\n    }\n  }\n`,\n);\n\nexport { ModalContainer, BaseModal, BaseModalContent, CloseButtonContainer, SpotlightModal };\n"],"names":["ModalContainer","styled","colors","$isClosing","BaseModal","$width","BaseModalContent","$modalWidth","CloseButtonContainer","spotlightWidth","spotlightAnimationStartDuration","spotlightAnimationEndDuration","SpotlightModal"],"mappings":";AAEA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnBD,EAAO,UAAU;AAAA;AAAA;AAAA,eAGxBC,IAAa,oBAAoB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBhE,GAKMC,IAAYH,EAAO;AAAA,EAIvB,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAU,GAAA,YAAAC,GAAY,QAAAE,QAAa;AAAA;AAAA;AAAA;AAAA,WAItCA,CAAM;AAAA,sBACKH,EAAO,OAAO;AAAA,sBACdA,EAAO,OAAO;AAAA;AAAA,eAGhCC,IAAa,mBAAmB,aAClC;AAAA;AAAA;AAAA;AAAA,4BAI0BE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BlC,GAKMC,IAAmBL,EAAO;AAAA,EAC9B,CAAC,EAAE,aAAAM,EAAA,MAAkB;AAAA;AAAA;AAAA;AAAA,4BAIKA,CAAW;AAAA;AAAA;AAAA;AAIvC,GAKMC,IAAuBP,EAAO;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,aAAAK,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,WAI/BL,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOGK,CAAW;AAAA;AAAA;AAAA,aAG1BL,EAAO,OAAO;AAAA;AAAA;AAG3B,GAEMO,IAAiB,KACjBC,IAAkC,KAClCC,IAAgC,KAEhCC,IAAiBX,EAAO;AAAA,EAG5B,CAAC,EAAE,YAAAE,EAAA,MAAiB;AAAA;AAAA,WAEXM,CAAc;AAAA;AAAA;AAAA,iBAGR,EAAEA,IAAiB,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQdC,CAA+B;AAAA;AAAA;AAAA;AAAA,IAKnDP,IACI;AAAA;AAAA,4BAEoBQ,CAA6B;AAAA;AAAA;AAAA;AAAA,QAKjD,EACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;"}
+{"version":3,"file":"modal-styled.js","sources":["../../../../src/features/ui/modals/modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ModalContainer = styled.div<{ $isClosing?: boolean }>(\n  ({ theme: { colors, zIndex }, $isClosing }) => `\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ${colors.BLACK_T_60};\n  backdrop-filter: blur(40px);\n  display: flex;\n  animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n  z-index: ${zIndex.MODAL};\n\n  @keyframes backdropFadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  \n  @keyframes backdropFadeOut {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n`,\n);\n\n/**\n * Base modal container with customizable width and animation state\n */\nconst BaseModal = styled.div<{\n  $isClosing?: boolean;\n  $width: string;\n}>(\n  ({ theme: { colors }, $isClosing, $width }) => `\n  position: relative;\n  align-self: center;\n  margin: 0 auto;\n  width: ${$width};\n  background-color: ${colors.WHITE_1};\n  border: 1px solid ${colors.BLACK_1};\n  transform-origin: center center;\n  animation: ${\n    $isClosing ? 'modalDisappear' : 'modalAppear'\n  } 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);\n  \n  /* Responsive behavior for smaller screens */\n  @media (max-width: calc(${$width} + 80px)) {\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border: none;\n  }\n  \n  @keyframes modalAppear {\n    0% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n    100% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes modalDisappear {\n    0% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n    100% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n  }\n`,\n);\n\n/**\n * Scrollable content container inside the modal\n */\nconst BaseModalContent = styled.div<{ $modalWidth: string }>(\n  ({ $modalWidth }) => `\n  max-height: calc(100vh - 142px);\n  overflow-y: auto;\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    max-height: 100vh;\n  }\n}`,\n);\n\n/**\n * Container for the close button with responsive positioning\n */\nconst CloseButtonContainer = styled.div<{ $modalWidth: string }>(\n  ({ theme: { colors }, $modalWidth }) => `\n  position: absolute;\n  top: -56px;\n  right: -40px;\n  color: ${colors.WHITE_1};\n  transition: all 0.2s ease;\n  \n  &:hover {\n    transform: scale(1.05);\n  }\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    top: 16px;\n    right: 16px;\n    color: ${colors.BLACK_1};\n  }\n`,\n);\n\nconst spotlightWidth = 720;\nconst spotlightAnimationStartDuration = 800;\nconst spotlightAnimationEndDuration = 500;\n\nconst SpotlightModal = styled.div<{\n  $isClosing?: boolean;\n}>(\n  ({ $isClosing }) => `\n  position: absolute;\n  width: ${spotlightWidth}px;\n  height: 100%;\n  left: 50%;\n  margin-left: ${-(spotlightWidth / 2)}px;\n  clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 1) 0%,\n    rgba(0, 0, 0, 0) 100%\n  );\n  animation: openSpotlight;\n  animation-duration: ${spotlightAnimationStartDuration}ms;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n  opacity: 0;\n  ${\n    $isClosing\n      ? `\n      animation: closeSpotlight;\n      animation-duration: ${spotlightAnimationEndDuration}ms;\n      animation-timing-function: linear;\n      animation-fill-mode: forwards;\n      opacity: 1;\n    `\n      : ''\n  }\n\n  @keyframes openSpotlight {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes closeSpotlight {\n    from {\n      transform: rotateY(0);\n    }\n    to {\n      transform: rotateY(90deg);\n    }\n  }\n`,\n);\n\nexport { ModalContainer, BaseModal, BaseModalContent, CloseButtonContainer, SpotlightModal };\n"],"names":["ModalContainer","styled","colors","zIndex","$isClosing","BaseModal","$width","BaseModalContent","$modalWidth","CloseButtonContainer","spotlightWidth","spotlightAnimationStartDuration","spotlightAnimationEndDuration","SpotlightModal"],"mappings":";AAEA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAO,EAAE,QAAAC,GAAQ,QAAAC,EAAO,GAAG,YAAAC,QAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAM3BF,EAAO,UAAU;AAAA;AAAA;AAAA,eAGxBE,IAAa,oBAAoB,gBAAgB;AAAA,aACnDD,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBzB,GAKME,IAAYJ,EAAO;AAAA,EAIvB,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAU,GAAA,YAAAE,GAAY,QAAAE,QAAa;AAAA;AAAA;AAAA;AAAA,WAItCA,CAAM;AAAA,sBACKJ,EAAO,OAAO;AAAA,sBACdA,EAAO,OAAO;AAAA;AAAA,eAGhCE,IAAa,mBAAmB,aAClC;AAAA;AAAA;AAAA;AAAA,4BAI0BE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BlC,GAKMC,IAAmBN,EAAO;AAAA,EAC9B,CAAC,EAAE,aAAAO,EAAA,MAAkB;AAAA;AAAA;AAAA;AAAA,4BAIKA,CAAW;AAAA;AAAA;AAAA;AAIvC,GAKMC,IAAuBR,EAAO;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,aAAAM,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,WAI/BN,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOGM,CAAW;AAAA;AAAA;AAAA,aAG1BN,EAAO,OAAO;AAAA;AAAA;AAG3B,GAEMQ,IAAiB,KACjBC,IAAkC,KAClCC,IAAgC,KAEhCC,IAAiBZ,EAAO;AAAA,EAG5B,CAAC,EAAE,YAAAG,EAAA,MAAiB;AAAA;AAAA,WAEXM,CAAc;AAAA;AAAA;AAAA,iBAGR,EAAEA,IAAiB,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQdC,CAA+B;AAAA;AAAA;AAAA;AAAA,IAKnDP,IACI;AAAA;AAAA,4BAEoBQ,CAA6B;AAAA;AAAA;AAAA;AAAA,QAKjD,EACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;"}

package/dist/features/ui/modals/use-modal-actions.js

@@ -1,9 +1,9 @@
-import { useContext as e } from "react";
-import n from "./modal-context.js";
-const l = () => {
-  const { openModal: o, closeModal: t, isClosing: s } = e(n);
-  return { openModal: o, closeModal: t, isClosing: s };
-}, c = l;
+import { useContext as n } from "react";
+import l from "./modal-context.js";
+const a = () => {
+  const { openModal: o, closeModal: t, isClosing: s, modal: e } = n(l);
+  return { openModal: o, closeModal: t, isClosing: s, modal: e };
+}, c = a;
 export {
   c as default
 };

package/dist/features/ui/modals/use-modal-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","useContext","ModalContext","useModalActions$1"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAWC,CAAY;AAE7D,SAAA,EAAE,WAAAJ,GAAW,YAAAC,GAAY,WAAAC;AAClC,GAEAG,IAAeN;"}
+{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing, modal } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing, modal };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","modal","useContext","ModalContext","useModalActions$1"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,MAAUC,EAAWC,CAAY;AAE3E,SAAO,EAAE,WAAAL,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAM;AACnD,GAEAG,IAAeP;"}

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"
 }
@@ -1436,7 +1436,7 @@ declare interface IGetLeaderboardPayloadModel {
 
 declare interface IGetLeaderboardResponseModel {
     global: ILeaderboardDetailsResponse;
-    biWeekly: ILeaderboardDetailsResponse;
+    bi_weekly: ILeaderboardDetailsResponse;
     globalStreak: ILeaderboardDetailsResponse;
 }
 
@@ -1680,7 +1680,7 @@ export declare interface ILayout {
 
 export declare interface ILeaderboardDetails {
     global: IPointsLeaderboardDetails;
-    biWeekly: IPointsLeaderboardDetails;
+    bi_weekly: IPointsLeaderboardDetails;
     globalStreak: IStreakLeaderboardDetails;
 }
 
@@ -2389,6 +2389,11 @@ export declare interface IModal {
     modalWidth: string;
 }
 
+declare interface IModalCallbacks {
+    /** Callback when the modal is closed */
+    onCloseModal?: () => void;
+}
+
 /**
  * Context for managing modals throughout the application
  */
@@ -2398,7 +2403,7 @@ declare interface IModalContext {
     /** Parameters passed to the modal when opened */
     modalParams?: Record<string, unknown>;
     /** Opens a modal by name with optional parameters */
-    openModal: <T = undefined>(name: string, params?: T) => void;
+    openModal: <T = undefined>(name: string, params?: T, callbacks?: IModalCallbacks) => void;
     /** Closes the currently open modal */
     closeModal: () => void;
     /** Whether the modal is in the process of closing (for animation) */
@@ -3616,7 +3621,7 @@ declare interface IUseIsTabBlocked {
 }
 
 declare interface IUseModalActions {
-    (): Pick<IModalContext, 'openModal' | 'closeModal' | 'isClosing'>;
+    (): Pick<IModalContext, 'openModal' | 'closeModal' | 'isClosing' | 'modal'>;
 }
 
 declare interface IUseModalParams {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.20",
+  "version": "3.1.22-akm-1",
   "type": "module",
   "files": [
     "dist"
@@ -95,5 +95,6 @@
     "vite-plugin-dts": "3.6.4",
     "vite-plugin-svgr": "3.2.0",
     "vite-tsconfig-paths": "^4.2.2"
-  }
+  },
+  "packageManager": "yarn@4.4.1"
 }