@cuemath/leap 2.8.61-rj-21 → 2.8.61-rj-22

package/dist/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { memo as N, useState as B, useCallback as f } from "react";
-import { ILLUSTRATIONS as L } from "../../../../../assets/illustrations/illustrations.js";
-import M from "../../../../ui/buttons/button/button.js";
+import { memo as N, useState as M, useCallback as f } from "react";
+import { ILLUSTRATIONS as B } from "../../../../../assets/illustrations/illustrations.js";
+import L from "../../../../ui/buttons/button/button.js";
 import P from "../../../../ui/buttons/text-button/text-button.js";
 import k from "../../../../ui/image/image.js";
 import h from "../../../../ui/layout/flex-view.js";
@@ -10,29 +10,29 @@ import g from "../../../../ui/text/text.js";
 import j from "../../../hooks/use-submit-goal-creation.js";
 import { Container as R } from "./confirmation-modals-styled.js";
 import { createGoalPlanShareMessage as K, getGoalCreationConfirmationData as O } from "./goal-creation-confirmation-utils.js";
-const ee = N((b) => {
+const U = N((C) => {
   const {
     studentName: r,
     parentName: i,
     teacherName: l,
     formData: a,
-    studentId: C,
+    studentId: b,
     milestoneId: $ = null,
     onSubmit: x,
     onClose: s,
     analyticsProps: I,
     flow: t,
     submitBaseMessage: n,
-    courseStream: S
-  } = b, [m, G] = B(""), { onSubmit: o, isProcessing: c } = j({
+    courseStream: G
+  } = C, [m, S] = M(""), { onSubmit: o, isProcessing: c } = j({
     formData: a,
-    studentId: C,
+    studentId: b,
     milestoneId: $,
     onSubmit: x,
-    setError: G,
+    setError: S,
     analyticsProps: I,
     flow: t,
-    courseStream: S
+    courseStream: G
   }), D = f(() => {
     t === "EDIT" ? s() : o(!0);
   }, [s, o, t]), T = f(() => {
@@ -56,7 +56,7 @@ const ee = N((b) => {
     /* @__PURE__ */ e(
       k,
       {
-        src: L.GRADUATE_ICON_PINK,
+        src: B.GRADUATE_ICON_PINK,
         withLoader: !0,
         width: 60,
         height: 60,
@@ -69,7 +69,7 @@ const ee = N((b) => {
     /* @__PURE__ */ u(h, { $flexDirection: "row", $justifyContent: "flex-end", $alignItems: "center", $flexGapX: 2, children: [
       /* @__PURE__ */ e(P, { label: _, onClick: D, disabled: c }),
       /* @__PURE__ */ e(
-        M,
+        L,
         {
           renderAs: "primary",
           widthX: 10,
@@ -83,8 +83,8 @@ const ee = N((b) => {
     ] }),
     m && /* @__PURE__ */ e(h, { $gapX: 1, $alignItems: "center", children: /* @__PURE__ */ e(g, { $renderAs: "ub2-bold", $color: "RED", $align: "center", $widthX: 26, children: m }) })
   ] });
-});
+}), te = U;
 export {
-  ee as default
+  te as default
 };
 //# sourceMappingURL=goal-creation-confirmation.js.map

package/dist/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-creation-confirmation.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.tsx"],"sourcesContent":["import type {\n  IMilestoneFormData,\n  TCourseStream,\n  TMilestoneFormFlow,\n} from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport useSubmitGoalCreation from '../../../hooks/use-submit-goal-creation';\nimport * as Styled from './confirmation-modals-styled';\nimport {\n  getGoalCreationConfirmationData,\n  createGoalPlanShareMessage,\n} from './goal-creation-confirmation-utils';\n\ninterface ISubmitModalProps {\n  studentName: string;\n  studentId: string;\n  parentName: string;\n  teacherName: string;\n  formData: Required<IMilestoneFormData>;\n  onSubmit: () => void;\n  onClose: () => void;\n  milestoneId?: string;\n  analyticsProps: Record<string, unknown>;\n  flow: TMilestoneFormFlow;\n  submitBaseMessage: string;\n  courseStream: TCourseStream;\n}\n\nconst GoalCreationConfirmationModal: FC<ISubmitModalProps> = memo(props => {\n  const {\n    studentName,\n    parentName,\n    teacherName,\n    formData,\n    studentId,\n    milestoneId = null,\n    onSubmit,\n    onClose,\n    analyticsProps,\n    flow,\n    submitBaseMessage,\n    courseStream,\n  } = props;\n\n  const [error, setError] = useState('');\n\n  const { onSubmit: handleMilestoneSubmit, isProcessing } = useSubmitGoalCreation({\n    formData,\n    studentId,\n    milestoneId,\n    onSubmit,\n    setError,\n    analyticsProps,\n    flow,\n    courseStream,\n  });\n\n  const handleExitModal = useCallback(() => {\n    if (flow === 'EDIT') {\n      onClose();\n    } else {\n      handleMilestoneSubmit(true);\n    }\n  }, [onClose, handleMilestoneSubmit, flow]);\n\n  const handleConfirmation = useCallback(() => {\n    const { milestoneEndDate, chapterGoalCategory = {} } = formData;\n    const { primaryGoalCategory } = chapterGoalCategory;\n    const { goal_name: goalName } = primaryGoalCategory || {};\n\n    if (!submitBaseMessage || !goalName) return null;\n\n    const message = createGoalPlanShareMessage(submitBaseMessage, {\n      parentName,\n      teacherName,\n      studentName,\n      goalName,\n      completionDate: milestoneEndDate,\n    });\n\n    handleMilestoneSubmit(false, message);\n  }, [handleMilestoneSubmit, formData, parentName, teacherName, studentName, submitBaseMessage]);\n\n  if (!flow) return null;\n\n  const { title, exit_button_label: exitButtonLabel } = getGoalCreationConfirmationData(\n    flow,\n    studentName,\n  );\n\n  return (\n    <Styled.Container $background=\"WHITE_2\" $gutterX={2.5} $gapX={2.5} $borderColor=\"BLACK_T_87\">\n      <Image\n        src={ILLUSTRATIONS.GRADUATE_ICON_PINK}\n        withLoader\n        width={60}\n        height={60}\n        alt=\"Graduate\"\n      />\n\n      <Separator heightX={1} />\n\n      <Text $renderAs=\"ah4-bold\">{title}</Text>\n\n      <Separator heightX={3.5} />\n\n      <FlexView $flexDirection=\"row\" $justifyContent=\"flex-end\" $alignItems=\"center\" $flexGapX={2}>\n        <TextButton label={exitButtonLabel} onClick={handleExitModal} disabled={isProcessing} />\n\n        <Button\n          renderAs=\"primary\"\n          widthX={10}\n          label=\"Yes, share\"\n          onClick={handleConfirmation}\n          iconPosition=\"right\"\n          shape=\"square\"\n          busy={isProcessing}\n        />\n      </FlexView>\n\n      {error && (\n        <FlexView $gapX={1} $alignItems=\"center\">\n          <Text $renderAs=\"ub2-bold\" $color=\"RED\" $align=\"center\" $widthX={26}>\n            {error}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default GoalCreationConfirmationModal;\n"],"names":["GoalCreationConfirmationModal","memo","props","studentName","parentName","teacherName","formData","studentId","milestoneId","onSubmit","onClose","analyticsProps","flow","submitBaseMessage","courseStream","error","setError","useState","handleMilestoneSubmit","isProcessing","useSubmitGoalCreation","handleExitModal","useCallback","handleConfirmation","milestoneEndDate","chapterGoalCategory","primaryGoalCategory","goalName","message","createGoalPlanShareMessage","title","exitButtonLabel","getGoalCreationConfirmationData","jsxs","Styled.Container","jsx","Image","ILLUSTRATIONS","Separator","Text","FlexView","TextButton","Button"],"mappings":";;;;;;;;;;;;AAsCM,MAAAA,KAAuDC,EAAK,CAASC,MAAA;AACnE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEZ,GAEE,CAACa,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAE/B,EAAE,UAAUC,GAAuB,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IAC9E,UAAAd;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAO;AAAA,IACA,gBAAAL;AAAA,IACA,MAAAC;AAAA,IACA,cAAAE;AAAA,EAAA,CACD,GAEKO,IAAkBC,EAAY,MAAM;AACxC,IAAIV,MAAS,SACHF,EAAA,IAERQ,EAAsB,EAAI;AAAA,EAE3B,GAAA,CAACR,GAASQ,GAAuBN,CAAI,CAAC,GAEnCW,IAAqBD,EAAY,MAAM;AAC3C,UAAM,EAAE,kBAAAE,GAAkB,qBAAAC,IAAsB,CAAA,EAAO,IAAAnB,GACjD,EAAE,qBAAAoB,MAAwBD,GAC1B,EAAE,WAAWE,EAAS,IAAID,KAAuB,CAAC;AAExD,QAAI,CAACb,KAAqB,CAACc,EAAiB,QAAA;AAEtC,UAAAC,IAAUC,EAA2BhB,GAAmB;AAAA,MAC5D,YAAAT;AAAA,MACA,aAAAC;AAAA,MACA,aAAAF;AAAA,MACA,UAAAwB;AAAA,MACA,gBAAgBH;AAAA,IAAA,CACjB;AAED,IAAAN,EAAsB,IAAOU,CAAO;AAAA,EAAA,GACnC,CAACV,GAAuBZ,GAAUF,GAAYC,GAAaF,GAAaU,CAAiB,CAAC;AAEzF,MAAA,CAACD,EAAa,QAAA;AAElB,QAAM,EAAE,OAAAkB,GAAO,mBAAmBC,EAAoB,IAAAC;AAAA,IACpDpB;AAAA,IACAT;AAAA,EACF;AAGE,SAAA,gBAAA8B,EAACC,GAAA,EAAiB,aAAY,WAAU,UAAU,KAAK,OAAO,KAAK,cAAa,cAC9E,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKC,EAAc;AAAA,QACnB,YAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAEtB,gBAAAH,EAAAI,GAAA,EAAK,WAAU,YAAY,UAAMT,GAAA;AAAA,IAElC,gBAAAK,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IAEzB,gBAAAL,EAACO,KAAS,gBAAe,OAAM,iBAAgB,YAAW,aAAY,UAAS,WAAW,GACxF,UAAA;AAAA,MAAA,gBAAAL,EAACM,KAAW,OAAOV,GAAiB,SAASV,GAAiB,UAAUF,GAAc;AAAA,MAEtF,gBAAAgB;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASnB;AAAA,UACT,cAAa;AAAA,UACb,OAAM;AAAA,UACN,MAAMJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GACF;AAAA,IAECJ,KACE,gBAAAoB,EAAAK,GAAA,EAAS,OAAO,GAAG,aAAY,UAC9B,UAAC,gBAAAL,EAAAI,GAAA,EAAK,WAAU,YAAW,QAAO,OAAM,QAAO,UAAS,SAAS,IAC9D,aACH,EACF,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"goal-creation-confirmation.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.tsx"],"sourcesContent":["import type {\n  IMilestoneFormData,\n  TCourseStream,\n  TMilestoneFormFlow,\n} from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport useSubmitGoalCreation from '../../../hooks/use-submit-goal-creation';\nimport * as Styled from './confirmation-modals-styled';\nimport {\n  getGoalCreationConfirmationData,\n  createGoalPlanShareMessage,\n} from './goal-creation-confirmation-utils';\n\ninterface ISubmitModalProps {\n  studentName: string;\n  studentId: string;\n  parentName: string;\n  teacherName: string;\n  formData: Required<IMilestoneFormData>;\n  onSubmit: () => void;\n  onClose: () => void;\n  milestoneId?: string;\n  analyticsProps: Record<string, unknown>;\n  flow: TMilestoneFormFlow;\n  submitBaseMessage: string;\n  courseStream: TCourseStream;\n}\n\nconst GoalCreationConfirmationModal: FC<ISubmitModalProps> = memo(props => {\n  const {\n    studentName,\n    parentName,\n    teacherName,\n    formData,\n    studentId,\n    milestoneId = null,\n    onSubmit,\n    onClose,\n    analyticsProps,\n    flow,\n    submitBaseMessage,\n    courseStream,\n  } = props;\n\n  const [error, setError] = useState('');\n\n  const { onSubmit: handleMilestoneSubmit, isProcessing } = useSubmitGoalCreation({\n    formData,\n    studentId,\n    milestoneId,\n    onSubmit,\n    setError,\n    analyticsProps,\n    flow,\n    courseStream,\n  });\n\n  const handleExitModal = useCallback(() => {\n    if (flow === 'EDIT') {\n      onClose();\n    } else {\n      handleMilestoneSubmit(true);\n    }\n  }, [onClose, handleMilestoneSubmit, flow]);\n\n  const handleConfirmation = useCallback(() => {\n    const { milestoneEndDate, chapterGoalCategory = {} } = formData;\n    const { primaryGoalCategory } = chapterGoalCategory;\n    const { goal_name: goalName } = primaryGoalCategory || {};\n\n    if (!submitBaseMessage || !goalName) return null;\n\n    const message = createGoalPlanShareMessage(submitBaseMessage, {\n      parentName,\n      teacherName,\n      studentName,\n      goalName,\n      completionDate: milestoneEndDate,\n    });\n\n    handleMilestoneSubmit(false, message);\n  }, [handleMilestoneSubmit, formData, parentName, teacherName, studentName, submitBaseMessage]);\n\n  if (!flow) return null;\n\n  const { title, exit_button_label: exitButtonLabel } = getGoalCreationConfirmationData(\n    flow,\n    studentName,\n  );\n\n  return (\n    <Styled.Container $background=\"WHITE_2\" $gutterX={2.5} $gapX={2.5} $borderColor=\"BLACK_T_87\">\n      <Image\n        src={ILLUSTRATIONS.GRADUATE_ICON_PINK}\n        withLoader\n        width={60}\n        height={60}\n        alt=\"Graduate\"\n      />\n\n      <Separator heightX={1} />\n\n      <Text $renderAs=\"ah4-bold\">{title}</Text>\n\n      <Separator heightX={3.5} />\n\n      <FlexView $flexDirection=\"row\" $justifyContent=\"flex-end\" $alignItems=\"center\" $flexGapX={2}>\n        <TextButton label={exitButtonLabel} onClick={handleExitModal} disabled={isProcessing} />\n\n        <Button\n          renderAs=\"primary\"\n          widthX={10}\n          label=\"Yes, share\"\n          onClick={handleConfirmation}\n          iconPosition=\"right\"\n          shape=\"square\"\n          busy={isProcessing}\n        />\n      </FlexView>\n\n      {error && (\n        <FlexView $gapX={1} $alignItems=\"center\">\n          <Text $renderAs=\"ub2-bold\" $color=\"RED\" $align=\"center\" $widthX={26}>\n            {error}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default GoalCreationConfirmationModal;\n"],"names":["GoalCreationConfirmationModal","memo","props","studentName","parentName","teacherName","formData","studentId","milestoneId","onSubmit","onClose","analyticsProps","flow","submitBaseMessage","courseStream","error","setError","useState","handleMilestoneSubmit","isProcessing","useSubmitGoalCreation","handleExitModal","useCallback","handleConfirmation","milestoneEndDate","chapterGoalCategory","primaryGoalCategory","goalName","message","createGoalPlanShareMessage","title","exitButtonLabel","getGoalCreationConfirmationData","jsxs","Styled.Container","jsx","Image","ILLUSTRATIONS","Separator","Text","FlexView","TextButton","Button","GoalCreationConfirmationModal$1"],"mappings":"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"}

package/dist/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-completion-date-selector-styled.js","sources":["../../../../../../src/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ContentWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst PatternBgWrapper = styled(FlexView)`\n  max-width: 100%;\n  position: absolute;\n  top: 0;\n`;\n\nconst PatternCube = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    border-right: 1px solid ${colors.BLACK_T_38};\n   \n    &:last-child {\n      border-right: none;\n    }\n  `;\n});\n\nconst ButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nexport { PatternBgWrapper, PatternCube, ContentWrapper, ButtonWrapper };\n"],"names":["ContentWrapper","styled","FlexView","PatternBgWrapper","PatternCube","theme","colors","ButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA,GAIhCC,IAAmBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMlCE,IAAcH,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAAY;AAC5C,QAAA,EAAE,QAAAC,MAAWD;AAEZ,SAAA;AAAA,8BACqBC,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/C,CAAC,GAEKC,IAAgBN,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QACjC;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}
+{"version":3,"file":"goal-completion-date-selector-styled.js","sources":["../../../../../../src/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ContentWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst PatternBgWrapper = styled(FlexView)`\n  max-width: 100%;\n  position: absolute;\n  top: 0;\n`;\n\nconst PatternCube = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    border-right: 1px solid ${colors.BLACK_T_38};\n   \n    &:last-child {\n      border-right: none;\n    }\n  `;\n});\n\nconst ButtonWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nexport { PatternBgWrapper, PatternCube, ContentWrapper, ButtonWrapper };\n"],"names":["ContentWrapper","styled","FlexView","PatternBgWrapper","PatternCube","theme","colors","ButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA,GAIhCC,IAAmBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMlCE,IAAcH,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAAY;AAC5C,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA,8BACqBC,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/C,CAAC,GAEKC,IAAgBN,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QACjC;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}

package/dist/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-completion-date-selector-view.js","sources":["../../../../../../src/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector-view.tsx"],"sourcesContent":["import type {\n  IDateSelectorUIConfig,\n  IGoalCompletionDateSelectorView,\n  ValidTTestType,\n} from './goal-completion-date-selector-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport Seperator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './goal-completion-date-selector-styled';\n\nconst GOAL_COMPLETION_DATE_UI_CONFIG: Record<ValidTTestType, IDateSelectorUIConfig> = {\n  //* School Success\n  'no-test': {\n    icon: ILLUSTRATIONS.ALARM_CLOCK_PURPLE,\n    title: 'When do you plan to complete the goal?',\n    bgTheme: 'PURPLE_4',\n  },\n  //* Test Prep\n  'non-standardized': {\n    icon: ILLUSTRATIONS.CALENDAR_BLUE,\n    title: 'When is the test happening?',\n    bgTheme: 'BLUE_4',\n  },\n  //* Enrichment\n  'standardized': {\n    icon: ILLUSTRATIONS.ALARM_CLOCK_ORANGE,\n    title: 'When do you plan to complete the goal?',\n    bgTheme: 'ORANGE_4',\n  },\n};\n\nconst GoalCompletionDateSelectorView: FC<IGoalCompletionDateSelectorView> = memo(\n  ({\n    testType,\n    tomorrowsDate,\n    oneYearFutureDate,\n    milestoneEndDate,\n    errorMessage,\n    durationOptions,\n    handleDateChange,\n    handleDurationChange,\n  }) => {\n    if (!testType) return null;\n\n    const { icon, title: name, bgTheme } = GOAL_COMPLETION_DATE_UI_CONFIG[testType];\n\n    return (\n      <Styled.ContentWrapper\n        $widthX={27.5}\n        $gutterX={2.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $borderColor=\"BLACK_T_87\"\n        $gapX={2.5}\n      >\n        <Styled.PatternBgWrapper $flexDirection=\"row\">\n          {Array.from({ length: 37 }).map((_, i) => (\n            <Styled.PatternCube $background={bgTheme} key={i} $width={12} $height={12} />\n          ))}\n        </Styled.PatternBgWrapper>\n        <Image src={icon} width={80} height={80} withLoader alt=\"Test date\" />\n        <Seperator heightX={1} />\n        <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n          {name}\n        </Text>\n        <Seperator heightX={1} />\n        {testType === 'non-standardized' ? (\n          <TextInput\n            renderAs=\"primary\"\n            type=\"date\"\n            min={tomorrowsDate}\n            max={oneYearFutureDate}\n            label=\"Tentative Date\"\n            shape=\"borderLess\"\n            value={milestoneEndDate}\n            onChange={handleDateChange}\n            errorMessage={errorMessage}\n            widthX={10}\n          />\n        ) : (\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Tentative Month\"\n            shape=\"borderLess\"\n            theme=\"dark\"\n            options={durationOptions}\n            value={milestoneEndDate}\n            onChange={handleDurationChange}\n          />\n        )}\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default GoalCompletionDateSelectorView;\n"],"names":["GOAL_COMPLETION_DATE_UI_CONFIG","ILLUSTRATIONS","GoalCompletionDateSelectorView","memo","testType","tomorrowsDate","oneYearFutureDate","milestoneEndDate","errorMessage","durationOptions","handleDateChange","handleDurationChange","icon","name","bgTheme","jsxs","Styled.ContentWrapper","jsx","Styled.PatternBgWrapper","_","i","Styled.PatternCube","Image","Seperator","Text","TextInput","SelectInput"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAgF;AAAA;AAAA,EAEpF,WAAW;AAAA,IACT,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,oBAAoB;AAAA,IAClB,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,cAAgB;AAAA,IACd,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb,GAEMC,IAAsEC;AAAA,EAC1E,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,MACI;AACA,QAAA,CAACP,EAAiB,QAAA;AAEtB,UAAM,EAAE,MAAAQ,GAAM,OAAOC,GAAM,SAAAC,EAAQ,IAAId,EAA+BI,CAAQ;AAG5E,WAAA,gBAAAW;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,cAAa;AAAA,QACb,OAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAwB,gBAAe,OACrC,UAAA,MAAM,KAAK,EAAE,QAAQ,GAAI,CAAA,EAAE,IAAI,CAACC,GAAGC,MACjC,gBAAAH,EAAAI,GAAA,EAAmB,aAAaP,GAAiB,QAAQ,IAAI,SAAS,GAAA,GAAxBM,CAA4B,CAC5E,EACH,CAAA;AAAA,UACA,gBAAAH,EAACK,GAAM,EAAA,KAAKV,GAAM,OAAO,IAAI,QAAQ,IAAI,YAAU,IAAC,KAAI,YAAY,CAAA;AAAA,UACpE,gBAAAK,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHX,GAAA;AAAA,UACA,gBAAAI,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtBnB,MAAa,qBACZ,gBAAAa;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,KAAKpB;AAAA,cACL,KAAKC;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,OAAOC;AAAA,cACP,UAAUG;AAAA,cACV,cAAAF;AAAA,cACA,QAAQ;AAAA,YAAA;AAAA,UAAA,IAGV,gBAAAS;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,OAAM;AAAA,cACN,SAASjB;AAAA,cACT,OAAOF;AAAA,cACP,UAAUI;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"goal-completion-date-selector-view.js","sources":["../../../../../../src/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector-view.tsx"],"sourcesContent":["import type {\n  IDateSelectorUIConfig,\n  IGoalCompletionDateSelectorView,\n  ValidTTestType,\n} from './goal-completion-date-selector-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport Seperator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './goal-completion-date-selector-styled';\n\nconst GOAL_COMPLETION_DATE_UI_CONFIG: Record<ValidTTestType, IDateSelectorUIConfig> = {\n  //* School Success\n  'no-test': {\n    icon: ILLUSTRATIONS.ALARM_CLOCK_PURPLE,\n    title: 'When do you plan to complete the goal?',\n    bgTheme: 'PURPLE_4',\n  },\n  //* Test Prep\n  'non-standardized': {\n    icon: ILLUSTRATIONS.CALENDAR_BLUE,\n    title: 'When is the test happening?',\n    bgTheme: 'BLUE_4',\n  },\n  //* Enrichment\n  'standardized': {\n    icon: ILLUSTRATIONS.ALARM_CLOCK_ORANGE,\n    title: 'When do you plan to complete the goal?',\n    bgTheme: 'ORANGE_4',\n  },\n};\n\nconst GoalCompletionDateSelectorView: FC<IGoalCompletionDateSelectorView> = memo(\n  ({\n    testType,\n    tomorrowsDate,\n    oneYearFutureDate,\n    milestoneEndDate,\n    errorMessage,\n    durationOptions,\n    handleDateChange,\n    handleDurationChange,\n  }) => {\n    if (!testType) return null;\n\n    const { icon, title: name, bgTheme } = GOAL_COMPLETION_DATE_UI_CONFIG[testType];\n\n    return (\n      <Styled.ContentWrapper\n        $widthX={27.5}\n        $gutterX={2.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $borderColor=\"BLACK_T_87\"\n        $gapX={2.5}\n      >\n        <Styled.PatternBgWrapper $flexDirection=\"row\">\n          {Array.from({ length: 37 }).map((_, i) => (\n            <Styled.PatternCube $background={bgTheme} key={i} $width={12} $height={12} />\n          ))}\n        </Styled.PatternBgWrapper>\n        <Image src={icon} width={80} height={80} withLoader alt=\"Test date\" />\n        <Seperator heightX={1} />\n        <Text $renderAs=\"ab2\" $color=\"BLACK_1\">\n          {name}\n        </Text>\n        <Seperator heightX={1} />\n        {testType === 'non-standardized' ? (\n          <TextInput\n            renderAs=\"primary\"\n            type=\"date\"\n            min={tomorrowsDate}\n            max={oneYearFutureDate}\n            label=\"Tentative Date\"\n            shape=\"borderLess\"\n            value={milestoneEndDate}\n            onChange={handleDateChange}\n            errorMessage={errorMessage}\n            widthX={10}\n          />\n        ) : (\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Tentative Month\"\n            shape=\"borderLess\"\n            theme=\"dark\"\n            options={durationOptions}\n            value={milestoneEndDate}\n            onChange={handleDurationChange}\n          />\n        )}\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default GoalCompletionDateSelectorView;\n"],"names":["GOAL_COMPLETION_DATE_UI_CONFIG","ILLUSTRATIONS","GoalCompletionDateSelectorView","memo","testType","tomorrowsDate","oneYearFutureDate","milestoneEndDate","errorMessage","durationOptions","handleDateChange","handleDurationChange","icon","name","bgTheme","jsxs","Styled.ContentWrapper","jsx","Styled.PatternBgWrapper","_","i","Styled.PatternCube","Image","Seperator","Text","TextInput","SelectInput"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAgF;AAAA;AAAA,EAEpF,WAAW;AAAA,IACT,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,oBAAoB;AAAA,IAClB,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,cAAgB;AAAA,IACd,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACF,GAEMC,IAAsEC;AAAA,EAC1E,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,MACI;AACA,QAAA,CAACP,EAAiB,QAAA;AAEtB,UAAM,EAAE,MAAAQ,GAAM,OAAOC,GAAM,SAAAC,MAAYd,EAA+BI,CAAQ;AAG5E,WAAA,gBAAAW;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,cAAa;AAAA,QACb,OAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAwB,gBAAe,OACrC,UAAA,MAAM,KAAK,EAAE,QAAQ,GAAI,CAAA,EAAE,IAAI,CAACC,GAAGC,MACjC,gBAAAH,EAAAI,GAAA,EAAmB,aAAaP,GAAiB,QAAQ,IAAI,SAAS,GAAA,GAAxBM,CAA4B,CAC5E,EACH,CAAA;AAAA,UACA,gBAAAH,EAACK,GAAM,EAAA,KAAKV,GAAM,OAAO,IAAI,QAAQ,IAAI,YAAU,IAAC,KAAI,YAAY,CAAA;AAAA,UACpE,gBAAAK,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHX,GAAA;AAAA,UACA,gBAAAI,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtBnB,MAAa,qBACZ,gBAAAa;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,KAAKpB;AAAA,cACL,KAAKC;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,OAAOC;AAAA,cACP,UAAUG;AAAA,cACV,cAAAF;AAAA,cACA,QAAQ;AAAA,YAAA;AAAA,UAAA,IAGV,gBAAAS;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,OAAM;AAAA,cACN,SAASjB;AAAA,cACT,OAAOF;AAAA,cACP,UAAUI;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-completion-date-selector.js","sources":["../../../../../../src/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { addDays, addMonths, eachMonthOfInterval, format, lastDayOfMonth } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport DraftIcon from '../../../../../assets/line-icons/icons/draft';\nimport Button from '../../../../ui/buttons/button/button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ONE_YEAR_TIMESTAMP_IN_MILLISECONDS } from '../../../constants';\nimport useSubmitGoalCreation from '../../../hooks/use-submit-goal-creation';\nimport { useMilestoneContext } from '../../milestone-create-context';\nimport BodyLayout from '../body-layout/body-layout';\nimport * as Styled from './goal-completion-date-selector-styled';\nimport GoalCompletionDateSelectorView from './goal-completion-date-selector-view';\n\nconst GoalCompletionDateSelector: FC<IFormStepProps> = memo(\n  ({\n    formData,\n    config,\n    studentId,\n    milestoneId = '',\n    currentStep,\n    onFormDataChange,\n    onPreSubmit,\n    courseStream,\n  }) => {\n    const [errorMessage, setErrorMessage] = useState('');\n    const [proceedingWithChanges, setProceedingWithChanges] = useState(false);\n\n    const { flow } = useMilestoneContext();\n\n    const {\n      share_message: {\n        default: {\n          create_message_template: createMessageTemplate,\n          update_message_template: updateMessageTemplate,\n        },\n      },\n    } = config;\n\n    const handleGoalCreationSubmission = useCallback(\n      (isGoalCreation?: boolean) => {\n        if (flow) {\n          const submitBaseMessage = flow === 'EDIT' ? updateMessageTemplate : createMessageTemplate;\n\n          onPreSubmit?.({\n            isDraftPlan: !isGoalCreation,\n            flow: flow,\n            submitBaseMessage,\n          });\n        }\n      },\n      [flow, createMessageTemplate, updateMessageTemplate, onPreSubmit],\n    );\n\n    const { isProcessing, onSubmit } = useSubmitGoalCreation({\n      formData,\n      studentId,\n      onSubmit: handleGoalCreationSubmission,\n      setError: setErrorMessage,\n      milestoneId,\n      flow: flow ?? 'CREATE',\n      courseStream,\n    });\n\n    const { testType, milestoneEndDate, committed } = formData;\n    const { milestoneEndDate: committedMilestoneEndDate } = committed;\n    const { title } = currentStep;\n    const buttonLabel = flow === 'EDIT' ? 'Update goal' : 'Create goal';\n\n    const newDate = new Date();\n    const tomorrowsDate = format(newDate.setDate(newDate.getDate() + 1), 'yyyy-MM-dd');\n\n    const oneYearFutureDate = format(Date.now() + ONE_YEAR_TIMESTAMP_IN_MILLISECONDS, 'yyyy-MM-dd');\n\n    const durationOptions = useMemo(() => {\n      const today = new Date();\n      const startDay = lastDayOfMonth(today) ? addDays(today, 1) : today;\n      const months = eachMonthOfInterval({\n        start: startDay,\n        end: addMonths(startDay, 11),\n      });\n\n      return months.map(date => {\n        const lastDay = lastDayOfMonth(date);\n\n        return {\n          id: format(lastDay, 'yyyy-MM-dd'),\n          label: format(date, 'MMMM yyyy'),\n          value: lastDay,\n        };\n      });\n    }, []);\n\n    const handleDurationChange = useCallback(\n      (date: string) => {\n        onFormDataChange({\n          milestoneEndDate: date,\n          milestoneEndDateIsTentative: true,\n        });\n      },\n      [onFormDataChange],\n    );\n\n    const handleDateChange = useCallback<\n      NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n    >(\n      event => {\n        const value = event.target.value;\n\n        if (!value) return;\n\n        if (errorMessage && value >= tomorrowsDate && value < oneYearFutureDate) {\n          setErrorMessage('');\n\n          return;\n        }\n\n        onFormDataChange({\n          milestoneEndDate: value,\n          milestoneEndDateIsTentative: true,\n        });\n      },\n      [tomorrowsDate, errorMessage, onFormDataChange, oneYearFutureDate],\n    );\n\n    const handleNext = useCallback(\n      (isDraft?: boolean) => {\n        if (\n          milestoneEndDate &&\n          (milestoneEndDate < tomorrowsDate || milestoneEndDate > oneYearFutureDate)\n        ) {\n          if (milestoneEndDate < tomorrowsDate) {\n            setErrorMessage('Please enter a future date');\n          } else {\n            setErrorMessage('Please select a date within the next year');\n          }\n        } else if (isDraft) {\n          onSubmit(true);\n        } else {\n          onFormDataChange({\n            milestoneEndDate,\n            committed: {\n              milestoneEndDate: true,\n              milestoneEndDateIsTentative: true,\n            },\n          });\n          setProceedingWithChanges(true);\n        }\n      },\n      [milestoneEndDate, tomorrowsDate, oneYearFutureDate, onFormDataChange, onSubmit],\n    );\n\n    const handleOnSaveAsDraft = useCallback(() => {\n      handleNext(true);\n    }, [handleNext]);\n\n    useEffect(() => {\n      if (committedMilestoneEndDate && proceedingWithChanges) {\n        handleGoalCreationSubmission(true);\n      }\n    }, [committedMilestoneEndDate, proceedingWithChanges, handleGoalCreationSubmission]);\n\n    return (\n      <BodyLayout\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">{title}</Text>\n          </FlexView>\n        }\n        bodyHeight=\"100%\"\n        bodyElement={\n          <FlexView $width=\"100%\" $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n            <GoalCompletionDateSelectorView\n              testType={testType}\n              tomorrowsDate={tomorrowsDate}\n              oneYearFutureDate={oneYearFutureDate}\n              errorMessage={errorMessage}\n              durationOptions={durationOptions}\n              milestoneEndDate={milestoneEndDate}\n              handleDateChange={handleDateChange}\n              handleDurationChange={handleDurationChange}\n            />\n          </FlexView>\n        }\n        footerElement={\n          <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n            {flow !== 'EDIT' && (\n              <Styled.ButtonWrapper $borderRadius={50}>\n                <IconButton\n                  renderAs=\"secondary\"\n                  analyticsLabel=\"Save as draft\"\n                  Icon={DraftIcon}\n                  disabled={!milestoneEndDate || isProcessing}\n                  onClick={handleOnSaveAsDraft}\n                />\n              </Styled.ButtonWrapper>\n            )}\n\n            <Styled.ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                size=\"small\"\n                shape=\"square\"\n                widthX={9}\n                label={buttonLabel}\n                disabled={!milestoneEndDate || isProcessing}\n                onClick={handleNext}\n              />\n            </Styled.ButtonWrapper>\n          </FlexView>\n        }\n      />\n    );\n  },\n);\n\nexport default GoalCompletionDateSelector;\n"],"names":["GoalCompletionDateSelector","memo","formData","config","studentId","milestoneId","currentStep","onFormDataChange","onPreSubmit","courseStream","errorMessage","setErrorMessage","useState","proceedingWithChanges","setProceedingWithChanges","flow","useMilestoneContext","createMessageTemplate","updateMessageTemplate","handleGoalCreationSubmission","useCallback","isGoalCreation","submitBaseMessage","isProcessing","onSubmit","useSubmitGoalCreation","testType","milestoneEndDate","committed","committedMilestoneEndDate","title","buttonLabel","newDate","tomorrowsDate","format","oneYearFutureDate","ONE_YEAR_TIMESTAMP_IN_MILLISECONDS","durationOptions","useMemo","today","startDay","lastDayOfMonth","addDays","eachMonthOfInterval","addMonths","date","lastDay","handleDurationChange","handleDateChange","event","value","handleNext","isDraft","handleOnSaveAsDraft","useEffect","jsx","BodyLayout","FlexView","Text","GoalCompletionDateSelectorView","Styled.ButtonWrapper","IconButton","DraftIcon","Button"],"mappings":"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"}
+{"version":3,"file":"goal-completion-date-selector.js","sources":["../../../../../../src/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\nimport type { FC } from 'react';\n\nimport { addDays, addMonths, eachMonthOfInterval, format, lastDayOfMonth } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport DraftIcon from '../../../../../assets/line-icons/icons/draft';\nimport Button from '../../../../ui/buttons/button/button';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ONE_YEAR_TIMESTAMP_IN_MILLISECONDS } from '../../../constants';\nimport useSubmitGoalCreation from '../../../hooks/use-submit-goal-creation';\nimport { useMilestoneContext } from '../../milestone-create-context';\nimport BodyLayout from '../body-layout/body-layout';\nimport * as Styled from './goal-completion-date-selector-styled';\nimport GoalCompletionDateSelectorView from './goal-completion-date-selector-view';\n\nconst GoalCompletionDateSelector: FC<IFormStepProps> = memo(\n  ({\n    formData,\n    config,\n    studentId,\n    milestoneId = '',\n    currentStep,\n    onFormDataChange,\n    onPreSubmit,\n    courseStream,\n  }) => {\n    const [errorMessage, setErrorMessage] = useState('');\n    const [proceedingWithChanges, setProceedingWithChanges] = useState(false);\n\n    const { flow } = useMilestoneContext();\n\n    const {\n      share_message: {\n        default: {\n          create_message_template: createMessageTemplate,\n          update_message_template: updateMessageTemplate,\n        },\n      },\n    } = config;\n\n    const handleGoalCreationSubmission = useCallback(\n      (isGoalCreation?: boolean) => {\n        if (flow) {\n          const submitBaseMessage = flow === 'EDIT' ? updateMessageTemplate : createMessageTemplate;\n\n          onPreSubmit?.({\n            isDraftPlan: !isGoalCreation,\n            flow: flow,\n            submitBaseMessage,\n          });\n        }\n      },\n      [flow, createMessageTemplate, updateMessageTemplate, onPreSubmit],\n    );\n\n    const { isProcessing, onSubmit } = useSubmitGoalCreation({\n      formData,\n      studentId,\n      onSubmit: handleGoalCreationSubmission,\n      setError: setErrorMessage,\n      milestoneId,\n      flow: flow ?? 'CREATE',\n      courseStream,\n    });\n\n    const { testType, milestoneEndDate, committed } = formData;\n    const { milestoneEndDate: committedMilestoneEndDate } = committed;\n    const { title } = currentStep;\n    const buttonLabel = flow === 'EDIT' ? 'Update goal' : 'Create goal';\n\n    const newDate = new Date();\n    const tomorrowsDate = format(newDate.setDate(newDate.getDate() + 1), 'yyyy-MM-dd');\n\n    const oneYearFutureDate = format(Date.now() + ONE_YEAR_TIMESTAMP_IN_MILLISECONDS, 'yyyy-MM-dd');\n\n    const durationOptions = useMemo(() => {\n      const today = new Date();\n      const startDay = lastDayOfMonth(today) ? addDays(today, 1) : today;\n      const months = eachMonthOfInterval({\n        start: startDay,\n        end: addMonths(startDay, 11),\n      });\n\n      return months.map(date => {\n        const lastDay = lastDayOfMonth(date);\n\n        return {\n          id: format(lastDay, 'yyyy-MM-dd'),\n          label: format(date, 'MMMM yyyy'),\n          value: lastDay,\n        };\n      });\n    }, []);\n\n    const handleDurationChange = useCallback(\n      (date: string) => {\n        onFormDataChange({\n          milestoneEndDate: date,\n          milestoneEndDateIsTentative: true,\n        });\n      },\n      [onFormDataChange],\n    );\n\n    const handleDateChange = useCallback<\n      NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n    >(\n      event => {\n        const value = event.target.value;\n\n        if (!value) return;\n\n        if (errorMessage && value >= tomorrowsDate && value < oneYearFutureDate) {\n          setErrorMessage('');\n\n          return;\n        }\n\n        onFormDataChange({\n          milestoneEndDate: value,\n          milestoneEndDateIsTentative: true,\n        });\n      },\n      [tomorrowsDate, errorMessage, onFormDataChange, oneYearFutureDate],\n    );\n\n    const handleNext = useCallback(\n      (isDraft?: boolean) => {\n        if (\n          milestoneEndDate &&\n          (milestoneEndDate < tomorrowsDate || milestoneEndDate > oneYearFutureDate)\n        ) {\n          if (milestoneEndDate < tomorrowsDate) {\n            setErrorMessage('Please enter a future date');\n          } else {\n            setErrorMessage('Please select a date within the next year');\n          }\n        } else if (isDraft) {\n          onSubmit(true);\n        } else {\n          onFormDataChange({\n            milestoneEndDate,\n            committed: {\n              milestoneEndDate: true,\n              milestoneEndDateIsTentative: true,\n            },\n          });\n          setProceedingWithChanges(true);\n        }\n      },\n      [milestoneEndDate, tomorrowsDate, oneYearFutureDate, onFormDataChange, onSubmit],\n    );\n\n    const handleOnSaveAsDraft = useCallback(() => {\n      handleNext(true);\n    }, [handleNext]);\n\n    useEffect(() => {\n      if (committedMilestoneEndDate && proceedingWithChanges) {\n        handleGoalCreationSubmission(true);\n      }\n    }, [committedMilestoneEndDate, proceedingWithChanges, handleGoalCreationSubmission]);\n\n    return (\n      <BodyLayout\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">{title}</Text>\n          </FlexView>\n        }\n        bodyHeight=\"100%\"\n        bodyElement={\n          <FlexView $width=\"100%\" $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n            <GoalCompletionDateSelectorView\n              testType={testType}\n              tomorrowsDate={tomorrowsDate}\n              oneYearFutureDate={oneYearFutureDate}\n              errorMessage={errorMessage}\n              durationOptions={durationOptions}\n              milestoneEndDate={milestoneEndDate}\n              handleDateChange={handleDateChange}\n              handleDurationChange={handleDurationChange}\n            />\n          </FlexView>\n        }\n        footerElement={\n          <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n            {flow !== 'EDIT' && (\n              <Styled.ButtonWrapper $borderRadius={50}>\n                <IconButton\n                  renderAs=\"secondary\"\n                  analyticsLabel=\"Save as draft\"\n                  Icon={DraftIcon}\n                  disabled={!milestoneEndDate || isProcessing}\n                  onClick={handleOnSaveAsDraft}\n                />\n              </Styled.ButtonWrapper>\n            )}\n\n            <Styled.ButtonWrapper>\n              <Button\n                renderAs=\"primary\"\n                size=\"small\"\n                shape=\"square\"\n                widthX={9}\n                label={buttonLabel}\n                disabled={!milestoneEndDate || isProcessing}\n                onClick={handleNext}\n              />\n            </Styled.ButtonWrapper>\n          </FlexView>\n        }\n      />\n    );\n  },\n);\n\nexport default GoalCompletionDateSelector;\n"],"names":["GoalCompletionDateSelector","memo","formData","config","studentId","milestoneId","currentStep","onFormDataChange","onPreSubmit","courseStream","errorMessage","setErrorMessage","useState","proceedingWithChanges","setProceedingWithChanges","flow","useMilestoneContext","createMessageTemplate","updateMessageTemplate","handleGoalCreationSubmission","useCallback","isGoalCreation","submitBaseMessage","isProcessing","onSubmit","useSubmitGoalCreation","testType","milestoneEndDate","committed","committedMilestoneEndDate","title","buttonLabel","newDate","tomorrowsDate","format","oneYearFutureDate","ONE_YEAR_TIMESTAMP_IN_MILLISECONDS","durationOptions","useMemo","today","startDay","lastDayOfMonth","addDays","eachMonthOfInterval","addMonths","date","lastDay","handleDurationChange","handleDateChange","event","value","handleNext","isDraft","handleOnSaveAsDraft","useEffect","jsx","BodyLayout","FlexView","Text","GoalCompletionDateSelectorView","Styled.ButtonWrapper","IconButton","DraftIcon","Button"],"mappings":"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"}

package/dist/features/milestone/create/comps/info-points/info-points.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-points.js","sources":["../../../../../../src/features/milestone/create/comps/info-points/info-points.tsx"],"sourcesContent":["import type { IInfoPointProps } from './info-points-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ProgressiveLoader } from '../../styled-comps/progressive-loader';\n\nconst InfoPoints: React.FC<IInfoPointProps> = React.memo(\n  ({ loadStatically, headerText, config, stepNumberOffset, handleTransitionEnd }) => {\n    return (\n      <FlexView $flexGapX={1} $flexDirection=\"column\">\n        <ProgressiveLoader $stepNumber={stepNumberOffset + 1} $disabled={loadStatically}>\n          <Text $renderAs=\"h6\" $marginBottomX={0.75}>\n            {headerText}\n          </Text>\n        </ProgressiveLoader>\n        {config.map(({ point, icon: iconName }, idx, arr) => (\n          <ProgressiveLoader\n            $stepNumber={stepNumberOffset + 2 + idx}\n            onAnimationEnd={idx === arr.length - 1 ? handleTransitionEnd : () => null}\n            $disabled={loadStatically}\n            key={iconName}\n          >\n            <FlexView $flexGapX={0.5} $flexDirection=\"row\" $borderRadiusX={1} $alignItems=\"center\">\n              <img alt={`pointer ${idx}`} src={iconName} />\n              {point}\n            </FlexView>\n          </ProgressiveLoader>\n        ))}\n      </FlexView>\n    );\n  },\n);\n\nexport default InfoPoints;\n"],"names":["InfoPoints","React","loadStatically","headerText","config","stepNumberOffset","handleTransitionEnd","jsxs","FlexView","jsx","ProgressiveLoader","Text","point","iconName","idx","arr"],"mappings":";;;;;AAQA,MAAMA,IAAwCC,EAAM;AAAA,EAClD,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,GAAY,QAAAC,GAAQ,kBAAAC,GAAkB,qBAAAC,QAEpD,gBAAAC,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,UACrC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA,aAAaL,IAAmB,GAAG,WAAWH,GAC/D,UAAC,gBAAAO,EAAAE,GAAA,EAAK,WAAU,MAAK,gBAAgB,MAClC,YACH,CAAA,GACF;AAAA,IACCP,EAAO,IAAI,CAAC,EAAE,OAAAQ,GAAO,MAAMC,EAAY,GAAAC,GAAKC,MAC3C,gBAAAN;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAaL,IAAmB,IAAIS;AAAA,QACpC,gBAAgBA,MAAQC,EAAI,SAAS,IAAIT,IAAsB,MAAM;AAAA,QACrE,WAAWJ;AAAA,QAGX,UAAA,gBAAAK,EAACC,KAAS,WAAW,KAAK,gBAAe,OAAM,gBAAgB,GAAG,aAAY,UAC5E,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,KAAK,WAAWK,CAAG,IAAI,KAAKD,GAAU;AAAA,UAC1CD;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,MALKC;AAAA,IAOR,CAAA;AAAA,EAAA,GACH;AAGN;"}
+{"version":3,"file":"info-points.js","sources":["../../../../../../src/features/milestone/create/comps/info-points/info-points.tsx"],"sourcesContent":["import type { IInfoPointProps } from './info-points-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ProgressiveLoader } from '../../styled-comps/progressive-loader';\n\nconst InfoPoints: React.FC<IInfoPointProps> = React.memo(\n  ({ loadStatically, headerText, config, stepNumberOffset, handleTransitionEnd }) => {\n    return (\n      <FlexView $flexGapX={1} $flexDirection=\"column\">\n        <ProgressiveLoader $stepNumber={stepNumberOffset + 1} $disabled={loadStatically}>\n          <Text $renderAs=\"h6\" $marginBottomX={0.75}>\n            {headerText}\n          </Text>\n        </ProgressiveLoader>\n        {config.map(({ point, icon: iconName }, idx, arr) => (\n          <ProgressiveLoader\n            $stepNumber={stepNumberOffset + 2 + idx}\n            onAnimationEnd={idx === arr.length - 1 ? handleTransitionEnd : () => null}\n            $disabled={loadStatically}\n            key={iconName}\n          >\n            <FlexView $flexGapX={0.5} $flexDirection=\"row\" $borderRadiusX={1} $alignItems=\"center\">\n              <img alt={`pointer ${idx}`} src={iconName} />\n              {point}\n            </FlexView>\n          </ProgressiveLoader>\n        ))}\n      </FlexView>\n    );\n  },\n);\n\nexport default InfoPoints;\n"],"names":["InfoPoints","React","loadStatically","headerText","config","stepNumberOffset","handleTransitionEnd","jsxs","FlexView","jsx","ProgressiveLoader","Text","point","iconName","idx","arr"],"mappings":";;;;;AAQA,MAAMA,IAAwCC,EAAM;AAAA,EAClD,CAAC,EAAE,gBAAAC,GAAgB,YAAAC,GAAY,QAAAC,GAAQ,kBAAAC,GAAkB,qBAAAC,QAEpD,gBAAAC,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,UACrC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA,aAAaL,IAAmB,GAAG,WAAWH,GAC/D,UAAC,gBAAAO,EAAAE,GAAA,EAAK,WAAU,MAAK,gBAAgB,MAClC,YACH,CAAA,GACF;AAAA,IACCP,EAAO,IAAI,CAAC,EAAE,OAAAQ,GAAO,MAAMC,EAAY,GAAAC,GAAKC,MAC3C,gBAAAN;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAaL,IAAmB,IAAIS;AAAA,QACpC,gBAAgBA,MAAQC,EAAI,SAAS,IAAIT,IAAsB,MAAM;AAAA,QACrE,WAAWJ;AAAA,QAGX,UAAA,gBAAAK,EAACC,KAAS,WAAW,KAAK,gBAAe,OAAM,gBAAgB,GAAG,aAAY,UAC5E,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,KAAK,WAAWK,CAAG,IAAI,KAAKD,GAAU;AAAA,UAC1CD;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,MALKC;AAAA,IAAA,CAOR;AAAA,EACH,EAAA,CAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-progress.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress/milestone-progress.tsx"],"sourcesContent":["import type { IMilestoneProgressInfo } from './types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport ProgressStats from '../../../../chapters/lpar-chapter/comps/chapter-progress';\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-utils';\n\nconst {\n  LEARNED_SHIELD_GREEN,\n  LEARNED_SHIELD_GRAY,\n  PRACTICED_SHIELD_GREEN,\n  PRACTICED_SHIELD_GREY,\n  MASTERED_SHIELD_GREEN,\n  MASTERED_SHIELD_GRAY,\n} = ILLUSTRATIONS;\n\nconst MilestoneProgressInfo: FC<IMilestoneProgressInfo> = memo(({ chapterProgress, badgeSize }) => {\n  const {\n    familiar_sheets: familiarSheets = 0,\n    proficient_sheets: proficientSheets = 0,\n    mastered_sheets: masteredSheets = 0,\n    total_core_sheets: totalCoreSheets = 0,\n  } = chapterProgress || {};\n\n  const hasNoCoreSheet = totalCoreSheets === 0;\n\n  const hasCompletedLearningSheets = familiarSheets === totalCoreSheets;\n  const hasCompletedPracticeSheets = proficientSheets === totalCoreSheets;\n  const hasMasteredAllSheets = masteredSheets === totalCoreSheets;\n\n  const progressData = useMemo(\n    () => [\n      {\n        id: 'learned-sheets',\n        imageUrl: hasCompletedLearningSheets ? LEARNED_SHIELD_GREEN : LEARNED_SHIELD_GRAY,\n        completedSheetsCount: familiarSheets,\n        title: hasNoCoreSheet || !familiarSheets ? 'Learn' : `Learned`,\n      },\n      {\n        id: 'practiced-sheets',\n        imageUrl: hasCompletedPracticeSheets ? PRACTICED_SHIELD_GREEN : PRACTICED_SHIELD_GREY,\n        completedSheetsCount: proficientSheets,\n        title: hasNoCoreSheet || !proficientSheets ? 'Practice' : `Practiced`,\n      },\n      {\n        id: 'mastered-sheets',\n        imageUrl: hasMasteredAllSheets ? MASTERED_SHIELD_GREEN : MASTERED_SHIELD_GRAY,\n        completedSheetsCount: masteredSheets,\n        title: hasNoCoreSheet || !masteredSheets ? 'Master' : `Mastered`,\n      },\n    ],\n    [\n      hasNoCoreSheet,\n      familiarSheets,\n      proficientSheets,\n      masteredSheets,\n      hasCompletedLearningSheets,\n      hasCompletedPracticeSheets,\n      hasMasteredAllSheets,\n    ],\n  );\n\n  return (\n    <>\n      {progressData.map(progressInfo => {\n        const { id, imageUrl, title, completedSheetsCount } = progressInfo;\n\n        const progressPercentage = getSheetCompletionPercentage(\n          completedSheetsCount,\n          totalCoreSheets,\n        );\n\n        return (\n          <ArrowTooltip\n            key={id}\n            renderAs=\"secondary\"\n            position=\"bottom\"\n            tooltipItem={`${completedSheetsCount ?? 0} / ${totalCoreSheets || 1} done`}\n            tooltipXCoOrdinates={20}\n            textVariant=\"ab3\"\n          >\n            <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n              <Image src={imageUrl} alt={id} withLoader width={badgeSize} height={badgeSize} />\n              <FlexView>\n                <ProgressStats\n                  progressStats={\n                    <Text $renderAs=\"eyebrow2\">{`${title} ${progressPercentage}%`}</Text>\n                  }\n                  progress={progressPercentage}\n                  flexDirection=\"column-reverse\"\n                />\n              </FlexView>\n            </FlexView>\n          </ArrowTooltip>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneProgressInfo;\n"],"names":["LEARNED_SHIELD_GREEN","LEARNED_SHIELD_GRAY","PRACTICED_SHIELD_GREEN","PRACTICED_SHIELD_GREY","MASTERED_SHIELD_GREEN","MASTERED_SHIELD_GRAY","ILLUSTRATIONS","MilestoneProgressInfo","memo","chapterProgress","badgeSize","familiarSheets","proficientSheets","masteredSheets","totalCoreSheets","hasNoCoreSheet","hasCompletedLearningSheets","hasCompletedPracticeSheets","hasMasteredAllSheets","progressData","useMemo","jsx","Fragment","progressInfo","id","imageUrl","title","completedSheetsCount","progressPercentage","getSheetCompletionPercentage","ArrowTooltip","FlexView","Image","ProgressStats","Text"],"mappings":";;;;;;;;;AAaA,MAAM;AAAA,EACJ,sBAAAA;AAAA,EACA,qBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,sBAAAC;AACF,IAAIC,GAEEC,IAAoDC,EAAK,CAAC,EAAE,iBAAAC,GAAiB,WAAAC,QAAgB;AAC3F,QAAA;AAAA,IACJ,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAmB;AAAA,IACtC,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAkB;AAAA,EACvC,IAAIL,KAAmB,CAAC,GAElBM,IAAiBD,MAAoB,GAErCE,IAA6BL,MAAmBG,GAChDG,IAA6BL,MAAqBE,GAClDI,IAAuBL,MAAmBC,GAE1CK,IAAeC;AAAA,IACnB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,UAAUJ,IAA6BhB,IAAuBC;AAAA,QAC9D,sBAAsBU;AAAA,QACtB,OAAOI,KAAkB,CAACJ,IAAiB,UAAU;AAAA,MACvD;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAA6Bf,IAAyBC;AAAA,QAChE,sBAAsBS;AAAA,QACtB,OAAOG,KAAkB,CAACH,IAAmB,aAAa;AAAA,MAC5D;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAAuBd,IAAwBC;AAAA,QACzD,sBAAsBQ;AAAA,QACtB,OAAOE,KAAkB,CAACF,IAAiB,WAAW;AAAA,MAAA;AAAA,IAE1D;AAAA,IACA;AAAA,MACEE;AAAA,MACAJ;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAA,gBAAAG,EAAAC,GAAA,EACG,UAAaH,EAAA,IAAI,CAAgBI,MAAA;AAChC,UAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,OAAAC,GAAO,sBAAAC,EAAyB,IAAAJ,GAEhDK,IAAqBC;AAAA,MACzBF;AAAA,MACAb;AAAA,IACF;AAGE,WAAA,gBAAAO;AAAA,MAACS;AAAA,MAAA;AAAA,QAEC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGH,KAAwB,CAAC,MAAMb,KAAmB,CAAC;AAAA,QACnE,qBAAqB;AAAA,QACrB,aAAY;AAAA,QAEZ,4BAACiB,GAAS,EAAA,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,UAAC,gBAAAV,EAAAW,GAAA,EAAM,KAAKP,GAAU,KAAKD,GAAI,YAAU,IAAC,OAAOd,GAAW,QAAQA,EAAW,CAAA;AAAA,4BAC9EqB,GACC,EAAA,UAAA,gBAAAV;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,iCACGC,GAAK,EAAA,WAAU,YAAY,UAAG,GAAAR,CAAK,IAAIE,CAAkB,IAAI,CAAA;AAAA,cAEhE,UAAUA;AAAA,cACV,eAAc;AAAA,YAAA;AAAA,UAAA,EAElB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,MAlBKJ;AAAA,IAmBP;AAAA,EAEH,CAAA,GACH;AAEJ,CAAC;"}
+{"version":3,"file":"milestone-progress.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress/milestone-progress.tsx"],"sourcesContent":["import type { IMilestoneProgressInfo } from './types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport ProgressStats from '../../../../chapters/lpar-chapter/comps/chapter-progress';\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-utils';\n\nconst {\n  LEARNED_SHIELD_GREEN,\n  LEARNED_SHIELD_GRAY,\n  PRACTICED_SHIELD_GREEN,\n  PRACTICED_SHIELD_GREY,\n  MASTERED_SHIELD_GREEN,\n  MASTERED_SHIELD_GRAY,\n} = ILLUSTRATIONS;\n\nconst MilestoneProgressInfo: FC<IMilestoneProgressInfo> = memo(({ chapterProgress, badgeSize }) => {\n  const {\n    familiar_sheets: familiarSheets = 0,\n    proficient_sheets: proficientSheets = 0,\n    mastered_sheets: masteredSheets = 0,\n    total_core_sheets: totalCoreSheets = 0,\n  } = chapterProgress || {};\n\n  const hasNoCoreSheet = totalCoreSheets === 0;\n\n  const hasCompletedLearningSheets = familiarSheets === totalCoreSheets;\n  const hasCompletedPracticeSheets = proficientSheets === totalCoreSheets;\n  const hasMasteredAllSheets = masteredSheets === totalCoreSheets;\n\n  const progressData = useMemo(\n    () => [\n      {\n        id: 'learned-sheets',\n        imageUrl: hasCompletedLearningSheets ? LEARNED_SHIELD_GREEN : LEARNED_SHIELD_GRAY,\n        completedSheetsCount: familiarSheets,\n        title: hasNoCoreSheet || !familiarSheets ? 'Learn' : `Learned`,\n      },\n      {\n        id: 'practiced-sheets',\n        imageUrl: hasCompletedPracticeSheets ? PRACTICED_SHIELD_GREEN : PRACTICED_SHIELD_GREY,\n        completedSheetsCount: proficientSheets,\n        title: hasNoCoreSheet || !proficientSheets ? 'Practice' : `Practiced`,\n      },\n      {\n        id: 'mastered-sheets',\n        imageUrl: hasMasteredAllSheets ? MASTERED_SHIELD_GREEN : MASTERED_SHIELD_GRAY,\n        completedSheetsCount: masteredSheets,\n        title: hasNoCoreSheet || !masteredSheets ? 'Master' : `Mastered`,\n      },\n    ],\n    [\n      hasNoCoreSheet,\n      familiarSheets,\n      proficientSheets,\n      masteredSheets,\n      hasCompletedLearningSheets,\n      hasCompletedPracticeSheets,\n      hasMasteredAllSheets,\n    ],\n  );\n\n  return (\n    <>\n      {progressData.map(progressInfo => {\n        const { id, imageUrl, title, completedSheetsCount } = progressInfo;\n\n        const progressPercentage = getSheetCompletionPercentage(\n          completedSheetsCount,\n          totalCoreSheets,\n        );\n\n        return (\n          <ArrowTooltip\n            key={id}\n            renderAs=\"secondary\"\n            position=\"bottom\"\n            tooltipItem={`${completedSheetsCount ?? 0} / ${totalCoreSheets || 1} done`}\n            tooltipXCoOrdinates={20}\n            textVariant=\"ab3\"\n          >\n            <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n              <Image src={imageUrl} alt={id} withLoader width={badgeSize} height={badgeSize} />\n              <FlexView>\n                <ProgressStats\n                  progressStats={\n                    <Text $renderAs=\"eyebrow2\">{`${title} ${progressPercentage}%`}</Text>\n                  }\n                  progress={progressPercentage}\n                  flexDirection=\"column-reverse\"\n                />\n              </FlexView>\n            </FlexView>\n          </ArrowTooltip>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneProgressInfo;\n"],"names":["LEARNED_SHIELD_GREEN","LEARNED_SHIELD_GRAY","PRACTICED_SHIELD_GREEN","PRACTICED_SHIELD_GREY","MASTERED_SHIELD_GREEN","MASTERED_SHIELD_GRAY","ILLUSTRATIONS","MilestoneProgressInfo","memo","chapterProgress","badgeSize","familiarSheets","proficientSheets","masteredSheets","totalCoreSheets","hasNoCoreSheet","hasCompletedLearningSheets","hasCompletedPracticeSheets","hasMasteredAllSheets","progressData","useMemo","jsx","Fragment","progressInfo","id","imageUrl","title","completedSheetsCount","progressPercentage","getSheetCompletionPercentage","ArrowTooltip","FlexView","Image","ProgressStats","Text"],"mappings":";;;;;;;;;AAaA,MAAM;AAAA,EACJ,sBAAAA;AAAA,EACA,qBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,sBAAAC;AACF,IAAIC,GAEEC,IAAoDC,EAAK,CAAC,EAAE,iBAAAC,GAAiB,WAAAC,QAAgB;AAC3F,QAAA;AAAA,IACJ,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAmB;AAAA,IACtC,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAkB;AAAA,EAAA,IACnCL,KAAmB,CAAA,GAEjBM,IAAiBD,MAAoB,GAErCE,IAA6BL,MAAmBG,GAChDG,IAA6BL,MAAqBE,GAClDI,IAAuBL,MAAmBC,GAE1CK,IAAeC;AAAA,IACnB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,UAAUJ,IAA6BhB,IAAuBC;AAAA,QAC9D,sBAAsBU;AAAA,QACtB,OAAOI,KAAkB,CAACJ,IAAiB,UAAU;AAAA,MACvD;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAA6Bf,IAAyBC;AAAA,QAChE,sBAAsBS;AAAA,QACtB,OAAOG,KAAkB,CAACH,IAAmB,aAAa;AAAA,MAC5D;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAAuBd,IAAwBC;AAAA,QACzD,sBAAsBQ;AAAA,QACtB,OAAOE,KAAkB,CAACF,IAAiB,WAAW;AAAA,MACxD;AAAA,IACF;AAAA,IACA;AAAA,MACEE;AAAA,MACAJ;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA;AAIA,SAAA,gBAAAG,EAAAC,GAAA,EACG,UAAaH,EAAA,IAAI,CAAgBI,MAAA;AAChC,UAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,OAAAC,GAAO,sBAAAC,MAAyBJ,GAEhDK,IAAqBC;AAAA,MACzBF;AAAA,MACAb;AAAA,IAAA;AAIA,WAAA,gBAAAO;AAAA,MAACS;AAAA,MAAA;AAAA,QAEC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGH,KAAwB,CAAC,MAAMb,KAAmB,CAAC;AAAA,QACnE,qBAAqB;AAAA,QACrB,aAAY;AAAA,QAEZ,4BAACiB,GAAS,EAAA,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,UAAC,gBAAAV,EAAAW,GAAA,EAAM,KAAKP,GAAU,KAAKD,GAAI,YAAU,IAAC,OAAOd,GAAW,QAAQA,EAAW,CAAA;AAAA,4BAC9EqB,GACC,EAAA,UAAA,gBAAAV;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,iCACGC,GAAK,EAAA,WAAU,YAAY,UAAG,GAAAR,CAAK,IAAIE,CAAkB,IAAI,CAAA;AAAA,cAEhE,UAAUA;AAAA,cACV,eAAc;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,MAlBKJ;AAAA,IAAA;AAAA,EAqBV,CAAA,EACH,CAAA;AAEJ,CAAC;"}

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

@@ -1 +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,IACvC,IAAIJ,KAAgB,CAAC,GAEfK,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,MAAA;AAAA,IAET;AAEA,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,EAAyB,IAAAH,GAE1CI,IAAqBC;AAAA,YACzBF;AAAA,YACAZ;AAAA,UACF;AAEA,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,oBAAA;AAAA,kBACtB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,eAzBWH,CA2Bf;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAAA;AAGN;"}
+{"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.map

@@ -1 +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,MAAeJ,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;"}
+{"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.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,EAAA,IAAWF,GACrB,EAAE,YAAAG,MAAeD;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 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;"}

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,CAAA;AAAA,EACF;AAGE,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,EAAA,IAAkBO;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,EAAA,CAAA;AAAA,YAAA,GACF;AAAA,YAECD,uBAAkBa,GAAA,EAA0B,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAnB/D,GAAGZ,CAAK,IAAIO,CAAG;AAAA,MAoBtB;AAAA,IAAA,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,EAAA,GAEJ;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 { 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;"}

package/dist/features/milestone/create/comps/test-type-step/category-component-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"category-component-styled.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/category-component-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\ninterface ICategoryWrapper {\n  $backgroundColor: TColorNames;\n}\n\nconst CategoryWrapper = styled(FlexView)<ICategoryWrapper>(({ $backgroundColor, theme }) => {\n  const { colors } = theme;\n\n  return `\n    &:hover {\n      background-color: ${colors[$backgroundColor]};\n      outline: 1px solid black;\n    }\n  `;\n});\n\nexport { CategoryWrapper };\n"],"names":["CategoryWrapper","styled","FlexView","$backgroundColor","theme","colors"],"mappings":";;AAUM,MAAAA,IAAkBC,EAAOC,CAAQ,EAAoB,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,QAAY;AACpF,QAAA,EAAE,QAAAC,MAAWD;AAEZ,SAAA;AAAA;AAAA,0BAEiBC,EAAOF,CAAgB,CAAC;AAAA;AAAA;AAAA;AAIlD,CAAC;"}
+{"version":3,"file":"category-component-styled.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/category-component-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\ninterface ICategoryWrapper {\n  $backgroundColor: TColorNames;\n}\n\nconst CategoryWrapper = styled(FlexView)<ICategoryWrapper>(({ $backgroundColor, theme }) => {\n  const { colors } = theme;\n\n  return `\n    &:hover {\n      background-color: ${colors[$backgroundColor]};\n      outline: 1px solid black;\n    }\n  `;\n});\n\nexport { CategoryWrapper };\n"],"names":["CategoryWrapper","styled","FlexView","$backgroundColor","theme","colors"],"mappings":";;AAUM,MAAAA,IAAkBC,EAAOC,CAAQ,EAAoB,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,QAAY;AACpF,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,0BAEiBC,EAAOF,CAAgB,CAAC;AAAA;AAAA;AAAA;AAIlD,CAAC;"}

package/dist/features/milestone/create/comps/test-type-step/category-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"category-component.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/category-component.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './category-component-styled';\n\ninterface ICategoryComponentProps {\n  title: string;\n  description: string;\n  iconUrl: string;\n  backgroundColor: TColorNames;\n  selected: boolean;\n}\n\nconst CategoryComponent: FC<ICategoryComponentProps> = memo(\n  ({ title, description, iconUrl, backgroundColor, selected }) => {\n    return (\n      <Styled.CategoryWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $widthX={15}\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $backgroundColor={backgroundColor}\n        $background={selected ? backgroundColor : 'TRANSPARENT'}\n      >\n        <Image src={iconUrl} withLoader={false} alt=\"School success\" />\n\n        <FlexView $flexGap={12} $alignItems=\"center\">\n          <Text $renderAs=\"ac3\">{title}</Text>\n\n          <Text $renderAs=\"ab3\" $align=\"center\" $color=\"BLACK_T_60\">\n            {description}\n          </Text>\n        </FlexView>\n      </Styled.CategoryWrapper>\n    );\n  },\n);\n\nexport default CategoryComponent;\n"],"names":["CategoryComponent","memo","title","description","iconUrl","backgroundColor","selected","jsxs","Styled.CategoryWrapper","jsx","Image","FlexView","Text"],"mappings":";;;;;;AAkBA,MAAMA,IAAiDC;AAAA,EACrD,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,iBAAAC,GAAiB,UAAAC,QAE7C,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,kBAAkBH;AAAA,MAClB,aAAaC,IAAWD,IAAkB;AAAA,MAE1C,UAAA;AAAA,QAAA,gBAAAI,EAACC,KAAM,KAAKN,GAAS,YAAY,IAAO,KAAI,kBAAiB;AAAA,QAE5D,gBAAAG,EAAAI,GAAA,EAAS,UAAU,IAAI,aAAY,UAClC,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAK,WAAU,OAAO,UAAMV,GAAA;AAAA,UAE7B,gBAAAO,EAACG,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,cAC1C,UACHT,EAAA,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAGN;"}
+{"version":3,"file":"category-component.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/category-component.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './category-component-styled';\n\ninterface ICategoryComponentProps {\n  title: string;\n  description: string;\n  iconUrl: string;\n  backgroundColor: TColorNames;\n  selected: boolean;\n}\n\nconst CategoryComponent: FC<ICategoryComponentProps> = memo(\n  ({ title, description, iconUrl, backgroundColor, selected }) => {\n    return (\n      <Styled.CategoryWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $widthX={15}\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $backgroundColor={backgroundColor}\n        $background={selected ? backgroundColor : 'TRANSPARENT'}\n      >\n        <Image src={iconUrl} withLoader={false} alt=\"School success\" />\n\n        <FlexView $flexGap={12} $alignItems=\"center\">\n          <Text $renderAs=\"ac3\">{title}</Text>\n\n          <Text $renderAs=\"ab3\" $align=\"center\" $color=\"BLACK_T_60\">\n            {description}\n          </Text>\n        </FlexView>\n      </Styled.CategoryWrapper>\n    );\n  },\n);\n\nexport default CategoryComponent;\n"],"names":["CategoryComponent","memo","title","description","iconUrl","backgroundColor","selected","jsxs","Styled.CategoryWrapper","jsx","Image","FlexView","Text"],"mappings":";;;;;;AAkBA,MAAMA,IAAiDC;AAAA,EACrD,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,iBAAAC,GAAiB,UAAAC,QAE7C,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,kBAAkBH;AAAA,MAClB,aAAaC,IAAWD,IAAkB;AAAA,MAE1C,UAAA;AAAA,QAAA,gBAAAI,EAACC,KAAM,KAAKN,GAAS,YAAY,IAAO,KAAI,kBAAiB;AAAA,QAE5D,gBAAAG,EAAAI,GAAA,EAAS,UAAU,IAAI,aAAY,UAClC,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAK,WAAU,OAAO,UAAMV,GAAA;AAAA,UAE7B,gBAAAO,EAACG,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,cAC1C,UACHT,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/features/milestone/create/comps/test-type-step/test-type-step-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-type-step-constants.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/test-type-step-constants.tsx"],"sourcesContent":["import type { IRadioCardListProps } from '../../../../ui/radio-cards/radio-cards-types';\nimport type { IMileStoneFormFields } from '../../milestone-create-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { RadioCardIcon } from '../../milestone-create-styled';\n\nconst TEST_TYPE_OPTIONS: IRadioCardListProps<\n  NonNullable<IMileStoneFormFields['testType']>\n>['options'] = [\n  {\n    id: 'no-test',\n    title: 'Complete syllabus',\n    description:\n      'Choose this option if there are no tests to prepare for. Learnig plan can be created to complete syllabus.',\n    Icon: <RadioCardIcon src={ILLUSTRATIONS.BOOK_OPEN_BLUE} $backgroundColor=\"GREY_1\" />,\n  },\n  {\n    id: 'non-standardized',\n    title: 'Prepare for a school test',\n    description: 'Semester, term, unit and other school tests. Half-yearly & final exams.',\n    Icon: <RadioCardIcon src={ILLUSTRATIONS.CLOCK_ORANGE} $backgroundColor=\"ORANGE_1\" />,\n  },\n  {\n    id: 'standardized',\n    title: 'Prepare for an external test or contest',\n    description:\n      'Discretionary math contests & competitions like SOF IMO, Math Kangaroo, NAPLAN, SAT. End-of-course state assessments like STAAR, SBAC, and NJSLA.',\n    Icon: <RadioCardIcon src={ILLUSTRATIONS.TROPHY_GREEN} $backgroundColor=\"GREEN_1\" />,\n  },\n];\n\nconst TEST_STEP_ANALYTICS_DATA = {\n  test_type: undefined,\n};\n\nexport { TEST_TYPE_OPTIONS, TEST_STEP_ANALYTICS_DATA };\n"],"names":["TEST_TYPE_OPTIONS","jsx","RadioCardIcon","ILLUSTRATIONS"],"mappings":";;;AAMA,MAAMA,IAES;AAAA,EACb;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,MAAO,gBAAAC,EAAAC,GAAA,EAAc,KAAKC,EAAc,gBAAgB,kBAAiB,SAAS,CAAA;AAAA,EACpF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAO,gBAAAF,EAAAC,GAAA,EAAc,KAAKC,EAAc,cAAc,kBAAiB,WAAW,CAAA;AAAA,EACpF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,MAAO,gBAAAF,EAAAC,GAAA,EAAc,KAAKC,EAAc,cAAc,kBAAiB,UAAU,CAAA;AAAA,EAAA;AAErF;"}
+{"version":3,"file":"test-type-step-constants.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/test-type-step-constants.tsx"],"sourcesContent":["import type { IRadioCardListProps } from '../../../../ui/radio-cards/radio-cards-types';\nimport type { IMileStoneFormFields } from '../../milestone-create-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { RadioCardIcon } from '../../milestone-create-styled';\n\nconst TEST_TYPE_OPTIONS: IRadioCardListProps<\n  NonNullable<IMileStoneFormFields['testType']>\n>['options'] = [\n  {\n    id: 'no-test',\n    title: 'Complete syllabus',\n    description:\n      'Choose this option if there are no tests to prepare for. Learnig plan can be created to complete syllabus.',\n    Icon: <RadioCardIcon src={ILLUSTRATIONS.BOOK_OPEN_BLUE} $backgroundColor=\"GREY_1\" />,\n  },\n  {\n    id: 'non-standardized',\n    title: 'Prepare for a school test',\n    description: 'Semester, term, unit and other school tests. Half-yearly & final exams.',\n    Icon: <RadioCardIcon src={ILLUSTRATIONS.CLOCK_ORANGE} $backgroundColor=\"ORANGE_1\" />,\n  },\n  {\n    id: 'standardized',\n    title: 'Prepare for an external test or contest',\n    description:\n      'Discretionary math contests & competitions like SOF IMO, Math Kangaroo, NAPLAN, SAT. End-of-course state assessments like STAAR, SBAC, and NJSLA.',\n    Icon: <RadioCardIcon src={ILLUSTRATIONS.TROPHY_GREEN} $backgroundColor=\"GREEN_1\" />,\n  },\n];\n\nconst TEST_STEP_ANALYTICS_DATA = {\n  test_type: undefined,\n};\n\nexport { TEST_TYPE_OPTIONS, TEST_STEP_ANALYTICS_DATA };\n"],"names":["TEST_TYPE_OPTIONS","jsx","RadioCardIcon","ILLUSTRATIONS"],"mappings":";;;AAMA,MAAMA,IAES;AAAA,EACb;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,MAAO,gBAAAC,EAAAC,GAAA,EAAc,KAAKC,EAAc,gBAAgB,kBAAiB,UAAS;AAAA,EACpF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAO,gBAAAF,EAAAC,GAAA,EAAc,KAAKC,EAAc,cAAc,kBAAiB,YAAW;AAAA,EACpF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,MAAO,gBAAAF,EAAAC,GAAA,EAAc,KAAKC,EAAc,cAAc,kBAAiB,WAAU;AAAA,EACnF;AACF;"}

package/dist/features/milestone/create/comps/test-type-step/test-type-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-type-step.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/test-type-step.tsx"],"sourcesContent":["import type { IFormStepProps, IMileStoneFormFields } from '../../milestone-create-types';\n\nimport React, { memo, useCallback, useContext } from 'react';\n\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SelectionCards from '../../../../ui/selection-cards/selection-cards';\nimport Text from '../../../../ui/text/text';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport {\n  appendPrimaryGoalCategoryToFormState,\n  getCurriculumStandardsFromConfig,\n  getDefaultBoard,\n} from '../../milestone-create-helpers';\nimport BodyLayout from '../body-layout/body-layout';\nimport { getCategorizedCurriculumStandards } from '../class-details-step/class-details-utils';\nimport { getGoalCategories, getTestTypeBasedCategory } from './test-type-utils';\n\nconst TestTypeStep: React.FC<IFormStepProps> = memo(\n  ({\n    currentStep,\n    formData,\n    config,\n    courseStream,\n    classRatio,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { name, title } = currentStep;\n    const analyticsProps = {\n      step: name,\n    };\n    const { testType, grade, board, region } = formData;\n\n    const { flow } = useContext(MilestoneCreateContext);\n    const { onEvent: trackEvent } = useTrackingContext(analyticsProps);\n\n    const goalCategories = getGoalCategories(testType, config, courseStream, enrollmentType);\n\n    const handleTestTypeChange = useCallback(\n      (selectedTestType: NonNullable<IMileStoneFormFields['testType']>) => {\n        //* This is to compensate for kids with no board.\n        //* ref: https://www.notion.so/cuemath/FE-Goal-Creator-15a8897caec780f3ae21e34ce6f34371?p=1758897caec7803689f8cfc7acf5f5fc&pm=s\n        const boards = getCategorizedCurriculumStandards(config, {\n          grade: grade ?? '',\n          goalCategory: getTestTypeBasedCategory(selectedTestType),\n          countryCode: region ?? '',\n          courseStream,\n          classRatio,\n          enrollmentType,\n        });\n\n        const curriculumStandards = getCurriculumStandardsFromConfig(config, {\n          grade: grade ?? '',\n          goalCategory: getTestTypeBasedCategory(selectedTestType),\n          countryCode: region ?? '',\n          courseStream,\n          classRatio,\n          enrollmentType,\n        });\n\n        const boardIsAvailableInCurriculum =\n          board && curriculumStandards.some(boardData => boardData.id === board);\n\n        const boardData = boardIsAvailableInCurriculum ? board : getDefaultBoard(boards);\n\n        const primaryGoalCategory = appendPrimaryGoalCategoryToFormState(\n          config,\n          selectedTestType,\n          grade,\n          courseStream,\n          enrollmentType,\n          boardData,\n          region,\n        );\n\n        trackEvent('SELECTED_GOAL_CATEGORY', {\n          goal_category: getTestTypeBasedCategory(selectedTestType),\n          flow,\n        });\n\n        onFormDataChange({\n          testType: selectedTestType,\n          board: boardData,\n          chapterGoalCategory: {\n            primaryGoalCategory,\n          },\n          committed: {\n            testType: true,\n            chapterGoalCategory: true,\n          },\n        });\n      },\n      [\n        enrollmentType,\n        board,\n        classRatio,\n        config,\n        courseStream,\n        flow,\n        grade,\n        onFormDataChange,\n        region,\n        trackEvent,\n      ],\n    );\n\n    return (\n      <BodyLayout\n        stepName={name}\n        headerElement={<Text $renderAs=\"ab2\">{title}</Text>}\n        bodyElement={\n          <FlexView $alignItems=\"center\" $height=\"100%\" $gapX={5}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n              <SelectionCards\n                options={goalCategories}\n                value={testType}\n                onChange={handleTestTypeChange}\n                analyticsLabel=\"goal_category\"\n                analyticsProps={{ test_type: testType }}\n                type=\"radio\"\n              />\n            </FlexView>\n          </FlexView>\n        }\n      />\n    );\n  },\n);\n\nexport default TestTypeStep;\n"],"names":["TestTypeStep","memo","currentStep","formData","config","courseStream","classRatio","onFormDataChange","enrollmentType","name","title","analyticsProps","testType","grade","board","region","flow","useContext","MilestoneCreateContext","trackEvent","useTrackingContext","goalCategories","getGoalCategories","handleTestTypeChange","useCallback","selectedTestType","boards","getCategorizedCurriculumStandards","getTestTypeBasedCategory","curriculumStandards","getCurriculumStandardsFromConfig","boardData","getDefaultBoard","primaryGoalCategory","appendPrimaryGoalCategoryToFormState","jsx","BodyLayout","Text","FlexView","SelectionCards"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUR,GAClBS,IAAiB;AAAA,MACrB,MAAMF;AAAA,IACR,GACM,EAAE,UAAAG,GAAU,OAAAC,GAAO,OAAAC,GAAO,QAAAC,EAAW,IAAAZ,GAErC,EAAE,MAAAa,EAAA,IAASC,EAAWC,CAAsB,GAC5C,EAAE,SAASC,MAAeC,EAAmBT,CAAc,GAE3DU,IAAiBC,EAAkBV,GAAUR,GAAQC,GAAcG,CAAc,GAEjFe,IAAuBC;AAAA,MAC3B,CAACC,MAAoE;AAG7D,cAAAC,IAASC,EAAkCvB,GAAQ;AAAA,UACvD,OAAOS,KAAS;AAAA,UAChB,cAAce,EAAyBH,CAAgB;AAAA,UACvD,aAAaV,KAAU;AAAA,UACvB,cAAAV;AAAA,UACA,YAAAC;AAAA,UACA,gBAAAE;AAAA,QAAA,CACD,GAEKqB,IAAsBC,EAAiC1B,GAAQ;AAAA,UACnE,OAAOS,KAAS;AAAA,UAChB,cAAce,EAAyBH,CAAgB;AAAA,UACvD,aAAaV,KAAU;AAAA,UACvB,cAAAV;AAAA,UACA,YAAAC;AAAA,UACA,gBAAAE;AAAA,QAAA,CACD,GAKKuB,IAFJjB,KAASe,EAAoB,KAAK,CAAAE,MAAaA,EAAU,OAAOjB,CAAK,IAEtBA,IAAQkB,EAAgBN,CAAM,GAEzEO,IAAsBC;AAAA,UAC1B9B;AAAA,UACAqB;AAAA,UACAZ;AAAA,UACAR;AAAA,UACAG;AAAA,UACAuB;AAAA,UACAhB;AAAA,QACF;AAEA,QAAAI,EAAW,0BAA0B;AAAA,UACnC,eAAeS,EAAyBH,CAAgB;AAAA,UACxD,MAAAT;AAAA,QAAA,CACD,GAEgBT,EAAA;AAAA,UACf,UAAUkB;AAAA,UACV,OAAOM;AAAA,UACP,qBAAqB;AAAA,YACnB,qBAAAE;AAAA,UACF;AAAA,UACA,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,UAAA;AAAA,QACvB,CACD;AAAA,MACH;AAAA,MACA;AAAA,QACEzB;AAAA,QACAM;AAAA,QACAR;AAAA,QACAF;AAAA,QACAC;AAAA,QACAW;AAAA,QACAH;AAAA,QACAN;AAAA,QACAQ;AAAA,QACAI;AAAA,MAAA;AAAA,IAEJ;AAGE,WAAA,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAU3B;AAAA,QACV,eAAe,gBAAA0B,EAACE,GAAK,EAAA,WAAU,OAAO,UAAM3B,GAAA;AAAA,QAC5C,aACE,gBAAAyB,EAACG,GAAS,EAAA,aAAY,UAAS,SAAQ,QAAO,OAAO,GACnD,UAAC,gBAAAH,EAAAG,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAASlB;AAAA,YACT,OAAOT;AAAA,YACP,UAAUW;AAAA,YACV,gBAAe;AAAA,YACf,gBAAgB,EAAE,WAAWX,EAAS;AAAA,YACtC,MAAK;AAAA,UAAA;AAAA,WAET,EACF,CAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"test-type-step.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/test-type-step.tsx"],"sourcesContent":["import type { IFormStepProps, IMileStoneFormFields } from '../../milestone-create-types';\n\nimport React, { memo, useCallback, useContext } from 'react';\n\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SelectionCards from '../../../../ui/selection-cards/selection-cards';\nimport Text from '../../../../ui/text/text';\nimport MilestoneCreateContext from '../../milestone-create-context';\nimport {\n  appendPrimaryGoalCategoryToFormState,\n  getCurriculumStandardsFromConfig,\n  getDefaultBoard,\n} from '../../milestone-create-helpers';\nimport BodyLayout from '../body-layout/body-layout';\nimport { getCategorizedCurriculumStandards } from '../class-details-step/class-details-utils';\nimport { getGoalCategories, getTestTypeBasedCategory } from './test-type-utils';\n\nconst TestTypeStep: React.FC<IFormStepProps> = memo(\n  ({\n    currentStep,\n    formData,\n    config,\n    courseStream,\n    classRatio,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { name, title } = currentStep;\n    const analyticsProps = {\n      step: name,\n    };\n    const { testType, grade, board, region } = formData;\n\n    const { flow } = useContext(MilestoneCreateContext);\n    const { onEvent: trackEvent } = useTrackingContext(analyticsProps);\n\n    const goalCategories = getGoalCategories(testType, config, courseStream, enrollmentType);\n\n    const handleTestTypeChange = useCallback(\n      (selectedTestType: NonNullable<IMileStoneFormFields['testType']>) => {\n        //* This is to compensate for kids with no board.\n        //* ref: https://www.notion.so/cuemath/FE-Goal-Creator-15a8897caec780f3ae21e34ce6f34371?p=1758897caec7803689f8cfc7acf5f5fc&pm=s\n        const boards = getCategorizedCurriculumStandards(config, {\n          grade: grade ?? '',\n          goalCategory: getTestTypeBasedCategory(selectedTestType),\n          countryCode: region ?? '',\n          courseStream,\n          classRatio,\n          enrollmentType,\n        });\n\n        const curriculumStandards = getCurriculumStandardsFromConfig(config, {\n          grade: grade ?? '',\n          goalCategory: getTestTypeBasedCategory(selectedTestType),\n          countryCode: region ?? '',\n          courseStream,\n          classRatio,\n          enrollmentType,\n        });\n\n        const boardIsAvailableInCurriculum =\n          board && curriculumStandards.some(boardData => boardData.id === board);\n\n        const boardData = boardIsAvailableInCurriculum ? board : getDefaultBoard(boards);\n\n        const primaryGoalCategory = appendPrimaryGoalCategoryToFormState(\n          config,\n          selectedTestType,\n          grade,\n          courseStream,\n          enrollmentType,\n          boardData,\n          region,\n        );\n\n        trackEvent('SELECTED_GOAL_CATEGORY', {\n          goal_category: getTestTypeBasedCategory(selectedTestType),\n          flow,\n        });\n\n        onFormDataChange({\n          testType: selectedTestType,\n          board: boardData,\n          chapterGoalCategory: {\n            primaryGoalCategory,\n          },\n          committed: {\n            testType: true,\n            chapterGoalCategory: true,\n          },\n        });\n      },\n      [\n        enrollmentType,\n        board,\n        classRatio,\n        config,\n        courseStream,\n        flow,\n        grade,\n        onFormDataChange,\n        region,\n        trackEvent,\n      ],\n    );\n\n    return (\n      <BodyLayout\n        stepName={name}\n        headerElement={<Text $renderAs=\"ab2\">{title}</Text>}\n        bodyElement={\n          <FlexView $alignItems=\"center\" $height=\"100%\" $gapX={5}>\n            <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n              <SelectionCards\n                options={goalCategories}\n                value={testType}\n                onChange={handleTestTypeChange}\n                analyticsLabel=\"goal_category\"\n                analyticsProps={{ test_type: testType }}\n                type=\"radio\"\n              />\n            </FlexView>\n          </FlexView>\n        }\n      />\n    );\n  },\n);\n\nexport default TestTypeStep;\n"],"names":["TestTypeStep","memo","currentStep","formData","config","courseStream","classRatio","onFormDataChange","enrollmentType","name","title","analyticsProps","testType","grade","board","region","flow","useContext","MilestoneCreateContext","trackEvent","useTrackingContext","goalCategories","getGoalCategories","handleTestTypeChange","useCallback","selectedTestType","boards","getCategorizedCurriculumStandards","getTestTypeBasedCategory","curriculumStandards","getCurriculumStandardsFromConfig","boardData","getDefaultBoard","primaryGoalCategory","appendPrimaryGoalCategoryToFormState","jsx","BodyLayout","Text","FlexView","SelectionCards"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,MAAAC,GAAM,OAAAC,EAAU,IAAAR,GAClBS,IAAiB;AAAA,MACrB,MAAMF;AAAA,IAAA,GAEF,EAAE,UAAAG,GAAU,OAAAC,GAAO,OAAAC,GAAO,QAAAC,MAAWZ,GAErC,EAAE,MAAAa,EAAA,IAASC,EAAWC,CAAsB,GAC5C,EAAE,SAASC,EAAW,IAAIC,EAAmBT,CAAc,GAE3DU,IAAiBC,EAAkBV,GAAUR,GAAQC,GAAcG,CAAc,GAEjFe,IAAuBC;AAAA,MAC3B,CAACC,MAAoE;AAG7D,cAAAC,IAASC,EAAkCvB,GAAQ;AAAA,UACvD,OAAOS,KAAS;AAAA,UAChB,cAAce,EAAyBH,CAAgB;AAAA,UACvD,aAAaV,KAAU;AAAA,UACvB,cAAAV;AAAA,UACA,YAAAC;AAAA,UACA,gBAAAE;AAAA,QAAA,CACD,GAEKqB,IAAsBC,EAAiC1B,GAAQ;AAAA,UACnE,OAAOS,KAAS;AAAA,UAChB,cAAce,EAAyBH,CAAgB;AAAA,UACvD,aAAaV,KAAU;AAAA,UACvB,cAAAV;AAAA,UACA,YAAAC;AAAA,UACA,gBAAAE;AAAA,QAAA,CACD,GAKKuB,IAFJjB,KAASe,EAAoB,KAAK,CAAAE,MAAaA,EAAU,OAAOjB,CAAK,IAEtBA,IAAQkB,EAAgBN,CAAM,GAEzEO,IAAsBC;AAAA,UAC1B9B;AAAA,UACAqB;AAAA,UACAZ;AAAA,UACAR;AAAA,UACAG;AAAA,UACAuB;AAAA,UACAhB;AAAA,QAAA;AAGF,QAAAI,EAAW,0BAA0B;AAAA,UACnC,eAAeS,EAAyBH,CAAgB;AAAA,UACxD,MAAAT;AAAA,QAAA,CACD,GAEgBT,EAAA;AAAA,UACf,UAAUkB;AAAA,UACV,OAAOM;AAAA,UACP,qBAAqB;AAAA,YACnB,qBAAAE;AAAA,UACF;AAAA,UACA,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,UACvB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA;AAAA,QACEzB;AAAA,QACAM;AAAA,QACAR;AAAA,QACAF;AAAA,QACAC;AAAA,QACAW;AAAA,QACAH;AAAA,QACAN;AAAA,QACAQ;AAAA,QACAI;AAAA,MACF;AAAA,IAAA;AAIA,WAAA,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAU3B;AAAA,QACV,eAAe,gBAAA0B,EAACE,GAAK,EAAA,WAAU,OAAO,UAAM3B,GAAA;AAAA,QAC5C,aACE,gBAAAyB,EAACG,GAAS,EAAA,aAAY,UAAS,SAAQ,QAAO,OAAO,GACnD,UAAC,gBAAAH,EAAAG,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAASlB;AAAA,YACT,OAAOT;AAAA,YACP,UAAUW;AAAA,YACV,gBAAe;AAAA,YACf,gBAAgB,EAAE,WAAWX,EAAS;AAAA,YACtC,MAAK;AAAA,UAAA;AAAA,WAET,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/features/milestone/create/comps/test-type-step/test-type-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-type-utils.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/test-type-utils.tsx"],"sourcesContent":["import type { ISelectionCardOption } from '../../../../ui/selection-cards/selection-cards-types';\nimport type { TTestType } from '../../../types';\nimport type {\n  IGoalCurriculumMap,\n  IMileStoneFormFields,\n  IMilestoneConfig,\n  TCourseStream,\n  TEnrollmentTypes,\n  TGoalCategory,\n} from '../../milestone-create-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../constants';\nimport CategoryComponent from './category-component';\n\nconst { SCHOOL_SUCCESS, TEST_PREP, ENRICHMENT } = GOAL_CATEGORY;\n\nconst checkEnrollmentAvailable = (\n  goalData: IGoalCurriculumMap,\n  enrollmentType?: TEnrollmentTypes,\n): boolean => {\n  if (\n    goalData.available_enrollment_types.length > 0 &&\n    enrollmentType &&\n    !goalData.available_enrollment_types.includes(enrollmentType)\n  )\n    return false;\n\n  if (\n    goalData.available_enrollment_types.length === 0 &&\n    enrollmentType &&\n    goalData.blocked_enrollment_types.includes(enrollmentType)\n  )\n    return false;\n\n  return true;\n};\n\ninterface IGetGoalCategories {\n  (\n    selectedType: TTestType,\n    config: IMilestoneConfig,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n  ): ISelectionCardOption<NonNullable<TTestType>>[];\n}\n\nconst getGoalCategories: IGetGoalCategories = (\n  selectedType,\n  milestoneConfig,\n  courseStream,\n  enrollmentType,\n) => {\n  const { goal_curriculum_map: goalCurriculumMap } = milestoneConfig;\n  const filteredGoalCurriculumMap = goalCurriculumMap.filter(item => {\n    if (item.course_stream !== courseStream) return false;\n\n    return checkEnrollmentAvailable(item, enrollmentType);\n  });\n  const canCreateSchoolSuccess = filteredGoalCurriculumMap.some(\n    goal => goal.goal_category === 'SCHOOL_SUCCESS',\n  );\n  const canCreateTestPrep = filteredGoalCurriculumMap.some(\n    goal => goal.goal_category === 'TEST_PREP',\n  );\n  const canCreateEnrichment = filteredGoalCurriculumMap.some(\n    goal => goal.goal_category === 'ENRICHMENT',\n  );\n\n  const categories: ISelectionCardOption<NonNullable<TTestType>>[] = [\n    {\n      id: 'no-test',\n      visible: canCreateSchoolSuccess,\n      children: (\n        <CategoryComponent\n          title=\"school success\"\n          description=\"Build academic foundations and excel in school studies\"\n          iconUrl={ILLUSTRATIONS.GRADUATE_PINK_FILLED_BG}\n          backgroundColor=\"PURPLE_1\"\n          selected={selectedType === 'no-test'}\n        />\n      ),\n    },\n    {\n      id: 'non-standardized',\n      visible: canCreateTestPrep,\n      children: (\n        <CategoryComponent\n          title=\"test prep\"\n          description=\"Prepare for standardized tests and competitive exams\"\n          iconUrl={ILLUSTRATIONS.TROPHY_BLUE_FILLED}\n          backgroundColor=\"BLUE_1\"\n          selected={selectedType === 'non-standardized'}\n        />\n      ),\n    },\n    {\n      id: 'standardized',\n      visible: canCreateEnrichment,\n      children: (\n        <CategoryComponent\n          title=\"enrichment\"\n          description=\"Expand learning beyond the regular school curriculum\"\n          iconUrl={ILLUSTRATIONS.STAR_ORANGE_FILLED}\n          backgroundColor=\"ORANGE_1\"\n          selected={selectedType === 'standardized'}\n        />\n      ),\n    },\n  ];\n\n  return categories;\n};\n\ninterface IGetTestTypeBasedCategory {\n  (testType: IMileStoneFormFields['testType']): TGoalCategory;\n}\n\nconst getTestTypeBasedCategory: IGetTestTypeBasedCategory = testType => {\n  if (testType === 'no-test') return SCHOOL_SUCCESS;\n\n  if (testType === 'non-standardized') return TEST_PREP;\n\n  return ENRICHMENT;\n};\n\nexport { checkEnrollmentAvailable, getGoalCategories, getTestTypeBasedCategory };\n"],"names":["SCHOOL_SUCCESS","TEST_PREP","ENRICHMENT","GOAL_CATEGORY","checkEnrollmentAvailable","goalData","enrollmentType","getGoalCategories","selectedType","milestoneConfig","courseStream","goalCurriculumMap","filteredGoalCurriculumMap","item","canCreateSchoolSuccess","goal","canCreateTestPrep","canCreateEnrichment","jsx","CategoryComponent","ILLUSTRATIONS","getTestTypeBasedCategory","testType"],"mappings":";;;;AAeA,MAAM,EAAE,gBAAAA,GAAgB,WAAAC,GAAW,YAAAC,EAAA,IAAeC,GAE5CC,IAA2B,CAC/BC,GACAC,MAGE,EAAAD,EAAS,2BAA2B,SAAS,KAC7CC,KACA,CAACD,EAAS,2BAA2B,SAASC,CAAc,KAK5DD,EAAS,2BAA2B,WAAW,KAC/CC,KACAD,EAAS,yBAAyB,SAASC,CAAc,IAgBvDC,IAAwC,CAC5CC,GACAC,GACAC,GACAJ,MACG;AACG,QAAA,EAAE,qBAAqBK,EAAA,IAAsBF,GAC7CG,IAA4BD,EAAkB,OAAO,CAAQE,MAC7DA,EAAK,kBAAkBH,IAAqB,KAEzCN,EAAyBS,GAAMP,CAAc,CACrD,GACKQ,IAAyBF,EAA0B;AAAA,IACvD,CAAAG,MAAQA,EAAK,kBAAkB;AAAA,EACjC,GACMC,IAAoBJ,EAA0B;AAAA,IAClD,CAAAG,MAAQA,EAAK,kBAAkB;AAAA,EACjC,GACME,IAAsBL,EAA0B;AAAA,IACpD,CAAAG,MAAQA,EAAK,kBAAkB;AAAA,EACjC;AA4CO,SA1C4D;AAAA,IACjE;AAAA,MACE,IAAI;AAAA,MACJ,SAASD;AAAA,MACT,UACE,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,SAASC,EAAc;AAAA,UACvB,iBAAgB;AAAA,UAChB,UAAUZ,MAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGjC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,SAASQ;AAAA,MACT,UACE,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,SAASC,EAAc;AAAA,UACvB,iBAAgB;AAAA,UAChB,UAAUZ,MAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGjC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,SAASS;AAAA,MACT,UACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,SAASC,EAAc;AAAA,UACvB,iBAAgB;AAAA,UAChB,UAAUZ,MAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7B;AAAA,EAGN;AAGF,GAMMa,IAAsD,CAAYC,MAClEA,MAAa,YAAkBtB,IAE/BsB,MAAa,qBAA2BrB,IAErCC;"}
+{"version":3,"file":"test-type-utils.js","sources":["../../../../../../src/features/milestone/create/comps/test-type-step/test-type-utils.tsx"],"sourcesContent":["import type { ISelectionCardOption } from '../../../../ui/selection-cards/selection-cards-types';\nimport type { TTestType } from '../../../types';\nimport type {\n  IGoalCurriculumMap,\n  IMileStoneFormFields,\n  IMilestoneConfig,\n  TCourseStream,\n  TEnrollmentTypes,\n  TGoalCategory,\n} from '../../milestone-create-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../constants';\nimport CategoryComponent from './category-component';\n\nconst { SCHOOL_SUCCESS, TEST_PREP, ENRICHMENT } = GOAL_CATEGORY;\n\nconst checkEnrollmentAvailable = (\n  goalData: IGoalCurriculumMap,\n  enrollmentType?: TEnrollmentTypes,\n): boolean => {\n  if (\n    goalData.available_enrollment_types.length > 0 &&\n    enrollmentType &&\n    !goalData.available_enrollment_types.includes(enrollmentType)\n  )\n    return false;\n\n  if (\n    goalData.available_enrollment_types.length === 0 &&\n    enrollmentType &&\n    goalData.blocked_enrollment_types.includes(enrollmentType)\n  )\n    return false;\n\n  return true;\n};\n\ninterface IGetGoalCategories {\n  (\n    selectedType: TTestType,\n    config: IMilestoneConfig,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n  ): ISelectionCardOption<NonNullable<TTestType>>[];\n}\n\nconst getGoalCategories: IGetGoalCategories = (\n  selectedType,\n  milestoneConfig,\n  courseStream,\n  enrollmentType,\n) => {\n  const { goal_curriculum_map: goalCurriculumMap } = milestoneConfig;\n  const filteredGoalCurriculumMap = goalCurriculumMap.filter(item => {\n    if (item.course_stream !== courseStream) return false;\n\n    return checkEnrollmentAvailable(item, enrollmentType);\n  });\n  const canCreateSchoolSuccess = filteredGoalCurriculumMap.some(\n    goal => goal.goal_category === 'SCHOOL_SUCCESS',\n  );\n  const canCreateTestPrep = filteredGoalCurriculumMap.some(\n    goal => goal.goal_category === 'TEST_PREP',\n  );\n  const canCreateEnrichment = filteredGoalCurriculumMap.some(\n    goal => goal.goal_category === 'ENRICHMENT',\n  );\n\n  const categories: ISelectionCardOption<NonNullable<TTestType>>[] = [\n    {\n      id: 'no-test',\n      visible: canCreateSchoolSuccess,\n      children: (\n        <CategoryComponent\n          title=\"school success\"\n          description=\"Build academic foundations and excel in school studies\"\n          iconUrl={ILLUSTRATIONS.GRADUATE_PINK_FILLED_BG}\n          backgroundColor=\"PURPLE_1\"\n          selected={selectedType === 'no-test'}\n        />\n      ),\n    },\n    {\n      id: 'non-standardized',\n      visible: canCreateTestPrep,\n      children: (\n        <CategoryComponent\n          title=\"test prep\"\n          description=\"Prepare for standardized tests and competitive exams\"\n          iconUrl={ILLUSTRATIONS.TROPHY_BLUE_FILLED}\n          backgroundColor=\"BLUE_1\"\n          selected={selectedType === 'non-standardized'}\n        />\n      ),\n    },\n    {\n      id: 'standardized',\n      visible: canCreateEnrichment,\n      children: (\n        <CategoryComponent\n          title=\"enrichment\"\n          description=\"Expand learning beyond the regular school curriculum\"\n          iconUrl={ILLUSTRATIONS.STAR_ORANGE_FILLED}\n          backgroundColor=\"ORANGE_1\"\n          selected={selectedType === 'standardized'}\n        />\n      ),\n    },\n  ];\n\n  return categories;\n};\n\ninterface IGetTestTypeBasedCategory {\n  (testType: IMileStoneFormFields['testType']): TGoalCategory;\n}\n\nconst getTestTypeBasedCategory: IGetTestTypeBasedCategory = testType => {\n  if (testType === 'no-test') return SCHOOL_SUCCESS;\n\n  if (testType === 'non-standardized') return TEST_PREP;\n\n  return ENRICHMENT;\n};\n\nexport { checkEnrollmentAvailable, getGoalCategories, getTestTypeBasedCategory };\n"],"names":["SCHOOL_SUCCESS","TEST_PREP","ENRICHMENT","GOAL_CATEGORY","checkEnrollmentAvailable","goalData","enrollmentType","getGoalCategories","selectedType","milestoneConfig","courseStream","goalCurriculumMap","filteredGoalCurriculumMap","item","canCreateSchoolSuccess","goal","canCreateTestPrep","canCreateEnrichment","jsx","CategoryComponent","ILLUSTRATIONS","getTestTypeBasedCategory","testType"],"mappings":";;;;AAeA,MAAM,EAAE,gBAAAA,GAAgB,WAAAC,GAAW,YAAAC,EAAA,IAAeC,GAE5CC,IAA2B,CAC/BC,GACAC,MAGE,EAAAD,EAAS,2BAA2B,SAAS,KAC7CC,KACA,CAACD,EAAS,2BAA2B,SAASC,CAAc,KAK5DD,EAAS,2BAA2B,WAAW,KAC/CC,KACAD,EAAS,yBAAyB,SAASC,CAAc,IAgBvDC,IAAwC,CAC5CC,GACAC,GACAC,GACAJ,MACG;AACG,QAAA,EAAE,qBAAqBK,EAAsB,IAAAF,GAC7CG,IAA4BD,EAAkB,OAAO,CAAQE,MAC7DA,EAAK,kBAAkBH,IAAqB,KAEzCN,EAAyBS,GAAMP,CAAc,CACrD,GACKQ,IAAyBF,EAA0B;AAAA,IACvD,CAAAG,MAAQA,EAAK,kBAAkB;AAAA,EAAA,GAE3BC,IAAoBJ,EAA0B;AAAA,IAClD,CAAAG,MAAQA,EAAK,kBAAkB;AAAA,EAAA,GAE3BE,IAAsBL,EAA0B;AAAA,IACpD,CAAAG,MAAQA,EAAK,kBAAkB;AAAA,EAAA;AA6C1B,SA1C4D;AAAA,IACjE;AAAA,MACE,IAAI;AAAA,MACJ,SAASD;AAAA,MACT,UACE,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,SAASC,EAAc;AAAA,UACvB,iBAAgB;AAAA,UAChB,UAAUZ,MAAiB;AAAA,QAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,SAASQ;AAAA,MACT,UACE,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,SAASC,EAAc;AAAA,UACvB,iBAAgB;AAAA,UAChB,UAAUZ,MAAiB;AAAA,QAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,SAASS;AAAA,MACT,UACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ,SAASC,EAAc;AAAA,UACvB,iBAAgB;AAAA,UAChB,UAAUZ,MAAiB;AAAA,QAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,EAAA;AAIJ,GAMMa,IAAsD,CAAYC,MAClEA,MAAa,YAAkBtB,IAE/BsB,MAAa,qBAA2BrB,IAErCC;"}

package/dist/features/milestone/create/milestone-create-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-create-constants.js","sources":["../../../../src/features/milestone/create/milestone-create-constants.ts"],"sourcesContent":["import type { TChapterState } from './comps/chapter-item/chapter-item-types';\nimport type { IMilestoneFormData, TMilestoneFormFlow } from './milestone-create-types';\n\nconst IS_CHAPTER_COMPLETED_STATES: TChapterState[] = ['FAMILIAR', 'MASTERED', 'PROFICIENT'];\n\nconst GOAL_EDIT_FLOWS: TMilestoneFormFlow[] = ['EDIT', 'DRAFT_EDIT'];\n\n/**\n * Conservative list of fields that when edited might cause the flow to branch out.\n **/\nconst BRANCHING_FIELDS: (keyof IMilestoneFormData)[] = [\n  'grade',\n  'academicEventId',\n  'board',\n  'schoolInfo',\n  'region',\n  'major',\n  'testType',\n];\n\nconst EVENT_NAMES: Record<\n  TMilestoneFormFlow,\n  {\n    completed: string;\n  }\n> = {\n  CREATE: {\n    completed: 'MILESTONE_CREATION_COMPLETED',\n  },\n  EDIT: {\n    completed: 'MILESTONE_EDIT_COMPLETED',\n  },\n  DRAFT_EDIT: {\n    completed: 'MILESTONE_DRAFT_EDIT_COMPLETED',\n  },\n};\n\nexport { BRANCHING_FIELDS, IS_CHAPTER_COMPLETED_STATES, GOAL_EDIT_FLOWS, EVENT_NAMES };\n"],"names":["IS_CHAPTER_COMPLETED_STATES","GOAL_EDIT_FLOWS","BRANCHING_FIELDS","EVENT_NAMES"],"mappings":"AAGA,MAAMA,IAA+C,CAAC,YAAY,YAAY,YAAY,GAEpFC,IAAwC,CAAC,QAAQ,YAAY,GAK7DC,IAAiD;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAKF;AAAA,EACF,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACV,WAAW;AAAA,EAAA;AAEf;"}
+{"version":3,"file":"milestone-create-constants.js","sources":["../../../../src/features/milestone/create/milestone-create-constants.ts"],"sourcesContent":["import type { TChapterState } from './comps/chapter-item/chapter-item-types';\nimport type { IMilestoneFormData, TMilestoneFormFlow } from './milestone-create-types';\n\nconst IS_CHAPTER_COMPLETED_STATES: TChapterState[] = ['FAMILIAR', 'MASTERED', 'PROFICIENT'];\n\nconst GOAL_EDIT_FLOWS: TMilestoneFormFlow[] = ['EDIT', 'DRAFT_EDIT'];\n\n/**\n * Conservative list of fields that when edited might cause the flow to branch out.\n **/\nconst BRANCHING_FIELDS: (keyof IMilestoneFormData)[] = [\n  'grade',\n  'academicEventId',\n  'board',\n  'schoolInfo',\n  'region',\n  'major',\n  'testType',\n];\n\nconst EVENT_NAMES: Record<\n  TMilestoneFormFlow,\n  {\n    completed: string;\n  }\n> = {\n  CREATE: {\n    completed: 'MILESTONE_CREATION_COMPLETED',\n  },\n  EDIT: {\n    completed: 'MILESTONE_EDIT_COMPLETED',\n  },\n  DRAFT_EDIT: {\n    completed: 'MILESTONE_DRAFT_EDIT_COMPLETED',\n  },\n};\n\nexport { BRANCHING_FIELDS, IS_CHAPTER_COMPLETED_STATES, GOAL_EDIT_FLOWS, EVENT_NAMES };\n"],"names":["IS_CHAPTER_COMPLETED_STATES","GOAL_EDIT_FLOWS","BRANCHING_FIELDS","EVENT_NAMES"],"mappings":"AAGA,MAAMA,IAA+C,CAAC,YAAY,YAAY,YAAY,GAEpFC,IAAwC,CAAC,QAAQ,YAAY,GAK7DC,IAAiD;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAKF;AAAA,EACF,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACV,WAAW;AAAA,EACb;AACF;"}

package/dist/features/milestone/create/milestone-create-container.js

@@ -4,58 +4,58 @@ import { memo as S, useEffect as b } from "react";
 import A from "../../ui/loader/app-loader/app-loader.js";
 import { useGetMileStoneConfig as F } from "./api/milestone-config.js";
 import j from "./milestone-create.js";
-const R = S(
+const v = S(
   ({
-    studentName: r,
-    studentId: i,
-    height: n,
+    studentName: n,
+    studentId: r,
+    height: i,
     minHeight: a,
     formData: m,
-    onChapterExitWarning: f,
-    onFormDataChange: s,
-    onPreSubmit: g,
-    onExit: p,
-    userType: u,
-    board: C,
+    onChapterExitWarning: s,
+    onFormDataChange: f,
+    onPreSubmit: C,
+    onExit: g,
+    userType: p,
+    board: u,
     schoolData: l,
     grade: c,
     currentCountryCode: h,
     isGoalCreation: E,
     courseStream: d,
     classRatio: x,
-    enrollmentType: D
+    enrollmentType: M
   }) => {
-    const { get: o, data: t, isProcessing: M } = F();
+    const { get: o, data: t, isProcessing: D } = F();
     return b(() => {
       o("", void 0);
-    }, [o]), M ? /* @__PURE__ */ e(A, { height: "100%" }) : t ? /* @__PURE__ */ e(
+    }, [o]), D ? /* @__PURE__ */ e(A, { height: "100%" }) : t ? /* @__PURE__ */ e(
       j,
       {
         flow: "CREATE",
-        board: C,
+        board: u,
         schoolData: l,
-        studentId: i,
-        studentName: P.titleCase(r),
-        height: n,
+        studentId: r,
+        studentName: P.titleCase(n),
+        height: i,
         minHeight: a,
         formData: m,
         config: t,
         currentCountryCode: h,
-        onFormDataChange: s,
-        onChapterExitWarning: f,
-        onPreSubmit: g,
-        onExit: p,
-        userType: u,
+        onFormDataChange: f,
+        onChapterExitWarning: s,
+        onPreSubmit: C,
+        onExit: g,
+        userType: p,
         grade: c,
         isGoalCreation: E,
         courseStream: d,
         classRatio: x,
-        enrollmentType: D
+        enrollmentType: M
       }
     ) : null;
   }
-);
+), T = v;
 export {
-  R as default
+  T as default
 };
 //# sourceMappingURL=milestone-create-container.js.map