@cuemath/leap 2.8.60-as3 → 2.8.60-beta-0.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.60-as3",
+  "version": "2.8.60-beta-0.1",
   "type": "module",
   "files": [
     "dist"

package/dist/assets/line-icons/icons/skip-colored.js

@@ -1,43 +0,0 @@
-import { jsxs as e, jsx as l } from "react/jsx-runtime";
-const L = (o) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.3999 5.93884L7.44424 5.53564L11.8999 10.4459V5.93884L12.9442 5.53564L18.4442 11.5968V12.4032L12.9442 18.4644L11.8999 18.0612V13.5541L7.44424 18.4644L6.3999 18.0612V5.93884ZM11.6897 12L7.5999 16.5071V7.49293L11.6897 12ZM13.0999 7.49293V16.5071L17.1897 12L13.0999 7.49293Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "skip-colored-path",
-          d: "M17.1897 12L13.0999 16.5071V7.49293L17.1897 12Z",
-          fill: "#00E573"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "skip-colored-path",
-          d: "M11.6897 12L7.5999 16.5071V7.49293L11.6897 12Z",
-          fill: "#00E573"
-        }
-      )
-    ]
-  }
-), s = L;
-export {
-  s as default
-};
-//# sourceMappingURL=skip-colored.js.map

package/dist/assets/line-icons/icons/skip-colored.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skip-colored.js","sources":["../../../../src/assets/line-icons/icons/skip-colored.tsx"],"sourcesContent":["const SkipColoredIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M6.3999 5.93884L7.44424 5.53564L11.8999 10.4459V5.93884L12.9442 5.53564L18.4442 11.5968V12.4032L12.9442 18.4644L11.8999 18.0612V13.5541L7.44424 18.4644L6.3999 18.0612V5.93884ZM11.6897 12L7.5999 16.5071V7.49293L11.6897 12ZM13.0999 7.49293V16.5071L17.1897 12L13.0999 7.49293Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      className=\"skip-colored-path\"\n      d=\"M17.1897 12L13.0999 16.5071V7.49293L17.1897 12Z\"\n      fill=\"#00E573\"\n    />\n    <path\n      className=\"skip-colored-path\"\n      d=\"M11.6897 12L7.5999 16.5071V7.49293L11.6897 12Z\"\n      fill=\"#00E573\"\n    />\n  </svg>\n);\n\nexport default SkipColoredIcon;\n"],"names":["SkipColoredIcon","props","jsxs","jsx","SkipColoredIcon$1"],"mappings":";AAAA,MAAMA,IAA2D,CAC/DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

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

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

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

@@ -1 +0,0 @@
-{"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 * 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  visible: boolean;\n}\n\nexport interface 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          <Styled.CardOptionWrapper\n            key={id}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $gapX={0.5}\n            $gutterX={1}\n            onClick={() => {\n              onClick(id);\n            }}\n          >\n            <OptionIcon width={20} height={20} />\n            <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n              {label}\n            </Styled.OptionText>\n          </Styled.CardOptionWrapper>\n        );\n      })}\n    </Styled.CardOptions>\n  );\n});\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","jsx","Styled.CardOptions","OptionIcon","label","id","onClick","visible","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;AAkBA,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,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IAEC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS,MAAM;AACb,MAAAH,EAAQD,CAAE;AAAA,IACZ;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAJ,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,MACnC,gBAAAF,EAACS,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHN,GAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAbKC;AAAA,IAJY,IAoBtB,EACH,CAAA,CAEH;"}

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

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

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

