@cuemath/leap 2.8.55 → 2.8.56-as1

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

@@ -0,0 +1,136 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useRef as u, useState as E, useLayoutEffect as M } from "react";
+import R from "../../assets/line-icons/icons/eye2.js";
+import W from "../../assets/line-icons/icons/more-vertical.js";
+import y from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as B } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as O } from "../chapters-v2/utils/node-card-utils.js";
+import $ from "../ui/arrow-tooltip/arrow-tooltip.js";
+import j from "../ui/hooks/use-context-menu-click-handler.js";
+import n from "../ui/layout/flex-view.js";
+import S from "../ui/text/text.js";
+import _ from "./card-menu-options.js";
+import { CardContainer as G, CardWrapper as K, IconWrapper as L, BannerImageWrapper as z, BannerImage as F, HeaderText as q, SubHeaderText as J, CardKebabMenuWrapper as P, CardMenuOptionsWrapper as Q, StyledMinus2Icon as Y } from "./styles.js";
+const ae = ({
+  accuracy: f,
+  cardHeader: g,
+  dueDateTs: b,
+  header: a,
+  imageHue: C = "ORANGE",
+  imageUrl: s,
+  nodeData: r,
+  nodeType: l,
+  onNodeUnassign: o,
+  onNodeView: c,
+  state: w,
+  subHeader: I,
+  userType: x
+}) => {
+  const T = B(l), d = O(l), p = u(null), { menuVisible: k, onMenuClick: X } = j(p), t = u(null), [A, H] = E(!1);
+  M(() => {
+    t.current && t.current.scrollHeight > t.current.clientHeight && H(!0);
+  }, [t]);
+  const h = (m) => {
+    switch (m) {
+      case "card-view":
+        r && (c == null || c(r));
+        return;
+      case "card-unassign":
+        r && (o == null || o(r));
+        return;
+      default:
+        throw new Error(`No callback function for ${m}`);
+    }
+  }, v = [
+    {
+      id: "card-view",
+      label: "View",
+      icon: R,
+      disabled: !1,
+      onClick: h
+    },
+    {
+      id: "card-unassign",
+      label: "Unassign",
+      icon: Y,
+      disabled: !1,
+      onClick: h
+    }
+  ];
+  return /* @__PURE__ */ e(G, { $widthX: 12.5, $position: "relative", children: /* @__PURE__ */ i(n, { $background: `${C}_2`, children: [
+    /* @__PURE__ */ i(
+      K,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $width: "100%",
+        $heightX: 3.5,
+        $bgImage: T,
+        $gutterX: 0.78125,
+        $flexGap: 8.5,
+        $position: "relative",
+        children: [
+          /* @__PURE__ */ e(
+            L,
+            {
+              $width: 31,
+              $height: 31,
+              $borderRadiusX: 2,
+              $background: "WHITE_1",
+              $position: "relative",
+              $alignItems: "center",
+              $justifyContent: "center",
+              children: d && /* @__PURE__ */ e(d, { width: 20, height: 20 })
+            }
+          ),
+          /* @__PURE__ */ e(S, { $renderAs: "ac4-black", children: g }),
+          !!s && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(F, { src: s, alt: "Chapter image" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(y, { nodeType: l, state: w, accuracy: f, dueDateTs: b }),
+    /* @__PURE__ */ i(n, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+      /* @__PURE__ */ e(
+        $,
+        {
+          renderAs: "primary",
+          position: "bottom",
+          tooltipItem: a || "",
+          hidden: !A,
+          widthX: 21.75,
+          children: /* @__PURE__ */ e(n, { $heightX: 2.5, children: /* @__PURE__ */ e(q, { ref: t, $renderAs: "ab3", children: a }) })
+        }
+      ),
+      /* @__PURE__ */ i(
+        n,
+        {
+          $flexDirection: "row",
+          $heightX: 1.25,
+          $alignItems: "center",
+          $justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ e(J, { $renderAs: "ub3", $color: "BLACK_T_60", children: I }),
+            x === "TEACHER" && r && (c || o) && /* @__PURE__ */ i(n, { $position: "relative", $width: "fit-content", children: [
+              /* @__PURE__ */ e(
+                $,
+                {
+                  renderAs: "primary",
+                  tooltipItem: "Review",
+                  position: "bottom",
+                  zIndex: 5,
+                  parentWidth: "100%",
+                  children: /* @__PURE__ */ e(P, { ref: p, onClick: X, children: /* @__PURE__ */ e(W, { width: 16, height: 16 }) })
+                }
+              ),
+              /* @__PURE__ */ e(Q, { $visible: k, children: /* @__PURE__ */ e(_, { options: v }) })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  ae 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 { INodeDataProps, TSheetStates } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { TNodeTypeProps } from '../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { THueNames } from '../ui/types';\nimport type { ICardMenuOption } from './card-menu-options';\n\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\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 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 {\n  accuracy: number | null;\n  cardHeader: string;\n  dueDateTs?: number | null;\n  header: string;\n  imageHue?: THueNames;\n  imageUrl?: string;\n  nodeData?: INodeDataProps;\n  nodeType: TNodeTypeProps;\n  onNodeUnassign?: (nodeData: INodeDataProps) => void;\n  onNodeView?: (nodeData: INodeDataProps) => void;\n  state: TSheetStates;\n  subHeader: string;\n  userType: 'TEACHER' | 'STUDENT';\n}\n\nconst HomeworkCard = ({\n  accuracy,\n  cardHeader,\n  dueDateTs,\n  header,\n  imageHue = 'ORANGE',\n  imageUrl,\n  nodeData,\n  nodeType,\n  onNodeUnassign,\n  onNodeView,\n  state,\n  subHeader,\n  userType,\n}: IHomeworkCardProps) => {\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = 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  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n  const handleOnMenuOptionClick = (optionId: string) => {\n    switch (optionId) {\n      case 'card-view':\n        nodeData && onNodeView?.(nodeData);\n\n        return;\n\n      case 'card-unassign':\n        nodeData && onNodeUnassign?.(nodeData);\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      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.CardContainer $widthX={12.5} $position=\"relative\">\n      <FlexView $background={`${imageHue}_2`}>\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            {userType === 'TEACHER' && nodeData && (onNodeView || onNodeUnassign) && (\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      </FlexView>\n    </Styled.CardContainer>\n  );\n};\n\nexport default HomeworkCard;\n"],"names":["HomeworkCard","accuracy","cardHeader","dueDateTs","header","imageHue","imageUrl","nodeData","nodeType","onNodeUnassign","onNodeView","state","subHeader","userType","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","titleTextRef","showTitleTooltip","setShowTitleTooltip","useState","useLayoutEffect","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","jsx","Styled.CardContainer","jsxs","FlexView","Styled.CardWrapper","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.CardMenuOptionsWrapper","CardMenuOptions"],"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 }) => `
+    background-image: url(${o});
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    overflow: hidden;
+  `), w = r(t)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, f = r(t)`
+  position: absolute;
+  right: -18px;
+  top: -4px;
+`, g = 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%;
+  `;
+}), h = 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;
+`, k = r(t)`
+  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
+  width: 180px;
+  position: relative;
+  left: 0;
+  top: 0;
+`, v = r(t)(({
+  theme: o,
+  $disabled: e
+}) => `
+    cursor: ${e ? "not-allowed" : "pointer"};
+    
+    &:hover {
+      background: ${e ? "transparent" : o.colors.BLACK};
+    };
+    
+    path {
+      fill: ${o.colors.WHITE_1};
+    }
+  `), $ = r(n)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+export {
+  g as BannerImage,
+  f as BannerImageWrapper,
+  x as CardContainer,
+  l as CardKebabMenuWrapper,
+  u as CardMenuOptionsWrapper,
+  v as CardOptionWrapper,
+  k as CardOptions,
+  b as CardWrapper,
+  m as HeaderText,
+  w as IconWrapper,
+  $ as OptionText,
+  h 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\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  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\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,QACzD;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAMnC,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/homework/utils.js

@@ -0,0 +1,28 @@
+const r = (e) => {
+  switch (e) {
+    case "LEARNING":
+      return "LEARN";
+    case "RECAP":
+      return "Recap";
+    case "DYNAMIC":
+    case "ASSESSMENT":
+      return "Test";
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+      return "Practice";
+    case "MASTERY":
+      return "Smart Practice";
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return "Puzzle";
+    case "VIDEO":
+      return "Video";
+    default:
+      return "Practice";
+  }
+};
+export {
+  r as getNodeTypeBasedHWCardTitle
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["export const getNodeTypeBasedHWCardTitle = (nodeType: string) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return 'LEARN';\n    case 'RECAP':\n      return 'Recap';\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n      return 'Test';\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n      return 'Practice';\n    case 'MASTERY':\n      return 'Smart Practice';\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return 'Puzzle';\n    case 'VIDEO':\n      return 'Video';\n    default:\n      return 'Practice';\n  }\n};\n"],"names":["getNodeTypeBasedHWCardTitle","nodeType"],"mappings":"AAAa,MAAAA,IAA8B,CAACC,MAAqB;AAC/D,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js

@@ -7,7 +7,7 @@ const v = E({
   canAutoPlayAudio: !1,
   canAutoPlayVideo: !1
 }), O = ({ children: u }) => {
-  const [l, a] = s(!1), [A, c] = s(!1), { onEvent: t } = f();
+  const [l, a] = s(!1), [A, c] = s(!1), { onEvent: o } = f();
   return d(() => {
     const n = () => {
       a(!0), c(!0), r.forEach((e) => {
@@ -17,36 +17,36 @@ const v = E({
     r.forEach((e) => {
       document.addEventListener(e, n);
     });
-    const o = (e) => {
-      e instanceof DOMException ? e.name !== "NotAllowedError" && t(i.ERROR_LOADING_MEDIA, {
+    const t = (e) => {
+      e instanceof DOMException ? e.name !== "NotAllowedError" && o(i.ERROR_LOADING_MEDIA, {
         name: e.name
-      }) : (console.log(e), t(i.ERROR_LOADING_MEDIA, {
+      }) : (console.log(e), o(i.ERROR_LOADING_MEDIA, {
         error: e
       }));
     };
     try {
       new Audio(y).play().then(() => {
         a(!0);
-      }).catch(o);
+      }).catch(t);
     } catch (e) {
-      o(e);
+      t(e);
     }
     try {
       const e = document.createElement("video");
-      e.src = P, e.play().then(() => {
+      e.src = P, e.setAttribute("playsinline", "true"), e.play().then(() => {
         c(!0);
-      }).catch(o).finally(() => {
+      }).catch(t).finally(() => {
         e.remove();
       });
     } catch (e) {
-      o(e);
+      t(e);
     }
     return () => {
       r.forEach((e) => {
         document.removeEventListener(e, n);
       });
     };
-  }, [t]), /* @__PURE__ */ m(v.Provider, { value: { canAutoPlayAudio: l, canAutoPlayVideo: A }, children: u });
+  }, [o]), /* @__PURE__ */ m(v.Provider, { value: { canAutoPlayAudio: l, canAutoPlayVideo: A }, children: u });
 };
 export {
   v as AutoPlayPermissionContext,

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-play-permission-context-provider.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.tsx"],"sourcesContent":["import type { IAutoPlayPermissionContextType } from './use-auto-play-permission-context-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { useState, useEffect, createContext } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { EVENTS, SMALL_AUDIO, SMALL_VIDEO } from './constants';\nimport { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS } from './use-auto-play-permission-analytics-events';\n\nexport const AutoPlayPermissionContext = createContext<IAutoPlayPermissionContextType>({\n  canAutoPlayAudio: false,\n  canAutoPlayVideo: false,\n});\n\nexport const AutoPlayPermissionProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const [canAutoPlayAudio, setCanAutoPlayAudio] = useState(false);\n  const [canAutoPlayVideo, setCanAutoPlayVideo] = useState(false);\n  const { onEvent } = useUIContext();\n\n  useEffect(() => {\n    const enableAutoplay = () => {\n      setCanAutoPlayAudio(true);\n      setCanAutoPlayVideo(true);\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n\n    EVENTS.forEach(event => {\n      document.addEventListener(event, enableAutoplay);\n    });\n\n    const handleError = (err: unknown) => {\n      if (err instanceof DOMException) {\n        err.name !== 'NotAllowedError' &&\n          onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n            name: err.name,\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(err);\n        onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n          error: err,\n        });\n      }\n    };\n\n    // audio autoplay check\n    // way to check if autoplay is allowed by the browser for audio\n    try {\n      new Audio(SMALL_AUDIO) // smallest silent audio file\n        .play()\n        .then(() => {\n          setCanAutoPlayAudio(true);\n        })\n        .catch(handleError);\n    } catch (err) {\n      handleError(err);\n    }\n\n    // video autoplay check\n    // way to check if autoplay is allowed by the browserfor video\n    try {\n      const video = document.createElement('video');\n\n      video.src = SMALL_VIDEO; // smallest silent video file\n\n      video\n        .play()\n        .then(() => {\n          setCanAutoPlayVideo(true);\n        })\n        .catch(handleError)\n        .finally(() => {\n          video.remove();\n        });\n    } catch (err) {\n      handleError(err);\n    }\n\n    return () => {\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n  }, [onEvent]);\n\n  return (\n    <AutoPlayPermissionContext.Provider value={{ canAutoPlayAudio, canAutoPlayVideo }}>\n      {children}\n    </AutoPlayPermissionContext.Provider>\n  );\n};\n"],"names":["AutoPlayPermissionContext","createContext","AutoPlayPermissionProvider","children","canAutoPlayAudio","setCanAutoPlayAudio","useState","canAutoPlayVideo","setCanAutoPlayVideo","onEvent","useUIContext","useEffect","enableAutoplay","EVENTS","event","handleError","err","USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS","SMALL_AUDIO","video","SMALL_VIDEO","jsx"],"mappings":";;;;;AASO,MAAMA,IAA4BC,EAA8C;AAAA,EACrF,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,CAAC,GAEYC,IAA0D,CAAC,EAAE,UAAAC,QAAe;AACvF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,EAAE,SAAAG,MAAYC;AAEpB,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,MAAAP,EAAoB,EAAI,GACxBG,EAAoB,EAAI,GACxBK,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IAAA;AAGH,IAAAC,EAAO,QAAQ,CAASC,MAAA;AACb,eAAA,iBAAiBA,GAAOF,CAAc;AAAA,IAAA,CAChD;AAEK,UAAAG,IAAc,CAACC,MAAiB;AACpC,MAAIA,aAAe,eACjBA,EAAI,SAAS,qBACXP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,MAAMD,EAAI;AAAA,MAAA,CACX,KAGH,QAAQ,IAAIA,CAAG,GACfP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,OAAOD;AAAA,MAAA,CACR;AAAA,IACH;AAKE,QAAA;AACF,UAAI,MAAME,CAAW,EAClB,KAAK,EACL,KAAK,MAAM;AACV,QAAAb,EAAoB,EAAI;AAAA,MAAA,CACzB,EACA,MAAMU,CAAW;AAAA,aACbC,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IACjB;AAII,QAAA;AACI,YAAAG,IAAQ,SAAS,cAAc,OAAO;AAE5C,MAAAA,EAAM,MAAMC,GAGTD,EAAA,OACA,KAAK,MAAM;AACV,QAAAX,EAAoB,EAAI;AAAA,MACzB,CAAA,EACA,MAAMO,CAAW,EACjB,QAAQ,MAAM;AACb,QAAAI,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,aACIH,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IACjB;AAEA,WAAO,MAAM;AACX,MAAAH,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IAAA;AAAA,EACH,GACC,CAACH,CAAO,CAAC,GAGV,gBAAAY,EAACrB,EAA0B,UAA1B,EAAmC,OAAO,EAAE,kBAAAI,GAAkB,kBAAAG,EAAiB,GAC7E,UAAAJ,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"use-auto-play-permission-context-provider.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.tsx"],"sourcesContent":["import type { IAutoPlayPermissionContextType } from './use-auto-play-permission-context-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { useState, useEffect, createContext } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { EVENTS, SMALL_AUDIO, SMALL_VIDEO } from './constants';\nimport { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS } from './use-auto-play-permission-analytics-events';\n\nexport const AutoPlayPermissionContext = createContext<IAutoPlayPermissionContextType>({\n  canAutoPlayAudio: false,\n  canAutoPlayVideo: false,\n});\n\nexport const AutoPlayPermissionProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const [canAutoPlayAudio, setCanAutoPlayAudio] = useState(false);\n  const [canAutoPlayVideo, setCanAutoPlayVideo] = useState(false);\n  const { onEvent } = useUIContext();\n\n  useEffect(() => {\n    const enableAutoplay = () => {\n      setCanAutoPlayAudio(true);\n      setCanAutoPlayVideo(true);\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n\n    EVENTS.forEach(event => {\n      document.addEventListener(event, enableAutoplay);\n    });\n\n    const handleError = (err: unknown) => {\n      if (err instanceof DOMException) {\n        err.name !== 'NotAllowedError' &&\n          onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n            name: err.name,\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(err);\n        onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n          error: err,\n        });\n      }\n    };\n\n    // audio autoplay check\n    // way to check if autoplay is allowed by the browser for audio\n    try {\n      new Audio(SMALL_AUDIO) // smallest silent audio file\n        .play()\n        .then(() => {\n          setCanAutoPlayAudio(true);\n        })\n        .catch(handleError);\n    } catch (err) {\n      handleError(err);\n    }\n\n    // video autoplay check\n    // way to check if autoplay is allowed by the browserfor video\n    try {\n      const video = document.createElement('video');\n\n      video.src = SMALL_VIDEO; // smallest silent video file\n      video.setAttribute('playsinline', 'true');\n\n      video\n        .play()\n        .then(() => {\n          setCanAutoPlayVideo(true);\n        })\n        .catch(handleError)\n        .finally(() => {\n          video.remove();\n        });\n    } catch (err) {\n      handleError(err);\n    }\n\n    return () => {\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n  }, [onEvent]);\n\n  return (\n    <AutoPlayPermissionContext.Provider value={{ canAutoPlayAudio, canAutoPlayVideo }}>\n      {children}\n    </AutoPlayPermissionContext.Provider>\n  );\n};\n"],"names":["AutoPlayPermissionContext","createContext","AutoPlayPermissionProvider","children","canAutoPlayAudio","setCanAutoPlayAudio","useState","canAutoPlayVideo","setCanAutoPlayVideo","onEvent","useUIContext","useEffect","enableAutoplay","EVENTS","event","handleError","err","USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS","SMALL_AUDIO","video","SMALL_VIDEO","jsx"],"mappings":";;;;;AASO,MAAMA,IAA4BC,EAA8C;AAAA,EACrF,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,CAAC,GAEYC,IAA0D,CAAC,EAAE,UAAAC,QAAe;AACvF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,EAAE,SAAAG,MAAYC;AAEpB,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,MAAAP,EAAoB,EAAI,GACxBG,EAAoB,EAAI,GACxBK,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IAAA;AAGH,IAAAC,EAAO,QAAQ,CAASC,MAAA;AACb,eAAA,iBAAiBA,GAAOF,CAAc;AAAA,IAAA,CAChD;AAEK,UAAAG,IAAc,CAACC,MAAiB;AACpC,MAAIA,aAAe,eACjBA,EAAI,SAAS,qBACXP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,MAAMD,EAAI;AAAA,MAAA,CACX,KAGH,QAAQ,IAAIA,CAAG,GACfP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,OAAOD;AAAA,MAAA,CACR;AAAA,IACH;AAKE,QAAA;AACF,UAAI,MAAME,CAAW,EAClB,KAAK,EACL,KAAK,MAAM;AACV,QAAAb,EAAoB,EAAI;AAAA,MAAA,CACzB,EACA,MAAMU,CAAW;AAAA,aACbC,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IACjB;AAII,QAAA;AACI,YAAAG,IAAQ,SAAS,cAAc,OAAO;AAE5C,MAAAA,EAAM,MAAMC,GACND,EAAA,aAAa,eAAe,MAAM,GAGrCA,EAAA,OACA,KAAK,MAAM;AACV,QAAAX,EAAoB,EAAI;AAAA,MACzB,CAAA,EACA,MAAMO,CAAW,EACjB,QAAQ,MAAM;AACb,QAAAI,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,aACIH,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IACjB;AAEA,WAAO,MAAM;AACX,MAAAH,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IAAA;AAAA,EACH,GACC,CAACH,CAAO,CAAC,GAGV,gBAAAY,EAACrB,EAA0B,UAA1B,EAAmC,OAAO,EAAE,kBAAAI,GAAkB,kBAAAG,EAAiB,GAC7E,UAAAJ,EACH,CAAA;AAEJ;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js

@@ -1,5 +1,5 @@
-import { jsxs as $, jsx as P } from "react/jsx-runtime";
-import { memo as q, useState as s, useMemo as f, useCallback as i } from "react";
+import { jsxs as $, jsx as N } from "react/jsx-runtime";
+import { memo as q, useState as s, useMemo as f, useCallback as n } from "react";
 import { EVENTS as z } from "../../../../communication/pub-sub/constants.js";
 import { useInClassActionDispatcher as B } from "../../../../communication/pub-sub/hooks.js";
 import G from "../../../../ui/context/context.js";
@@ -10,45 +10,43 @@ import X from "../delete-milestone/confirm-delete.js";
 import { useMilestonePatch as Z } from "./api/patch-milestone.js";
 import ee from "./edit-milestone.js";
 import { parse as te } from "../../../../../node_modules/date-fns/parse.js";
-const v = {
+const P = {
   DELETE_CONFIRM: "delete_confirm",
   EDIT: "edit"
 }, oe = q(
   ({
-    milestoneName: I,
+    milestoneName: v,
     milestoneId: e,
-    milestoneDueDate: u,
-    studentId: E,
-    isMilestoneChaptersListEditable: g,
+    milestoneDueDate: p,
+    studentId: u,
+    isMilestoneChaptersListEditable: I,
     isMilestoneDateEditable: x,
-    isClassOngoing: a,
+    isClassOngoing: E,
     onDelete: F,
-    analyticsProps: _,
-    canDelete: w,
-    milestoneState: A,
-    studentClassroomId: L,
-    courseStream: M
+    analyticsProps: M,
+    canDelete: O,
+    milestoneState: w,
+    studentClassroomId: A,
+    courseStream: _
   }) => {
-    const [D, O] = s("edit"), [t, R] = s(u), [r, h] = s(!1), [c, C] = s(!1), [l, m] = s(""), o = f(
+    const [D, L] = s("edit"), [t, R] = s(p), [i, h] = s(!1), [r, C] = s(!1), [c, l] = s(""), o = f(
       () => Math.floor((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) / 1e3),
       []
-    ), n = f(
+    ), a = f(
       () => o + K,
       [o]
-    ), { dispatchInClassAction: T } = B({ studentClassroomId: L }), V = t !== u, S = i(() => {
-      r && h(!1), c && C(!1);
-    }, [r, c]), k = i(
-      (d) => {
-        if (d) {
+    ), { dispatchInClassAction: T } = B({ studentClassroomId: A }), V = t !== p, g = n(() => {
+      i && h(!1), r && C(!1);
+    }, [i, r]), k = n(
+      (m) => {
+        if (m) {
           C(!0);
           return;
         }
         Q({
           milestone_state_group: "LIVE",
-          with_plan: !0,
-          course_stream: M,
-          student_id: E,
-          in_class: a
+          course_stream: _,
+          student_id: u
         }), h(!0), T({
           eventName: z.MILESTONE_EDITED,
           eventPayload: {
@@ -56,59 +54,59 @@ const v = {
           }
         });
       },
-      [T, a, e, E, M]
-    ), { patch: y, isProcessing: b } = Z({
+      [T, e, u, _]
+    ), { patch: S, isProcessing: b } = Z({
       onComplete: k
-    }), j = i(
-      (d) => {
-        S();
-        const N = d.target.value;
-        if (!N) return;
-        const p = te(N, "yyyy-MM-dd", /* @__PURE__ */ new Date()).getTime() / 1e3;
-        l && p >= o && p < n && m(""), R(p);
+    }), j = n(
+      (m) => {
+        g();
+        const y = m.target.value;
+        if (!y) return;
+        const d = te(y, "yyyy-MM-dd", /* @__PURE__ */ new Date()).getTime() / 1e3;
+        c && d >= o && d < a && l(""), R(d);
       },
-      [l, S, n, o]
-    ), U = i(() => {
-      if (t < o || t > n) {
-        t < o ? m("Please enter a future date") : m("Please select a date within the next year");
+      [c, g, a, o]
+    ), U = n(() => {
+      if (t < o || t > a) {
+        t < o ? l("Please enter a future date") : l("Please select a date within the next year");
         return;
       }
-      y(e, {
+      S(e, {
         milestone_date_ts: t
       });
     }, [
       e,
       t,
-      n,
+      a,
       o,
-      y
+      S
     ]), Y = () => {
-      O(v.DELETE_CONFIRM);
+      L(P.DELETE_CONFIRM);
     }, H = f(() => ({
-      ..._,
+      ...M,
       milestone_id: e,
       temporary_milestone_id: e,
-      is_student_class_ongoing: a
-    }), [_, a, e]), W = J(H);
+      is_student_class_ongoing: E
+    }), [M, E, e]), W = J(H);
     return /* @__PURE__ */ $(G.Provider, { value: W, children: [
-      D === v.DELETE_CONFIRM && /* @__PURE__ */ P(X, { milestoneId: e, onDelete: F }),
-      D === "edit" && /* @__PURE__ */ P(
+      D === P.DELETE_CONFIRM && /* @__PURE__ */ N(X, { milestoneId: e, onDelete: F }),
+      D === "edit" && /* @__PURE__ */ N(
         ee,
         {
-          inputMilestoneName: I,
+          inputMilestoneName: v,
           areDateUpdatesDisabled: !x,
           handleDateChange: j,
           inputMilestoneDate: t,
           anyFieldChanged: V,
           isProcessing: b,
-          isDataPatched: r,
-          isMilestoneChaptersListEditable: g,
+          isDataPatched: i,
+          isMilestoneChaptersListEditable: I,
           onSave: U,
-          isPatchingFailed: c,
+          isPatchingFailed: r,
           onDeleteOptionClick: Y,
-          errorMessage: l,
-          canDelete: w,
-          milestoneState: A
+          errorMessage: c,
+          canDelete: O,
+          milestoneState: w
         }
       )
     ] });

package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/index.tsx"],"sourcesContent":["import type { IEditMilestoneModalProps } from './edit-milestone-modal-types';\nimport type { ChangeEvent } from 'react';\n\nimport { parse } from 'date-fns';\nimport React, { memo, useCallback, useMemo, useState } from 'react';\n\nimport { EVENTS } from '../../../../communication/pub-sub/constants';\nimport { useInClassActionDispatcher } from '../../../../communication/pub-sub/hooks';\nimport UIContext from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport { ONE_YEAR_TIMESTAMP_IN_SECONDS } from '../../../constants';\nimport { invalidateMilestonesData } from '../../../milestone-list-container/api/get-milestones';\nimport ConfirmDelete from '../delete-milestone/confirm-delete';\nimport { useMilestonePatch } from './api/patch-milestone';\nimport EditMilestone from './edit-milestone';\n\nconst VIEWS = {\n  DELETE_CONFIRM: 'delete_confirm',\n  EDIT: 'edit',\n};\n\n// https://github.com/cuemath/package-leap/issues/409\nconst EditDeleteMilestone: React.FC<IEditMilestoneModalProps> = memo(\n  ({\n    milestoneName,\n    milestoneId,\n    milestoneDueDate,\n    studentId,\n    isMilestoneChaptersListEditable,\n    isMilestoneDateEditable,\n    isClassOngoing,\n    onDelete,\n    analyticsProps,\n    canDelete,\n    milestoneState,\n    studentClassroomId,\n    courseStream,\n  }) => {\n    const [view, setView] = useState<(typeof VIEWS)[keyof typeof VIEWS]>('edit');\n\n    const [inputMilestoneDate, setMilestoneDate] = useState(milestoneDueDate);\n    const [isDataPatched, setIsDataPatched] = useState(false);\n    const [isPatchingFailed, setIsPatchingFailed] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const todayTimestampSeconds = useMemo(\n      () => Math.floor(new Date().setHours(0, 0, 0, 0) / 1000),\n      [],\n    );\n    const oneYearFutureTimestampSeconds = useMemo(\n      () => todayTimestampSeconds + ONE_YEAR_TIMESTAMP_IN_SECONDS,\n      [todayTimestampSeconds],\n    );\n\n    const { dispatchInClassAction } = useInClassActionDispatcher({ studentClassroomId });\n\n    const anyFieldChanged = inputMilestoneDate !== milestoneDueDate;\n\n    const handleClearState = useCallback(() => {\n      if (isDataPatched) {\n        setIsDataPatched(false);\n      }\n\n      if (isPatchingFailed) {\n        setIsPatchingFailed(false);\n      }\n    }, [isDataPatched, isPatchingFailed]);\n\n    const handleOnComplete = useCallback(\n      (errorMsg: string | null) => {\n        if (errorMsg) {\n          setIsPatchingFailed(true);\n\n          return;\n        }\n\n        invalidateMilestonesData({\n          milestone_state_group: 'LIVE',\n          with_plan: true,\n          course_stream: courseStream,\n          student_id: studentId,\n          in_class: isClassOngoing,\n        });\n        setIsDataPatched(true);\n        dispatchInClassAction({\n          eventName: EVENTS.MILESTONE_EDITED,\n          eventPayload: {\n            milestoneId,\n          },\n        });\n      },\n      [dispatchInClassAction, isClassOngoing, milestoneId, studentId, courseStream],\n    );\n\n    const { patch: updateMilestone, isProcessing } = useMilestonePatch({\n      onComplete: handleOnComplete,\n    });\n\n    const handleDateChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        handleClearState();\n        const value = e.target.value;\n\n        if (!value) return;\n\n        const timestampInSeconds = parse(value, 'yyyy-MM-dd', new Date()).getTime() / 1000;\n\n        if (\n          errorMessage &&\n          timestampInSeconds >= todayTimestampSeconds &&\n          timestampInSeconds < oneYearFutureTimestampSeconds\n        ) {\n          setErrorMessage('');\n        }\n\n        setMilestoneDate(timestampInSeconds);\n      },\n      [errorMessage, handleClearState, oneYearFutureTimestampSeconds, todayTimestampSeconds],\n    );\n\n    const onSave = useCallback(() => {\n      if (\n        inputMilestoneDate < todayTimestampSeconds ||\n        inputMilestoneDate > oneYearFutureTimestampSeconds\n      ) {\n        if (inputMilestoneDate < todayTimestampSeconds) {\n          setErrorMessage('Please enter a future date');\n        } else {\n          setErrorMessage('Please select a date within the next year');\n        }\n\n        return;\n      }\n\n      updateMilestone(milestoneId, {\n        milestone_date_ts: inputMilestoneDate,\n      });\n    }, [\n      milestoneId,\n      inputMilestoneDate,\n      oneYearFutureTimestampSeconds,\n      todayTimestampSeconds,\n      updateMilestone,\n    ]);\n\n    const onDeleteOptionClick = () => {\n      setView(VIEWS.DELETE_CONFIRM);\n    };\n\n    const commonAnalytics = useMemo(() => {\n      return {\n        ...analyticsProps,\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        is_student_class_ongoing: isClassOngoing,\n      };\n    }, [analyticsProps, isClassOngoing, milestoneId]);\n\n    const analyticsContext = useTrackingContext(commonAnalytics);\n\n    return (\n      <UIContext.Provider value={analyticsContext}>\n        {view === VIEWS.DELETE_CONFIRM && (\n          <ConfirmDelete milestoneId={milestoneId} onDelete={onDelete} />\n        )}\n\n        {view === 'edit' && (\n          <EditMilestone\n            inputMilestoneName={milestoneName}\n            areDateUpdatesDisabled={!isMilestoneDateEditable}\n            handleDateChange={handleDateChange}\n            inputMilestoneDate={inputMilestoneDate}\n            anyFieldChanged={anyFieldChanged}\n            isProcessing={isProcessing}\n            isDataPatched={isDataPatched}\n            isMilestoneChaptersListEditable={isMilestoneChaptersListEditable}\n            onSave={onSave}\n            isPatchingFailed={isPatchingFailed}\n            onDeleteOptionClick={onDeleteOptionClick}\n            errorMessage={errorMessage}\n            canDelete={canDelete}\n            milestoneState={milestoneState}\n          />\n        )}\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default EditDeleteMilestone;\n"],"names":["VIEWS","EditDeleteMilestone","memo","milestoneName","milestoneId","milestoneDueDate","studentId","isMilestoneChaptersListEditable","isMilestoneDateEditable","isClassOngoing","onDelete","analyticsProps","canDelete","milestoneState","studentClassroomId","courseStream","view","setView","useState","inputMilestoneDate","setMilestoneDate","isDataPatched","setIsDataPatched","isPatchingFailed","setIsPatchingFailed","errorMessage","setErrorMessage","todayTimestampSeconds","useMemo","oneYearFutureTimestampSeconds","ONE_YEAR_TIMESTAMP_IN_SECONDS","dispatchInClassAction","useInClassActionDispatcher","anyFieldChanged","handleClearState","useCallback","handleOnComplete","errorMsg","invalidateMilestonesData","EVENTS","updateMilestone","isProcessing","useMilestonePatch","handleDateChange","e","value","timestampInSeconds","parse","onSave","onDeleteOptionClick","commonAnalytics","analyticsContext","useTrackingContext","jsxs","UIContext","jsx","ConfirmDelete","EditMilestone","EditDeleteMilestone$1"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/index.tsx"],"sourcesContent":["import type { IEditMilestoneModalProps } from './edit-milestone-modal-types';\nimport type { ChangeEvent } from 'react';\n\nimport { parse } from 'date-fns';\nimport React, { memo, useCallback, useMemo, useState } from 'react';\n\nimport { EVENTS } from '../../../../communication/pub-sub/constants';\nimport { useInClassActionDispatcher } from '../../../../communication/pub-sub/hooks';\nimport UIContext from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport { ONE_YEAR_TIMESTAMP_IN_SECONDS } from '../../../constants';\nimport { invalidateMilestonesData } from '../../../milestone-list-container/api/get-milestones';\nimport ConfirmDelete from '../delete-milestone/confirm-delete';\nimport { useMilestonePatch } from './api/patch-milestone';\nimport EditMilestone from './edit-milestone';\n\nconst VIEWS = {\n  DELETE_CONFIRM: 'delete_confirm',\n  EDIT: 'edit',\n};\n\n// https://github.com/cuemath/package-leap/issues/409\nconst EditDeleteMilestone: React.FC<IEditMilestoneModalProps> = memo(\n  ({\n    milestoneName,\n    milestoneId,\n    milestoneDueDate,\n    studentId,\n    isMilestoneChaptersListEditable,\n    isMilestoneDateEditable,\n    isClassOngoing,\n    onDelete,\n    analyticsProps,\n    canDelete,\n    milestoneState,\n    studentClassroomId,\n    courseStream,\n  }) => {\n    const [view, setView] = useState<(typeof VIEWS)[keyof typeof VIEWS]>('edit');\n\n    const [inputMilestoneDate, setMilestoneDate] = useState(milestoneDueDate);\n    const [isDataPatched, setIsDataPatched] = useState(false);\n    const [isPatchingFailed, setIsPatchingFailed] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const todayTimestampSeconds = useMemo(\n      () => Math.floor(new Date().setHours(0, 0, 0, 0) / 1000),\n      [],\n    );\n    const oneYearFutureTimestampSeconds = useMemo(\n      () => todayTimestampSeconds + ONE_YEAR_TIMESTAMP_IN_SECONDS,\n      [todayTimestampSeconds],\n    );\n\n    const { dispatchInClassAction } = useInClassActionDispatcher({ studentClassroomId });\n\n    const anyFieldChanged = inputMilestoneDate !== milestoneDueDate;\n\n    const handleClearState = useCallback(() => {\n      if (isDataPatched) {\n        setIsDataPatched(false);\n      }\n\n      if (isPatchingFailed) {\n        setIsPatchingFailed(false);\n      }\n    }, [isDataPatched, isPatchingFailed]);\n\n    const handleOnComplete = useCallback(\n      (errorMsg: string | null) => {\n        if (errorMsg) {\n          setIsPatchingFailed(true);\n\n          return;\n        }\n\n        invalidateMilestonesData({\n          milestone_state_group: 'LIVE',\n          course_stream: courseStream,\n          student_id: studentId,\n        });\n        setIsDataPatched(true);\n        dispatchInClassAction({\n          eventName: EVENTS.MILESTONE_EDITED,\n          eventPayload: {\n            milestoneId,\n          },\n        });\n      },\n      [dispatchInClassAction, milestoneId, studentId, courseStream],\n    );\n\n    const { patch: updateMilestone, isProcessing } = useMilestonePatch({\n      onComplete: handleOnComplete,\n    });\n\n    const handleDateChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        handleClearState();\n        const value = e.target.value;\n\n        if (!value) return;\n\n        const timestampInSeconds = parse(value, 'yyyy-MM-dd', new Date()).getTime() / 1000;\n\n        if (\n          errorMessage &&\n          timestampInSeconds >= todayTimestampSeconds &&\n          timestampInSeconds < oneYearFutureTimestampSeconds\n        ) {\n          setErrorMessage('');\n        }\n\n        setMilestoneDate(timestampInSeconds);\n      },\n      [errorMessage, handleClearState, oneYearFutureTimestampSeconds, todayTimestampSeconds],\n    );\n\n    const onSave = useCallback(() => {\n      if (\n        inputMilestoneDate < todayTimestampSeconds ||\n        inputMilestoneDate > oneYearFutureTimestampSeconds\n      ) {\n        if (inputMilestoneDate < todayTimestampSeconds) {\n          setErrorMessage('Please enter a future date');\n        } else {\n          setErrorMessage('Please select a date within the next year');\n        }\n\n        return;\n      }\n\n      updateMilestone(milestoneId, {\n        milestone_date_ts: inputMilestoneDate,\n      });\n    }, [\n      milestoneId,\n      inputMilestoneDate,\n      oneYearFutureTimestampSeconds,\n      todayTimestampSeconds,\n      updateMilestone,\n    ]);\n\n    const onDeleteOptionClick = () => {\n      setView(VIEWS.DELETE_CONFIRM);\n    };\n\n    const commonAnalytics = useMemo(() => {\n      return {\n        ...analyticsProps,\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        is_student_class_ongoing: isClassOngoing,\n      };\n    }, [analyticsProps, isClassOngoing, milestoneId]);\n\n    const analyticsContext = useTrackingContext(commonAnalytics);\n\n    return (\n      <UIContext.Provider value={analyticsContext}>\n        {view === VIEWS.DELETE_CONFIRM && (\n          <ConfirmDelete milestoneId={milestoneId} onDelete={onDelete} />\n        )}\n\n        {view === 'edit' && (\n          <EditMilestone\n            inputMilestoneName={milestoneName}\n            areDateUpdatesDisabled={!isMilestoneDateEditable}\n            handleDateChange={handleDateChange}\n            inputMilestoneDate={inputMilestoneDate}\n            anyFieldChanged={anyFieldChanged}\n            isProcessing={isProcessing}\n            isDataPatched={isDataPatched}\n            isMilestoneChaptersListEditable={isMilestoneChaptersListEditable}\n            onSave={onSave}\n            isPatchingFailed={isPatchingFailed}\n            onDeleteOptionClick={onDeleteOptionClick}\n            errorMessage={errorMessage}\n            canDelete={canDelete}\n            milestoneState={milestoneState}\n          />\n        )}\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default EditDeleteMilestone;\n"],"names":["VIEWS","EditDeleteMilestone","memo","milestoneName","milestoneId","milestoneDueDate","studentId","isMilestoneChaptersListEditable","isMilestoneDateEditable","isClassOngoing","onDelete","analyticsProps","canDelete","milestoneState","studentClassroomId","courseStream","view","setView","useState","inputMilestoneDate","setMilestoneDate","isDataPatched","setIsDataPatched","isPatchingFailed","setIsPatchingFailed","errorMessage","setErrorMessage","todayTimestampSeconds","useMemo","oneYearFutureTimestampSeconds","ONE_YEAR_TIMESTAMP_IN_SECONDS","dispatchInClassAction","useInClassActionDispatcher","anyFieldChanged","handleClearState","useCallback","handleOnComplete","errorMsg","invalidateMilestonesData","EVENTS","updateMilestone","isProcessing","useMilestonePatch","handleDateChange","e","value","timestampInSeconds","parse","onSave","onDeleteOptionClick","commonAnalytics","analyticsContext","useTrackingContext","jsxs","UIContext","jsx","ConfirmDelete","EditMilestone","EditDeleteMilestone$1"],"mappings":"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"}