@cuemath/leap 2.8.60 → 2.8.61-as1

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

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

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

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

package/dist/features/homework/styles.js

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

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

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

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

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

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

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

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

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

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

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