@cuemath/leap 2.8.55-as1 → 2.8.56-as1

package/dist/features/sheets/resources-list/resource-item/resource-item.js

@@ -1,199 +1,85 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { memo as J, useRef as Q, useState as Z, useMemo as ee, useCallback as d, useLayoutEffect as te } from "react";
-import oe from "../../../../assets/line-icons/icons/minus2.js";
-import re from "../../../../assets/line-icons/icons/plus2.js";
-import ne from "../../../../assets/line-icons/icons/redo.js";
-import A from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import ie from "../../../ui/context-menu/context-menu.js";
-import { useUIContext as ce } from "../../../ui/context/context.js";
-import se from "../../../ui/layout/flex-view.js";
-import ae from "../../comps/sheet-button/index.js";
-import ue from "../../lessons-list/lesson-item/context-menu-helper/target-element.js";
-import { SHEETS_ANALYTICS_EVENTS as k } from "../../sheets-analytics-events.js";
-import { TEACHER_MENU_OPTIONS as me } from "../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js";
-import { isV3Worksheet as h } from "../../utils/is-v3-worksheet.js";
-import le from "./context-menu-helper/menu-element.js";
-import { ResourceItemCard as pe, ResourceItemTitle as fe, IconButtonWrapper as de } from "./styled.js";
-import { getResourceItemCtaState as he, getResourceItemCtaInfo as we, getResourceItemBackgroundColor as _e } from "./utils.js";
-const { UNASSIGN: x, REDO: N } = me, Me = J(
-  ({
-    sheet: t,
-    userType: O,
-    isMilestoneWidget: w,
-    userMilestoneId: _,
-    onUnlock: i,
-    onUnAssignSheet: u,
-    onReset: m,
-    onPreview: l,
-    onReview: p,
-    onStart: f
-  }) => {
-    const { onClick: c } = ce(), r = Q(null), [D, M] = Z(!1), {
-      accuracy: b,
-      permissions: X,
-      title: C,
-      sheet_statement: j,
-      state: E,
-      node_id: o,
-      user_node_id: s,
-      node_sub_group: G,
-      node_type: y
-    } = t, {
-      can_start: I,
-      can_resume: S,
-      can_unlock: g,
-      can_review: H,
-      can_teacher_review: L,
-      can_unassign: B,
-      can_reset: U
-    } = X, V = typeof b == "number" ? `${b}%` : void 0, n = O === "STUDENT", R = n ? H : L, P = he(E), { label: W, Icon: F } = we(G) || {}, a = ee(
-      () => ({
-        node_id: o,
-        node_type: y
-      }),
-      [o, y]
-    ), K = d(() => {
-      c({
-        analyticsLabel: k.RESOURCE_ASSIGNED,
-        props: a
-      }), i == null || i(o);
-    }, [i, o, c, a]), Y = d(() => {
-      if (n && (I || S)) {
-        if (typeof f == "function") {
-          f(o, h(t), s);
+import { jsx as w } from "react/jsx-runtime";
+import { h as R } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as $, useMemo as _, useCallback as x } from "react";
+import S from "../../../homework/homework-card.js";
+import { getNodeTypeBasedHWCardTitle as z } from "../../../homework/utils.js";
+import D from "../../../ui/buttons/clickable/clickable.js";
+import { isV3Worksheet as c } from "../../utils/is-v3-worksheet.js";
+const B = $(
+  ({ sheet: e, userType: d, userMilestoneId: u, onPreview: o, onReview: n, onStart: a }) => {
+    const {
+      accuracy: h,
+      permissions: b,
+      title: m,
+      state: j,
+      node_id: f,
+      user_node_id: t,
+      node_type: i,
+      image_url: v,
+      image_hue: y,
+      due_date_ts: E,
+      total_questions: r
+    } = e, {
+      can_start: l,
+      can_resume: k,
+      can_review: g,
+      can_teacher_review: C
+    } = b, s = d === "STUDENT", p = s ? g : C, H = _(() => z(i), [i]), T = _(
+      () => `${typeof r == "number" ? `${r} ${R.pluralize(
+        r,
+        "Question"
+      )} sjkdnskjn skdnkj fsdjn fks dvkjs dfkncsdkj vcjksd ckn` : ""}`,
+      [r]
+    ), N = x(() => {
+      if (s && (l || k)) {
+        if (typeof a == "function") {
+          a(f, c(e), t);
           return;
         }
         throw new Error("No callback is available");
       }
-      if (R) {
-        if (typeof p != "function")
+      if (p) {
+        if (typeof n != "function")
           throw new Error("onReview must be a function");
-        if (!s)
+        if (!t)
           throw new Error("user node id must be present to review the sheet");
-        p(s, h(t, "review"), _);
+        n(t, c(e, "review"), u);
         return;
       }
-      if (typeof l != "function")
+      if (typeof o != "function")
         throw new Error("onPreview must be a function");
-      l(t, h(t));
+      o(e, c(e));
     }, [
-      S,
-      R,
-      I,
-      n,
-      o,
-      t,
-      _,
+      k,
+      p,
+      l,
       s,
       f,
-      p,
-      l
-    ]), T = d(
-      (z) => {
-        switch (z) {
-          case x:
-            if (typeof u != "function")
-              throw new Error("onUnassignSheet must be a function");
-            c({
-              analyticsLabel: k.RESOURCE_UNASSIGNED,
-              props: a
-            }), u(t);
-            return;
-          case N:
-            if (typeof m != "function")
-              throw new Error("onReset must be a function");
-            m(t);
-            return;
-        }
-      },
-      [t, u, m, a, c]
-    );
-    te(() => {
-      r.current && r.current.scrollHeight > r.current.clientHeight && M(!0);
-    }, [r]);
-    const q = [
-      {
-        id: "supplementary_resources_unassign",
-        label: "Unassign",
-        icon: /* @__PURE__ */ e(oe, { width: 20, height: 20 }),
-        option: x,
-        visible: B,
-        onClick: T
-      },
-      {
-        id: "supplementary_resources_redo",
-        label: "Redo",
-        icon: /* @__PURE__ */ e(ne, {}),
-        option: N,
-        visible: U,
-        onClick: T
-      }
-    ], $ = _e(
-      E,
+      e,
+      u,
+      t,
+      a,
       n,
-      g,
-      !!w
-    );
-    return /* @__PURE__ */ v(
-      pe,
+      o
+    ]);
+    return /* @__PURE__ */ w(D, { label: `test card click ${m}`, onClick: N, children: /* @__PURE__ */ w(
+      S,
       {
-        $gapX: 1,
-        $gutterX: 1,
-        $flexGapX: 1.25,
-        $background: $,
-        $justifyContent: "space-between",
-        $heightX: 8,
-        $isMilestoneWidget: w,
-        children: [
-          /* @__PURE__ */ e(
-            A,
-            {
-              renderAs: "primary",
-              position: "bottom",
-              tooltipItem: C,
-              hidden: !D,
-              widthX: 21.75,
-              children: /* @__PURE__ */ e(fe, { ref: r, $renderAs: "ab2", $color: "BLACK_T_87", children: C })
-            }
-          ),
-          /* @__PURE__ */ v(se, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
-            /* @__PURE__ */ e(A, { position: "bottom", tooltipItem: j, renderAs: "secondary", children: /* @__PURE__ */ e(
-              ae,
-              {
-                renderAs: "primary",
-                label: W ?? "",
-                Icon: F,
-                backgroundColor: $,
-                state: P,
-                hoverActive: !1,
-                onClick: Y,
-                accuracy: V,
-                widthX: 8.5
-              }
-            ) }),
-            !n && (g ? /* @__PURE__ */ e(
-              de,
-              {
-                $flexDirection: "row",
-                $alignItems: "center",
-                $justifyContent: "center",
-                onClick: K,
-                children: /* @__PURE__ */ e(re, {})
-              }
-            ) : /* @__PURE__ */ e(
-              ie,
-              {
-                targetElement: /* @__PURE__ */ e(ue, { invertHover: !0 }),
-                menuElement: /* @__PURE__ */ e(le, { menuOptions: q })
-              }
-            ))
-          ] })
-        ]
+        nodeType: i,
+        cardHeader: H,
+        imageHue: y || "ORANGE",
+        imageUrl: v,
+        header: m,
+        subHeader: T,
+        userType: d,
+        state: j,
+        accuracy: h,
+        dueDateTs: E
       }
-    );
+    ) });
   }
 );
 export {
-  Me as default
+  B as default
 };
 //# sourceMappingURL=resource-item.js.map

package/dist/features/sheets/resources-list/resource-item/resource-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-item.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/resource-item.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IResourceItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, memo, useState, useMemo } from 'react';\n\nimport Minus2Icon from '../../../../assets/line-icons/icons/minus2';\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport RedoIcon from '../../../../assets/line-icons/icons/redo';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport SheetButton from '../../comps/sheet-button';\nimport ContextMenuTargetElement from '../../lessons-list/lesson-item/context-menu-helper/target-element';\nimport { SHEETS_ANALYTICS_EVENTS } from '../../sheets-analytics-events';\nimport { TEACHER_MENU_OPTIONS } from '../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport * as Styled from './styled';\nimport {\n  getResourceItemBackgroundColor,\n  getResourceItemCtaInfo,\n  getResourceItemCtaState,\n} from './utils';\n\nconst { UNASSIGN, REDO } = TEACHER_MENU_OPTIONS;\n\nconst ResourceItem: FC<IResourceItemProps> = memo(\n  ({\n    sheet,\n    userType,\n    isMilestoneWidget,\n    userMilestoneId,\n    onUnlock,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onStart,\n  }) => {\n    const { onClick: trackClick } = useUIContext();\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      accuracy,\n      permissions,\n      title,\n      sheet_statement: sheetStatement,\n      state: sheetState,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n      node_sub_group: nodeSubGroup,\n      node_type: nodeType,\n    } = sheet;\n    const {\n      can_start: canStart,\n      can_resume: canResume,\n      can_unlock: canUnlock,\n      can_review: canReview,\n      can_teacher_review: canTeacherReview,\n      can_unassign: canUnassign,\n      can_reset: canReset,\n    } = permissions;\n\n    const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n    const isStudent = userType === 'STUDENT';\n    const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n    const ctaState = getResourceItemCtaState(sheetState);\n    const { label, Icon } = getResourceItemCtaInfo(nodeSubGroup) || {};\n\n    const analyticsProps = useMemo(\n      () => ({\n        node_id: nodeId,\n        node_type: nodeType,\n      }),\n      [nodeId, nodeType],\n    );\n\n    const handleAssignSheet = useCallback(() => {\n      trackClick({\n        analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_ASSIGNED,\n        props: analyticsProps,\n      });\n\n      onUnlock?.(nodeId);\n    }, [onUnlock, nodeId, trackClick, analyticsProps]);\n\n    const handleOnClick = useCallback(() => {\n      if (isStudent && (canStart || canResume)) {\n        if (typeof onStart === 'function') {\n          onStart(nodeId, isV3Worksheet(sheet), userNodeId);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n\n      if (canReviewSheet) {\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('user node id must be present to review the sheet');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'), userMilestoneId);\n\n        return;\n      }\n\n      if (typeof onPreview !== 'function') {\n        throw new Error('onPreview must be a function');\n      }\n\n      onPreview(sheet, isV3Worksheet(sheet));\n    }, [\n      canResume,\n      canReviewSheet,\n      canStart,\n      isStudent,\n      nodeId,\n      sheet,\n      userMilestoneId,\n      userNodeId,\n      onStart,\n      onReview,\n      onPreview,\n    ]);\n\n    const handleMenuOptionClick = useCallback(\n      (selectedOption: string) => {\n        switch (selectedOption) {\n          case UNASSIGN:\n            if (typeof onUnAssignSheet !== 'function') {\n              throw new Error('onUnassignSheet must be a function');\n            }\n\n            trackClick({\n              analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_UNASSIGNED,\n              props: analyticsProps,\n            });\n\n            onUnAssignSheet(sheet);\n\n            return;\n\n          case REDO:\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      [sheet, onUnAssignSheet, onReset, analyticsProps, trackClick],\n    );\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    const menuOptions: IMenuOptionsProps[] = [\n      {\n        id: 'supplementary_resources_unassign',\n        label: 'Unassign',\n        icon: <Minus2Icon width={20} height={20} />,\n        option: UNASSIGN,\n        visible: canUnassign,\n        onClick: handleMenuOptionClick,\n      },\n      {\n        id: 'supplementary_resources_redo',\n        label: 'Redo',\n        icon: <RedoIcon />,\n        option: REDO,\n        visible: canReset,\n        onClick: handleMenuOptionClick,\n      },\n    ];\n\n    const backgroundColor = getResourceItemBackgroundColor(\n      sheetState,\n      isStudent,\n      canUnlock,\n      !!isMilestoneWidget,\n    );\n\n    return (\n      <Styled.ResourceItemCard\n        $gapX={1}\n        $gutterX={1}\n        $flexGapX={1.25}\n        $background={backgroundColor}\n        $justifyContent=\"space-between\"\n        $heightX={8}\n        $isMilestoneWidget={isMilestoneWidget}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={title}\n          hidden={!showTitleTooltip}\n          widthX={21.75}\n        >\n          <Styled.ResourceItemTitle ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n            {title}\n          </Styled.ResourceItemTitle>\n        </ArrowTooltip>\n\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n          <ArrowTooltip position=\"bottom\" tooltipItem={sheetStatement} renderAs=\"secondary\">\n            <SheetButton\n              renderAs=\"primary\"\n              label={label ?? ''}\n              Icon={Icon}\n              backgroundColor={backgroundColor}\n              state={ctaState}\n              hoverActive={false}\n              onClick={handleOnClick}\n              accuracy={sheetAccuracy}\n              widthX={8.5}\n            />\n          </ArrowTooltip>\n\n          {!isStudent &&\n            (canUnlock ? (\n              <Styled.IconButtonWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                onClick={handleAssignSheet}\n              >\n                <Plus2Icon />\n              </Styled.IconButtonWrapper>\n            ) : (\n              <ContextMenu\n                targetElement={<ContextMenuTargetElement invertHover />}\n                menuElement={<ContextMenuElement menuOptions={menuOptions} />}\n              />\n            ))}\n        </FlexView>\n      </Styled.ResourceItemCard>\n    );\n  },\n);\n\nexport default ResourceItem;\n"],"names":["UNASSIGN","REDO","TEACHER_MENU_OPTIONS","ResourceItem","memo","sheet","userType","isMilestoneWidget","userMilestoneId","onUnlock","onUnAssignSheet","onReset","onPreview","onReview","onStart","trackClick","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","accuracy","permissions","title","sheetStatement","sheetState","nodeId","userNodeId","nodeSubGroup","nodeType","canStart","canResume","canUnlock","canReview","canTeacherReview","canUnassign","canReset","sheetAccuracy","isStudent","canReviewSheet","ctaState","getResourceItemCtaState","label","Icon","getResourceItemCtaInfo","analyticsProps","useMemo","handleAssignSheet","useCallback","SHEETS_ANALYTICS_EVENTS","handleOnClick","isV3Worksheet","handleMenuOptionClick","selectedOption","useLayoutEffect","menuOptions","jsx","Minus2Icon","RedoIcon","backgroundColor","getResourceItemBackgroundColor","jsxs","Styled.ResourceItemCard","ArrowTooltip","Styled.ResourceItemTitle","FlexView","SheetButton","Styled.IconButtonWrapper","Plus2Icon","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}
+{"version":3,"file":"resource-item.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/resource-item.tsx"],"sourcesContent":["import type { TSheetStates } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IResourceItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { useCallback, memo, useMemo } from 'react';\n\nimport HomeworkCard from '../../../homework/homework-card';\nimport { getNodeTypeBasedHWCardTitle } from '../../../homework/utils';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\n\nconst ResourceItem: FC<IResourceItemProps> = memo(\n  ({ sheet, userType, userMilestoneId, onPreview, onReview, onStart }) => {\n    const {\n      accuracy,\n      permissions,\n      title,\n      state: sheetState,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n      node_type: nodeType,\n      image_url: imageUrl,\n      image_hue: imageHue,\n      due_date_ts: dueDateTs,\n      total_questions: totalQuestions,\n    } = sheet;\n    const {\n      can_start: canStart,\n      can_resume: canResume,\n      can_review: canReview,\n      can_teacher_review: canTeacherReview,\n    } = permissions;\n\n    const isStudent = userType === 'STUDENT';\n    const canReviewSheet = isStudent ? canReview : canTeacherReview;\n    const cardHeader = useMemo(() => getNodeTypeBasedHWCardTitle(nodeType), [nodeType]);\n    const subHeader = useMemo(\n      () =>\n        `${\n          typeof totalQuestions === 'number'\n            ? `${totalQuestions} ${pluralize(\n                totalQuestions,\n                'Question',\n              )} sjkdnskjn skdnkj fsdjn fks dvkjs dfkncsdkj vcjksd ckn`\n            : ''\n        }`,\n      [totalQuestions],\n    );\n    const handleOnClick = useCallback(() => {\n      if (isStudent && (canStart || canResume)) {\n        if (typeof onStart === 'function') {\n          onStart(nodeId, isV3Worksheet(sheet), userNodeId);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n\n      if (canReviewSheet) {\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('user node id must be present to review the sheet');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'), userMilestoneId);\n\n        return;\n      }\n\n      if (typeof onPreview !== 'function') {\n        throw new Error('onPreview must be a function');\n      }\n\n      onPreview(sheet, isV3Worksheet(sheet));\n    }, [\n      canResume,\n      canReviewSheet,\n      canStart,\n      isStudent,\n      nodeId,\n      sheet,\n      userMilestoneId,\n      userNodeId,\n      onStart,\n      onReview,\n      onPreview,\n    ]);\n\n    return (\n      <Clickable label={`test card click ${title}`} onClick={handleOnClick}>\n        <HomeworkCard\n          nodeType={nodeType}\n          cardHeader={cardHeader}\n          imageHue={imageHue || 'ORANGE'}\n          imageUrl={imageUrl}\n          header={title}\n          subHeader={subHeader}\n          userType={userType}\n          state={sheetState as TSheetStates}\n          accuracy={accuracy}\n          dueDateTs={dueDateTs}\n        />\n      </Clickable>\n    );\n  },\n);\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","sheet","userType","userMilestoneId","onPreview","onReview","onStart","accuracy","permissions","title","sheetState","nodeId","userNodeId","nodeType","imageUrl","imageHue","dueDateTs","totalQuestions","canStart","canResume","canReview","canTeacherReview","isStudent","canReviewSheet","cardHeader","useMemo","getNodeTypeBasedHWCardTitle","subHeader","pluralize","handleOnClick","useCallback","isV3Worksheet","Clickable","jsx","HomeworkCard"],"mappings":";;;;;;;AAYA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,iBAAAC,GAAiB,WAAAC,GAAW,UAAAC,GAAU,SAAAC,QAAc;AAChE,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAOC;AAAA,MACP,SAASC;AAAA,MACT,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,iBAAiBC;AAAA,IACf,IAAAhB,GACE;AAAA,MACJ,WAAWiB;AAAA,MACX,YAAYC;AAAA,MACZ,YAAYC;AAAA,MACZ,oBAAoBC;AAAA,IAClB,IAAAb,GAEEc,IAAYpB,MAAa,WACzBqB,IAAiBD,IAAYF,IAAYC,GACzCG,IAAaC,EAAQ,MAAMC,EAA4Bb,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAC5Ec,IAAYF;AAAA,MAChB,MACE,GACE,OAAOR,KAAmB,WACtB,GAAGA,CAAc,IAAIW,EAAA;AAAA,QACnBX;AAAA,QACA;AAAA,MAAA,CACD,2DACD,EACN;AAAA,MACF,CAACA,CAAc;AAAA,IAAA,GAEXY,IAAgBC,EAAY,MAAM;AAClC,UAAAR,MAAcJ,KAAYC,IAAY;AACpC,YAAA,OAAOb,KAAY,YAAY;AACjC,UAAAA,EAAQK,GAAQoB,EAAc9B,CAAK,GAAGW,CAAU;AAEhD;AAAA,QACF;AAEM,cAAA,IAAI,MAAM,0BAA0B;AAAA,MAC5C;AAEA,UAAIW,GAAgB;AACd,YAAA,OAAOlB,KAAa;AAChB,gBAAA,IAAI,MAAM,6BAA6B;AAG/C,YAAI,CAACO;AACG,gBAAA,IAAI,MAAM,kDAAkD;AAGpE,QAAAP,EAASO,GAAYmB,EAAc9B,GAAO,QAAQ,GAAGE,CAAe;AAEpE;AAAA,MACF;AAEI,UAAA,OAAOC,KAAc;AACjB,cAAA,IAAI,MAAM,8BAA8B;AAGtC,MAAAA,EAAAH,GAAO8B,EAAc9B,CAAK,CAAC;AAAA,IAAA,GACpC;AAAA,MACDkB;AAAA,MACAI;AAAA,MACAL;AAAA,MACAI;AAAA,MACAX;AAAA,MACAV;AAAA,MACAE;AAAA,MACAS;AAAA,MACAN;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA,CACD;AAED,6BACG4B,GAAU,EAAA,OAAO,mBAAmBvB,CAAK,IAAI,SAASoB,GACrD,UAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,YAAAW;AAAA,QACA,UAAUT,KAAY;AAAA,QACtB,UAAAD;AAAA,QACA,QAAQL;AAAA,QACR,WAAAkB;AAAA,QACA,UAAAzB;AAAA,QACA,OAAOQ;AAAA,QACP,UAAAH;AAAA,QACA,WAAAS;AAAA,MAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/sheets/resources-list/resources-list.js

@@ -4,22 +4,22 @@ import L from "../../ui/layout/flex-view.js";
 import R from "./resource-item/resource-item.js";
 import { ResourceItemListWrapper as g } from "./styled.js";
 const y = a(
-  ({ sheets: o, userType: i, isMilestoneWidget: t, ...m }) => {
-    const e = u(null), s = l(() => o.length, [o]), n = u(0);
+  ({ sheets: t, userType: i, isMilestoneWidget: o, ...m }) => {
+    const e = u(null), s = l(() => t.length, [t]), n = u(0);
     return d(() => {
-      if (e.current && !t) {
+      if (e.current && !o) {
         e.current.style.height = "auto";
         const r = e.current.clientHeight;
         r > n.current && (n.current = r), e.current.style.height = `${n.current}px`;
       }
-    }, [s, t]), /* @__PURE__ */ c(L, { ref: e, children: /* @__PURE__ */ c(g, { $isMilestoneWidget: t, children: o.map((r, f) => {
+    }, [s, o]), /* @__PURE__ */ c(L, { ref: e, children: /* @__PURE__ */ c(g, { children: t.map((r, f) => {
       const { worksheet_id: h, node_id: p } = r;
       return /* @__PURE__ */ c(
         R,
         {
           sheet: r,
           userType: i,
-          isMilestoneWidget: t,
+          isMilestoneWidget: o,
           ...m
         },
         `${h}_${p}_${f}`

package/dist/features/sheets/resources-list/resources-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources-list.js","sources":["../../../../src/features/sheets/resources-list/resources-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { useRef, useLayoutEffect, useMemo, memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport ResourceItem from './resource-item/resource-item';\nimport * as Styled from './styled';\n\nconst ResourcesList: FC<IResourcesListProps> = memo(\n  ({ sheets, userType, isMilestoneWidget, ...sheetCallBacks }) => {\n    const resourceListContainerRef = useRef<HTMLDivElement>(null);\n    const resourceListLength = useMemo(() => sheets.length, [sheets]);\n    const maxHeightRef = useRef(0);\n\n    useLayoutEffect(() => {\n      if (resourceListContainerRef.current && !isMilestoneWidget) {\n        resourceListContainerRef.current.style.height = 'auto';\n\n        const newHeight = resourceListContainerRef.current.clientHeight;\n\n        if (newHeight > maxHeightRef.current) {\n          maxHeightRef.current = newHeight;\n        }\n\n        resourceListContainerRef.current.style.height = `${maxHeightRef.current}px`;\n      }\n    }, [resourceListLength, isMilestoneWidget]);\n\n    return (\n      <FlexView ref={resourceListContainerRef}>\n        <Styled.ResourceItemListWrapper $isMilestoneWidget={isMilestoneWidget}>\n          {sheets.map((sheet, idx) => {\n            const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n\n            return (\n              <ResourceItem\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                sheet={sheet}\n                userType={userType}\n                isMilestoneWidget={isMilestoneWidget}\n                {...sheetCallBacks}\n              />\n            );\n          })}\n        </Styled.ResourceItemListWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default ResourcesList;\n"],"names":["ResourcesList","memo","sheets","userType","isMilestoneWidget","sheetCallBacks","resourceListContainerRef","useRef","resourceListLength","useMemo","maxHeightRef","useLayoutEffect","newHeight","jsx","FlexView","Styled.ResourceItemListWrapper","sheet","idx","worksheetId","nodeId","ResourceItem"],"mappings":";;;;;AASA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,QAAqB;AACxD,UAAAC,IAA2BC,EAAuB,IAAI,GACtDC,IAAqBC,EAAQ,MAAMP,EAAO,QAAQ,CAACA,CAAM,CAAC,GAC1DQ,IAAeH,EAAO,CAAC;AAE7B,WAAAI,EAAgB,MAAM;AAChB,UAAAL,EAAyB,WAAW,CAACF,GAAmB;AACjC,QAAAE,EAAA,QAAQ,MAAM,SAAS;AAE1C,cAAAM,IAAYN,EAAyB,QAAQ;AAE/C,QAAAM,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBN,EAAyB,QAAQ,MAAM,SAAS,GAAGI,EAAa,OAAO;AAAA,MACzE;AAAA,IAAA,GACC,CAACF,GAAoBJ,CAAiB,CAAC,GAGvC,gBAAAS,EAAAC,GAAA,EAAS,KAAKR,GACb,4BAACS,GAAA,EAA+B,oBAAoBX,GACjD,UAAAF,EAAO,IAAI,CAACc,GAAOC,MAAQ;AAC1B,YAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH;AAGrD,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,OAAAJ;AAAA,UACA,UAAAb;AAAA,UACA,mBAAAC;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,QAJC,GAAGa,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,MAAA;AAAA,IAKtC,CAEH,GACH,EACF,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"resources-list.js","sources":["../../../../src/features/sheets/resources-list/resources-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { useRef, useLayoutEffect, useMemo, memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport ResourceItem from './resource-item/resource-item';\nimport * as Styled from './styled';\n\nconst ResourcesList: FC<IResourcesListProps> = memo(\n  ({ sheets, userType, isMilestoneWidget, ...sheetCallBacks }) => {\n    const resourceListContainerRef = useRef<HTMLDivElement>(null);\n    const resourceListLength = useMemo(() => sheets.length, [sheets]);\n    const maxHeightRef = useRef(0);\n\n    useLayoutEffect(() => {\n      if (resourceListContainerRef.current && !isMilestoneWidget) {\n        resourceListContainerRef.current.style.height = 'auto';\n\n        const newHeight = resourceListContainerRef.current.clientHeight;\n\n        if (newHeight > maxHeightRef.current) {\n          maxHeightRef.current = newHeight;\n        }\n\n        resourceListContainerRef.current.style.height = `${maxHeightRef.current}px`;\n      }\n    }, [resourceListLength, isMilestoneWidget]);\n\n    return (\n      <FlexView ref={resourceListContainerRef}>\n        <Styled.ResourceItemListWrapper>\n          {sheets.map((sheet, idx) => {\n            const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n\n            return (\n              <ResourceItem\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                sheet={sheet}\n                userType={userType}\n                isMilestoneWidget={isMilestoneWidget}\n                {...sheetCallBacks}\n              />\n            );\n          })}\n        </Styled.ResourceItemListWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default ResourcesList;\n"],"names":["ResourcesList","memo","sheets","userType","isMilestoneWidget","sheetCallBacks","resourceListContainerRef","useRef","resourceListLength","useMemo","maxHeightRef","useLayoutEffect","newHeight","jsx","FlexView","Styled.ResourceItemListWrapper","sheet","idx","worksheetId","nodeId","ResourceItem"],"mappings":";;;;;AASA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,QAAqB;AACxD,UAAAC,IAA2BC,EAAuB,IAAI,GACtDC,IAAqBC,EAAQ,MAAMP,EAAO,QAAQ,CAACA,CAAM,CAAC,GAC1DQ,IAAeH,EAAO,CAAC;AAE7B,WAAAI,EAAgB,MAAM;AAChB,UAAAL,EAAyB,WAAW,CAACF,GAAmB;AACjC,QAAAE,EAAA,QAAQ,MAAM,SAAS;AAE1C,cAAAM,IAAYN,EAAyB,QAAQ;AAE/C,QAAAM,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBN,EAAyB,QAAQ,MAAM,SAAS,GAAGI,EAAa,OAAO;AAAA,MACzE;AAAA,IAAA,GACC,CAACF,GAAoBJ,CAAiB,CAAC,GAGvC,gBAAAS,EAAAC,GAAA,EAAS,KAAKR,GACb,UAAC,gBAAAO,EAAAE,GAAA,EACE,UAAOb,EAAA,IAAI,CAACc,GAAOC,MAAQ;AAC1B,YAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH;AAGrD,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,OAAAJ;AAAA,UACA,UAAAb;AAAA,UACA,mBAAAC;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,QAJC,GAAGa,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,MAAA;AAAA,IAKtC,CAEH,GACH,EACF,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/sheets/resources-list/styled.js

@@ -1,16 +1,12 @@
-import o from "styled-components";
-const a = o.div(
-  ({ theme: t, $isMilestoneWidget: e }) => {
-    const { layout: r } = t;
-    return `
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: max-content;
-    gap: ${e ? 0 : `${r.gutter * 1.5}px`};
-  `;
-  }
-);
+import e from "styled-components";
+const p = e.div`
+  display: grid;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
+`;
 export {
-  a as ResourceItemListWrapper
+  p as ResourceItemListWrapper
 };
 //# sourceMappingURL=styled.js.map

package/dist/features/sheets/resources-list/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/features/sheets/resources-list/styled.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\n\nimport styled from 'styled-components';\n\ninterface IResourceItemListWrapper {\n  $isMilestoneWidget: IResourcesListProps['isMilestoneWidget'];\n}\n\nconst ResourceItemListWrapper = styled.div<IResourceItemListWrapper>(\n  ({ theme, $isMilestoneWidget }) => {\n    const { layout } = theme;\n\n    return `\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: max-content;\n    gap: ${$isMilestoneWidget ? 0 : `${layout.gutter * 1.5}px`};\n  `;\n  },\n);\n\nexport { ResourceItemListWrapper };\n"],"names":["ResourceItemListWrapper","styled","theme","$isMilestoneWidget","layout"],"mappings":";AAQA,MAAMA,IAA0BC,EAAO;AAAA,EACrC,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AAC3B,UAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,WAAA;AAAA;AAAA;AAAA;AAAA,WAIAC,IAAqB,IAAI,GAAGC,EAAO,SAAS,GAAG,IAAI;AAAA;AAAA,EAE5D;AACF;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/features/sheets/resources-list/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nexport { ResourceItemListWrapper };\n"],"names":["ResourceItemListWrapper","styled"],"mappings":";AAEA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,4 +1,4 @@
-const E = {
+const A = {
   CHANGE_LOCATION: "Change location",
   RESET_PROGRESS: "Reset progress",
   MARK_AS_FAMILIAR: "Mark as learned",
@@ -11,9 +11,10 @@ const E = {
   MARK_AS_DONE: "Mark as Done",
   SKIP: "Skip",
   REVERT_SKIP: "Revert Skip",
-  REDO: "Redo"
+  REDO: "Redo",
+  ASSIGN_AS_HW: "Assign as HW"
 };
 export {
-  E as TEACHER_MENU_OPTIONS
+  A as TEACHER_MENU_OPTIONS
 };
 //# sourceMappingURL=teacher-actions-constant.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AACR;"}
+{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n  ASSIGN_AS_HW: 'Assign as HW',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;"}

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 { 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;"}
+{"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 { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\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 | INodeDataProps,\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":";AAOA,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/arrow-tooltip/arrow-tooltip.js

@@ -1,17 +1,17 @@
-import { jsxs as D, Fragment as I, jsx as r } from "react/jsx-runtime";
-import U from "../../../node_modules/lodash.throttle/index.js";
-import { useRef as W, useState as m, useCallback as $, useEffect as Y } from "react";
-import { useTheme as H } from "styled-components";
+import { jsxs as I, Fragment as U, jsx as r } from "react/jsx-runtime";
+import W from "../../../node_modules/lodash.throttle/index.js";
+import { useRef as Y, useState as m, useCallback as $, useEffect as H } from "react";
+import { useTheme as P } from "styled-components";
 import C from "../layout/flex-view.js";
-import P from "../portal/portal.js";
-import V from "../text/text.js";
-import { TooltipBody as Z } from "./arrow-tooltip-styled.js";
-import { computeTooltipNewCoOrdinates as q } from "./arrow-tooltip-util.js";
-const y = 8, G = 100, J = ({
+import V from "../portal/portal.js";
+import Z from "../text/text.js";
+import { TooltipBody as q } from "./arrow-tooltip-styled.js";
+import { computeTooltipNewCoOrdinates as y } from "./arrow-tooltip-util.js";
+const G = 8, J = 100, K = ({
   isAnimated: O,
   alwaysVisible: o = !1,
   arrowColor: T,
-  arrowSize: h = y,
+  arrowSize: h = G,
   arrowXCoOrdinates: g,
   arrowYCoOrdinates: w,
   backgroundColor: R,
@@ -27,61 +27,62 @@ const y = 8, G = 100, J = ({
   tooltipYCoOrdinates: k,
   width: F,
   widthX: L,
-  zIndex: M
+  zIndex: M,
+  parentWidth: S
 }) => {
-  const { arrowTooltip: S } = H(), { tooltipVariants: a } = S, { backgroundColorName: X } = a[i], u = W(null), [_, p] = m(o), [j, v] = m(
+  const { arrowTooltip: X } = P(), { tooltipVariants: a } = X, { backgroundColorName: _ } = a[i], u = Y(null), [j, p] = m(o), [v, z] = m(
     null
   ), s = $(
     (e, n) => {
-      v(e), p(n);
+      z(e), p(n);
     },
     []
-  ), z = $(() => {
+  ), B = $(() => {
     if (t || o)
       return null;
     s(null, !1);
-  }, [o, s, t]), d = U(() => {
+  }, [o, s, t]), d = W(() => {
     var f;
     const { current: e } = u;
     if (t || !e) return null;
-    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), B = n ? q(c, n) : null;
-    return s(B, !0), null;
-  }, G);
-  return Y(() => {
+    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), D = n ? y(c, n) : null;
+    return s(D, !0), null;
+  }, J);
+  return H(() => {
     t && p(!1), o && d();
-  }, [o, t]), /* @__PURE__ */ D(I, { children: [
+  }, [o, t]), /* @__PURE__ */ I(U, { children: [
     /* @__PURE__ */ r(
       C,
       {
-        $width: "fit-content",
+        $width: S || "fit-content",
         ref: u,
         onMouseEnter: d,
-        onMouseLeave: z,
+        onMouseLeave: B,
         children: /* @__PURE__ */ r(C, { children: x })
       }
     ),
-    _ && /* @__PURE__ */ r(P, { portalId: "tooltip-root", children: /* @__PURE__ */ r(
-      Z,
+    j && /* @__PURE__ */ r(V, { portalId: "tooltip-root", children: /* @__PURE__ */ r(
+      q,
       {
         $arrowSize: h,
         $arrowXCoOrdinates: g,
         $arrowYCoOrdinates: w,
         $position: c,
         $renderAs: i,
-        $tooltipCoOrdinates: j,
+        $tooltipCoOrdinates: v,
         $tooltipOffset: E,
         $tooltipXCoOrdinates: N,
         $tooltipYCoOrdinates: k,
         $width: F,
         $widthX: L,
         $zIndex: M,
-        $background: X,
+        $background: _,
         $backgroundColor: R,
         $arrowColor: T,
         $borderColor: b,
         $isAnimated: O,
         children: typeof l == "string" ? /* @__PURE__ */ r(
-          V,
+          Z,
           {
             $renderAs: A || "body3",
             $color: a[i].textColorName,
@@ -92,8 +93,8 @@ const y = 8, G = 100, J = ({
       }
     ) })
   ] });
-}, so = J;
+}, co = K;
 export {
-  so as default
+  co as default
 };
 //# sourceMappingURL=arrow-tooltip.js.map

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width=\"fit-content\"\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}
+{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n  parentWidth,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width={parentWidth || 'fit-content'}\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}

package/dist/features/ui/constants/z-index.js

@@ -1,7 +1,7 @@
 const _ = {
   CHAPTER_CROWN_ICON: 4,
   CHAPTER_PLUS_ICON: 2,
-  CHAPTER_PROGRESS_SVG: 1,
+  CHAPTER_PROGRESS_SVG: 2,
   LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,
   LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,
   MODAL: 20,

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 1,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}