@cuemath/leap 3.0.7-hg1 → 3.0.7

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import p from "react";
+import m from "../../../../ui/layout/flex-view.js";
+import f from "../../../../ui/text/text.js";
+import { ProgressiveLoader as l } from "../../styled-comps/progressive-loader.js";
+const X = p.memo(
+  ({ loadStatically: o, headerText: s, config: d, stepNumberOffset: i, handleTransitionEnd: $ }) => /* @__PURE__ */ t(m, { $flexGapX: 1, $flexDirection: "column", children: [
+    /* @__PURE__ */ e(l, { $stepNumber: i + 1, $disabled: o, children: /* @__PURE__ */ e(f, { $renderAs: "h6", $marginBottomX: 0.75, children: s }) }),
+    d.map(({ point: a, icon: n }, r, c) => /* @__PURE__ */ e(
+      l,
+      {
+        $stepNumber: i + 2 + r,
+        onAnimationEnd: r === c.length - 1 ? $ : () => null,
+        $disabled: o,
+        children: /* @__PURE__ */ t(m, { $flexGapX: 0.5, $flexDirection: "row", $borderRadiusX: 1, $alignItems: "center", children: [
+          /* @__PURE__ */ e("img", { alt: `pointer ${r}`, src: n }),
+          a
+        ] })
+      },
+      n
+    ))
+  ] })
+);
+export {
+  X as default
+};
+//# sourceMappingURL=info-points.js.map

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

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

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

@@ -0,0 +1,5 @@
+const n = (r, e) => e === 0 ? 0 : Math.round(r / e * 100);
+export {
+  n as getSheetCompletionPercentage
+};
+//# sourceMappingURL=milestone-progress-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-progress-utils.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress/milestone-progress-utils.ts"],"sourcesContent":["const getSheetCompletionPercentage = (completedSheets: number, totalSheets: number) => {\n  if (totalSheets === 0) return 0;\n\n  return Math.round((completedSheets / totalSheets) * 100);\n};\n\nexport { getSheetCompletionPercentage };\n"],"names":["getSheetCompletionPercentage","completedSheets","totalSheets"],"mappings":"AAAM,MAAAA,IAA+B,CAACC,GAAyBC,MACzDA,MAAgB,IAAU,IAEvB,KAAK,MAAOD,IAAkBC,IAAe,GAAG;"}

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

@@ -0,0 +1,86 @@
+import { jsx as t, Fragment as D, jsxs as C } from "react/jsx-runtime";
+import { memo as I, useMemo as L } from "react";
+import { ILLUSTRATIONS as A } from "../../../../../assets/illustrations/illustrations.js";
+import R from "../../../../chapters/lpar-chapter/comps/chapter-progress.js";
+import u from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import x from "../../../../ui/image/image.js";
+import p from "../../../../ui/layout/flex-view.js";
+import P from "../../../../ui/text/text.js";
+import { getSheetCompletionPercentage as T } from "./milestone-progress-utils.js";
+const {
+  LEARNED_SHIELD_GREEN: $,
+  LEARNED_SHIELD_GRAY: G,
+  PRACTICED_SHIELD_GREEN: M,
+  PRACTICED_SHIELD_GREY: N,
+  MASTERED_SHIELD_GREEN: w,
+  MASTERED_SHIELD_GRAY: H
+} = A, X = I(({ chapterProgress: S, badgeSize: a }) => {
+  const {
+    familiar_sheets: r = 0,
+    proficient_sheets: o = 0,
+    mastered_sheets: s = 0,
+    total_core_sheets: e = 0
+  } = S || {}, i = e === 0, n = r === e, m = o === e, l = s === e, E = L(
+    () => [
+      {
+        id: "learned-sheets",
+        imageUrl: n ? $ : G,
+        completedSheetsCount: r,
+        title: i || !r ? "Learn" : "Learned"
+      },
+      {
+        id: "practiced-sheets",
+        imageUrl: m ? M : N,
+        completedSheetsCount: o,
+        title: i || !o ? "Practice" : "Practiced"
+      },
+      {
+        id: "mastered-sheets",
+        imageUrl: l ? w : H,
+        completedSheetsCount: s,
+        title: i || !s ? "Master" : "Mastered"
+      }
+    ],
+    [
+      i,
+      r,
+      o,
+      s,
+      n,
+      m,
+      l
+    ]
+  );
+  return /* @__PURE__ */ t(D, { children: E.map((f) => {
+    const { id: c, imageUrl: g, title: _, completedSheetsCount: h } = f, d = T(
+      h,
+      e
+    );
+    return /* @__PURE__ */ t(
+      u,
+      {
+        renderAs: "secondary",
+        position: "bottom",
+        tooltipItem: `${h ?? 0} / ${e || 1} done`,
+        tooltipXCoOrdinates: 20,
+        textVariant: "ab3",
+        children: /* @__PURE__ */ C(p, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
+          /* @__PURE__ */ t(x, { src: g, alt: c, withLoader: !0, width: a, height: a }),
+          /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+            R,
+            {
+              progressStats: /* @__PURE__ */ t(P, { $renderAs: "eyebrow2", children: `${_} ${d}%` }),
+              progress: d,
+              flexDirection: "column-reverse"
+            }
+          ) })
+        ] })
+      },
+      c
+    );
+  }) });
+});
+export {
+  X as default
+};
+//# sourceMappingURL=milestone-progress.js.map

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

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

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

