@cuemath/leap 3.5.59 → 3.5.60-link0

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

@@ -1,37 +1,38 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { memo as p, useMemo as f, useCallback as u, useEffect as h } from "react";
+import { memo as p, useMemo as u, useCallback as h, useEffect as g } from "react";
 import { ILLUSTRATIONS as C } from "../../../../assets/illustrations/illustrations.js";
-import { COURSE_STREAMS as g, PREFERENCE_CATEGORY as S } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as E } from "../../../milestone/create/milestone-create-helpers.js";
+import { COURSE_STREAMS as E, PREFERENCE_CATEGORY as S } from "../../../milestone/constants.js";
+import { getPreferencesFromConfig as T } from "../../../milestone/create/milestone-create-helpers.js";
 import b from "../../../ui/image/image.js";
-import x from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
-import A from "../../../ui/layout/flex-view.js";
-import $ from "../../../ui/separator/separator.js";
-import L from "../../../ui/text/text.js";
-import { useTrialSessionContext as O } from "../../context/use-trial-session-context.js";
-import R from "../slide-header/index.js";
-import { Container as T, ContentWrapper as j, ImageWrapper as I } from "./student-personalization-styled.js";
-const H = p(function() {
-  const { formData: m, milestoneConfig: r, updateSlideConfig: t, updateButtonState: i } = O(), { grade: n, personalizedObjectives: a = [] } = m || {}, s = a.length > 0, l = f(
-    () => E(r, {
-      grade: n ?? "",
-      courseStream: g.MATH,
+import $ from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
+import t from "../../../ui/layout/flex-view.js";
+import A from "../../../ui/separator/separator.js";
+import I from "../../../ui/text/text.js";
+import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
+import L from "../slide-header/index.js";
+import { ImageWrapper as O } from "./student-personalization-styled.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as R } from "../../trial-session-constants.js";
+const W = p(function() {
+  const { formData: l, milestoneConfig: r, updateSlideConfig: i, updateButtonState: n } = x(), { grade: a, personalizedObjectives: s = [] } = l || {}, m = s.length > 0, c = u(
+    () => T(r, {
+      grade: a ?? "",
+      courseStream: E.MATH,
       preferenceCategory: S.OBJECTIVES
     }),
-    [n, r]
-  ), d = u(
-    (c) => {
-      t({ personalizedObjectives: c });
+    [a, r]
+  ), d = h(
+    (f) => {
+      i({ personalizedObjectives: f });
     },
-    [t]
+    [i]
   );
-  return h(() => {
-    i("right", { isDisabled: !s, isLoading: !1 });
-  }, [s, i]), /* @__PURE__ */ o(T, { children: [
-    /* @__PURE__ */ e($, { height: 60 }),
-    /* @__PURE__ */ e(R, {}),
-    /* @__PURE__ */ o(j, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: [
-      /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
+  return g(() => {
+    n("right", { isDisabled: !m, isLoading: !1 });
+  }, [m, n]), /* @__PURE__ */ o(t, { $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ e(A, { height: 60 }),
+    /* @__PURE__ */ e(L, {}),
+    /* @__PURE__ */ o(t, { $width: R, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
         b,
         {
           withLoader: !0,
@@ -42,7 +43,7 @@ const H = p(function() {
         }
       ) }),
       /* @__PURE__ */ o(
-        A,
+        t,
         {
           $flexGap: 24,
           $borderColor: "BLACK_1",
@@ -50,14 +51,14 @@ const H = p(function() {
           $gutterX: 1.5,
           $justifyContent: "center",
           children: [
-            /* @__PURE__ */ e(L, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "What would you like your child to work on?" }),
+            /* @__PURE__ */ e(I, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "What would you like your child to work on?" }),
             /* @__PURE__ */ e(
-              x,
+              $,
               {
                 size: "small",
                 renderAs: "black",
-                options: l,
-                value: a,
+                options: c,
+                value: s,
                 onChange: d,
                 optionFlexGap: 16
               }
@@ -69,6 +70,6 @@ const H = p(function() {
   ] });
 });
 export {
-  H as default
+  W as default
 };
 //# sourceMappingURL=student-personalization.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\n\nconst StudentPersonalization = memo(function StudentPersonalization() {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { grade, personalizedObjectives = [] } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedObjectives.length > 0);\n\n  const objectivesList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.OBJECTIVES,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeObjectives = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedObjectives: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image\n            withLoader\n            height={402}\n            width={302}\n            className=\"image\"\n            src={ILLUSTRATIONS.PERSONALIZATION}\n          />\n        </Styled.ImageWrapper>\n        <FlexView\n          $flexGap={24}\n          $borderColor=\"BLACK_1\"\n          $background=\"GREEN_1\"\n          $gutterX={1.5}\n          $justifyContent=\"center\"\n        >\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What would you like your child to work on?\n          </Text>\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={objectivesList}\n            value={personalizedObjectives}\n            onChange={handleChangeObjectives}\n            optionFlexGap={16}\n          />\n        </FlexView>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","personalizedObjectives","hasRequiredFields","objectivesList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","handleChangeObjectives","useCallback","value","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","ILLUSTRATIONS","FlexView","Text","CheckboxInputList"],"mappings":";;;;;;;;;;;;;AAcM,MAAAA,IAAyBC,EAAK,WAAkC;AACpE,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,EAAA,IACpDC,KAEI,EAAE,OAAAC,GAAO,wBAAAC,IAAyB,CAAG,EAAA,IAAIN,KAAY,CAAA,GAErDO,IAA4BD,EAAuB,SAAS,GAE5DE,IAAiBC;AAAA,IACrB,MACEC,EAAyBT,GAAiB;AAAA,MACxC,OAAOI,KAAS;AAAA,MAChB,cAAcM,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IAAA,CACzC;AAAA,IACH,CAACP,GAAOJ,CAAe;AAAA,EAAA,GAGnBY,IAAyBC;AAAA,IAC7B,CAACC,MAAoB;AACD,MAAAb,EAAA,EAAE,wBAAwBa,EAAA,CAAO;AAAA,IACrD;AAAA,IACA,CAACb,CAAiB;AAAA,EAAA;AAGpB,SAAAc,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAY,CAACI,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBJ,CAAiB,CAAC,GAGvC,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,WAAU;AAAA,UACV,KAAKC,EAAc;AAAA,QAAA;AAAA,MAAA,GAEvB;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,cAAa;AAAA,UACb,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAP,EAACQ,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,YACA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,SAASpB;AAAA,gBACT,OAAOF;AAAA,gBACP,UAAUO;AAAA,gBACV,eAAe;AAAA,cAAA;AAAA,YACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst StudentPersonalization = memo(function StudentPersonalization() {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { grade, personalizedObjectives = [] } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedObjectives.length > 0);\n\n  const objectivesList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.OBJECTIVES,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeObjectives = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedObjectives: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image\n            withLoader\n            height={402}\n            width={302}\n            className=\"image\"\n            src={ILLUSTRATIONS.PERSONALIZATION}\n          />\n        </Styled.ImageWrapper>\n        <FlexView\n          $flexGap={24}\n          $borderColor=\"BLACK_1\"\n          $background=\"GREEN_1\"\n          $gutterX={1.5}\n          $justifyContent=\"center\"\n        >\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What would you like your child to work on?\n          </Text>\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={objectivesList}\n            value={personalizedObjectives}\n            onChange={handleChangeObjectives}\n            optionFlexGap={16}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","personalizedObjectives","hasRequiredFields","objectivesList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","handleChangeObjectives","useCallback","value","useEffect","jsxs","FlexView","jsx","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","Styled.ImageWrapper","Image","ILLUSTRATIONS","Text","CheckboxInputList"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,IAAyBC,EAAK,WAAkC;AACpE,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,EAAA,IACpDC,KAEI,EAAE,OAAAC,GAAO,wBAAAC,IAAyB,CAAG,EAAA,IAAIN,KAAY,CAAA,GAErDO,IAA4BD,EAAuB,SAAS,GAE5DE,IAAiBC;AAAA,IACrB,MACEC,EAAyBT,GAAiB;AAAA,MACxC,OAAOI,KAAS;AAAA,MAChB,cAAcM,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IAAA,CACzC;AAAA,IACH,CAACP,GAAOJ,CAAe;AAAA,EAAA,GAGnBY,IAAyBC;AAAA,IAC7B,CAACC,MAAoB;AACD,MAAAb,EAAA,EAAE,wBAAwBa,EAAA,CAAO;AAAA,IACrD;AAAA,IACA,CAACb,CAAiB;AAAA,EAAA;AAGpB,SAAAc,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAY,CAACI,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBJ,CAAiB,CAAC,GAGtC,gBAAAc,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZH,GAAS,EAAA,QAAQI,GAA2B,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,WAAU;AAAA,UACV,KAAKC,EAAc;AAAA,QAAA;AAAA,MAAA,GAEvB;AAAA,MACA,gBAAAR;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,cAAa;AAAA,UACb,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACO,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,YACA,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,SAASnB;AAAA,gBACT,OAAOF;AAAA,gBACP,UAAUO;AAAA,gBACV,eAAe;AAAA,cAAA;AAAA,YACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,46 +1,47 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { memo as N, useMemo as C, useCallback as U, useEffect as f } from "react";
+import { memo as k, useMemo as C, useCallback as U, useEffect as f } from "react";
 import { ILLUSTRATIONS as c } from "../../../../assets/illustrations/illustrations.js";
 import { GOAL_CATEGORY as L } from "../../../milestone/constants.js";
-import W from "../../../ui/error/error.js";
-import v from "../../../ui/image/image.js";
-import A from "../../../ui/layout/flex-view.js";
-import K from "../../../ui/loader/app-loader/app-loader.js";
-import I from "../../../ui/separator/separator.js";
+import v from "../../../ui/error/error.js";
+import K from "../../../ui/image/image.js";
+import I from "../../../ui/layout/flex-view.js";
+import M from "../../../ui/loader/app-loader/app-loader.js";
+import A from "../../../ui/separator/separator.js";
 import u from "../../../ui/text/text.js";
-import { useGetStudentProfileSummary as M } from "../../api/student-profile-summary.js";
-import { useTrialSessionContext as X } from "../../context/use-trial-session-context.js";
-import { getFormattedStudentPersonalizedPreference as y } from "../../helper.js";
-import j from "../slide-header/index.js";
-import { GOAL_MAPPING as z } from "./constant.js";
-import F from "./student-profile-highlights/student-profile-highlights.js";
-import { Container as V, ContentWrapper as b, AbsoluteImage as Y, ImageWrapper as q } from "./student-profile-styled.js";
-import { getDummyProfileImage as J, getMilestoneGoalName as G } from "./student-profile-utils.js";
-const Pe = N(function() {
+import { useGetStudentProfileSummary as X } from "../../api/student-profile-summary.js";
+import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
+import { getFormattedStudentPersonalizedPreference as T } from "../../helper.js";
+import z from "../slide-header/index.js";
+import { GOAL_MAPPING as F } from "./constant.js";
+import V from "./student-profile-highlights/student-profile-highlights.js";
+import { Container as Y, ContentWrapper as y, AbsoluteImage as q, ImageWrapper as J } from "./student-profile-styled.js";
+import { getDummyProfileImage as Q, getMilestoneGoalName as b } from "./student-profile-utils.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as G } from "../../trial-session-constants.js";
+const Se = k(function() {
   const {
     isTeacher: n,
     studentId: p,
     formData: O,
-    slideConfig: T,
+    slideConfig: R,
     milestoneConfig: m,
     updateSlideConfig: g,
     updateButtonState: h
-  } = X(), { showProfileHighlights: r } = T, {
+  } = j(), { showProfileHighlights: r } = R, {
     name: x,
     goals: t = [],
     studentProfile: a,
     personalizedObjectives: P = [],
     personalizedPosition: _ = []
-  } = O || {}, { dummyProfileImageIndex: R, profileSummary: w } = a || {}, B = J(R), l = C(() => t && t.length > 0 ? {
-    school_success_goal: G(t, L.SCHOOL_SUCCESS),
-    test_prep_goal: G(t, L.TEST_PREP)
+  } = O || {}, { dummyProfileImageIndex: w, profileSummary: D } = a || {}, H = Q(w), l = C(() => t && t.length > 0 ? {
+    school_success_goal: b(t, L.SCHOOL_SUCCESS),
+    test_prep_goal: b(t, L.TEST_PREP)
   } : null, [t]), {
     get: S,
-    data: D,
+    data: N,
     isProcessing: s,
-    isProcessed: $,
-    isProcessingFailed: H
-  } = M(), { profile_summary: E } = D || {}, d = U(() => {
+    isProcessed: E,
+    isProcessingFailed: B
+  } = X(), { profile_summary: $ } = N || {}, d = U(() => {
     l && S(p, l);
   }, [S, l, p]);
   f(() => {
@@ -48,18 +49,18 @@ const Pe = N(function() {
   }, [s, h]), f(() => {
     n && !a && !r && d();
   }, [d, n, a, r]), f(() => {
-    n && $ && !r && g({
+    n && E && !r && g({
       studentProfile: {
-        profileSummary: E || "",
+        profileSummary: $ || "",
         dummyProfileImageIndex: Math.floor(Math.random() * 6)
       }
     });
-  }, [$, n, r, E, g]);
-  const k = C(
+  }, [E, n, r, $, g]);
+  const W = C(
     () => [
       {
         title: "Student Level",
-        description: `Catching up: ${y(
+        description: `Catching up: ${T(
           m,
           _
         ).map((o) => o.preference_description)}`,
@@ -70,7 +71,7 @@ const Pe = N(function() {
         illustration: c.ARROW_BOARD_GREEN,
         background: "GREEN_1",
         title: "Goals",
-        description: y(
+        description: T(
           m,
           P
         ).map((o) => o.preference_name)
@@ -80,23 +81,23 @@ const Pe = N(function() {
         background: "PURPLE_1",
         title: "Learning Plan",
         description: t.map(
-          (o) => `${z[o.goal_category]}: ${o.milestone_name}`
+          (o) => `${F[o.goal_category]}: ${o.milestone_name}`
         )
       }
     ],
     [t, m, P, _]
   );
-  return H ? /* @__PURE__ */ e(W, { height: "70vh", onTryAgain: d }) : s || !a && !r ? /* @__PURE__ */ e(K, { height: "100vh" }) : /* @__PURE__ */ i(V, { children: [
-    /* @__PURE__ */ e(I, { height: 60 }),
-    /* @__PURE__ */ e(j, { marginBottom: r ? 50 : 100 }),
-    r ? /* @__PURE__ */ i(b, { $width: 650, children: [
-      /* @__PURE__ */ e(F, { profileHighlights: k }),
-      /* @__PURE__ */ e(I, { height: 16 }),
+  return B ? /* @__PURE__ */ e(v, { height: "70vh", onTryAgain: d }) : s || !a && !r ? /* @__PURE__ */ e(M, { height: "100vh" }) : /* @__PURE__ */ i(Y, { children: [
+    /* @__PURE__ */ e(A, { height: 60 }),
+    /* @__PURE__ */ e(z, { marginBottom: r ? 50 : 100 }),
+    r ? /* @__PURE__ */ i(y, { $width: G - 100, children: [
+      /* @__PURE__ */ e(V, { profileHighlights: W }),
+      /* @__PURE__ */ e(A, { height: 16 }),
       /* @__PURE__ */ e(u, { $renderAs: "ub3", $color: "BLACK_T_60", $align: "center", children: "We can always revisit this later" })
-    ] }) : /* @__PURE__ */ i(b, { $widthX: 46.875, children: [
-      /* @__PURE__ */ e(Y, {}),
+    ] }) : /* @__PURE__ */ i(y, { $width: G, children: [
+      /* @__PURE__ */ e(q, {}),
       /* @__PURE__ */ i(
-        A,
+        I,
         {
           $width: "100%",
           $heightX: 21.875,
@@ -108,10 +109,10 @@ const Pe = N(function() {
           $borderColor: "BLACK_T_87",
           $borderRadiusX: 0.5,
           children: [
-            /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(v, { withLoader: !0, height: 200, width: 200, src: B }) }),
-            /* @__PURE__ */ i(A, { $flexGap: 16, children: [
+            /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(K, { withLoader: !0, height: 200, width: 200, src: H }) }),
+            /* @__PURE__ */ i(I, { $flexGap: 16, children: [
               /* @__PURE__ */ e(u, { $renderAs: "ac2-black", children: x }),
-              /* @__PURE__ */ e(u, { $renderAs: "ab1", children: w || "" })
+              /* @__PURE__ */ e(u, { $renderAs: "ab1", children: D || "" })
             ] })
           ]
         }
@@ -120,6 +121,6 @@ const Pe = N(function() {
   ] });
 });
 export {
-  Pe as default
+  Se as default
 };
 //# sourceMappingURL=student-profile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { TColorNames } from '../../../ui/types';\nimport {\n  useGetStudentProfileSummary,\n  type IGetStudentProfileSummaryQuery,\n} from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { GOAL_MAPPING } from './constant';\nimport StudentProfileHighlights from './student-profile-highlights/student-profile-highlights';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst StudentProfile = memo(function StudentProfile() {\n  const {\n    isTeacher,\n    studentId,\n    formData,\n    slideConfig,\n    milestoneConfig,\n    updateSlideConfig,\n    updateButtonState,\n  } = useTrialSessionContext();\n  const { showProfileHighlights } = slideConfig;\n\n  const {\n    name,\n    goals = [],\n    studentProfile,\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile && !showProfileHighlights) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile, showProfileHighlights]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed && !showProfileHighlights) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, showProfileHighlights, studentProfileSummary, updateSlideConfig]);\n\n  const profileHighlights: TProfileHighlight[] = useMemo(\n    () => [\n      {\n        title: 'Student Level',\n        description: `Catching up: ${getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedPosition,\n        ).map(objectives => objectives.preference_description)}`,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedObjectives,\n        ).map(objectives => objectives.preference_name),\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: goals.map(\n          goal => `${GOAL_MAPPING[goal.goal_category as TGoalCategory]}: ${goal.milestone_name}`,\n        ),\n      },\n    ],\n    [goals, milestoneConfig, personalizedObjectives, personalizedPosition],\n  );\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || (!studentProfile && !showProfileHighlights)) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={showProfileHighlights ? 50 : 100} />\n      {showProfileHighlights ? (\n        <Styled.ContentWrapper $width={650}>\n          <StudentProfileHighlights profileHighlights={profileHighlights} />\n          <Separator height={16} />\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\" $align=\"center\">\n            We can always revisit this later\n          </Text>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper $widthX={46.875}>\n          <Styled.AbsoluteImage />\n          <FlexView\n            $width=\"100%\"\n            $heightX={21.875}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGapX={1.5}\n            $gutterX={1.5}\n            $background=\"WHITE_2\"\n            $borderColor=\"BLACK_T_87\"\n            $borderRadiusX={0.5}\n          >\n            <Styled.ImageWrapper>\n              <Image withLoader height={200} width={200} src={dummyProfileImage} />\n            </Styled.ImageWrapper>\n            <FlexView $flexGap={16}>\n              <Text $renderAs=\"ac2-black\">{name}</Text>\n              <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","slideConfig","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","showProfileHighlights","name","goals","studentProfile","personalizedObjectives","personalizedPosition","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","profileHighlights","getFormattedStudentPersonalizedPreference","objectives","ILLUSTRATIONS","goal","GOAL_MAPPING","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","StudentProfileHighlights","Text","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image"],"mappings":"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"}
+{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { TColorNames } from '../../../ui/types';\nimport {\n  useGetStudentProfileSummary,\n  type IGetStudentProfileSummaryQuery,\n} from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { GOAL_MAPPING } from './constant';\nimport StudentProfileHighlights from './student-profile-highlights/student-profile-highlights';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst StudentProfile = memo(function StudentProfile() {\n  const {\n    isTeacher,\n    studentId,\n    formData,\n    slideConfig,\n    milestoneConfig,\n    updateSlideConfig,\n    updateButtonState,\n  } = useTrialSessionContext();\n  const { showProfileHighlights } = slideConfig;\n\n  const {\n    name,\n    goals = [],\n    studentProfile,\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile && !showProfileHighlights) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile, showProfileHighlights]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed && !showProfileHighlights) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, showProfileHighlights, studentProfileSummary, updateSlideConfig]);\n\n  const profileHighlights: TProfileHighlight[] = useMemo(\n    () => [\n      {\n        title: 'Student Level',\n        description: `Catching up: ${getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedPosition,\n        ).map(objectives => objectives.preference_description)}`,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedObjectives,\n        ).map(objectives => objectives.preference_name),\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: goals.map(\n          goal => `${GOAL_MAPPING[goal.goal_category as TGoalCategory]}: ${goal.milestone_name}`,\n        ),\n      },\n    ],\n    [goals, milestoneConfig, personalizedObjectives, personalizedPosition],\n  );\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || (!studentProfile && !showProfileHighlights)) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={showProfileHighlights ? 50 : 100} />\n      {showProfileHighlights ? (\n        <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH - 100}>\n          <StudentProfileHighlights profileHighlights={profileHighlights} />\n          <Separator height={16} />\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\" $align=\"center\">\n            We can always revisit this later\n          </Text>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH}>\n          <Styled.AbsoluteImage />\n          <FlexView\n            $width=\"100%\"\n            $heightX={21.875}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGapX={1.5}\n            $gutterX={1.5}\n            $background=\"WHITE_2\"\n            $borderColor=\"BLACK_T_87\"\n            $borderRadiusX={0.5}\n          >\n            <Styled.ImageWrapper>\n              <Image withLoader height={200} width={200} src={dummyProfileImage} />\n            </Styled.ImageWrapper>\n            <FlexView $flexGap={16}>\n              <Text $renderAs=\"ac2-black\">{name}</Text>\n              <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","slideConfig","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","showProfileHighlights","name","goals","studentProfile","personalizedObjectives","personalizedPosition","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","profileHighlights","getFormattedStudentPersonalizedPreference","objectives","ILLUSTRATIONS","goal","GOAL_MAPPING","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","RIGHT_PANEL_CONTENT_WIDTH","StudentProfileHighlights","Text","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image"],"mappings":"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"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js

@@ -1,20 +1,21 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { memo as n } from "react";
-import m from "../../../ui/separator/separator.js";
+import { memo as m } from "react";
+import n from "../../../ui/separator/separator.js";
 import { useTrialSessionContext as f } from "../../context/use-trial-session-context.js";
 import a from "../communication-slide/index.js";
 import p from "../slide-header/index.js";
 import { Container as c, ContentWrapper as h } from "./teacher-intro-styled.js";
 import s from "./teacher-profile/teacher-profile.js";
-const j = n(function() {
-  const { slideConfig: e } = f(), { renderAVIn: o, teacher_profile: t } = e || {};
-  return o === "right" ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(m, { height: 60 }),
+import { RIGHT_PANEL_CONTENT_WIDTH as l } from "../../trial-session-constants.js";
+const N = m(function() {
+  const { slideConfig: o } = f(), { renderAVIn: e, teacher_profile: t } = o || {};
+  return e === "right" ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ r(n, { height: 60 }),
     /* @__PURE__ */ r(p, {}),
-    /* @__PURE__ */ r(h, { $width: 750, children: /* @__PURE__ */ r(s, { teacherProfile: t }) })
+    /* @__PURE__ */ r(h, { $width: l, children: /* @__PURE__ */ r(s, { teacherProfile: t }) })
   ] });
 });
 export {
-  j as default
+  N as default
 };
 //# sourceMappingURL=teacher-intro.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './teacher-intro-styled';\nimport TeacherProfile from './teacher-profile/teacher-profile';\n\nconst TeacherIntro = memo(function TeacherIntro() {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750}>\n        <TeacherProfile teacherProfile={teacherProfile} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","TeacherProfile"],"mappings":";;;;;;;;AASM,MAAAA,IAAeC,EAAK,WAAwB;AAC1C,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,YAAAC,GAAY,iBAAiBC,EAAe,IAAIH,KAAe,CAAA;AAEvE,SAAIE,MAAe,UAAgB,gBAAAE,EAACC,GAAmB,CAAA,CAAA,IAGrD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAL,EAACM,GAAA,EAAsB,QAAQ,KAC7B,UAAA,gBAAAN,EAACO,GAAe,EAAA,gBAAAR,EAAgC,CAAA,GAClD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './teacher-intro-styled';\nimport TeacherProfile from './teacher-profile/teacher-profile';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst TeacherIntro = memo(function TeacherIntro() {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH}>\n        <TeacherProfile teacherProfile={teacherProfile} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","RIGHT_PANEL_CONTENT_WIDTH","TeacherProfile"],"mappings":";;;;;;;;;AAUM,MAAAA,IAAeC,EAAK,WAAwB;AAC1C,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,YAAAC,GAAY,iBAAiBC,EAAe,IAAIH,KAAe,CAAA;AAEvE,SAAIE,MAAe,UAAgB,gBAAAE,EAACC,GAAmB,CAAA,CAAA,IAGrD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAL,EAACM,GAAA,EAAsB,QAAQC,GAC7B,UAAA,gBAAAP,EAACQ,GAAe,EAAA,gBAAAT,EAAgC,CAAA,GAClD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/test-prep/test-prep-styled.js

@@ -1,34 +1,26 @@
-import o from "styled-components";
+import t from "styled-components";
 import r from "../../../ui/layout/flex-view.js";
-const n = o.div`
-  width: 100%;
-  height: 100%;
-`, p = o(r)`
-  width: 750px;
-  margin: auto;
-`, a = o.div(
-  ({ theme: t }) => `
+const l = t.div(
+  ({ theme: o }) => `
   position: relative;
-  width: ${t.layout.gutter * 18.75}px;
-  height: ${t.layout.gutter * 25}px;
-  border: 1px solid ${t.colors.BLACK_1};
+  width: ${o.layout.gutter * 18.75}px;
+  height: ${o.layout.gutter * 25}px;
+  border: 1px solid ${o.colors.BLACK_1};
   overflow: hidden;
   .image {
     position: absolute;
-    top: -${t.layout.gutter * 0.15625}px;
-    left: -${t.layout.gutter * 0.125}px;
+    top: -${o.layout.gutter * 0.15625}px;
+    left: -${o.layout.gutter * 0.125}px;
     right: 0;
     bottom: 0;
   }
 `
-), l = o(r)`
+), p = t(r)`
   flex-grow: 1;
   border-left: none;
 `;
 export {
-  n as Container,
-  p as ContentWrapper,
-  a as ImageWrapper,
-  l as InputContainer
+  l as ImageWrapper,
+  p as InputContainer
 };
 //# sourceMappingURL=test-prep-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"test-prep-styled.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep-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  overflow: hidden;\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;AAAA,YAI9BA,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":"test-prep-styled.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\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  overflow: hidden;\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 { ImageWrapper, InputContainer };\n"],"names":["ImageWrapper","styled","theme","InputContainer","FlexView"],"mappings":";;AAIA,MAAMA,IAAeC,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,YAI9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBF,EAAOG,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/test-prep/test-prep.js

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

package/dist/features/trial-session/comps/test-prep/test-prep.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\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 Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(function TestPrep() {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\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 { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [countryCode, enrollmentType, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\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.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAWC,EAAK,WAAoB;AACxC,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAJ,GAChE,EAAE,iBAAiBK,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUZ,KAAY,CAAA,GAC/Ba,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GAExCU,IAAYC;AAAA,IAChB,MACEC,EAAmBlB,GAAiB;AAAA,MAClC,aAAAW;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACG,GAAaH,GAAgBI,GAAOZ,GAAiBS,CAAM;AAAA,EAAA,GAGxD,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBf,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACd,GAAOC,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA4B,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,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\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 Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst TestPrep = memo(function TestPrep() {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\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 { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [countryCode, enrollmentType, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </FlexView>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </FlexView>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","FlexView","jsx","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;;;AAkBM,MAAAA,KAAWC,EAAK,WAAoB;AACxC,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAJ,GAChE,EAAE,iBAAiBK,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUZ,KAAY,CAAA,GAC/Ba,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GAExCU,IAAYC;AAAA,IAChB,MACEC,EAAmBlB,GAAiB;AAAA,MAClC,aAAAW;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACG,GAAaH,GAAgBI,GAAOZ,GAAiBS,CAAM;AAAA,EAAA,GAGxD,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBf,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACd,GAAOC,GAAOZ,CAAiB;AAAA,EAAA;AAGlC,SACG,gBAAA4B,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZH,GAAS,EAAA,QAAQI,GAA2B,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}