@cuemath/leap 3.0.7-hg1 → 3.0.7

package/dist/features/milestone/create/comps/class-details-step/class-details-step.js

@@ -0,0 +1,206 @@
+import { jsx as V } from "react/jsx-runtime";
+import { memo as X, useMemo as y, useCallback as b } from "react";
+import { convertToTitleCase as O } from "../../../../../helpers/label-text.js";
+import { useUIContext as Y } from "../../../../ui/context/context.js";
+import { WARNING_MESSAGES as i } from "../../../constants.js";
+import { getGradesBasedOnGoalAvailability as Z, appendPrimaryGoalCategoryToFormState as I } from "../../milestone-create-helpers.js";
+import { computeChangeDetection as $, getCountriesWhereCurrentGradeNCategoryIsAvailable as h } from "../chapters-selection-step/utils.js";
+import { getTestTypeBasedCategory as T } from "../test-type-step/test-type-utils.js";
+import n from "./class-details-selectors.js";
+import { getCategorizedCurriculumStandards as E } from "./class-details-utils.js";
+const ce = X(
+  ({
+    config: s,
+    formData: g,
+    currentStep: j,
+    courseStream: r,
+    classRatio: v,
+    onChapterExitWarning: o,
+    onFormDataChange: U,
+    enrollmentType: a
+  }) => {
+    const { onEvent: _ } = Y(), {
+      testType: c,
+      grade: d,
+      board: u,
+      schoolInfo: B,
+      region: H,
+      primaryChaptersList: M,
+      chapterGoalCategory: P = {}
+    } = g, { primaryGoalCategory: R } = P, m = T(c), { countryCode: k } = B || {}, t = H || k, { name: D } = j, G = $(M, R), L = y(
+      () => ({
+        step: D
+      }),
+      [D]
+    ), F = y(
+      () => E(s, {
+        grade: d ?? "",
+        countryCode: t ?? "",
+        goalCategory: m,
+        courseStream: r,
+        classRatio: v,
+        enrollmentType: a
+      }),
+      [
+        v,
+        s,
+        r,
+        t,
+        d,
+        a,
+        m
+      ]
+    ), f = y(
+      () => h(
+        r,
+        s,
+        m,
+        a,
+        d,
+        t
+      ),
+      [r, s, m, a, d, t]
+    ), S = y(() => Z(
+      s,
+      m,
+      r,
+      a
+    ), [s, r, a, m]), z = y(() => {
+      var e;
+      return (e = Object.entries(f)) == null ? void 0 : e.map(([p, C]) => ({
+        id: p,
+        label: O(C)
+      })).sort((p, C) => p.label.localeCompare(C.label));
+    }, [f]), q = y(() => t && f[t] ? O(f[t] ?? "") : "", [f, t]), l = b(
+      ({
+        updatedData: e,
+        gradeUpdated: p,
+        boardUpdated: C,
+        countryUpdated: Q
+      }) => {
+        let A, N;
+        p ? (A = I(
+          s,
+          c,
+          e,
+          r,
+          a,
+          u,
+          t
+        ), N = {
+          grade: e
+        }) : C ? (A = I(
+          s,
+          c,
+          d,
+          r,
+          a,
+          e,
+          t
+        ), N = {
+          board: e,
+          major: void 0
+        }) : Q && (A = I(
+          s,
+          c,
+          d,
+          r,
+          a,
+          u,
+          e
+        ), N = {
+          region: e
+        }), _("onchange", L), U({
+          ...N,
+          chapterGoalCategory: {
+            primaryGoalCategory: A
+          },
+          primaryChaptersList: void 0
+        });
+      },
+      [
+        L,
+        u,
+        s,
+        r,
+        t,
+        a,
+        d,
+        U,
+        c,
+        _
+      ]
+    ), w = b(
+      (e) => {
+        if (e === d) return null;
+        G ? o == null || o({
+          description: i.GOAL_CHANGE_WARNING,
+          onSuccess: () => {
+            l({
+              updatedData: e,
+              gradeUpdated: !0
+            });
+          }
+        }) : l({
+          updatedData: e,
+          gradeUpdated: !0
+        });
+      },
+      [o, l, d, G]
+    ), J = b(
+      (e) => {
+        if (e === u) return null;
+        G ? o == null || o({
+          description: i.GOAL_CHANGE_WARNING,
+          onSuccess: () => {
+            l({
+              updatedData: e,
+              boardUpdated: !0
+            });
+          }
+        }) : l({
+          updatedData: e,
+          boardUpdated: !0
+        });
+      },
+      [o, l, u, G]
+    ), K = b(
+      (e) => {
+        if (e === t) return null;
+        G ? o == null || o({
+          description: i.GOAL_CHANGE_WARNING,
+          onSuccess: () => {
+            l({
+              updatedData: e,
+              countryUpdated: !0
+            });
+          }
+        }) : l({
+          updatedData: e,
+          countryUpdated: !0
+        });
+      },
+      [o, l, t, G]
+    );
+    return /* @__PURE__ */ V(
+      n,
+      {
+        testType: c,
+        grade: d,
+        grades: S,
+        board: u,
+        boards: F,
+        countryLabel: q,
+        countries: z,
+        currentCountryCode: t,
+        handleCountryChange: K,
+        handleBoardChange: J,
+        handleGradeSelect: w
+      }
+    );
+  }
+);
+export {
+  ce as default
+};
+//# sourceMappingURL=class-details-step.js.map

