@cuemath/leap 2.9.7 → 2.9.9-as1

package/dist/features/milestone/create/comps/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    total_supplementary_sheets: totalSupplementarySheets,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList\n              learningSheetData={learningSheetData}\n              supplementarySheetsCount={totalSupplementarySheets}\n            />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","totalSupplementarySheets","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":"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"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList learningSheetData={learningSheetData} />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":"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"}

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;"}

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

@@ -1,81 +1,84 @@
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import { memo as H, useContext as W, useMemo as U, useCallback as u } from "react";
-import q from "../../../../../assets/line-icons/icons/plus.js";
-import P from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import y from "../../../../ui/buttons/button/button.js";
-import V from "../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as J } from "../../../../ui/context/context.js";
-import $ from "../../../../ui/layout/flex-view.js";
-import K from "../../../../ui/text/text.js";
-import { WARNING_MESSAGES as Q } from "../../../constants.js";
-import { GOAL_EDIT_FLOWS as Y } from "../../milestone-create-constants.js";
-import Z from "../../milestone-create-context.js";
-import ee from "../body-layout/body-layout.js";
-import te from "../class-details-step/class-details-step.js";
-import oe from "./chapter-selection-step-v2/chapter-selection.js";
-import { ButtonWrapper as k } from "./chapters-selection-step-styled.js";
-import { useChapterListUpdate as re } from "./use-chapter-list-update.js";
-import { computeChangeDetection as ne } from "./utils.js";
-const xe = H((N) => {
+import { jsx as t, jsxs as $ } from "react/jsx-runtime";
+import { memo as q, useContext as V, useMemo as J, useCallback as u } from "react";
+import K from "../../../../../assets/line-icons/icons/bin2.js";
+import Q from "../../../../../assets/line-icons/icons/plus.js";
+import f from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Y from "../../../../ui/buttons/button/button.js";
+import k from "../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as Z } from "../../../../ui/context/context.js";
+import P from "../../../../ui/layout/flex-view.js";
+import ee from "../../../../ui/text/text.js";
+import { WARNING_MESSAGES as te } from "../../../constants.js";
+import { GOAL_EDIT_FLOWS as oe } from "../../milestone-create-constants.js";
+import re from "../../milestone-create-context.js";
+import ne from "../body-layout/body-layout.js";
+import se from "../class-details-step/class-details-step.js";
+import ae from "./chapter-selection-step-v2/chapter-selection.js";
+import { BinIconWrapper as de, ButtonWrapper as R } from "./chapters-selection-step-styled.js";
+import { useChapterListUpdate as ie } from "./use-chapter-list-update.js";
+import { computeChangeDetection as le } from "./utils.js";
+const $e = q((G) => {
   const {
-    currentStep: f,
-    onFormDataChange: n,
-    onChapterExitWarning: a,
-    formData: c,
-    studentName: g,
-    studentId: A,
+    currentStep: g,
+    onFormDataChange: s,
+    onChapterExitWarning: d,
+    formData: l,
+    studentName: A,
+    studentId: I,
     config: m,
-    isGoalCreation: d,
-    onPreSubmit: l,
+    isGoalCreation: a,
+    onPreSubmit: c,
     courseStream: _,
-    classRatio: C,
-    enrollmentType: S
-  } = N, { flow: s } = W(Z), { onEvent: b } = J(), {
+    classRatio: b,
+    enrollmentType: C,
+    canDeleteGoal: N,
+    onDeleteGoal: L
+  } = G, { flow: o } = V(re), { onEvent: D } = Z(), {
     action_plan: {
-      green: { share_message_template: I }
+      green: { share_message_template: S }
     }
-  } = m, { buttonLabel: R, name: x, title: G } = f, L = {
-    step: x
-  }, { testType: O, primaryChaptersList: e, board: E, major: D, region: T, chapterGoalCategory: X } = c, { primaryGoalCategory: o } = X || {}, { isProcessing: p, isProcessed: j } = re({
-    formData: c,
-    onFormDataChange: n,
-    studentId: A
-  }), B = U(() => e ? e.some((r) => r.added) : !1, [e]), M = u(() => {
-    const r = e == null ? void 0 : e.filter((i) => !!i.added), h = (e == null ? void 0 : e.filter(
-      (i) => i.program_id !== (o == null ? void 0 : o.program_code) && i.added
-    ).length) ?? 0, F = (e == null ? void 0 : e.filter((i) => i.program_id === (o == null ? void 0 : o.program_id)).length) ?? 0;
-    b("CHAPTER_DETAILS_ADDED", {
-      total_chapter_added: (r == null ? void 0 : r.length) ?? 0,
+  } = m, { buttonLabel: X, name: E, title: z } = g, F = {
+    step: E
+  }, { testType: O, primaryChaptersList: e, board: x, major: T, region: w, chapterGoalCategory: j } = l, { primaryGoalCategory: r } = j || {}, y = N && (o === "DRAFT_EDIT" || o === "EDIT"), { isProcessing: p, isProcessed: M } = ie({
+    formData: l,
+    onFormDataChange: s,
+    studentId: I
+  }), B = J(() => e ? e.some((n) => n.added) : !1, [e]), W = u(() => {
+    const n = e == null ? void 0 : e.filter((i) => !!i.added), h = (e == null ? void 0 : e.filter(
+      (i) => i.program_id !== (r == null ? void 0 : r.program_code) && i.added
+    ).length) ?? 0, U = (e == null ? void 0 : e.filter((i) => i.program_id === (r == null ? void 0 : r.program_id)).length) ?? 0;
+    D("CHAPTER_DETAILS_ADDED", {
+      total_chapter_added: (n == null ? void 0 : n.length) ?? 0,
       searched_chapter_added: h,
-      suggested_chapter_added: F
-    }), d ? n({
+      suggested_chapter_added: U
+    }), a ? s({
       primaryChaptersList: e,
-      selectedChaptersList: r,
+      selectedChaptersList: n,
       searchedChaptersList: [],
       chapterSubStages: "date-selection",
       committed: {
         selectedChaptersList: !0,
         chapterSubStages: !0,
         grade: !0,
-        board: !!E,
-        major: !!D,
-        region: !!T
+        board: !!x,
+        major: !!T,
+        region: !!w
       }
-    }) : s && (l == null || l({ isDraftPlan: !1, flow: s, submitBaseMessage: I }));
+    }) : o && (c == null || c({ isDraftPlan: !1, flow: o, submitBaseMessage: S }));
   }, [
     e,
-    E,
-    D,
+    x,
     T,
-    b,
-    n,
-    l,
+    w,
+    D,
     s,
-    d,
-    I,
-    o
+    c,
+    o,
+    a,
+    S,
+    r
   ]), v = u(() => {
-    n({
+    s({
       chapterSubStages: "custom-chapters",
       selectedChaptersList: void 0,
       committed: {
@@ -83,72 +86,92 @@ const xe = H((N) => {
         selectedChaptersList: !1
       }
     });
-  }, [n]), z = u(
-    (r) => {
-      if (!s) return null;
-      const h = ne(e, o);
-      Y.includes(s) || !(e != null && e.length) || !h ? r() : a == null || a({
-        onSuccess: r,
-        description: Q.CHAPTER_EXIT_WARNING
+  }, [s]), H = u(
+    (n) => {
+      if (!o) return null;
+      const h = le(e, r);
+      oe.includes(o) || !(e != null && e.length) || !h ? n() : d == null || d({
+        onSuccess: n,
+        description: te.CHAPTER_EXIT_WARNING
       });
     },
-    [a, s, e, o]
+    [d, o, e, r]
   );
   return /* @__PURE__ */ t(
-    ee,
+    ne,
     {
-      stepName: x,
-      headerElement: /* @__PURE__ */ w($, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: [
-        /* @__PURE__ */ t(K, { $renderAs: "ab2", children: d ? G : "Chapters" }),
-        d && s === "CREATE" && /* @__PURE__ */ t(
-          te,
+      stepName: E,
+      headerElement: /* @__PURE__ */ $(P, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, $width: "100%", children: [
+        /* @__PURE__ */ t(ee, { $renderAs: "ab2", children: a ? z : "Chapters" }),
+        a && o === "CREATE" && /* @__PURE__ */ t(
+          se,
           {
-            studentName: g,
-            studentId: A,
-            currentStep: f,
+            studentName: A,
+            studentId: I,
+            currentStep: g,
             config: m,
-            formData: c,
+            formData: l,
             courseStream: _,
-            classRatio: C,
-            onFormDataChange: n,
-            onChapterExitWarning: a,
-            enrollmentType: S
+            classRatio: b,
+            onFormDataChange: s,
+            onChapterExitWarning: d,
+            enrollmentType: C
           }
-        )
+        ),
+        a && y && /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(
+          f,
+          {
+            renderAs: "primary",
+            position: "bottom",
+            tooltipItem: "Delete goal",
+            zIndex: 10,
+            widthX: 6,
+            children: /* @__PURE__ */ t(
+              k,
+              {
+                size: "xsmall",
+                renderAs: "tertiary",
+                Icon: K,
+                analyticsLabel: "delete_goal_plan",
+                onClick: L
+              }
+            )
+          }
+        ) })
       ] }),
       bodyHeight: "100%",
-      onBackButtonClick: z,
+      onBackButtonClick: H,
       bodyElement: /* @__PURE__ */ t(
-        oe,
+        ae,
         {
           config: m,
-          classRatio: C,
-          isGoalCreation: d,
-          formData: c,
-          studentName: g,
-          isProcessed: j,
+          classRatio: b,
+          isGoalCreation: a,
+          formData: l,
+          studentName: A,
+          isProcessed: M,
           isProcessing: p,
           courseStream: _,
-          onFormDataChange: n,
-          onChapterExitWarning: a,
-          enrollmentType: S
+          onFormDataChange: s,
+          onChapterExitWarning: d,
+          enrollmentType: C
         }
       ),
-      footerElement: /* @__PURE__ */ w($, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
-        (!d || O === "no-test") && /* @__PURE__ */ t(
-          P,
+      footerElement: /* @__PURE__ */ $(P, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
+        (!a || O === "no-test") && /* @__PURE__ */ t(
+          f,
           {
             renderAs: "primary",
             position: "top",
             widthX: 6.5,
             zIndex: 20,
             tooltipItem: "Add a chapter",
-            children: /* @__PURE__ */ t(k, { $borderRadius: 50, children: /* @__PURE__ */ t(
-              V,
+            children: /* @__PURE__ */ t(R, { $borderRadius: 50, children: /* @__PURE__ */ t(
+              k,
               {
                 renderAs: "secondary",
                 analyticsLabel: "Add custom chapters",
-                Icon: q,
+                Icon: Q,
                 disabled: p,
                 onClick: v
               }
@@ -156,7 +179,7 @@ const xe = H((N) => {
           }
         ),
         /* @__PURE__ */ t(
-          P,
+          f,
           {
             renderAs: "primary",
             position: "top",
@@ -164,19 +187,19 @@ const xe = H((N) => {
             zIndex: 20,
             tooltipItem: "Please select atleast one chapter",
             hidden: B,
-            children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
-              y,
+            children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
+              Y,
               {
                 renderAs: "primary",
                 size: "small",
                 shape: "square",
                 widthX: 9,
-                label: R,
-                onClick: M,
+                label: X,
+                onClick: W,
                 iconPosition: "right",
                 busy: p,
                 disabled: !B,
-                analyticsProps: L
+                analyticsProps: F
               }
             ) })
           }
@@ -186,6 +209,6 @@ const xe = H((N) => {
   );
 });
 export {
-  xe as default
+  $e as default
 };
 //# sourceMappingURL=chapters-selection-step.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chapters-selection-step.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useContext, useMemo } from 'react';\n\nimport PlusIcon from '../../../../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../ui/buttons/button/button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { WARNING_MESSAGES } from '../../../constants';\nimport { GOAL_EDIT_FLOWS } from '../../milestone-create-constants';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport BodyLayout from '../body-layout/body-layout';\nimport ClassDetailsStep from '../class-details-step/class-details-step';\nimport ChapterSelection from './chapter-selection-step-v2/chapter-selection';\nimport * as Styled from './chapters-selection-step-styled';\nimport { useChapterListUpdate } from './use-chapter-list-update';\nimport { computeChangeDetection } from './utils';\n\nconst ChaptersSelectionStep: FC<IFormStepProps> = memo(props => {\n  const {\n    currentStep,\n    onFormDataChange,\n    onChapterExitWarning,\n    formData,\n    studentName,\n    studentId,\n    config,\n    isGoalCreation,\n    onPreSubmit,\n    courseStream,\n    classRatio,\n    enrollmentType,\n  } = props;\n  const { flow } = useContext(MilestoneCreateContext);\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    action_plan: {\n      green: { share_message_template: submitBaseMessage },\n    },\n  } = config;\n  const { buttonLabel, name, title } = currentStep;\n  const analyticsProps = {\n    step: name,\n  };\n  const { testType, primaryChaptersList, board, major, region, chapterGoalCategory } = formData;\n\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  //* Hook that handles making api call for cue_chapters updating primaryChapterList.\n  const { isProcessing, isProcessed } = useChapterListUpdate({\n    formData,\n    onFormDataChange,\n    studentId,\n  });\n\n  const isAtleastOneChapterAdded = useMemo(() => {\n    if (primaryChaptersList) {\n      return primaryChaptersList.some(chapter => chapter.added);\n    }\n\n    return false;\n  }, [primaryChaptersList]);\n\n  const handleNext = useCallback(() => {\n    const selectedChaptersList = primaryChaptersList?.filter(chapter => {\n      return Boolean(chapter.added);\n    });\n\n    const searchedAndAddedChapterLength =\n      primaryChaptersList?.filter(\n        chapter => chapter.program_id !== primaryGoalCategory?.program_code && chapter.added,\n      ).length ?? 0;\n\n    const suggestedChaptersLength =\n      primaryChaptersList?.filter(chapter => chapter.program_id === primaryGoalCategory?.program_id)\n        .length ?? 0;\n\n    trackEvent('CHAPTER_DETAILS_ADDED', {\n      total_chapter_added: selectedChaptersList?.length ?? 0,\n      searched_chapter_added: searchedAndAddedChapterLength,\n      suggested_chapter_added: suggestedChaptersLength,\n    });\n\n    if (isGoalCreation) {\n      onFormDataChange({\n        primaryChaptersList: primaryChaptersList,\n        selectedChaptersList: selectedChaptersList,\n        searchedChaptersList: [],\n        chapterSubStages: 'date-selection',\n        committed: {\n          selectedChaptersList: true,\n          chapterSubStages: true,\n          grade: true,\n          board: !!board,\n          major: !!major,\n          region: !!region,\n        },\n      });\n    } else if (flow) {\n      onPreSubmit?.({ isDraftPlan: false, flow, submitBaseMessage });\n    }\n  }, [\n    primaryChaptersList,\n    board,\n    major,\n    region,\n    trackEvent,\n    onFormDataChange,\n    onPreSubmit,\n    flow,\n    isGoalCreation,\n    submitBaseMessage,\n    primaryGoalCategory,\n  ]);\n\n  const handleOnAddCustomChapter = useCallback(() => {\n    onFormDataChange({\n      chapterSubStages: 'custom-chapters',\n      selectedChaptersList: undefined,\n      committed: {\n        chapterSubStages: true,\n        selectedChaptersList: false,\n      },\n    });\n  }, [onFormDataChange]);\n\n  const handleOnBackButtonClick = useCallback(\n    (handleBack: () => void) => {\n      if (!flow) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (GOAL_EDIT_FLOWS.includes(flow) || !primaryChaptersList?.length || !isChangeDetected) {\n        handleBack();\n      } else {\n        onChapterExitWarning?.({\n          onSuccess: handleBack,\n          description: WARNING_MESSAGES.CHAPTER_EXIT_WARNING,\n        });\n      }\n    },\n    [onChapterExitWarning, flow, primaryChaptersList, primaryGoalCategory],\n  );\n\n  return (\n    <BodyLayout\n      stepName={name}\n      headerElement={\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n          <Text $renderAs=\"ab2\">{isGoalCreation ? title : 'Chapters'}</Text>\n\n          {isGoalCreation && flow === 'CREATE' && (\n            <ClassDetailsStep\n              studentName={studentName}\n              studentId={studentId}\n              currentStep={currentStep}\n              config={config}\n              formData={formData}\n              courseStream={courseStream}\n              classRatio={classRatio}\n              onFormDataChange={onFormDataChange}\n              onChapterExitWarning={onChapterExitWarning}\n              enrollmentType={enrollmentType}\n            />\n          )}\n        </FlexView>\n      }\n      bodyHeight=\"100%\"\n      onBackButtonClick={handleOnBackButtonClick}\n      bodyElement={\n        <ChapterSelection\n          config={config}\n          classRatio={classRatio}\n          isGoalCreation={isGoalCreation}\n          formData={formData}\n          studentName={studentName}\n          isProcessed={isProcessed}\n          isProcessing={isProcessing}\n          courseStream={courseStream}\n          onFormDataChange={onFormDataChange}\n          onChapterExitWarning={onChapterExitWarning}\n          enrollmentType={enrollmentType}\n        />\n      }\n      footerElement={\n        <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n          {(!isGoalCreation || testType === 'no-test') && (\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              widthX={6.5}\n              zIndex={20}\n              tooltipItem=\"Add a chapter\"\n            >\n              <Styled.ButtonWrapper $borderRadius={50}>\n                <IconButton\n                  renderAs=\"secondary\"\n                  analyticsLabel=\"Add custom chapters\"\n                  Icon={PlusIcon}\n                  disabled={isProcessing}\n                  onClick={handleOnAddCustomChapter}\n                />\n              </Styled.ButtonWrapper>\n            </ArrowTooltip>\n          )}\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"top\"\n            widthX={11}\n            zIndex={20}\n            tooltipItem=\"Please select atleast one chapter\"\n            hidden={isAtleastOneChapterAdded}\n          >\n            <Styled.ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                size=\"small\"\n                shape=\"square\"\n                widthX={9}\n                label={buttonLabel}\n                onClick={handleNext}\n                iconPosition=\"right\"\n                busy={isProcessing}\n                disabled={!isAtleastOneChapterAdded}\n                analyticsProps={analyticsProps}\n              />\n            </Styled.ButtonWrapper>\n          </ArrowTooltip>\n        </FlexView>\n      }\n    />\n  );\n});\n\nexport default ChaptersSelectionStep;\n"],"names":["ChaptersSelectionStep","memo","props","currentStep","onFormDataChange","onChapterExitWarning","formData","studentName","studentId","config","isGoalCreation","onPreSubmit","courseStream","classRatio","enrollmentType","flow","useContext","MilestoneCreateContext","trackEvent","useUIContext","submitBaseMessage","buttonLabel","name","title","analyticsProps","testType","primaryChaptersList","board","major","region","chapterGoalCategory","primaryGoalCategory","isProcessing","isProcessed","useChapterListUpdate","isAtleastOneChapterAdded","useMemo","chapter","handleNext","useCallback","selectedChaptersList","searchedAndAddedChapterLength","suggestedChaptersLength","handleOnAddCustomChapter","handleOnBackButtonClick","handleBack","isChangeDetected","computeChangeDetection","GOAL_EDIT_FLOWS","WARNING_MESSAGES","jsx","BodyLayout","FlexView","Text","ClassDetailsStep","ChapterSelection","ArrowTooltip","Styled.ButtonWrapper","IconButton","PlusIcon","Button"],"mappings":"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"}
+{"version":3,"file":"chapters-selection-step.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useContext, useMemo } from 'react';\n\nimport Bin2Icon from '../../../../../assets/line-icons/icons/bin2';\nimport PlusIcon from '../../../../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../ui/buttons/button/button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { WARNING_MESSAGES } from '../../../constants';\nimport { GOAL_EDIT_FLOWS } from '../../milestone-create-constants';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport BodyLayout from '../body-layout/body-layout';\nimport ClassDetailsStep from '../class-details-step/class-details-step';\nimport ChapterSelection from './chapter-selection-step-v2/chapter-selection';\nimport * as Styled from './chapters-selection-step-styled';\nimport { useChapterListUpdate } from './use-chapter-list-update';\nimport { computeChangeDetection } from './utils';\n\nconst ChaptersSelectionStep: FC<IFormStepProps> = memo(props => {\n  const {\n    currentStep,\n    onFormDataChange,\n    onChapterExitWarning,\n    formData,\n    studentName,\n    studentId,\n    config,\n    isGoalCreation,\n    onPreSubmit,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    canDeleteGoal,\n    onDeleteGoal,\n  } = props;\n  const { flow } = useContext(MilestoneCreateContext);\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    action_plan: {\n      green: { share_message_template: submitBaseMessage },\n    },\n  } = config;\n  const { buttonLabel, name, title } = currentStep;\n  const analyticsProps = {\n    step: name,\n  };\n  const { testType, primaryChaptersList, board, major, region, chapterGoalCategory } = formData;\n\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const goalEditFlow = canDeleteGoal && (flow === 'DRAFT_EDIT' || flow === 'EDIT');\n\n  //* Hook that handles making api call for cue_chapters updating primaryChapterList.\n  const { isProcessing, isProcessed } = useChapterListUpdate({\n    formData,\n    onFormDataChange,\n    studentId,\n  });\n\n  const isAtleastOneChapterAdded = useMemo(() => {\n    if (primaryChaptersList) {\n      return primaryChaptersList.some(chapter => chapter.added);\n    }\n\n    return false;\n  }, [primaryChaptersList]);\n\n  const handleNext = useCallback(() => {\n    const selectedChaptersList = primaryChaptersList?.filter(chapter => {\n      return Boolean(chapter.added);\n    });\n\n    const searchedAndAddedChapterLength =\n      primaryChaptersList?.filter(\n        chapter => chapter.program_id !== primaryGoalCategory?.program_code && chapter.added,\n      ).length ?? 0;\n\n    const suggestedChaptersLength =\n      primaryChaptersList?.filter(chapter => chapter.program_id === primaryGoalCategory?.program_id)\n        .length ?? 0;\n\n    trackEvent('CHAPTER_DETAILS_ADDED', {\n      total_chapter_added: selectedChaptersList?.length ?? 0,\n      searched_chapter_added: searchedAndAddedChapterLength,\n      suggested_chapter_added: suggestedChaptersLength,\n    });\n\n    if (isGoalCreation) {\n      onFormDataChange({\n        primaryChaptersList: primaryChaptersList,\n        selectedChaptersList: selectedChaptersList,\n        searchedChaptersList: [],\n        chapterSubStages: 'date-selection',\n        committed: {\n          selectedChaptersList: true,\n          chapterSubStages: true,\n          grade: true,\n          board: !!board,\n          major: !!major,\n          region: !!region,\n        },\n      });\n    } else if (flow) {\n      onPreSubmit?.({ isDraftPlan: false, flow, submitBaseMessage });\n    }\n  }, [\n    primaryChaptersList,\n    board,\n    major,\n    region,\n    trackEvent,\n    onFormDataChange,\n    onPreSubmit,\n    flow,\n    isGoalCreation,\n    submitBaseMessage,\n    primaryGoalCategory,\n  ]);\n\n  const handleOnAddCustomChapter = useCallback(() => {\n    onFormDataChange({\n      chapterSubStages: 'custom-chapters',\n      selectedChaptersList: undefined,\n      committed: {\n        chapterSubStages: true,\n        selectedChaptersList: false,\n      },\n    });\n  }, [onFormDataChange]);\n\n  const handleOnBackButtonClick = useCallback(\n    (handleBack: () => void) => {\n      if (!flow) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (GOAL_EDIT_FLOWS.includes(flow) || !primaryChaptersList?.length || !isChangeDetected) {\n        handleBack();\n      } else {\n        onChapterExitWarning?.({\n          onSuccess: handleBack,\n          description: WARNING_MESSAGES.CHAPTER_EXIT_WARNING,\n        });\n      }\n    },\n    [onChapterExitWarning, flow, primaryChaptersList, primaryGoalCategory],\n  );\n\n  return (\n    <BodyLayout\n      stepName={name}\n      headerElement={\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1} $width=\"100%\">\n          <Text $renderAs=\"ab2\">{isGoalCreation ? title : 'Chapters'}</Text>\n\n          {isGoalCreation && flow === 'CREATE' && (\n            <ClassDetailsStep\n              studentName={studentName}\n              studentId={studentId}\n              currentStep={currentStep}\n              config={config}\n              formData={formData}\n              courseStream={courseStream}\n              classRatio={classRatio}\n              onFormDataChange={onFormDataChange}\n              onChapterExitWarning={onChapterExitWarning}\n              enrollmentType={enrollmentType}\n            />\n          )}\n\n          {isGoalCreation && goalEditFlow && (\n            <Styled.BinIconWrapper>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem=\"Delete goal\"\n                zIndex={10}\n                widthX={6}\n              >\n                <IconButton\n                  size=\"xsmall\"\n                  renderAs=\"tertiary\"\n                  Icon={Bin2Icon}\n                  analyticsLabel=\"delete_goal_plan\"\n                  onClick={onDeleteGoal}\n                />\n              </ArrowTooltip>\n            </Styled.BinIconWrapper>\n          )}\n        </FlexView>\n      }\n      bodyHeight=\"100%\"\n      onBackButtonClick={handleOnBackButtonClick}\n      bodyElement={\n        <ChapterSelection\n          config={config}\n          classRatio={classRatio}\n          isGoalCreation={isGoalCreation}\n          formData={formData}\n          studentName={studentName}\n          isProcessed={isProcessed}\n          isProcessing={isProcessing}\n          courseStream={courseStream}\n          onFormDataChange={onFormDataChange}\n          onChapterExitWarning={onChapterExitWarning}\n          enrollmentType={enrollmentType}\n        />\n      }\n      footerElement={\n        <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n          {(!isGoalCreation || testType === 'no-test') && (\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              widthX={6.5}\n              zIndex={20}\n              tooltipItem=\"Add a chapter\"\n            >\n              <Styled.ButtonWrapper $borderRadius={50}>\n                <IconButton\n                  renderAs=\"secondary\"\n                  analyticsLabel=\"Add custom chapters\"\n                  Icon={PlusIcon}\n                  disabled={isProcessing}\n                  onClick={handleOnAddCustomChapter}\n                />\n              </Styled.ButtonWrapper>\n            </ArrowTooltip>\n          )}\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"top\"\n            widthX={11}\n            zIndex={20}\n            tooltipItem=\"Please select atleast one chapter\"\n            hidden={isAtleastOneChapterAdded}\n          >\n            <Styled.ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                size=\"small\"\n                shape=\"square\"\n                widthX={9}\n                label={buttonLabel}\n                onClick={handleNext}\n                iconPosition=\"right\"\n                busy={isProcessing}\n                disabled={!isAtleastOneChapterAdded}\n                analyticsProps={analyticsProps}\n              />\n            </Styled.ButtonWrapper>\n          </ArrowTooltip>\n        </FlexView>\n      }\n    />\n  );\n});\n\nexport default ChaptersSelectionStep;\n"],"names":["ChaptersSelectionStep","memo","props","currentStep","onFormDataChange","onChapterExitWarning","formData","studentName","studentId","config","isGoalCreation","onPreSubmit","courseStream","classRatio","enrollmentType","canDeleteGoal","onDeleteGoal","flow","useContext","MilestoneCreateContext","trackEvent","useUIContext","submitBaseMessage","buttonLabel","name","title","analyticsProps","testType","primaryChaptersList","board","major","region","chapterGoalCategory","primaryGoalCategory","goalEditFlow","isProcessing","isProcessed","useChapterListUpdate","isAtleastOneChapterAdded","useMemo","chapter","handleNext","useCallback","selectedChaptersList","searchedAndAddedChapterLength","suggestedChaptersLength","handleOnAddCustomChapter","handleOnBackButtonClick","handleBack","isChangeDetected","computeChangeDetection","GOAL_EDIT_FLOWS","WARNING_MESSAGES","jsx","BodyLayout","jsxs","FlexView","Text","ClassDetailsStep","Styled.BinIconWrapper","ArrowTooltip","IconButton","Bin2Icon","ChapterSelection","Styled.ButtonWrapper","PlusIcon","Button"],"mappings":"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"}

package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js

@@ -1,27 +1,23 @@
-import r from "styled-components";
-import n from "../../../../../assets/line-icons/icons/chevron-right.js";
-import t from "../../../../ui/layout/flex-view.js";
-import l from "../../../../ui/text/text.js";
-const h = r(t)(({ theme: o }) => {
-  const { layout: e, colors: i } = o, { BLACK_T_38: p } = i;
+import t from "styled-components";
+import p from "../../../../../assets/line-icons/icons/chevron-right.js";
+import l from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/text/text.js";
+const c = t(l)(({ theme: o }) => {
+  const { layout: r, colors: e } = o, { BLACK_T_38: i } = e;
   return `
-    max-height: ${e.gutter * 15.75}px;
-    box-shadow: 0px 6px 12px 0px ${p};
+    max-height: ${r.gutter * 15.75}px;
+    box-shadow: 0px 6px 12px 0px ${i};
     overflow-y: auto;
   `;
-}), m = r(t)(({ theme: o }) => `
-    cursor: pointer;
-    
-    &:hover {
-      background: ${o.colors.BLACK_4};
-    }
-  `), u = r(n)(({ theme: o }) => `
+});
+t(p)(({ theme: o }) => `
     cursor: pointer;
 
     path {
       stroke: ${o.colors.WHITE_T_87};
     }
-  `), d = r(l)(() => `
+  `);
+const w = t(x)(() => `
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -29,9 +25,7 @@ const h = r(t)(({ theme: o }) => {
     overflow: hidden;
   `);
 export {
-  m as SheetCardWrapper,
-  u as StyledChevronRight,
-  d as StyledText,
-  h as Wrapper
+  w as StyledText,
+  c as Wrapper
 };
 //# sourceMappingURL=sheets-list-styled.js.map

package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheets-list-styled.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronRight from '../../../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Wrapper = styled(FlexView)(({ theme }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_38 } = colors;\n\n  return `\n    max-height: ${layout.gutter * 15.75}px;\n    box-shadow: 0px 6px 12px 0px ${BLACK_T_38};\n    overflow-y: auto;\n  `;\n});\n\nconst SheetCardWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      background: ${theme.colors.BLACK_4};\n    }\n  `;\n});\n\nconst StyledChevronRight = styled(ChevronRight)(({ theme }) => {\n  return `\n    cursor: pointer;\n\n    path {\n      stroke: ${theme.colors.WHITE_T_87};\n    }\n  `;\n});\n\nconst StyledText = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nexport { Wrapper, StyledChevronRight, StyledText, SheetCardWrapper };\n"],"names":["Wrapper","styled","FlexView","theme","layout","colors","BLACK_T_38","SheetCardWrapper","StyledChevronRight","ChevronRight","StyledText","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAD;AAEhB,SAAA;AAAA,kBACSD,EAAO,SAAS,KAAK;AAAA,mCACJE,CAAU;AAAA;AAAA;AAG7C,CAAC,GAEKC,IAAmBN,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACpC;AAAA;AAAA;AAAA;AAAA,oBAIWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEKK,IAAqBP,EAAOQ,CAAY,EAAE,CAAC,EAAE,OAAAN,QAC1C;AAAA;AAAA;AAAA;AAAA,gBAIOA,EAAM,OAAO,UAAU;AAAA;AAAA,GAGtC,GAEKO,IAAaT,EAAOU,CAAI,EAAE,MACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR;"}
+{"version":3,"file":"sheets-list-styled.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronRight from '../../../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Wrapper = styled(FlexView)(({ theme }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_38 } = colors;\n\n  return `\n    max-height: ${layout.gutter * 15.75}px;\n    box-shadow: 0px 6px 12px 0px ${BLACK_T_38};\n    overflow-y: auto;\n  `;\n});\n\nconst StyledChevronRight = styled(ChevronRight)(({ theme }) => {\n  return `\n    cursor: pointer;\n\n    path {\n      stroke: ${theme.colors.WHITE_T_87};\n    }\n  `;\n});\n\nconst StyledText = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nexport { Wrapper, StyledChevronRight, StyledText };\n"],"names":["Wrapper","styled","FlexView","theme","layout","colors","BLACK_T_38","ChevronRight","StyledText","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAD;AAEhB,SAAA;AAAA,kBACSD,EAAO,SAAS,KAAK;AAAA,mCACJE,CAAU;AAAA;AAAA;AAG7C,CAAC;AAE0BL,EAAOM,CAAY,EAAE,CAAC,EAAE,OAAAJ,QAC1C;AAAA;AAAA;AAAA;AAAA,gBAIOA,EAAM,OAAO,UAAU;AAAA;AAAA,GAGtC;AAED,MAAMK,IAAaP,EAAOQ,CAAI,EAAE,MACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR;"}

package/dist/features/milestone/create/comps/sheets-list/sheets-list.js

@@ -1,55 +1,31 @@
-import { jsxs as r, jsx as $ } from "react/jsx-runtime";
-import { h as p } from "../../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as m, useCallback as w } from "react";
-import c from "../../../../ui/layout/flex-view.js";
-import { Wrapper as u, SheetCardWrapper as f, StyledText as a, StyledChevronRight as _ } from "./sheets-list-styled.js";
-const C = m(({ learningSheetData: s, supplementarySheetsCount: i }) => {
-  const d = w(
-    (l, o, e) => {
-      l.stopPropagation();
-      const t = window.location.hostname, n = window.location.port, h = `https://${t}${n ? `:${n}` : ""}/questions/learnosity-reference/${o}/?worksheetName=${e}`;
-      window.open(h, "_blank");
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { memo as c } from "react";
+import n from "../../../../ui/layout/flex-view.js";
+import { Wrapper as m, StyledText as $ } from "./sheets-list-styled.js";
+const f = c(({ learningSheetData: i }) => /* @__PURE__ */ e(m, { $widthX: 18, $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: i.map((l, r) => {
+  const { name: t } = l;
+  return /* @__PURE__ */ e(
+    n,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $gutterX: 1,
+      $gapX: 0.5,
+      $flexGap: 8,
+      $width: "100%",
+      $justifyContent: "space-between",
+      children: /* @__PURE__ */ o(n, { $flexDirection: "row", $flexColumnGap: 4, $widthX: 14.25, children: [
+        /* @__PURE__ */ o($, { $renderAs: "ub3", $color: "WHITE_T_87", children: [
+          r + 1,
+          "."
+        ] }),
+        /* @__PURE__ */ e($, { $renderAs: "ub3", $color: "WHITE_T_87", children: t })
+      ] })
     },
-    []
+    `${t}_${r}`
   );
-  return /* @__PURE__ */ r(u, { $widthX: 18, $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: [
-    s.map((l, o) => {
-      const { title: e, learnosityRef: t } = l;
-      return /* @__PURE__ */ r(
-        f,
-        {
-          $flexDirection: "row",
-          $alignItems: "center",
-          $gutterX: 1,
-          $gapX: 0.5,
-          $flexGap: 8,
-          $width: "100%",
-          $justifyContent: "space-between",
-          onClick: (n) => d(n, t, e),
-          children: [
-            /* @__PURE__ */ r(c, { $flexDirection: "row", $flexColumnGap: 4, $widthX: 14.25, children: [
-              /* @__PURE__ */ r(a, { $renderAs: "ub3", $color: "WHITE_T_87", children: [
-                o + 1,
-                "."
-              ] }),
-              /* @__PURE__ */ $(a, { $renderAs: "ub3", $color: "WHITE_T_87", children: e })
-            ] }),
-            t && /* @__PURE__ */ $(_, { width: 20, height: 20 })
-          ]
-        },
-        `${e}_${o}`
-      );
-    }),
-    i > 0 && /* @__PURE__ */ $(c, { $flexDirection: "row", $gutterX: 1, $gapX: 0.5, $widthX: 14.25, children: /* @__PURE__ */ r(a, { $renderAs: "ub3", $color: "WHITE_T_60", children: [
-      "+",
-      i,
-      " supplementary",
-      " ",
-      p.pluralize(i, "resource")
-    ] }) })
-  ] });
-});
+}) }));
 export {
-  C as default
+  f as default
 };
 //# sourceMappingURL=sheets-list.js.map