@@ -0,0 +1,31 @@
+import t from "styled-components";
+import p from "../../../../../assets/line-icons/icons/chevron-right.js";
+import l from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/text/text.js";
+const c = t(l)(({ theme: o }) => {
+  const { layout: r, colors: e } = o, { BLACK_T_38: i } = e;
+  return `
+    max-height: ${r.gutter * 15.75}px;
+    box-shadow: 0px 6px 12px 0px ${i};
+    overflow-y: auto;
+  `;
+});
+t(p)(({ theme: o }) => `
+    cursor: pointer;
+
+    path {
+      stroke: ${o.colors.WHITE_T_87};
+    }
+  `);
+const w = t(x)(() => `
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  `);
+export {
+  w as StyledText,
+  c as Wrapper
+};
+//# sourceMappingURL=sheets-list-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheets-list-styled.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronRight from '../../../../../assets/line-icons/icons/chevron-right';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Wrapper = styled(FlexView)(({ theme }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_38 } = colors;\n\n  return `\n    max-height: ${layout.gutter * 15.75}px;\n    box-shadow: 0px 6px 12px 0px ${BLACK_T_38};\n    overflow-y: auto;\n  `;\n});\n\nconst StyledChevronRight = styled(ChevronRight)(({ theme }) => {\n  return `\n    cursor: pointer;\n\n    path {\n      stroke: ${theme.colors.WHITE_T_87};\n    }\n  `;\n});\n\nconst StyledText = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nexport { Wrapper, StyledChevronRight, StyledText };\n"],"names":["Wrapper","styled","FlexView","theme","layout","colors","BLACK_T_38","ChevronRight","StyledText","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAD;AAEhB,SAAA;AAAA,kBACSD,EAAO,SAAS,KAAK;AAAA,mCACJE,CAAU;AAAA;AAAA;AAG7C,CAAC;AAE0BL,EAAOM,CAAY,EAAE,CAAC,EAAE,OAAAJ,QAC1C;AAAA;AAAA;AAAA;AAAA,gBAIOA,EAAM,OAAO,UAAU;AAAA;AAAA,GAGtC;AAED,MAAMK,IAAaP,EAAOQ,CAAI,EAAE,MACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR;"}

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

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { memo as c } from "react";
+import n from "../../../../ui/layout/flex-view.js";
+import { Wrapper as m, StyledText as $ } from "./sheets-list-styled.js";
+const f = c(({ learningSheetData: i }) => /* @__PURE__ */ e(m, { $widthX: 18, $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: i.map((l, r) => {
+  const { name: t } = l;
+  return /* @__PURE__ */ e(
+    n,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $gutterX: 1,
+      $gapX: 0.5,
+      $flexGap: 8,
+      $width: "100%",
+      $justifyContent: "space-between",
+      children: /* @__PURE__ */ o(n, { $flexDirection: "row", $flexColumnGap: 4, $widthX: 14.25, children: [
+        /* @__PURE__ */ o($, { $renderAs: "ub3", $color: "WHITE_T_87", children: [
+          r + 1,
+          "."
+        ] }),
+        /* @__PURE__ */ e($, { $renderAs: "ub3", $color: "WHITE_T_87", children: t })
+      ] })
+    },
+    `${t}_${r}`
+  );
+}) }));
+export {
+  f as default
+};
+//# sourceMappingURL=sheets-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheets-list.js","sources":["../../../../../../src/features/milestone/create/comps/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-type';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = memo(({ 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":";;;;AAQA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,mBAAAC,0BAE5CC,GAAA,EAAe,SAAS,IAAI,aAAY,WAAU,cAAa,cAAa,OAAO,KACjF,UAAAD,EAAkB,IAAI,CAACE,GAAWC,MAAQ;AACnC,QAAA,EAAE,MAAAC,EAAS,IAAAF;AAGf,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAO;AAAA,MACP,iBAAgB;AAAA,MAEhB,4BAACA,GAAS,EAAA,gBAAe,OAAM,gBAAgB,GAAG,SAAS,OACzD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,UAAML,IAAA;AAAA,UAAE;AAAA,QAAA,GACX;AAAA,QACA,gBAAAE,EAACG,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UACHJ,GAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,IAhBK,GAAGA,CAAI,IAAID,CAAG;AAAA,EAAA;AAmBxB,CAAA,EACH,CAAA,CAEH;"}

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