package/dist/features/milestone/create/comps/class-details-step/class-details-step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-details-step.js","sources":["../../../../../../src/features/milestone/create/comps/class-details-step/class-details-step.tsx"],"sourcesContent":["import type { IFormStepProps } from '../../milestone-create-types';\n\nimport React, { memo, useCallback, useMemo } from 'react';\n\nimport { convertToTitleCase } from '../../../../../helpers/label-text';\nimport { useUIContext } from '../../../../ui/context/context';\nimport { WARNING_MESSAGES } from '../../../constants';\nimport {\n  appendPrimaryGoalCategoryToFormState,\n  getGradesBasedOnGoalAvailability,\n} from '../../milestone-create-helpers';\nimport {\n  computeChangeDetection,\n  getCountriesWhereCurrentGradeNCategoryIsAvailable,\n} from '../chapters-selection-step/utils';\nimport { getTestTypeBasedCategory } from '../test-type-step/test-type-utils';\nimport ClassDetailsSelectors from './class-details-selectors';\nimport { getCategorizedCurriculumStandards } from './class-details-utils';\n\nconst ClassDetailsStep: React.FC<IFormStepProps> = memo(\n  ({\n    config,\n    formData,\n    currentStep,\n    courseStream,\n    classRatio,\n    onChapterExitWarning,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { onEvent: trackEvent } = useUIContext();\n\n    const {\n      testType,\n      grade,\n      board,\n      schoolInfo,\n      region,\n      primaryChaptersList,\n      chapterGoalCategory = {},\n    } = formData;\n\n    const { primaryGoalCategory } = chapterGoalCategory;\n\n    const selectedGoalCategory = getTestTypeBasedCategory(testType);\n    const { countryCode: schoolInfoCountryCode } = schoolInfo || {};\n    const currentCountryCode = region || schoolInfoCountryCode; //TODO: remove all school related code, this might lead to some drafts (which were created earlier) asking user to fill country/board again but if they carry on with same details data will be prefilled\n    const { name } = currentStep;\n\n    const changesDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n    const analyticsProps = useMemo(\n      () => ({\n        step: name,\n      }),\n      [name],\n    );\n\n    const boards = useMemo(\n      () =>\n        getCategorizedCurriculumStandards(config, {\n          grade: grade ?? '',\n          countryCode: currentCountryCode ?? '',\n          goalCategory: selectedGoalCategory,\n          courseStream,\n          classRatio,\n          enrollmentType,\n        }),\n      [\n        classRatio,\n        config,\n        courseStream,\n        currentCountryCode,\n        grade,\n        enrollmentType,\n        selectedGoalCategory,\n      ],\n    );\n\n    const filteredCountryCodeToNameMap = useMemo(\n      () =>\n        getCountriesWhereCurrentGradeNCategoryIsAvailable(\n          courseStream,\n          config,\n          selectedGoalCategory,\n          enrollmentType,\n          grade,\n          currentCountryCode,\n        ),\n      [courseStream, config, selectedGoalCategory, enrollmentType, grade, currentCountryCode],\n    );\n\n    const grades = useMemo(() => {\n      return getGradesBasedOnGoalAvailability(\n        config,\n        selectedGoalCategory,\n        courseStream,\n        enrollmentType,\n      );\n    }, [config, courseStream, enrollmentType, selectedGoalCategory]);\n\n    const countries = useMemo(() => {\n      return Object.entries(filteredCountryCodeToNameMap)\n        ?.map(([countryCode, countryName]) => ({\n          id: countryCode,\n          label: convertToTitleCase(countryName),\n        }))\n        .sort((a, b) => {\n          return a.label.localeCompare(b.label);\n        });\n    }, [filteredCountryCodeToNameMap]);\n\n    const countryLabel = useMemo(() => {\n      return currentCountryCode && filteredCountryCodeToNameMap[currentCountryCode]\n        ? convertToTitleCase(filteredCountryCodeToNameMap[currentCountryCode] ?? '')\n        : '';\n    }, [filteredCountryCodeToNameMap, currentCountryCode]);\n\n    const handleOnFormDataChange = useCallback(\n      ({\n        updatedData,\n        gradeUpdated,\n        boardUpdated,\n        countryUpdated,\n      }: {\n        updatedData: string;\n        gradeUpdated?: boolean;\n        boardUpdated?: boolean;\n        countryUpdated?: boolean;\n        majorUpdated?: boolean;\n      }) => {\n        let updatedPrimaryGoalCategory;\n        let updatedFormData;\n\n        if (gradeUpdated) {\n          updatedPrimaryGoalCategory = appendPrimaryGoalCategoryToFormState(\n            config,\n            testType,\n            updatedData,\n            courseStream,\n            enrollmentType,\n            board,\n            currentCountryCode,\n          );\n\n          updatedFormData = {\n            grade: updatedData,\n          };\n        } else if (boardUpdated) {\n          updatedPrimaryGoalCategory = appendPrimaryGoalCategoryToFormState(\n            config,\n            testType,\n            grade,\n            courseStream,\n            enrollmentType,\n            updatedData,\n            currentCountryCode,\n          );\n\n          updatedFormData = {\n            board: updatedData,\n            major: undefined,\n          };\n        } else if (countryUpdated) {\n          updatedPrimaryGoalCategory = appendPrimaryGoalCategoryToFormState(\n            config,\n            testType,\n            grade,\n            courseStream,\n            enrollmentType,\n            board,\n            updatedData,\n          );\n\n          updatedFormData = {\n            region: updatedData,\n          };\n        }\n\n        trackEvent('onchange', analyticsProps);\n\n        onFormDataChange({\n          ...updatedFormData,\n          chapterGoalCategory: {\n            primaryGoalCategory: updatedPrimaryGoalCategory,\n          },\n          primaryChaptersList: undefined,\n        });\n      },\n      [\n        analyticsProps,\n        board,\n        config,\n        courseStream,\n        currentCountryCode,\n        enrollmentType,\n        grade,\n        onFormDataChange,\n        testType,\n        trackEvent,\n      ],\n    );\n\n    const handleGradeSelect = useCallback(\n      (selectedGrade: string) => {\n        if (selectedGrade === grade) return null;\n\n        if (!changesDetected) {\n          handleOnFormDataChange({\n            updatedData: selectedGrade,\n            gradeUpdated: true,\n          });\n        } else {\n          onChapterExitWarning?.({\n            description: WARNING_MESSAGES.GOAL_CHANGE_WARNING,\n            onSuccess: () => {\n              handleOnFormDataChange({\n                updatedData: selectedGrade,\n                gradeUpdated: true,\n              });\n            },\n          });\n        }\n      },\n      [onChapterExitWarning, handleOnFormDataChange, grade, changesDetected],\n    );\n\n    const handleBoardChange = useCallback(\n      (boardCode: string) => {\n        if (boardCode === board) return null;\n\n        if (!changesDetected) {\n          handleOnFormDataChange({\n            updatedData: boardCode,\n            boardUpdated: true,\n          });\n        } else {\n          onChapterExitWarning?.({\n            description: WARNING_MESSAGES.GOAL_CHANGE_WARNING,\n            onSuccess: () => {\n              handleOnFormDataChange({\n                updatedData: boardCode,\n                boardUpdated: true,\n              });\n            },\n          });\n        }\n      },\n      [onChapterExitWarning, handleOnFormDataChange, board, changesDetected],\n    );\n\n    const handleCountryChange = useCallback(\n      (updatedCountryCode: string) => {\n        if (updatedCountryCode === currentCountryCode) return null;\n\n        if (!changesDetected) {\n          handleOnFormDataChange({\n            updatedData: updatedCountryCode,\n            countryUpdated: true,\n          });\n        } else {\n          onChapterExitWarning?.({\n            description: WARNING_MESSAGES.GOAL_CHANGE_WARNING,\n            onSuccess: () => {\n              handleOnFormDataChange({\n                updatedData: updatedCountryCode,\n                countryUpdated: true,\n              });\n            },\n          });\n        }\n      },\n      [onChapterExitWarning, handleOnFormDataChange, currentCountryCode, changesDetected],\n    );\n\n    return (\n      <ClassDetailsSelectors\n        testType={testType}\n        grade={grade}\n        grades={grades}\n        board={board}\n        boards={boards}\n        countryLabel={countryLabel}\n        countries={countries}\n        currentCountryCode={currentCountryCode}\n        handleCountryChange={handleCountryChange}\n        handleBoardChange={handleBoardChange}\n        handleGradeSelect={handleGradeSelect}\n      />\n    );\n  },\n);\n\nexport default ClassDetailsStep;\n"],"names":["ClassDetailsStep","memo","config","formData","currentStep","courseStream","classRatio","onChapterExitWarning","onFormDataChange","enrollmentType","trackEvent","useUIContext","testType","grade","board","schoolInfo","region","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","selectedGoalCategory","getTestTypeBasedCategory","schoolInfoCountryCode","currentCountryCode","name","changesDetected","computeChangeDetection","analyticsProps","useMemo","boards","getCategorizedCurriculumStandards","filteredCountryCodeToNameMap","getCountriesWhereCurrentGradeNCategoryIsAvailable","grades","getGradesBasedOnGoalAvailability","countries","_a","countryCode","countryName","convertToTitleCase","a","b","countryLabel","handleOnFormDataChange","useCallback","updatedData","gradeUpdated","boardUpdated","countryUpdated","updatedPrimaryGoalCategory","updatedFormData","appendPrimaryGoalCategoryToFormState","handleGradeSelect","selectedGrade","WARNING_MESSAGES","handleBoardChange","boardCode","handleCountryChange","updatedCountryCode","jsx","ClassDetailsSelectors"],"mappings":"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"}

package/dist/features/milestone/create/comps/class-details-step/class-details-styled.js

@@ -0,0 +1,14 @@
+import r from "styled-components";
+import c from "../../../../../assets/line-icons/icons/star.js";
+const s = r(c)(({ theme: o }) => {
+  const { WHITE: t } = o.colors;
+  return `
+    path {
+      stroke: ${t};
+    }
+  `;
+});
+export {
+  s as StyledStarIcon
+};
+//# sourceMappingURL=class-details-styled.js.map

package/dist/features/milestone/create/comps/class-details-step/class-details-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-details-styled.js","sources":["../../../../../../src/features/milestone/create/comps/class-details-step/class-details-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport StarIcon from '../../../../../assets/line-icons/icons/star';\n\nconst StyledStarIcon = styled(StarIcon)(({ theme }) => {\n  const { WHITE } = theme.colors;\n\n  return `\n    path {\n      stroke: ${WHITE};\n    }\n  `;\n});\n\nexport { StyledStarIcon };\n"],"names":["StyledStarIcon","styled","StarIcon","theme","WHITE"],"mappings":";;AAIA,MAAMA,IAAiBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,OAAAC,EAAM,IAAID,EAAM;AAEjB,SAAA;AAAA;AAAA,gBAEOC,CAAK;AAAA;AAAA;AAGrB,CAAC;"}

package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import g from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import S from "../../../../ui/layout/flex-view.js";
+import { getCurriculumStandardsFromConfig as C } from "../../milestone-create-helpers.js";
+import { StyledStarIcon as h } from "./class-details-styled.js";
+const A = (d, { grade: n, countryCode: u, goalCategory: l, courseStream: s, classRatio: m, enrollmentType: c }) => {
+  const o = C(d, {
+    grade: n,
+    countryCode: u,
+    goalCategory: l,
+    courseStream: s,
+    classRatio: m,
+    enrollmentType: c
+  }), i = (r) => {
+    const { isDefault: t } = r;
+    return t ? {
+      ...r,
+      tag: /* @__PURE__ */ e(g, { renderAs: "secondary", position: "top", tooltipItem: "Default", zIndex: 4, children: /* @__PURE__ */ e(S, { $width: 20, $height: 20, $alignItems: "center", children: /* @__PURE__ */ e(h, {}) }) })
+    } : r;
+  }, a = (r, t) => r.isDefault && !t.isDefault ? -1 : !r.isDefault && t.isDefault || r.label.toUpperCase() > t.label.toUpperCase() ? 1 : -1, f = o.filter((r) => r.isRecommended).map(i).sort(a), p = o.filter((r) => !r.isRecommended).map(i).sort(a);
+  return [
+    { title: "recommended", data: f },
+    { title: "others", data: p }
+  ].filter((r) => r.data.length > 0);
+};
+export {
+  A as getCategorizedCurriculumStandards
+};
+//# sourceMappingURL=class-details-utils.js.map

package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-details-utils.js","sources":["../../../../../../src/features/milestone/create/comps/class-details-step/class-details-utils.tsx"],"sourcesContent":["import type { ISectionOption } from '../../../../ui/section-list/section-list-types';\nimport type {\n  IMilestoneConfig,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TGoalCategory,\n} from '../../milestone-create-types';\n\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getCurriculumStandardsFromConfig } from '../../milestone-create-helpers';\nimport * as Styled from './class-details-styled';\n\ninterface IGetCategorizedCurriculumStandards {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      courseStream: TCourseStream;\n      classRatio?: number;\n      enrollmentType: TEnrollmentTypes;\n    },\n  ): ISectionOption<TCurriculumStandardOption>[];\n}\n\nconst getCategorizedCurriculumStandards: IGetCategorizedCurriculumStandards = (\n  config,\n  { grade, countryCode, goalCategory, courseStream, classRatio, enrollmentType },\n) => {\n  const curriculumStandards = getCurriculumStandardsFromConfig(config, {\n    grade,\n    countryCode,\n    goalCategory,\n    courseStream,\n    classRatio,\n    enrollmentType,\n  });\n\n  const addTagToSectionOption = (option: TCurriculumStandardOption) => {\n    const { isDefault } = option;\n\n    if (isDefault) {\n      return {\n        ...option,\n        tag: (\n          <ArrowTooltip renderAs=\"secondary\" position=\"top\" tooltipItem=\"Default\" zIndex={4}>\n            <FlexView $width={20} $height={20} $alignItems=\"center\">\n              <Styled.StyledStarIcon />\n            </FlexView>\n          </ArrowTooltip>\n        ),\n      };\n    }\n\n    return option;\n  };\n\n  const prioritySortByDefaultAndLabel = (\n    a: TCurriculumStandardOption,\n    b: TCurriculumStandardOption,\n  ) => {\n    //* If a has tag, It should come before b\n    if (a.isDefault && !b.isDefault) return -1;\n\n    //* If b has tag, It should come before a\n    if (!a.isDefault && b.isDefault) return 1;\n\n    //* Else we sort based on alphabetic order of label\n    if (a.label.toUpperCase() > b.label.toUpperCase()) {\n      return 1;\n    }\n\n    return -1;\n  };\n\n  const recommendedCurriculumStandards = curriculumStandards\n    .filter(option => option.isRecommended)\n    .map(addTagToSectionOption)\n    .sort(prioritySortByDefaultAndLabel);\n  const otherCurriculumStandards = curriculumStandards\n    .filter(option => !option.isRecommended)\n    .map(addTagToSectionOption)\n    .sort(prioritySortByDefaultAndLabel);\n\n  const categorizedCurriculumStandards = [\n    { title: 'recommended', data: recommendedCurriculumStandards },\n    { title: 'others', data: otherCurriculumStandards },\n  ].filter(option => option.data.length > 0);\n\n  return categorizedCurriculumStandards;\n};\n\nexport { getCategorizedCurriculumStandards };\n"],"names":["getCategorizedCurriculumStandards","config","grade","countryCode","goalCategory","courseStream","classRatio","enrollmentType","curriculumStandards","getCurriculumStandardsFromConfig","addTagToSectionOption","option","isDefault","jsx","ArrowTooltip","FlexView","Styled.StyledStarIcon","prioritySortByDefaultAndLabel","a","b","recommendedCurriculumStandards","otherCurriculumStandards"],"mappings":";;;;;AA4BM,MAAAA,IAAwE,CAC5EC,GACA,EAAE,OAAAC,GAAO,aAAAC,GAAa,cAAAC,GAAc,cAAAC,GAAc,YAAAC,GAAY,gBAAAC,QAC3D;AACG,QAAAC,IAAsBC,EAAiCR,GAAQ;AAAA,IACnE,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKG,IAAwB,CAACC,MAAsC;AAC7D,UAAA,EAAE,WAAAC,EAAc,IAAAD;AAEtB,WAAIC,IACK;AAAA,MACL,GAAGD;AAAA,MACH,KACG,gBAAAE,EAAAC,GAAA,EAAa,UAAS,aAAY,UAAS,OAAM,aAAY,WAAU,QAAQ,GAC9E,UAAA,gBAAAD,EAACE,KAAS,QAAQ,IAAI,SAAS,IAAI,aAAY,UAC7C,4BAACC,GAAA,CAAA,CAAsB,EAAA,CACzB,EACF,CAAA;AAAA,IAAA,IAKCL;AAAA,EAAA,GAGHM,IAAgC,CACpCC,GACAC,MAGID,EAAE,aAAa,CAACC,EAAE,YAAkB,KAGpC,CAACD,EAAE,aAAaC,EAAE,aAGlBD,EAAE,MAAM,YAAA,IAAgBC,EAAE,MAAM,gBAC3B,IAGF,IAGHC,IAAiCZ,EACpC,OAAO,CAAUG,MAAAA,EAAO,aAAa,EACrC,IAAID,CAAqB,EACzB,KAAKO,CAA6B,GAC/BI,IAA2Bb,EAC9B,OAAO,CAAAG,MAAU,CAACA,EAAO,aAAa,EACtC,IAAID,CAAqB,EACzB,KAAKO,CAA6B;AAO9B,SALgC;AAAA,IACrC,EAAE,OAAO,eAAe,MAAMG,EAA+B;AAAA,IAC7D,EAAE,OAAO,UAAU,MAAMC,EAAyB;AAAA,EAAA,EAClD,OAAO,CAAAV,MAAUA,EAAO,KAAK,SAAS,CAAC;AAG3C;"}

package/dist/features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.js

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { memo as l } from "react";
+import o from "../../../../ui/buttons/text-button/text-button.js";
+import i from "../../../../ui/layout/flex-view.js";
+import m from "../../../../ui/separator/separator.js";
+import c from "../../../../ui/text/text.js";
+import { Container as f } from "./confirmation-modals-styled.js";
+const p = l(
+  ({ description: t, onSuccess: n, onCancel: a }) => /* @__PURE__ */ e(f, { $background: "WHITE_2", $gapX: 2.5, $gutterX: 2.5, $borderColor: "BLACK_T_87", children: [
+    /* @__PURE__ */ r(c, { $renderAs: "ah4-bold", children: t }),
+    /* @__PURE__ */ r(m, { heightX: 3.5 }),
+    /* @__PURE__ */ e(
+      i,
+      {
+        $flexDirection: "row",
+        $justifyContent: "flex-end",
+        $flexGapX: 2,
+        $alignItems: "center",
+        children: [
+          /* @__PURE__ */ r(o, { label: "Cancel", onClick: a }),
+          /* @__PURE__ */ r(o, { color: "RED", label: "Yes, clear them", onClick: n })
+        ]
+      }
+    )
+  ] })
+), b = p;
+export {
+  b as default
+};
+//# sourceMappingURL=chapter-clearance-confirmation.js.map

package/dist/features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-clearance-confirmation.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './confirmation-modals-styled';\n\ninterface IChapterClearanceConfirmationModal {\n  onSuccess: () => void;\n  description: string;\n  onCancel: () => void;\n}\n\nconst ChapterClearanceConfirmationModal: FC<IChapterClearanceConfirmationModal> = memo(\n  ({ description, onSuccess, onCancel }: IChapterClearanceConfirmationModal) => {\n    return (\n      <Styled.Container $background=\"WHITE_2\" $gapX={2.5} $gutterX={2.5} $borderColor=\"BLACK_T_87\">\n        <Text $renderAs=\"ah4-bold\">{description}</Text>\n        <Separator heightX={3.5} />\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"flex-end\"\n          $flexGapX={2}\n          $alignItems=\"center\"\n        >\n          <TextButton label=\"Cancel\" onClick={onCancel} />\n          <TextButton color=\"RED\" label=\"Yes, clear them\" onClick={onSuccess} />\n        </FlexView>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ChapterClearanceConfirmationModal;\n"],"names":["ChapterClearanceConfirmationModal","memo","description","onSuccess","onCancel","jsxs","Styled.Container","jsx","Text","Separator","FlexView","TextButton","ChapterClearanceConfirmationModal$1"],"mappings":";;;;;;;AAgBA,MAAMA,IAA4EC;AAAA,EAChF,CAAC,EAAE,aAAAC,GAAa,WAAAC,GAAW,UAAAC,QAEvB,gBAAAC,EAACC,GAAA,EAAiB,aAAY,WAAU,OAAO,KAAK,UAAU,KAAK,cAAa,cAC9E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAY,UAAYN,GAAA;AAAA,IACxC,gBAAAK,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAW,EAAA,OAAM,UAAS,SAASP,GAAU;AAAA,4BAC7CO,GAAW,EAAA,OAAM,OAAM,OAAM,mBAAkB,SAASR,GAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACtE;AAAA,EACF,EAAA,CAAA;AAGN,GAEAS,IAAeZ;"}

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

@@ -0,0 +1,9 @@
+import r from "styled-components";
+import p from "../../../../ui/layout/flex-view.js";
+const e = r(p)(({ theme: o }) => `
+    box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
+  `);
+export {
+  e as Container
+};
+//# sourceMappingURL=confirmation-modals-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modals-styled.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/confirmation-modals-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)(({ theme }) => {\n  return `\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n  `;\n});\n\nexport { Container };\n"],"names":["Container","styled","FlexView","theme"],"mappings":";;AAIA,MAAMA,IAAYC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC7B;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}

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

@@ -0,0 +1,23 @@
+import { replaceAll as l } from "../../../../../helpers/label-text.js";
+import { formatDate as s } from "../../../../../node_modules/date-fns/format.js";
+const c = (t, e) => t === "EDIT" ? {
+  title: `Do you wish to proceed? ${e}’s parents will be notified of the changes.`,
+  exit_button_label: "No, go back"
+} : {
+  title: `Are you sure you want to assign this goal to ${e}? Their parents will be notified.`,
+  exit_button_label: "No, save the draft"
+}, p = (t, { parentName: e, teacherName: o, studentName: a, completionDate: r, goalName: n }) => {
+  const i = s(new Date(r), "do MMMM, yyyy");
+  return l(t, {
+    "<parent_name>": e,
+    "<student_name>": a,
+    "<goal_name>": n,
+    "<completion_date>": i,
+    "<teacher_name>": o
+  });
+};
+export {
+  p as createGoalPlanShareMessage,
+  c as getGoalCreationConfirmationData
+};
+//# sourceMappingURL=goal-creation-confirmation-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goal-creation-confirmation-utils.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation-utils.ts"],"sourcesContent":["import type { TMilestoneFormFlow } from '../../milestone-create-types';\n\nimport { format } from 'date-fns';\n\nimport { replaceAll } from '../../../../../helpers/label-text';\n\nconst getGoalCreationConfirmationData = (flow: TMilestoneFormFlow, studentName: string) => {\n  if (flow === 'EDIT') {\n    return {\n      title: `Do you wish to proceed? ${studentName}’s parents will be notified of the changes.`,\n      exit_button_label: 'No, go back',\n    };\n  }\n\n  return {\n    title: `Are you sure you want to assign this goal to ${studentName}? Their parents will be notified.`,\n    exit_button_label: 'No, save the draft',\n  };\n};\n\ninterface IMessageOptions {\n  parentName: string;\n  teacherName: string;\n  studentName: string;\n  goalName: string;\n  completionDate: string;\n}\n\nconst createGoalPlanShareMessage = (\n  baseMessage: string,\n  { parentName, teacherName, studentName, completionDate, goalName }: IMessageOptions,\n) => {\n  const formattedCompletionDate = format(new Date(completionDate), 'do MMMM, yyyy');\n\n  return replaceAll(baseMessage, {\n    '<parent_name>': parentName,\n    '<student_name>': studentName,\n    '<goal_name>': goalName,\n    '<completion_date>': formattedCompletionDate,\n    '<teacher_name>': teacherName,\n  });\n};\n\nexport { getGoalCreationConfirmationData, createGoalPlanShareMessage };\n"],"names":["getGoalCreationConfirmationData","flow","studentName","createGoalPlanShareMessage","baseMessage","parentName","teacherName","completionDate","goalName","formattedCompletionDate","format","replaceAll"],"mappings":";;AAMM,MAAAA,IAAkC,CAACC,GAA0BC,MAC7DD,MAAS,SACJ;AAAA,EACL,OAAO,2BAA2BC,CAAW;AAAA,EAC7C,mBAAmB;AAAA,IAIhB;AAAA,EACL,OAAO,gDAAgDA,CAAW;AAAA,EAClE,mBAAmB;AAAA,GAYjBC,IAA6B,CACjCC,GACA,EAAE,YAAAC,GAAY,aAAAC,GAAa,aAAAJ,GAAa,gBAAAK,GAAgB,UAAAC,QACrD;AACH,QAAMC,IAA0BC,EAAO,IAAI,KAAKH,CAAc,GAAG,eAAe;AAEhF,SAAOI,EAAWP,GAAa;AAAA,IAC7B,iBAAiBC;AAAA,IACjB,kBAAkBH;AAAA,IAClB,eAAeM;AAAA,IACf,qBAAqBC;AAAA,IACrB,kBAAkBH;AAAA,EAAA,CACnB;AACH;"}

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

@@ -0,0 +1,90 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+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";
+import p from "../../../../ui/separator/separator.js";
+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 U = N((C) => {
+  const {
+    studentName: r,
+    parentName: i,
+    teacherName: l,
+    formData: a,
+    studentId: b,
+    milestoneId: $ = null,
+    onSubmit: x,
+    onClose: s,
+    analyticsProps: I,
+    flow: t,
+    submitBaseMessage: n,
+    courseStream: G
+  } = C, [m, S] = M(""), { onSubmit: o, isProcessing: c } = j({
+    formData: a,
+    studentId: b,
+    milestoneId: $,
+    onSubmit: x,
+    setError: S,
+    analyticsProps: I,
+    flow: t,
+    courseStream: G
+  }), D = f(() => {
+    t === "EDIT" ? s() : o(!0);
+  }, [s, o, t]), T = f(() => {
+    const { milestoneEndDate: w, chapterGoalCategory: y = {} } = a, { primaryGoalCategory: A } = y, { goal_name: d } = A || {};
+    if (!n || !d) return null;
+    const E = K(n, {
+      parentName: i,
+      teacherName: l,
+      studentName: r,
+      goalName: d,
+      completionDate: w
+    });
+    o(!1, E);
+  }, [o, a, i, l, r, n]);
+  if (!t) return null;
+  const { title: X, exit_button_label: _ } = O(
+    t,
+    r
+  );
+  return /* @__PURE__ */ u(R, { $background: "WHITE_2", $gutterX: 2.5, $gapX: 2.5, $borderColor: "BLACK_T_87", children: [
+    /* @__PURE__ */ e(
+      k,
+      {
+        src: B.GRADUATE_ICON_PINK,
+        withLoader: !0,
+        width: 60,
+        height: 60,
+        alt: "Graduate"
+      }
+    ),
+    /* @__PURE__ */ e(p, { heightX: 1 }),
+    /* @__PURE__ */ e(g, { $renderAs: "ah4-bold", children: X }),
+    /* @__PURE__ */ e(p, { heightX: 3.5 }),
+    /* @__PURE__ */ u(h, { $flexDirection: "row", $justifyContent: "flex-end", $alignItems: "center", $flexGapX: 2, children: [
+      /* @__PURE__ */ e(P, { label: _, onClick: D, disabled: c }),
+      /* @__PURE__ */ e(
+        L,
+        {
+          renderAs: "primary",
+          widthX: 10,
+          label: "Yes, share",
+          onClick: T,
+          iconPosition: "right",
+          shape: "square",
+          busy: c
+        }
+      )
+    ] }),
+    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 {
+  te as default
+};
+//# sourceMappingURL=goal-creation-confirmation.js.map

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

@@ -0,0 +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","GoalCreationConfirmationModal$1"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import o from "styled-components";
+import t from "../../../../ui/layout/flex-view.js";
+const s = o(t)`
+  position: relative;
+`, i = o(t)`
+  max-width: 100%;
+  position: absolute;
+  top: 0;
+`, a = o(t)(({ theme: r }) => {
+  const { colors: e } = r;
+  return `
+    border-right: 1px solid ${e.BLACK_T_38};
+   
+    &:last-child {
+      border-right: none;
+    }
+  `;
+}), l = o(t)(({ theme: r }) => `
+    box-shadow: 0px 10px 20px 0px ${r.colors.BLACK_T_20};
+  `);
+export {
+  l as ButtonWrapper,
+  s as ContentWrapper,
+  i as PatternBgWrapper,
+  a as PatternCube
+};
+//# sourceMappingURL=goal-completion-date-selector-styled.js.map

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

@@ -0,0 +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,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

@@ -0,0 +1,91 @@
+import { jsxs as L, jsx as e } from "react/jsx-runtime";
+import { memo as A } from "react";
+import { ILLUSTRATIONS as r } from "../../../../../assets/illustrations/illustrations.js";
+import C from "../../../../ui/image/image.js";
+import _ from "../../../../ui/inputs/select-input/select-input.js";
+import u from "../../../../ui/inputs/text-input/text-input.js";
+import n from "../../../../ui/separator/separator.js";
+import f from "../../../../ui/text/text.js";
+import { ContentWrapper as b, PatternBgWrapper as T, PatternCube as $ } from "./goal-completion-date-selector-styled.js";
+const I = {
+  //* School Success
+  "no-test": {
+    icon: r.ALARM_CLOCK_PURPLE,
+    title: "When do you plan to complete the goal?",
+    bgTheme: "PURPLE_4"
+  },
+  //* Test Prep
+  "non-standardized": {
+    icon: r.CALENDAR_BLUE,
+    title: "When is the test happening?",
+    bgTheme: "BLUE_4"
+  },
+  //* Enrichment
+  standardized: {
+    icon: r.ALARM_CLOCK_ORANGE,
+    title: "When do you plan to complete the goal?",
+    bgTheme: "ORANGE_4"
+  }
+}, B = A(
+  ({
+    testType: t,
+    tomorrowsDate: a,
+    oneYearFutureDate: i,
+    milestoneEndDate: o,
+    errorMessage: m,
+    durationOptions: h,
+    handleDateChange: l,
+    handleDurationChange: p
+  }) => {
+    if (!t) return null;
+    const { icon: d, title: s, bgTheme: c } = I[t];
+    return /* @__PURE__ */ L(
+      b,
+      {
+        $widthX: 27.5,
+        $gutterX: 2.5,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $borderColor: "BLACK_T_87",
+        $gapX: 2.5,
+        children: [
+          /* @__PURE__ */ e(T, { $flexDirection: "row", children: Array.from({ length: 37 }).map((O, g) => /* @__PURE__ */ e($, { $background: c, $width: 12, $height: 12 }, g)) }),
+          /* @__PURE__ */ e(C, { src: d, width: 80, height: 80, withLoader: !0, alt: "Test date" }),
+          /* @__PURE__ */ e(n, { heightX: 1 }),
+          /* @__PURE__ */ e(f, { $renderAs: "ab2", $color: "BLACK_1", children: s }),
+          /* @__PURE__ */ e(n, { heightX: 1 }),
+          t === "non-standardized" ? /* @__PURE__ */ e(
+            u,
+            {
+              renderAs: "primary",
+              type: "date",
+              min: a,
+              max: i,
+              label: "Tentative Date",
+              shape: "borderLess",
+              value: o,
+              onChange: l,
+              errorMessage: m,
+              widthX: 10
+            }
+          ) : /* @__PURE__ */ e(
+            _,
+            {
+              renderAs: "primary",
+              label: "Tentative Month",
+              shape: "borderLess",
+              theme: "dark",
+              options: h,
+              value: o,
+              onChange: p
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  B as default
+};
+//# sourceMappingURL=goal-completion-date-selector-view.js.map

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

@@ -0,0 +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,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;"}