@cuemath/leap 3.5.71 → 3.5.73

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

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

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

@@ -1,39 +1,42 @@
-import { jsx as s, jsxs as Y } from "react/jsx-runtime";
-import { memo as q, useState as C, useCallback as l, useMemo as z, useEffect as H } from "react";
-import P from "../../../../../assets/line-icons/icons/draft.js";
-import U from "../../../../ui/buttons/button/button.js";
-import J from "../../../../ui/buttons/icon-button/icon-button.js";
+import { jsx as s, jsxs as z } from "react/jsx-runtime";
+import { memo as H, useState as C, useCallback as l, useMemo as P, useEffect as J } from "react";
+import K from "../../../../../assets/line-icons/icons/draft.js";
+import Q from "../../../../ui/buttons/button/button.js";
+import Z from "../../../../ui/buttons/icon-button/icon-button.js";
 import y from "../../../../ui/layout/flex-view.js";
-import K from "../../../../ui/text/text.js";
-import { ONE_YEAR_TIMESTAMP_IN_MILLISECONDS as Q } from "../../../constants.js";
-import Z from "../../../hooks/use-submit-goal-creation.js";
-import { useMilestoneContext as F } from "../../milestone-create-context.js";
-import ee from "../body-layout/body-layout.js";
+import F from "../../../../ui/text/text.js";
+import { ONE_YEAR_TIMESTAMP_IN_MILLISECONDS as ee } from "../../../constants.js";
+import te from "../../../hooks/use-submit-goal-creation.js";
+import { useMilestoneContext as oe } from "../../milestone-create-context.js";
+import se from "../body-layout/body-layout.js";
 import { ButtonWrapper as $ } from "./goal-completion-date-selector-styled.js";
-import te from "./goal-completion-date-selector-view.js";
+import ae from "./goal-completion-date-selector-view.js";
 import { lastDayOfMonth as v } from "../../../../../node_modules/date-fns/lastDayOfMonth.js";
-import { addDays as oe } from "../../../../../node_modules/date-fns/addDays.js";
-import { eachMonthOfInterval as se } from "../../../../../node_modules/date-fns/eachMonthOfInterval.js";
-import { addMonths as ae } from "../../../../../node_modules/date-fns/addMonths.js";
+import { addDays as ne } from "../../../../../node_modules/date-fns/addDays.js";
+import { eachMonthOfInterval as re } from "../../../../../node_modules/date-fns/eachMonthOfInterval.js";
+import { addMonths as ie } from "../../../../../node_modules/date-fns/addMonths.js";
 import { formatDate as c } from "../../../../../node_modules/date-fns/format.js";
