@cuemath/leap 3.5.19-as1 → 3.5.19-link.0

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js

@@ -0,0 +1,41 @@
+import { useState as C, useCallback as s, useMemo as A, useEffect as E } from "react";
+import { useTrialSessionContext as M } from "../../../context/use-trial-session-context.js";
+import { TrialPageId as a } from "../../../trial-session-constants.js";
+const g = 500, I = () => {
+  const [f, i] = C(!1), { slideConfig: d, formData: m, updateSlideConfig: e } = M(), { id: o } = d, { confirmationModalActive: l } = m || {}, t = s(() => {
+    setTimeout(() => {
+      i(!1);
+    }, g);
+  }, []), r = s(() => {
+    switch (o) {
+      case a.LEARNING_WORKSHEET:
+        e({
+          id: a.LEARNING_LEVEL,
+          confirmationModalActive: !1,
+          resetAttempt: !0
+        }), t();
+        break;
+      default:
+        return null;
+    }
+  }, [o, e, t]), c = s(() => {
+    e({ confirmationModalActive: !1 }), t();
+  }, [e, t]), u = A(
+    () => ({
+      [a.LEARNING_WORKSHEET]: {
+        title: "Changing the session level will reset current progress. Are you sure?",
+        confirmText: "Yes, change session level",
+        onConfirm: r,
+        onCancel: c
+      }
+    }),
+    [c, r]
+  ), n = o ? u[o] : void 0;
+  return E(() => {
+    l && n && i(!0);
+  }, [l, n]), { modalConfig: n, openModal: f };
+};
+export {
+  I as default
+};
+//# sourceMappingURL=use-confirmation-modal.js.map

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n\n  const closeModal = useCallback(() => {\n    setTimeout(() => {\n      setOpenModal(false);\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: TrialPageId.LEARNING_LEVEL,\n          confirmationModalActive: false,\n          resetAttempt: true,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: 'Changing the session level will reset current progress. Are you sure?',\n        confirmText: 'Yes, change session level',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAIA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,MAAsBC,EAAuB,GACtE,EAAE,IAAAC,EAAO,IAAAJ,GACT,EAAE,yBAAAK,EAAA,IAA4BJ,KAAY,IAE1CK,IAAaC,EAAY,MAAM;AACnC,eAAW,MAAM;AACf,MAAAT,EAAa,EAAK;AAAA,OACjBH,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECa,IAAgBD,EAAY,MAAM;AACtC,YAAQH,GAAI;AAAA,MACV,KAAKK,EAAY;AACG,QAAAP,EAAA;AAAA,UAChB,IAAIO,EAAY;AAAA,UAChB,yBAAyB;AAAA,UACzB,cAAc;AAAA,QAAA,CACf,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,EACC,GAAA,CAACF,GAAIF,GAAmBI,CAAU,CAAC,GAEhCI,IAAeH,EAAY,MAAM;AACnB,IAAAL,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCI;EAAA,GACV,CAACJ,GAAmBI,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,WAAWD;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,CAAa;AAAA,EAAA,GAGxBK,IAAcT,IAAKO,EAAaP,CAAE,IAAI;AAE5C,SAAAU,EAAU,MAAM;AACV,IAAAT,KAA2BQ,KAAaf,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACO,GAAyBQ,CAAW,CAAC,GAElC,EAAE,aAAAA,GAAa,WAAAhB;AACxB;"}

package/dist/features/trial-session/comps/student-feedback/student-feedback.js

@@ -1,52 +1,58 @@
-import { jsxs as r, jsx as e, Fragment as H } from "react/jsx-runtime";
-import { memo as P, useMemo as E, useCallback as v, useEffect as D } from "react";
+import { jsxs as i, jsx as e, Fragment as D } from "react/jsx-runtime";
+import { memo as G, useMemo as C, useCallback as E, useEffect as W } from "react";
 import { ILLUSTRATIONS as _ } from "../../../../assets/illustrations/illustrations.js";
-import { LOTTIE as W } from "../../../../assets/lottie/lottie.js";
-import { COURSE_STREAMS as C, PREFERENCE_CATEGORY as $ } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as b } from "../../../milestone/create/milestone-create-helpers.js";
-import c from "../../../ui/image/image.js";
-import X from "../../../ui/layout/flex-view.js";
+import { LOTTIE as X } from "../../../../assets/lottie/lottie.js";
+import { COURSE_STREAMS as $, PREFERENCE_CATEGORY as b } from "../../../milestone/constants.js";
+import { getGradesFromConfig as y, getPreferencesFromConfig as A } from "../../../milestone/create/milestone-create-helpers.js";
+import d from "../../../ui/image/image.js";
+import z from "../../../ui/layout/flex-view.js";
 import K from "../../../ui/lottie-animation/lottie-animation.js";
-import y from "../../../ui/separator/separator.js";
-import d from "../../../ui/text/text.js";
-import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
-import { TrialPageId as G } from "../../trial-session-constants.js";
-import M from "../slide-header/index.js";
-import { studentLevels as j, PREFERENCE_CODE_MAP as U } from "./student-feedback-constants.js";
-import { Container as V, FeedbackWrapper as q, BalloonWrapper as Y, Feedback as J, InlineText as Q } from "./student-feedback-styled.js";
-const Te = P(function() {
-  const { slideConfig: A, formData: S, milestoneConfig: a, updateSlideConfig: m, updateButtonState: p } = z(), { id: I } = A || {}, { grade: l, personalizedLevel: f = [], personalizedPosition: g = [] } = S || {}, t = I === G.STUDENT_LEVEL, h = t ? g.length > 0 : f.length > 0, k = E(
-    () => b(a, {
-      grade: l ?? "",
-      courseStream: C.MATH,
-      preferenceCategory: $.LEVEL
+import M from "../../../ui/separator/separator.js";
+import m from "../../../ui/text/text.js";
+import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
+import { TrialPageId as U } from "../../trial-session-constants.js";
+import V from "../slide-header/index.js";
+import { studentLevels as q, PREFERENCE_CODE_MAP as Y } from "./student-feedback-constants.js";
+import { Container as J, FeedbackWrapper as Q, BalloonWrapper as Z, Feedback as ee, InlineText as te } from "./student-feedback-styled.js";
+import oe from "../../../ui/inputs/select-input/select-input.js";
+const _e = G(function() {
+  const { slideConfig: S, formData: I, milestoneConfig: n, updateSlideConfig: l, updateButtonState: p } = j(), { id: k } = S || {}, { grade: a, personalizedLevel: f = [], personalizedPosition: g = [] } = I || {}, t = k === U.STUDENT_LEVEL, h = t ? g.length > 0 : f.length > 0, w = y(n), x = C(
+    () => A(n, {
+      grade: a ?? "",
+      courseStream: $.MATH,
+      preferenceCategory: b.LEVEL
     }),
-    [l, a]
-  ), x = E(
-    () => b(a, {
-      grade: l ?? "",
-      courseStream: C.MATH,
-      preferenceCategory: $.POSITION
+    [a, n]
+  ), N = C(
+    () => A(n, {
+      grade: a ?? "",
+      courseStream: $.MATH,
+      preferenceCategory: b.POSITION
     }),
-    [l, a]
-  ), s = t ? x : k, N = v(
-    (i) => {
-      const n = t ? {
-        personalizedPosition: [i],
-        personalizedLevel: [U[i]]
-      } : { personalizedLevel: [i] };
-      m(n);
+    [a, n]
+  ), c = t ? N : x, B = E(
+    (o) => {
+      l({ grade: o });
     },
-    [t, m]
+    [l]
+  ), O = E(
+    (o) => {
+      const s = t ? {
+        personalizedPosition: [o],
+        personalizedLevel: [Y[o]]
+      } : { personalizedLevel: [o] };
+      l(s);
+    },
+    [t, l]
   );
-  return D(() => {
+  return W(() => {
     p("right", { isDisabled: !h, isLoading: !1 });
-  }, [h, p]), /* @__PURE__ */ r(V, { children: [
-    /* @__PURE__ */ e(y, { height: 60 }),
-    /* @__PURE__ */ e(M, {}),
-    /* @__PURE__ */ r(q, { $flexGapX: 1, $gapX: 2.25, $gutterX: 3.125, children: [
-      /* @__PURE__ */ r(
-        Y,
+  }, [h, p]), /* @__PURE__ */ i(J, { children: [
+    /* @__PURE__ */ e(M, { height: 60 }),
+    /* @__PURE__ */ e(V, {}),
+    /* @__PURE__ */ i(Q, { $flexGapX: 1, $gapX: 2.25, $gutterX: 3.125, children: [
+      /* @__PURE__ */ i(
+        Z,
         {
           $flexDirection: "row",
           $justifyContent: "space-between",
@@ -54,7 +60,7 @@ const Te = P(function() {
           $gutterX: 0.75,
           children: [
             /* @__PURE__ */ e(
-              c,
+              d,
               {
                 withLoader: !0,
                 src: _.GREEN_BALLOON,
@@ -64,7 +70,7 @@ const Te = P(function() {
               }
             ),
             /* @__PURE__ */ e(
-              c,
+              d,
               {
                 withLoader: !0,
                 src: _.GREEN_BALLOON,
@@ -76,70 +82,83 @@ const Te = P(function() {
           ]
         }
       ),
-      !!(s && s.length > 0) && s.map((i) => {
+      t ? null : /* @__PURE__ */ e(
+        oe,
+        {
+          renderAs: "primary",
+          value: a,
+          options: w,
+          shape: "curved",
+          size: "small",
+          onChange: B,
+          theme: "dark",
+          width: 107
+        }
+      ),
+      !!(c && c.length > 0) && c.map((o) => {
         var L;
-        const { id: n, label: T, lottie: u, description: w } = i, { title: B, description: O, icon: R } = j[T.toLowerCase()] || {}, o = (L = t ? g : f) == null ? void 0 : L.includes(n), F = {
+        const { id: s, label: u, lottie: T, description: F } = o, { title: R, description: v, icon: H } = q[u.toLowerCase()] || {}, r = (L = t ? g : f) == null ? void 0 : L.includes(s), P = {
           loop: !1,
-          autoplay: o
+          autoplay: r
         };
-        return /* @__PURE__ */ r(
-          J,
+        return /* @__PURE__ */ i(
+          ee,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $justifyContent: "flex-start",
             $flexGapX: 1.25,
-            onClick: () => N(n),
+            onClick: () => O(s),
             $gutterX: 0.75,
             $gapX: 1,
-            $background: o ? "BLACK_T_87" : "WHITE_1",
+            $background: r ? "BLACK_T_87" : "WHITE_1",
             $borderColor: "BLACK_T_87",
             children: [
-              u ? /* @__PURE__ */ e(
+              T ? /* @__PURE__ */ e(
                 K,
                 {
-                  src: W[u],
+                  src: X[T],
                   height: 64,
                   width: 64,
-                  settings: F
+                  settings: P
                 }
-              ) : /* @__PURE__ */ e(c, { withLoader: !0, src: R, height: 64, width: 64, alt: "icon" }),
-              /* @__PURE__ */ e(X, { $flex: 1, children: t ? /* @__PURE__ */ r(H, { children: [
+              ) : /* @__PURE__ */ e(d, { withLoader: !0, src: H, height: 64, width: 64, alt: "icon" }),
+              /* @__PURE__ */ e(z, { $flex: 1, children: t ? /* @__PURE__ */ i(D, { children: [
                 /* @__PURE__ */ e(
-                  d,
+                  m,
                   {
                     className: "feedback-title",
                     $renderAs: "ac3-black",
-                    $color: o ? "WHITE_T_87" : "BLACK_T_87",
-                    children: T
+                    $color: r ? "WHITE_T_87" : "BLACK_T_87",
+                    children: u
                   }
                 ),
                 /* @__PURE__ */ e(
-                  d,
+                  m,
                   {
                     className: "feedback-desc",
                     $renderAs: "ab2",
-                    $color: o ? "WHITE_T_87" : "BLACK_T_87",
-                    children: w
+                    $color: r ? "WHITE_T_87" : "BLACK_T_87",
+                    children: F
                   }
                 )
-              ] }) : /* @__PURE__ */ r(
-                d,
+              ] }) : /* @__PURE__ */ i(
+                m,
                 {
                   className: "feedback-title",
                   $renderAs: "ac3-black",
-                  $color: o ? "WHITE_T_87" : "BLACK_T_87",
+                  $color: r ? "WHITE_T_87" : "BLACK_T_87",
                   children: [
-                    B,
+                    R,
                     ":",
                     " ",
                     /* @__PURE__ */ e(
-                      Q,
+                      te,
                       {
                         className: "feedback-desc",
                         $renderAs: "ab2",
-                        $color: o ? "WHITE_T_60" : "BLACK_T_60",
-                        children: O
+                        $color: r ? "WHITE_T_60" : "BLACK_T_60",
+                        children: v
                       }
                     )
                   ]
@@ -147,13 +166,13 @@ const Te = P(function() {
               ) })
             ]
           },
-          n
+          s
         );
       })
     ] })
   ] });
 });
 export {
-  Te as default
+  _e as default
 };
 //# sourceMappingURL=student-feedback.js.map

package/dist/features/trial-session/comps/student-feedback/student-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { PREFERENCE_CODE_MAP, studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\n\nconst StudentFeedback = memo(function StudentFeedback() {\n  const { slideConfig, formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { id: slideId } = slideConfig || {};\n  const { grade, personalizedLevel = [], personalizedPosition = [] } = formData || {};\n  const isStudentLevel = slideId === TrialPageId.STUDENT_LEVEL;\n  const hasRequiredFields = Boolean(\n    isStudentLevel ? personalizedPosition.length > 0 : personalizedLevel.length > 0,\n  );\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const positionList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const studentOptions = isStudentLevel ? positionList : levelList;\n\n  const handleClick = useCallback(\n    (id: string) => {\n      const configToUpdate = isStudentLevel\n        ? {\n            personalizedPosition: [id],\n            personalizedLevel: [PREFERENCE_CODE_MAP[id as keyof typeof PREFERENCE_CODE_MAP]],\n          }\n        : { personalizedLevel: [id] };\n\n      updateSlideConfig(configToUpdate);\n    },\n    [isStudentLevel, updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {Boolean(studentOptions && studentOptions.length > 0) &&\n          studentOptions.map(level => {\n            const { id, label, lottie, description: levelDescription } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = (\n              isStudentLevel ? personalizedPosition : personalizedLevel\n            )?.includes(id);\n\n            const animationSettings = {\n              loop: false,\n              autoplay: isSelected,\n            };\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {lottie ? (\n                  <LottieAnimation\n                    src={LOTTIE[lottie]}\n                    height={64}\n                    width={64}\n                    settings={animationSettings}\n                  />\n                ) : (\n                  <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                )}\n                <FlexView $flex={1}>\n                  {isStudentLevel ? (\n                    <>\n                      <Text\n                        className=\"feedback-title\"\n                        $renderAs=\"ac3-black\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {label}\n                      </Text>\n                      <Text\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {levelDescription}\n                      </Text>\n                    </>\n                  ) : (\n                    <Text\n                      className=\"feedback-title\"\n                      $renderAs=\"ac3-black\"\n                      $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                    >\n                      {title}:{' '}\n                      <Styled.InlineText\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                      >\n                        {description}\n                      </Styled.InlineText>\n                    </Text>\n                  )}\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","slideConfig","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","slideId","grade","personalizedLevel","personalizedPosition","isStudentLevel","TrialPageId","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","positionList","studentOptions","handleClick","useCallback","id","configToUpdate","PREFERENCE_CODE_MAP","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","level","label","lottie","levelDescription","title","description","icon","studentLevels","isSelected","_a","animationSettings","Styled.Feedback","LottieAnimation","LOTTIE","FlexView","Fragment","Text","Styled.InlineText"],"mappings":"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"}
+{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport {\n  getGradesFromConfig,\n  getPreferencesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { PREFERENCE_CODE_MAP, studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\n\nconst StudentFeedback = memo(function StudentFeedback() {\n  const { slideConfig, formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { id: slideId } = slideConfig || {};\n  const { grade, personalizedLevel = [], personalizedPosition = [] } = formData || {};\n  const isStudentLevel = slideId === TrialPageId.STUDENT_LEVEL;\n  const hasRequiredFields = Boolean(\n    isStudentLevel ? personalizedPosition.length > 0 : personalizedLevel.length > 0,\n  );\n\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const positionList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const studentOptions = isStudentLevel ? positionList : levelList;\n\n  const onGradeChange = useCallback(\n    (value: string) => {\n      updateSlideConfig({ grade: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleClick = useCallback(\n    (id: string) => {\n      const configToUpdate = isStudentLevel\n        ? {\n            personalizedPosition: [id],\n            personalizedLevel: [PREFERENCE_CODE_MAP[id as keyof typeof PREFERENCE_CODE_MAP]],\n          }\n        : { personalizedLevel: [id] };\n\n      updateSlideConfig(configToUpdate);\n    },\n    [isStudentLevel, updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {isStudentLevel ? null : (\n          <SelectInput\n            renderAs=\"primary\"\n            value={grade}\n            options={grades}\n            shape=\"curved\"\n            size=\"small\"\n            onChange={onGradeChange}\n            theme=\"dark\"\n            width={107}\n          />\n        )}\n        {Boolean(studentOptions && studentOptions.length > 0) &&\n          studentOptions.map(level => {\n            const { id, label, lottie, description: levelDescription } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = (\n              isStudentLevel ? personalizedPosition : personalizedLevel\n            )?.includes(id);\n\n            const animationSettings = {\n              loop: false,\n              autoplay: isSelected,\n            };\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {lottie ? (\n                  <LottieAnimation\n                    src={LOTTIE[lottie]}\n                    height={64}\n                    width={64}\n                    settings={animationSettings}\n                  />\n                ) : (\n                  <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                )}\n                <FlexView $flex={1}>\n                  {isStudentLevel ? (\n                    <>\n                      <Text\n                        className=\"feedback-title\"\n                        $renderAs=\"ac3-black\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {label}\n                      </Text>\n                      <Text\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {levelDescription}\n                      </Text>\n                    </>\n                  ) : (\n                    <Text\n                      className=\"feedback-title\"\n                      $renderAs=\"ac3-black\"\n                      $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                    >\n                      {title}:{' '}\n                      <Styled.InlineText\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                      >\n                        {description}\n                      </Styled.InlineText>\n                    </Text>\n                  )}\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","slideConfig","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","slideId","grade","personalizedLevel","personalizedPosition","isStudentLevel","TrialPageId","hasRequiredFields","grades","getGradesFromConfig","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","positionList","studentOptions","onGradeChange","useCallback","value","handleClick","id","configToUpdate","PREFERENCE_CODE_MAP","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","SelectInput","level","label","lottie","levelDescription","title","description","icon","studentLevels","isSelected","_a","animationSettings","Styled.Feedback","LottieAnimation","LOTTIE","FlexView","Fragment","Text","Styled.InlineText"],"mappings":"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"}

package/dist/features/trial-session/comps/worksheet/worksheet.js

@@ -1,30 +1,34 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as T, useCallback as k, useEffect as x } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { useState as A, useCallback as x, useEffect as D } from "react";
 import E from "../../../ui/error/error.js";
-import A from "../../../ui/loader/app-loader/app-loader.js";
-import { useResumeTrialWorksheet as D } from "../../api/trial-nodes.js";
-import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
-const P = () => {
-  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: c, trialHomeData: f } = N(), [m, s] = T(!1), { demo_info: p } = f, { region_data: l, course: n } = p || {}, { opportunity_country: i = "US" } = l || {}, _ = (g, a) => {
-    if (g && s(!0), a) {
+import N from "../../../ui/loader/app-loader/app-loader.js";
+import { useResumeTrialWorksheet as W } from "../../api/trial-nodes.js";
+import { useTrialSessionContext as b } from "../../context/use-trial-session-context.js";
+const R = () => {
+  const { isTeacher: o, studentId: r, worksheet: s, formData: c, updateSlideConfig: p, trialHomeData: u } = b(), [l, n] = A(!1), { resetAttempt: e } = c || {}, { demo_info: _ } = u, { region_data: h, course: i } = _ || {}, { opportunity_country: a = "US" } = h || {}, y = (I, m) => {
+    if (I && n(!0), m) {
       const {
-        user_node_id: y,
-        node_id: I,
-        user_attempt_id: C,
-        node_type: S
-      } = a;
-      c({ userNodeId: y, nodeId: I, attemptId: C, nodeType: S });
+        user_node_id: C,
+        node_id: S,
+        user_attempt_id: T,
+        node_type: k
+      } = m;
+      p({ userNodeId: C, nodeId: S, attemptId: T, nodeType: k, resetAttempt: !1 });
     }
-  }, { patch: d, isProcessing: h } = D({
-    onComplete: _
-  }), e = k(() => {
-    o && (s(!1), d(t, { country_code: i, course: n }));
-  }, [i, n, o, d, t]);
-  return x(() => {
-    e();
-  }, [e]), m ? /* @__PURE__ */ u(E, { height: "100%", onTryAgain: e }) : h || !r ? /* @__PURE__ */ u(A, { height: "100%" }) : r;
+  }, { patch: d, isProcessing: g } = W({
+    onComplete: y
+  }), t = x(() => {
+    o && (n(!1), d(
+      r,
+      { country_code: a, course: i },
+      { reset_attempt: typeof e === void 0 || e }
+    ));
+  }, [a, i, o, d, r, e]);
+  return D(() => {
+    t();
+  }, [t]), l ? /* @__PURE__ */ f(E, { height: "100%", onTryAgain: t }) : g || !s ? /* @__PURE__ */ f(N, { height: "100%" }) : s;
 };
 export {
-  P as default
+  R as default
 };
 //# sourceMappingURL=worksheet.js.map

package/dist/features/trial-session/comps/worksheet/worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, course } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode, course });\n    }\n  }, [countryCode, course, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","course","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAQA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,GAAY,QAAAC,EAAO,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFP,EAAW,EAAI,GAGbQ,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAZ,EAAkB,EAAE,YAAAa,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIxB,MACFO,EAAW,EAAK,GAChBa,EAAWnB,GAAW,EAAE,cAAcW,GAAa,QAAAD,EAAQ,CAAA;AAAA,EAC7D,GACC,CAACC,GAAaD,GAAQX,GAAWoB,GAAYnB,CAAS,CAAC;AAM1D,SAJAwB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVjB,IACM,gBAAAoB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACnB,IACZ,gBAAAwB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B1B;AACT;"}
+{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, formData, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { resetAttempt } = formData || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, course } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType, resetAttempt: false });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(\n        studentId,\n        { country_code: countryCode, course },\n        { reset_attempt: typeof resetAttempt === undefined || resetAttempt },\n      );\n    }\n  }, [countryCode, course, isTeacher, resumeNode, studentId, resetAttempt]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","resetAttempt","demoInfo","regionData","course","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAQA,MAAMA,IAAuB,MAAM;AAC3B,QAAA,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,MACpEC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,cAAAC,EAAA,IAAiBP,KAAY,IAC/B,EAAE,WAAWQ,EAAa,IAAAN,GAC1B,EAAE,aAAaO,GAAY,QAAAC,EAAO,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFR,EAAW,EAAI,GAGbS,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAb,EAAkB,EAAE,YAAAc,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,cAAc,IAAO;AAAA,IACpF;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAI1B,MACFQ,EAAW,EAAK,GAChBc;AAAA,MACErB;AAAA,MACA,EAAE,cAAca,GAAa,QAAAD,EAAO;AAAA,MACpC,EAAE,eAAe,OAAOH,MAAiB,UAAaA,EAAa;AAAA,IAAA;AAAA,EAEvE,GACC,CAACI,GAAaD,GAAQb,GAAWsB,GAAYrB,GAAWS,CAAY,CAAC;AAMxE,SAJAiB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVlB,IACM,gBAAAqB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACrB,IACZ,gBAAA0B,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B5B;AACT;"}

package/dist/features/trial-session/hooks/use-trial-session-navigation.js

@@ -7,7 +7,7 @@ import { usePostTeacherAvailability as re } from "../api/teacher-availability.js
 import { usePatchTrialHome as ie } from "../api/trial-home.js";
 import { useTrialSessionContext as ce } from "../context/use-trial-session-context.js";
 import { getFormattedPreferences as V, getWeekdayAndStartTimeFromPreference as le, getFormattedStudentPersonalizedPreference as de } from "../helper.js";
-import { DEFAULT_BUTTON_STATE as f, TrialPageId as t } from "../trial-session-constants.js";
+import { DEFAULT_BUTTON_STATE as p, TrialPageId as t } from "../trial-session-constants.js";
 import W from "../../../node_modules/uuid/dist/esm-browser/v4.js";
 const be = () => {
   const {
@@ -18,13 +18,13 @@ const be = () => {
     teacherId: r,
     studentId: i,
     milestoneConfig: A,
-    handleInfoMessage: _,
+    handleInfoMessage: E,
     onTrialInformationUpdate: b,
     trialHomeData: q,
     worksheetNavigationPanel: I
   } = ce(), { nextPage: J, id: u } = Z || {}, { demo_info: Q } = q, { stream: v, region_data: X } = Q, { opportunity_country: T = "US" } = X || {}, { pageId: c } = J || {}, {
-    name: p,
-    grade: E,
+    name: h,
+    grade: f,
     goals: R,
     curriculum: L,
     studentTimezone: N,
@@ -44,7 +44,7 @@ const be = () => {
       const e = {};
       (c === t.CIRCLE_GAME || c === t.CIRCLE_PUZZLE || c === t.CIRCLE_SKILL) && (e.matchmakingId = W(), e.showCircleGameScreen = !0), n({ id: c, ...e });
     }
-    s("both", f), u === t.LEARNING_LEVEL && (b == null || b());
+    s("both", p), u === t.LEARNING_LEVEL && (b == null || b());
   }, { patch: z } = ie({ onComplete: S }), { patch: x } = ne({
     onComplete: S
   }), { post: F } = ae({
@@ -56,23 +56,23 @@ const be = () => {
       if ((e ?? []).some((a) => !a.is_available)) {
         const ee = (e ?? []).filter((C) => !C.is_available).map((C) => C.reason).join(`
 `);
-        _ == null || _({ message: ee, position: "bottom" }), s("both", f);
+        E == null || E({ message: ee, position: "bottom" }), s("both", p);
         return;
       }
-      const h = V(P, N);
-      h.length > 0 ? z("trial-v3-patch", {
+      const _ = V(P, N);
+      _.length > 0 ? z("trial-v3-patch", {
         action: "UPDATE_DEMO",
         action_data: {
           trial_details: {
-            selected_regular_slots: h
+            selected_regular_slots: _
           }
         },
         teacher_id: r,
         student_id: i
-      }) : s("both", f);
+      }) : s("both", p);
     },
     [
-      _,
+      E,
       z,
       P,
       i,
@@ -84,19 +84,19 @@ const be = () => {
     onComplete: Y
   }), B = m(() => {
     var a;
-    const [o, e] = ((a = p == null ? void 0 : p.trim()) == null ? void 0 : a.split(" ")) || [], d = {
+    const [o, e] = ((a = h == null ? void 0 : h.trim()) == null ? void 0 : a.split(" ")) || [], d = {
       first_name: o,
       last_name: e,
-      grade: E,
+      grade: f,
       board: L,
       demo_type: "TRIAL_V3",
       teacher_id: r,
       country_alpha_2: T
     };
-    /\d/.test(p || "") ? n({ numberInNameError: !0 }) : (l(), x(i, d));
+    /\d/.test(h || "") ? n({ numberInNameError: !0 }) : (l(), x(i, d));
   }, [
-    p,
-    E,
+    h,
+    f,
     L,
     r,
     T,
@@ -113,7 +113,7 @@ const be = () => {
       };
       l(), U(d);
     } else
-      n({ id: c }), s("both", f);
+      n({ id: c }), s("both", p);
   }, [
     P,
     N,
@@ -126,7 +126,7 @@ const be = () => {
   ]), w = m(() => {
     const o = {
       course_stream: v,
-      grade: E,
+      grade: f,
       teacher_id: r,
       board: L,
       goals: R
@@ -138,7 +138,7 @@ const be = () => {
     L,
     l,
     R,
-    E,
+    f,
     F,
     v,
     i,
@@ -150,30 +150,31 @@ const be = () => {
       ...D,
       ...O,
       ...G
-    ]) }, d = { stream: oe.MATH, studentId: i };
+    ]), grade: f }, d = { stream: oe.MATH, studentId: i };
     l(), M(e, d);
   }, [
+    f,
+    i,
     A,
     k,
     y,
     D,
     O,
     G,
-    i,
     l,
     M
   ]), g = m(
     (o, e) => {
       if (!n) return;
-      const d = u === t.STUDENT_PROFILE, h = u === t.LEARNING_PLAN, a = { numberInNameError: !1 };
+      const d = u === t.STUDENT_PROFILE, _ = u === t.LEARNING_PLAN, a = { numberInNameError: !1 };
       if ((e === t.CIRCLE_GAME || e === t.CIRCLE_PUZZLE || e === t.CIRCLE_SKILL) && (a.matchmakingId = W(), a.showCircleGameScreen = !0), o === "prev" && (n({
         id: e,
         ...d && { studentProfile: void 0 },
-        ...h && {
+        ..._ && {
           chapterId: void 0
         },
         ...a
-      }), s("both", f)), o === "next")
+      }), s("both", p)), o === "next")
         switch (u) {
           case t.STUDENT_INFORMATION:
           case t.SCHOOL_GOALS:
@@ -192,7 +193,7 @@ const be = () => {
             n({ id: e, chapterId: void 0, ...a });
             break;
           default:
-            n({ id: e, ...a }), s("both", f);
+            n({ id: e, ...a }), s("both", p);
         }
     },
     [