npm - @cuemath/leap - Versions diffs - 4.0.2 → 4.0.3 - Mend

@cuemath/leap 4.0.2 → 4.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (321) hide show

package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"score-section.js","sources":["../../../../../../src/features/math-fit/math-fit-report/comps/score-section/score-section.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ScoreBadge from '../score-badge/score-badge';\nimport type { IScoreSectionProps } from './score-section-types';\nimport * as Styled from './score-section-styled';\nimport Separator from '../../../../ui/separator/separator';\nimport { getQuestionStatusBgColor } from '../../math-fit-report-helpers';\nimport { EQuestionState } from '../../../math-fit-overview/math-fit-overview-types';\nimport { EDeviceType } from '../../../../ui/theme/constants';\n\nconst ScoreSection: FC<IScoreSectionProps> = memo(function ScoreSection({\n onReviewSection,\n section,\n sheet,\n compactView = false,\n showReviewButton = true,\n}) {\n const {\n title,\n score,\n scoreChange,\n sessionId,\n isIncomplete = false,\n sectionNumber,\n topics,\n } = section;\n\n const { device } = useTheme();\n const isMobile = device <= EDeviceType.MOBILE;\n\n const sortedTopics = [...(topics ?? [])].sort((a, b) => a.miniGoal.order - b.miniGoal.order);\n const layoutDirection = isMobile \|\| compactView ? 'column' : 'row';\n const alignment = isMobile \|\| compactView ? '' : 'center';\n const gap = isMobile \|\| compactView ? 0.5 : 0;\n\n const onClickReview = useCallback(() => {\n if (!isIncomplete && section.sheet && onReviewSection) {\n onReviewSection(sheet, sessionId);\n }\n }, [isIncomplete, onReviewSection, section.sheet, sheet, sessionId]);\n\n return (\n <FlexView>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n {title}:\n </Text>\n <Separator width={4} />\n {isIncomplete ? (\n <FlexView $gutter={3} $gap={2.5} $background=\"BLACK_5\">\n <Text $renderAs=\"ab4-bold\" $color=\"WHITE\">\n INCOMPLETE\n </Text>\n </FlexView>\n ) : (\n score && <ScoreBadge score={score} maxScore={10} scoreChange={scoreChange} />\n )}\n </FlexView>\n <FlexView $flexRowGapX={0.5} $gapX={0.75}>\n {sortedTopics.map((topic, index) => (\n <Fragment key={topic.name}>\n <FlexView\n $flexDirection={layoutDirection}\n $justifyContent=\"space-between\"\n $alignItems={alignment}\n $flexRowGapX={gap}\n >\n <Text $renderAs=\"ub2\" $color={isIncomplete ? 'BLACK_T_38' : 'BLACK_1'}>\n {topic.name}\n </Text>\n <FlexView $flexGapX={0.5} $flexDirection=\"row\" $flexWrap>\n {topic.miniGoal.items.map(question => (\n <FlexView\n key={question.item_reference}\n $heightX={1.25}\n $gutterX={0.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadiusX={1}\n $background={getQuestionStatusBgColor(question.state)}\n >\n <Text\n $renderAs=\"~~ub3~~\"\n $color={\n question.state === EQuestionState.SKIPPED \|\|\n question.state === EQuestionState.UNATTEMPTED\n ? 'BLACK_T_38'\n : 'WHITE'\n }\n >\n Q{question.order}\n </Text>\n </FlexView>\n ))}\n </FlexView>\n </FlexView>\n {index !== sortedTopics.length - 1 && <Styled.Divider />}\n </Fragment>\n ))}\n </FlexView>\n {showReviewButton && (\n <FlexView $alignItems=\"center\">\n <Separator heightX={0.75} />\n <Button\n label={`Review Section ${sectionNumber}`}\n renderAs={isIncomplete ? 'secondary' : 'primary'}\n size=\"small\"\n onClick={onClickReview}\n disabled={isIncomplete}\n />\n </FlexView>\n )}\n </FlexView>\n );\n});\n\nexport default ScoreSection;\n"],"names":["ScoreSection","memo","onReviewSection","section","sheet","compactView","showReviewButton","title","score","scoreChange","sessionId","isIncomplete","sectionNumber","topics","device","useTheme","isMobile","EDeviceType","sortedTopics","a","b","layoutDirection","alignment","gap","onClickReview","useCallback","FlexView","jsxs","Text","jsx","Separator","ScoreBadge","topic","index","Fragment","question","getQuestionStatusBgColor","EQuestionState","Styled.Divider","Button"],"mappings":"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"}
1	+ {"version":3,"file":"score-section.js","sources":["../../../../../../src/features/math-fit/math-fit-report/comps/score-section/score-section.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ScoreBadge from '../score-badge/score-badge';\nimport type { IScoreSectionProps } from './score-section-types';\nimport * as Styled from './score-section-styled';\nimport Separator from '../../../../ui/separator/separator';\nimport { getQuestionStatusBgColor } from '../../math-fit-report-helpers';\nimport { EQuestionState } from '../../../math-fit-overview/math-fit-overview-types';\nimport { EDeviceType } from '../../../../ui/theme/constants';\n\nconst ScoreSection: FC<IScoreSectionProps> = memo(function ScoreSection({\n onReviewSection,\n section,\n sheet,\n compactView = false,\n showReviewButton = true,\n}) {\n const {\n title,\n score,\n scoreChange,\n sessionId,\n isIncomplete = false,\n sectionNumber,\n topics,\n } = section;\n\n const { device } = useTheme();\n const isMobile = device <= EDeviceType.MOBILE;\n\n const sortedTopics = [...(topics ?? [])].sort((a, b) => a.miniGoal.order - b.miniGoal.order);\n const layoutDirection = isMobile \|\| compactView ? 'column' : 'row';\n const alignment = isMobile \|\| compactView ? '' : 'center';\n const gap = isMobile \|\| compactView ? 0.5 : 0;\n\n const onClickReview = useCallback(() => {\n if (!isIncomplete && section.sheet && onReviewSection) {\n onReviewSection(sheet, sessionId);\n }\n }, [isIncomplete, onReviewSection, section.sheet, sheet, sessionId]);\n\n return (\n <FlexView>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n {title}:\n </Text>\n <Separator width={4} />\n {isIncomplete ? (\n <FlexView $gutter={3} $gap={2.5} $background=\"BLACK_5\">\n <Text $renderAs=\"ab4-bold\" $color=\"WHITE\">\n INCOMPLETE\n </Text>\n </FlexView>\n ) : (\n score && <ScoreBadge score={score} maxScore={10} scoreChange={scoreChange} />\n )}\n </FlexView>\n <FlexView $flexRowGapX={0.5} $gapX={0.75}>\n {sortedTopics.map((topic, index) => (\n <Fragment key={topic.name}>\n <FlexView\n $flexDirection={layoutDirection}\n $justifyContent=\"space-between\"\n $alignItems={alignment}\n $flexRowGapX={gap}\n >\n <Text $renderAs=\"ub2\" $color={isIncomplete ? 'BLACK_T_38' : 'BLACK_1'}>\n {topic.name}\n </Text>\n <FlexView $flexGapX={0.5} $flexDirection=\"row\" $flexWrap>\n {topic.miniGoal.items.map(question => (\n <FlexView\n key={question.item_reference}\n $heightX={1.25}\n $gutterX={0.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadiusX={1}\n $background={getQuestionStatusBgColor(question.state)}\n >\n <Text\n $renderAs=\"ub4\"\n $color={\n question.state === EQuestionState.SKIPPED \|\|\n question.state === EQuestionState.UNATTEMPTED\n ? 'BLACK_T_38'\n : 'WHITE'\n }\n >\n Q{question.order}\n </Text>\n </FlexView>\n ))}\n </FlexView>\n </FlexView>\n {index !== sortedTopics.length - 1 && <Styled.Divider />}\n </Fragment>\n ))}\n </FlexView>\n {showReviewButton && (\n <FlexView $alignItems=\"center\">\n <Separator heightX={0.75} />\n <Button\n label={`Review Section ${sectionNumber}`}\n renderAs={isIncomplete ? 'secondary' : 'primary'}\n size=\"small\"\n onClick={onClickReview}\n disabled={isIncomplete}\n />\n </FlexView>\n )}\n </FlexView>\n );\n});\n\nexport default ScoreSection;\n"],"names":["ScoreSection","memo","onReviewSection","section","sheet","compactView","showReviewButton","title","score","scoreChange","sessionId","isIncomplete","sectionNumber","topics","device","useTheme","isMobile","EDeviceType","sortedTopics","a","b","layoutDirection","alignment","gap","onClickReview","useCallback","FlexView","jsxs","Text","jsx","Separator","ScoreBadge","topic","index","Fragment","question","getQuestionStatusBgColor","EQuestionState","Styled.Divider","Button"],"mappings":"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"}

package/dist/features/math-fit/math-fit-report/math-fit-report.js CHANGED Viewed

@@ -65,7 +65,7 @@ const v = T(function({
           $flexColumnGapX: 0.25,
           $alignItems: "center",
           children: [
-            /* @__PURE__ */ r(c, { $renderAs: "ub3", $color: "BLACK_T_60", children: t.label }),
+            /* @__PURE__ */ r(c, { $renderAs: "ub4", $color: "BLACK_T_60", children: t.label }),
             /* @__PURE__ */ r(
               o,
               {
@@ -80,8 +80,8 @@ const v = T(function({
         t.label
       )) }),
       g && /* @__PURE__ */ n(o, { $flexRowGapX: 0.25, $marginBottomX: 0.5, $alignItems: "center", children: [
-        /* @__PURE__ */ r(c, { $renderAs: "ub3-bold", $color: "BLACK_1", $align: "center", children: "Keep Up the Great Work! 🚀" }),
-        /* @__PURE__ */ r(c, { $renderAs: "ub3", $color: "BLACK_1", $align: "center", children: "You're getting stronger at MathFit each day. See you next month!" })
+        /* @__PURE__ */ r(c, { $renderAs: "ub4-bold", $color: "BLACK_1", $align: "center", children: "Keep Up the Great Work! 🚀" }),
+        /* @__PURE__ */ r(c, { $renderAs: "ub4", $color: "BLACK_1", $align: "center", children: "You're getting stronger at MathFit each day. See you next month!" })
       ] })
     ] })
   ] });

