@cuemath/leap 2.8.61-as2 → 2.8.61-as4

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

@@ -1 +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    case 'CHAPTER_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;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;"}
+{"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 'NOT_STARTED':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={0.5}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n          </InProgressIconWrapper>\n        ),\n        top: 0,\n        right: 0,\n      };\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.25 : 0}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $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    case 'CHAPTER_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","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":"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"}

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

@@ -1,48 +1,38 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { memo as $, useState as d, useRef as h, useEffect as C } from "react";
-import w from "../ui/buttons/clickable/clickable.js";
-import g from "../ui/portal/portal.js";
-import { CardOptions as x, CardOptionWrapper as I, OptionText as O } from "./styles.js";
-const W = $(
-  ({ options: p, triggerRef: e, visible: n, $width: s }) => {
-    const [i, f] = d({ top: 0, left: 0 }), u = h(null);
-    return C(() => {
-      if (e.current && n) {
-        const r = e.current.getBoundingClientRect(), l = r.bottom + window.scrollY, t = r.left + window.scrollX;
-        f({ top: l, left: t });
-      }
-    }, [e, n]), n ? /* @__PURE__ */ o(g, { portalId: "menu-options-root", children: /* @__PURE__ */ o(
-      x,
-      {
-        ref: u,
-        $background: "BLACK_2",
-        $top: i.top,
-        $left: i.left,
-        $borderColor: "WHITE_T_38",
-        $gapX: 0.5,
-        $width: s || 180,
-        children: p.map(({ icon: r, label: l, id: t, onClick: a, disabled: c }) => /* @__PURE__ */ o(w, { onClick: () => c ? null : a(t), label: t, children: /* @__PURE__ */ m(
-          I,
-          {
-            $flexDirection: "row",
-            $alignItems: "center",
-            $flexGap: 8,
-            $gapX: 0.5,
-            $gutterX: 1,
-            $opacity: c ? 0.5 : 1,
-            $disabled: c,
-            children: [
-              /* @__PURE__ */ o(r, { width: 20, height: 20 }),
-              /* @__PURE__ */ o(O, { $renderAs: "ub3", $color: "WHITE", children: l })
-            ]
-          },
-          t
-        ) }, t))
-      }
-    ) }) : null;
-  }
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { memo as m } from "react";
+import u from "../ui/buttons/clickable/clickable.js";
+import { CardMenuOptionsWrapper as h, CardOptionWrapper as s, OptionText as d } from "./styles.js";
+const b = m(
+  ({ options: t, shouldOpenOnRight: i, visible: n, $width: l }) => n ? /* @__PURE__ */ o(
+    h,
+    {
+      $visible: n,
+      $background: "BLACK_2",
+      $borderColor: "WHITE_T_38",
+      $gapX: 0.5,
+      $width: l,
+      $shouldopenonright: i,
+      children: t.map(({ icon: p, label: a, id: r, onClick: $, disabled: e }) => /* @__PURE__ */ o(u, { onClick: () => e ? null : $(r), label: r, children: /* @__PURE__ */ c(
+        s,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $flexGap: 8,
+          $gapX: 0.5,
+          $gutterX: 1,
+          $opacity: e ? 0.5 : 1,
+          $disabled: e,
+          children: [
+            /* @__PURE__ */ o(p, { width: 20, height: 20 }),
+            /* @__PURE__ */ o(d, { $renderAs: "ub3", $color: "WHITE", children: a })
+          ]
+        },
+        r
+      ) }, r))
+    }
+  ) : null
 );
 export {
-  W as default
+  b as default
 };
 //# sourceMappingURL=card-menu-options.js.map

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

