@cuemath/leap 2.9.11-as1 → 2.9.11

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

@@ -1,84 +1,81 @@
-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) => {
+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) => {
   const {
-    currentStep: g,
-    onFormDataChange: s,
-    onChapterExitWarning: d,
-    formData: l,
-    studentName: A,
-    studentId: I,
+    currentStep: f,
+    onFormDataChange: n,
+    onChapterExitWarning: a,
+    formData: c,
+    studentName: g,
+    studentId: A,
     config: m,
-    isGoalCreation: a,
-    onPreSubmit: c,
+    isGoalCreation: d,
+    onPreSubmit: l,
     courseStream: _,
-    classRatio: b,
-    enrollmentType: C,
-    canDeleteGoal: N,
-    onDeleteGoal: L
-  } = G, { flow: o } = V(re), { onEvent: D } = Z(), {
+    classRatio: C,
+    enrollmentType: S
+  } = N, { flow: s } = W(Z), { onEvent: b } = J(), {
     action_plan: {
-      green: { share_message_template: S }
+      green: { share_message_template: I }
     }
-  } = 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,
+  } = 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,
       searched_chapter_added: h,
-      suggested_chapter_added: U
-    }), a ? s({
+      suggested_chapter_added: F
+    }), d ? n({
       primaryChaptersList: e,
-      selectedChaptersList: n,
+      selectedChaptersList: r,
       searchedChaptersList: [],
       chapterSubStages: "date-selection",
       committed: {
         selectedChaptersList: !0,
         chapterSubStages: !0,
         grade: !0,
-        board: !!x,
-        major: !!T,
-        region: !!w
+        board: !!E,
+        major: !!D,
+        region: !!T
       }
-    }) : o && (c == null || c({ isDraftPlan: !1, flow: o, submitBaseMessage: S }));
+    }) : s && (l == null || l({ isDraftPlan: !1, flow: s, submitBaseMessage: I }));
   }, [
     e,
-    x,
-    T,
-    w,
+    E,
     D,
+    T,
+    b,
+    n,
+    l,
     s,
-    c,
-    o,
-    a,
-    S,
-    r
+    d,
+    I,
+    o
   ]), v = u(() => {
-    s({
+    n({
       chapterSubStages: "custom-chapters",
       selectedChaptersList: void 0,
       committed: {
@@ -86,92 +83,72 @@ const $e = q((G) => {
         selectedChaptersList: !1
       }
     });
-  }, [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
+  }, [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
       });
     },
-    [d, o, e, r]
+    [a, s, e, o]
   );
   return /* @__PURE__ */ t(
-    ne,
+    ee,
     {
-      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,
+      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,
           {
-            studentName: A,
-            studentId: I,
-            currentStep: g,
+            studentName: g,
+            studentId: A,
+            currentStep: f,
             config: m,
-            formData: l,
+            formData: c,
             courseStream: _,
-            classRatio: b,
-            onFormDataChange: s,
-            onChapterExitWarning: d,
-            enrollmentType: C
+            classRatio: C,
+            onFormDataChange: n,
+            onChapterExitWarning: a,
+            enrollmentType: S
           }
-        ),
-        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: H,
+      onBackButtonClick: z,
       bodyElement: /* @__PURE__ */ t(
-        ae,
+        oe,
         {
           config: m,
-          classRatio: b,
-          isGoalCreation: a,
-          formData: l,
-          studentName: A,
-          isProcessed: M,
+          classRatio: C,
+          isGoalCreation: d,
+          formData: c,
+          studentName: g,
+          isProcessed: j,
           isProcessing: p,
           courseStream: _,
-          onFormDataChange: s,
-          onChapterExitWarning: d,
-          enrollmentType: C
+          onFormDataChange: n,
+          onChapterExitWarning: a,
+          enrollmentType: S
         }
       ),
-      footerElement: /* @__PURE__ */ $(P, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
-        (!a || O === "no-test") && /* @__PURE__ */ t(
-          f,
+      footerElement: /* @__PURE__ */ w($, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
+        (!d || O === "no-test") && /* @__PURE__ */ t(
+          P,
           {
             renderAs: "primary",
             position: "top",
             widthX: 6.5,
             zIndex: 20,
             tooltipItem: "Add a chapter",
-            children: /* @__PURE__ */ t(R, { $borderRadius: 50, children: /* @__PURE__ */ t(
-              k,
+            children: /* @__PURE__ */ t(k, { $borderRadius: 50, children: /* @__PURE__ */ t(
+              V,
               {
                 renderAs: "secondary",
                 analyticsLabel: "Add custom chapters",
-                Icon: Q,
+                Icon: q,
                 disabled: p,
                 onClick: v
               }
@@ -179,7 +156,7 @@ const $e = q((G) => {
           }
         ),
         /* @__PURE__ */ t(
-          f,
+          P,
           {
             renderAs: "primary",
             position: "top",
@@ -187,19 +164,19 @@ const $e = q((G) => {
             zIndex: 20,
             tooltipItem: "Please select atleast one chapter",
             hidden: B,
-            children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
-              Y,
+            children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
+              y,
               {
                 renderAs: "primary",
                 size: "small",
                 shape: "square",
                 widthX: 9,
-                label: X,
-                onClick: W,
+                label: R,
+                onClick: M,
                 iconPosition: "right",
                 busy: p,
                 disabled: !B,
-                analyticsProps: F
+                analyticsProps: L
               }
             ) })
           }
@@ -209,6 +186,6 @@ const $e = q((G) => {
   );
 });
 export {
-  $e as default
+  xe 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 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":";;;;;;;;;;;;;;;;;;;AAuBM,MAAAA,KAA4CC,EAAK,CAASC,MAAA;AACxD,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EACE,IAAAd,GACE,EAAE,MAAAe,EAAA,IAASC,EAAWC,EAAsB,GAC5C,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvC;AAAA,IACJ,aAAa;AAAA,MACX,OAAO,EAAE,wBAAwBC,EAAkB;AAAA,IACrD;AAAA,EACE,IAAAb,GACE,EAAE,aAAAc,GAAa,MAAAC,GAAM,OAAAC,EAAA,IAAUtB,GAC/BuB,IAAiB;AAAA,IACrB,MAAMF;AAAA,EAAA,GAEF,EAAE,UAAAG,GAAU,qBAAAC,GAAqB,OAAAC,GAAO,OAAAC,GAAO,QAAAC,GAAQ,qBAAAC,EAAwB,IAAA1B,GAE/E,EAAE,qBAAA2B,EAAA,IAAwBD,KAAuB,IAEjDE,IAAenB,MAAkBE,MAAS,gBAAgBA,MAAS,SAGnE,EAAE,cAAAkB,GAAc,aAAAC,EAAY,IAAIC,GAAqB;AAAA,IACzD,UAAA/B;AAAA,IACA,kBAAAF;AAAA,IACA,WAAAI;AAAA,EAAA,CACD,GAEK8B,IAA2BC,EAAQ,MACnCX,IACKA,EAAoB,KAAK,CAAWY,MAAAA,EAAQ,KAAK,IAGnD,IACN,CAACZ,CAAmB,CAAC,GAElBa,IAAaC,EAAY,MAAM;AAC7B,UAAAC,IAAuBf,KAAA,gBAAAA,EAAqB,OAAO,CAAWY,MAC3D,EAAQA,EAAQ,QAGnBI,KACJhB,KAAA,gBAAAA,EAAqB;AAAA,MACnB,CAAWY,MAAAA,EAAQ,gBAAeP,KAAA,gBAAAA,EAAqB,iBAAgBO,EAAQ;AAAA,MAC/E,WAAU,GAERK,KACJjB,KAAA,gBAAAA,EAAqB,OAAO,CAAAY,MAAWA,EAAQ,gBAAeP,KAAA,gBAAAA,EAAqB,aAChF,WAAU;AAEf,IAAAb,EAAW,yBAAyB;AAAA,MAClC,sBAAqBuB,KAAA,gBAAAA,EAAsB,WAAU;AAAA,MACrD,wBAAwBC;AAAA,MACxB,yBAAyBC;AAAA,IAAA,CAC1B,GAEGnC,IACeN,EAAA;AAAA,MACf,qBAAAwB;AAAA,MACA,sBAAAe;AAAA,MACA,sBAAsB,CAAC;AAAA,MACvB,kBAAkB;AAAA,MAClB,WAAW;AAAA,QACT,sBAAsB;AAAA,QACtB,kBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,OAAO,CAAC,CAACd;AAAA,QACT,OAAO,CAAC,CAACC;AAAA,QACT,QAAQ,CAAC,CAACC;AAAA,MACZ;AAAA,IAAA,CACD,IACQd,MACTN,KAAA,QAAAA,EAAc,EAAE,aAAa,IAAO,MAAAM,GAAM,mBAAAK,EAAmB;AAAA,EAC/D,GACC;AAAA,IACDM;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAX;AAAA,IACAhB;AAAA,IACAO;AAAA,IACAM;AAAA,IACAP;AAAA,IACAY;AAAA,IACAW;AAAA,EAAA,CACD,GAEKa,IAA2BJ,EAAY,MAAM;AAChC,IAAAtC,EAAA;AAAA,MACf,kBAAkB;AAAA,MAClB,sBAAsB;AAAA,MACtB,WAAW;AAAA,QACT,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,MACxB;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACA,CAAgB,CAAC,GAEf2C,IAA0BL;AAAA,IAC9B,CAACM,MAA2B;AACtB,UAAA,CAAC/B,EAAa,QAAA;AAEZ,YAAAgC,IAAmBC,GAAuBtB,GAAqBK,CAAmB;AAEpF,MAAAkB,GAAgB,SAASlC,CAAI,KAAK,EAACW,KAAA,QAAAA,EAAqB,WAAU,CAACqB,IAC1DD,MAEY3C,KAAA,QAAAA,EAAA;AAAA,QACrB,WAAW2C;AAAA,QACX,aAAaI,GAAiB;AAAA,MAAA;AAAA,IAGpC;AAAA,IACA,CAAC/C,GAAsBY,GAAMW,GAAqBK,CAAmB;AAAA,EAAA;AAIrE,SAAA,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU9B;AAAA,MACV,eACG,gBAAA+B,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,GAAG,QAAO,QACvE,UAAA;AAAA,QAAA,gBAAAH,EAACI,IAAK,EAAA,WAAU,OAAO,UAAA/C,IAAiBe,IAAQ,YAAW;AAAA,QAE1Df,KAAkBO,MAAS,YAC1B,gBAAAoC;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,aAAAnD;AAAA,YACA,WAAAC;AAAA,YACA,aAAAL;AAAA,YACA,QAAAM;AAAA,YACA,UAAAH;AAAA,YACA,cAAAM;AAAA,YACA,YAAAC;AAAA,YACA,kBAAAT;AAAA,YACA,sBAAAC;AAAA,YACA,gBAAAS;AAAA,UAAA;AAAA,QACF;AAAA,QAGDJ,KAAkBwB,KAChB,gBAAAmB,EAAAM,IAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aAAY;AAAA,YACZ,QAAQ;AAAA,YACR,QAAQ;AAAA,YAER,UAAA,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,MAAMC;AAAA,gBACN,gBAAe;AAAA,gBACf,SAAS9C;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,MAEF,YAAW;AAAA,MACX,mBAAmB+B;AAAA,MACnB,aACE,gBAAAM;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,QAAAtD;AAAA,UACA,YAAAI;AAAA,UACA,gBAAAH;AAAA,UACA,UAAAJ;AAAA,UACA,aAAAC;AAAA,UACA,aAAA6B;AAAA,UACA,cAAAD;AAAA,UACA,cAAAvB;AAAA,UACA,kBAAAR;AAAA,UACA,sBAAAC;AAAA,UACA,gBAAAS;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,iCACG0C,GAAS,EAAA,gBAAe,OAAM,UAAU,IAAI,aAAY,UACrD,UAAA;AAAA,SAAC,CAAA9C,KAAkBiB,MAAa,cAChC,gBAAA0B;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,aAAY;AAAA,YAEZ,UAAC,gBAAAP,EAAAW,GAAA,EAAqB,eAAe,IACnC,UAAA,gBAAAX;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,gBAAe;AAAA,gBACf,MAAMI;AAAA,gBACN,UAAU9B;AAAA,gBACV,SAASW;AAAA,cAAA;AAAA,YAAA,GAEb;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,gBAAAO;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,aAAY;AAAA,YACZ,QAAQtB;AAAA,YAER,UAAA,gBAAAe,EAACW,GAAA,EACC,UAAA,gBAAAX;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,OAAO3C;AAAA,gBACP,SAASkB;AAAA,gBACT,cAAa;AAAA,gBACb,MAAMN;AAAA,gBACN,UAAU,CAACG;AAAA,gBACX,gBAAAZ;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"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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"}

package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js

@@ -0,0 +1,92 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { memo as C, Fragment as D } from "react";
+import { ILLUSTRATIONS as R } from "../../../../../assets/illustrations/illustrations.js";
+import L from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import $ from "../../../../ui/image/image.js";
+import a from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/text/text.js";
+import { getSheetCompletionPercentage as G } from "../milestone-progress/milestone-progress-utils.js";
+import { Progress as u } from "./styled.js";
+const {
+  PRACTICED_SHIELD_GREY: T,
+  PRACTICED_SHIELD_GREEN: b,
+  LEARNED_SHIELD_GRAY: N,
+  LEARNED_SHIELD_GREEN: H,
+  MASTERED_SHIELD_GRAY: k,
+  MASTERED_SHIELD_GREEN: y
+} = R, B = C(
+  ({ milestoneId: d, showProgress: e, progressInfo: p }) => {
+    const {
+      familiar_sheets: n = 0,
+      proficient_sheets: m = 0,
+      mastered_sheets: s = 0,
+      total_core_sheets: o = 0
+    } = p || {}, i = o > 0, h = i && n === o, E = i && m === o, S = i && s === o, l = e ? 40 : 20, f = [
+      {
+        imageUrl: h ? H : N,
+        completedSheetsCount: n,
+        key: "milestone-widget-learned-badge-data"
+      },
+      {
+        imageUrl: E ? b : T,
+        completedSheetsCount: m,
+        key: "milestone-widget-practiced-badge-data"
+      },
+      {
+        imageUrl: S ? y : k,
+        completedSheetsCount: s,
+        key: "milestone-widget-mastered-badge-data"
+      }
+    ];
+    return /* @__PURE__ */ t(a, { $flexGapX: 2, id: `milestone-progress-${d}`, children: /* @__PURE__ */ t(
+      a,
+      {
+        $flexDirection: "row",
+        $flexGapX: e ? 1.5 : 0.75,
+        $flexWrap: !e,
+        children: f.map((_) => {
+          const { key: g, imageUrl: I, completedSheetsCount: A } = _, r = G(
+            A,
+            o
+          );
+          return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+            L,
+            {
+              position: "bottom",
+              renderAs: "secondary",
+              tooltipItem: `${r}%`,
+              hidden: !e,
+              children: /* @__PURE__ */ c(
+                a,
+                {
+                  $flexDirection: e ? "column" : "row",
+                  $flexGapX: e ? 0.5 : 0.25,
+                  $alignItems: "center",
+                  $width: "100%",
+                  children: [
+                    /* @__PURE__ */ t($, { withLoader: !0, src: I, width: l, height: l }),
+                    e ? /* @__PURE__ */ t(u, { $progress: r }) : /* @__PURE__ */ c(
+                      x,
+                      {
+                        $renderAs: "ac4-black",
+                        $color: r === 100 ? "GREEN_5" : "BLACK_T_60",
+                        children: [
+                          r,
+                          "%"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ) }, g);
+        })
+      }
+    ) });
+  }
+);
+export {
+  B as default
+};
+//# sourceMappingURL=milestone-progress-v2.js.map

package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-progress-v2.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.tsx"],"sourcesContent":["import type { IMileStoneProgressInfoV2Props } from './types';\nimport type { FC } from 'react';\n\nimport { Fragment, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getSheetCompletionPercentage } from '../milestone-progress/milestone-progress-utils';\nimport * as Styled from './styled';\n\nconst {\n  PRACTICED_SHIELD_GREY,\n  PRACTICED_SHIELD_GREEN,\n  LEARNED_SHIELD_GRAY,\n  LEARNED_SHIELD_GREEN,\n  MASTERED_SHIELD_GRAY,\n  MASTERED_SHIELD_GREEN,\n} = ILLUSTRATIONS;\n\nconst MilestoneProgressInfoV2: FC<IMileStoneProgressInfoV2Props> = memo(\n  ({ milestoneId, showProgress, progressInfo }) => {\n    const {\n      familiar_sheets: familiarSheets = 0,\n      proficient_sheets: proficientSheets = 0,\n      mastered_sheets: masteredSheets = 0,\n      total_core_sheets: totalCoreSheets = 0,\n    } = progressInfo || {};\n\n    const hasCoreSheets = totalCoreSheets > 0;\n\n    const hasCompletedLearningSheets = hasCoreSheets && familiarSheets === totalCoreSheets;\n    const hasCompletedPracticeSheets = hasCoreSheets && proficientSheets === totalCoreSheets;\n    const hasMasteredAllSheets = hasCoreSheets && masteredSheets === totalCoreSheets;\n\n    const badgeSize = showProgress ? 40 : 20;\n    const badgesInfo = [\n      {\n        imageUrl: hasCompletedLearningSheets ? LEARNED_SHIELD_GREEN : LEARNED_SHIELD_GRAY,\n        completedSheetsCount: familiarSheets,\n        key: 'milestone-widget-learned-badge-data',\n      },\n      {\n        imageUrl: hasCompletedPracticeSheets ? PRACTICED_SHIELD_GREEN : PRACTICED_SHIELD_GREY,\n        completedSheetsCount: proficientSheets,\n        key: 'milestone-widget-practiced-badge-data',\n      },\n      {\n        imageUrl: hasMasteredAllSheets ? MASTERED_SHIELD_GREEN : MASTERED_SHIELD_GRAY,\n        completedSheetsCount: masteredSheets,\n        key: 'milestone-widget-mastered-badge-data',\n      },\n    ];\n\n    return (\n      <FlexView $flexGapX={2} id={`milestone-progress-${milestoneId}`}>\n        <FlexView\n          $flexDirection=\"row\"\n          $flexGapX={showProgress ? 1.5 : 0.75}\n          $flexWrap={!showProgress}\n        >\n          {badgesInfo.map(badgeData => {\n            const { key, imageUrl, completedSheetsCount } = badgeData;\n\n            const progressPercentage = getSheetCompletionPercentage(\n              completedSheetsCount,\n              totalCoreSheets,\n            );\n\n            return (\n              <Fragment key={key}>\n                <ArrowTooltip\n                  position=\"bottom\"\n                  renderAs=\"secondary\"\n                  tooltipItem={`${progressPercentage}%`}\n                  hidden={!showProgress}\n                >\n                  <FlexView\n                    $flexDirection={showProgress ? 'column' : 'row'}\n                    $flexGapX={showProgress ? 0.5 : 0.25}\n                    $alignItems=\"center\"\n                    $width=\"100%\"\n                  >\n                    <Image withLoader src={imageUrl} width={badgeSize} height={badgeSize} />\n\n                    {showProgress ? (\n                      <Styled.Progress $progress={progressPercentage} />\n                    ) : (\n                      <Text\n                        $renderAs=\"ac4-black\"\n                        $color={progressPercentage === 100 ? 'GREEN_5' : 'BLACK_T_60'}\n                      >\n                        {progressPercentage}%\n                      </Text>\n                    )}\n                  </FlexView>\n                </ArrowTooltip>\n              </Fragment>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneProgressInfoV2;\n"],"names":["PRACTICED_SHIELD_GREY","PRACTICED_SHIELD_GREEN","LEARNED_SHIELD_GRAY","LEARNED_SHIELD_GREEN","MASTERED_SHIELD_GRAY","MASTERED_SHIELD_GREEN","ILLUSTRATIONS","MilestoneProgressInfoV2","memo","milestoneId","showProgress","progressInfo","familiarSheets","proficientSheets","masteredSheets","totalCoreSheets","hasCoreSheets","hasCompletedLearningSheets","hasCompletedPracticeSheets","hasMasteredAllSheets","badgeSize","badgesInfo","FlexView","jsx","badgeData","key","imageUrl","completedSheetsCount","progressPercentage","getSheetCompletionPercentage","Fragment","ArrowTooltip","jsxs","Image","Styled.Progress","Text"],"mappings":";;;;;;;;;AAaA,MAAM;AAAA,EACJ,uBAAAA;AAAA,EACA,wBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AACF,IAAIC,GAEEC,IAA6DC;AAAA,EACjE,CAAC,EAAE,aAAAC,GAAa,cAAAC,GAAc,cAAAC,QAAmB;AACzC,UAAA;AAAA,MACJ,iBAAiBC,IAAiB;AAAA,MAClC,mBAAmBC,IAAmB;AAAA,MACtC,iBAAiBC,IAAiB;AAAA,MAClC,mBAAmBC,IAAkB;AAAA,IAAA,IACnCJ,KAAgB,CAAA,GAEdK,IAAgBD,IAAkB,GAElCE,IAA6BD,KAAiBJ,MAAmBG,GACjEG,IAA6BF,KAAiBH,MAAqBE,GACnEI,IAAuBH,KAAiBF,MAAmBC,GAE3DK,IAAYV,IAAe,KAAK,IAChCW,IAAa;AAAA,MACjB;AAAA,QACE,UAAUJ,IAA6Bd,IAAuBD;AAAA,QAC9D,sBAAsBU;AAAA,QACtB,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,UAAUM,IAA6BjB,IAAyBD;AAAA,QAChE,sBAAsBa;AAAA,QACtB,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,UAAUM,IAAuBd,IAAwBD;AAAA,QACzD,sBAAsBU;AAAA,QACtB,KAAK;AAAA,MACP;AAAA,IAAA;AAGF,6BACGQ,GAAS,EAAA,WAAW,GAAG,IAAI,sBAAsBb,CAAW,IAC3D,UAAA,gBAAAc;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,WAAWZ,IAAe,MAAM;AAAA,QAChC,WAAW,CAACA;AAAA,QAEX,UAAAW,EAAW,IAAI,CAAaG,MAAA;AAC3B,gBAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,sBAAAC,EAAA,IAAyBH,GAE1CI,IAAqBC;AAAA,YACzBF;AAAA,YACAZ;AAAA,UAAA;AAGF,mCACGe,GACC,EAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa,GAAGH,CAAkB;AAAA,cAClC,QAAQ,CAAClB;AAAA,cAET,UAAA,gBAAAsB;AAAA,gBAACV;AAAA,gBAAA;AAAA,kBACC,gBAAgBZ,IAAe,WAAW;AAAA,kBAC1C,WAAWA,IAAe,MAAM;AAAA,kBAChC,aAAY;AAAA,kBACZ,QAAO;AAAA,kBAEP,UAAA;AAAA,oBAAC,gBAAAa,EAAAU,GAAA,EAAM,YAAU,IAAC,KAAKP,GAAU,OAAON,GAAW,QAAQA,EAAW,CAAA;AAAA,oBAErEV,IACE,gBAAAa,EAAAW,GAAA,EAAgB,WAAWN,EAAoB,CAAA,IAEhD,gBAAAI;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,QAAQP,MAAuB,MAAM,YAAY;AAAA,wBAEhD,UAAA;AAAA,0BAAAA;AAAA,0BAAmB;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UAAA,KAzBWH,CA2Bf;AAAA,QAAA,CAEH;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js

@@ -0,0 +1,25 @@
+import d from "styled-components";
+const s = d.div(({ theme: r, $progress: o }) => {
+  const { BLACK_T_15: t, GREEN_5: i, BLACK_T_87: e } = r.colors;
+  return `
+      width: 100%;
+      height: 4px;
+      border-radius: 16px;
+      background-color: ${t};
+      position: relative;
+  
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        width: ${o}%;
+        height: 4px;
+        border-radius: 16px;
+        background-color: ${o === 100 ? i : e}
+      }
+    `;
+});
+export {
+  s as Progress
+};
+//# sourceMappingURL=styled.js.map

package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress-v2/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype TProgressProps = {\n  $progress?: number;\n};\n\nconst Progress = styled.div<TProgressProps>(({ theme, $progress }) => {\n  const { BLACK_T_15, GREEN_5, BLACK_T_87 } = theme.colors;\n\n  return `\n      width: 100%;\n      height: 4px;\n      border-radius: 16px;\n      background-color: ${BLACK_T_15};\n      position: relative;\n  \n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        width: ${$progress}%;\n        height: 4px;\n        border-radius: 16px;\n        background-color: ${$progress === 100 ? GREEN_5 : BLACK_T_87}\n      }\n    `;\n});\n\nexport { Progress };\n"],"names":["Progress","styled","theme","$progress","BLACK_T_15","GREEN_5","BLACK_T_87"],"mappings":";AAMA,MAAMA,IAAWC,EAAO,IAAoB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACpE,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,EAAA,IAAeJ,EAAM;AAE3C,SAAA;AAAA;AAAA;AAAA;AAAA,0BAIiBE,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOnBD,CAAS;AAAA;AAAA;AAAA,4BAGEA,MAAc,MAAME,IAAUC,CAAU;AAAA;AAAA;AAGpE,CAAC;"}

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

@@ -1,23 +1,27 @@
-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;
+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;
   return `
-    max-height: ${r.gutter * 15.75}px;
-    box-shadow: 0px 6px 12px 0px ${i};
+    max-height: ${e.gutter * 15.75}px;
+    box-shadow: 0px 6px 12px 0px ${p};
     overflow-y: auto;
   `;
-});
-t(p)(({ theme: o }) => `
+}), m = r(t)(({ theme: o }) => `
+    cursor: pointer;
+    
+    &:hover {
+      background: ${o.colors.BLACK_4};
+    }
+  `), u = r(n)(({ theme: o }) => `
     cursor: pointer;
 
     path {
       stroke: ${o.colors.WHITE_T_87};
     }
-  `);
-const w = t(x)(() => `
+  `), d = r(l)(() => `
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -25,7 +29,9 @@ const w = t(x)(() => `
     overflow: hidden;
   `);
 export {
-  w as StyledText,
-  c as Wrapper
+  m as SheetCardWrapper,
+  u as StyledChevronRight,
+  d as StyledText,
+  h 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 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;"}
+{"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;"}