@cuemath/leap 2.8.60-aa2 → 2.8.60-ag1

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -0,0 +1,105 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import E from "../../../assets/line-icons/icons/alarm.js";
+import I from "../../../assets/line-icons/icons/bulb2.js";
+import u from "../../../assets/line-icons/icons/check2.js";
+import f from "../../../assets/line-icons/icons/dart.js";
+import d from "../../../assets/line-icons/icons/exclamation.js";
+import p from "../../../assets/line-icons/icons/lock2.js";
+import l from "../../../assets/line-icons/icons/play2.js";
+import T from "../../../assets/line-icons/icons/puzzle.js";
+import R from "../../../assets/line-icons/icons/recap.js";
+import A from "../../../assets/line-icons/icons/status.js";
+import D from "../../../assets/line-icons/icons/testtube.js";
+import h from "../../ui/layout/flex-view.js";
+import s from "../../ui/text/text.js";
+import { InProgressIconWrapper as S } from "../comps/node-card/node-card-styled.js";
+import i from "../comps/tag/tag.js";
+const g = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], C = (r) => {
+  if (!r)
+    return { isOverdue: !1, daysText: "" };
+  const c = Math.floor(Date.now() / 1e3), n = r - c, o = Math.ceil(n / g), t = o < 0, a = o > 0 ? `${Math.abs(o)}D` : "";
+  return { isOverdue: t, daysText: a };
+}, W = (r, c, n) => {
+  const { isOverdue: o, daysText: t } = C(n);
+  if (o && $.includes(r))
+    return {
+      icon: /* @__PURE__ */ e(h, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) }),
+      top: -10,
+      right: -10
+    };
+  switch (r) {
+    case "LOCKED":
+      return {
+        icon: /* @__PURE__ */ e(p, { width: 32, height: 32 }),
+        top: -12,
+        right: -12
+      };
+    case "IN_PROGRESS":
+      return {
+        icon: /* @__PURE__ */ m(
+          S,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "center",
+            $gutterX: t ? 0.5 : 0,
+            $borderRadius: 16,
+            children: [
+              t && /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: t }),
+              /* @__PURE__ */ e(A, {})
+            ]
+          }
+        )
+      };
+    case "COMPLETED":
+      return {
+        icon: /* @__PURE__ */ e(
+          i,
+          {
+            Icon: u,
+            label: typeof c == "number" ? `${c}%` : void 0
+          }
+        ),
+        top: -10,
+        right: -10
+      };
+    case "WAIT_FOR_REVIEW":
+      return {
+        icon: /* @__PURE__ */ e(i, { Icon: d }),
+        top: -10,
+        right: -10
+      };
+    default:
+      return {
+        icon: void 0
+      };
+  }
+}, X = (r) => {
+  switch (r) {
+    case "LEARNING":
+      return I;
+    case "RECAP":
+      return R;
+    case "DYNAMIC":
+    case "ASSESSMENT":
+      return E;
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+    case "TARGET_PRACTICE":
+    case "MASTERY":
+      return f;
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return T;
+    case "VIDEO":
+      return l;
+    default:
+      return D;
+  }
+};
+export {
+  X as getNodeCardBasedIcon,
+  W as getNodeStateBasedTagInfo
+};
+//# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport Play2Icon from '../../../assets/line-icons/icons/play2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport FlexView from '../..//ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null): DueDateInfo => {\n  if (!dueDateTs) {\n    return { isOverdue: false, daysText: '' };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n) => {\n  const { isOverdue, daysText } = calculateDueDateInfo(dueDateTs);\n\n  if (isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            OVERDUE\n          </Text>\n        </FlexView>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={daysText ? 0.5 : 0}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n    case 'VIDEO':\n      return Play2Icon;\n\n    default:\n      return TestTubeIcon;\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","accuracy","jsx","FlexView","Text","Lock2Icon","jsxs","InProgressIconWrapper","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAkB,KAAK,KAAK,IAC5BC,IAAgD,CAAC,eAAe,aAAa,GAE7EC,IAAuB,CAACC,MAA2C;AACvE,MAAI,CAACA;AACH,WAAO,EAAE,WAAW,IAAO,UAAU,GAAG;AAG1C,QAAMC,IAAmB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,GAC/CC,IAAsBF,IAAYC,GAClCE,IAAmB,KAAK,KAAKD,IAAsBL,CAAe,GAElEO,IAAYD,IAAmB,GAE/BE,IAAWF,IAAmB,IAAI,GAAG,KAAK,IAAIA,CAAgB,CAAC,MAAM;AAEpE,SAAA,EAAE,WAAAC,GAAW,UAAAC;AACtB,GAEMC,IAA2B,CAC/BC,GACAC,GACAR,MACG;AACH,QAAM,EAAE,WAAAI,GAAW,UAAAC,EAAS,IAAIN,EAAqBC,CAAS;AAE9D,MAAII,KAAaN,EAAmB,SAASS,CAAS;AAC7C,WAAA;AAAA,MACL,MACG,gBAAAE,EAAAC,GAAA,EAAS,aAAY,OAAM,eAAe,IAAI,OAAO,MAAM,UAAU,KACpE,4BAACC,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,oBAE3C,CAAA,GACF;AAAA,MAEF,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAIX,UAAQJ,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAE,EAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,UAAUT,IAAW,MAAM;AAAA,YAC3B,eAAe;AAAA,YAEd,UAAA;AAAA,cAAAA,uBACEM,GAAK,EAAA,WAAU,aAAY,QAAO,SAChC,UACHN,GAAA;AAAA,gCAEDU,GAAW,EAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAOT,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAM,gBAAAC,EAACO,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA,QAClC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAAC;AAAA,EACX;AACF;"}