@@ -1 +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, useEffect, useRef, useState } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport Portal from '../ui/portal/portal';\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  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, triggerRef, visible, $width }) => {\n    const [position, setPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (triggerRef.current && visible) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const top = triggerRect.bottom + window.scrollY;\n        const left = triggerRect.left + window.scrollX;\n\n        setPosition({ top, left });\n      }\n    }, [triggerRef, visible]);\n\n    if (!visible) return null;\n\n    return (\n      <Portal portalId=\"menu-options-root\">\n        <Styled.CardOptions\n          ref={menuRef}\n          $background=\"BLACK_2\"\n          $top={position.top}\n          $left={position.left}\n          $borderColor=\"WHITE_T_38\"\n          $gapX={0.5}\n          $width={$width || 180}\n        >\n          {options.map(({ icon: OptionIcon, label, id, onClick, disabled }) => (\n            <Clickable onClick={() => (!disabled ? onClick(id) : null)} label={id} key={id}>\n              <Styled.CardOptionWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexGap={8}\n                $gapX={0.5}\n                $gutterX={1}\n                $opacity={disabled ? 0.5 : 1}\n                $disabled={disabled}\n                key={id}\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        </Styled.CardOptions>\n      </Portal>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","triggerRef","visible","$width","position","setPosition","useState","menuRef","useRef","useEffect","triggerRect","top","left","jsx","Portal","Styled.CardOptions","OptionIcon","label","id","onClick","disabled","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,SAAAC,GAAS,QAAAC,QAAa;AACtC,UAAA,CAACC,GAAUC,CAAW,IAAIC,EAAwC,EAAE,KAAK,GAAG,MAAM,EAAA,CAAG,GACrFC,IAAUC,EAAuB,IAAI;AAYvC,WAVJC,EAAU,MAAM;AACV,UAAAR,EAAW,WAAWC,GAAS;AAC3B,cAAAQ,IAAcT,EAAW,QAAQ,sBAAsB,GACvDU,IAAMD,EAAY,SAAS,OAAO,SAClCE,IAAOF,EAAY,OAAO,OAAO;AAE3B,QAAAL,EAAA,EAAE,KAAAM,GAAK,MAAAC,EAAA,CAAM;AAAA,MAC3B;AAAA,IAAA,GACC,CAACX,GAAYC,CAAO,CAAC,GAEnBA,IAGH,gBAAAW,EAACC,GAAO,EAAA,UAAS,qBACf,UAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,aAAY;AAAA,QACZ,MAAMH,EAAS;AAAA,QACf,OAAOA,EAAS;AAAA,QAChB,cAAa;AAAA,QACb,OAAO;AAAA,QACP,QAAQD,KAAU;AAAA,QAEjB,UAAAH,EAAQ,IAAI,CAAC,EAAE,MAAMgB,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,0BACnDC,GAAU,EAAA,SAAS,MAAQD,IAAyB,OAAdD,EAAQD,CAAE,GAAW,OAAOA,GACjE,UAAA,gBAAAI;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAUH,IAAW,MAAM;AAAA,YAC3B,WAAWA;AAAA,YAGX,UAAA;AAAA,cAAA,gBAAAP,EAACG,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,cACnC,gBAAAH,EAACW,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UALKC;AAAA,QAAA,EAMP,GAf0EA,CAgB5E,CACD;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA,IAjCmB;AAAA,EAmCvB;AACF;"}
+{"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  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n  shouldOpenOnRight: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, shouldOpenOnRight, visible, $width }) => {\n    if (!visible) return null;\n\n    return (\n      <Styled.CardMenuOptionsWrapper\n        $visible={visible}\n        $background=\"BLACK_2\"\n        $borderColor=\"WHITE_T_38\"\n        $gapX={0.5}\n        $width={$width}\n        $shouldopenonright={shouldOpenOnRight}\n      >\n        {options.map(({ icon: OptionIcon, label, id, onClick, disabled }) => (\n          <Clickable onClick={() => (!disabled ? onClick(id) : null)} label={id} key={id}>\n            <Styled.CardOptionWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $flexGap={8}\n              $gapX={0.5}\n              $gutterX={1}\n              $opacity={disabled ? 0.5 : 1}\n              $disabled={disabled}\n              key={id}\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      </Styled.CardMenuOptionsWrapper>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","jsx","Styled.CardMenuOptionsWrapper","OptionIcon","label","id","onClick","disabled","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,SAAAC,GAAS,QAAAC,QACjCD,IAGH,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUH;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,OAAO;AAAA,MACP,QAAAC;AAAA,MACA,oBAAoBF;AAAA,MAEnB,UAAAD,EAAQ,IAAI,CAAC,EAAE,MAAMM,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,0BACnDC,GAAU,EAAA,SAAS,MAAQD,IAAyB,OAAdD,EAAQD,CAAE,GAAW,OAAOA,GACjE,UAAA,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAUH,IAAW,MAAM;AAAA,UAC3B,WAAWA;AAAA,UAGX,UAAA;AAAA,YAAA,gBAAAN,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,YACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QALKC;AAAA,MAAA,EAMP,GAf0EA,CAgB5E,CACD;AAAA,IAAA;AAAA,EAAA,IA7BgB;AAiCzB;"}

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

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