package/dist/features/math-fit/math-fit-report/math-fit-report.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"math-fit-report.js","sources":["../../../../src/features/math-fit/math-fit-report/math-fit-report.tsx"],"sourcesContent":["import { memo, useEffect, useMemo, type FC } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../constants/app-config';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport ReportHeader from './comps/report-header/report-header';\nimport ScoreSection from './comps/score-section/score-section';\nimport {\n getQuestionStatusBgColor,\n LEGEND_ITEMS,\n transformSectionsToReportData,\n} from './math-fit-report-helpers';\nimport type { IMathFitReportProps } from './math-fit-report-types';\nimport { useUIContext } from '../../ui/context/context';\nimport { MATHFIT_ANALYTICS_EVENTS } from '../mathfit-events';\n\nconst MathFitReport: FC<IMathFitReportProps> = memo(function MathFitReport({\n data,\n onReview,\n studentName,\n userType,\n onBack,\n compactView = false,\n showBorder = false,\n showEncouragement = true,\n}) {\n const borderColor = showBorder ? 'WHITE_5' : undefined;\n const sectionData = useMemo(() => transformSectionsToReportData(data.sections), [data.sections]);\n const { onEvent: trackEvent } = useUIContext();\n\n const scoreChange = useMemo(() => {\n if (data.previous_score && data.score) {\n return data.score - data.previous_score;\n }\n\n return undefined;\n }, [data.score, data.previous_score]);\n\n useEffect(() => {\n trackEvent(MATHFIT_ANALYTICS_EVENTS.MATHFIT_REPORT_VIEWED, {\n userType: IS_APP_RUNNING_IN_RN ? 'PARENT' : userType,\n student_id: data.user_id,\n mathfit_id: data.id,\n test_score: data.score,\n });\n }, [data, trackEvent, userType]);\n\n return (\n <FlexView $flex={1} $background=\"BLACK_T_04\" $borderColor={borderColor}>\n <ReportHeader\n score={data.score ?? 0}\n maxScore={10}\n scoreChange={scoreChange}\n createdOnTs={data.created_on_ts}\n studentName={studentName}\n userType={userType}\n onBack={onBack}\n compactView={compactView}\n showGreeting={!compactView}\n />\n\n {sectionData.map((section, index) => (\n <FlexView key={section.title} $background=\"WHITE\">\n <FlexView $gapX={1.5} $gutterX={1.25}>\n <ScoreSection\n onReviewSection={onReview}\n section={section}\n sheet={section.sheet}\n compactView={compactView}\n showReviewButton={!compactView && !IS_APP_RUNNING_IN_RN}\n />\n </FlexView>\n {index !== sectionData.length - 1 && <FlexView $height={1} $background=\"BLACK_T_08\" />}\n </FlexView>\n ))}\n\n <FlexView $gutterX={1} $flexColumnGapX={1} $gapX={1} $flexRowGapX={2} $alignItems=\"center\">\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n {LEGEND_ITEMS.map(item => (\n <FlexView\n key={item.label}\n $flexDirection=\"row\"\n $flexColumnGapX={0.25}\n $alignItems=\"center\"\n >\n <Text $renderAs=\"~~ub3~~\" $color=\"BLACK_T_60\">\n {item.label}\n </Text>\n <FlexView\n $width={10}\n $height={10}\n $borderRadiusX={1}\n $background={getQuestionStatusBgColor(item.state)}\n />\n </FlexView>\n ))}\n </FlexView>\n {showEncouragement && (\n <FlexView $flexRowGapX={0.25} $marginBottomX={0.5} $alignItems=\"center\">\n <Text $renderAs=\"~~ub3~~-bold\" $color=\"BLACK_1\" $align=\"center\">\n Keep Up the Great Work! 🚀\n </Text>\n <Text $renderAs=\"~~ub3~~\" $color=\"BLACK_1\" $align=\"center\">\n You're getting stronger at MathFit each day. See you next month!\n </Text>\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n});\n\nexport default MathFitReport;\n"],"names":["MathFitReport","memo","data","onReview","studentName","userType","onBack","compactView","showBorder","showEncouragement","borderColor","sectionData","useMemo","transformSectionsToReportData","trackEvent","useUIContext","scoreChange","useEffect","MATHFIT_ANALYTICS_EVENTS","IS_APP_RUNNING_IN_RN","FlexView","jsx","ReportHeader","section","index","jsxs","ScoreSection","LEGEND_ITEMS","item","Text","getQuestionStatusBgColor","MathFitReport$1"],"mappings":"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"}
1	+ {"version":3,"file":"math-fit-report.js","sources":["../../../../src/features/math-fit/math-fit-report/math-fit-report.tsx"],"sourcesContent":["import { memo, useEffect, useMemo, type FC } from 'react';\n\nimport { IS_APP_RUNNING_IN_RN } from '../../../constants/app-config';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport ReportHeader from './comps/report-header/report-header';\nimport ScoreSection from './comps/score-section/score-section';\nimport {\n getQuestionStatusBgColor,\n LEGEND_ITEMS,\n transformSectionsToReportData,\n} from './math-fit-report-helpers';\nimport type { IMathFitReportProps } from './math-fit-report-types';\nimport { useUIContext } from '../../ui/context/context';\nimport { MATHFIT_ANALYTICS_EVENTS } from '../mathfit-events';\n\nconst MathFitReport: FC<IMathFitReportProps> = memo(function MathFitReport({\n data,\n onReview,\n studentName,\n userType,\n onBack,\n compactView = false,\n showBorder = false,\n showEncouragement = true,\n}) {\n const borderColor = showBorder ? 'WHITE_5' : undefined;\n const sectionData = useMemo(() => transformSectionsToReportData(data.sections), [data.sections]);\n const { onEvent: trackEvent } = useUIContext();\n\n const scoreChange = useMemo(() => {\n if (data.previous_score && data.score) {\n return data.score - data.previous_score;\n }\n\n return undefined;\n }, [data.score, data.previous_score]);\n\n useEffect(() => {\n trackEvent(MATHFIT_ANALYTICS_EVENTS.MATHFIT_REPORT_VIEWED, {\n userType: IS_APP_RUNNING_IN_RN ? 'PARENT' : userType,\n student_id: data.user_id,\n mathfit_id: data.id,\n test_score: data.score,\n });\n }, [data, trackEvent, userType]);\n\n return (\n <FlexView $flex={1} $background=\"BLACK_T_04\" $borderColor={borderColor}>\n <ReportHeader\n score={data.score ?? 0}\n maxScore={10}\n scoreChange={scoreChange}\n createdOnTs={data.created_on_ts}\n studentName={studentName}\n userType={userType}\n onBack={onBack}\n compactView={compactView}\n showGreeting={!compactView}\n />\n\n {sectionData.map((section, index) => (\n <FlexView key={section.title} $background=\"WHITE\">\n <FlexView $gapX={1.5} $gutterX={1.25}>\n <ScoreSection\n onReviewSection={onReview}\n section={section}\n sheet={section.sheet}\n compactView={compactView}\n showReviewButton={!compactView && !IS_APP_RUNNING_IN_RN}\n />\n </FlexView>\n {index !== sectionData.length - 1 && <FlexView $height={1} $background=\"BLACK_T_08\" />}\n </FlexView>\n ))}\n\n <FlexView $gutterX={1} $flexColumnGapX={1} $gapX={1} $flexRowGapX={2} $alignItems=\"center\">\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n {LEGEND_ITEMS.map(item => (\n <FlexView\n key={item.label}\n $flexDirection=\"row\"\n $flexColumnGapX={0.25}\n $alignItems=\"center\"\n >\n <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n {item.label}\n </Text>\n <FlexView\n $width={10}\n $height={10}\n $borderRadiusX={1}\n $background={getQuestionStatusBgColor(item.state)}\n />\n </FlexView>\n ))}\n </FlexView>\n {showEncouragement && (\n <FlexView $flexRowGapX={0.25} $marginBottomX={0.5} $alignItems=\"center\">\n <Text $renderAs=\"ub4-bold\" $color=\"BLACK_1\" $align=\"center\">\n Keep Up the Great Work! 🚀\n </Text>\n <Text $renderAs=\"ub4\" $color=\"BLACK_1\" $align=\"center\">\n You're getting stronger at MathFit each day. See you next month!\n </Text>\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n});\n\nexport default MathFitReport;\n"],"names":["MathFitReport","memo","data","onReview","studentName","userType","onBack","compactView","showBorder","showEncouragement","borderColor","sectionData","useMemo","transformSectionsToReportData","trackEvent","useUIContext","scoreChange","useEffect","MATHFIT_ANALYTICS_EVENTS","IS_APP_RUNNING_IN_RN","FlexView","jsx","ReportHeader","section","index","jsxs","ScoreSection","LEGEND_ITEMS","item","Text","getQuestionStatusBgColor","MathFitReport$1"],"mappings":"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"}

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.js CHANGED Viewed

@@ -42,7 +42,7 @@ const A = (h, m, l, p) => !h || m ? !0 : (l === "EDIT" || l === "DRAFT_EDIT") &&
   ) : /* @__PURE__ */ f(x, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.25, children: [
     /* @__PURE__ */ f(C, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
       /* @__PURE__ */ r(s, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Recommended Chapters" }),
-      a && /* @__PURE__ */ r(s, { $renderAs: "ub2", $color: "BLACK_T_60", children: "(Click on any chapter to exclude it)" })
+      a && /* @__PURE__ */ r(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Click on any chapter to exclude it)" })
     ] }),
     /* @__PURE__ */ r(C, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: g.length > 0 ? g.map((t, i) => {
       const e = A(n, a, c, t);
@@ -56,7 +56,7 @@ const A = (h, m, l, p) => !h || m ? !0 : (l === "EDIT" || l === "DRAFT_EDIT") &&
         },
         t.id
       );
-    }) : /* @__PURE__ */ r(s, { $renderAs: "ub1", children: "No recommended chapters available" }) }),
+    }) : /* @__PURE__ */ r(s, { $renderAs: "ub2", children: "No recommended chapters available" }) }),
     !!(d != null && d.length) && /* @__PURE__ */ f(_, { children: [
       /* @__PURE__ */ r(L, { height: 8, background: "TRANSPARENT" }),
       /* @__PURE__ */ r(s, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Custom chapters" }),

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import { memo, useCallback, useContext, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneCreateContext from '../../../milestone-create-context';\nimport type { TMilestoneFormFlow } from '../../../milestone-create-types';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\nimport type { IChaptersListProps } from './chapter-selection-step-types';\n\nconst getCanAddChapter = (\n isGoalCreation: boolean \| undefined,\n isSchoolSuccess: boolean,\n flow: TMilestoneFormFlow \| null,\n chapter: IChapter,\n): boolean => {\n // For school success, chapters can always be toggled\n if (!isGoalCreation \|\| isSchoolSuccess) {\n return true;\n }\n\n // For non-school success test types\n const canToggleBasedOnFlow =\n (flow === 'EDIT' \|\| flow === 'DRAFT_EDIT') && chapter.recommended === true;\n\n return canToggleBasedOnFlow;\n};\n\nconst ChaptersList: FC<IChaptersListProps> = memo(function ChaptersList(props) {\n const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n const { primaryGoalCategory } = chapterGoalCategory \|\| {};\n const isSchoolSuccess = testType === 'no-test';\n\n const { flow } = useContext(MilestoneCreateContext);\n\n const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n primaryChaptersList,\n primaryGoalCategory,\n isGoalCreation,\n );\n\n const handleChapterToggled = useCallback(\n (chapterId: string) => {\n //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n //* Unless the flow is EDIT or DRAFT_EDIT and chapter has recommended info true.\n if (isGoalCreation && !isSchoolSuccess) {\n const chapter = primaryChaptersList?.find(ch => ch.id === chapterId);\n const canToggle =\n (flow === 'EDIT' \|\| flow === 'DRAFT_EDIT') && chapter?.recommended === true;\n\n if (!canToggle) return null;\n }\n\n const updatedChaptersList = primaryChaptersList?.map(chapter => {\n if (chapter.id === chapterId) {\n return {\n ...chapter,\n added: !chapter.added,\n };\n }\n\n return chapter;\n });\n\n onFormDataChange({\n primaryChaptersList: updatedChaptersList,\n });\n },\n [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange, flow],\n );\n\n if (isProcessing) {\n return (\n <Styled.ChaptersListWrapper\n $gapX={1.5}\n $gutterX={1.5}\n $flexGapX={1.25}\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <AppLoader />\n </Styled.ChaptersListWrapper>\n );\n }\n\n return (\n <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Recommended Chapters\n </Text>\n\n {isSchoolSuccess && (\n <Text $renderAs=\"~~ub2~~\" $color=\"BLACK_T_60\">\n (Click on any chapter to exclude it)\n </Text>\n )}\n </FlexView>\n\n <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n {recommendedChaptersList.length > 0 ? (\n recommendedChaptersList.map((chapter, idx) => {\n const canAddChapter = getCanAddChapter(isGoalCreation, isSchoolSuccess, flow, chapter);\n\n return (\n <ChapterItemV2\n key={chapter.id}\n chapterData={chapter}\n chapterNo={idx + 1}\n canAddChapter={canAddChapter}\n onChapterItemClick={handleChapterToggled}\n />\n );\n })\n ) : (\n <Text $renderAs=\"~~ub1~~\">No recommended chapters available</Text>\n )}\n </FlexView>\n\n {!!customChaptersList?.length && (\n <>\n <Seperator height={8} background=\"TRANSPARENT\" />\n\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Custom chapters\n </Text>\n\n <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n {customChaptersList.map((chapter, idx) => {\n const canAddChapter = getCanAddChapter(\n isGoalCreation,\n isSchoolSuccess,\n flow,\n chapter,\n );\n\n return (\n <ChapterItemV2\n key={chapter.id}\n chapterData={chapter}\n canAddChapter={canAddChapter}\n chapterNo={idx + 1}\n onChapterItemClick={handleChapterToggled}\n showChapterTags\n />\n );\n })}\n </FlexView>\n </>\n )}\n </Styled.ChaptersListWrapper>\n );\n});\n\nexport default ChaptersList;\n"],"names":["getCanAddChapter","isGoalCreation","isSchoolSuccess","flow","chapter","ChaptersList","memo","props","formData","isProcessing","onFormDataChange","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","useContext","MilestoneCreateContext","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","ch","updatedChaptersList","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","canAddChapter","ChapterItemV2","Fragment","Seperator"],"mappings":"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"}
1	+ {"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import { memo, useCallback, useContext, type FC } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneCreateContext from '../../../milestone-create-context';\nimport type { TMilestoneFormFlow } from '../../../milestone-create-types';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\nimport type { IChaptersListProps } from './chapter-selection-step-types';\n\nconst getCanAddChapter = (\n isGoalCreation: boolean \| undefined,\n isSchoolSuccess: boolean,\n flow: TMilestoneFormFlow \| null,\n chapter: IChapter,\n): boolean => {\n // For school success, chapters can always be toggled\n if (!isGoalCreation \|\| isSchoolSuccess) {\n return true;\n }\n\n // For non-school success test types\n const canToggleBasedOnFlow =\n (flow === 'EDIT' \|\| flow === 'DRAFT_EDIT') && chapter.recommended === true;\n\n return canToggleBasedOnFlow;\n};\n\nconst ChaptersList: FC<IChaptersListProps> = memo(function ChaptersList(props) {\n const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n const { primaryGoalCategory } = chapterGoalCategory \|\| {};\n const isSchoolSuccess = testType === 'no-test';\n\n const { flow } = useContext(MilestoneCreateContext);\n\n const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n primaryChaptersList,\n primaryGoalCategory,\n isGoalCreation,\n );\n\n const handleChapterToggled = useCallback(\n (chapterId: string) => {\n //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n //* Unless the flow is EDIT or DRAFT_EDIT and chapter has recommended info true.\n if (isGoalCreation && !isSchoolSuccess) {\n const chapter = primaryChaptersList?.find(ch => ch.id === chapterId);\n const canToggle =\n (flow === 'EDIT' \|\| flow === 'DRAFT_EDIT') && chapter?.recommended === true;\n\n if (!canToggle) return null;\n }\n\n const updatedChaptersList = primaryChaptersList?.map(chapter => {\n if (chapter.id === chapterId) {\n return {\n ...chapter,\n added: !chapter.added,\n };\n }\n\n return chapter;\n });\n\n onFormDataChange({\n primaryChaptersList: updatedChaptersList,\n });\n },\n [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange, flow],\n );\n\n if (isProcessing) {\n return (\n <Styled.ChaptersListWrapper\n $gapX={1.5}\n $gutterX={1.5}\n $flexGapX={1.25}\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <AppLoader />\n </Styled.ChaptersListWrapper>\n );\n }\n\n return (\n <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Recommended Chapters\n </Text>\n\n {isSchoolSuccess && (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n (Click on any chapter to exclude it)\n </Text>\n )}\n </FlexView>\n\n <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n {recommendedChaptersList.length > 0 ? (\n recommendedChaptersList.map((chapter, idx) => {\n const canAddChapter = getCanAddChapter(isGoalCreation, isSchoolSuccess, flow, chapter);\n\n return (\n <ChapterItemV2\n key={chapter.id}\n chapterData={chapter}\n chapterNo={idx + 1}\n canAddChapter={canAddChapter}\n onChapterItemClick={handleChapterToggled}\n />\n );\n })\n ) : (\n <Text $renderAs=\"ub2\">No recommended chapters available</Text>\n )}\n </FlexView>\n\n {!!customChaptersList?.length && (\n <>\n <Seperator height={8} background=\"TRANSPARENT\" />\n\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Custom chapters\n </Text>\n\n <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n {customChaptersList.map((chapter, idx) => {\n const canAddChapter = getCanAddChapter(\n isGoalCreation,\n isSchoolSuccess,\n flow,\n chapter,\n );\n\n return (\n <ChapterItemV2\n key={chapter.id}\n chapterData={chapter}\n canAddChapter={canAddChapter}\n chapterNo={idx + 1}\n onChapterItemClick={handleChapterToggled}\n showChapterTags\n />\n );\n })}\n </FlexView>\n </>\n )}\n </Styled.ChaptersListWrapper>\n );\n});\n\nexport default ChaptersList;\n"],"names":["getCanAddChapter","isGoalCreation","isSchoolSuccess","flow","chapter","ChaptersList","memo","props","formData","isProcessing","onFormDataChange","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","useContext","MilestoneCreateContext","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","ch","updatedChaptersList","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","canAddChapter","ChapterItemV2","Fragment","Seperator"],"mappings":"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"}

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

@@ -91,7 +91,7 @@ const U = M(
           ]
         }
       ),
-      m && /* @__PURE__ */ e(h, { $gapX: 1, $alignItems: "center", children: /* @__PURE__ */ e(g, { $renderAs: "ub2-bold", $color: "RED", $align: "center", $widthX: 26, children: m }) })
+      m && /* @__PURE__ */ e(h, { $gapX: 1, $alignItems: "center", children: /* @__PURE__ */ e(g, { $renderAs: "ub3-bold", $color: "RED", $align: "center", $widthX: 26, children: m }) })
     ] });
   }
 ), oe = U;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"goal-creation-confirmation.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } 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 type {\n IMilestoneFormData,\n TCourseStream,\n TMilestoneFormFlow,\n} from '../../milestone-create-types';\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(\n function GoalCreationConfirmationModal(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\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $alignItems=\"center\"\n $flexGapX={2}\n >\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);\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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"}
