@cuemath/leap 3.5.47-gg6 → 3.5.48-link.0

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js

@@ -1,11 +1,11 @@
 import { jsxs as h, Fragment as I, jsx as r } from "react/jsx-runtime";
-import { memo as v, useState as w, useMemo as a, useCallback as d } from "react";
-import A from "../../../../../ui/buttons/button/button.js";
-import N from "../../../../../worksheet/worksheet-preview/worksheet-preview.js";
+import { memo as w, useState as A, useMemo as a, useCallback as d } from "react";
+import N from "../../../../../ui/buttons/button/button.js";
+import v from "../../../../../worksheet/worksheet-preview/worksheet-preview.js";
 import { TESTS_CREATION_ANALYTICS_EVENTS as C } from "../../tests-creation-analytics-events.js";
 import { ButtonWrapper as E } from "./test-preview-styled.js";
-const O = v(function(l) {
-  const { studentId: m, items: e, testNumber: n, isAssignInProgress: T, onTestStageChange: o, onTestSheetAssign: c } = l, [p, i] = w(!1), t = a(() => e == null ? void 0 : e.map((s) => s.ref), [e]), u = a(
+const D = w(function(l) {
+  const { studentId: m, items: e, testNumber: n, isAssignInProgress: T, onTestStageChange: o, onTestSheetAssign: c } = l, [p, i] = A(!1), t = a(() => e == null ? void 0 : e.map((s) => s.ref), [e]), u = a(
     () => ({
       step: "preview",
       items: e,
@@ -22,14 +22,14 @@ const O = v(function(l) {
   );
   return !t || t.length === 0 ? null : /* @__PURE__ */ h(I, { children: [
     /* @__PURE__ */ r(
-      N,
+      v,
       {
         activityReference: "test",
         mode: "preview",
         nodeType: "DYNAMIC",
         userType: "STUDENT",
         studentId: m ?? "student-id",
-        activityType: null,
+        isLessonV3Enabled: !1,
         worksheetName: "Preview test",
         items: t,
         onBackIconClick: f,
@@ -37,7 +37,7 @@ const O = v(function(l) {
       }
     ),
     p && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
-      A,
+      N,
       {
         widthX: 6,
         renderAs: "primary",
@@ -53,6 +53,6 @@ const O = v(function(l) {
   ] });
 });
 export {
-  O as default
+  D as default
 };
 //# sourceMappingURL=test-preview.js.map

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-preview.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport PreviewWorksheet from '../../../../../worksheet/worksheet-preview/worksheet-preview';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport * as Styled from './test-preview-styled';\nimport type { ITestPreviewProps } from './test-preview-types';\n\nconst TestPreview: FC<ITestPreviewProps> = memo(function TestPreview(props) {\n  const { studentId, items, testNumber, isAssignInProgress, onTestStageChange, onTestSheetAssign } =\n    props;\n\n  const [testPreviewLoaded, setTestPreviewLoaded] = useState(false);\n\n  const itemRefs = useMemo(() => items?.map(item => item.ref), [items]);\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'preview',\n      items,\n      title: `Test ${testNumber}`,\n    }),\n    [testNumber, items],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('DIFFICULTY_AND_DURATION_SELECTION');\n  }, [onTestStageChange]);\n\n  const handleOnPreviewLoad = useCallback(\n    (loaded: boolean) => {\n      setTestPreviewLoaded(loaded);\n    },\n    [setTestPreviewLoaded],\n  );\n\n  if (!itemRefs || itemRefs.length === 0) return null;\n\n  return (\n    <>\n      <PreviewWorksheet\n        activityReference=\"test\"\n        mode=\"preview\"\n        nodeType=\"DYNAMIC\"\n        userType=\"STUDENT\"\n        studentId={studentId ?? 'student-id'}\n        activityType={null}\n        worksheetName=\"Preview test\"\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && (\n        <Styled.ButtonWrapper>\n          <Button\n            widthX={6}\n            renderAs={'primary'}\n            size=\"small\"\n            shape=\"square\"\n            label=\"Assign\"\n            analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onTestSheetAssign}\n            disabled={!!isAssignInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default TestPreview;\n"],"names":["TestPreview","memo","props","studentId","items","testNumber","isAssignInProgress","onTestStageChange","onTestSheetAssign","testPreviewLoaded","setTestPreviewLoaded","useState","itemRefs","useMemo","item","analyticsProps","handleOnBack","useCallback","handleOnPreviewLoad","loaded","jsxs","Fragment","jsx","PreviewWorksheet","Styled.ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;AAQA,MAAMA,IAAqCC,EAAK,SAAqBC,GAAO;AAC1E,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,oBAAAC,GAAoB,mBAAAC,GAAmB,mBAAAC,EAC3E,IAAAN,GAEI,CAACO,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMT,KAAA,gBAAAA,EAAO,IAAI,CAAQU,MAAAA,EAAK,MAAM,CAACV,CAAK,CAAC,GAC9DW,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAT;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EAAA,GAGdY,IAAeC,EAAY,MAAM;AACrC,IAAAV,EAAkB,mCAAmC;AAAA,EAAA,GACpD,CAACA,CAAiB,CAAC,GAEhBW,IAAsBD;AAAA,IAC1B,CAACE,MAAoB;AACnB,MAAAT,EAAqBS,CAAM;AAAA,IAC7B;AAAA,IACA,CAACT,CAAoB;AAAA,EAAA;AAGvB,SAAI,CAACE,KAAYA,EAAS,WAAW,IAAU,OAI3C,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAkB;AAAA,QAClB,MAAK;AAAA,QACL,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAWpB,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAc;AAAA,QACd,OAAOS;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBE;AAAA,MAAA;AAAA,IACrB;AAAA,IAECT,KACC,gBAAAa,EAACE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAgBC,EAAgC;AAAA,QAChD,gBAAAX;AAAA,QACA,SAASP;AAAA,QACT,UAAU,CAAC,CAACF;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-preview.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport PreviewWorksheet from '../../../../../worksheet/worksheet-preview/worksheet-preview';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport * as Styled from './test-preview-styled';\nimport type { ITestPreviewProps } from './test-preview-types';\n\nconst TestPreview: FC<ITestPreviewProps> = memo(function TestPreview(props) {\n  const { studentId, items, testNumber, isAssignInProgress, onTestStageChange, onTestSheetAssign } =\n    props;\n\n  const [testPreviewLoaded, setTestPreviewLoaded] = useState(false);\n\n  const itemRefs = useMemo(() => items?.map(item => item.ref), [items]);\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'preview',\n      items,\n      title: `Test ${testNumber}`,\n    }),\n    [testNumber, items],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('DIFFICULTY_AND_DURATION_SELECTION');\n  }, [onTestStageChange]);\n\n  const handleOnPreviewLoad = useCallback(\n    (loaded: boolean) => {\n      setTestPreviewLoaded(loaded);\n    },\n    [setTestPreviewLoaded],\n  );\n\n  if (!itemRefs || itemRefs.length === 0) return null;\n\n  return (\n    <>\n      <PreviewWorksheet\n        activityReference=\"test\"\n        mode=\"preview\"\n        nodeType=\"DYNAMIC\"\n        userType=\"STUDENT\"\n        studentId={studentId ?? 'student-id'}\n        isLessonV3Enabled={false}\n        worksheetName=\"Preview test\"\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && (\n        <Styled.ButtonWrapper>\n          <Button\n            widthX={6}\n            renderAs={'primary'}\n            size=\"small\"\n            shape=\"square\"\n            label=\"Assign\"\n            analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onTestSheetAssign}\n            disabled={!!isAssignInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default TestPreview;\n"],"names":["TestPreview","memo","props","studentId","items","testNumber","isAssignInProgress","onTestStageChange","onTestSheetAssign","testPreviewLoaded","setTestPreviewLoaded","useState","itemRefs","useMemo","item","analyticsProps","handleOnBack","useCallback","handleOnPreviewLoad","loaded","jsxs","Fragment","jsx","PreviewWorksheet","Styled.ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;AAQA,MAAMA,IAAqCC,EAAK,SAAqBC,GAAO;AAC1E,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,oBAAAC,GAAoB,mBAAAC,GAAmB,mBAAAC,EAC3E,IAAAN,GAEI,CAACO,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMT,KAAA,gBAAAA,EAAO,IAAI,CAAQU,MAAAA,EAAK,MAAM,CAACV,CAAK,CAAC,GAC9DW,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAT;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EAAA,GAGdY,IAAeC,EAAY,MAAM;AACrC,IAAAV,EAAkB,mCAAmC;AAAA,EAAA,GACpD,CAACA,CAAiB,CAAC,GAEhBW,IAAsBD;AAAA,IAC1B,CAACE,MAAoB;AACnB,MAAAT,EAAqBS,CAAM;AAAA,IAC7B;AAAA,IACA,CAACT,CAAoB;AAAA,EAAA;AAGvB,SAAI,CAACE,KAAYA,EAAS,WAAW,IAAU,OAI3C,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAkB;AAAA,QAClB,MAAK;AAAA,QACL,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAWpB,KAAa;AAAA,QACxB,mBAAmB;AAAA,QACnB,eAAc;AAAA,QACd,OAAOS;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBE;AAAA,MAAA;AAAA,IACrB;AAAA,IAECT,KACC,gBAAAa,EAACE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAgBC,EAAgC;AAAA,QAChD,gBAAAX;AAAA,QACA,SAASP;AAAA,QACT,UAAU,CAAC,CAACF;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/school-goals/school-goals-styled.js

@@ -1,12 +1,15 @@
 import o from "styled-components";
 import r from "../../../ui/layout/flex-view.js";
-const p = o.div`
+const n = o.div`
   width: 100%;
   height: 100%;
-`, n = o(r)`
+`, p = o(r)(
+  ({ $readOnly: t }) => `
   width: 750px;
   margin: auto;
-`, a = o.div(
+  ${t ? "pointer-events: none;" : ""}
+`
+), a = o.div(
   ({ theme: t }) => `
   position: relative;
   width: ${t.layout.gutter * 18.75}px;
@@ -25,8 +28,8 @@ const p = o.div`
   border-left: none;
 `;
 export {
-  p as Container,
-  n as ContentWrapper,
+  n as Container,
+  p as ContentWrapper,
   a as ImageWrapper,
   l as InputContainer
 };

package/dist/features/trial-session/comps/school-goals/school-goals-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals-styled.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  width: 750px;\n  margin: auto;\n`;\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  position: relative;\n  width: ${theme.layout.gutter * 18.75}px;\n  height: ${theme.layout.gutter * 25}px;\n  border: 1px solid ${theme.colors.BLACK_1};\n  .image {\n    position: absolute;\n    top: -${theme.layout.gutter * 0.15625}px;\n    left: -${theme.layout.gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`,\n);\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border-left: none;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper, InputContainer };\n"],"names":["Container","styled","ContentWrapper","FlexView","ImageWrapper","theme","InputContainer"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAeH,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAG9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBL,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"school-goals-styled.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: 750px;\n  margin: auto;\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  position: relative;\n  width: ${theme.layout.gutter * 18.75}px;\n  height: ${theme.layout.gutter * 25}px;\n  border: 1px solid ${theme.colors.BLACK_1};\n  .image {\n    position: absolute;\n    top: -${theme.layout.gutter * 0.15625}px;\n    left: -${theme.layout.gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`,\n);\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border-left: none;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper, InputContainer };\n"],"names":["Container","styled","ContentWrapper","FlexView","$readOnly","ImageWrapper","theme","InputContainer"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA;AAAA;AAAA,IAGjBA,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEMC,IAAeJ,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAK,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAG9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBN,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/school-goals/school-goals-view.js

@@ -1,35 +1,38 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { GIF as g } from "../../../../assets/gif/gif.js";
-import f from "../../../ui/image/image.js";
-import S from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import { Container as S, ContentWrapper as b, ImageWrapper as $, InputContainer as x } from "./school-goals-styled.js";
+import L from "../../../ui/layout/flex-view.js";
+import G from "../../../ui/image/image.js";
+import w from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
 import n from "../../../ui/inputs/select-input/select-input.js";
-import b from "../../../ui/inputs/text-input/text-input.js";
-import x from "../../../ui/layout/flex-view.js";
-import $ from "../../../ui/separator/separator.js";
-import G from "../slide-header/index.js";
-import { Container as L, ContentWrapper as w, ImageWrapper as I, InputContainer as y } from "./school-goals-styled.js";
-const _ = (o) => {
+import y from "../../../ui/separator/separator.js";
+import I from "../slide-header/index.js";
+import v from "../../../ui/inputs/text-input/text-input.js";
+import { GIF as A } from "../../../../assets/gif/gif.js";
+const F = (o) => {
   const {
     name: i,
     grade: a,
     grades: s,
     goalsList: l,
     curriculum: t,
-    selectedGoal: m,
-    numberInNameError: d,
-    curriculumStandards: p,
-    onNameChange: u,
-    onGoalChange: h,
-    onGradeChange: c,
+    buttonState: m,
+    selectedGoal: d,
+    numberInNameError: p,
+    curriculumStandards: u,
+    onNameChange: h,
+    onGoalChange: c,
+    onGradeChange: g,
     onCurriculumChange: C
-  } = o;
-  return /* @__PURE__ */ r(L, { children: [
-    /* @__PURE__ */ e($, { height: 60 }),
-    /* @__PURE__ */ e(G, {}),
-    /* @__PURE__ */ r(w, { $flexDirection: "row", $justifyContent: "center", children: [
-      /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(f, { withLoader: !0, height: 402, width: 302, src: g.SCHOOL_SUCCESS, className: "image" }) }),
+  } = o, {
+    right: { isLoading: f = !1 }
+  } = m || {};
+  return /* @__PURE__ */ r(S, { children: [
+    /* @__PURE__ */ e(y, { height: 60 }),
+    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ r(b, { $readOnly: f, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 402, width: 302, src: A.SCHOOL_SUCCESS, className: "image" }) }),
       /* @__PURE__ */ r(
-        y,
+        x,
         {
           $flexGap: 24,
           $justifyContent: "center",
@@ -38,9 +41,9 @@ const _ = (o) => {
           $gapX: 2.5,
           $gutterX: 2.5,
           children: [
-            /* @__PURE__ */ r(x, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
+            /* @__PURE__ */ r(L, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
               /* @__PURE__ */ e(
-                b,
+                v,
                 {
                   renderAs: "primary",
                   label: "Student name",
@@ -48,10 +51,10 @@ const _ = (o) => {
                   type: "text",
                   name: "name",
                   shape: "borderLess",
-                  onChange: u,
+                  onChange: h,
                   width: "100%",
                   isTransparent: !0,
-                  errorMessage: d ? "Please enter a valid name" : void 0
+                  errorMessage: p ? "Please enter a valid name" : void 0
                 }
               ),
               /* @__PURE__ */ e(
@@ -62,7 +65,7 @@ const _ = (o) => {
                   value: a,
                   options: s,
                   shape: "borderLess",
-                  onChange: c,
+                  onChange: g,
                   theme: "dark",
                   widthX: 10,
                   isTransparent: !0
@@ -75,7 +78,7 @@ const _ = (o) => {
                 renderAs: "primary",
                 label: "Select Curriculum",
                 value: t,
-                options: p,
+                options: u,
                 disabled: !a,
                 shape: "borderLess",
                 renderOptionsAs: "section-list",
@@ -85,15 +88,15 @@ const _ = (o) => {
               }
             ),
             /* @__PURE__ */ e(
-              S,
+              w,
               {
                 renderAs: "primary",
                 label: "Select a Goal",
-                value: m,
+                value: d,
                 options: l,
                 shape: "borderLess",
                 theme: "dark",
-                onChange: h,
+                onChange: c,
                 isTransparent: !0,
                 disabled: !a || !t
               }
@@ -105,6 +108,6 @@ const _ = (o) => {
   ] });
 };
 export {
-  _ as default
+  F as default
 };
 //# sourceMappingURL=school-goals-view.js.map

package/dist/features/trial-session/comps/school-goals/school-goals-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  numberInNameError?: boolean;\n  onNameChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = (props: ISchoolGoals) => {\n  const {\n    name,\n    grade,\n    grades,\n    goalsList,\n    curriculum,\n    selectedGoal,\n    numberInNameError,\n    curriculumStandards,\n    onNameChange,\n    onGoalChange,\n    onGradeChange,\n    onCurriculumChange,\n  } = props;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n              errorMessage={numberInNameError ? 'Please enter a valid name' : undefined}\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","props","name","grade","grades","goalsList","curriculum","selectedGoal","numberInNameError","curriculumStandards","onNameChange","onGoalChange","onGradeChange","onCurriculumChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA+BM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAZ;AAGF,SAAA,gBAAAa,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOvB;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUQ;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAClE;AAAA,cACA,gBAAAQ;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOvB;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUQ;AAAA,kBACV,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,eAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,GACF;AAAA,YACA,gBAAAI;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOpB;AAAA,gBACP,SAASG;AAAA,gBACT,UAAU,CAACN;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUU;AAAA,gBACV,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAG;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOpB;AAAA,gBACP,SAASF;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,UAAUM;AAAA,gBACV,eAAa;AAAA,gBACb,UAAU,CAACR,KAAS,CAACG;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport * as Styled from './school-goals-styled';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport type { IButtonState } from '../../trial-session-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport { GIF } from '../../../../assets/gif/gif';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  numberInNameError?: boolean;\n  buttonState: { left: IButtonState; right: IButtonState };\n  onNameChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = (props: ISchoolGoals) => {\n  const {\n    name,\n    grade,\n    grades,\n    goalsList,\n    curriculum,\n    buttonState,\n    selectedGoal,\n    numberInNameError,\n    curriculumStandards,\n    onNameChange,\n    onGoalChange,\n    onGradeChange,\n    onCurriculumChange,\n  } = props;\n\n  const {\n    right: { isLoading = false },\n  } = buttonState || {};\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $readOnly={isLoading} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n              errorMessage={numberInNameError ? 'Please enter a valid name' : undefined}\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","props","name","grade","grades","goalsList","curriculum","buttonState","selectedGoal","numberInNameError","curriculumStandards","onNameChange","onGoalChange","onGradeChange","onCurriculumChange","isLoading","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AAiCM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAb,GAEE;AAAA,IACJ,OAAO,EAAE,WAAAc,IAAY,GAAM;AAAA,EAAA,IACzBR,KAAe,CAAA;AAGjB,SAAA,gBAAAS,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,WAAWN,GAAW,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAG,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOzB;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUS;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAClE;AAAA,cACA,gBAAAS;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOzB;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUS;AAAA,kBACV,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,eAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,GACF;AAAA,YACA,gBAAAK;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,SAASI;AAAA,gBACT,UAAU,CAACP;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUW;AAAA,gBACV,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAI;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASH;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,UAAUO;AAAA,gBACV,eAAa;AAAA,gBACb,UAAU,CAACT,KAAS,CAACG;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/trial-session/comps/school-goals/school-goals.js

@@ -1,45 +1,46 @@
-import { jsx as w } from "react/jsx-runtime";
-import { memo as B, useMemo as h, useCallback as g, useEffect as E } from "react";
+import { jsx as B } from "react/jsx-runtime";
+import { memo as q, useMemo as h, useCallback as g, useEffect as E } from "react";
 import { GOAL_CATEGORY as n, ENROLLMENT_TYPES as y } from "../../../milestone/constants.js";
-import { getCategorizedCurriculumStandards as q } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
-import { getGradesFromConfig as z, getGoalsFromConfig as V } from "../../../milestone/create/milestone-create-helpers.js";
+import { getCategorizedCurriculumStandards as z } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as V, getGoalsFromConfig as J } from "../../../milestone/create/milestone-create-helpers.js";
 import { epochTimestampAfterOneYear as H } from "../../../utils/utils.js";
-import { useTrialSessionContext as J } from "../../context/use-trial-session-context.js";
-import { isPLASource as K, updateGoalInFormData as b } from "../../helper.js";
-import Q from "./school-goals-view.js";
-import { HIGH_ENROLLMENT_PROGRAMS_MAP as W } from "../../trial-session-constants.js";
-const mo = B(function() {
+import { useTrialSessionContext as K } from "../../context/use-trial-session-context.js";
+import { isPLASource as Q, updateGoalInFormData as b } from "../../helper.js";
+import W from "./school-goals-view.js";
+import { HIGH_ENROLLMENT_PROGRAMS_MAP as X } from "../../trial-session-constants.js";
+const io = q(function() {
   const {
     milestoneConfig: a,
     formData: U,
     updateSlideConfig: e,
     updateButtonState: G,
     onRemoveOptionalSlides: C,
-    trialHomeData: A
-  } = J(), { name: O, grade: r, goals: t, curriculum: l, numberInNameError: N } = U || {}, { demo_info: I, intel_student: p, student: P } = A, { enrollment_type: s } = P || {}, { stream: m, region_data: R } = I || {}, { opportunity_country: i = "US" } = R || {}, v = z(a), c = K(p == null ? void 0 : p.source), S = Object.keys(W), D = h(
-    () => q(a, {
+    trialHomeData: A,
+    buttonState: N
+  } = K(), { name: O, grade: t, goals: r, curriculum: l, numberInNameError: I } = U || {}, { demo_info: P, intel_student: p, student: R } = A, { enrollment_type: s } = R || {}, { stream: m, region_data: v } = P || {}, { opportunity_country: i = "US" } = v || {}, D = V(a), c = Q(p == null ? void 0 : p.source), S = Object.keys(X), M = h(
+    () => z(a, {
       countryCode: i,
-      grade: r ?? "",
+      grade: t ?? "",
       goalCategory: n.SCHOOL_SUCCESS,
       courseStream: m,
       enrollmentType: s,
       flow: "CREATE"
     }),
-    [a, i, r, m, s]
+    [a, i, t, m, s]
   ), d = h(
-    () => V(a, {
+    () => J(a, {
       countryCode: i,
-      grade: r ?? "",
+      grade: t ?? "",
       goalCategory: n.SCHOOL_SUCCESS,
       courseStream: m,
       curriculumStandard: l,
       enrollmentType: s
     }),
-    [a, i, r, m, l, s]
+    [a, i, t, m, l, s]
   ), { goal_code: u } = h(
-    () => (t == null ? void 0 : t.find((o) => o.goal_category === n.SCHOOL_SUCCESS)) ?? {},
-    [t]
-  ), T = !!(O && r && l && u), M = g(
+    () => (r == null ? void 0 : r.find((o) => o.goal_category === n.SCHOOL_SUCCESS)) ?? {},
+    [r]
+  ), T = !!(O && t && l && u), F = g(
     (o) => {
       e({
         name: o.target.value,
@@ -47,25 +48,25 @@ const mo = B(function() {
       });
     },
     [e]
-  ), F = g(
+  ), x = g(
     (o, f) => {
-      const { label: _, programCode: L = "" } = f, j = b(t, n.SCHOOL_SUCCESS, {
+      const { label: _, programCode: L } = f, k = b(r, n.SCHOOL_SUCCESS, {
         goal_code: o,
         milestone_name: _,
         milestone_date_ts: H(),
         publish: c,
         program_code: L
-      }), k = S.includes(L) ? y.HIGH : void 0;
+      }), w = S.includes(L) ? y.HIGH : void 0;
       e({
-        goals: j,
-        enrollmentType: k
+        goals: k,
+        enrollmentType: w
       });
     },
-    [t, c, e, S]
-  ), x = g(
+    [r, c, e, S]
+  ), Y = g(
     (o) => e({ curriculum: o, goals: [], enrollmentType: void 0 }),
     [e]
-  ), Y = g(
+  ), j = g(
     (o) => {
       e({ grade: o, curriculum: "", goals: [], enrollmentType: void 0 });
     },
@@ -74,13 +75,13 @@ const mo = B(function() {
   return E(() => {
     G("right", { isDisabled: !T, isLoading: !1 });
   }, [T, G]), E(() => {
-    r && (C == null || C(r, u));
-  }, [r, u]), E(() => {
+    t && (C == null || C(t, u));
+  }, [t, u]), E(() => {
     const o = d.length === 1 ? d[0] : void 0;
-    if (o) {
-      const f = b(t, n.SCHOOL_SUCCESS, {
-        goal_code: o.id ?? "",
-        milestone_name: o.label ?? "",
+    if (o && o.id) {
+      const f = b(r, n.SCHOOL_SUCCESS, {
+        goal_code: o.id,
+        milestone_name: o.label,
         milestone_date_ts: H(),
         publish: c,
         program_code: o.programCode
@@ -90,25 +91,26 @@ const mo = B(function() {
         enrollmentType: _
       });
     }
-  }, [d, c]), /* @__PURE__ */ w(
-    Q,
+  }, [d, c]), /* @__PURE__ */ B(
+    W,
     {
       name: O,
-      grade: r,
-      grades: v,
+      grade: t,
+      grades: D,
+      buttonState: N,
       goalsList: d,
       curriculum: l,
       selectedGoal: u,
-      numberInNameError: N,
-      curriculumStandards: D,
-      onNameChange: M,
-      onGoalChange: F,
-      onGradeChange: Y,
-      onCurriculumChange: x
+      numberInNameError: I,
+      curriculumStandards: M,
+      onNameChange: F,
+      onGoalChange: x,
+      onGradeChange: j,
+      onCurriculumChange: Y
     }
   );
 });
 export {
-  mo as default
+  io as default
 };
 //# sourceMappingURL=school-goals.js.map

package/dist/features/trial-session/comps/school-goals/school-goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type InputHTMLAttributes } from 'react';\n\nimport { ENROLLMENT_TYPES, GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\nimport { HIGH_ENROLLMENT_PROGRAMS_MAP } from '../../trial-session-constants';\n\nconst SchoolGoals = memo(function SchoolGoals() {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n  const isPLA = isPLASource(intelStudent?.source);\n  const highEnrollmentPrograms = Object.keys(HIGH_ENROLLMENT_PROGRAMS_MAP);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum, enrollmentType],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const handleNameChange = useCallback<\n    NonNullable<InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({\n        name: event.target.value,\n        numberInNameError: false,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label, programCode = '' } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n        program_code: programCode as string,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(programCode as string)\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: updatedGoals,\n        enrollmentType: enrollmentToUpdate,\n      });\n    },\n    [goals, isPLA, updateSlideConfig, highEnrollmentPrograms],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) =>\n      updateSlideConfig({ curriculum: value, goals: [], enrollmentType: undefined }),\n    [updateSlideConfig],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateSlideConfig({ grade: value, curriculum: '', goals: [], enrollmentType: undefined });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade, selectedGoal);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade, selectedGoal]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n        program_code: defaultGoal.programCode,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(defaultGoal?.programCode ?? '')\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: goalToUpdate,\n        enrollmentType: enrollmentToUpdate,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList, isPLA]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grades","getGradesFromConfig","isPLA","isPLASource","highEnrollmentPrograms","HIGH_ENROLLMENT_PROGRAMS_MAP","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","handleNameChange","useCallback","event","handleGoalChange","value","option","label","programCode","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","enrollmentToUpdate","ENROLLMENT_TYPES","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type InputHTMLAttributes } from 'react';\n\nimport { ENROLLMENT_TYPES, GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\nimport { HIGH_ENROLLMENT_PROGRAMS_MAP } from '../../trial-session-constants';\n\nconst SchoolGoals = memo(function SchoolGoals() {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n    buttonState,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n  const isPLA = isPLASource(intelStudent?.source);\n  const highEnrollmentPrograms = Object.keys(HIGH_ENROLLMENT_PROGRAMS_MAP);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum, enrollmentType],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const handleNameChange = useCallback<\n    NonNullable<InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({\n        name: event.target.value,\n        numberInNameError: false,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label, programCode } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n        program_code: programCode as string,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(programCode as string)\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: updatedGoals,\n        enrollmentType: enrollmentToUpdate,\n      });\n    },\n    [goals, isPLA, updateSlideConfig, highEnrollmentPrograms],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) =>\n      updateSlideConfig({ curriculum: value, goals: [], enrollmentType: undefined }),\n    [updateSlideConfig],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateSlideConfig({ grade: value, curriculum: '', goals: [], enrollmentType: undefined });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade, selectedGoal);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade, selectedGoal]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal && defaultGoal.id) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id,\n        milestone_name: defaultGoal.label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n        program_code: defaultGoal.programCode,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(defaultGoal?.programCode ?? '')\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: goalToUpdate,\n        enrollmentType: enrollmentToUpdate,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList, isPLA]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      buttonState={buttonState}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","buttonState","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grades","getGradesFromConfig","isPLA","isPLASource","highEnrollmentPrograms","HIGH_ENROLLMENT_PROGRAMS_MAP","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","handleNameChange","useCallback","event","handleGoalChange","value","option","label","programCode","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","enrollmentToUpdate","ENROLLMENT_TYPES","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}

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

@@ -1,56 +1,49 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { memo as A, useMemo as f, useCallback as L } from "react";
-import { GIF as x } from "../../../../assets/gif/gif.js";
-import { GOAL_CATEGORY as r } from "../../../milestone/constants.js";
-import { getGoalsFromConfig as H } from "../../../milestone/create/milestone-create-helpers.js";
-import R from "../../../ui/image/image.js";
-import M from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
-import u from "../../../ui/separator/separator.js";
-import D from "../../../ui/text/text.js";
-import { epochTimestampAfterOneYear as j } from "../../../utils/utils.js";
-import { useTrialSessionContext as k } from "../../context/use-trial-session-context.js";
-import { isPLASource as w, updateGoalInFormData as P } from "../../helper.js";
-import F from "../slide-header/index.js";
-import { Container as O, ContentWrapper as W, ImageWrapper as X, InputContainer as U } from "./student-enrichment-styled.js";
-const ae = A(function() {
-  const { formData: g, milestoneConfig: i, updateSlideConfig: n, trialHomeData: h } = k(), { grade: s, goals: e } = g || {}, { demo_info: C, intel_student: a, student: E } = h, { enrollment_type: m } = E || {}, { stream: l, region_data: _ } = C || {}, { opportunity_country: c = "US" } = _ || {}, p = w(a == null ? void 0 : a.source), I = f(
-    () => H(i, {
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { memo as G, useMemo as u, useCallback as N } from "react";
+import { GIF as A } from "../../../../assets/gif/gif.js";
+import { GOAL_CATEGORY as n } from "../../../milestone/constants.js";
+import { getGoalsFromConfig as L } from "../../../milestone/create/milestone-create-helpers.js";
+import x from "../../../ui/image/image.js";
+import H from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import f from "../../../ui/separator/separator.js";
+import R from "../../../ui/text/text.js";
+import { epochTimestampAfterOneYear as D } from "../../../utils/utils.js";
+import { useTrialSessionContext as M } from "../../context/use-trial-session-context.js";
+import { isPLASource as j, updateGoalInFormData as k } from "../../helper.js";
+import w from "../slide-header/index.js";
+import { Container as P, ContentWrapper as F, ImageWrapper as O, InputContainer as X } from "./student-enrichment-styled.js";
+const re = G(function() {
+  const { formData: g, milestoneConfig: a, updateSlideConfig: i, trialHomeData: h } = M(), { grade: s, goals: o } = g || {}, { demo_info: C, intel_student: t, student: _ } = h, { enrollment_type: m } = _ || {}, { stream: l, region_data: E } = C || {}, { opportunity_country: c = "US" } = E || {}, p = j(t == null ? void 0 : t.source), I = u(
+    () => L(a, {
       countryCode: c,
       grade: s ?? "",
-      goalCategory: r.ENRICHMENT,
+      goalCategory: n.ENRICHMENT,
       courseStream: l,
       enrollmentType: m
     }),
-    [i, c, s, l, m]
-  ), { goal_code: T } = f(
-    () => (e == null ? void 0 : e.find((t) => t.goal_category === r.ENRICHMENT)) ?? {},
-    [e]
-  ), y = L(
-    (t, N) => {
-      if (!t) {
-        const b = e == null ? void 0 : e.filter(
-          (G) => G.goal_category !== r.ENRICHMENT
-        );
-        n({ goals: b });
-        return;
-      }
-      const { label: S } = N, $ = P(e, r.ENRICHMENT, {
-        goal_code: t,
-        milestone_name: S,
-        milestone_date_ts: j(),
+    [a, c, s, l, m]
+  ), { goal_code: S } = u(
+    () => (o == null ? void 0 : o.find((r) => r.goal_category === n.ENRICHMENT)) ?? {},
+    [o]
+  ), T = N(
+    (r, $) => {
+      const { label: b } = $, y = k(o, n.ENRICHMENT, {
+        goal_code: r,
+        milestone_name: b,
+        milestone_date_ts: D(),
         publish: p
       });
-      n({ goals: $ });
+      i({ goals: y });
     },
-    [e, p, n]
+    [o, p, i]
   );
-  return /* @__PURE__ */ d(O, { children: [
-    /* @__PURE__ */ o(u, { height: 60 }),
-    /* @__PURE__ */ o(F, {}),
-    /* @__PURE__ */ d(W, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: [
-      /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(R, { withLoader: !0, height: 402, width: 302, src: x.ENRICHMENT, className: "image" }) }),
-      /* @__PURE__ */ o(
-        U,
+  return /* @__PURE__ */ d(P, { children: [
+    /* @__PURE__ */ e(f, { height: 60 }),
+    /* @__PURE__ */ e(w, {}),
+    /* @__PURE__ */ d(F, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, { withLoader: !0, height: 402, width: 302, src: A.ENRICHMENT, className: "image" }) }),
+      /* @__PURE__ */ e(
+        X,
         {
           $flexGap: 24,
           $justifyContent: "center",
@@ -58,27 +51,27 @@ const ae = A(function() {
           $borderColor: "BLACK_1",
           $gapX: 2.5,
           $gutterX: 2.5,
-          children: /* @__PURE__ */ o(
-            M,
+          children: /* @__PURE__ */ e(
+            H,
             {
               renderAs: "primary",
               label: "Select a Goal",
-              value: T,
+              value: S,
               options: I,
               shape: "borderLess",
               theme: "dark",
-              onChange: y,
+              onChange: T,
               isTransparent: !0
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ o(u, { heightX: 1 }),
-    /* @__PURE__ */ o(D, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
+    /* @__PURE__ */ e(f, { heightX: 1 }),
+    /* @__PURE__ */ e(R, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
   ] });
 });
 export {
-  ae as default
+  re as default
 };
 //# sourceMappingURL=student-enrichment.js.map