@cuemath/leap 3.5.64 → 3.5.66-link0

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)<{ $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;"}
+{"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';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH}px;\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","RIGHT_PANEL_CONTENT_WIDTH","ImageWrapper","theme","InputContainer"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA,WACVC,CAAyB;AAAA;AAAA,IAEhCD,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEME,IAAeL,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAM,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,IAAiBP,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}

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

@@ -1,36 +1,37 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-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 { Container as S, ContentWrapper as L, ImageWrapper as $, InputContainer as x } from "./school-goals-styled.js";
+import y 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 I from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
 import n from "../../../ui/inputs/select-input/select-input.js";
-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";
+import w from "../../../ui/separator/separator.js";
+import A from "../slide-header/index.js";
+import T from "../../../ui/inputs/text-input/text-input.js";
+import { GIF as v } from "../../../../assets/gif/gif.js";
 const F = (o) => {
   const {
     name: i,
     grade: a,
     grades: s,
-    goalsList: l,
+    demoType: l,
+    goalsList: m,
     curriculum: t,
-    buttonState: m,
-    selectedGoal: d,
-    numberInNameError: p,
-    curriculumStandards: u,
-    onNameChange: h,
-    onGoalChange: c,
-    onGradeChange: g,
-    onCurriculumChange: C
+    buttonState: d,
+    selectedGoal: p,
+    numberInNameError: u,
+    curriculumStandards: h,
+    onNameChange: c,
+    onGoalChange: g,
+    onGradeChange: C,
+    onCurriculumChange: f
   } = o, {
-    right: { isLoading: f = !1 }
-  } = m || {};
+    right: { isLoading: b = !1 }
+  } = d || {};
   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__ */ e(w, { height: 60 }),
+    /* @__PURE__ */ e(A, {}),
+    /* @__PURE__ */ r(L, { $readOnly: b, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 402, width: 302, src: v.SCHOOL_SUCCESS, className: "image" }) }),
       /* @__PURE__ */ r(
         x,
         {
@@ -41,31 +42,31 @@ const F = (o) => {
           $gapX: 2.5,
           $gutterX: 2.5,
           children: [
-            /* @__PURE__ */ r(L, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
-              /* @__PURE__ */ e(
-                v,
+            /* @__PURE__ */ r(y, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
+              l === "TRIAL_V3" ? /* @__PURE__ */ e(
+                T,
                 {
                   renderAs: "primary",
-                  label: "Student name",
+                  label: "Name",
                   value: i,
                   type: "text",
                   name: "name",
                   shape: "borderLess",
-                  onChange: h,
+                  onChange: c,
                   width: "100%",
                   isTransparent: !0,
-                  errorMessage: p ? "Please enter a valid name" : void 0
+                  errorMessage: u ? "Please enter a valid name" : void 0
                 }
-              ),
+              ) : null,
               /* @__PURE__ */ e(
                 n,
                 {
                   renderAs: "primary",
-                  label: "Select Grade",
+                  label: "Grade",
                   value: a,
                   options: s,
                   shape: "borderLess",
-                  onChange: g,
+                  onChange: C,
                   theme: "dark",
                   widthX: 10,
                   isTransparent: !0
@@ -76,27 +77,27 @@ const F = (o) => {
               n,
               {
                 renderAs: "primary",
-                label: "Select Curriculum",
+                label: "Curriculum",
                 value: t,
-                options: u,
+                options: h,
                 disabled: !a,
                 shape: "borderLess",
                 renderOptionsAs: "section-list",
                 theme: "dark",
-                onChange: C,
+                onChange: f,
                 isTransparent: !0
               }
             ),
             /* @__PURE__ */ e(
-              w,
+              I,
               {
                 renderAs: "primary",
-                label: "Select a Goal",
-                value: d,
-                options: l,
+                label: "Goal",
+                value: p,
+                options: m,
                 shape: "borderLess",
                 theme: "dark",
-                onChange: c,
+                onChange: g,
                 isTransparent: !0,
                 disabled: !a || !t
               }

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 * 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;"}
+{"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  demoType: 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    demoType,\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            {demoType === 'TRIAL_V3' ? (\n              <TextInput\n                renderAs=\"primary\"\n                label=\"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            ) : null}\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"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=\"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=\"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","demoType","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":";;;;;;;;;;AAkCM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;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,IAAAd,GAEE;AAAA,IACJ,OAAO,EAAE,WAAAe,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,KAC7C,UAAA;AAAA,cAAAtB,MAAa,aACZ,gBAAAc;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAO1B;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUU;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAAA,IAEhE;AAAA,cACJ,gBAAAS;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAO1B;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUU;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,CAACR;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUY;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,CAACV,KAAS,CAACI;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,24 +1,25 @@
-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 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 { jsx as q } from "react/jsx-runtime";
+import { memo as z, useMemo as h, useCallback as g, useEffect as E } from "react";
+import { GOAL_CATEGORY as n, ENROLLMENT_TYPES as L } from "../../../milestone/constants.js";
+import { getCategorizedCurriculumStandards as V } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as J, getGoalsFromConfig as K } from "../../../milestone/create/milestone-create-helpers.js";
 import { epochTimestampAfterOneYear as H } from "../../../utils/utils.js";
-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() {
+import { useTrialSessionContext as Q } from "../../context/use-trial-session-context.js";
+import { isPLASource as W, updateGoalInFormData as b } from "../../helper.js";
+import X from "./school-goals-view.js";
+import { HIGH_ENROLLMENT_PROGRAMS_MAP as Z } from "../../trial-session-constants.js";
+const co = z(function() {
   const {
+    demoType: U,
     milestoneConfig: a,
-    formData: U,
+    formData: A,
     updateSlideConfig: e,
     updateButtonState: G,
     onRemoveOptionalSlides: C,
-    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, {
+    trialHomeData: N,
+    buttonState: I
+  } = Q(), { name: O, grade: t, goals: r, curriculum: l, numberInNameError: P } = A || {}, { demo_info: R, intel_student: p, student: v } = N, { enrollment_type: s } = v || {}, { stream: m, region_data: D } = R || {}, { opportunity_country: i = "US" } = D || {}, M = J(a), c = W(p == null ? void 0 : p.source), S = Object.keys(Z), F = h(
+    () => V(a, {
       countryCode: i,
       grade: t ?? "",
       goalCategory: n.SCHOOL_SUCCESS,
@@ -28,7 +29,7 @@ const io = q(function() {
     }),
     [a, i, t, m, s]
   ), d = h(
-    () => J(a, {
+    () => K(a, {
       countryCode: i,
       grade: t ?? "",
       goalCategory: n.SCHOOL_SUCCESS,
@@ -40,7 +41,7 @@ const io = q(function() {
   ), { goal_code: u } = h(
     () => (r == null ? void 0 : r.find((o) => o.goal_category === n.SCHOOL_SUCCESS)) ?? {},
     [r]
-  ), T = !!(O && t && l && u), F = g(
+  ), T = !!(O && t && l && u), x = g(
     (o) => {
       e({
         name: o.target.value,
@@ -48,25 +49,25 @@ const io = q(function() {
       });
     },
     [e]
-  ), x = g(
+  ), Y = g(
     (o, f) => {
-      const { label: _, programCode: L } = f, k = b(r, n.SCHOOL_SUCCESS, {
+      const { label: _, programCode: y } = f, w = b(r, n.SCHOOL_SUCCESS, {
         goal_code: o,
         milestone_name: _,
         milestone_date_ts: H(),
         publish: c,
-        program_code: L
-      }), w = S.includes(L) ? y.HIGH : void 0;
+        program_code: y
+      }), B = S.includes(y) ? L.HIGH : void 0;
       e({
-        goals: k,
-        enrollmentType: w
+        goals: w,
+        enrollmentType: B
       });
     },
     [r, c, e, S]
-  ), Y = g(
+  ), j = g(
     (o) => e({ curriculum: o, goals: [], enrollmentType: void 0 }),
     [e]
-  ), j = g(
+  ), k = g(
     (o) => {
       e({ grade: o, curriculum: "", goals: [], enrollmentType: void 0 });
     },
@@ -85,32 +86,33 @@ const io = q(function() {
         milestone_date_ts: H(),
         publish: c,
         program_code: o.programCode
-      }), _ = S.includes((o == null ? void 0 : o.programCode) ?? "") ? y.HIGH : void 0;
+      }), _ = S.includes((o == null ? void 0 : o.programCode) ?? "") ? L.HIGH : void 0;
       e({
         goals: f,
         enrollmentType: _
       });
     }
-  }, [d, c]), /* @__PURE__ */ B(
-    W,
+  }, [d, c]), /* @__PURE__ */ q(
+    X,
     {
       name: O,
       grade: t,
-      grades: D,
-      buttonState: N,
+      grades: M,
+      demoType: U,
+      buttonState: I,
       goalsList: d,
       curriculum: l,
       selectedGoal: u,
-      numberInNameError: I,
-      curriculumStandards: M,
-      onNameChange: F,
-      onGoalChange: x,
-      onGradeChange: j,
-      onCurriculumChange: Y
+      numberInNameError: P,
+      curriculumStandards: F,
+      onNameChange: x,
+      onGoalChange: Y,
+      onGradeChange: k,
+      onCurriculumChange: j
     }
   );
 });
 export {
-  io as default
+  co 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    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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"}
+{"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    demoType,\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      demoType={demoType}\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","demoType","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/session-insights/session-insights-styled.js

@@ -1,17 +1,11 @@
-import t from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-import o from "../../../ui/text/text.js";
-const n = t.div`
-  height: 100%;
-  width: 100%;
-`, l = t(i)`
-  margin: auto;
-`;
-t.img`
+import i from "styled-components";
+import o from "../../../ui/layout/flex-view.js";
+import t from "../../../ui/text/text.js";
+i.img`
   width: 100%;
   max-width: 171px;
 `;
-const d = t(o)`
+const l = i(t)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -19,15 +13,15 @@ const d = t(o)`
   overflow: hidden;
   height: 44px;
   z-index: 1;
-`, x = t(i)`
+`, n = i(o)`
   border-top: none;
-`, a = t(i)`
+`, x = i(o)`
   position: relative;
   overflow: hidden;
   :first-child {
     right: -23px;
   }
-`, s = t.div`
+`, d = i.div`
   position: absolute;
   top: -15px;
   left: -1px;
@@ -35,11 +29,9 @@ const d = t(o)`
   z-index: -1;
 `;
 export {
-  n as Container,
-  l as ContentWrapper,
-  s as LottieWrapper,
-  x as RatingBlock,
-  d as TopicName,
-  a as TopicWrapper
+  d as LottieWrapper,
+  n as RatingBlock,
+  l as TopicName,
+  x as TopicWrapper
 };
 //# sourceMappingURL=session-insights-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-insights-styled.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst ProficiencyGraph = styled.img`\n  width: 100%;\n  max-width: 171px;\n`;\n\nconst TopicName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n  z-index: 1;\n`;\n\nconst RatingBlock = styled(FlexView)`\n  border-top: none;\n`;\n\nconst TopicWrapper = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n  :first-child {\n    right: -23px;\n  }\n`;\n\nconst LottieWrapper = styled.div`\n  position: absolute;\n  top: -15px;\n  left: -1px;\n  right: -1px;\n  z-index: -1;\n`;\n\nexport {\n  ProficiencyGraph,\n  TopicName,\n  TopicWrapper,\n  Container,\n  RatingBlock,\n  ContentWrapper,\n  LottieWrapper,\n};\n"],"names":["Container","styled","ContentWrapper","FlexView","TopicName","Text","RatingBlock","TopicWrapper","LottieWrapper"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAIbF,EAAO;AAAA;AAAA;AAAA;AAK1B,MAAAG,IAAYH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBC,IAAcL,EAAOE,CAAQ;AAAA;AAAA,GAI7BI,IAAeN,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9BK,IAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"session-insights-styled.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst ProficiencyGraph = styled.img`\n  width: 100%;\n  max-width: 171px;\n`;\n\nconst TopicName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n  z-index: 1;\n`;\n\nconst RatingBlock = styled(FlexView)`\n  border-top: none;\n`;\n\nconst TopicWrapper = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n  :first-child {\n    right: -23px;\n  }\n`;\n\nconst LottieWrapper = styled.div`\n  position: absolute;\n  top: -15px;\n  left: -1px;\n  right: -1px;\n  z-index: -1;\n`;\n\nexport { ProficiencyGraph, TopicName, TopicWrapper, RatingBlock, LottieWrapper };\n"],"names":["styled","TopicName","Text","RatingBlock","FlexView","TopicWrapper","LottieWrapper"],"mappings":";;;AAKyBA,EAAO;AAAA;AAAA;AAAA;AAK1B,MAAAC,IAAYD,EAAOE,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBC,IAAcH,EAAOI,CAAQ;AAAA;AAAA,GAI7BC,IAAeL,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9BE,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,78 +1,79 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as u, useCallback as L, useEffect as C } from "react";
-import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
-import { LOTTIE as h } from "../../../../assets/lottie/lottie.js";
-import S from "../../../ui/error/error.js";
-import d from "../../../ui/layout/flex-view.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { memo as A, useCallback as u, useEffect as L } from "react";
+import { ILLUSTRATIONS as h } from "../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as p } from "../../../../assets/lottie/lottie.js";
+import C from "../../../ui/error/error.js";
+import i from "../../../ui/layout/flex-view.js";
 import E from "../../../ui/loader/app-loader/app-loader.js";
-import R from "../../../ui/lottie-animation/lottie-animation.js";
-import g from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import { useGetSessionInsights as b } from "../../api/trial-home.js";
-import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
-import w from "../slide-header/index.js";
-import { Container as D, ContentWrapper as x, TopicWrapper as B, TopicName as F, LottieWrapper as K, RatingBlock as O } from "./session-insights-styled.js";
-const X = {
-  BEGINNER: h.BEGINNER1X,
-  FAMILIAR: h.FAMILIAR1X,
-  PROFICIENT: h.PROFICIENT1X
+import S from "../../../ui/lottie-animation/lottie-animation.js";
+import d from "../../../ui/separator/separator.js";
+import n from "../../../ui/text/text.js";
+import { useGetSessionInsights as N } from "../../api/trial-session-report.js";
+import { useTrialSessionContext as R } from "../../context/use-trial-session-context.js";
+import b from "../slide-header/index.js";
+import { TopicWrapper as D, TopicName as w, LottieWrapper as x, RatingBlock as B } from "./session-insights-styled.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as F } from "../../trial-session-constants.js";
+const O = {
+  BEGINNER: p.BEGINNER1X,
+  FAMILIAR: p.FAMILIAR1X,
+  PROFICIENT: p.PROFICIENT1X
 }, j = {
-  1: p.ONE_STAR_FILLED,
-  2: p.TWO_STARS_FILLED,
-  3: p.THREE_STARS_FILLED
-}, Z = u(function() {
-  const { formData: f } = N(), { attemptId: n = "kdbkb" } = f || {}, {
-    data: m,
-    get: $,
-    isProcessing: I,
-    isProcessingFailed: _
-  } = b(), { topic_aggregation: A = [], depth_aggregation: T = [] } = m || {}, c = L(() => {
-    n && $(n);
-  }, [n, $]);
-  return C(() => {
-    c();
-  }, [c]), _ ? /* @__PURE__ */ e(S, { height: "70vh", onTryAgain: c }) : I || !m ? /* @__PURE__ */ e(E, { height: "100vh" }) : /* @__PURE__ */ t(D, { children: [
-    /* @__PURE__ */ e(g, { height: 60 }),
-    /* @__PURE__ */ e(w, {}),
-    /* @__PURE__ */ t(x, { $alignItems: "center", $width: 650, $alignSelf: "center", children: [
+  1: h.ONE_STAR_FILLED,
+  2: h.TWO_STARS_FILLED,
+  3: h.THREE_STARS_FILLED
+}, Y = A(function() {
+  const { formData: $ } = R(), { attemptId: c = "kdbkb" } = $ || {}, {
+    data: g,
+    get: m,
+    isProcessing: f,
+    isProcessingFailed: I
+  } = N(), { topic_aggregation: _ = [], depth_aggregation: T = [] } = g || {}, s = u(() => {
+    c && m(c);
+  }, [c, m]);
+  return L(() => {
+    s();
+  }, [s]), I ? /* @__PURE__ */ e(C, { height: "70vh", onTryAgain: s }) : f || !g ? /* @__PURE__ */ e(E, { height: "100vh" }) : /* @__PURE__ */ r(i, { $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ e(d, { height: 60 }),
+    /* @__PURE__ */ e(b, {}),
+    /* @__PURE__ */ r(i, { $alignItems: "center", $width: F - 100, $alignSelf: "center", children: [
       /* @__PURE__ */ e(
-        d,
+        i,
         {
           $flexDirection: "row",
           $justifyContent: "center",
           $borderColor: "BLACK_T_87",
           $width: "100%",
-          children: A.map((s, a) => {
+          children: _.map((a) => {
             const {
-              level: r,
-              topic_name: i,
+              level: o,
+              topic_name: t,
               level_description: l
-            } = s;
-            return /* @__PURE__ */ t(
-              B,
+            } = a;
+            return /* @__PURE__ */ r(
+              D,
               {
                 $gapX: 1,
                 $gutterX: 1,
                 $width: "100%",
-                $height: 250,
+                $height: 240,
                 $flexDirection: "column",
                 $justifyContent: "space-between",
                 children: [
-                  /* @__PURE__ */ e(F, { title: i, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: i }),
-                  /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(R, { height: 272, src: X[r] }) }),
-                  /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", children: r }),
-                    /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
+                  /* @__PURE__ */ e(w, { title: t, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: t }),
+                  /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(S, { height: 272, src: O[o] }) }),
+                  /* @__PURE__ */ r("div", { children: [
+                    /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "BLACK_T_87", children: o }),
+                    /* @__PURE__ */ e(n, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
                   ] })
                 ]
               },
-              a
+              t
             );
           })
         }
       ),
       /* @__PURE__ */ e(
-        O,
+        B,
         {
           $width: "100%",
           $borderColor: "BLACK_T_87",
@@ -82,17 +83,17 @@ const X = {
           $flexGap: 80,
           $background: "WHITE",
           $gap: 25.5,
-          children: T.map((s, a) => {
+          children: T.map((a) => {
             const {
-              star: r,
-              depth_description: i,
+              star: o,
+              depth_description: t,
               star_description: l
-            } = s;
-            return /* @__PURE__ */ t(d, { $width: 88, children: [
-              /* @__PURE__ */ e("img", { src: j[r], height: 24, width: 88 }),
-              /* @__PURE__ */ e(g, { height: 4 }),
+            } = a;
+            return /* @__PURE__ */ r(i, { $width: 88, children: [
+              /* @__PURE__ */ e("img", { src: j[o], height: 24, width: 88 }),
+              /* @__PURE__ */ e(d, { height: 4 }),
               /* @__PURE__ */ e(
-                d,
+                i,
                 {
                   $background: "WHITE_4",
                   $gutterX: 0.25,
@@ -101,12 +102,12 @@ const X = {
                   $alignItems: "center",
                   $width: "fit-content",
                   $alignSelf: "center",
-                  children: /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
+                  children: /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
                 }
               ),
-              /* @__PURE__ */ e(g, { heightX: 1 }),
-              /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", $align: "center", children: i })
-            ] }, a);
+              /* @__PURE__ */ e(d, { heightX: 1 }),
+              /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "BLACK_T_87", $align: "center", children: t })
+            ] }, t);
           })
         }
       )
@@ -114,6 +115,6 @@ const X = {
   ] });
 });
 export {
-  Z as default
+  Y as default
 };
 //# sourceMappingURL=session-insights.js.map