1	+ {"version":3,"file":"goal-creation-confirmation.js","sources":["../../../../../../src/features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } 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 type {\n IMilestoneFormData,\n TCourseStream,\n TMilestoneFormFlow,\n} from '../../milestone-create-types';\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(\n function GoalCreationConfirmationModal(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\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $alignItems=\"center\"\n $flexGapX={2}\n >\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=\"ub3-bold\" $color=\"RED\" $align=\"center\" $widthX={26}>\n {error}\n </Text>\n </FlexView>\n )}\n </Styled.Container>\n );\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/sheets-list/sheets-list.js CHANGED Viewed

@@ -16,11 +16,11 @@ const h = c(function({ learningSheetData: $ }) {
         $width: "100%",
         $justifyContent: "space-between",
         children: /* @__PURE__ */ o(n, { $flexDirection: "row", $flexColumnGap: 4, $widthX: 14.25, children: [
-          /* @__PURE__ */ o(i, { $renderAs: "ub3", $color: "WHITE_T_87", children: [
+          /* @__PURE__ */ o(i, { $renderAs: "ub4", $color: "WHITE_T_87", children: [
             r + 1,
             "."
           ] }),
-          /* @__PURE__ */ e(i, { $renderAs: "ub3", $color: "WHITE_T_87", children: t })
+          /* @__PURE__ */ e(i, { $renderAs: "ub4", $color: "WHITE_T_87", children: t })
         ] })
       },
       `${t}_${r}`

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\nimport type { ISheetsListProps } from './sheets-list-type';\n\nconst SheetsList: FC<ISheetsListProps> = memo(function SheetsList({ learningSheetData }) {\n return (\n <Styled.Wrapper $widthX={18} $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n {learningSheetData.map((sheetData, idx) => {\n const { name } = sheetData;\n\n return (\n <FlexView\n key={`${name}_${idx}`}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $gutterX={1}\n $gapX={0.5}\n $flexGap={8}\n $width=\"100%\"\n $justifyContent=\"space-between\"\n >\n <FlexView $flexDirection=\"row\" $flexColumnGap={4} $widthX={14.25}>\n <Styled.StyledText $renderAs=\"~~ub3~~\" $color=\"WHITE_T_87\">\n {idx + 1}.\n </Styled.StyledText>\n <Styled.StyledText $renderAs=\"~~ub3~~\" $color=\"WHITE_T_87\">\n {name}\n </Styled.StyledText>\n </FlexView>\n </FlexView>\n );\n })}\n </Styled.Wrapper>\n );\n});\n\nexport default SheetsList;\n"],"names":["SheetsList","memo","learningSheetData","Styled.Wrapper","sheetData","idx","name","jsx","FlexView","jsxs","Styled.StyledText"],"mappings":";;;;AAMA,MAAMA,IAAmCC,EAAK,SAAoB,EAAE,mBAAAC,KAAqB;AACvF,2BACGC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAAD,EAAkB,IAAI,CAACE,GAAWC,MAAQ;AACnC,UAAA,EAAE,MAAAC,EAAS,IAAAF;AAGf,WAAA,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAO;AAAA,QACP,iBAAgB;AAAA,QAEhB,4BAACA,GAAS,EAAA,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,YAAML,IAAA;AAAA,YAAE;AAAA,UAAA,GACX;AAAA,UACA,gBAAAE,EAACG,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHJ,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,MAhBK,GAAGA,CAAI,IAAID,CAAG;AAAA,IAAA;AAAA,EAmBxB,CAAA,EACH,CAAA;AAEJ,CAAC;"}
1	+ {"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\nimport type { ISheetsListProps } from './sheets-list-type';\n\nconst SheetsList: FC<ISheetsListProps> = memo(function SheetsList({ learningSheetData }) {\n return (\n <Styled.Wrapper $widthX={18} $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n {learningSheetData.map((sheetData, idx) => {\n const { name } = sheetData;\n\n return (\n <FlexView\n key={`${name}_${idx}`}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $gutterX={1}\n $gapX={0.5}\n $flexGap={8}\n $width=\"100%\"\n $justifyContent=\"space-between\"\n >\n <FlexView $flexDirection=\"row\" $flexColumnGap={4} $widthX={14.25}>\n <Styled.StyledText $renderAs=\"ub4\" $color=\"WHITE_T_87\">\n {idx + 1}.\n </Styled.StyledText>\n <Styled.StyledText $renderAs=\"ub4\" $color=\"WHITE_T_87\">\n {name}\n </Styled.StyledText>\n </FlexView>\n </FlexView>\n );\n })}\n </Styled.Wrapper>\n );\n});\n\nexport default SheetsList;\n"],"names":["SheetsList","memo","learningSheetData","Styled.Wrapper","sheetData","idx","name","jsx","FlexView","jsxs","Styled.StyledText"],"mappings":";;;;AAMA,MAAMA,IAAmCC,EAAK,SAAoB,EAAE,mBAAAC,KAAqB;AACvF,2BACGC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAAD,EAAkB,IAAI,CAACE,GAAWC,MAAQ;AACnC,UAAA,EAAE,MAAAC,EAAS,IAAAF;AAGf,WAAA,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAO;AAAA,QACP,iBAAgB;AAAA,QAEhB,4BAACA,GAAS,EAAA,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,YAAML,IAAA;AAAA,YAAE;AAAA,UAAA,GACX;AAAA,UACA,gBAAAE,EAACG,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHJ,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,MAhBK,GAAGA,CAAI,IAAID,CAAG;AAAA,IAAA;AAAA,EAmBxB,CAAA,EACH,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.js CHANGED Viewed

@@ -34,11 +34,11 @@ const j = ({
   return /* @__PURE__ */ t(C, { children: [
     /* @__PURE__ */ t(u, { $gapX: 1, $gutterX: 1, children: [
       /* @__PURE__ */ e(r, { $renderAs: "ah4-bold", $marginBottomX: 0.75, children: "Share learning plan with parent" }),
-      /* @__PURE__ */ e(r, { $renderAs: "ub2", color: "BLACK_75", $marginBottomX: 0.75, children: "Edit the message if needed, before you share it with the parent." }),
-      /* @__PURE__ */ t(r, { $renderAs: "ub1-bold", $marginBottomX: 0.75, children: [
+      /* @__PURE__ */ e(r, { $renderAs: "ub3", color: "BLACK_75", $marginBottomX: 0.75, children: "Edit the message if needed, before you share it with the parent." }),
+      /* @__PURE__ */ t(r, { $renderAs: "ub2-bold", $marginBottomX: 0.75, children: [
         o,
         " ",
-        /* @__PURE__ */ t(r, { $renderAs: "ub2", $inline: !0, children: [
+        /* @__PURE__ */ t(r, { $renderAs: "ub3", $inline: !0, children: [
           "(",
           l,
           "'s parent)"
@@ -47,8 +47,8 @@ const j = ({
       /* @__PURE__ */ e(S, { onChange: (i) => w(i.target.value), value: a })
     ] }),
     /* @__PURE__ */ t(E, { $alignItems: "center", children: [
-      /* @__PURE__ */ e(r, { color: "BLACK_75", $renderAs: "ub3", $align: "center", $widthX: 26, $marginBottomX: 1, children: "ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp & CueChat (if installed)" }),
-      d && /* @__PURE__ */ e(r, { $renderAs: "ub2", $color: "RED", $align: "center", $widthX: 26, $marginBottomX: 1, children: d }),
+      /* @__PURE__ */ e(r, { color: "BLACK_75", $renderAs: "ub4", $align: "center", $widthX: 26, $marginBottomX: 1, children: "ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp & CueChat (if installed)" }),
+      d && /* @__PURE__ */ e(r, { $renderAs: "ub3", $color: "RED", $align: "center", $widthX: 26, $marginBottomX: 1, children: d }),
       /* @__PURE__ */ t(u, { $flexDirection: "row", $alignItems: "center", $flexGap: 12, children: [
         n && /* @__PURE__ */ e(
           p,

package/dist/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"submit-with-plan-modal.js","sources":["../../../../../../src/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.tsx"],"sourcesContent":["import { useCallback, useState, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { IMilestoneFormData, TMilestoneFormFlow } from '../../milestone-create-types';\nimport * as Styled from './submit-with-plan-modal-styled';\nimport { createPlanApprovalMessage } from './submit-with-plan-modal-util';\n\ninterface ISubmitWithPlanModalProps {\n studentName: string;\n parentName: string;\n teacherName: string;\n formData: Required<IMilestoneFormData>; //should we make a type like this\n parentId: string;\n onSubmit: (message: string) => void;\n onError: () => void;\n isMilestoneEdit?: boolean;\n milestoneId?: string;\n error: string;\n isProcessing: boolean;\n submitAnalyticsProps?: Record<string, unknown>;\n submitBaseMessage: string;\n flow: TMilestoneFormFlow;\n}\n\nconst SubmitWithPlanModal: FC<ISubmitWithPlanModalProps> = ({\n studentName,\n parentName,\n teacherName,\n formData,\n onSubmit: handleSubmit,\n error,\n isProcessing,\n submitAnalyticsProps,\n submitBaseMessage,\n flow,\n}) => {\n const [message, setMessage] = useState(() => {\n const { milestoneEndDate, testName, testType, grade } = formData;\n\n return createPlanApprovalMessage(submitBaseMessage, {\n parentName,\n teacherName,\n studentName,\n testName,\n testDate: milestoneEndDate,\n testType,\n grade,\n });\n });\n\n const isEditFlow = flow === 'EDIT';\n\n const handleSubmitClick = useCallback(() => {\n handleSubmit(isEditFlow ? '' : message);\n }, [handleSubmit, isEditFlow, message]);\n\n return (\n <>\n <FlexView $gapX={1} $gutterX={1}>\n <Text $renderAs=\"ah4-bold\" $marginBottomX={0.75}>\n Share learning plan with parent\n </Text>\n\n <Text $renderAs=\"~~ub2~~\" color=\"BLACK_75\" $marginBottomX={0.75}>\n Edit the message if needed, before you share it with the parent.\n </Text>\n\n <Text $renderAs=\"~~ub1~~-bold\" $marginBottomX={0.75}>\n {parentName}{' '}\n <Text $renderAs=\"~~ub2~~\" $inline>\n ({studentName}'s parent)\n </Text>\n </Text>\n\n <Styled.StyledTextArea onChange={e => setMessage(e.target.value)} value={message} />\n </FlexView>\n\n <Styled.BottomWrapper $alignItems=\"center\">\n <Text color=\"BLACK_75\" $renderAs=\"~~ub3~~\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp &\n CueChat (if installed)\n </Text>\n\n {error && (\n <Text $renderAs=\"~~ub2~~\" $color=\"RED\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n {error}\n </Text>\n )}\n\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={12}>\n {isEditFlow && (\n <Button\n renderAs=\"secondary\"\n size=\"small\"\n widthX={13.5}\n label=\"Submit without share\"\n onClick={handleSubmitClick}\n busy={isProcessing}\n analyticsProps={submitAnalyticsProps}\n />\n )}\n\n <Button\n renderAs=\"primary\"\n size=\"small\"\n widthX={13.5}\n label=\"Submit & share\"\n onClick={handleSubmitClick}\n busy={isProcessing}\n disabled={message === ''}\n analyticsProps={submitAnalyticsProps}\n />\n </FlexView>\n </Styled.BottomWrapper>\n </>\n );\n};\n\nexport default SubmitWithPlanModal;\n"],"names":["SubmitWithPlanModal","studentName","parentName","teacherName","formData","handleSubmit","error","isProcessing","submitAnalyticsProps","submitBaseMessage","flow","message","setMessage","useState","milestoneEndDate","testName","testType","grade","createPlanApprovalMessage","isEditFlow","handleSubmitClick","useCallback","jsxs","Fragment","FlexView","jsx","Text","Styled.StyledTextArea","e","Styled.BottomWrapper","Button"],"mappings":";;;;;;;AA0BA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,MAAM;AAC3C,UAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,UAAAC,GAAU,OAAAC,MAAUb;AAExD,WAAOc,EAA0BT,GAAmB;AAAA,MAClD,YAAAP;AAAA,MACA,aAAAC;AAAA,MACA,aAAAF;AAAA,MACA,UAAAc;AAAA,MACA,UAAUD;AAAA,MACV,UAAAE;AAAA,MACA,OAAAC;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GAEKE,IAAaT,MAAS,QAEtBU,IAAoBC,EAAY,MAAM;AAC7B,IAAAhB,EAAAc,IAAa,KAAKR,CAAO;AAAA,EACrC,GAAA,CAACN,GAAcc,GAAYR,CAAO,CAAC;AAEtC,SAEI,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAS,EAAA,OAAO,GAAG,UAAU,GAC5B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,gBAAgB,MAAM,UAEjD,mCAAA;AAAA,MAEA,gBAAAD,EAACC,KAAK,WAAU,OAAM,OAAM,YAAW,gBAAgB,MAAM,UAE7D,mEAAA,CAAA;AAAA,MAEC,gBAAAJ,EAAAI,GAAA,EAAK,WAAU,YAAW,gBAAgB,MACxC,UAAA;AAAA,QAAAxB;AAAA,QAAY;AAAA,QACZ,gBAAAoB,EAAAI,GAAA,EAAK,WAAU,OAAM,SAAO,IAAC,UAAA;AAAA,UAAA;AAAA,UAC1BzB;AAAA,UAAY;AAAA,QAAA,GAChB;AAAA,MAAA,GACF;AAAA,MAEC,gBAAAwB,EAAAE,GAAA,EAAsB,UAAU,CAAAC,MAAKhB,EAAWgB,EAAE,OAAO,KAAK,GAAG,OAAOjB,EAAS,CAAA;AAAA,IAAA,GACpF;AAAA,IAEC,gBAAAW,EAAAO,GAAA,EAAqB,aAAY,UAChC,UAAA;AAAA,MAAC,gBAAAJ,EAAAC,GAAA,EAAK,OAAM,YAAW,WAAU,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAAG,UAGvF,oHAAA;AAAA,MAECpB,KACC,gBAAAmB,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAC7E,UACHpB,GAAA;AAAA,wBAGDkB,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,IAC3D,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,gBAAgBC;AAAA,UAAA;AAAA,QAClB;AAAA,QAGF,gBAAAiB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,UAAUI,MAAY;AAAA,YACtB,gBAAgBH;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
1	+ {"version":3,"file":"submit-with-plan-modal.js","sources":["../../../../../../src/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.tsx"],"sourcesContent":["import { useCallback, useState, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { IMilestoneFormData, TMilestoneFormFlow } from '../../milestone-create-types';\nimport * as Styled from './submit-with-plan-modal-styled';\nimport { createPlanApprovalMessage } from './submit-with-plan-modal-util';\n\ninterface ISubmitWithPlanModalProps {\n studentName: string;\n parentName: string;\n teacherName: string;\n formData: Required<IMilestoneFormData>; //should we make a type like this\n parentId: string;\n onSubmit: (message: string) => void;\n onError: () => void;\n isMilestoneEdit?: boolean;\n milestoneId?: string;\n error: string;\n isProcessing: boolean;\n submitAnalyticsProps?: Record<string, unknown>;\n submitBaseMessage: string;\n flow: TMilestoneFormFlow;\n}\n\nconst SubmitWithPlanModal: FC<ISubmitWithPlanModalProps> = ({\n studentName,\n parentName,\n teacherName,\n formData,\n onSubmit: handleSubmit,\n error,\n isProcessing,\n submitAnalyticsProps,\n submitBaseMessage,\n flow,\n}) => {\n const [message, setMessage] = useState(() => {\n const { milestoneEndDate, testName, testType, grade } = formData;\n\n return createPlanApprovalMessage(submitBaseMessage, {\n parentName,\n teacherName,\n studentName,\n testName,\n testDate: milestoneEndDate,\n testType,\n grade,\n });\n });\n\n const isEditFlow = flow === 'EDIT';\n\n const handleSubmitClick = useCallback(() => {\n handleSubmit(isEditFlow ? '' : message);\n }, [handleSubmit, isEditFlow, message]);\n\n return (\n <>\n <FlexView $gapX={1} $gutterX={1}>\n <Text $renderAs=\"ah4-bold\" $marginBottomX={0.75}>\n Share learning plan with parent\n </Text>\n\n <Text $renderAs=\"ub3\" color=\"BLACK_75\" $marginBottomX={0.75}>\n Edit the message if needed, before you share it with the parent.\n </Text>\n\n <Text $renderAs=\"ub2-bold\" $marginBottomX={0.75}>\n {parentName}{' '}\n <Text $renderAs=\"ub3\" $inline>\n ({studentName}'s parent)\n </Text>\n </Text>\n\n <Styled.StyledTextArea onChange={e => setMessage(e.target.value)} value={message} />\n </FlexView>\n\n <Styled.BottomWrapper $alignItems=\"center\">\n <Text color=\"BLACK_75\" $renderAs=\"ub4\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp &\n CueChat (if installed)\n </Text>\n\n {error && (\n <Text $renderAs=\"ub3\" $color=\"RED\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n {error}\n </Text>\n )}\n\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={12}>\n {isEditFlow && (\n <Button\n renderAs=\"secondary\"\n size=\"small\"\n widthX={13.5}\n label=\"Submit without share\"\n onClick={handleSubmitClick}\n busy={isProcessing}\n analyticsProps={submitAnalyticsProps}\n />\n )}\n\n <Button\n renderAs=\"primary\"\n size=\"small\"\n widthX={13.5}\n label=\"Submit & share\"\n onClick={handleSubmitClick}\n busy={isProcessing}\n disabled={message === ''}\n analyticsProps={submitAnalyticsProps}\n />\n </FlexView>\n </Styled.BottomWrapper>\n </>\n );\n};\n\nexport default SubmitWithPlanModal;\n"],"names":["SubmitWithPlanModal","studentName","parentName","teacherName","formData","handleSubmit","error","isProcessing","submitAnalyticsProps","submitBaseMessage","flow","message","setMessage","useState","milestoneEndDate","testName","testType","grade","createPlanApprovalMessage","isEditFlow","handleSubmitClick","useCallback","jsxs","Fragment","FlexView","jsx","Text","Styled.StyledTextArea","e","Styled.BottomWrapper","Button"],"mappings":";;;;;;;AA0BA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,MAAM;AAC3C,UAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,UAAAC,GAAU,OAAAC,MAAUb;AAExD,WAAOc,EAA0BT,GAAmB;AAAA,MAClD,YAAAP;AAAA,MACA,aAAAC;AAAA,MACA,aAAAF;AAAA,MACA,UAAAc;AAAA,MACA,UAAUD;AAAA,MACV,UAAAE;AAAA,MACA,OAAAC;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GAEKE,IAAaT,MAAS,QAEtBU,IAAoBC,EAAY,MAAM;AAC7B,IAAAhB,EAAAc,IAAa,KAAKR,CAAO;AAAA,EACrC,GAAA,CAACN,GAAcc,GAAYR,CAAO,CAAC;AAEtC,SAEI,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAS,EAAA,OAAO,GAAG,UAAU,GAC5B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,gBAAgB,MAAM,UAEjD,mCAAA;AAAA,MAEA,gBAAAD,EAACC,KAAK,WAAU,OAAM,OAAM,YAAW,gBAAgB,MAAM,UAE7D,mEAAA,CAAA;AAAA,MAEC,gBAAAJ,EAAAI,GAAA,EAAK,WAAU,YAAW,gBAAgB,MACxC,UAAA;AAAA,QAAAxB;AAAA,QAAY;AAAA,QACZ,gBAAAoB,EAAAI,GAAA,EAAK,WAAU,OAAM,SAAO,IAAC,UAAA;AAAA,UAAA;AAAA,UAC1BzB;AAAA,UAAY;AAAA,QAAA,GAChB;AAAA,MAAA,GACF;AAAA,MAEC,gBAAAwB,EAAAE,GAAA,EAAsB,UAAU,CAAAC,MAAKhB,EAAWgB,EAAE,OAAO,KAAK,GAAG,OAAOjB,EAAS,CAAA;AAAA,IAAA,GACpF;AAAA,IAEC,gBAAAW,EAAAO,GAAA,EAAqB,aAAY,UAChC,UAAA;AAAA,MAAC,gBAAAJ,EAAAC,GAAA,EAAK,OAAM,YAAW,WAAU,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAAG,UAGvF,oHAAA;AAAA,MAECpB,KACC,gBAAAmB,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAC7E,UACHpB,GAAA;AAAA,wBAGDkB,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,IAC3D,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,gBAAgBC;AAAA,UAAA;AAAA,QAClB;AAAA,QAGF,gBAAAiB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,UAAUI,MAAY;AAAA,YACtB,gBAAgBH;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/milestone/edit/comps/delete-milestone/confirm-delete.js CHANGED Viewed

@@ -7,8 +7,8 @@ import i from "../../../../ui/text/text.js";
 import { useMilestoneDelete as b } from "../edit-milestone-modal/api/delete-milestone.js";
 import { WarningsListWrapper as w, ListText as s } from "./styled.js";
 const D = "Deleting a goal is irreversible!", C = [
-  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { $inline: !0, $renderAs: "ub2", children: "This card and its resources will be removed from the homepage." }) }, "list-item-1"),
-  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { $renderAs: "ub2", $inline: !0, children: "Chapter progress won't be lost; it will still show in other goals with these chapters." }) }, "list-item-2")
+  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { $inline: !0, $renderAs: "ub3", children: "This card and its resources will be removed from the homepage." }) }, "list-item-1"),
+  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { $renderAs: "ub3", $inline: !0, children: "Chapter progress won't be lost; it will still show in other goals with these chapters." }) }, "list-item-2")
 ], L = ({ milestoneId: o, onDelete: a }) => {
   const [d, n] = g(!1), h = (l, f) => {
     l ? n(!0) : (n(!1), a(f));
@@ -35,7 +35,7 @@ const D = "Deleting a goal is irreversible!", C = [
         ] }),
         /* @__PURE__ */ r(t, { children: [
           d && /* @__PURE__ */ e(t, { $heightX: 2.375, $justifyContent: "flex-end", children: /* @__PURE__ */ r($, { children: [
-            /* @__PURE__ */ e(i, { $renderAs: "ub2", $color: "RED", $alignSelf: "center", children: "Oops! Something went wrong. Please try again in sometime." }),
+            /* @__PURE__ */ e(i, { $renderAs: "ub3", $color: "RED", $alignSelf: "center", children: "Oops! Something went wrong. Please try again in sometime." }),
             /* @__PURE__ */ e(x, { heightX: 1 })
           ] }) }),
           /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "flex-end", children: /* @__PURE__ */ e(

package/dist/features/milestone/edit/comps/delete-milestone/confirm-delete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confirm-delete.js","sources":["../../../../../../src/features/milestone/edit/comps/delete-milestone/confirm-delete.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useMilestoneDelete } from '../edit-milestone-modal/api/delete-milestone';\nimport * as Styled from './styled';\n\nconst header = 'Deleting a goal is irreversible!';\nconst warningTexts = [\n <li key=\"list-item-1\">\n <Styled.ListText $inline $renderAs=\"~~ub2~~\">\n This card and its resources will be removed from the homepage.\n </Styled.ListText>\n </li>,\n <li key=\"list-item-2\">\n <Styled.ListText $renderAs=\"~~ub2~~\" $inline>\n Chapter progress won't be lost; it will still show in other goals with these chapters.\n </Styled.ListText>\n </li>,\n];\n\ninterface IConfirmDeleteProps {\n onDelete: (data: { milestone_name: string } \| undefined) => void;\n milestoneId: string;\n}\n\nconst ConfirmDelete: FC<IConfirmDeleteProps> = ({ milestoneId, onDelete: handleDeleteSuccess }) => {\n const [isDeleteFailed, setDeleteFailed] = useState(false);\n\n const handleMilestoneDeleteComplete = (\n error: string \| null,\n data?: { milestone_name: string },\n ) => {\n if (error) {\n setDeleteFailed(true);\n } else {\n setDeleteFailed(false);\n handleDeleteSuccess(data);\n }\n };\n\n const { delete: deleteMilestone, isProcessing } = useMilestoneDelete({\n onComplete: handleMilestoneDeleteComplete,\n });\n\n const handleDelete = () => {\n deleteMilestone(milestoneId);\n };\n\n return (\n <FlexView\n $height=\"100%\"\n $justifyContent=\"space-between\"\n $flexGapX={2.5}\n $gutterX={1.5}\n $gapX={1.5}\n >\n <FlexView $flexGapX={1.5}>\n <Text $renderAs=\"ah4-bold\">{header}</Text>\n\n <FlexView $flexGapX={1}>\n <Styled.WarningsListWrapper>\n <Text $renderAs=\"ac4-black\" $color=\"RED\">\n Please note\n </Text>\n\n {warningTexts.map(text => text)}\n </Styled.WarningsListWrapper>\n </FlexView>\n </FlexView>\n\n <FlexView>\n {isDeleteFailed && (\n <FlexView $heightX={2.375} $justifyContent=\"flex-end\">\n <>\n <Text $renderAs=\"~~ub2~~\" $color=\"RED\" $alignSelf=\"center\">\n Oops! Something went wrong. Please try again in sometime.\n </Text>\n <Separator heightX={1} />\n </>\n </FlexView>\n )}\n\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"flex-end\">\n <Button\n renderAs=\"primary\"\n label=\"Delete\"\n analyticsLabel=\"modal_delete_milestone\"\n size=\"small\"\n shape=\"square\"\n onClick={handleDelete}\n busy={isProcessing}\n widthX={12}\n />\n </FlexView>\n </FlexView>\n </FlexView>\n );\n};\n\nexport default ConfirmDelete;\n"],"names":["header","warningTexts","jsx","Styled.ListText","ConfirmDelete","milestoneId","handleDeleteSuccess","isDeleteFailed","setDeleteFailed","useState","handleMilestoneDeleteComplete","error","data","deleteMilestone","isProcessing","useMilestoneDelete","handleDelete","jsxs","FlexView","Text","Styled.WarningsListWrapper","text","Fragment","Separator","Button"],"mappings":";;;;;;;;AASA,MAAMA,IAAS,oCACTC,IAAe;AAAA,EAClB,gBAAAC,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAgB,SAAO,IAAC,WAAU,OAAM,UAEzC,iEAAA,CAAA,EAAA,GAHM,aAIR;AAAA,EACC,gBAAAD,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAgB,WAAU,OAAM,SAAO,IAAC,UAEzC,yFAAA,CAAA,EAAA,GAHM,aAIR;AACF,GAOMC,IAAyC,CAAC,EAAE,aAAAC,GAAa,UAAUC,QAA0B;AACjG,QAAM,CAACC,GAAgBC,CAAe,IAAIC,EAAS,EAAK,GAElDC,IAAgC,CACpCC,GACAC,MACG;AACH,IAAID,IACFH,EAAgB,EAAI,KAEpBA,EAAgB,EAAK,GACrBF,EAAoBM,CAAI;AAAA,EAC1B,GAGI,EAAE,QAAQC,GAAiB,cAAAC,EAAA,IAAiBC,EAAmB;AAAA,IACnE,YAAYL;AAAA,EAAA,CACb,GAEKM,IAAe,MAAM;AACzB,IAAAH,EAAgBR,CAAW;AAAA,EAAA;AAI3B,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,UAAA;AAAA,QAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,KACnB,UAAA;AAAA,UAAC,gBAAAhB,EAAAiB,GAAA,EAAK,WAAU,YAAY,UAAOnB,GAAA;AAAA,4BAElCkB,GAAS,EAAA,WAAW,GACnB,UAAC,gBAAAD,EAAAG,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAlB,EAACiB,GAAK,EAAA,WAAU,aAAY,QAAO,OAAM,UAEzC,eAAA;AAAA,YAEClB,EAAa,IAAI,CAAAoB,MAAQA,CAAI;AAAA,UAAA,EAAA,CAChC,EACF,CAAA;AAAA,QAAA,GACF;AAAA,0BAECH,GACE,EAAA,UAAA;AAAA,UAAAX,uBACEW,GAAS,EAAA,UAAU,OAAO,iBAAgB,YACzC,UACE,gBAAAD,EAAAK,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAApB,EAACiB,KAAK,WAAU,OAAM,QAAO,OAAM,YAAW,UAAS,UAEvD,4DAAA,CAAA;AAAA,YACA,gBAAAjB,EAACqB,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,EACF,CAAA;AAAA,4BAGDL,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,YAClE,UAAA,gBAAAhB;AAAA,YAACsB;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,gBAAe;AAAA,cACf,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASR;AAAA,cACT,MAAMF;AAAA,cACN,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"confirm-delete.js","sources":["../../../../../../src/features/milestone/edit/comps/delete-milestone/confirm-delete.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useMilestoneDelete } from '../edit-milestone-modal/api/delete-milestone';\nimport * as Styled from './styled';\n\nconst header = 'Deleting a goal is irreversible!';\nconst warningTexts = [\n <li key=\"list-item-1\">\n <Styled.ListText $inline $renderAs=\"ub3\">\n This card and its resources will be removed from the homepage.\n </Styled.ListText>\n </li>,\n <li key=\"list-item-2\">\n <Styled.ListText $renderAs=\"ub3\" $inline>\n Chapter progress won't be lost; it will still show in other goals with these chapters.\n </Styled.ListText>\n </li>,\n];\n\ninterface IConfirmDeleteProps {\n onDelete: (data: { milestone_name: string } \| undefined) => void;\n milestoneId: string;\n}\n\nconst ConfirmDelete: FC<IConfirmDeleteProps> = ({ milestoneId, onDelete: handleDeleteSuccess }) => {\n const [isDeleteFailed, setDeleteFailed] = useState(false);\n\n const handleMilestoneDeleteComplete = (\n error: string \| null,\n data?: { milestone_name: string },\n ) => {\n if (error) {\n setDeleteFailed(true);\n } else {\n setDeleteFailed(false);\n handleDeleteSuccess(data);\n }\n };\n\n const { delete: deleteMilestone, isProcessing } = useMilestoneDelete({\n onComplete: handleMilestoneDeleteComplete,\n });\n\n const handleDelete = () => {\n deleteMilestone(milestoneId);\n };\n\n return (\n <FlexView\n $height=\"100%\"\n $justifyContent=\"space-between\"\n $flexGapX={2.5}\n $gutterX={1.5}\n $gapX={1.5}\n >\n <FlexView $flexGapX={1.5}>\n <Text $renderAs=\"ah4-bold\">{header}</Text>\n\n <FlexView $flexGapX={1}>\n <Styled.WarningsListWrapper>\n <Text $renderAs=\"ac4-black\" $color=\"RED\">\n Please note\n </Text>\n\n {warningTexts.map(text => text)}\n </Styled.WarningsListWrapper>\n </FlexView>\n </FlexView>\n\n <FlexView>\n {isDeleteFailed && (\n <FlexView $heightX={2.375} $justifyContent=\"flex-end\">\n <>\n <Text $renderAs=\"ub3\" $color=\"RED\" $alignSelf=\"center\">\n Oops! Something went wrong. Please try again in sometime.\n </Text>\n <Separator heightX={1} />\n </>\n </FlexView>\n )}\n\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"flex-end\">\n <Button\n renderAs=\"primary\"\n label=\"Delete\"\n analyticsLabel=\"modal_delete_milestone\"\n size=\"small\"\n shape=\"square\"\n onClick={handleDelete}\n busy={isProcessing}\n widthX={12}\n />\n </FlexView>\n </FlexView>\n </FlexView>\n );\n};\n\nexport default ConfirmDelete;\n"],"names":["header","warningTexts","jsx","Styled.ListText","ConfirmDelete","milestoneId","handleDeleteSuccess","isDeleteFailed","setDeleteFailed","useState","handleMilestoneDeleteComplete","error","data","deleteMilestone","isProcessing","useMilestoneDelete","handleDelete","jsxs","FlexView","Text","Styled.WarningsListWrapper","text","Fragment","Separator","Button"],"mappings":";;;;;;;;AASA,MAAMA,IAAS,oCACTC,IAAe;AAAA,EAClB,gBAAAC,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAgB,SAAO,IAAC,WAAU,OAAM,UAEzC,iEAAA,CAAA,EAAA,GAHM,aAIR;AAAA,EACC,gBAAAD,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAgB,WAAU,OAAM,SAAO,IAAC,UAEzC,yFAAA,CAAA,EAAA,GAHM,aAIR;AACF,GAOMC,IAAyC,CAAC,EAAE,aAAAC,GAAa,UAAUC,QAA0B;AACjG,QAAM,CAACC,GAAgBC,CAAe,IAAIC,EAAS,EAAK,GAElDC,IAAgC,CACpCC,GACAC,MACG;AACH,IAAID,IACFH,EAAgB,EAAI,KAEpBA,EAAgB,EAAK,GACrBF,EAAoBM,CAAI;AAAA,EAC1B,GAGI,EAAE,QAAQC,GAAiB,cAAAC,EAAA,IAAiBC,EAAmB;AAAA,IACnE,YAAYL;AAAA,EAAA,CACb,GAEKM,IAAe,MAAM;AACzB,IAAAH,EAAgBR,CAAW;AAAA,EAAA;AAI3B,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,UAAA;AAAA,QAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,KACnB,UAAA;AAAA,UAAC,gBAAAhB,EAAAiB,GAAA,EAAK,WAAU,YAAY,UAAOnB,GAAA;AAAA,4BAElCkB,GAAS,EAAA,WAAW,GACnB,UAAC,gBAAAD,EAAAG,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAlB,EAACiB,GAAK,EAAA,WAAU,aAAY,QAAO,OAAM,UAEzC,eAAA;AAAA,YAEClB,EAAa,IAAI,CAAAoB,MAAQA,CAAI;AAAA,UAAA,EAAA,CAChC,EACF,CAAA;AAAA,QAAA,GACF;AAAA,0BAECH,GACE,EAAA,UAAA;AAAA,UAAAX,uBACEW,GAAS,EAAA,UAAU,OAAO,iBAAgB,YACzC,UACE,gBAAAD,EAAAK,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAApB,EAACiB,KAAK,WAAU,OAAM,QAAO,OAAM,YAAW,UAAS,UAEvD,4DAAA,CAAA;AAAA,YACA,gBAAAjB,EAACqB,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,EACF,CAAA;AAAA,4BAGDL,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,YAClE,UAAA,gBAAAhB;AAAA,YAACsB;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,gBAAe;AAAA,cACf,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASR;AAAA,cACT,MAAMF;AAAA,cACN,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js CHANGED Viewed

@@ -41,11 +41,11 @@ const F = w(function({
       }
     ),
     /* @__PURE__ */ e(t, { $heightX: o ? 2.375 : 3.625, $justifyContent: "flex-end", children: h && /* @__PURE__ */ r(x, { children: [
-      /* @__PURE__ */ e(n, { $renderAs: "ub2", $color: "RED", $alignSelf: "center", children: "Oops! Something went wrong. Please try again in sometime." }),
+      /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "RED", $alignSelf: "center", children: "Oops! Something went wrong. Please try again in sometime." }),
       /* @__PURE__ */ e(A, { heightX: 1 })
     ] }) }),
     /* @__PURE__ */ r(t, { children: [
-      o && /* @__PURE__ */ e(t, { $width: "100%", children: /* @__PURE__ */ e(n, { $renderAs: "ub2", $alignSelf: "flex-end", $color: "GREEN_5", $marginBottomX: 0.25, children: "Changes saved!" }) }),
+      o && /* @__PURE__ */ e(t, { $width: "100%", children: /* @__PURE__ */ e(n, { $renderAs: "ub3", $alignSelf: "flex-end", $color: "GREEN_5", $marginBottomX: 0.25, children: "Changes saved!" }) }),
       /* @__PURE__ */ r(
         t,
         {

package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edit-milestone.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { memo, type ChangeEvent, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { TMilestoneStates } from '../../../milestone-list-container/milestone-list/milestone-list-types';\n\ninterface IEditMilestoneProps {\n inputMilestoneName: string;\n areDateUpdatesDisabled: boolean;\n handleDateChange: (e: ChangeEvent<HTMLInputElement>) => void;\n inputMilestoneDate: number;\n anyFieldChanged: boolean;\n isProcessing: boolean;\n isDataPatched: boolean;\n isMilestoneChaptersListEditable: boolean;\n onSave: () => void;\n isPatchingFailed: boolean;\n onDeleteOptionClick: () => void;\n errorMessage: string;\n canDelete: boolean;\n milestoneState: TMilestoneStates;\n}\n\nconst EditMilestone: FC<IEditMilestoneProps> = memo(function EditMilestone({\n inputMilestoneName,\n areDateUpdatesDisabled,\n handleDateChange,\n inputMilestoneDate,\n anyFieldChanged,\n isProcessing,\n isDataPatched,\n onSave,\n isPatchingFailed,\n onDeleteOptionClick,\n errorMessage,\n canDelete,\n milestoneState,\n}) {\n const isSaveDisabled = !anyFieldChanged \|\| isProcessing \|\| isDataPatched \|\| !inputMilestoneDate;\n\n return (\n <FlexView $gutterX={1.5} $gapX={1.5} $height=\"100%\" $justifyContent=\"space-between\">\n <Text $renderAs=\"ah4-bold\">Edit Goal</Text>\n\n <FlexView $width=\"fit-content\" $marginBottomX={0.5}>\n <Text $renderAs=\"ab1\">{inputMilestoneName}</Text>\n </FlexView>\n\n <TextInput\n renderAs=\"primary\"\n type=\"date\"\n label=\"Tentative Date of Completion\"\n widthX={20}\n min={format(Date.now(), 'yyyy-MM-dd')}\n value={inputMilestoneDate ? format(inputMilestoneDate * 1000, 'yyyy-MM-dd') : ''}\n onChange={handleDateChange}\n errorMessage={errorMessage}\n disabled={areDateUpdatesDisabled}\n />\n\n <FlexView $heightX={isDataPatched ? 2.375 : 3.625} $justifyContent=\"flex-end\">\n {isPatchingFailed && (\n <>\n <Text $renderAs=\"~~ub2~~\" $color=\"RED\" $alignSelf=\"center\">\n Oops! Something went wrong. Please try again in sometime.\n </Text>\n <Separator heightX={1} />\n </>\n )}\n </FlexView>\n\n <FlexView>\n {isDataPatched && (\n <FlexView $width=\"100%\">\n <Text $renderAs=\"~~ub2~~\" $alignSelf=\"flex-end\" $color=\"GREEN_5\" $marginBottomX={0.25}>\n Changes saved!\n </Text>\n </FlexView>\n )}\n\n <FlexView\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexGapX={1.5}\n $width=\"100%\"\n >\n <FlexView\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $alignItems=\"center\"\n $flexColumnGapX={1}\n $width=\"100%\"\n >\n {milestoneState !== 'DRAFT' && canDelete && (\n <TextButton label=\"Delete\" color=\"RED\" onClick={onDeleteOptionClick} />\n )}\n </FlexView>\n\n <Button\n renderAs=\"primary\"\n label={isProcessing ? 'Saving...' : 'Save'}\n onClick={onSave}\n size=\"small\"\n shape=\"square\"\n disabled={isSaveDisabled}\n />\n </FlexView>\n </FlexView>\n </FlexView>\n );\n});\n\nexport default EditMilestone;\n"],"names":["EditMilestone","memo","inputMilestoneName","areDateUpdatesDisabled","handleDateChange","inputMilestoneDate","anyFieldChanged","isProcessing","isDataPatched","onSave","isPatchingFailed","onDeleteOptionClick","errorMessage","canDelete","milestoneState","isSaveDisabled","jsxs","FlexView","jsx","Text","TextInput","format","Fragment","Separator","TextButton","Button"],"mappings":";;;;;;;;;AA4BM,MAAAA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,oBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,QAAMC,IAAiB,CAACT,KAAmBC,KAAgBC,KAAiB,CAACH;AAG3E,SAAA,gBAAAW,EAACC,KAAS,UAAU,KAAK,OAAO,KAAK,SAAQ,QAAO,iBAAgB,iBAClE,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAS,aAAA;AAAA,IAEpC,gBAAAD,EAACD,GAAS,EAAA,QAAO,eAAc,gBAAgB,KAC7C,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAO,UAAAjB,EAAmB,CAAA,GAC5C;AAAA,IAEA,gBAAAgB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,KAAKC,EAAO,KAAK,IAAA,GAAO,YAAY;AAAA,QACpC,OAAOhB,IAAqBgB,EAAOhB,IAAqB,KAAM,YAAY,IAAI;AAAA,QAC9E,UAAUD;AAAA,QACV,cAAAQ;AAAA,QACA,UAAUT;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA,gBAAAe,EAACD,KAAS,UAAUT,IAAgB,QAAQ,OAAO,iBAAgB,YAChE,UAAAE,KAEG,gBAAAM,EAAAM,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACC,KAAK,WAAU,OAAM,QAAO,OAAM,YAAW,UAAS,UAEvD,4DAAA,CAAA;AAAA,MACA,gBAAAD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAAA,EAAA,CACzB,EAEJ,CAAA;AAAA,sBAECN,GACE,EAAA,UAAA;AAAA,MAAAT,KACE,gBAAAU,EAAAD,GAAA,EAAS,QAAO,QACf,4BAACE,GAAK,EAAA,WAAU,OAAM,YAAW,YAAW,QAAO,WAAU,gBAAgB,MAAM,2BAEnF,CAAA,GACF;AAAA,MAGF,gBAAAH;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,QAAO;AAAA,UAEP,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBACZ,iBAAiB;AAAA,gBACjB,QAAO;AAAA,gBAEN,UAAAH,MAAmB,WAAWD,KAC5B,gBAAAK,EAAAM,GAAA,EAAW,OAAM,UAAS,OAAM,OAAM,SAASb,EAAqB,CAAA;AAAA,cAAA;AAAA,YAEzE;AAAA,YAEA,gBAAAO;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAOlB,IAAe,cAAc;AAAA,gBACpC,SAASE;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUM;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
1	+ {"version":3,"file":"edit-milestone.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { memo, type ChangeEvent, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { TMilestoneStates } from '../../../milestone-list-container/milestone-list/milestone-list-types';\n\ninterface IEditMilestoneProps {\n inputMilestoneName: string;\n areDateUpdatesDisabled: boolean;\n handleDateChange: (e: ChangeEvent<HTMLInputElement>) => void;\n inputMilestoneDate: number;\n anyFieldChanged: boolean;\n isProcessing: boolean;\n isDataPatched: boolean;\n isMilestoneChaptersListEditable: boolean;\n onSave: () => void;\n isPatchingFailed: boolean;\n onDeleteOptionClick: () => void;\n errorMessage: string;\n canDelete: boolean;\n milestoneState: TMilestoneStates;\n}\n\nconst EditMilestone: FC<IEditMilestoneProps> = memo(function EditMilestone({\n inputMilestoneName,\n areDateUpdatesDisabled,\n handleDateChange,\n inputMilestoneDate,\n anyFieldChanged,\n isProcessing,\n isDataPatched,\n onSave,\n isPatchingFailed,\n onDeleteOptionClick,\n errorMessage,\n canDelete,\n milestoneState,\n}) {\n const isSaveDisabled = !anyFieldChanged \|\| isProcessing \|\| isDataPatched \|\| !inputMilestoneDate;\n\n return (\n <FlexView $gutterX={1.5} $gapX={1.5} $height=\"100%\" $justifyContent=\"space-between\">\n <Text $renderAs=\"ah4-bold\">Edit Goal</Text>\n\n <FlexView $width=\"fit-content\" $marginBottomX={0.5}>\n <Text $renderAs=\"ab1\">{inputMilestoneName}</Text>\n </FlexView>\n\n <TextInput\n renderAs=\"primary\"\n type=\"date\"\n label=\"Tentative Date of Completion\"\n widthX={20}\n min={format(Date.now(), 'yyyy-MM-dd')}\n value={inputMilestoneDate ? format(inputMilestoneDate * 1000, 'yyyy-MM-dd') : ''}\n onChange={handleDateChange}\n errorMessage={errorMessage}\n disabled={areDateUpdatesDisabled}\n />\n\n <FlexView $heightX={isDataPatched ? 2.375 : 3.625} $justifyContent=\"flex-end\">\n {isPatchingFailed && (\n <>\n <Text $renderAs=\"ub3\" $color=\"RED\" $alignSelf=\"center\">\n Oops! Something went wrong. Please try again in sometime.\n </Text>\n <Separator heightX={1} />\n </>\n )}\n </FlexView>\n\n <FlexView>\n {isDataPatched && (\n <FlexView $width=\"100%\">\n <Text $renderAs=\"ub3\" $alignSelf=\"flex-end\" $color=\"GREEN_5\" $marginBottomX={0.25}>\n Changes saved!\n </Text>\n </FlexView>\n )}\n\n <FlexView\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexGapX={1.5}\n $width=\"100%\"\n >\n <FlexView\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $alignItems=\"center\"\n $flexColumnGapX={1}\n $width=\"100%\"\n >\n {milestoneState !== 'DRAFT' && canDelete && (\n <TextButton label=\"Delete\" color=\"RED\" onClick={onDeleteOptionClick} />\n )}\n </FlexView>\n\n <Button\n renderAs=\"primary\"\n label={isProcessing ? 'Saving...' : 'Save'}\n onClick={onSave}\n size=\"small\"\n shape=\"square\"\n disabled={isSaveDisabled}\n />\n </FlexView>\n </FlexView>\n </FlexView>\n );\n});\n\nexport default EditMilestone;\n"],"names":["EditMilestone","memo","inputMilestoneName","areDateUpdatesDisabled","handleDateChange","inputMilestoneDate","anyFieldChanged","isProcessing","isDataPatched","onSave","isPatchingFailed","onDeleteOptionClick","errorMessage","canDelete","milestoneState","isSaveDisabled","jsxs","FlexView","jsx","Text","TextInput","format","Fragment","Separator","TextButton","Button"],"mappings":";;;;;;;;;AA4BM,MAAAA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,oBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,QAAMC,IAAiB,CAACT,KAAmBC,KAAgBC,KAAiB,CAACH;AAG3E,SAAA,gBAAAW,EAACC,KAAS,UAAU,KAAK,OAAO,KAAK,SAAQ,QAAO,iBAAgB,iBAClE,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,UAAS,aAAA;AAAA,IAEpC,gBAAAD,EAACD,GAAS,EAAA,QAAO,eAAc,gBAAgB,KAC7C,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAO,UAAAjB,EAAmB,CAAA,GAC5C;AAAA,IAEA,gBAAAgB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,KAAKC,EAAO,KAAK,IAAA,GAAO,YAAY;AAAA,QACpC,OAAOhB,IAAqBgB,EAAOhB,IAAqB,KAAM,YAAY,IAAI;AAAA,QAC9E,UAAUD;AAAA,QACV,cAAAQ;AAAA,QACA,UAAUT;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA,gBAAAe,EAACD,KAAS,UAAUT,IAAgB,QAAQ,OAAO,iBAAgB,YAChE,UAAAE,KAEG,gBAAAM,EAAAM,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACC,KAAK,WAAU,OAAM,QAAO,OAAM,YAAW,UAAS,UAEvD,4DAAA,CAAA;AAAA,MACA,gBAAAD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAAA,EAAA,CACzB,EAEJ,CAAA;AAAA,sBAECN,GACE,EAAA,UAAA;AAAA,MAAAT,KACE,gBAAAU,EAAAD,GAAA,EAAS,QAAO,QACf,4BAACE,GAAK,EAAA,WAAU,OAAM,YAAW,YAAW,QAAO,WAAU,gBAAgB,MAAM,2BAEnF,CAAA,GACF;AAAA,MAGF,gBAAAH;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,QAAO;AAAA,UAEP,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBACZ,iBAAiB;AAAA,gBACjB,QAAO;AAAA,gBAEN,UAAAH,MAAmB,WAAWD,KAC5B,gBAAAK,EAAAM,GAAA,EAAW,OAAM,UAAS,OAAM,OAAM,SAASb,EAAqB,CAAA;AAAA,cAAA;AAAA,YAEzE;AAAA,YAEA,gBAAAO;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAOlB,IAAe,cAAc;AAAA,gBACpC,SAASE;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUM;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-action-widget/milestone-action-widget.js CHANGED Viewed

@@ -73,8 +73,8 @@ const j = _(function({
           children: [
             /* @__PURE__ */ e(o, { $gapX: 0.375, children: /* @__PURE__ */ e(G, { $borderColor: C, children: u }) }),
             /* @__PURE__ */ e(o, { $flexDirection: "row", $alignItems: "flex-start", children: /* @__PURE__ */ r(o, { children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ub1-bold", children: h }),
-              /* @__PURE__ */ e(t, { $renderAs: "ub2", $widthX: 12.15, children: b }),
+              /* @__PURE__ */ e(t, { $renderAs: "ub2-bold", children: h }),
+              /* @__PURE__ */ e(t, { $renderAs: "ub3", $widthX: 12.15, children: b }),
               /* @__PURE__ */ e(k, { heightX: 1 }),
               /* @__PURE__ */ e(
                 W,

package/dist/features/milestone/milestone-action-widget/milestone-action-widget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"milestone-action-widget.js","sources":["../../../../src/features/milestone/milestone-action-widget/milestone-action-widget.tsx"],"sourcesContent":["import { Fragment, memo, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport {\n VerticalLine,\n Wrapper,\n MainWrapper,\n Icon,\n StyledFlexView,\n} from './milestone-action-widget-styled';\nimport type {\n IMilestoneActionWidgetProps,\n TActionCtaConfigItem,\n} from './milstone-action-widget-types';\n\nconst MilestoneActionWidget: FC<IMilestoneActionWidgetProps> = memo(function MilestoneActionWidget({\n onCreatePlan,\n onAddOutcome,\n canCreatePlan,\n}) {\n const temporaryMilestoneId = useLazyRef(uuidv4);\n\n const handleCreatePlan = () => {\n onCreatePlan(temporaryMilestoneId);\n };\n\n const buttonAnalyticsProps = {\n temporary_milestone_id: temporaryMilestoneId,\n };\n\n const ACTION_CTA_CONFIG: TActionCtaConfigItem[] = [\n {\n id: 1,\n heading: 'Create a Goal',\n subHeading: `Add a new goal to the student's learning plan`,\n ctaLabel: 'Create Goal',\n icon: '⛳️',\n onClick: handleCreatePlan,\n isDisabled: !canCreatePlan,\n disableReason: 'Goals can only be added for students who have joined the class',\n borderColor: 'YELLOW_5',\n backgroundColor: 'YELLOW_1',\n borderTopColor: 'YELLOW_4',\n },\n {\n id: 2,\n heading: 'Add a Milestone',\n subHeading: 'Add a previous test score or a student achievement',\n ctaLabel: 'Add Milestone',\n icon: '💯',\n onClick: onAddOutcome,\n isDisabled: false,\n disableReason: '',\n analyticsLabel: 'add-a-milestone',\n borderColor: 'BLUE_5',\n backgroundColor: 'GREEN_1',\n borderTopColor: 'GREEN_4',\n },\n ];\n\n return (\n <FlexView>\n <MainWrapper $flexDirection=\"row\" $gapX={1.5} $gutterX={2} $justifyContent=\"space-around\">\n {ACTION_CTA_CONFIG.map(\n (\n {\n id,\n heading,\n subHeading,\n ctaLabel,\n icon,\n onClick,\n isDisabled,\n analyticsLabel,\n borderColor,\n backgroundColor,\n borderTopColor,\n disableReason,\n },\n idx,\n ) => (\n <Fragment key={id}>\n <StyledFlexView\n $background={backgroundColor}\n $gap={20}\n $gutter={12}\n $flexDirection=\"row\"\n $borderRadius={8}\n $borderColor={borderTopColor}\n >\n <FlexView $gapX={0.375}>\n <Icon $borderColor={borderColor}>{icon}</Icon>\n </FlexView>\n <FlexView $flexDirection=\"row\" $alignItems=\"flex-start\">\n <FlexView>\n <Text $renderAs=\"~~ub1~~-bold\">{heading}</Text>\n <Text $renderAs=\"~~ub2~~\" $widthX={12.15}>\n {subHeading}\n </Text>\n <Separator heightX={1} />\n\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n widthX={15.3125}\n tooltipItem={disableReason}\n hidden={!isDisabled}\n >\n <Button\n renderAs=\"secondary\"\n label={ctaLabel}\n onClick={onClick}\n widthX={10}\n size=\"small\"\n disabled={isDisabled}\n analyticsLabel={analyticsLabel}\n analyticsProps={buttonAnalyticsProps}\n />\n </ArrowTooltip>\n </FlexView>\n </FlexView>\n </StyledFlexView>\n {idx !== ACTION_CTA_CONFIG.length - 1 && (\n <Wrapper $alignItems=\"center\" $justifyContent=\"center\" $gutterX={2}>\n <VerticalLine $width={1} $background=\"GREY_2\" />\n <FlexView $background=\"WHITE\" $gapX={0.375}>\n <Text $renderAs=\"ac4-black\">OR</Text>\n </FlexView>\n </Wrapper>\n )}\n </Fragment>\n ),\n )}\n </MainWrapper>\n </FlexView>\n );\n});\n\nexport default MilestoneActionWidget;\n"],"names":["MilestoneActionWidget","memo","onCreatePlan","onAddOutcome","canCreatePlan","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","buttonAnalyticsProps","ACTION_CTA_CONFIG","jsx","FlexView","MainWrapper","id","heading","subHeading","ctaLabel","icon","onClick","isDisabled","analyticsLabel","borderColor","backgroundColor","borderTopColor","disableReason","idx","jsxs","Fragment","StyledFlexView","Icon","Text","Separator","ArrowTooltip","Button","Wrapper","VerticalLine","MilestoneActionWidget$1"],"mappings":"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"}
1	+ {"version":3,"file":"milestone-action-widget.js","sources":["../../../../src/features/milestone/milestone-action-widget/milestone-action-widget.tsx"],"sourcesContent":["import { Fragment, memo, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport {\n VerticalLine,\n Wrapper,\n MainWrapper,\n Icon,\n StyledFlexView,\n} from './milestone-action-widget-styled';\nimport type {\n IMilestoneActionWidgetProps,\n TActionCtaConfigItem,\n} from './milstone-action-widget-types';\n\nconst MilestoneActionWidget: FC<IMilestoneActionWidgetProps> = memo(function MilestoneActionWidget({\n onCreatePlan,\n onAddOutcome,\n canCreatePlan,\n}) {\n const temporaryMilestoneId = useLazyRef(uuidv4);\n\n const handleCreatePlan = () => {\n onCreatePlan(temporaryMilestoneId);\n };\n\n const buttonAnalyticsProps = {\n temporary_milestone_id: temporaryMilestoneId,\n };\n\n const ACTION_CTA_CONFIG: TActionCtaConfigItem[] = [\n {\n id: 1,\n heading: 'Create a Goal',\n subHeading: `Add a new goal to the student's learning plan`,\n ctaLabel: 'Create Goal',\n icon: '⛳️',\n onClick: handleCreatePlan,\n isDisabled: !canCreatePlan,\n disableReason: 'Goals can only be added for students who have joined the class',\n borderColor: 'YELLOW_5',\n backgroundColor: 'YELLOW_1',\n borderTopColor: 'YELLOW_4',\n },\n {\n id: 2,\n heading: 'Add a Milestone',\n subHeading: 'Add a previous test score or a student achievement',\n ctaLabel: 'Add Milestone',\n icon: '💯',\n onClick: onAddOutcome,\n isDisabled: false,\n disableReason: '',\n analyticsLabel: 'add-a-milestone',\n borderColor: 'BLUE_5',\n backgroundColor: 'GREEN_1',\n borderTopColor: 'GREEN_4',\n },\n ];\n\n return (\n <FlexView>\n <MainWrapper $flexDirection=\"row\" $gapX={1.5} $gutterX={2} $justifyContent=\"space-around\">\n {ACTION_CTA_CONFIG.map(\n (\n {\n id,\n heading,\n subHeading,\n ctaLabel,\n icon,\n onClick,\n isDisabled,\n analyticsLabel,\n borderColor,\n backgroundColor,\n borderTopColor,\n disableReason,\n },\n idx,\n ) => (\n <Fragment key={id}>\n <StyledFlexView\n $background={backgroundColor}\n $gap={20}\n $gutter={12}\n $flexDirection=\"row\"\n $borderRadius={8}\n $borderColor={borderTopColor}\n >\n <FlexView $gapX={0.375}>\n <Icon $borderColor={borderColor}>{icon}</Icon>\n </FlexView>\n <FlexView $flexDirection=\"row\" $alignItems=\"flex-start\">\n <FlexView>\n <Text $renderAs=\"ub2-bold\">{heading}</Text>\n <Text $renderAs=\"ub3\" $widthX={12.15}>\n {subHeading}\n </Text>\n <Separator heightX={1} />\n\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n widthX={15.3125}\n tooltipItem={disableReason}\n hidden={!isDisabled}\n >\n <Button\n renderAs=\"secondary\"\n label={ctaLabel}\n onClick={onClick}\n widthX={10}\n size=\"small\"\n disabled={isDisabled}\n analyticsLabel={analyticsLabel}\n analyticsProps={buttonAnalyticsProps}\n />\n </ArrowTooltip>\n </FlexView>\n </FlexView>\n </StyledFlexView>\n {idx !== ACTION_CTA_CONFIG.length - 1 && (\n <Wrapper $alignItems=\"center\" $justifyContent=\"center\" $gutterX={2}>\n <VerticalLine $width={1} $background=\"GREY_2\" />\n <FlexView $background=\"WHITE\" $gapX={0.375}>\n <Text $renderAs=\"ac4-black\">OR</Text>\n </FlexView>\n </Wrapper>\n )}\n </Fragment>\n ),\n )}\n </MainWrapper>\n </FlexView>\n );\n});\n\nexport default MilestoneActionWidget;\n"],"names":["MilestoneActionWidget","memo","onCreatePlan","onAddOutcome","canCreatePlan","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","buttonAnalyticsProps","ACTION_CTA_CONFIG","jsx","FlexView","MainWrapper","id","heading","subHeading","ctaLabel","icon","onClick","isDisabled","analyticsLabel","borderColor","backgroundColor","borderTopColor","disableReason","idx","jsxs","Fragment","StyledFlexView","Icon","Text","Separator","ArrowTooltip","Button","Wrapper","VerticalLine","MilestoneActionWidget$1"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js CHANGED Viewed

@@ -148,7 +148,7 @@ const ce = R(function(w) {
         ]
       }
     ),
-    D && /* @__PURE__ */ t(J, { $widthX: 12.5, $renderAs: "ub3-bold", $color: "RED", $align: "center", children: D })
+    D && /* @__PURE__ */ t(J, { $widthX: 12.5, $renderAs: "ub4-bold", $color: "RED", $align: "center", children: D })
   ] });
 });
 export {

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\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 { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n const {\n milestone,\n studentId,\n isClassOngoing,\n isStudentPresent,\n studentName,\n teacherName,\n parentName,\n onAddOutcome,\n onDraftPublish,\n onEdit,\n courseStream,\n isDraftModeEnabled,\n } = props;\n const {\n id: milestoneId,\n milestone_name: milestoneName,\n milestone_date_ts: dueDate,\n milestone_state: milestoneState,\n permissions: milestonePermissions,\n goal_category: goalCategory,\n goal_code: goalCode,\n } = milestone;\n\n const {\n can_delete: canDelete,\n can_update_date: canUpdateDate,\n can_update_plan: canUpdatePlan,\n } = milestonePermissions;\n\n const { onEvent: trackEvent } = useUIContext();\n const [error, setError] = useState('');\n\n const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n const canPublishOrEditGoal = !isClassOngoing \|\| isStudentPresent;\n\n const handleGoalPublishComplete = useCallback(\n (errorMessage: string \| null, data?: { id: string }) => {\n const { id } = data \|\| {};\n\n if (errorMessage) {\n setError(errorMessage);\n } else {\n if (milestoneId) {\n invalidateMilestonesData({\n milestone_state_group: 'LIVE',\n course_stream: courseStream,\n student_id: studentId,\n });\n }\n onDraftPublish?.(milestoneId, true);\n trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n milestone_id: milestoneId \|\| id,\n });\n }\n },\n [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n );\n\n const { onPublish, isProcessing } = useDraftPublish({\n handleGoalPublishComplete,\n milestone,\n milestoneId,\n studentName,\n parentName,\n teacherName,\n });\n\n const handleGoalEdit = useCallback(() => {\n onEdit?.({\n milestoneId,\n milestoneName,\n milestoneDueDate: dueDate,\n isMilestoneChaptersListEditable: canUpdatePlan,\n isMilestoneDateEditable: canUpdateDate,\n milestoneState,\n canDelete,\n goalCategory,\n goalCode,\n });\n }, [\n canDelete,\n canUpdateDate,\n canUpdatePlan,\n dueDate,\n goalCategory,\n goalCode,\n milestoneId,\n milestoneName,\n milestoneState,\n onEdit,\n ]);\n\n const handleOnAddOutcome = useCallback(() => {\n onAddOutcome?.(milestoneId);\n }, [onAddOutcome, milestoneId]);\n\n return (\n <FlexView $justifyContent=\"center\" $flexGap={8}>\n <FlexView\n $flexDirection=\"row\"\n $flexGapX={1.5}\n $alignItems=\"center\"\n $width=\"fit-content\"\n onClick={e => e.stopPropagation()}\n >\n {canAddOutcome && (\n <Button\n renderAs=\"primary\"\n size=\"small\"\n label=\"Add outcome\"\n shape=\"square\"\n widthX={10}\n onClick={handleOnAddOutcome}\n />\n )}\n\n {isDraftMilestone && !isDraftModeEnabled && (\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"primary\"\n tooltipItem=\"Goals can only be added for students who have joined the class\"\n hidden={canPublishOrEditGoal}\n widthX={15}\n >\n <Button\n renderAs=\"primary\"\n shape=\"square\"\n widthX={10}\n label=\"Publish\"\n size=\"small\"\n onClick={onPublish}\n busy={isProcessing}\n disabled={!canPublishOrEditGoal}\n />\n </ArrowTooltip>\n )}\n\n {canUpdatePlan && (\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"primary\"\n widthX={!canPublishOrEditGoal ? 15 : 5}\n tooltipItem={\n !canPublishOrEditGoal\n ? 'Goals can only be edited for students in class.'\n : 'Edit goal'\n }\n >\n <IconButton\n renderAs=\"secondary\"\n Icon={Edit2Icon}\n analyticsLabel=\"Edit Goal\"\n onClick={handleGoalEdit}\n size=\"xsmall\"\n disabled={!canPublishOrEditGoal}\n />\n </ArrowTooltip>\n )}\n </FlexView>\n\n {error && (\n <Text $widthX={12.5} $renderAs=\"~~ub3~~-bold\" $color=\"RED\" $align=\"center\">\n {error}\n </Text>\n )}\n </FlexView>\n );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isDraftModeEnabled","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}
1	+ {"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\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 { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n const {\n milestone,\n studentId,\n isClassOngoing,\n isStudentPresent,\n studentName,\n teacherName,\n parentName,\n onAddOutcome,\n onDraftPublish,\n onEdit,\n courseStream,\n isDraftModeEnabled,\n } = props;\n const {\n id: milestoneId,\n milestone_name: milestoneName,\n milestone_date_ts: dueDate,\n milestone_state: milestoneState,\n permissions: milestonePermissions,\n goal_category: goalCategory,\n goal_code: goalCode,\n } = milestone;\n\n const {\n can_delete: canDelete,\n can_update_date: canUpdateDate,\n can_update_plan: canUpdatePlan,\n } = milestonePermissions;\n\n const { onEvent: trackEvent } = useUIContext();\n const [error, setError] = useState('');\n\n const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n const canPublishOrEditGoal = !isClassOngoing \|\| isStudentPresent;\n\n const handleGoalPublishComplete = useCallback(\n (errorMessage: string \| null, data?: { id: string }) => {\n const { id } = data \|\| {};\n\n if (errorMessage) {\n setError(errorMessage);\n } else {\n if (milestoneId) {\n invalidateMilestonesData({\n milestone_state_group: 'LIVE',\n course_stream: courseStream,\n student_id: studentId,\n });\n }\n onDraftPublish?.(milestoneId, true);\n trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n milestone_id: milestoneId \|\| id,\n });\n }\n },\n [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n );\n\n const { onPublish, isProcessing } = useDraftPublish({\n handleGoalPublishComplete,\n milestone,\n milestoneId,\n studentName,\n parentName,\n teacherName,\n });\n\n const handleGoalEdit = useCallback(() => {\n onEdit?.({\n milestoneId,\n milestoneName,\n milestoneDueDate: dueDate,\n isMilestoneChaptersListEditable: canUpdatePlan,\n isMilestoneDateEditable: canUpdateDate,\n milestoneState,\n canDelete,\n goalCategory,\n goalCode,\n });\n }, [\n canDelete,\n canUpdateDate,\n canUpdatePlan,\n dueDate,\n goalCategory,\n goalCode,\n milestoneId,\n milestoneName,\n milestoneState,\n onEdit,\n ]);\n\n const handleOnAddOutcome = useCallback(() => {\n onAddOutcome?.(milestoneId);\n }, [onAddOutcome, milestoneId]);\n\n return (\n <FlexView $justifyContent=\"center\" $flexGap={8}>\n <FlexView\n $flexDirection=\"row\"\n $flexGapX={1.5}\n $alignItems=\"center\"\n $width=\"fit-content\"\n onClick={e => e.stopPropagation()}\n >\n {canAddOutcome && (\n <Button\n renderAs=\"primary\"\n size=\"small\"\n label=\"Add outcome\"\n shape=\"square\"\n widthX={10}\n onClick={handleOnAddOutcome}\n />\n )}\n\n {isDraftMilestone && !isDraftModeEnabled && (\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"primary\"\n tooltipItem=\"Goals can only be added for students who have joined the class\"\n hidden={canPublishOrEditGoal}\n widthX={15}\n >\n <Button\n renderAs=\"primary\"\n shape=\"square\"\n widthX={10}\n label=\"Publish\"\n size=\"small\"\n onClick={onPublish}\n busy={isProcessing}\n disabled={!canPublishOrEditGoal}\n />\n </ArrowTooltip>\n )}\n\n {canUpdatePlan && (\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"primary\"\n widthX={!canPublishOrEditGoal ? 15 : 5}\n tooltipItem={\n !canPublishOrEditGoal\n ? 'Goals can only be edited for students in class.'\n : 'Edit goal'\n }\n >\n <IconButton\n renderAs=\"secondary\"\n Icon={Edit2Icon}\n analyticsLabel=\"Edit Goal\"\n onClick={handleGoalEdit}\n size=\"xsmall\"\n disabled={!canPublishOrEditGoal}\n />\n </ArrowTooltip>\n )}\n </FlexView>\n\n {error && (\n <Text $widthX={12.5} $renderAs=\"ub4-bold\" $color=\"RED\" $align=\"center\">\n {error}\n </Text>\n )}\n </FlexView>\n );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isDraftModeEnabled","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js CHANGED Viewed

@@ -132,7 +132,7 @@ const Te = X(function({
                   )
                 }
               ),
-              !!h && o !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+              !!h && o !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub4", $color: "BLACK_T_60", children: [
                 `${a}% complete`,
                 o === "ACTIVE" && L
               ] })