@cuemath/leap 2.9.12-j2 → 3.0.1-as1

package/dist/features/communication/pub-sub/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAS;AAAA,EACb,GAAGH;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AACL;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n  SHEET_REATTEMPTED: 'SHEET_REATTEMPTED',\n  INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: 'INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n  INVALIDATE_HOMEWORK: 'INVALIDATE_HOMEWORK',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,+CAA+C;AACjD,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAkB;AAAA,EACtB,mBAAmB;AAAA,EACnB,qBAAqB;AACvB,GAEMC,IAAS;AAAA,EACb,GAAGJ;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;AACL;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-menu-option.js","sources":["../../../src/features/homework/card-menu-option.tsx"],"sourcesContent":["import type { ICardMenuOption } from './card-menu-options';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\nconst CardMenuOption = memo((option: ICardMenuOption) => {\n  const { icon: OptionIcon, label, id, onClick, disabled } = option;\n\n  const handleClick = useCallback(() => (!disabled ? onClick(id) : null), [disabled, id, onClick]);\n\n  return (\n    <Clickable onClick={handleClick} 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});\n\nexport default CardMenuOption;\n"],"names":["CardMenuOption","memo","option","OptionIcon","label","id","onClick","disabled","handleClick","useCallback","jsx","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAOM,MAAAA,IAAiBC,EAAK,CAACC,MAA4B;AACvD,QAAM,EAAE,MAAMC,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,EAAa,IAAAL,GAErDM,IAAcC,EAAY,MAAQF,IAAyB,OAAdD,EAAQD,CAAE,GAAW,CAACE,GAAUF,GAAIC,CAAO,CAAC;AAE/F,SACG,gBAAAI,EAAAC,GAAA,EAAU,SAASH,GAAa,OAAOH,GACtC,UAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAUN,IAAW,MAAM;AAAA,MAC3B,WAAWA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAG,EAACP,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,QACnC,gBAAAO,EAACI,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHV,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IALKC;AAAA,EAAA,KATwCA,CAgBjD;AAEJ,CAAC;"}

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

@@ -0,0 +1,22 @@
+import { jsx as m } from "react/jsx-runtime";
+import { memo as p, createElement as a } from "react";
+import i from "./card-menu-option.js";
+import { CardMenuOptionsWrapper as d } from "./styles.js";
+const C = p(
+  ({ options: e, shouldOpenOnRight: n, visible: r, $width: t }) => r ? /* @__PURE__ */ m(
+    d,
+    {
+      $visible: r,
+      $background: "BLACK_2",
+      $borderColor: "WHITE_T_38",
+      $gapX: 0.5,
+      $width: t,
+      $shouldopenonright: n,
+      children: e.map((o) => /* @__PURE__ */ a(i, { ...o, key: o.id }))
+    }
+  ) : null
+);
+export {
+  C 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 CardMenuOption from './card-menu-option';\nimport * as Styled from './styles';\n\nexport interface 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(option => (\n          <CardMenuOption {...option} key={option.id} />\n        ))}\n      </Styled.CardMenuOptionsWrapper>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","jsx","Styled.CardMenuOptionsWrapper","option","createElement","CardMenuOption"],"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,CAAAM,MACV,gBAAAC,EAAAC,GAAA,EAAgB,GAAGF,GAAQ,KAAKA,EAAO,GAAI,CAAA,CAC7C;AAAA,IAAA;AAAA,EAAA,IAbgB;AAiBzB;"}

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

