@cuemath/leap 2.9.1-aa0 → 2.9.1-j1

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions.js

@@ -1,156 +1,157 @@
-import { jsxs as P, Fragment as G, jsx as r } from "react/jsx-runtime";
+import { jsxs as G, Fragment as H, jsx as r } from "react/jsx-runtime";
 import { useMemo as S, useCallback as C } from "react";
-import H from "../../../../../../assets/line-icons/icons/eye2.js";
-import j from "../../../../../ui/buttons/button/button.js";
-import q from "../../../../../ui/buttons/icon-button/icon-button.js";
-import B from "../../../../../ui/context-menu/context-menu.js";
-import { useUIContext as K } from "../../../../../ui/context/context.js";
+import j from "../../../../../../assets/line-icons/icons/eye2.js";
+import q from "../../../../../ui/buttons/button/button.js";
+import B from "../../../../../ui/buttons/icon-button/icon-button.js";
+import K from "../../../../../ui/context-menu/context-menu.js";
+import { useUIContext as V } from "../../../../../ui/context/context.js";
+import { isV3Worksheet as N } from "../../../../utils/is-v3-worksheet.js";
 import z from "../context-menu-helper/menu-element/menu-element.js";
-import V from "../context-menu-helper/target-element/target-element.js";
-import { TEACHER_MENU_OPTIONS as e } from "./teacher-actions-constant.js";
-const on = ({
-  sheet: o,
+import W from "../context-menu-helper/target-element/target-element.js";
+import { TEACHER_MENU_OPTIONS as o } from "./teacher-actions-constant.js";
+const rn = ({
+  sheet: n,
   isDefocused: c,
-  isLastSheet: N,
-  ...R
+  isLastSheet: R,
+  ...g
 }) => {
   const {
     teacherId: w,
     milestoneId: s,
     section: l,
-    onReview: u,
-    onPreview: m,
+    onReview: m,
+    onPreview: u,
     onReset: _,
     onChangeLocation: A,
     onMarkAsFamiliar: E,
     onUnlock: I,
     onUnAssignSheet: k
-  } = R, { permissions: g, user_node_id: t, node_id: a } = o, {
+  } = g, { permissions: M, user_node_id: t, node_id: i } = n, {
     can_teacher_review: y,
     can_reset: f,
     can_change_attempt_location: d,
     can_mark_familiar: p,
-    can_unlock: M,
+    can_unlock: v,
     can_unassign: h
-  } = g, { onEvent: b } = K(), i = S(() => {
-    const n = {
+  } = M, { onEvent: b } = V(), a = S(() => {
+    const e = {
       teacher_id: w,
-      node_id: a,
+      node_id: i,
       user_node_id: t
     };
-    return l && (n.section = l), s && (n.milestone_id = s), n;
-  }, [s, a, l, w, t]), v = C(
-    (n) => {
-      const F = {
-        ...i,
-        cta: n
+    return l && (e.section = l), s && (e.milestone_id = s), e;
+  }, [s, i, l, w, t]), O = C(
+    (e) => {
+      const P = {
+        ...a,
+        cta: e
       };
-      b("clicked", F);
+      b("clicked", P);
     },
-    [b, i]
-  ), O = C(() => {
-    if (y && typeof u == "function") {
+    [b, a]
+  ), U = C(() => {
+    if (y && typeof m == "function") {
       if (!t)
         throw new Error("No required id is present to open the sheet.");
-      u(t);
+      m(t, N(n, "review"));
       return;
     }
-    if (typeof m == "function") {
-      m(o);
+    if (typeof u == "function") {
+      u(n, N(n));
       return;
     }
     throw new Error("No callback provided. If provided it must be a function");
-  }, [y, m, u, o, t]), U = (n) => {
-    switch (v(n), n) {
-      case e.CHANGE_LOCATION:
+  }, [y, u, m, n, t]), T = (e) => {
+    switch (O(e), e) {
+      case o.CHANGE_LOCATION:
         if (typeof A != "function")
           throw new Error("onChangeLocation must be a function");
-        A(o);
+        A(n);
         return;
-      case e.UNASSIGN:
+      case o.UNASSIGN:
         if (typeof k != "function")
           throw new Error("onUnAssignSheet must be a function");
         if (!t)
           throw new Error("No user node id is present to unassign the sheet.");
-        k(o);
+        k(n);
         return;
-      case e.MARK_AS_FAMILIAR:
+      case o.MARK_AS_FAMILIAR:
         if (typeof E != "function")
           throw new Error("onMarkAsFamiliar must be a function");
-        E(a);
+        E(i);
         return;
       default:
         if (typeof _ != "function")
           throw new Error("onReset must be a function");
-        _(o);
+        _(n);
         return;
     }
-  }, T = () => {
+  }, L = () => {
     if (typeof I != "function")
       throw new Error("onUnlock must be a function");
-    I(a);
-  }, L = f || !c && d || p || h, x = S(
+    I(i);
+  }, x = f || !c && d || p || h, F = S(
     () => [
       {
         show: !c && d,
-        label: e.CHANGE_LOCATION
+        label: o.CHANGE_LOCATION
       },
       {
         show: f,
-        label: e.RESET_PROGRESS
+        label: o.RESET_PROGRESS
       },
       {
         show: p,
-        label: e.MARK_AS_FAMILIAR
+        label: o.MARK_AS_FAMILIAR
       },
       {
         show: h,
-        label: e.UNASSIGN
+        label: o.UNASSIGN
       }
     ],
     [c, d, f, p, h]
   );
-  return /* @__PURE__ */ P(G, { children: [
-    M && /* @__PURE__ */ r(
-      j,
+  return /* @__PURE__ */ G(H, { children: [
+    v && /* @__PURE__ */ r(
+      q,
       {
         renderAs: "primary",
         label: "Assign",
         size: "xsmall",
         widthX: 7,
-        onClick: T,
-        analyticsProps: i,
+        onClick: L,
+        analyticsProps: a,
         shape: "square"
       }
     ),
     /* @__PURE__ */ r(
-      q,
+      B,
       {
-        Icon: H,
+        Icon: j,
         renderAs: "secondary",
         analyticsLabel: "Review",
-        onClick: O
+        onClick: U
       }
     ),
-    L && /* @__PURE__ */ r(
-      B,
+    x && /* @__PURE__ */ r(
+      K,
       {
-        targetElement: /* @__PURE__ */ r(V, { analyticsLabel: "Sheet menu", analyticsProps: i }),
+        targetElement: /* @__PURE__ */ r(W, { analyticsLabel: "Sheet menu", analyticsProps: a }),
         menuElement: /* @__PURE__ */ r(
           z,
           {
-            options: x,
-            handleOnMenuOptionSelection: U
+            options: F,
+            handleOnMenuOptionSelection: T
           }
         ),
         menuOffset: 10,
         menuZIndex: 1,
-        placeTop: N
+        placeTop: R
       }
     )
   ] });
 };
 export {
-  on as default
+  rn as default
 };
 //# sourceMappingURL=teacher-actions.js.map

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { IRewardNActionsProps, TTrackEventPayloadProps } from '../reward-n-actions-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo } from 'react';\n\nimport Eye2Icon from '../../../../../../assets/line-icons/icons/eye2';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport ContextMenu from '../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport MenuElement from '../context-menu-helper/menu-element/menu-element';\nimport TargetElement from '../context-menu-helper/target-element/target-element';\nimport { TEACHER_MENU_OPTIONS } from './teacher-actions-constant';\n\nconst TeacherActions: FC<IRewardNActionsProps> = ({\n  sheet,\n  isDefocused,\n  isLastSheet,\n  ...restTeacherActions\n}) => {\n  const {\n    teacherId,\n    milestoneId,\n    section,\n    onReview,\n    onPreview,\n    onReset,\n    onChangeLocation,\n    onMarkAsFamiliar,\n    onUnlock,\n    onUnAssignSheet,\n  } = restTeacherActions;\n  const { permissions, user_node_id: userNodeId, node_id: nodeId } = sheet;\n  const {\n    can_teacher_review: canTeacherReview,\n    can_reset: canReset,\n    can_change_attempt_location: canChangeAttemptLocation,\n    can_mark_familiar: canMarkFamiliar,\n    can_unlock: canUnlock,\n    can_unassign: canUnAssign,\n  } = permissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const trackEventPayload = useMemo(() => {\n    const payload: TTrackEventPayloadProps = {\n      teacher_id: teacherId,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n    };\n\n    if (section) {\n      payload.section = section;\n    }\n\n    if (milestoneId) {\n      payload.milestone_id = milestoneId;\n    }\n\n    return payload;\n  }, [milestoneId, nodeId, section, teacherId, userNodeId]);\n\n  const handleTrackEvent = useCallback(\n    (cta: string) => {\n      const payload: TTrackEventPayloadProps = {\n        ...trackEventPayload,\n        cta,\n      };\n\n      trackEvent('clicked', payload);\n    },\n    [trackEvent, trackEventPayload],\n  );\n\n  const handleOnSheetView = useCallback(() => {\n    if (canTeacherReview && typeof onReview === 'function') {\n      if (!userNodeId) {\n        throw new Error('No required id is present to open the sheet.');\n      }\n\n      onReview(userNodeId);\n\n      return;\n    }\n\n    if (typeof onPreview === 'function') {\n      onPreview(sheet);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [canTeacherReview, onPreview, onReview, sheet, userNodeId]);\n\n  const handleOnMenuOptionSelection = (selectedOption: string) => {\n    handleTrackEvent(selectedOption);\n    switch (selectedOption) {\n      case TEACHER_MENU_OPTIONS.CHANGE_LOCATION:\n        if (typeof onChangeLocation !== 'function') {\n          throw new Error('onChangeLocation must be a function');\n        }\n\n        onChangeLocation(sheet);\n\n        return;\n\n      case TEACHER_MENU_OPTIONS.UNASSIGN:\n        if (typeof onUnAssignSheet !== 'function') {\n          throw new Error('onUnAssignSheet must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('No user node id is present to unassign the sheet.');\n        }\n        onUnAssignSheet(sheet);\n\n        return;\n\n      case TEACHER_MENU_OPTIONS.MARK_AS_FAMILIAR:\n        if (typeof onMarkAsFamiliar !== 'function') {\n          throw new Error('onMarkAsFamiliar must be a function');\n        }\n\n        onMarkAsFamiliar(nodeId);\n\n        return;\n\n      default:\n        if (typeof onReset !== 'function') {\n          throw new Error('onReset must be a function');\n        }\n\n        onReset(sheet);\n\n        return;\n    }\n  };\n\n  const handleOnUnlock = () => {\n    if (typeof onUnlock !== 'function') {\n      throw new Error('onUnlock must be a function');\n    }\n\n    onUnlock(nodeId);\n  };\n\n  const renderContextMenu =\n    canReset || (!isDefocused && canChangeAttemptLocation) || canMarkFamiliar || canUnAssign;\n\n  const options = useMemo(\n    () => [\n      {\n        show: !isDefocused && canChangeAttemptLocation,\n        label: TEACHER_MENU_OPTIONS.CHANGE_LOCATION,\n      },\n      {\n        show: canReset,\n        label: TEACHER_MENU_OPTIONS.RESET_PROGRESS,\n      },\n      {\n        show: canMarkFamiliar,\n        label: TEACHER_MENU_OPTIONS.MARK_AS_FAMILIAR,\n      },\n      {\n        show: canUnAssign,\n        label: TEACHER_MENU_OPTIONS.UNASSIGN,\n      },\n    ],\n    [isDefocused, canChangeAttemptLocation, canReset, canMarkFamiliar, canUnAssign],\n  );\n\n  return (\n    <>\n      {canUnlock && (\n        <Button\n          renderAs=\"primary\"\n          label=\"Assign\"\n          size=\"xsmall\"\n          widthX={7}\n          onClick={handleOnUnlock}\n          analyticsProps={trackEventPayload}\n          shape=\"square\"\n        />\n      )}\n\n      <IconButton\n        Icon={Eye2Icon}\n        renderAs=\"secondary\"\n        analyticsLabel={'Review'}\n        onClick={handleOnSheetView}\n      />\n\n      {renderContextMenu && (\n        <ContextMenu\n          targetElement={\n            <TargetElement analyticsLabel=\"Sheet menu\" analyticsProps={trackEventPayload} />\n          }\n          menuElement={\n            <MenuElement\n              options={options}\n              handleOnMenuOptionSelection={handleOnMenuOptionSelection}\n            />\n          }\n          menuOffset={10}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </>\n  );\n};\n\nexport default TeacherActions;\n"],"names":["TeacherActions","sheet","isDefocused","isLastSheet","restTeacherActions","teacherId","milestoneId","section","onReview","onPreview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onUnAssignSheet","permissions","userNodeId","nodeId","canTeacherReview","canReset","canChangeAttemptLocation","canMarkFamiliar","canUnlock","canUnAssign","trackEvent","useUIContext","trackEventPayload","useMemo","payload","handleTrackEvent","useCallback","cta","handleOnSheetView","handleOnMenuOptionSelection","selectedOption","TEACHER_MENU_OPTIONS","handleOnUnlock","renderContextMenu","options","jsxs","Fragment","jsx","Button","IconButton","Eye2Icon","ContextMenu","TargetElement","MenuElement"],"mappings":"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"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { IRewardNActionsProps, TTrackEventPayloadProps } from '../reward-n-actions-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo } from 'react';\n\nimport Eye2Icon from '../../../../../../assets/line-icons/icons/eye2';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport ContextMenu from '../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { isV3Worksheet } from '../../../../utils/is-v3-worksheet';\nimport MenuElement from '../context-menu-helper/menu-element/menu-element';\nimport TargetElement from '../context-menu-helper/target-element/target-element';\nimport { TEACHER_MENU_OPTIONS } from './teacher-actions-constant';\n\nconst TeacherActions: FC<IRewardNActionsProps> = ({\n  sheet,\n  isDefocused,\n  isLastSheet,\n  ...restTeacherActions\n}) => {\n  const {\n    teacherId,\n    milestoneId,\n    section,\n    onReview,\n    onPreview,\n    onReset,\n    onChangeLocation,\n    onMarkAsFamiliar,\n    onUnlock,\n    onUnAssignSheet,\n  } = restTeacherActions;\n  const { permissions, user_node_id: userNodeId, node_id: nodeId } = sheet;\n  const {\n    can_teacher_review: canTeacherReview,\n    can_reset: canReset,\n    can_change_attempt_location: canChangeAttemptLocation,\n    can_mark_familiar: canMarkFamiliar,\n    can_unlock: canUnlock,\n    can_unassign: canUnAssign,\n  } = permissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const trackEventPayload = useMemo(() => {\n    const payload: TTrackEventPayloadProps = {\n      teacher_id: teacherId,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n    };\n\n    if (section) {\n      payload.section = section;\n    }\n\n    if (milestoneId) {\n      payload.milestone_id = milestoneId;\n    }\n\n    return payload;\n  }, [milestoneId, nodeId, section, teacherId, userNodeId]);\n\n  const handleTrackEvent = useCallback(\n    (cta: string) => {\n      const payload: TTrackEventPayloadProps = {\n        ...trackEventPayload,\n        cta,\n      };\n\n      trackEvent('clicked', payload);\n    },\n    [trackEvent, trackEventPayload],\n  );\n\n  const handleOnSheetView = useCallback(() => {\n    if (canTeacherReview && typeof onReview === 'function') {\n      if (!userNodeId) {\n        throw new Error('No required id is present to open the sheet.');\n      }\n\n      onReview(userNodeId, isV3Worksheet(sheet, 'review'));\n\n      return;\n    }\n\n    if (typeof onPreview === 'function') {\n      onPreview(sheet, isV3Worksheet(sheet));\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [canTeacherReview, onPreview, onReview, sheet, userNodeId]);\n\n  const handleOnMenuOptionSelection = (selectedOption: string) => {\n    handleTrackEvent(selectedOption);\n    switch (selectedOption) {\n      case TEACHER_MENU_OPTIONS.CHANGE_LOCATION:\n        if (typeof onChangeLocation !== 'function') {\n          throw new Error('onChangeLocation must be a function');\n        }\n\n        onChangeLocation(sheet);\n\n        return;\n\n      case TEACHER_MENU_OPTIONS.UNASSIGN:\n        if (typeof onUnAssignSheet !== 'function') {\n          throw new Error('onUnAssignSheet must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('No user node id is present to unassign the sheet.');\n        }\n        onUnAssignSheet(sheet);\n\n        return;\n\n      case TEACHER_MENU_OPTIONS.MARK_AS_FAMILIAR:\n        if (typeof onMarkAsFamiliar !== 'function') {\n          throw new Error('onMarkAsFamiliar must be a function');\n        }\n\n        onMarkAsFamiliar(nodeId);\n\n        return;\n\n      default:\n        if (typeof onReset !== 'function') {\n          throw new Error('onReset must be a function');\n        }\n\n        onReset(sheet);\n\n        return;\n    }\n  };\n\n  const handleOnUnlock = () => {\n    if (typeof onUnlock !== 'function') {\n      throw new Error('onUnlock must be a function');\n    }\n\n    onUnlock(nodeId);\n  };\n\n  const renderContextMenu =\n    canReset || (!isDefocused && canChangeAttemptLocation) || canMarkFamiliar || canUnAssign;\n\n  const options = useMemo(\n    () => [\n      {\n        show: !isDefocused && canChangeAttemptLocation,\n        label: TEACHER_MENU_OPTIONS.CHANGE_LOCATION,\n      },\n      {\n        show: canReset,\n        label: TEACHER_MENU_OPTIONS.RESET_PROGRESS,\n      },\n      {\n        show: canMarkFamiliar,\n        label: TEACHER_MENU_OPTIONS.MARK_AS_FAMILIAR,\n      },\n      {\n        show: canUnAssign,\n        label: TEACHER_MENU_OPTIONS.UNASSIGN,\n      },\n    ],\n    [isDefocused, canChangeAttemptLocation, canReset, canMarkFamiliar, canUnAssign],\n  );\n\n  return (\n    <>\n      {canUnlock && (\n        <Button\n          renderAs=\"primary\"\n          label=\"Assign\"\n          size=\"xsmall\"\n          widthX={7}\n          onClick={handleOnUnlock}\n          analyticsProps={trackEventPayload}\n          shape=\"square\"\n        />\n      )}\n\n      <IconButton\n        Icon={Eye2Icon}\n        renderAs=\"secondary\"\n        analyticsLabel={'Review'}\n        onClick={handleOnSheetView}\n      />\n\n      {renderContextMenu && (\n        <ContextMenu\n          targetElement={\n            <TargetElement analyticsLabel=\"Sheet menu\" analyticsProps={trackEventPayload} />\n          }\n          menuElement={\n            <MenuElement\n              options={options}\n              handleOnMenuOptionSelection={handleOnMenuOptionSelection}\n            />\n          }\n          menuOffset={10}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </>\n  );\n};\n\nexport default TeacherActions;\n"],"names":["TeacherActions","sheet","isDefocused","isLastSheet","restTeacherActions","teacherId","milestoneId","section","onReview","onPreview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onUnAssignSheet","permissions","userNodeId","nodeId","canTeacherReview","canReset","canChangeAttemptLocation","canMarkFamiliar","canUnlock","canUnAssign","trackEvent","useUIContext","trackEventPayload","useMemo","payload","handleTrackEvent","useCallback","cta","handleOnSheetView","isV3Worksheet","handleOnMenuOptionSelection","selectedOption","TEACHER_MENU_OPTIONS","handleOnUnlock","renderContextMenu","options","jsxs","Fragment","jsx","Button","IconButton","Eye2Icon","ContextMenu","TargetElement","MenuElement"],"mappings":"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"}

package/dist/features/sheets/utils/is-v3-worksheet.js

@@ -1,12 +1,12 @@
 import { NODE_TYPE as E } from "../constants/sheet.js";
-const S = [
+const A = [
   "SAT_MATH_ASSESSMENT",
   "SAT_ENGLISH_ASSESSMENT",
   "SAT_MATH_RECAP",
   "SAT_MATH_LEARNING",
   "SAT_ENGLISH_LEARNING"
 ], T = [
-  ...S,
+  ...A,
   E.REMEDIAL,
   E.LEGACY,
   E.RECAP,
@@ -31,8 +31,18 @@ const S = [
   E.DIAGNOSTIC,
   E.SUBJECTIVE,
   E.TURING_SUBJECTIVE
-];
+], I = (_, t) => {
+  const { node_type: n, is_worksheet_v3: S, is_lesson_v3_enabled: e } = _;
+  if (t === "review")
+    return T.includes(n);
+  const r = "can_start" in _ ? _.can_start : _.permissions.can_start, s = "can_reattempt" in _ ? _.can_reattempt : _.permissions.can_reattempt, o = "can_redo" in _ ? _.can_redo : !1;
+  return S || e ? !0 : r || s || o ? T.includes(n) : !!A.includes(n);
+}, N = (_) => {
+  const { node_type: t, is_worksheet_v3: n, is_lesson_v3_enabled: S } = _;
+  return n || S || A.includes(t);
+};
 export {
-  T as WORKSHEET_V3_NODE_TYPES
+  I as isV3Worksheet,
+  N as isV3WorksheetAttempt
 };
 //# sourceMappingURL=is-v3-worksheet.js.map

package/dist/features/sheets/utils/is-v3-worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nexport { WORKSHEET_V3_NODE_TYPES };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE"],"mappings":";AAIA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ;"}
+{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { IWorksheetAttemptModel } from '../../../types/models/worksheet';\nimport type { TLPARSheetData } from '../../chapters/lpar-chapter/block-section/sheet-item/sheet-item-type';\nimport type { ISheetDataProps, TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nconst isV3Worksheet = (\n  sheet: ISheetDataProps | TLPARSheetData,\n  mode?: 'resume' | 'review',\n): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = sheet;\n\n  if (mode === 'review') {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  const canStart = 'can_start' in sheet ? sheet.can_start : sheet.permissions.can_start;\n  const canReattempt =\n    'can_reattempt' in sheet ? sheet.can_reattempt : sheet.permissions.can_reattempt;\n  const canRedo = 'can_redo' in sheet ? sheet.can_redo : false;\n\n  if (is_worksheet_v3 || is_lesson_v3_enabled) {\n    return true;\n  }\n\n  // For new and reattemptable worksheets start the worksheet in v3 mode\n  if (canStart || canReattempt || canRedo) {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  // For SAT assessments start the worksheet in v3 mode\n  if (SAT_V3_NODE_TYPES.includes(node_type)) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isV3WorksheetAttempt = (attempt: IWorksheetAttemptModel): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = attempt;\n\n  return (\n    is_worksheet_v3 ||\n    is_lesson_v3_enabled ||\n    SAT_V3_NODE_TYPES.includes(node_type as TNodeTypeProps)\n  );\n};\n\nexport { isV3Worksheet, isV3WorksheetAttempt };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE","isV3Worksheet","sheet","mode","node_type","is_worksheet_v3","is_lesson_v3_enabled","canStart","canReattempt","canRedo","isV3WorksheetAttempt","attempt"],"mappings":";AAMA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEMC,IAAgB,CACpBC,GACAC,MACY;AACZ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBJ;AAE7D,MAAIC,MAAS;AACJ,WAAAJ,EAAwB,SAASK,CAAS;AAGnD,QAAMG,IAAW,eAAeL,IAAQA,EAAM,YAAYA,EAAM,YAAY,WACtEM,IACJ,mBAAmBN,IAAQA,EAAM,gBAAgBA,EAAM,YAAY,eAC/DO,IAAU,cAAcP,IAAQA,EAAM,WAAW;AAEvD,SAAIG,KAAmBC,IACd,KAILC,KAAYC,KAAgBC,IACvBV,EAAwB,SAASK,CAAS,IAI/C,EAAAN,EAAkB,SAASM,CAAS;AAK1C,GAEMM,IAAuB,CAACC,MAA6C;AACzE,QAAM,EAAE,WAAAP,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBK;AAE7D,SACEN,KACAC,KACAR,EAAkB,SAASM,CAA2B;AAE1D;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -1,27 +1,29 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { memo as c, useRef as f } from "react";
-import a from "../hooks/use-context-menu-click-handler.js";
-import { TargetElementWrapper as x, OptionsMenuWrapper as $, MenuElementWrapper as d } from "./context-menu-styled.js";
-const C = c(
-  ({ targetElement: r, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
-    const n = f(null), { menuVisible: s, onMenuClick: p } = a(n);
-    return /* @__PURE__ */ u(x, { ref: n, onClick: p, children: [
-      r,
-      /* @__PURE__ */ t(
-        $,
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { memo as a, useRef as f, isValidElement as d, cloneElement as x } from "react";
+import $ from "../hooks/use-context-menu-click-handler.js";
+import { TargetElementWrapper as C, OptionsMenuWrapper as M, MenuElementWrapper as h } from "./context-menu-styled.js";
+const k = a(
+  ({ targetElement: e, menuElement: i, menuOffset: l, startLeft: s, menuZIndex: m, placeTop: n }) => {
+    const t = f(null), { menuVisible: o, onMenuClick: c } = $(t), p = d(e) ? x(e, {
+      menuVisible: o
+    }) : e;
+    return /* @__PURE__ */ u(C, { ref: t, onClick: c, children: [
+      p,
+      /* @__PURE__ */ r(
+        M,
         {
-          $menuOffset: i,
-          $visible: s,
-          $startLeft: l,
+          $menuOffset: l,
+          $visible: o,
+          $startLeft: s,
           $menuZIndex: m,
-          $placeTop: e,
-          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
+          $placeTop: n,
+          children: /* @__PURE__ */ r(h, { $placeTop: n, children: i })
         }
       )
     ] });
   }
-), b = C;
+), j = k;
 export {
-  b as default
+  j as default
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAejB;"}
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { cloneElement, isValidElement, memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    const enhancedTargetElement = isValidElement(targetElement)\n      ? cloneElement(targetElement as React.ReactElement<{ menuVisible?: boolean }>, {\n          menuVisible,\n        })\n      : targetElement;\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {enhancedTargetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","enhancedTargetElement","isValidElement","cloneElement","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY,GAEtEK,IAAwBC,EAAeZ,CAAa,IACtDa,EAAab,GAAgE;AAAA,MAC3E,aAAAQ;AAAA,IACD,CAAA,IACDR;AAEJ,6BACGc,GAAA,EAA4B,KAAKR,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAE;AAAA,MAED,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAad;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACY,GAAA,EAA0B,WAAWZ,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAiB,IAAepB;"}

package/dist/features/ui/image/image.js

@@ -1,30 +1,30 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { memo as g, useState as f } from "react";
 import t from "styled-components";
-import { skeletonLoadingAnimation as p } from "../constants/style.js";
+import { skeletonLoadingAnimation as c } from "../constants/style.js";
 import i from "../layout/flex-view.js";
-const L = t(i)`
-  animation: ${p} 2s linear infinite;
+const p = t(i)`
+  animation: ${c} 2s linear infinite;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
-`, c = t(i)`
+`, L = t(i)`
   overflow: hidden;
   position: relative;
-`, v = g(
-  ({ borderRadius: r = 0, borderColor: n, withLoader: a, ...o }) => {
+`, u = g(
+  ({ borderRadius: n = 0, borderColor: r, withLoader: a, ...o }) => {
     const { width: s, height: d } = o, [m, l] = f(!0);
     return /* @__PURE__ */ h(
-      c,
+      L,
       {
         $width: s,
         $height: d,
-        $borderColor: n,
-        $borderRadius: r,
+        $borderColor: r,
+        $borderRadius: n,
         children: [
-          m && a && /* @__PURE__ */ e(L, { $inherit: !0 }),
+          m && a && /* @__PURE__ */ e(p, { $inherit: !0 }),
           /* @__PURE__ */ e("img", { onLoad: () => {
             l(!1);
           }, ...o })
@@ -32,8 +32,8 @@ const L = t(i)`
       }
     );
   }
-);
+), F = u;
 export {
-  v as default
+  F as default
 };
 //# sourceMappingURL=image.js.map

package/dist/features/ui/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF;"}
+{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -1,13 +1,14 @@
-const c = async (o) => {
+const o = /* @__PURE__ */ new Map(), h = async (t) => {
+  if (o.has(t)) return o.get(t);
   let e = null;
   try {
-    e = await fetch(o).then((t) => t.json()).catch(() => null);
-  } catch (t) {
-    console.log("Error while fetching the lottie: ", t);
+    e = await fetch(t).then((n) => n.json()).catch(() => null), e && o.set(t, e);
+  } catch (n) {
+    console.log("Error while fetching the lottie: ", n);
   }
   return e;
 };
 export {
-  c as fetchLottie
+  h as fetchLottie
 };
 //# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst lottieCache = new Map<string, any>();\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  if (lottieCache.has(lottieSrc)) return lottieCache.get(lottieSrc);\n\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n    if (lottieJson) {\n      lottieCache.set(lottieSrc, lottieJson);\n    }\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["lottieCache","fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAGA,MAAMA,wBAAkB,OAEXC,IAAc,OAAOC,MAAqD;AACrF,MAAIF,EAAY,IAAIE,CAAS,EAAU,QAAAF,EAAY,IAAIE,CAAS;AAEhE,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI,GACfD,KACUH,EAAA,IAAIE,GAAWC,CAAU;AAAA,WAEhCE,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -1,51 +1,60 @@
-import { jsx as L } from "react/jsx-runtime";
-import w from "lottie-web";
-import { memo as y, forwardRef as b, useRef as c, useImperativeHandle as A, useEffect as E } from "react";
+import { jsx as E } from "react/jsx-runtime";
+import g from "lottie-web";
+import { memo as w, forwardRef as y, useRef as u, useImperativeHandle as b, useEffect as A } from "react";
 import I from "../layout/flex-view.js";
 import { fetchLottie as $ } from "./helper.js";
-const x = b((p, h) => {
+const x = y((v, p) => {
   const {
-    src: s,
-    width: v = "100%",
-    height: g = "100%",
-    settings: u,
-    eventListener: r,
-    onRender: i,
-    animateOnIntersect: o
-  } = p, n = c(null), t = c(null), a = c(null);
-  return A(
-    h,
+    src: m,
+    width: L = "100%",
+    height: h = "100%",
+    settings: l,
+    eventListener: n,
+    onRender: a,
+    animateOnIntersect: c
+  } = v, o = u(null), r = u(null), s = u(null);
+  return b(
+    p,
     () => ({
-      playSegments: (m, e) => {
-        t.current && t.current.playSegments(m, e);
+      playSegments: (i, e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.playSegments(i, e);
+      },
+      addEventListener: (i, e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.addEventListener(i, e);
+      },
+      removeEventListener: (i, e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.removeEventListener(i, e);
       }
     }),
     []
-  ), E(() => ((async () => {
+  ), A(() => ((async () => {
     try {
-      const e = await $(s);
-      n.current && (t.current = w.loadAnimation({
-        container: n.current,
+      const e = await $(m);
+      o.current && (r.current = g.loadAnimation({
+        container: o.current,
         animationData: e,
         renderer: "svg",
         loop: !0,
         autoplay: !0,
-        ...u
-      }), o && (a.current = new IntersectionObserver(
-        ([l]) => {
+        ...l
+      }), c && (s.current = new IntersectionObserver(
+        ([t]) => {
           var f, d;
-          l && l.isIntersecting ? (f = t.current) == null || f.play() : (d = t.current) == null || d.pause();
+          t && t.isIntersecting ? (f = r.current) == null || f.play() : (d = r.current) == null || d.pause();
         },
         { threshold: 0 }
-      ), n.current && a.current.observe(n.current)), i == null || i(), r && t.current.addEventListener(r.name, r.callback));
+      ), o.current && s.current.observe(o.current)), a == null || a(), n && r.current.addEventListener(n.name, n.callback));
     } catch (e) {
       throw Error(`Error loading Lottie animation: ${e}`);
     }
   })(), () => {
     var e;
-    t.current && (r && t.current.removeEventListener(r.name, r.callback), o && ((e = a.current) == null || e.disconnect()), t.current.destroy());
-  }), [s, r, i, o, u]), /* @__PURE__ */ L(I, { ref: n, $width: v, $height: g });
-}), F = y(x);
+    r.current && (n && r.current.removeEventListener(n.name, n.callback), c && ((e = s.current) == null || e.disconnect()), r.current.destroy());
+  }), [m, n, a, c, l]), /* @__PURE__ */ E(I, { ref: o, $width: L, $height: h });
+}), F = w(x);
 export {
   F as default
 };

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.playSegments(segments, forceFlag);\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            if (container.current) {\n              intersectionObserver.current.observe(container.current);\n            }\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","entry","_a","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MAAwB;AACjE,QAAIJ,EAAkB,WACFA,EAAA,QAAQ,aAAaG,GAAUC,CAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYhB,CAAG;AAE3C,MAAIO,EAAU,YACME,EAAA,UAAUQ,EAAO,cAAc;AAAA,QAC/C,WAAWV,EAAU;AAAA,QACrB,eAAAQ;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGZ;AAAA,MAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,QACjC,CAAC,CAACQ,CAAK,MAAM;;AACP,UAAAA,KAASA,EAAM,kBACjBC,IAAAV,EAAkB,YAAlB,QAAAU,EAA2B,UAE3BC,IAAAX,EAAkB,YAAlB,QAAAW,EAA2B;AAAA,QAE/B;AAAA,QACA,EAAE,WAAW,EAAE;AAAA,MAAA,GAGbb,EAAU,WACSG,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAI/CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFiB,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;;AACX,IAAIZ,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFa,IAAAT,EAAqB,YAArB,QAAAS,EAA8B,eAEhCV,EAAkB,QAAQ;EAC5B,IAED,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDmB,GAAS,EAAA,KAAKf,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcqB,IAAAC,EAAK5B,CAAe;"}
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: [number, number], forceFlag?: boolean) =>\n        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            if (container.current) {\n              intersectionObserver.current.observe(container.current);\n            }\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","useEffect","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,IAAQ;AAAA,IAE5F,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYnB,CAAG;AAE3C,MAAIO,EAAU,YACME,EAAA,UAAUW,EAAO,cAAc;AAAA,QAC/C,WAAWb,EAAU;AAAA,QACrB,eAAAW;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGf;AAAA,MAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,QACjC,CAAC,CAACW,CAAK,MAAM;;AACP,UAAAA,KAASA,EAAM,kBACjBP,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BQ,IAAAb,EAAkB,YAAlB,QAAAa,EAA2B;AAAA,QAE/B;AAAA,QACA,EAAE,WAAW,EAAE;AAAA,MAAA,GAGbf,EAAU,WACSG,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAI/CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFmB,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;;AACX,IAAId,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;EAC5B,IAED,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDqB,GAAS,EAAA,KAAKjB,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcuB,IAAAC,EAAK9B,CAAe;"}