@@ -0,0 +1,15 @@
+import t from "styled-components";
+import l from "../../../../ui/layout/flex-view.js";
+const i = t(l)(({ $backgroundColor: o, theme: r }) => {
+  const { colors: e } = r;
+  return `
+    &:hover {
+      background-color: ${e[o]};
+      outline: 1px solid black;
+    }
+  `;
+});
+export {
+  i as CategoryWrapper
+};
+//# sourceMappingURL=category-component-styled.js.map

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

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

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

@@ -0,0 +1,31 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { memo as c } from "react";
+import l from "../../../../ui/image/image.js";
+import s from "../../../../ui/layout/flex-view.js";
+import t from "../../../../ui/text/text.js";
+import { CategoryWrapper as p } from "./category-component-styled.js";
+const u = c(
+  ({ title: a, description: m, iconUrl: n, backgroundColor: e, selected: i }) => /* @__PURE__ */ o(
+    p,
+    {
+      $gapX: 1.5,
+      $gutterX: 1.5,
+      $widthX: 15,
+      $flexGapX: 1.5,
+      $alignItems: "center",
+      $backgroundColor: e,
+      $background: i ? e : "TRANSPARENT",
+      children: [
+        /* @__PURE__ */ r(l, { src: n, withLoader: !1, alt: "School success" }),
+        /* @__PURE__ */ o(s, { $flexGap: 12, $alignItems: "center", children: [
+          /* @__PURE__ */ r(t, { $renderAs: "ac3", children: a }),
+          /* @__PURE__ */ r(t, { $renderAs: "ab3", $align: "center", $color: "BLACK_T_60", children: m })
+        ] })
+      ]
+    }
+  )
+);
+export {
+  u as default
+};
+//# sourceMappingURL=category-component.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { ILLUSTRATIONS as e } from "../../../../../assets/illustrations/illustrations.js";
+import { RadioCardIcon as t } from "../../milestone-create-styled.js";
+const n = [
+  {
+    id: "no-test",
+    title: "Complete syllabus",
+    description: "Choose this option if there are no tests to prepare for. Learnig plan can be created to complete syllabus.",
+    Icon: /* @__PURE__ */ o(t, { src: e.BOOK_OPEN_BLUE, $backgroundColor: "GREY_1" })
+  },
+  {
+    id: "non-standardized",
+    title: "Prepare for a school test",
+    description: "Semester, term, unit and other school tests. Half-yearly & final exams.",
+    Icon: /* @__PURE__ */ o(t, { src: e.CLOCK_ORANGE, $backgroundColor: "ORANGE_1" })
+  },
+  {
+    id: "standardized",
+    title: "Prepare for an external test or contest",
+    description: "Discretionary math contests & competitions like SOF IMO, Math Kangaroo, NAPLAN, SAT. End-of-course state assessments like STAAR, SBAC, and NJSLA.",
+    Icon: /* @__PURE__ */ o(t, { src: e.TROPHY_GREEN, $backgroundColor: "GREEN_1" })
+  }
+];
+export {
+  n as TEST_TYPE_OPTIONS
+};
+//# sourceMappingURL=test-type-step-constants.js.map

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

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

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