@@ -0,0 +1,16 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { memo as a } from "react";
+import c from "../ui/layout/flex-view.js";
+import i from "../ui/text/text.js";
+const l = ({ label: r, title: e }) => /* @__PURE__ */ o(c, { children: [
+  /* @__PURE__ */ t(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ t(i, { $color: "WHITE", $renderAs: "ac4-black", children: r }) }),
+  /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: e })
+] }), m = ({
+  cardHeader: r,
+  nodeType: e,
+  courseType: n
+}) => e === "MASTERY" ? /* @__PURE__ */ t(l, { label: "Smart", title: "Practice" }) : n === "REMEDIAL" ? /* @__PURE__ */ t(l, { label: "EXTRA", title: r }) : n === "EXAM" ? /* @__PURE__ */ t(l, { label: "CUSTOM", title: r }) : /* @__PURE__ */ t(i, { $renderAs: "ac4-black", children: r }), A = a(m);
+export {
+  A as default
+};
+//# sourceMappingURL=card-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.js","sources":["../../../src/features/homework/card-title.tsx"],"sourcesContent":["import type { TCourseType, TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\n\nimport { memo } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nconst LabelledTitle = ({ label, title }: { label: string; title: string }) => (\n  <FlexView>\n    <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n      <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n        {label}\n      </Text>\n    </FlexView>\n    <Text $renderAs=\"ac4-black\">{title}</Text>\n  </FlexView>\n);\n\nconst CardTitle = ({\n  cardHeader,\n  nodeType,\n  courseType,\n}: {\n  cardHeader: string;\n  nodeType: TNodeTypes;\n  courseType: TCourseType;\n}) => {\n  if (nodeType === 'MASTERY') {\n    return <LabelledTitle label=\"Smart\" title=\"Practice\" />;\n  }\n\n  if (courseType === 'REMEDIAL') {\n    return <LabelledTitle label=\"EXTRA\" title={cardHeader} />;\n  }\n\n  if (courseType === 'EXAM') {\n    return <LabelledTitle label=\"CUSTOM\" title={cardHeader} />;\n  }\n\n  return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default memo(CardTitle);\n"],"names":["LabelledTitle","label","title","FlexView","jsx","Text","CardTitle","cardHeader","nodeType","courseType","CardTitle$1","memo"],"mappings":";;;;AAOA,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAM,wBACnCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAC5B,YACH,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMH,GAAA;AAAA,EACrC,CAAA,GAGII,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,YACP,gBAAAJ,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAM,WAAW,CAAA,IAGnDS,MAAe,aACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,SAAQ,OAAOO,EAAY,CAAA,IAGrDE,MAAe,SACT,gBAAAL,EAAAJ,GAAA,EAAc,OAAM,UAAS,OAAOO,EAAY,CAAA,IAGlD,gBAAAH,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWE,EAAA,CAAA,GAGlCG,IAAAC,EAAKL,CAAS;"}

package/dist/features/homework/homework-analytics-events.js

@@ -0,0 +1,10 @@
+import { PLUGINS as e } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var o = /* @__PURE__ */ ((t) => (t.HOMEWORK_ATTEMPTED = "homework_attempted", t))(o || {});
+const E = {
+  homework_attempted: [e.MIXPANEL]
+};
+export {
+  o as HOMEWORK_ANALYTICS_EVENTS,
+  E as HOMEWORK_ANALYTICS_WHITELIST_EVENTS
+};
+//# sourceMappingURL=homework-analytics-events.js.map