@@ -1 +0,0 @@
-{"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 { ICardMenuOption } from './card-menu-options';\n\nimport { 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 = nodeType && getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = nodeType && getNodeCardBasedIcon(nodeType);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n  const titleTextRef = useRef<HTMLDivElement>(null);\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    if (typeof onNodeView !== 'function') {\n      throw new Error('onPreview must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId);\n  }, [\n    canResume,\n    canReview,\n    canStart,\n    userMilestoneId,\n    nodeData,\n    onNodeAttempt,\n    onNodeReview,\n    onNodeView,\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 = (optionId: string) => {\n    switch (optionId) {\n      case 'card-view':\n        onTeacherView();\n\n        return;\n      case 'card-unassign':\n        nodeData && onNodeUnassign?.(nodeData, userMilestoneId);\n\n        return;\n      case 'card-reset':\n        nodeData && onNodeReset?.(nodeData, userMilestoneId);\n\n        return;\n\n      default:\n        throw new Error(`No callback function for ${optionId}`);\n    }\n  };\n\n  const menuOptions: ICardMenuOption[] = [\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  const canShowMenuOptions = !!menuOptions.find(option => option.visible);\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 && nodeData && canShowMenuOptions && (\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 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","menuVisible","onMenuClick","useContextMenuClickHandler","titleTextRef","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","canShowMenuOptions","option","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"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAMA,KAAe,CAAC;AAAA,EACpB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,aAAaC,IAAa;AAAA,IAC1B,aAAAC;AAAA,IACA,cAAcC;AAAA,EACZ,IAAAjB,GAEEkB,IAAUT,KAAYU,EAAwBV,CAAQ,GACtDW,IAAeX,KAAYY,EAAqBZ,CAAQ,GACxDa,IAAeC,EAAuB,IAAI,GAC1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,GAA2BJ,CAAY,GACtEK,IAAeJ,EAAuB,IAAI,GAC1C,CAACK,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExD;AAAA,IACJ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,IACpB,cAAcC;AAAA,IACd,WAAWC;AAAA,EAAA,IACTpB,KAAe,CAAA,GACbqB,IAAYnC,MAAa;AAE/B,EAAAoC,EAAgB,MAAM;AACpB,IACEX,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDE,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACF,CAAY,CAAC;AAEX,QAAAY,IAAgBC,EAAY,MAAM;AACtC,QAAIT,KAAYC,GAAW;AACrB,UAAA,OAAOxB,KAAkB;AACrB,cAAA,IAAI,MAAM,kCAAkC;AAGpD,MAAAA,EAAcR,CAAQ;AAEtB;AAAA,IACF;AAEA,QAAIiC,GAAW;AACT,UAAA,OAAO1B,KAAiB;AACpB,cAAA,IAAI,MAAM,6BAA6B;AAG/C,UAAI,CAACU;AACG,cAAA,IAAI,MAAM,kDAAkD;AAEpE,MAAAV,EAAaP,GAAUG,CAAe;AAEtC;AAAA,IACF;AAEI,QAAA,OAAOG,KAAe;AAClB,YAAA,IAAI,MAAM,8BAA8B;AAGhD,IAAAA,EAAWN,GAAUG,CAAe;AAAA,EAAA,GACnC;AAAA,IACD6B;AAAA,IACAC;AAAA,IACAF;AAAA,IACA5B;AAAA,IACAH;AAAA,IACAQ;AAAA,IACAD;AAAA,IACAD;AAAA,IACAW;AAAA,EAAA,CACD,GAEKwB,IAAgBD,EAAY,MAAM;AACtC,QAAIN,GAAkB;AAChB,UAAA,OAAO3B,KAAiB;AACpB,cAAA,IAAI,MAAM,6BAA6B;AAG/C,UAAI,CAACU;AACG,cAAA,IAAI,MAAM,kDAAkD;AAGpE,MAAAV,EAAaP,GAAUG,CAAe;AAEtC;AAAA,IACF;AAEI,QAAA,OAAOG,KAAe;AAClB,YAAA,IAAI,MAAM,8BAA8B;AAGhD,IAAAA,EAAWN,GAAUG,CAAe;AAAA,EAAA,GACnC,CAAC+B,GAAkB/B,GAAiBH,GAAUO,GAAcD,GAAYW,CAAU,CAAC,GAEhFyB,IAA0B,CAACC,MAAqB;AACpD,YAAQA,GAAU;AAAA,MAChB,KAAK;AACW,QAAAF;AAEd;AAAA,MACF,KAAK;AACS,QAAAzC,MAAAI,KAAA,QAAAA,EAAiBJ,GAAUG;AAEvC;AAAA,MACF,KAAK;AACS,QAAAH,MAAAK,KAAA,QAAAA,EAAcL,GAAUG;AAEpC;AAAA,MAEF;AACE,cAAM,IAAI,MAAM,4BAA4BwC,CAAQ,EAAE;AAAA,IAC1D;AAAA,EAAA,GAGIC,IAAiC;AAAA,IACrC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMC;AAAA,MACN,SAAS;AAAA,MACT,SAASH;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMI;AAAAA,MACN,SAAS,CAAC,CAACX;AAAA,MACX,SAASO;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMK;AAAA,MACN,SAAS,CAAC,CAACX;AAAA,MACX,SAASM;AAAA,IACX;AAAA,EAAA,GAGIM,IAAqB,CAAC,CAACJ,EAAY,KAAK,CAAAK,MAAUA,EAAO,OAAO;AAEtE,2BACGC,IAAU,EAAA,SAASb,IAAYE,IAAgB,QAAW,OAAM,iBAC/D,UAAA,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAU;AAAA,MACV,aAAa,GAAGtC,KAAY,QAAQ;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAqC;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,QAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAUnC;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAoC;AAAA,gBAACC;AAAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,gBAAgB;AAAA,kBAChB,aAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAEf,eAAiB,gBAAAD,EAAAlC,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,gBAAA;AAAA,cACxD;AAAA,cACC,gBAAAkC,EAAAE,IAAA,EAAK,WAAU,aAAa,UAAWzC,GAAA;AAAA,cACvC,CAAC,CAACF,KACD,gBAAAyC,EAACG,IAAA,EACC,UAAC,gBAAAH,EAAAI,IAAA,EAAmB,KAAK7C,GAAU,KAAI,iBAAgB,EACzD,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACC,gBAAAyC,EAAAK,GAAA,EAAa,UAAAlD,GAAoB,OAAAC,GAAc,UAAAC,GAAoB,WAAAC,GAAsB;AAAA,QAC1F,gBAAAuC,EAACS,KAAS,UAAU,MAAM,OAAO,GAAG,cAAc,KAAK,aAAY,SACjE,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa9D;AAAA,cACb,QAAQ,CAAC6B;AAAA,cACT,QAAQ;AAAA,cAER,UAAC,gBAAA0B,EAAAM,GAAA,EAAS,UAAU,KAClB,UAAC,gBAAAN,EAAAQ,IAAA,EAAkB,KAAKnC,GAAc,WAAU,OAC7C,YACH,CAAA,GACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAwB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEhB,UAAA;AAAA,gBAAA,gBAAAN,EAACS,IAAA,EAAqB,WAAU,OAAM,QAAO,cAC1C,UACH9D,GAAA;AAAA,gBACC,CAACoC,KAAarC,KAAYgD,uBACxBY,GAAS,EAAA,WAAU,YAAW,QAAO,eACpC,UAAA;AAAA,kBAAA,gBAAAN;AAAA,oBAACO;AAAA,oBAAA;AAAA,sBACC,UAAS;AAAA,sBACT,aAAY;AAAA,sBACZ,UAAS;AAAA,sBACT,QAAQ;AAAA,sBACR,aAAY;AAAA,sBAEZ,UAAC,gBAAAP,EAAAU,IAAA,EAA4B,KAAK1C,GAAc,SAASG,GACvD,UAAA,gBAAA6B,EAACW,GAAiB,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA,GAC3C;AAAA,oBAAA;AAAA,kBACF;AAAA,kBACA,gBAAAX,EAACY,IAAA,EAA8B,UAAU1C,GACvC,UAAC,gBAAA8B,EAAAa,IAAA,EAAgB,SAASvB,EAAA,CAAa,EACzC,CAAA;AAAA,gBAAA,GACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/features/homework/styles.js

@@ -1,114 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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\nexport interface ICardWrapperProps {\n  $bgImage: string;\n}\n\nexport interface 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":";;;;AAcO,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/milestone-tests/test-list-v2/test-list-container.js

@@ -1,157 +0,0 @@
-import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { memo as L, useCallback as l, useEffect as H } from "react";
-import { IMAGES as X } from "../../../../assets/images/images.js";
-import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import _ from "../../../ui/buttons/button/button.js";
-import T from "../../../ui/layout/flex-view.js";
-import j from "../../../ui/loader/app-loader/app-loader.js";
-import $ from "../../../ui/separator/separator.js";
-import N from "../../../ui/text/text.js";
-import { MILESTONE_WIDGET_MIN_HEIGHT as v } from "../../constants.js";
-import { useGetTestHelpData as G } from "../../milestone-list-container/api/get-tests-list.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as R } from "../tests-creation/tests-creation-analytics-events.js";
-import W from "./test-list-view.js";
-const re = L((c) => {
-  const {
-    isChaptersAvailable: g,
-    isDraftMilestone: E,
-    isMilestoneActive: d,
-    userType: b,
-    studentId: p,
-    userMilestoneId: t,
-    canUpdatePlan: I
-  } = c, { onCreateMilestoneTest: s, onTestPreview: o, onTestStart: i, onTestReview: n } = c;
-  console.log(o, n, i, "ayush props MilestoneTestsList");
-  const {
-    get: A,
-    data: r,
-    isProcessingFailed: m,
-    isProcessed: f,
-    isStale: C,
-    isProcessing: w
-  } = G(), y = !I || !g || !d || d && E, M = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
-    A(t, void 0, {
-      studentId: p
-    });
-  }, [A, p, t]);
-  H(() => {
-    !w && (!f && !m || C) && h();
-  }, [h, f, w, m, C]);
-  const S = l(() => {
-    if (typeof s == "function") {
-      s == null || s(t, ((r == null ? void 0 : r.length) || 0) + 1);
-      return;
-    }
-    throw new Error("No callback provided. If provided it must be a function");
-  }, [s, t, r]), O = l(
-    (a) => {
-      if (typeof o == "function") {
-        o == null || o(a, t);
-        return;
-      }
-      throw new Error("No callback provided. If provided it must be a function");
-    },
-    [o, t]
-  ), k = l(
-    (a) => {
-      if (typeof i == "function") {
-        i == null || i(a);
-        return;
-      }
-      throw new Error("No callback provided. If provided it must be a function");
-    },
-    [i]
-  ), P = l(
-    (a) => {
-      if (typeof n == "function") {
-        n == null || n(a, t);
-        return;
-      }
-      throw new Error("No callback provided. If provided it must be a function");
-    },
-    [n, t]
-  );
-  return m ? /* @__PURE__ */ u(T, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ e(N, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-    /* @__PURE__ */ e(
-      _,
-      {
-        widthX: 14,
-        size: "small",
-        shape: "square",
-        renderAs: "primary",
-        label: "Try again",
-        onClick: h
-      }
-    )
-  ] }) : f ? r != null && r.length ? /* @__PURE__ */ e(
-    W,
-    {
-      ...c,
-      onNodeAttempt: k,
-      onNodeView: O,
-      onNodeReview: P,
-      milestoneId: t,
-      sheets: r,
-      userType: b,
-      studentId: p,
-      onCreateNewTest: S,
-      canUpdatedPlan: I,
-      isMilestoneActive: d
-    }
-  ) : /* @__PURE__ */ u(
-    T,
-    {
-      $gapX: 6.75,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "WHITE",
-      $height: v,
-      children: [
-        /* @__PURE__ */ e("img", { src: X.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
-        /* @__PURE__ */ e($, { heightX: 2 }),
-        b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
-          /* @__PURE__ */ e(
-            D,
-            {
-              renderAs: "primary",
-              position: "bottom",
-              hidden: !y,
-              tooltipItem: M,
-              children: /* @__PURE__ */ e(
-                _,
-                {
-                  widthX: 10,
-                  renderAs: "primary",
-                  shape: "square",
-                  size: "small",
-                  label: "Create a Test",
-                  onClick: S,
-                  disabled: y,
-                  analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
-                  analyticsProps: {
-                    milestone_id: t
-                  }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e($, { heightX: 2 })
-        ] }) : /* @__PURE__ */ e(N, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to create a test" })
-      ]
-    }
-  ) : /* @__PURE__ */ e(
-    T,
-    {
-      $height: v,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "WHITE",
-      children: /* @__PURE__ */ e(j, { height: "100%" })
-    }
-  );
-});
-export {
-  re as default
-};
-//# sourceMappingURL=test-list-container.js.map

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n  } = props;\n  const { onCreateMilestoneTest, onTestPreview, onTestStart, onTestReview } = props;\n\n  console.log(onTestPreview, onTestReview, onTestStart, 'ayush props MilestoneTestsList');\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled =\n    !canUpdatePlan ||\n    !isChaptersAvailable ||\n    !isMilestoneActive ||\n    (isMilestoneActive && isDraftMilestone);\n  const testCreationCtaTooltipText =\n    isMilestoneActive && !isChaptersAvailable\n      ? 'Chapters need to be assigned'\n      : isDraftMilestone\n        ? 'Allowed after plan is published'\n        : 'Plan is completed';\n\n  const handleOnTryAgain = useCallback(() => {\n    getTestHelpData(userMilestoneId, undefined, {\n      studentId,\n    });\n  }, [getTestHelpData, studentId, userMilestoneId]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnCreateMilestoneTest = useCallback(() => {\n    if (typeof onCreateMilestoneTest === 'function') {\n      onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n  const handleOnTestPreview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview, userMilestoneId],\n  );\n\n  const handleOnTestStart = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestStart],\n  );\n\n  const handleOnTestReview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestReview === 'function') {\n        onTestReview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestReview, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnTryAgain}\n        />\n      </FlexView>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <TestSheetsList\n          {...props}\n          onNodeAttempt={handleOnTestStart}\n          onNodeView={handleOnTestPreview}\n          onNodeReview={handleOnTestReview}\n          milestoneId={userMilestoneId}\n          sheets={data}\n          userType={userType}\n          studentId={studentId}\n          onCreateNewTest={handleOnCreateMilestoneTest}\n          canUpdatedPlan={canUpdatePlan}\n          isMilestoneActive={isMilestoneActive}\n        />\n      );\n    }\n\n    return (\n      <FlexView\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={!isTestSheetCreationDisabled}\n              tooltipItem={testCreationCtaTooltipText}\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Create a Test\"\n                onClick={handleOnCreateMilestoneTest}\n                disabled={isTestSheetCreationDisabled}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                analyticsProps={{\n                  milestone_id: userMilestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to create a test\n          </Text>\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"WHITE\"\n    >\n      <AppLoader height=\"100%\" />\n    </FlexView>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","FlexView","jsx","Text","Button","TestSheetsList","jsxs","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}