@cuemath/leap 2.9.12-j2 → 3.0.1-as1

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

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

@@ -1 +1 @@
-{"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-type';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport React, { memo, useCallback } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = memo(({ learningSheetData, supplementarySheetsCount }) => {\n  const handleSheetView = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>, learnosityRef: string, title: string) => {\n      e.stopPropagation();\n\n      const currentDomain = window.location.hostname;\n      const port = window.location.port;\n\n      const url = `https://${currentDomain}${\n        port ? `:${port}` : ''\n      }/questions/learnosity-reference/${learnosityRef}/?worksheetName=${title}`;\n\n      window.open(url, '_blank');\n    },\n    [],\n  );\n\n  return (\n    <Styled.Wrapper $widthX={18} $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {learningSheetData.map((sheetData, idx) => {\n        const { title, learnosityRef } = sheetData;\n\n        return (\n          <Styled.SheetCardWrapper\n            key={`${title}_${idx}`}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $gutterX={1}\n            $gapX={0.5}\n            $flexGap={8}\n            $width=\"100%\"\n            $justifyContent=\"space-between\"\n            onClick={e => handleSheetView(e, learnosityRef, title)}\n          >\n            <FlexView $flexDirection=\"row\" $flexColumnGap={4} $widthX={14.25}>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {idx + 1}.\n              </Styled.StyledText>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {title}\n              </Styled.StyledText>\n            </FlexView>\n\n            {learnosityRef && <Styled.StyledChevronRight width={20} height={20} />}\n          </Styled.SheetCardWrapper>\n        );\n      })}\n\n      {supplementarySheetsCount > 0 && (\n        <FlexView $flexDirection=\"row\" $gutterX={1} $gapX={0.5} $widthX={14.25}>\n          <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_60\">\n            +{supplementarySheetsCount} supplementary{' '}\n            {pluralize(supplementarySheetsCount, 'resource')}\n          </Styled.StyledText>\n        </FlexView>\n      )}\n    </Styled.Wrapper>\n  );\n});\n\nexport default SheetsList;\n"],"names":["SheetsList","memo","learningSheetData","supplementarySheetsCount","handleSheetView","useCallback","e","learnosityRef","title","currentDomain","port","url","jsxs","Styled.Wrapper","sheetData","idx","Styled.SheetCardWrapper","FlexView","Styled.StyledText","jsx","Styled.StyledChevronRight","pluralize"],"mappings":";;;;;AASA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,mBAAAC,GAAmB,0BAAAC,QAA+B;AACjG,QAAMC,IAAkBC;AAAA,IACtB,CAACC,GAAiDC,GAAuBC,MAAkB;AACzF,MAAAF,EAAE,gBAAgB;AAEZ,YAAAG,IAAgB,OAAO,SAAS,UAChCC,IAAO,OAAO,SAAS,MAEvBC,IAAM,WAAWF,CAAa,GAClCC,IAAO,IAAIA,CAAI,KAAK,EACtB,mCAAmCH,CAAa,mBAAmBC,CAAK;AAEjE,aAAA,KAAKG,GAAK,QAAQ;AAAA,IAC3B;AAAA,IACA,CAAC;AAAA,EAAA;AAID,SAAA,gBAAAC,EAACC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAA;AAAA,IAAkBX,EAAA,IAAI,CAACY,GAAWC,MAAQ;AACnC,YAAA,EAAE,OAAAP,GAAO,eAAAD,EAAkB,IAAAO;AAG/B,aAAA,gBAAAF;AAAA,QAACI;AAAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAO;AAAA,UACP,iBAAgB;AAAA,UAChB,SAAS,CAAAV,MAAKF,EAAgBE,GAAGC,GAAeC,CAAK;AAAA,UAErD,UAAA;AAAA,YAAA,gBAAAI,EAACK,KAAS,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,cAAA,gBAAAL,EAACM,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,gBAAMH,IAAA;AAAA,gBAAE;AAAA,cAAA,GACX;AAAA,cACA,gBAAAI,EAACD,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHV,GAAA;AAAA,YAAA,GACF;AAAA,YAECD,uBAAkBa,GAAA,EAA0B,OAAO,IAAI,QAAQ,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAnB/D,GAAGZ,CAAK,IAAIO,CAAG;AAAA,MAAA;AAAA,IAoBtB,CAEH;AAAA,IAEAZ,IAA2B,KAC1B,gBAAAgB,EAACF,KAAS,gBAAe,OAAM,UAAU,GAAG,OAAO,KAAK,SAAS,OAC/D,4BAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MACnDf;AAAA,MAAyB;AAAA,MAAe;AAAA,MACzCkB,EAAA,UAAUlB,GAA0B,UAAU;AAAA,IAAA,EAAA,CACjD,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-type';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = memo(({ learningSheetData }) => {\n  return (\n    <Styled.Wrapper $widthX={18} $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {learningSheetData.map((sheetData, idx) => {\n        const { name } = sheetData;\n\n        return (\n          <FlexView\n            key={`${name}_${idx}`}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $gutterX={1}\n            $gapX={0.5}\n            $flexGap={8}\n            $width=\"100%\"\n            $justifyContent=\"space-between\"\n          >\n            <FlexView $flexDirection=\"row\" $flexColumnGap={4} $widthX={14.25}>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {idx + 1}.\n              </Styled.StyledText>\n              <Styled.StyledText $renderAs=\"ub3\" $color=\"WHITE_T_87\">\n                {name}\n              </Styled.StyledText>\n            </FlexView>\n          </FlexView>\n        );\n      })}\n    </Styled.Wrapper>\n  );\n});\n\nexport default SheetsList;\n"],"names":["SheetsList","memo","learningSheetData","Styled.Wrapper","sheetData","idx","name","jsx","FlexView","jsxs","Styled.StyledText"],"mappings":";;;;AAQA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,mBAAAC,0BAE5CC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAAD,EAAkB,IAAI,CAACE,GAAWC,MAAQ;AACnC,QAAA,EAAE,MAAAC,EAAS,IAAAF;AAGf,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAO;AAAA,MACP,iBAAgB;AAAA,MAEhB,4BAACA,GAAS,EAAA,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,UAAML,IAAA;AAAA,UAAE;AAAA,QAAA,GACX;AAAA,QACA,gBAAAE,EAACG,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHJ,GAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,IAhBK,GAAGA,CAAI,IAAID,CAAG;AAAA,EAAA;AAmBxB,CAAA,EACH,CAAA,CAEH;"}