package/dist/features/homework/homework-analytics-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework-analytics-events.js","sources":["../../../src/features/homework/homework-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum HOMEWORK_ANALYTICS_EVENTS {\n  HOMEWORK_ATTEMPTED = 'homework_attempted',\n}\n\nexport const HOMEWORK_ANALYTICS_WHITELIST_EVENTS = {\n  [HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["HOMEWORK_ANALYTICS_EVENTS","HOMEWORK_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,qBAAqB,sBADXA,IAAAA,KAAA,CAAA,CAAA;AAIL,MAAMC,IAAsC;AAAA,EAChD,oBAA+C,CAACC,EAAQ,QAAQ;AACnE;"}

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

@@ -0,0 +1,143 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { memo as X, useState as N, useRef as p, useCallback as u, useLayoutEffect as v } from "react";
+import B from "../../assets/line-icons/icons/closed-eye.js";
+import R from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as L } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as O } from "../chapters-v2/utils/node-card-utils.js";
+import g from "../ui/arrow-tooltip/arrow-tooltip.js";
+import r from "../ui/layout/flex-view.js";
+import S from "../ui/lottie-animation/lottie-animation.js";
+import W from "./card-title.js";
+import D from "./node-progress.js";
+import { CardWrapper as j, IconWrapper as G, BannerImageWrapper as M, BannerImage as V, HeaderText as z, SubHeaderText as U } from "./styles.js";
+const F = { renderer: "canvas", autoplay: !1 }, K = ({
+  header: d,
+  isInQueue: h,
+  nodeData: $,
+  studentContainerRef: f,
+  subHeader: T,
+  userType: w
+}) => {
+  const {
+    node_type: o,
+    state: I,
+    accuracy: b,
+    due_date_ts: a,
+    image_url: c,
+    image_hue: l,
+    card_header: y = "",
+    unlocked_on_ts: m,
+    course_type: _
+  } = $, [x, C] = N(!1), n = p(null), H = L(o), s = p(null), { lottie: k } = O(o), A = u(() => {
+    var t;
+    (t = s.current) == null || t.play();
+  }, []), E = u(() => {
+    var t;
+    (t = s.current) == null || t.stop();
+  }, []);
+  return v(() => {
+    n.current && n.current.scrollHeight > n.current.clientHeight && C(!0);
+  }, []), /* @__PURE__ */ i(
+    r,
+    {
+      ref: f,
+      $widthX: 12.38,
+      $position: "relative",
+      $background: `${l || "ORANGE"}_2`,
+      onMouseEnter: A,
+      onMouseLeave: E,
+      children: [
+        /* @__PURE__ */ i(
+          j,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $width: "100%",
+            $heightX: 3.5,
+            $bgImage: H,
+            $gutterX: 0.78125,
+            $flexGap: 8.5,
+            $position: "relative",
+            children: [
+              /* @__PURE__ */ e(
+                G,
+                {
+                  $width: 31,
+                  $height: 31,
+                  $borderRadiusX: 2,
+                  $background: "WHITE_1",
+                  $position: "relative",
+                  $alignItems: "center",
+                  $justifyContent: "center",
+                  children: /* @__PURE__ */ e(S, { src: k, ref: s, settings: F })
+                }
+              ),
+              /* @__PURE__ */ e(W, { cardHeader: y, nodeType: o, courseType: _ }),
+              h && /* @__PURE__ */ e(
+                g,
+                {
+                  renderAs: "primary",
+                  tooltipItem: "Not visible to student",
+                  position: "bottom",
+                  zIndex: 6,
+                  children: /* @__PURE__ */ e(B, {})
+                }
+              ),
+              !!c && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(V, { src: c, alt: "Chapter image" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            nodeType: o,
+            state: I,
+            accuracy: b,
+            dueDateTs: a,
+            isStudent: w === "STUDENT"
+          }
+        ),
+        a && m && /* @__PURE__ */ e(
+          D,
+          {
+            dueDate: a * 1e3,
+            unlockedOn: m * 1e3,
+            progressBg: `${l || "ORANGE"}_4`
+          }
+        ),
+        /* @__PURE__ */ i(r, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+          /* @__PURE__ */ e(
+            g,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: d,
+              width: 300,
+              hidden: !x,
+              parentWidth: "auto",
+              zIndex: 6,
+              children: /* @__PURE__ */ e(r, { $heightX: 2.5, children: /* @__PURE__ */ e(z, { ref: n, $renderAs: "ab3", children: d }) })
+            }
+          ),
+          /* @__PURE__ */ i(
+            r,
+            {
+              $flexDirection: "row",
+              $heightX: 1.25,
+              $alignItems: "center",
+              $justifyContent: "space-between",
+              children: [
+                /* @__PURE__ */ e(U, { $renderAs: "ub3", $color: "BLACK_T_60", children: T }),
+                /* @__PURE__ */ e(r, { $width: 32 })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, ae = X(K);
+export {
+  ae as default
+};
+//# sourceMappingURL=homework-card-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"homework-card-view.js","sources":["../../../src/features/homework/homework-card-view.tsx"],"sourcesContent":["import type { INodeDataProps } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { ILottieAnimationRef } from '../ui/lottie-animation/types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport ClosedEyeIcon from '../../assets/line-icons/icons/closed-eye';\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 FlexView from '../ui/layout/flex-view';\nimport LottieAnimation from '../ui/lottie-animation/lottie-animation';\nimport CardTitle from './card-title';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\n\ninterface IHomeworkCardViewProps {\n  header: string;\n  isInQueue?: boolean;\n  nodeData: INodeDataProps;\n  studentContainerRef: React.RefObject<HTMLDivElement>;\n  subHeader: string;\n  userType: TUserTypes;\n}\n\nconst HomeworkView: FC<IHomeworkCardViewProps> = ({\n  header,\n  isInQueue,\n  nodeData,\n  studentContainerRef,\n  subHeader,\n  userType,\n}) => {\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    unlocked_on_ts: unlockedOnTs,\n    course_type: courseType,\n  } = nodeData;\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMouseEnter = useCallback(() => {\n    animationRef.current?.play();\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    animationRef.current?.stop();\n  }, []);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, []);\n\n  return (\n    <FlexView\n      ref={studentContainerRef}\n      $widthX={12.38}\n      $position=\"relative\"\n      $background={`${imageHue || 'ORANGE'}_2`}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\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          <LottieAnimation src={nodeCardLottie} ref={animationRef} settings={renderSettings} />\n        </Styled.IconWrapper>\n        <CardTitle cardHeader={cardHeader} nodeType={nodeType} courseType={courseType} />\n        {isInQueue && (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Not visible to student\"\n            position=\"bottom\"\n            zIndex={6}\n          >\n            <ClosedEyeIcon />\n          </ArrowTooltip>\n        )}\n        {!!imageUrl && (\n          <Styled.BannerImageWrapper>\n            <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n          </Styled.BannerImageWrapper>\n        )}\n      </Styled.CardWrapper>\n      <NodeCardTags\n        nodeType={nodeType}\n        state={state}\n        accuracy={accuracy}\n        dueDateTs={dueDateTs}\n        isStudent={userType === 'STUDENT'}\n      />\n      {dueDateTs && unlockedOnTs && (\n        <NodeProgress\n          dueDate={dueDateTs * 1000}\n          unlockedOn={unlockedOnTs * 1000}\n          progressBg={`${imageHue || 'ORANGE'}_4`}\n        />\n      )}\n      <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={header}\n          width={300}\n          hidden={!showTitleTooltip}\n          parentWidth=\"auto\"\n          zIndex={6}\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          <FlexView $width={32} />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(HomeworkView);\n"],"names":["renderSettings","HomeworkView","header","isInQueue","nodeData","studentContainerRef","subHeader","userType","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","unlockedOnTs","courseType","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","bgImage","getNodeTypeBasedBgImage","animationRef","nodeCardLottie","getNodeCardBasedIcon","handleOnMouseEnter","useCallback","_a","handleOnMouseLeave","useLayoutEffect","jsxs","FlexView","Styled.CardWrapper","jsx","Styled.IconWrapper","LottieAnimation","CardTitle","ArrowTooltip","ClosedEyeIcon","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","Styled.HeaderText","Styled.SubHeaderText","HomeworkView$1","memo"],"mappings":"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"}

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

@@ -0,0 +1,245 @@
+import { jsxs as O, jsx as r } from "react/jsx-runtime";
+import { memo as Z, useRef as T, useCallback as w, useMemo as Q } from "react";
+import x from "../../assets/line-icons/icons/eye2.js";
+import U from "../../assets/line-icons/icons/more-vertical.js";
+import D from "../../assets/line-icons/icons/redo.js";
+import W from "../ui/arrow-tooltip/arrow-tooltip.js";
+import N from "../ui/buttons/clickable/clickable.js";
+import H from "../ui/hooks/use-context-menu-click-handler.js";
+import ee from "../ui/layout/flex-view.js";
+import A from "./card-menu-options.js";
+import re from "./homework-card-view.js";
+import { CardContainer as te, MenuWrapper as ie, CardKebabMenuWrapper as ne, BlurContainer as oe, BlurFlexView as ce, StyledMinus2Icon as se } from "./styles.js";
+import { getCardAnalyticProps as le } from "./utils.js";
+const ae = ({
+  // callbacks
+  nodeData: e,
+  onNodeAttempt: b,
+  onNodeReattempt: u,
+  onNodeReview: n,
+  onNodeUnassign: m,
+  onNodeView: C,
+  header: X,
+  isInQueue: E,
+  renderAs: I,
+  shouldOpenOnRight: j,
+  studentId: v,
+  subHeader: F,
+  userMilestoneId: t,
+  userType: g
+}) => {
+  const i = I === "homework", {
+    node_type: k,
+    state: L,
+    permissions: P,
+    user_node_id: o,
+    user_milestone_id: l,
+    homework_id: c
+  } = e, y = T(null), $ = T(null), { menuVisible: R, onMenuClick: B } = H(y), { menuVisible: z, onMenuClick: V } = H($), {
+    can_start: h,
+    can_resume: f,
+    can_review: s,
+    can_unassign: K,
+    can_reset: Y
+  } = P, a = g === "STUDENT", d = w(() => {
+    if (s) {
+      if (typeof n != "function")
+        throw new Error("onReview must be a function");
+      if (!o)
+        throw new Error("user node id must be present to review the sheet");
+      n(e, t);
+      return;
+    }
+  }, [s, n, o, e, t]), q = w(() => {
+    if (h || f) {
+      if (typeof b != "function")
+        throw new Error("onNodeAttempt must be a function");
+      b(e, c);
+      return;
+    }
+    if (!i) {
+      V();
+      return;
+    }
+    d();
+  }, [
+    h,
+    f,
+    i,
+    d,
+    b,
+    e,
+    c,
+    V
+  ]), _ = w(() => {
+    if (s) {
+      if (typeof n != "function")
+        throw new Error("onNodeReview must be a function");
+      if (!o)
+        throw new Error("user node id must be present to review the sheet");
+      n(e, t || l, c);
+      return;
+    }
+    if (typeof C != "function")
+      throw new Error("onNodeView must be a function");
+    C(e, t || l);
+  }, [
+    s,
+    C,
+    e,
+    t,
+    l,
+    n,
+    o,
+    c
+  ]), p = w(
+    (M) => {
+      switch (M) {
+        case "teacher-card-view":
+          _();
+          return;
+        case "student-card-view":
+          d();
+          return;
+        case "teacher-card-unassign":
+          m == null || m(e, t);
+          return;
+        case "student-card-reattempt":
+          u == null || u(e, t);
+          return;
+        default:
+          throw new Error(`No callback function for ${M}`);
+      }
+    },
+    [
+      e,
+      u,
+      m,
+      d,
+      _,
+      t
+    ]
+  ), G = [
+    {
+      id: "teacher-card-view",
+      label: s ? "Review" : "View",
+      icon: x,
+      disabled: !1,
+      onClick: p
+    },
+    {
+      id: "teacher-card-unassign",
+      label: "Unassign",
+      icon: se,
+      disabled: i ? k === "MASTERY" : !K,
+      onClick: p
+    }
+  ], J = [
+    {
+      id: "student-card-view",
+      label: "Review",
+      icon: x,
+      disabled: !s,
+      onClick: p
+    },
+    {
+      id: "student-card-reattempt",
+      label: "Reattempt",
+      icon: D,
+      disabled: !Y,
+      onClick: p
+    }
+  ], S = Q(
+    () => le({
+      canResume: f,
+      canStart: h,
+      homeworkId: c,
+      isHomeWork: i,
+      isStudent: a,
+      milestoneId: l,
+      nodeType: k,
+      studentId: v,
+      userNodeId: o
+    }),
+    [
+      a,
+      i,
+      v,
+      k,
+      h,
+      f,
+      c,
+      o,
+      l
+    ]
+  );
+  return /* @__PURE__ */ O(te, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ r(
+      N,
+      {
+        onClick: a ? q : _,
+        label: "homework-card",
+        analyticsLabel: S.analyticsLabel,
+        analyticsProps: S.analyticsProps,
+        children: /* @__PURE__ */ r(
+          re,
+          {
+            header: X,
+            isInQueue: E,
+            nodeData: e,
+            studentContainerRef: $,
+            subHeader: F,
+            userType: g
+          }
+        )
+      }
+    ),
+    a && !i && /* @__PURE__ */ r(
+      A,
+      {
+        $width: 200,
+        options: J,
+        triggerRef: $,
+        visible: z,
+        shouldOpenOnRight: !1
+      }
+    ),
+    !a && /* @__PURE__ */ O(ie, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
+      /* @__PURE__ */ r(
+        W,
+        {
+          renderAs: "primary",
+          tooltipItem: "Review",
+          position: "bottom",
+          zIndex: 6,
+          parentWidth: "100%",
+          hidden: R || L !== "WAIT_FOR_REVIEW" && i,
+          children: /* @__PURE__ */ r(
+            ne,
+            {
+              $alignItems: "center",
+              $justifyContent: "center",
+              ref: y,
+              onClick: B,
+              children: /* @__PURE__ */ r(U, { width: 16, height: 16 })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        A,
+        {
+          options: G,
+          triggerRef: y,
+          visible: R,
+          shouldOpenOnRight: j
+        }
+      )
+    ] }),
+    E && /* @__PURE__ */ r(oe, { $background: "WHITE_5", children: /* @__PURE__ */ r(ce, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ r(W, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ r(ee, { $heightX: 1, $widthX: 6 }) }) }) })
+  ] });
+}, Ee = Z(ae);
+export {
+  Ee 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';\nimport type { TUserTypes } from '../ui/types';\n\nimport { memo, useCallback, useMemo, useRef } 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 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 CardMenuOptions from './card-menu-options';\nimport HomeworkView from './homework-card-view';\nimport * as Styled from './styles';\nimport { getCardAnalyticProps } from './utils';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps;\n  subHeader: string;\n  userType: TUserTypes;\n  studentId: string;\n  userMilestoneId?: string;\n  renderAs: 'homework' | 'milestone';\n  shouldOpenOnRight: boolean;\n  isInQueue?: boolean;\n}\n\nconst HomeworkCard = ({\n  // callbacks\n  nodeData,\n  onNodeAttempt,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeUnassign,\n  onNodeView,\n\n  header,\n  isInQueue,\n  renderAs,\n  shouldOpenOnRight,\n  studentId,\n  subHeader,\n  userMilestoneId,\n  userType,\n}: IHomeworkCardProps) => {\n  const isHomeWork = renderAs === 'homework';\n  const {\n    node_type: nodeType,\n    state,\n    permissions,\n    user_node_id: userNodeId,\n    user_milestone_id: milestoneId,\n    homework_id: homeworkId,\n  } = nodeData;\n\n  const teacherContainerRef = useRef<HTMLDivElement>(null);\n  const studentContainerRef = useRef<HTMLDivElement>(null);\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  const onStudentViewSheet = useCallback(() => {\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  }, [canReview, onNodeReview, userNodeId, nodeData, userMilestoneId]);\n\n  const onStudentCardClick = useCallback(() => {\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData, homeworkId);\n\n      return;\n    }\n\n    if (!isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n    onStudentViewSheet();\n  }, [\n    canStart,\n    canResume,\n    isHomeWork,\n    onStudentViewSheet,\n    onNodeAttempt,\n    nodeData,\n    homeworkId,\n    onStudentMenuClick,\n  ]);\n\n  const onTeacherCardClick = useCallback(() => {\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onNodeReview 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 || milestoneId, homeworkId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId || milestoneId);\n  }, [\n    canReview,\n    onNodeView,\n    nodeData,\n    userMilestoneId,\n    milestoneId,\n    onNodeReview,\n    userNodeId,\n    homeworkId,\n  ]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherCardClick();\n\n          return;\n        case 'student-card-view':\n          onStudentViewSheet();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'student-card-reattempt':\n          onNodeReattempt?.(nodeData, userMilestoneId);\n\n          return;\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [\n      nodeData,\n      onNodeReattempt,\n      onNodeUnassign,\n      onStudentViewSheet,\n      onTeacherCardClick,\n      userMilestoneId,\n    ],\n  );\n\n  const teacherOptions = [\n    {\n      id: 'teacher-card-view',\n      label: canReview ? 'Review' : 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'teacher-card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      disabled: isHomeWork ? nodeType === 'MASTERY' : !canUnassign,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const studentOptions = [\n    {\n      id: 'student-card-view',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'student-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const analyticsLabel = useMemo(\n    () =>\n      getCardAnalyticProps({\n        canResume,\n        canStart,\n        homeworkId,\n        isHomeWork,\n        isStudent,\n        milestoneId,\n        nodeType,\n        studentId,\n        userNodeId,\n      }),\n    [\n      isStudent,\n      isHomeWork,\n      studentId,\n      nodeType,\n      canStart,\n      canResume,\n      homeworkId,\n      userNodeId,\n      milestoneId,\n    ],\n  );\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable\n        onClick={isStudent ? onStudentCardClick : onTeacherCardClick}\n        label=\"homework-card\"\n        analyticsLabel={analyticsLabel.analyticsLabel}\n        analyticsProps={analyticsLabel.analyticsProps}\n      >\n        <HomeworkView\n          header={header}\n          isInQueue={isInQueue}\n          nodeData={nodeData}\n          studentContainerRef={studentContainerRef}\n          subHeader={subHeader}\n          userType={userType}\n        />\n      </Clickable>\n      {isStudent && !isHomeWork && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {!isStudent && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\" $borderRadiusX={2}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={6}\n            parentWidth=\"100%\"\n            hidden={teacherMenuVisible || (state !== 'WAIT_FOR_REVIEW' && isHomeWork)}\n          >\n            <Styled.CardKebabMenuWrapper\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              ref={teacherContainerRef}\n              onClick={onTeacherMenuClick}\n            >\n              <MoreVerticalIcon width={16} height={16} />\n            </Styled.CardKebabMenuWrapper>\n          </ArrowTooltip>\n          <CardMenuOptions\n            options={teacherOptions}\n            triggerRef={teacherContainerRef}\n            visible={teacherMenuVisible}\n            shouldOpenOnRight={shouldOpenOnRight}\n          />\n        </Styled.MenuWrapper>\n      )}\n      {isInQueue && (\n        <Styled.BlurContainer $background=\"WHITE_5\">\n          <Styled.BlurFlexView $heightX={1} $widthX={6}>\n            <ArrowTooltip renderAs=\"primary\" tooltipItem=\"Not visible to student\" position=\"bottom\">\n              <FlexView $heightX={1} $widthX={6} />\n            </ArrowTooltip>\n          </Styled.BlurFlexView>\n        </Styled.BlurContainer>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","nodeData","onNodeAttempt","onNodeReattempt","onNodeReview","onNodeUnassign","onNodeView","header","isInQueue","renderAs","shouldOpenOnRight","studentId","subHeader","userMilestoneId","userType","isHomeWork","nodeType","state","permissions","userNodeId","milestoneId","homeworkId","teacherContainerRef","useRef","studentContainerRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","canStart","canResume","canReview","canUnassign","canReset","isStudent","onStudentViewSheet","useCallback","onStudentCardClick","onTeacherCardClick","handleOnMenuOptionClick","optionId","teacherOptions","Eye2Icon","Styled.StyledMinus2Icon","studentOptions","RedoIcon","analyticsLabel","useMemo","getCardAnalyticProps","Styled.CardContainer","jsx","Clickable","HomeworkView","CardMenuOptions","jsxs","Styled.MenuWrapper","ArrowTooltip","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.BlurContainer","Styled.BlurFlexView","FlexView","HomeworkCard$1","memo"],"mappings":"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"}

package/dist/features/homework/hw-card-list/api/get-homeworks.js

@@ -0,0 +1,10 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as t } from "../../../../constants/api.js";
+const { useGet: i, invalidate: u } = r({
+  getURL: (e, s, { stream: o }) => `${t}/users/${e}/course-streams/${o}/homework`
+});
+export {
+  u as invalidateHomeworks,
+  i as useGetHomeworks
+};
+//# sourceMappingURL=get-homeworks.js.map

package/dist/features/homework/hw-card-list/api/get-homeworks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-homeworks.js","sources":["../../../../../src/features/homework/hw-card-list/api/get-homeworks.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { useGet: useGetHomeworks, invalidate: invalidateHomeworks } = createGetAPI<\n  INodeDataProps[],\n  void,\n  { stream: string }\n>({\n  getURL: (studentId: string, _, { stream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${stream}/homework`,\n});\n\nexport { useGetHomeworks, invalidateHomeworks };\n"],"names":["useGetHomeworks","invalidateHomeworks","createGetAPI","studentId","_","stream","BASE_URL_V3"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAInE;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,QAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAM;AAC9D,CAAC;"}

package/dist/features/homework/hw-card-list/hw-card-list-styled.js

@@ -0,0 +1,63 @@
+import t, { css as n } from "styled-components";
+import e from "../../ui/layout/flex-view.js";
+import i from "../../ui/text/text.js";
+const l = t(e)`
+  overflow-x: hidden;
+  overflow-y: visible;
+  padding: 16px 0px 92px 0px;
+  margin-bottom: -92px;
+  margin-top: -16px;
+`, c = t(e)`
+  right: ${({ right: o }) => o};
+  left: ${({ left: o }) => o};
+  width: 32px;
+  cursor: pointer;
+  transition: opacity 0.3s ease-in-out;
+  opacity: ${({ $visible: o }) => o ? 1 : 0};
+  pointer-events: ${({ $visible: o }) => o ? "auto" : "none"};
+  z-index: 10;
+  path {
+    fill: ${({ theme: o }) => o.colors.WHITE};
+  }
+`, x = t(e)(
+  ({ $disablePointerEvents: o, theme: r }) => `
+    position: relative;
+    pointer-events: auto;
+    ${o && n`
+        pointer-events: none;
+        :after {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: ${r.colors.GREY_3};
+        }
+      `}
+  `
+), d = t(i)`
+  writing-mode: sideways-lr;
+`, u = t(e)`
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    height: 8px;
+    width: 8px;
+    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
+    background-color: ${({ theme: o }) => o.colors.BLACK_4};
+    top: 50%;
+    right: 0;
+    transform: translate(50%, calc(-50% + 0px)) rotate(225deg);
+  }
+`;
+export {
+  x as ContentWrapper,
+  d as QueueText,
+  u as QueueWrapper,
+  c as ScrollButton,
+  l as ScrollContainer
+};
+//# sourceMappingURL=hw-card-list-styled.js.map

package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hw-card-list-styled.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n\nexport const ScrollContainer = styled(FlexView)`\n  overflow-x: hidden;\n  overflow-y: visible;\n  padding: 16px 0px 92px 0px;\n  margin-bottom: -92px;\n  margin-top: -16px;\n`;\n\nexport const ScrollButton = styled(FlexView)<{ $visible: boolean; right: string; left: string }>`\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  width: 32px;\n  cursor: pointer;\n  transition: opacity 0.3s ease-in-out;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  z-index: 10;\n  path {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)<{ $disablePointerEvents: boolean }>(\n  ({ $disablePointerEvents, theme }) => `\n    position: relative;\n    pointer-events: auto;\n    ${\n      $disablePointerEvents &&\n      css`\n        pointer-events: none;\n        :after {\n          content: '';\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          background: ${theme.colors.GREY_3};\n        }\n      `\n    }\n  `,\n);\n\nexport const QueueText = styled(Text)`\n  writing-mode: sideways-lr;\n`;\n\nexport const QueueWrapper = styled(FlexView)`\n  position: relative;\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 8px;\n    width: 8px;\n    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\n    background-color: ${({ theme }) => theme.colors.BLACK_4};\n    top: 50%;\n    right: 0;\n    transform: translate(50%, calc(-50% + 0px)) rotate(225deg);\n  }\n`;\n"],"names":["ScrollContainer","styled","FlexView","ScrollButton","right","left","$visible","theme","ContentWrapper","$disablePointerEvents","css","QueueText","Text","QueueWrapper"],"mappings":";;;AAKa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeF,EAAOC,CAAQ;AAAA,WAChC,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA,aAIf,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCC,IAAiBP,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,uBAAAO,GAAuB,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA,MAIlCE,KACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASkBH,EAAM,OAAO,MAAM;AAAA;AAAA,OAGvC;AAAA;AAEJ,GAEaI,IAAYV,EAAOW,CAAI;AAAA;AAAA,GAIvBC,IAAeZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASnB,CAAC,EAAE,OAAAK,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}