package/dist/features/cue-canvas/cue-canvas-provider.js

@@ -1,11 +1,10 @@
 import { jsx as d } from "react/jsx-runtime";
-import "../../library/polypad.js";
-import { memo as p, useMemo as i, useState as o } from "react";
-import f from "./cue-canvas-context.js";
+import { memo as f, useMemo as n, useState as o } from "react";
+import p from "./cue-canvas-context.js";
 import { getColorsForUser as x } from "./cue-canvas-helpers.js";
-const A = p(
-  ({ children: n, userType: t }) => {
-    const a = i(() => x(t), [t]), [e, v] = o(), [r, m] = o("pen"), [s, l] = o(), [c, C] = o(a[0]), u = i(
+const A = f(
+  ({ children: a, userType: t }) => {
+    const i = n(() => x(t), [t]), [e, v] = o(), [r, m] = o("pen"), [s, l] = o(), [c, C] = o(i[0]), u = n(
       () => ({
         activeInstance: e,
         setActiveInstance: v,
@@ -18,10 +17,10 @@ const A = p(
       }),
       [c, e, s, r]
     );
-    return /* @__PURE__ */ d(f.Provider, { value: u, children: n });
+    return /* @__PURE__ */ d(p.Provider, { value: u, children: a });
   }
-), j = A;
+), g = A;
 export {
-  j as default
+  g as default
 };
 //# sourceMappingURL=cue-canvas-provider.js.map

package/dist/features/cue-canvas/cue-canvas-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"cue-canvas-provider.js","sources":["../../../src/features/cue-canvas/cue-canvas-provider.tsx"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type { CueCanvasCore } from './cue-canvas-core';\nimport type { TCueCanvasColors, TCueCanvasSidebar, TCueCanvasTool } from './types/cue-canvas';\nimport '../../library/polypad';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { useState, memo, useMemo } from 'react';\n\nimport CueCanvasContext from './cue-canvas-context';\nimport { getColorsForUser } from './cue-canvas-helpers';\n\nconst CueCanvasProvider: FC<PropsWithChildren<{ userType: TUserTypes }>> = memo(\n  ({ children, userType }) => {\n    const colors = useMemo(() => getColorsForUser(userType), [userType]);\n\n    const [activeInstance, setActiveInstance] = useState<CueCanvasCore>();\n    const [activeTool, setActiveTool] = useState<TCueCanvasTool>('pen');\n    const [activeSidebar, setActiveSidebar] = useState<TCueCanvasSidebar>();\n    const [activeColor, setActiveColor] = useState<TCueCanvasColors>(colors[0] as TCueCanvasColors);\n    const contextValue = useMemo(\n      () => ({\n        activeInstance: activeInstance,\n        setActiveInstance: setActiveInstance,\n        activeTool: activeTool,\n        setActiveTool: setActiveTool,\n        activeColor,\n        setActiveColor,\n        activeSidebar,\n        setActiveSidebar,\n      }),\n      [activeColor, activeInstance, activeSidebar, activeTool],\n    );\n\n    return <CueCanvasContext.Provider value={contextValue}>{children}</CueCanvasContext.Provider>;\n  },\n);\n\nexport default CueCanvasProvider;\n"],"names":["CueCanvasProvider","memo","children","userType","colors","useMemo","getColorsForUser","activeInstance","setActiveInstance","useState","activeTool","setActiveTool","activeSidebar","setActiveSidebar","activeColor","setActiveColor","contextValue","CueCanvasContext","CueCanvasProvider$1"],"mappings":";;;;;AAWA,MAAMA,IAAqEC;AAAA,EACzE,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AACpB,UAAAC,IAASC,EAAQ,MAAMC,EAAiBH,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE7D,CAACI,GAAgBC,CAAiB,IAAIC,EAAwB,GAC9D,CAACC,GAAYC,CAAa,IAAIF,EAAyB,KAAK,GAC5D,CAACG,GAAeC,CAAgB,IAAIJ,EAA4B,GAChE,CAACK,GAAaC,CAAc,IAAIN,EAA2BL,EAAO,CAAC,CAAqB,GACxFY,IAAeX;AAAA,MACnB,OAAO;AAAA,QACL,gBAAAE;AAAA,QACA,mBAAAC;AAAA,QACA,YAAAE;AAAA,QACA,eAAAC;AAAA,QACA,aAAAG;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAH;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,MAEF,CAACC,GAAaP,GAAgBK,GAAeF,CAAU;AAAA,IAAA;AAGzD,6BAAQO,EAAiB,UAAjB,EAA0B,OAAOD,GAAe,UAAAd,EAAS,CAAA;AAAA,EACnE;AACF,GAEAgB,IAAelB;"}
+{"version":3,"file":"cue-canvas-provider.js","sources":["../../../src/features/cue-canvas/cue-canvas-provider.tsx"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type { CueCanvasCore } from './cue-canvas-core';\nimport type { TCueCanvasColors, TCueCanvasSidebar, TCueCanvasTool } from './types/cue-canvas';\nimport '../../library/polypad';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { useState, memo, useMemo } from 'react';\n\nimport CueCanvasContext from './cue-canvas-context';\nimport { getColorsForUser } from './cue-canvas-helpers';\n\nconst CueCanvasProvider: FC<PropsWithChildren<{ userType: TUserTypes }>> = memo(\n  ({ children, userType }) => {\n    const colors = useMemo(() => getColorsForUser(userType), [userType]);\n\n    const [activeInstance, setActiveInstance] = useState<CueCanvasCore>();\n    const [activeTool, setActiveTool] = useState<TCueCanvasTool>('pen');\n    const [activeSidebar, setActiveSidebar] = useState<TCueCanvasSidebar>();\n    const [activeColor, setActiveColor] = useState<TCueCanvasColors>(colors[0] as TCueCanvasColors);\n    const contextValue = useMemo(\n      () => ({\n        activeInstance: activeInstance,\n        setActiveInstance: setActiveInstance,\n        activeTool: activeTool,\n        setActiveTool: setActiveTool,\n        activeColor,\n        setActiveColor,\n        activeSidebar,\n        setActiveSidebar,\n      }),\n      [activeColor, activeInstance, activeSidebar, activeTool],\n    );\n\n    return <CueCanvasContext.Provider value={contextValue}>{children}</CueCanvasContext.Provider>;\n  },\n);\n\nexport default CueCanvasProvider;\n"],"names":["CueCanvasProvider","memo","children","userType","colors","useMemo","getColorsForUser","activeInstance","setActiveInstance","useState","activeTool","setActiveTool","activeSidebar","setActiveSidebar","activeColor","setActiveColor","contextValue","CueCanvasContext","CueCanvasProvider$1"],"mappings":";;;;AAWA,MAAMA,IAAqEC;AAAA,EACzE,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AACpB,UAAAC,IAASC,EAAQ,MAAMC,EAAiBH,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE7D,CAACI,GAAgBC,CAAiB,IAAIC,EAAwB,GAC9D,CAACC,GAAYC,CAAa,IAAIF,EAAyB,KAAK,GAC5D,CAACG,GAAeC,CAAgB,IAAIJ,EAA4B,GAChE,CAACK,GAAaC,CAAc,IAAIN,EAA2BL,EAAO,CAAC,CAAqB,GACxFY,IAAeX;AAAA,MACnB,OAAO;AAAA,QACL,gBAAAE;AAAA,QACA,mBAAAC;AAAA,QACA,YAAAE;AAAA,QACA,eAAAC;AAAA,QACA,aAAAG;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAH;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,MAEF,CAACC,GAAaP,GAAgBK,GAAeF,CAAU;AAAA,IAAA;AAGzD,6BAAQO,EAAiB,UAAjB,EAA0B,OAAOD,GAAe,UAAAd,EAAS,CAAA;AAAA,EACnE;AACF,GAEAgB,IAAelB;"}

package/dist/features/homework/card-menu-options.js

@@ -0,0 +1,23 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { memo as p } from "react";
+import c from "../ui/buttons/clickable/clickable.js";
+import { CardOptions as m, CardOptionWrapper as u, OptionText as d } from "./styles.js";
+const g = p(({ options: n }) => n.length === 0 ? null : /* @__PURE__ */ r(m, { $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: n.map(({ icon: o, label: t, id: e, onClick: l, visible: i }) => i ? /* @__PURE__ */ r(c, { onClick: () => l(e), label: e, children: /* @__PURE__ */ a(
+  u,
+  {
+    $flexDirection: "row",
+    $alignItems: "center",
+    $flexGap: 8,
+    $gapX: 0.5,
+    $gutterX: 1,
+    children: [
+      /* @__PURE__ */ r(o, { width: 20, height: 20 }),
+      /* @__PURE__ */ r(d, { $renderAs: "ub3", $color: "WHITE", children: t })
+    ]
+  },
+  e
+) }) : null) }));
+export {
+  g as default
+};
+//# sourceMappingURL=card-menu-options.js.map

package/dist/features/homework/card-menu-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  visible: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  options: ICardMenuOption[];\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(({ options }) => {\n  if (options.length === 0) return null;\n\n  return (\n    <Styled.CardOptions $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {options.map(({ icon: OptionIcon, label, id, onClick, visible }) => {\n        if (!visible) return null;\n\n        return (\n          <Clickable onClick={() => onClick(id)} label={id}>\n            <Styled.CardOptionWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $flexGap={8}\n              $gapX={0.5}\n              $gutterX={1}\n            >\n              <OptionIcon width={20} height={20} />\n              <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n                {label}\n              </Styled.OptionText>\n            </Styled.CardOptionWrapper>\n          </Clickable>\n        );\n      })}\n    </Styled.CardOptions>\n  );\n});\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","jsx","Styled.CardOptions","OptionIcon","label","id","onClick","visible","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAmBA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,SAAAC,QACrDA,EAAQ,WAAW,IAAU,OAG/B,gBAAAC,EAACC,GAAA,EAAmB,aAAY,WAAU,cAAa,cAAa,OAAO,KACxE,YAAQ,IAAI,CAAC,EAAE,MAAMC,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,SAAAC,QAC/CA,IAGH,gBAAAN,EAACO,KAAU,SAAS,MAAMF,EAAQD,CAAE,GAAG,OAAOA,GAC5C,UAAA,gBAAAI;AAAA,EAACC;AAAAA,EAAA;AAAA,IAEC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAT,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,MACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAVKC;AAYT,EAAA,CAAA,IAjBmB,IAmBtB,EACH,CAAA,CAEH;"}

package/dist/features/homework/homework-card.js

@@ -0,0 +1,209 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { memo as P, useRef as x, useState as q, useLayoutEffect as J, useCallback as f } from "react";
+import Q from "../../assets/line-icons/icons/eye2.js";
+import Y from "../../assets/line-icons/icons/more-vertical.js";
+import Z from "../../assets/line-icons/icons/redo.js";
+import U from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as D } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as N } from "../chapters-v2/utils/node-card-utils.js";
+import E from "../ui/arrow-tooltip/arrow-tooltip.js";
+import ee from "../ui/buttons/clickable/clickable.js";
+import re from "../ui/hooks/use-context-menu-click-handler.js";
+import s from "../ui/layout/flex-view.js";
+import te from "../ui/text/text.js";
+import ie from "./card-menu-options.js";
+import { CardContainer as ne, CardWrapper as oe, IconWrapper as ce, BannerImageWrapper as ae, BannerImage as le, HeaderText as se, SubHeaderText as ue, CardKebabMenuWrapper as me, CardMenuOptionsWrapper as he, StyledMinus2Icon as pe } from "./styles.js";
+const fe = ({
+  header: d,
+  nodeData: r,
+  subHeader: I,
+  userType: H,
+  userMilestoneId: t,
+  onNodeUnassign: c,
+  onNodeReset: a,
+  onNodeView: u,
+  onNodeReview: i,
+  onNodeAttempt: m
+}) => {
+  const {
+    node_type: h,
+    state: X,
+    accuracy: S,
+    due_date_ts: W,
+    image_url: w,
+    image_hue: A,
+    card_header: B = "",
+    permissions: O,
+    user_node_id: l
+  } = r, R = D(h), $ = N(h), b = x(null), n = x(null), { menuVisible: j, onMenuClick: V } = re(b), [G, K] = q(!1), {
+    can_start: g,
+    can_resume: C,
+    can_review: T,
+    can_teacher_review: _,
+    can_unassign: L,
+    can_reset: z
+  } = O, k = H === "STUDENT";
+  J(() => {
+    n.current && n.current.scrollHeight > n.current.clientHeight && K(!0);
+  }, [n]);
+  const F = f(() => {
+    if (g || C) {
+      if (typeof m != "function")
+        throw new Error("onNodeAttempt must be a function");
+      m(r);
+      return;
+    }
+    if (T) {
+      if (typeof i != "function")
+        throw new Error("onReview must be a function");
+      if (!l)
+        throw new Error("user node id must be present to review the sheet");
+      i(r, t);
+      return;
+    }
+  }, [
+    C,
+    T,
+    g,
+    t,
+    r,
+    m,
+    i,
+    l
+  ]), v = f(() => {
+    if (_) {
+      if (typeof i != "function")
+        throw new Error("onReview must be a function");
+      if (!l)
+        throw new Error("user node id must be present to review the sheet");
+      i(r, t);
+      return;
+    }
+    if (typeof u != "function")
+      throw new Error("onPreview must be a function");
+    u(r, t);
+  }, [_, t, r, i, u, l]), p = f(
+    (y) => {
+      switch (y) {
+        case "card-view":
+          v();
+          return;
+        case "card-unassign":
+          c == null || c(r, t);
+          return;
+        case "card-reset":
+          a == null || a(r, t);
+          return;
+        default:
+          throw new Error(`No callback function for ${y}`);
+      }
+    },
+    [r, a, c, v, t]
+  ), M = [
+    {
+      id: "card-view",
+      label: "View",
+      icon: Q,
+      visible: !0,
+      onClick: p
+    },
+    {
+      id: "card-unassign",
+      label: "Unassign",
+      icon: pe,
+      visible: !!L,
+      onClick: p
+    },
+    {
+      id: "card-reset",
+      label: "Reset",
+      icon: Z,
+      visible: !!z,
+      onClick: p
+    }
+  ];
+  return /* @__PURE__ */ e(ee, { onClick: k ? F : void 0, label: "homework-card", children: /* @__PURE__ */ o(
+    ne,
+    {
+      $widthX: 12.5,
+      $position: "relative",
+      $background: `${A || "ORANGE"}_2`,
+      children: [
+        /* @__PURE__ */ o(
+          oe,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $width: "100%",
+            $heightX: 3.5,
+            $bgImage: R,
+            $gutterX: 0.78125,
+            $flexGap: 8.5,
+            $position: "relative",
+            children: [
+              /* @__PURE__ */ e(
+                ce,
+                {
+                  $width: 31,
+                  $height: 31,
+                  $borderRadiusX: 2,
+                  $background: "WHITE_1",
+                  $position: "relative",
+                  $alignItems: "center",
+                  $justifyContent: "center",
+                  children: $ && /* @__PURE__ */ e($, { width: 20, height: 20 })
+                }
+              ),
+              /* @__PURE__ */ e(te, { $renderAs: "ac4-black", children: B }),
+              !!w && /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(le, { src: w, alt: "Chapter image" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(U, { nodeType: h, state: X, accuracy: S, dueDateTs: W }),
+        /* @__PURE__ */ o(s, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+          /* @__PURE__ */ e(
+            E,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: d,
+              hidden: !G,
+              widthX: 21.75,
+              children: /* @__PURE__ */ e(s, { $heightX: 2.5, children: /* @__PURE__ */ e(se, { ref: n, $renderAs: "ab3", children: d }) })
+            }
+          ),
+          /* @__PURE__ */ o(
+            s,
+            {
+              $flexDirection: "row",
+              $heightX: 1.25,
+              $alignItems: "center",
+              $justifyContent: "space-between",
+              children: [
+                /* @__PURE__ */ e(ue, { $renderAs: "ub3", $color: "BLACK_T_60", children: I }),
+                !k && /* @__PURE__ */ o(s, { $position: "relative", $width: "fit-content", children: [
+                  /* @__PURE__ */ e(
+                    E,
+                    {
+                      renderAs: "primary",
+                      tooltipItem: "Review",
+                      position: "bottom",
+                      zIndex: 5,
+                      parentWidth: "100%",
+                      children: /* @__PURE__ */ e(me, { ref: b, onClick: V, children: /* @__PURE__ */ e(Y, { width: 16, height: 16 }) })
+                    }
+                  ),
+                  /* @__PURE__ */ e(he, { $visible: j, children: /* @__PURE__ */ e(ie, { options: M }) })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}, Xe = P(fe);
+export {
+  Xe as default
+};
+//# sourceMappingURL=homework-card.js.map

package/dist/features/homework/homework-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../chapters-v2/comps/node-card/node-card-types';\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\nimport NodeCardTags from '../chapters-v2/comps/node-card/node-card-tags';\nimport { getNodeTypeBasedBgImage } from '../chapters-v2/utils';\nimport { getNodeCardBasedIcon } from '../chapters-v2/utils/node-card-utils';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps;\n  subHeader: string;\n  userType: 'TEACHER' | 'STUDENT';\n  userMilestoneId?: string;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReset,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n}: IHomeworkCardProps) => {\n  const {\n    node_type: nodeType,\n    state,\n    accuracy,\n    due_date_ts: dueDateTs,\n    image_url: imageUrl,\n    image_hue: imageHue,\n    card_header: cardHeader = '',\n    permissions,\n    user_node_id: userNodeId,\n  } = nodeData;\n\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_teacher_review: canTeacherReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\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 onStudentView = useCallback(() => {\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData);\n\n      return;\n    }\n\n    if (canReview) {\n      if (typeof onNodeReview !== '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      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n  }, [\n    canResume,\n    canReview,\n    canStart,\n    userMilestoneId,\n    nodeData,\n    onNodeAttempt,\n    onNodeReview,\n    userNodeId,\n  ]);\n\n  const onTeacherView = useCallback(() => {\n    if (canTeacherReview) {\n      if (typeof onNodeReview !== '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      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onPreview must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId);\n  }, [canTeacherReview, userMilestoneId, nodeData, onNodeReview, onNodeView, userNodeId]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'card-view':\n          onTeacherView();\n\n          return;\n        case 'card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'card-reset':\n          onNodeReset?.(nodeData, userMilestoneId);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [nodeData, onNodeReset, onNodeUnassign, onTeacherView, userMilestoneId],\n  );\n\n  const menuOptions = [\n    {\n      id: 'card-view',\n      label: 'View',\n      icon: Eye2Icon,\n      visible: true,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      visible: !!canUnassign,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'card-reset',\n      label: 'Reset',\n      icon: RedoIcon,\n      visible: !!canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Clickable onClick={isStudent ? onStudentView : undefined} label=\"homework-card\">\n      <Styled.CardContainer\n        $widthX={12.5}\n        $position=\"relative\"\n        $background={`${imageHue || 'ORANGE'}_2`}\n      >\n        <Styled.CardWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={3.5}\n          $bgImage={bgImage}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n          $position=\"relative\"\n        >\n          <Styled.IconWrapper\n            $width={31}\n            $height={31}\n            $borderRadiusX={2}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n          </Styled.IconWrapper>\n          <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n          {!!imageUrl && (\n            <Styled.BannerImageWrapper>\n              <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n            </Styled.BannerImageWrapper>\n          )}\n        </Styled.CardWrapper>\n        <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} dueDateTs={dueDateTs} />\n        <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={header}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n          >\n            <FlexView $heightX={2.5}>\n              <Styled.HeaderText ref={titleTextRef} $renderAs=\"ab3\">\n                {header}\n              </Styled.HeaderText>\n            </FlexView>\n          </ArrowTooltip>\n          <FlexView\n            $flexDirection=\"row\"\n            $heightX={1.25}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n          >\n            <Styled.SubHeaderText $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n              {subHeader}\n            </Styled.SubHeaderText>\n            {!isStudent && (\n              <FlexView $position=\"relative\" $width=\"fit-content\">\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  tooltipItem=\"Review\"\n                  position=\"bottom\"\n                  zIndex={5}\n                  parentWidth=\"100%\"\n                >\n                  <Styled.CardKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                    <MoreVerticalIcon width={16} height={16} />\n                  </Styled.CardKebabMenuWrapper>\n                </ArrowTooltip>\n                <Styled.CardMenuOptionsWrapper $visible={menuVisible}>\n                  <CardMenuOptions options={menuOptions} />\n                </Styled.CardMenuOptionsWrapper>\n              </FlexView>\n            )}\n          </FlexView>\n        </FlexView>\n      </Styled.CardContainer>\n    </Clickable>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReset","onNodeView","onNodeReview","onNodeAttempt","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","containerRef","useRef","titleTextRef","menuVisible","onMenuClick","useContextMenuClickHandler","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","Clickable","jsxs","Styled.CardContainer","Styled.CardWrapper","jsx","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","FlexView","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.CardMenuOptionsWrapper","CardMenuOptions","HomeworkCard$1","memo"],"mappings":"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"}

package/dist/features/homework/styles.js

@@ -0,0 +1,114 @@
+import r from "styled-components";
+import i from "../../assets/line-icons/icons/minus2.js";
+import t from "../ui/layout/flex-view.js";
+import n from "../ui/text/text.js";
+const l = r(t)(({ theme: o }) => `
+    cursor: pointer;
+    width: fit-content;
+    
+    &:hover {
+      border-radius: 50%;
+      background: ${o.colors.WHITE_5}; 
+    }
+  `), d = r(n)`
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, u = r(t)(({
+  theme: o,
+  $visible: e
+}) => `
+    cursor: pointer;
+    position: absolute;
+    z-index: 6;
+    top: calc(100% + 4px);
+    left: 0;
+    transform-origin: top;
+    transform: scaleY(${e ? 1 : 0});
+    opacity: ${e ? 1 : 0};
+    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+    
+    &:hover {
+      border-radius: 50%;
+      background: ${o.colors.WHITE_5}; 
+    }
+  `), x = r(t)`
+  border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
+
+  &:hover {
+    border: 1px solid ${({ theme: o }) => o.colors.BLACK};
+  }
+`, b = r(t)(({ $bgImage: o }) => o ? `
+      background-image: url(${o});
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: center;
+      overflow: hidden;
+    ` : "overflow: hidden;"), f = r(t)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, w = r(t)`
+  position: absolute;
+  right: -18px;
+  top: -4px;
+`, h = r.img(({ theme: o }) => {
+  const { gutter: e } = o.layout;
+  return `
+    border: 1px solid ${o.colors.BLACK_T_15};
+    width: ${e * 4}px;
+    height: ${e * 4}px;
+    border-radius: 50%;
+  `;
+}), g = r(i)`
+  path {
+    stroke: ${({ theme: o }) => o.colors.WHITE};
+  }
+`, m = r(n)`
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, v = r(t)`
+  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
+  width: 180px;
+  position: relative;
+  left: 0;
+  top: 0;
+`, k = r(t)(({
+  theme: o,
+  $disabled: e
+}) => `
+    cursor: ${e ? "not-allowed" : "pointer"};
+    
+    &:hover {
+      background: ${e ? "transparent" : o.colors.BLACK};
+    };
+    
+    path {
+      fill: ${o.colors.WHITE_1};
+    }
+  `), C = r(n)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+export {
+  h as BannerImage,
+  w as BannerImageWrapper,
+  x as CardContainer,
+  l as CardKebabMenuWrapper,
+  u as CardMenuOptionsWrapper,
+  k as CardOptionWrapper,
+  v as CardOptions,
+  b as CardWrapper,
+  m as HeaderText,
+  f as IconWrapper,
+  C as OptionText,
+  g as StyledMinus2Icon,
+  d as SubHeaderText
+};
+//# sourceMappingURL=styles.js.map

package/dist/features/homework/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: fit-content;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  theme,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport interface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\n\nexport const CardOptions = styled(FlexView)`\n  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n  width: 180px;\n  position: relative;\n  left: 0;\n  top: 0;\n`;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","CardOptions","CardOptionWrapper","$disabled","OptionText"],"mappings":";;;;AAaO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,OAAAC;AAAA,EACA,UAAAI;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXJ,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYK,IAAgBP,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAI5CM,IAAcR,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAQ,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcV,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BU,IAAqBX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCW,IAAcZ,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAW,EAAO,IAAIX,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCW,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBd,EAAOe,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAb,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCc,IAAahB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBa,IAAcjB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ7BiB,IAAoBlB,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAiB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBjB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC,GAEYkB,IAAapB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/milestone/create/api/goal-submit.js

@@ -1,5 +1,5 @@
 import { createPostAPI as t } from "@cuemath/rest-api";
-import { BASE_URL_V3_1 as e } from "../../../../constants/api.js";
+import { BASE_URL_V3_2 as e } from "../../../../constants/api.js";
 const { usePost: i } = t({
   getURL: (s, { studentId: o }) => `${e}/users/${o}/milestones/`
 });

package/dist/features/milestone/create/api/goal-submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_1}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_1"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}
+{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_2}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_2"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}

package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js

@@ -1,9 +1,17 @@
 import r from "styled-components";
-import p from "../../../../ui/layout/flex-view.js";
-const e = r(p)(({ theme: o }) => `
-    box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
+import o from "../../../../ui/layout/flex-view.js";
+const x = r(o)(({ theme: t }) => `
+    box-shadow: 0px 10px 20px 0px ${t.colors.BLACK_T_20};
+  `), n = r(o)(() => `
+    margin-left: auto;
+    
+    svg {
+      width: 24px;
+      height: 24px;
+    }
   `);
 export {
-  e as ButtonWrapper
+  n as BinIconWrapper,
+  x as ButtonWrapper
 };
 //# sourceMappingURL=chapters-selection-step-styled.js.map

package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapters-selection-step-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nexport { ButtonWrapper };\n"],"names":["ButtonWrapper","styled","FlexView","theme"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACjC;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}
+{"version":3,"file":"chapters-selection-step-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nconst BinIconWrapper = styled(FlexView)(() => {\n  return `\n    margin-left: auto;\n    \n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  `;\n});\n\nexport { ButtonWrapper, BinIconWrapper };\n"],"names":["ButtonWrapper","styled","FlexView","theme","BinIconWrapper"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACjC;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D,GAEKC,IAAiBH,EAAOC,CAAQ,EAAE,MAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQR;"}