-const xe = q(function({
+const ve = H(function({
   formData: D,
-  config: _,
-  studentId: S,
+  config: S,
+  studentId: _,
   milestoneId: A = "",
   currentStep: G,
   onFormDataChange: n,
   onPreSubmit: m,
-  courseStream: O
+  courseStream: O,
+  useAbsoluteFooter: B,
+  userType: L,
+  disablePublish: N
 }) {
-  const [f, d] = C(""), [h, B] = C(!1), { flow: a } = F(), {
+  const [f, d] = C(""), [h, j] = C(!1), { flow: a } = oe(), {
     share_message: {
       default: {
         create_message_template: E,
         update_message_template: M
       }
     }
-  } = _, u = l(
+  } = S, u = l(
     (e) => {
       if (a) {
         const o = a === "EDIT" ? M : E;
@@ -45,19 +48,19 @@ const xe = q(function({
       }
     },
     [a, E, M, m]
-  ), { isProcessing: g, onSubmit: I } = Z({
+  ), { isProcessing: g, onSubmit: I } = te({
     formData: D,
-    studentId: S,
+    studentId: _,
     onSubmit: u,
     setError: d,
     milestoneId: A,
     flow: a ?? "CREATE",
     courseStream: O
-  }), { testType: L, milestoneEndDate: t, committed: N } = D, { milestoneEndDate: w } = N, { title: j } = G, k = a === "EDIT" ? "Update goal" : "Create goal", T = /* @__PURE__ */ new Date(), r = c(T.setDate(T.getDate() + 1), "yyyy-MM-dd"), i = c(Date.now() + Q, "yyyy-MM-dd"), R = z(() => {
-    const e = /* @__PURE__ */ new Date(), o = v(e) ? oe(e, 1) : e;
-    return se({
+  }), { testType: k, milestoneEndDate: t, committed: R } = D, { milestoneEndDate: T } = R, { title: W } = G, U = a === "EDIT" ? "Update goal" : "Create goal", w = /* @__PURE__ */ new Date(), r = c(w.setDate(w.getDate() + 1), "yyyy-MM-dd"), i = c(Date.now() + ee, "yyyy-MM-dd"), V = P(() => {
+    const e = /* @__PURE__ */ new Date(), o = v(e) ? ne(e, 1) : e;
+    return re({
       start: o,
-      end: ae(o, 11)
+      end: ie(o, 11)
     }).map((b) => {
       const x = v(b);
       return {
@@ -66,7 +69,7 @@ const xe = q(function({
         value: x
       };
     });
-  }, []), W = l(
+  }, []), X = l(
     (e) => {
       n({
         milestoneEndDate: e,
@@ -74,7 +77,7 @@ const xe = q(function({
       });
     },
     [n]
-  ), V = l(
+  ), Y = l(
     (e) => {
       const o = e.target.value;
       if (o) {
@@ -97,52 +100,53 @@ const xe = q(function({
           milestoneEndDate: !0,
           milestoneEndDateIsTentative: !0
         }
-      }), B(!0));
+      }), j(!0));
     },
     [t, r, i, n, I]
-  ), X = l(() => {
+  ), q = l(() => {
     p(!0);
   }, [p]);
-  return H(() => {
-    w && h && u(!0);
-  }, [w, h, u]), /* @__PURE__ */ s(
-    ee,
+  return J(() => {
+    T && h && u(!0);
+  }, [T, h, u]), /* @__PURE__ */ s(
+    se,
     {
-      headerElement: /* @__PURE__ */ s(y, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: /* @__PURE__ */ s(K, { $renderAs: "ab2", children: j }) }),
+      useAbsoluteFooter: B,
+      headerElement: /* @__PURE__ */ s(y, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: /* @__PURE__ */ s(F, { $renderAs: "ab2", children: W }) }),
       bodyHeight: "100%",
       bodyElement: /* @__PURE__ */ s(y, { $width: "100%", $height: "100%", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ s(
-        te,
+        ae,
         {
-          testType: L,
+          testType: k,
           tomorrowsDate: r,
           oneYearFutureDate: i,
           errorMessage: f,
-          durationOptions: R,
+          durationOptions: V,
           milestoneEndDate: t,
-          handleDateChange: V,
-          handleDurationChange: W
+          handleDateChange: Y,
+          handleDurationChange: X
         }
       ) }),
-      footerElement: /* @__PURE__ */ Y(y, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
+      footerElement: L === "STUDENT" ? void 0 : /* @__PURE__ */ z(y, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
         a !== "EDIT" && /* @__PURE__ */ s($, { $borderRadius: 50, children: /* @__PURE__ */ s(
-          J,
+          Z,
           {
             renderAs: "secondary",
             analyticsLabel: "Save as draft",
-            Icon: P,
+            Icon: K,
             disabled: !t || g,
-            onClick: X
+            onClick: q
           }
         ) }),
         /* @__PURE__ */ s($, { children: /* @__PURE__ */ s(
-          U,
+          Q,
           {
             renderAs: "primary",
             size: "small",
             shape: "square",
             widthX: 9,
-            label: k,
-            disabled: !t || g,
+            label: U,
+            disabled: !t || g || !!N,
             onClick: p
           }
         ) })
@@ -151,6 +155,6 @@ const xe = q(function({
   );
 });
 export {
-  xe as default
+  ve as default
 };
 //# sourceMappingURL=goal-completion-date-selector.js.map

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 { addDays, addMonths, eachMonthOfInterval, format, lastDayOfMonth } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useState, type FC } 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 type { IFormStepProps } from '../../milestone-create-types';\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(function GoalCompletionDateSelector({\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\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 { addDays, addMonths, eachMonthOfInterval, format, lastDayOfMonth } from 'date-fns';\nimport { memo, useCallback, useEffect, useMemo, useState, type FC } 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 type { IFormStepProps } from '../../milestone-create-types';\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(function GoalCompletionDateSelector({\n  formData,\n  config,\n  studentId,\n  milestoneId = '',\n  currentStep,\n  onFormDataChange,\n  onPreSubmit,\n  courseStream,\n  useAbsoluteFooter,\n  userType,\n  disablePublish,\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      useAbsoluteFooter={useAbsoluteFooter}\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        userType === 'STUDENT' ? undefined : (\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 || !!disablePublish}\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","useAbsoluteFooter","userType","disablePublish","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","jsxs","Styled.ButtonWrapper","IconButton","DraftIcon","Button"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import r from "styled-components";
 import n from "../../ui/layout/flex-view.js";
-const d = r.div(
+const l = r.div(
   ({ $height: o, $viewMode: e, $minHeight: t }) => `
   display: flex;
   flex-direction: column;
@@ -16,7 +16,7 @@ const d = r.div(
         }
       ` : ""}
 `
-), l = r.div(
+), d = r.div(
   ({ theme: o, $viewMode: e }) => `
   position: relative;
   display: flex;
@@ -41,9 +41,11 @@ const d = r.div(
     border-bottom: 1px solid ${o.colors.WHITE_5};
     border-top-left-radius: ${o.layout.gutter * 0.75}px;
     border-top-right-radius: ${o.layout.gutter * 0.75}px;
-  `), x = r(n)(() => `
+  `), x = r(n)(({
+  $useAbsoluteFooter: o
+}) => `
       align-self: flex-end;
-      position: fixed;
+      position: ${o ? "absolute" : "fixed"};
       bottom: 0px;
       right: 24px;
     `), c = r.img(({ theme: o, $backgroundColor: e }) => {
@@ -69,19 +71,19 @@ const d = r.div(
           opacity:  0.85;
         ` : ""}
 `;
-}), y = r.div`
+}), $ = r.div`
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 `;
 export {
-  l as BodyContainer,
-  d as Container,
+  d as BodyContainer,
+  l as Container,
   a as ContentContainer,
   x as FooterWrapper,
   u as HeaderContainer,
   f as HeaderWrapper,
   c as RadioCardIcon,
-  y as StepperWrapper
+  $ as StepperWrapper
 };
 //# sourceMappingURL=milestone-create-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-create-styled.js","sources":["../../../../src/features/milestone/create/milestone-create-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport type { TColorNames } from '../../ui/types';\n\ninterface ContainerProps {\n  $height?: string | number;\n  $minHeight?: string;\n  $viewMode: boolean;\n}\n\nconst Container = styled.div<ContainerProps>(\n  ({ $height, $viewMode, $minHeight }) => `\n  display: flex;\n  flex-direction: column;\n  height: ${$height ? (typeof $height === 'number' ? `${$height}px` : `${$height}`) : 'auto'};\n  min-height: ${$minHeight ? $minHeight : 'auto'};\n  ${\n    $viewMode\n      ? `\n        cursor: not-allowed;\n        border: 2px solid black;\n        border-radius: 8px;\n        transform: scale3d(.9943, .9900, 1);\n        & ${ContentContainer} {\n          pointer-events: auto;\n        }\n      `\n      : ``\n  }\n`,\n);\n\nconst BodyContainer = styled.div<{ $viewMode?: boolean }>(\n  ({ theme, $viewMode }) => `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: ${theme.layout.gutter * 0.5}px;\n  border-radius: ${theme.layout.gutter * 0.75}px;\n  ${\n    $viewMode\n      ? `\n        pointer-events: none;\n        // opacity:  0.85;\n      `\n      : ``\n  }\n`,\n);\n\ninterface IContentContainer {\n  $overflowHidden?: boolean;\n}\n\nconst ContentContainer = styled.div<IContentContainer>(({ $overflowHidden }) => {\n  return `\n    flex-grow: 1;\n    overflow-y: auto;\n\n    ${$overflowHidden && 'overflow: hidden'};\n  `;\n});\n\nconst HeaderContainer = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    border-bottom: 1px solid ${theme.colors.WHITE_5};\n    border-top-left-radius: ${theme.layout.gutter * 0.75}px;\n    border-top-right-radius: ${theme.layout.gutter * 0.75}px;\n  `;\n});\n\nconst FooterWrapper = styled(FlexView)(() => {\n  return `\n      align-self: flex-end;\n      position: fixed;\n      bottom: 0px;\n      right: 24px;\n    `;\n});\n\ninterface IRadioCardIconProps {\n  $backgroundColor: TColorNames;\n}\n\nconst RadioCardIcon = styled.img<IRadioCardIconProps>(({ theme, $backgroundColor }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    background: ${colors[$backgroundColor]};\n    border-radius: ${gutter * 0.5}px;\n  `;\n});\n\nconst HeaderWrapper = styled(FlexView)<{ $viewMode?: boolean }>(({ theme, $viewMode }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    position:relative;\n    min-height:${gutter * 2.75}px;\n    ${\n      $viewMode\n        ? `\n          pointer-events: none;\n          opacity:  0.85;\n        `\n        : ``\n    }\n`;\n});\n\nconst StepperWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nexport {\n  Container,\n  BodyContainer,\n  ContentContainer,\n  HeaderContainer,\n  FooterWrapper,\n  RadioCardIcon,\n  StepperWrapper,\n  HeaderWrapper,\n};\n"],"names":["Container","styled","$height","$viewMode","$minHeight","ContentContainer","BodyContainer","theme","$overflowHidden","HeaderContainer","FlexView","FooterWrapper","RadioCardIcon","$backgroundColor","gutter","colors","HeaderWrapper","StepperWrapper"],"mappings":";;AAWA,MAAMA,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA,YAG9BF,IAAW,OAAOA,KAAY,WAAW,GAAGA,CAAO,OAAO,GAAGA,CAAO,KAAM,MAAM;AAAA,gBAC5EE,KAA0B,MAAM;AAAA,IAE5CD,IACI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKIE,CAAgB;AAAA;AAAA;AAAA,UAIpB,EACN;AAAA;AAEF,GAEMC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,GAAO,WAAAJ,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKTI,EAAM,OAAO,SAAS,GAAG;AAAA,mBACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,IAEzCJ,IACI;AAAA;AAAA;AAAA,UAIA,EACN;AAAA;AAEF,GAMME,IAAmBJ,EAAO,IAAuB,CAAC,EAAE,iBAAAO,QACjD;AAAA;AAAA;AAAA;AAAA,MAIHA,KAAmB,kBAAkB;AAAA,GAE1C,GAEKC,IAAkBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QACnC;AAAA;AAAA;AAAA;AAAA,+BAIsBA,EAAM,OAAO,OAAO;AAAA,8BACrBA,EAAM,OAAO,SAAS,IAAI;AAAA,+BACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,GAExD,GAEKI,IAAgBV,EAAOS,CAAQ,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,GAMKE,IAAgBX,EAAO,IAAyB,CAAC,EAAE,OAAAM,GAAO,kBAAAM,QAAuB;AAC/E,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAR;AAEG,SAAA;AAAA,aACIO,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA,kBACNC,EAAOF,CAAgB,CAAC;AAAA,qBACrBC,IAAS,GAAG;AAAA;AAEjC,CAAC,GAEKE,IAAgBf,EAAOS,CAAQ,EAA2B,CAAC,EAAE,OAAAH,GAAO,WAAAJ,QAAgB;AAClF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAW,EAAO;AAAA,EACf,IAAAP;AAEG,SAAA;AAAA;AAAA,iBAEQO,IAAS,IAAI;AAAA,MAExBX,IACI;AAAA;AAAA;AAAA,YAIA,EACN;AAAA;AAEJ,CAAC,GAEKc,IAAiBhB,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"milestone-create-styled.js","sources":["../../../../src/features/milestone/create/milestone-create-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport type { TColorNames } from '../../ui/types';\n\ninterface ContainerProps {\n  $height?: string | number;\n  $minHeight?: string;\n  $viewMode: boolean;\n}\n\nconst Container = styled.div<ContainerProps>(\n  ({ $height, $viewMode, $minHeight }) => `\n  display: flex;\n  flex-direction: column;\n  height: ${$height ? (typeof $height === 'number' ? `${$height}px` : `${$height}`) : 'auto'};\n  min-height: ${$minHeight ? $minHeight : 'auto'};\n  ${\n    $viewMode\n      ? `\n        cursor: not-allowed;\n        border: 2px solid black;\n        border-radius: 8px;\n        transform: scale3d(.9943, .9900, 1);\n        & ${ContentContainer} {\n          pointer-events: auto;\n        }\n      `\n      : ``\n  }\n`,\n);\n\nconst BodyContainer = styled.div<{ $viewMode?: boolean }>(\n  ({ theme, $viewMode }) => `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: ${theme.layout.gutter * 0.5}px;\n  border-radius: ${theme.layout.gutter * 0.75}px;\n  ${\n    $viewMode\n      ? `\n        pointer-events: none;\n        // opacity:  0.85;\n      `\n      : ``\n  }\n`,\n);\n\ninterface IContentContainer {\n  $overflowHidden?: boolean;\n}\n\nconst ContentContainer = styled.div<IContentContainer>(({ $overflowHidden }) => {\n  return `\n    flex-grow: 1;\n    overflow-y: auto;\n\n    ${$overflowHidden && 'overflow: hidden'};\n  `;\n});\n\nconst HeaderContainer = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    border-bottom: 1px solid ${theme.colors.WHITE_5};\n    border-top-left-radius: ${theme.layout.gutter * 0.75}px;\n    border-top-right-radius: ${theme.layout.gutter * 0.75}px;\n  `;\n});\n\nconst FooterWrapper = styled(FlexView)<{ $useAbsoluteFooter?: boolean }>(({\n  $useAbsoluteFooter,\n}) => {\n  return `\n      align-self: flex-end;\n      position: ${$useAbsoluteFooter ? 'absolute' : 'fixed'};\n      bottom: 0px;\n      right: 24px;\n    `;\n});\n\ninterface IRadioCardIconProps {\n  $backgroundColor: TColorNames;\n}\n\nconst RadioCardIcon = styled.img<IRadioCardIconProps>(({ theme, $backgroundColor }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    background: ${colors[$backgroundColor]};\n    border-radius: ${gutter * 0.5}px;\n  `;\n});\n\nconst HeaderWrapper = styled(FlexView)<{ $viewMode?: boolean }>(({ theme, $viewMode }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    position:relative;\n    min-height:${gutter * 2.75}px;\n    ${\n      $viewMode\n        ? `\n          pointer-events: none;\n          opacity:  0.85;\n        `\n        : ``\n    }\n`;\n});\n\nconst StepperWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nexport {\n  Container,\n  BodyContainer,\n  ContentContainer,\n  HeaderContainer,\n  FooterWrapper,\n  RadioCardIcon,\n  StepperWrapper,\n  HeaderWrapper,\n};\n"],"names":["Container","styled","$height","$viewMode","$minHeight","ContentContainer","BodyContainer","theme","$overflowHidden","HeaderContainer","FlexView","FooterWrapper","$useAbsoluteFooter","RadioCardIcon","$backgroundColor","gutter","colors","HeaderWrapper","StepperWrapper"],"mappings":";;AAWA,MAAMA,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA,YAG9BF,IAAW,OAAOA,KAAY,WAAW,GAAGA,CAAO,OAAO,GAAGA,CAAO,KAAM,MAAM;AAAA,gBAC5EE,KAA0B,MAAM;AAAA,IAE5CD,IACI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKIE,CAAgB;AAAA;AAAA;AAAA,UAIpB,EACN;AAAA;AAEF,GAEMC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,GAAO,WAAAJ,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKTI,EAAM,OAAO,SAAS,GAAG;AAAA,mBACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,IAEzCJ,IACI;AAAA;AAAA;AAAA,UAIA,EACN;AAAA;AAEF,GAMME,IAAmBJ,EAAO,IAAuB,CAAC,EAAE,iBAAAO,QACjD;AAAA;AAAA;AAAA;AAAA,MAIHA,KAAmB,kBAAkB;AAAA,GAE1C,GAEKC,IAAkBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QACnC;AAAA;AAAA;AAAA;AAAA,+BAIsBA,EAAM,OAAO,OAAO;AAAA,8BACrBA,EAAM,OAAO,SAAS,IAAI;AAAA,+BACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,GAExD,GAEKI,IAAgBV,EAAOS,CAAQ,EAAoC,CAAC;AAAA,EACxE,oBAAAE;AACF,MACS;AAAA;AAAA,kBAESA,IAAqB,aAAa,OAAO;AAAA;AAAA;AAAA,KAI1D,GAMKC,IAAgBZ,EAAO,IAAyB,CAAC,EAAE,OAAAM,GAAO,kBAAAO,QAAuB;AAC/E,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAT;AAEG,SAAA;AAAA,aACIQ,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA,kBACNC,EAAOF,CAAgB,CAAC;AAAA,qBACrBC,IAAS,GAAG;AAAA;AAEjC,CAAC,GAEKE,IAAgBhB,EAAOS,CAAQ,EAA2B,CAAC,EAAE,OAAAH,GAAO,WAAAJ,QAAgB;AAClF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,EACf,IAAAR;AAEG,SAAA;AAAA;AAAA,iBAEQQ,IAAS,IAAI;AAAA,MAExBZ,IACI;AAAA;AAAA;AAAA,YAIA,EACN;AAAA;AAEJ,CAAC,GAEKe,IAAiBjB,EAAO;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,80 +1,84 @@
-import { jsx as i } from "react/jsx-runtime";
-import { memo as z, useMemo as A, useCallback as I, useEffect as J } from "react";
-import K from "./milestone-create-components-map.js";
-import L from "./milestone-create-context.js";
-import { useFormDataPrefiller as N, useMilestoneFormTree as Q, useFormTreeTraversal as U } from "./milestone-create-hooks.js";
+import { jsx as r } from "react/jsx-runtime";
+import { memo as I, useMemo as J, useEffect as K } from "react";
+import L from "./milestone-create-components-map.js";
+import N from "./milestone-create-context.js";
+import { useFormDataPrefiller as O, useMilestoneFormTree as Q, useFormTreeTraversal as U } from "./milestone-create-hooks.js";
 import { Container as W, BodyContainer as X } from "./milestone-create-styled.js";
-const te = z(function({
-  studentName: h,
+const oe = I(function({
+  studentName: M,
   studentId: l,
   height: x,
-  minHeight: C,
-  formData: c,
+  minHeight: S,
+  formData: s,
   config: a,
-  onChapterExitWarning: S,
+  onChapterExitWarning: h,
   onFormDataChange: e,
-  onPreSubmit: $,
-  onExit: b,
+  onPreSubmit: C,
+  onExit: $,
   board: F,
   schoolData: P,
   grade: T,
   flow: t,
-  milestoneId: k,
+  milestoneId: b,
   currentCountryCode: B,
-  isGoalCreation: d,
-  courseStream: E,
-  classRatio: V,
-  enrollmentType: u,
-  canDeleteGoal: j,
-  isTeacherTrainingAccount: w,
-  onDeleteGoal: r
+  isGoalCreation: c,
+  courseStream: D,
+  classRatio: E,
+  enrollmentType: d,
+  canDeleteGoal: V,
+  isTeacherTrainingAccount: j,
+  onDeleteGoal: k,
+  userType: w,
+  useAbsoluteFooter: H,
+  disablePublish: R
 }) {
-  const { formDataState: s, setFormData: H } = N(c, {
+  const { formDataState: i, setFormData: q } = O(s, {
     schoolData: P,
     board: F,
     grade: T,
     config: a,
     flow: t,
     currentCountryCode: B
-  }), O = Q({
+  }), y = Q({
     flow: t,
-    formDataState: s,
-    isGoalCreation: d
-  }), o = e ? s : c, m = e ? "edit" : "view", p = m === "view", { currentStep: n, updateFormData: R, handleBack: f } = U({
+    formDataState: i,
+    isGoalCreation: c
+  }), o = e ? i : s, n = e ? "edit" : "view", u = n === "view", { currentStep: m, updateFormData: z, handleBack: p } = U({
     flow: t,
-    updatedFormTree: O,
+    updatedFormTree: y,
     formData: o,
-    formDataState: s,
-    setFormData: H,
-    handleExit: b
-  }), { name: v } = n || {}, M = v ? K[v] : void 0, q = A(() => ({ handleBack: f, mode: m, flow: t }), [f, m, t]), y = I(() => {
-    r == null || r();
-  }, [r]);
-  return J(() => {
+    formDataState: i,
+    setFormData: q,
+    handleExit: $
+  }), { name: f } = m || {}, v = f ? L[f] : void 0, A = J(() => ({ handleBack: p, mode: n, flow: t }), [p, n, t]);
+  return K(() => {
     e && e(o);
-  }, [o, e]), /* @__PURE__ */ i(L.Provider, { value: q, children: /* @__PURE__ */ i(W, { $height: x, $minHeight: C, $viewMode: p, children: /* @__PURE__ */ i(X, { $viewMode: p, children: M && n && u ? /* @__PURE__ */ i(
-    M,
+  }, [o, e]), /* @__PURE__ */ r(N.Provider, { value: A, children: /* @__PURE__ */ r(W, { $height: x, $minHeight: S, $viewMode: u, children: /* @__PURE__ */ r(X, { $viewMode: u, children: v && m && d ? /* @__PURE__ */ r(
+    v,
     {
-      studentName: h,
-      currentStep: n,
-      isGoalCreation: d,
+      studentName: M,
+      currentStep: m,
+      isGoalCreation: c,
       config: a,
       formData: o,
-      onFormDataChange: R,
-      onChapterExitWarning: S,
+      onFormDataChange: z,
+      onChapterExitWarning: h,
       studentId: l,
-      onPreSubmit: $,
-      milestoneId: k,
-      courseStream: E,
-      classRatio: V || 0,
-      enrollmentType: u,
-      isTeacherTrainingAccount: w,
-      canDeleteGoal: j,
-      onDeleteGoal: y
+      onPreSubmit: C,
+      milestoneId: b,
+      courseStream: D,
+      classRatio: E || 0,
+      enrollmentType: d,
+      isTeacherTrainingAccount: j,
+      canDeleteGoal: V,
+      onDeleteGoal: k,
+      userType: w,
+      useAbsoluteFooter: H,
+      disablePublish: R
     }
   ) : void 0 }) }) });
 });
 export {
-  te as default
+  oe as default
 };
 //# sourceMappingURL=milestone-create.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-create.js","sources":["../../../../src/features/milestone/create/milestone-create.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport ComponentsMap from './milestone-create-components-map';\nimport MilestoneCreateContext, { type MileStoneJourneyMode } from './milestone-create-context';\nimport {\n  useFormDataPrefiller,\n  useFormTreeTraversal,\n  useMilestoneFormTree,\n} from './milestone-create-hooks';\nimport { BodyContainer, Container } from './milestone-create-styled';\nimport type { IMileStoneCreateProps, IMilestoneFormData } from './milestone-create-types';\n\nconst MilestoneCreate: FC<IMileStoneCreateProps> = memo(function MilestoneCreate({\n  studentName,\n  studentId,\n  height,\n  minHeight,\n  formData: formDataProp,\n  config,\n  onChapterExitWarning,\n  onFormDataChange,\n  onPreSubmit: handlePreSubmit,\n  onExit: handleExit,\n  board,\n  schoolData,\n  grade,\n  flow,\n  milestoneId,\n  currentCountryCode,\n  isGoalCreation,\n  courseStream,\n  classRatio,\n  enrollmentType,\n  canDeleteGoal,\n  isTeacherTrainingAccount,\n  onDeleteGoal,\n}) {\n  const { formDataState, setFormData } = useFormDataPrefiller(formDataProp, {\n    schoolData,\n    board,\n    grade,\n    config,\n    flow,\n    currentCountryCode,\n  });\n\n  const updatedFormTree = useMilestoneFormTree({\n    flow,\n    formDataState,\n    isGoalCreation,\n  });\n\n  const formData = (onFormDataChange ? formDataState : formDataProp) as IMilestoneFormData; //TODO: make better\n\n  const mode: MileStoneJourneyMode = onFormDataChange ? 'edit' : 'view';\n  const isViewMode = mode === 'view';\n\n  const { currentStep, updateFormData, handleBack } = useFormTreeTraversal({\n    flow,\n    updatedFormTree,\n    formData,\n    formDataState,\n    setFormData,\n    handleExit,\n  });\n\n  const { name } = currentStep || {};\n  const StepComponent = name ? ComponentsMap[name] : undefined;\n\n  const contextValue = useMemo(() => ({ handleBack, mode, flow }), [handleBack, mode, flow]);\n\n  const handleOnDeleteGoal = useCallback(() => {\n    onDeleteGoal?.();\n  }, [onDeleteGoal]);\n\n  useEffect(() => {\n    if (onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [formData, onFormDataChange]);\n\n  return (\n    <MilestoneCreateContext.Provider value={contextValue}>\n      <Container $height={height} $minHeight={minHeight} $viewMode={isViewMode}>\n        <BodyContainer $viewMode={isViewMode}>\n          {StepComponent && currentStep && enrollmentType ? (\n            <StepComponent\n              studentName={studentName}\n              currentStep={currentStep}\n              isGoalCreation={isGoalCreation}\n              config={config}\n              formData={formData}\n              onFormDataChange={updateFormData}\n              onChapterExitWarning={onChapterExitWarning}\n              studentId={studentId}\n              onPreSubmit={handlePreSubmit}\n              milestoneId={milestoneId}\n              courseStream={courseStream}\n              classRatio={classRatio || 0}\n              enrollmentType={enrollmentType}\n              isTeacherTrainingAccount={isTeacherTrainingAccount}\n              canDeleteGoal={canDeleteGoal}\n              onDeleteGoal={handleOnDeleteGoal}\n            />\n          ) : undefined}\n        </BodyContainer>\n      </Container>\n    </MilestoneCreateContext.Provider>\n  );\n});\n\nexport default MilestoneCreate;\n"],"names":["MilestoneCreate","memo","studentName","studentId","height","minHeight","formDataProp","config","onChapterExitWarning","onFormDataChange","handlePreSubmit","handleExit","board","schoolData","grade","flow","milestoneId","currentCountryCode","isGoalCreation","courseStream","classRatio","enrollmentType","canDeleteGoal","isTeacherTrainingAccount","onDeleteGoal","formDataState","setFormData","useFormDataPrefiller","updatedFormTree","useMilestoneFormTree","formData","mode","isViewMode","currentStep","updateFormData","handleBack","useFormTreeTraversal","name","StepComponent","ComponentsMap","contextValue","useMemo","handleOnDeleteGoal","useCallback","useEffect","jsx","MilestoneCreateContext","Container","BodyContainer"],"mappings":";;;;;;AAYM,MAAAA,KAA6CC,EAAK,SAAyB;AAAA,EAC/E,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC;AACF,GAAG;AACD,QAAM,EAAE,eAAAC,GAAe,aAAAC,MAAgBC,EAAqBrB,GAAc;AAAA,IACxE,YAAAO;AAAA,IACA,OAAAD;AAAA,IACA,OAAAE;AAAA,IACA,QAAAP;AAAA,IACA,MAAAQ;AAAA,IACA,oBAAAE;AAAA,EAAA,CACD,GAEKW,IAAkBC,EAAqB;AAAA,IAC3C,MAAAd;AAAA,IACA,eAAAU;AAAA,IACA,gBAAAP;AAAA,EAAA,CACD,GAEKY,IAAYrB,IAAmBgB,IAAgBnB,GAE/CyB,IAA6BtB,IAAmB,SAAS,QACzDuB,IAAaD,MAAS,QAEtB,EAAE,aAAAE,GAAa,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAqB;AAAA,IACvE,MAAArB;AAAA,IACA,iBAAAa;AAAA,IACA,UAAAE;AAAA,IACA,eAAAL;AAAA,IACA,aAAAC;AAAA,IACA,YAAAf;AAAA,EAAA,CACD,GAEK,EAAE,MAAA0B,EAAA,IAASJ,KAAe,IAC1BK,IAAgBD,IAAOE,EAAcF,CAAI,IAAI,QAE7CG,IAAeC,EAAQ,OAAO,EAAE,YAAAN,GAAY,MAAAJ,GAAM,MAAAhB,EAAK,IAAI,CAACoB,GAAYJ,GAAMhB,CAAI,CAAC,GAEnF2B,IAAqBC,EAAY,MAAM;AAC5B,IAAAnB,KAAA,QAAAA;AAAA,EAAA,GACd,CAACA,CAAY,CAAC;AAEjB,SAAAoB,EAAU,MAAM;AACd,IAAInC,KACFA,EAAiBqB,CAAQ;AAAA,EAC3B,GACC,CAACA,GAAUrB,CAAgB,CAAC,GAG7B,gBAAAoC,EAACC,EAAuB,UAAvB,EAAgC,OAAON,GACtC,UAAA,gBAAAK,EAACE,KAAU,SAAS3C,GAAQ,YAAYC,GAAW,WAAW2B,GAC5D,UAAC,gBAAAa,EAAAG,GAAA,EAAc,WAAWhB,GACvB,UAAAM,KAAiBL,KAAeZ,IAC/B,gBAAAwB;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,aAAApC;AAAA,MACA,aAAA+B;AAAA,MACA,gBAAAf;AAAA,MACA,QAAAX;AAAA,MACA,UAAAuB;AAAA,MACA,kBAAkBI;AAAA,MAClB,sBAAA1B;AAAA,MACA,WAAAL;AAAA,MACA,aAAaO;AAAA,MACb,aAAAM;AAAA,MACA,cAAAG;AAAA,MACA,YAAYC,KAAc;AAAA,MAC1B,gBAAAC;AAAA,MACA,0BAAAE;AAAA,MACA,eAAAD;AAAA,MACA,cAAcoB;AAAA,IAAA;AAAA,EAChB,IACE,OACN,CAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"milestone-create.js","sources":["../../../../src/features/milestone/create/milestone-create.tsx"],"sourcesContent":["import { memo, useEffect, useMemo, type FC } from 'react';\n\nimport ComponentsMap from './milestone-create-components-map';\nimport MilestoneCreateContext, { type MileStoneJourneyMode } from './milestone-create-context';\nimport {\n  useFormDataPrefiller,\n  useFormTreeTraversal,\n  useMilestoneFormTree,\n} from './milestone-create-hooks';\nimport { BodyContainer, Container } from './milestone-create-styled';\nimport type { IMileStoneCreateProps, IMilestoneFormData } from './milestone-create-types';\n\nconst MilestoneCreate: FC<IMileStoneCreateProps> = memo(function MilestoneCreate({\n  studentName,\n  studentId,\n  height,\n  minHeight,\n  formData: formDataProp,\n  config,\n  onChapterExitWarning,\n  onFormDataChange,\n  onPreSubmit: handlePreSubmit,\n  onExit: handleExit,\n  board,\n  schoolData,\n  grade,\n  flow,\n  milestoneId,\n  currentCountryCode,\n  isGoalCreation,\n  courseStream,\n  classRatio,\n  enrollmentType,\n  canDeleteGoal,\n  isTeacherTrainingAccount,\n  onDeleteGoal,\n  userType,\n  useAbsoluteFooter,\n  disablePublish,\n}) {\n  const { formDataState, setFormData } = useFormDataPrefiller(formDataProp, {\n    schoolData,\n    board,\n    grade,\n    config,\n    flow,\n    currentCountryCode,\n  });\n\n  const updatedFormTree = useMilestoneFormTree({\n    flow,\n    formDataState,\n    isGoalCreation,\n  });\n\n  const formData = (onFormDataChange ? formDataState : formDataProp) as IMilestoneFormData; //TODO: make better\n\n  const mode: MileStoneJourneyMode = onFormDataChange ? 'edit' : 'view';\n  const isViewMode = mode === 'view';\n\n  const { currentStep, updateFormData, handleBack } = useFormTreeTraversal({\n    flow,\n    updatedFormTree,\n    formData,\n    formDataState,\n    setFormData,\n    handleExit,\n  });\n\n  const { name } = currentStep || {};\n  const StepComponent = name ? ComponentsMap[name] : undefined;\n\n  const contextValue = useMemo(() => ({ handleBack, mode, flow }), [handleBack, mode, flow]);\n\n  useEffect(() => {\n    if (onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [formData, onFormDataChange]);\n\n  return (\n    <MilestoneCreateContext.Provider value={contextValue}>\n      <Container $height={height} $minHeight={minHeight} $viewMode={isViewMode}>\n        <BodyContainer $viewMode={isViewMode}>\n          {StepComponent && currentStep && enrollmentType ? (\n            <StepComponent\n              studentName={studentName}\n              currentStep={currentStep}\n              isGoalCreation={isGoalCreation}\n              config={config}\n              formData={formData}\n              onFormDataChange={updateFormData}\n              onChapterExitWarning={onChapterExitWarning}\n              studentId={studentId}\n              onPreSubmit={handlePreSubmit}\n              milestoneId={milestoneId}\n              courseStream={courseStream}\n              classRatio={classRatio || 0}\n              enrollmentType={enrollmentType}\n              isTeacherTrainingAccount={isTeacherTrainingAccount}\n              canDeleteGoal={canDeleteGoal}\n              onDeleteGoal={onDeleteGoal}\n              userType={userType}\n              useAbsoluteFooter={useAbsoluteFooter}\n              disablePublish={disablePublish}\n            />\n          ) : undefined}\n        </BodyContainer>\n      </Container>\n    </MilestoneCreateContext.Provider>\n  );\n});\n\nexport default MilestoneCreate;\n"],"names":["MilestoneCreate","memo","studentName","studentId","height","minHeight","formDataProp","config","onChapterExitWarning","onFormDataChange","handlePreSubmit","handleExit","board","schoolData","grade","flow","milestoneId","currentCountryCode","isGoalCreation","courseStream","classRatio","enrollmentType","canDeleteGoal","isTeacherTrainingAccount","onDeleteGoal","userType","useAbsoluteFooter","disablePublish","formDataState","setFormData","useFormDataPrefiller","updatedFormTree","useMilestoneFormTree","formData","mode","isViewMode","currentStep","updateFormData","handleBack","useFormTreeTraversal","name","StepComponent","ComponentsMap","contextValue","useMemo","useEffect","jsx","MilestoneCreateContext","Container","BodyContainer"],"mappings":";;;;;;AAYM,MAAAA,KAA6CC,EAAK,SAAyB;AAAA,EAC/E,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,QAAM,EAAE,eAAAC,GAAe,aAAAC,MAAgBC,EAAqBxB,GAAc;AAAA,IACxE,YAAAO;AAAA,IACA,OAAAD;AAAA,IACA,OAAAE;AAAA,IACA,QAAAP;AAAA,IACA,MAAAQ;AAAA,IACA,oBAAAE;AAAA,EAAA,CACD,GAEKc,IAAkBC,EAAqB;AAAA,IAC3C,MAAAjB;AAAA,IACA,eAAAa;AAAA,IACA,gBAAAV;AAAA,EAAA,CACD,GAEKe,IAAYxB,IAAmBmB,IAAgBtB,GAE/C4B,IAA6BzB,IAAmB,SAAS,QACzD0B,IAAaD,MAAS,QAEtB,EAAE,aAAAE,GAAa,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAqB;AAAA,IACvE,MAAAxB;AAAA,IACA,iBAAAgB;AAAA,IACA,UAAAE;AAAA,IACA,eAAAL;AAAA,IACA,aAAAC;AAAA,IACA,YAAAlB;AAAA,EAAA,CACD,GAEK,EAAE,MAAA6B,EAAA,IAASJ,KAAe,IAC1BK,IAAgBD,IAAOE,EAAcF,CAAI,IAAI,QAE7CG,IAAeC,EAAQ,OAAO,EAAE,YAAAN,GAAY,MAAAJ,GAAM,MAAAnB,EAAK,IAAI,CAACuB,GAAYJ,GAAMnB,CAAI,CAAC;AAEzF,SAAA8B,EAAU,MAAM;AACd,IAAIpC,KACFA,EAAiBwB,CAAQ;AAAA,EAC3B,GACC,CAACA,GAAUxB,CAAgB,CAAC,GAG7B,gBAAAqC,EAACC,EAAuB,UAAvB,EAAgC,OAAOJ,GACtC,UAAA,gBAAAG,EAACE,KAAU,SAAS5C,GAAQ,YAAYC,GAAW,WAAW8B,GAC5D,UAAC,gBAAAW,EAAAG,GAAA,EAAc,WAAWd,GACvB,UAAAM,KAAiBL,KAAef,IAC/B,gBAAAyB;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,aAAAvC;AAAA,MACA,aAAAkC;AAAA,MACA,gBAAAlB;AAAA,MACA,QAAAX;AAAA,MACA,UAAA0B;AAAA,MACA,kBAAkBI;AAAA,MAClB,sBAAA7B;AAAA,MACA,WAAAL;AAAA,MACA,aAAaO;AAAA,MACb,aAAAM;AAAA,MACA,cAAAG;AAAA,MACA,YAAYC,KAAc;AAAA,MAC1B,gBAAAC;AAAA,MACA,0BAAAE;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EACF,IACE,OACN,CAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/edit/goal-draft-edit-sync.js

@@ -0,0 +1,25 @@
+import { jsx as m } from "react/jsx-runtime";
+import { memo as f, useEffect as i } from "react";
+import { useMilestoneEditSync as d } from "./hooks/use-milestone-edit-sync.js";
+import l from "./goal-drafts/goal-draft-edit-container.js";
+const h = f(function(a) {
+  const { channelId: e, userType: t, ...n } = a, o = t === "TEACHER", { syncedFormData: s, setSyncFormData: c, closeChannel: r } = d({
+    channelId: e,
+    isTeacher: o
+  });
+  return i(() => () => {
+    r();
+  }, [r]), /* @__PURE__ */ m(
+    l,
+    {
+      ...n,
+      userType: t,
+      formData: s,
+      onFormDataChange: o ? c : void 0
+    }
+  );
+});
+export {
+  h as default
+};
+//# sourceMappingURL=goal-draft-edit-sync.js.map

package/dist/features/milestone/edit/goal-draft-edit-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goal-draft-edit-sync.js","sources":["../../../../src/features/milestone/edit/goal-draft-edit-sync.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport type { IMilestoneFormData } from '../create/milestone-create-types';\nimport { useMilestoneEditSync } from './hooks/use-milestone-edit-sync';\nimport GoalDraftEdit from './goal-drafts/goal-draft-edit-container';\nimport type { IGoalDraftEditSync } from './milestone-edit-types';\n\nconst GoalDraftEditSync: FC<IGoalDraftEditSync> = memo(function GoalDraftEditSync(props) {\n  const { channelId, userType, ...goalDraftEditProps } = props;\n\n  const isTeacher = userType === 'TEACHER';\n\n  const { syncedFormData, setSyncFormData, closeChannel } = useMilestoneEditSync({\n    channelId,\n    isTeacher,\n  });\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <GoalDraftEdit\n      {...goalDraftEditProps}\n      userType={userType}\n      formData={syncedFormData as IMilestoneFormData}\n      onFormDataChange={isTeacher ? setSyncFormData : undefined}\n    />\n  );\n});\n\nexport default GoalDraftEditSync;\n"],"names":["GoalDraftEditSync","memo","props","channelId","userType","goalDraftEditProps","isTeacher","syncedFormData","setSyncFormData","closeChannel","useMilestoneEditSync","useEffect","jsx","GoalDraftEdit"],"mappings":";;;;AAOA,MAAMA,IAA4CC,EAAK,SAA2BC,GAAO;AACvF,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAuBH,GAEjDI,IAAYF,MAAa,WAEzB,EAAE,gBAAAG,GAAgB,iBAAAC,GAAiB,cAAAC,EAAA,IAAiBC,EAAqB;AAAA,IAC7E,WAAAP;AAAA,IACA,WAAAG;AAAA,EAAA,CACD;AAED,SAAAK,EAAU,MACD,MAAM;AACE,IAAAF;EAAA,GAEd,CAACA,CAAY,CAAC,GAGf,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,UAAAD;AAAA,MACA,UAAUG;AAAA,MACV,kBAAkBD,IAAYE,IAAkB;AAAA,IAAA;AAAA,EAAA;AAGtD,CAAC;"}