@@ -0,0 +1,100 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as _, useContext as L, useCallback as k } from "react";
+import w from "../../../../ui/context/use-tracking-context.js";
+import y from "../../../../ui/layout/flex-view.js";
+import B from "../../../../ui/selection-cards/selection-cards.js";
+import D from "../../../../ui/text/text.js";
+import P from "../../milestone-create-context.js";
+import { getCurriculumStandardsFromConfig as S, getDefaultBoard as F, appendPrimaryGoalCategoryToFormState as O } from "../../milestone-create-helpers.js";
+import T from "../body-layout/body-layout.js";
+import { getCategorizedCurriculumStandards as X } from "../class-details-step/class-details-utils.js";
+import { getGoalCategories as j, getTestTypeBasedCategory as g } from "./test-type-utils.js";
+const Z = _(
+  ({
+    currentStep: f,
+    formData: b,
+    config: t,
+    courseStream: o,
+    classRatio: s,
+    onFormDataChange: l,
+    enrollmentType: r
+  }) => {
+    const { name: C, title: h } = f, x = {
+      step: C
+    }, { testType: d, grade: i, board: n, region: m } = b, { flow: p } = L(P), { onEvent: c } = w(x), E = j(d, t, o, r), G = k(
+      (a) => {
+        const $ = X(t, {
+          grade: i ?? "",
+          goalCategory: g(a),
+          countryCode: m ?? "",
+          courseStream: o,
+          classRatio: s,
+          enrollmentType: r
+        }), v = S(t, {
+          grade: i ?? "",
+          goalCategory: g(a),
+          countryCode: m ?? "",
+          courseStream: o,
+          classRatio: s,
+          enrollmentType: r
+        }), u = n && v.some((I) => I.id === n) ? n : F($), A = O(
+          t,
+          a,
+          i,
+          o,
+          r,
+          u,
+          m
+        );
+        c("SELECTED_GOAL_CATEGORY", {
+          goal_category: g(a),
+          flow: p
+        }), l({
+          testType: a,
+          board: u,
+          chapterGoalCategory: {
+            primaryGoalCategory: A
+          },
+          committed: {
+            testType: !0,
+            chapterGoalCategory: !0
+          }
+        });
+      },
+      [
+        r,
+        n,
+        s,
+        t,
+        o,
+        p,
+        i,
+        l,
+        m,
+        c
+      ]
+    );
+    return /* @__PURE__ */ e(
+      T,
+      {
+        stepName: C,
+        headerElement: /* @__PURE__ */ e(D, { $renderAs: "ab2", children: h }),
+        bodyElement: /* @__PURE__ */ e(y, { $alignItems: "center", $height: "100%", $gapX: 5, children: /* @__PURE__ */ e(y, { $flexDirection: "row", $flexGapX: 1.5, children: /* @__PURE__ */ e(
+          B,
+          {
+            options: E,
+            value: d,
+            onChange: G,
+            analyticsLabel: "goal_category",
+            analyticsProps: { test_type: d },
+            type: "radio"
+          }
+        ) }) })
+      }
+    );
+  }
+);
+export {
+  Z as default
+};
+//# sourceMappingURL=test-type-step.js.map

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

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