@cuemath/leap 3.3.1 → 3.3.2

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

@@ -1,141 +1,74 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as T, useMemo as a, useCallback as d, useEffect as K } from "react";
-import { COURSE_STREAMS as c, PREFERENCE_CATEGORY as u } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as m } from "../../../milestone/create/milestone-create-helpers.js";
-import h from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
-import s from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import { useTrialSessionContext as R } from "../../context/use-trial-session-context.js";
-import y from "../slide-header/index.js";
-import { Container as F, ContentWrapper as k } from "./student-personalization-styled.js";
-const U = T(() => {
-  const { formData: g, milestoneConfig: l, updateSlideConfig: t, updateButtonState: p } = R(), {
-    name: A,
-    grade: i,
-    personalizedLevel: C = [],
-    personalizedFocus: b = [],
-    personalizedBehaviors: $ = []
-  } = g || {}, f = C.length > 0, S = a(
-    () => m(l, {
-      grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.LEVEL
-    }).map(({ id: r, label: x, description: z }) => ({
-      id: r,
-      label: /* @__PURE__ */ n(o, { $renderAs: "ub3", children: [
-        /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK_1", $inline: !0, children: x }),
-        " ",
-        "- ",
-        z
-      ] })
-    })),
-    [i, l]
-  ), L = a(
-    () => m(l, {
-      grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.FOCUS
+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 { 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 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 W = p(() => {
+  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,
+      preferenceCategory: S.OBJECTIVES
     }),
-    [i, l]
-  ), v = a(
-    () => m(l, {
-      grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.BEHAVIOR
-    }),
-    [i, l]
-  ), B = d(
-    (r) => {
-      t({ personalizedLevel: r });
-    },
-    [t]
-  ), _ = d(
-    (r) => {
-      t({ personalizedFocus: r });
-    },
-    [t]
-  ), E = d(
-    (r) => {
-      t({ personalizedBehaviors: r });
+    [n, r]
+  ), d = u(
+    (c) => {
+      t({ personalizedObjectives: c });
     },
     [t]
   );
-  return K(() => {
-    p("right", { isDisabled: !f, isLoading: !1 });
-  }, [f, p]), /* @__PURE__ */ n(F, { children: [
-    /* @__PURE__ */ e(s, { height: 60 }),
-    /* @__PURE__ */ e(y, {}),
-    /* @__PURE__ */ n(
-      k,
-      {
-        $width: 750,
-        $flexDirection: "column",
-        $justifyContent: "center",
-        $flexGap: 24,
-        $borderColor: "BLACK_1",
-        $background: "GREEN_1",
-        $gapX: 1.5,
-        $gutterX: 2.5,
-        children: [
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ n(o, { $renderAs: "ab2-bold", $color: "BLACK_1", children: [
-              "How would you describe ",
-              A,
-              "’s current level?"
-            ] }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Select one)" }),
-            /* @__PURE__ */ e(s, { height: 12 }),
-            /* @__PURE__ */ e(
-              h,
-              {
-                size: "small",
-                renderAs: "black",
-                options: S,
-                value: C,
-                onChange: B,
-                maximumSelection: 1
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "What should we focus on?" }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Select all that apply)" }),
-            /* @__PURE__ */ e(s, { height: 12 }),
-            /* @__PURE__ */ e(
-              h,
-              {
-                size: "small",
-                renderAs: "black",
-                numColumns: 4,
-                options: L,
-                value: b,
-                onChange: _
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "Should we focus on any learning behaviors?" }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Select upto 2)" }),
-            /* @__PURE__ */ e(s, { height: 12 }),
+  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(
+        b,
+        {
+          withLoader: !0,
+          height: 402,
+          width: 302,
+          className: "image",
+          src: C.PERSONALIZATION
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        A,
+        {
+          $flexGap: 24,
+          $borderColor: "BLACK_1",
+          $background: "GREEN_1",
+          $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(
-              h,
+              x,
               {
                 size: "small",
                 renderAs: "black",
-                numColumns: 3,
-                options: v,
-                value: $,
-                onChange: E,
-                maximumSelection: 2
+                options: l,
+                value: a,
+                onChange: d,
+                optionFlexGap: 16
               }
             )
-          ] })
-        ]
-      }
-    )
+          ]
+        }
+      )
+    ] })
   ] });
 });
 export {
-  U 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 { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\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(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const {\n    name,\n    grade,\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n  } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }).map(({ id, label, description }) => ({\n        id,\n        label: (\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\" $inline>\n              {label}\n            </Text>{' '}\n            - {description}\n          </Text>\n        ),\n      })),\n    [grade, milestoneConfig],\n  );\n\n  const focusList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.FOCUS,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const behaviorsList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.BEHAVIOR,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeLevel = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedLevel: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeFocus = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedFocus: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeBehaviors = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedBehaviors: 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\n        $width={750}\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $flexGap={24}\n        $borderColor=\"BLACK_1\"\n        $background=\"GREEN_1\"\n        $gapX={1.5}\n        $gutterX={2.5}\n      >\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            How would you describe {name}’s current level?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select one)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={levelList}\n            value={personalizedLevel}\n            onChange={handleChangeLevel}\n            maximumSelection={1}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What should we focus on?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select all that apply)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={4}\n            options={focusList}\n            value={personalizedFocus}\n            onChange={handleChangeFocus}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            Should we focus on any learning behaviors?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select upto 2)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={3}\n            options={behaviorsList}\n            value={personalizedBehaviors}\n            onChange={handleChangeBehaviors}\n            maximumSelection={2}\n          />\n        </div>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","name","grade","personalizedLevel","personalizedFocus","personalizedBehaviors","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","id","label","description","jsxs","Text","jsx","focusList","behaviorsList","handleChangeLevel","useCallback","value","handleChangeFocus","handleChangeBehaviors","useEffect","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","CheckboxInputList"],"mappings":"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"}
+{"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(() => {\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,MAAM;AACxC,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;"}

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

@@ -0,0 +1,10 @@
+import { GOAL_CATEGORY as E } from "../../../milestone/constants.js";
+const S = {
+  [E.SCHOOL_SUCCESS]: "School",
+  [E.TEST_PREP]: "Test Prep",
+  [E.ENRICHMENT]: "Enrichment"
+};
+export {
+  S as GOAL_MAPPING
+};
+//# sourceMappingURL=constant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../src/features/trial-session/comps/student-profile/constant.ts"],"sourcesContent":["import { GOAL_CATEGORY } from '../../../milestone/constants';\n\nexport const GOAL_MAPPING = {\n  [GOAL_CATEGORY.SCHOOL_SUCCESS]: 'School',\n  [GOAL_CATEGORY.TEST_PREP]: 'Test Prep',\n  [GOAL_CATEGORY.ENRICHMENT]: 'Enrichment',\n};\n"],"names":["GOAL_MAPPING","GOAL_CATEGORY"],"mappings":";AAEO,MAAMA,IAAe;AAAA,EAC1B,CAACC,EAAc,cAAc,GAAG;AAAA,EAChC,CAACA,EAAc,SAAS,GAAG;AAAA,EAC3B,CAACA,EAAc,UAAU,GAAG;AAC9B;"}

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

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { memo as d } from "react";
+import c from "styled-components";
+import a from "../../../../ui/image/image.js";
+import o from "../../../../ui/layout/flex-view.js";
+import n from "../../../../ui/text/text.js";
+const m = c(o)`
+  &:not(:last-child) {
+    border-bottom: 1px solid ${({ theme: t }) => t.colors.BLACK_1};
+  }
+`, s = d(
+  ({ profileHighlights: t }) => /* @__PURE__ */ e(o, { $borderColor: "BLACK_1", children: t.map((r) => /* @__PURE__ */ l(
+    m,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $justifyContent: "flex-start",
+      $gapX: 1,
+      $gutterX: 1,
+      $flexGapX: 1.5,
+      $background: r.background,
+      children: [
+        /* @__PURE__ */ e(a, { src: r.illustration, alt: r.title, height: 96, width: 96 }),
+        /* @__PURE__ */ l(o, { $flexDirection: "column", $flex: 1, $flexGap: 2, children: [
+          /* @__PURE__ */ e(n, { $renderAs: "ac3-black", children: r.title }),
+          /* @__PURE__ */ e(n, { $renderAs: "ab2", children: typeof r.description == "string" ? r.description : r.description.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) })
+        ] })
+      ]
+    },
+    r.title
+  )) })
+);
+s.displayName = "StudentProfileHighlights";
+const y = s;
+export {
+  y as default
+};
+//# sourceMappingURL=student-profile-highlights.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-highlights.js","sources":["../../../../../../src/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst HighlightWrapper = styled(FlexView)`\n  &:not(:last-child) {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK_1};\n  }\n`;\n\ninterface IStudentProfileHighlightsProps {\n  profileHighlights: TProfileHighlight[];\n}\n\nconst StudentProfileHighlights: FC<IStudentProfileHighlightsProps> = memo(\n  ({ profileHighlights }) => {\n    return (\n      <FlexView $borderColor=\"BLACK_1\">\n        {profileHighlights.map(highlight => (\n          <HighlightWrapper\n            key={highlight.title}\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"flex-start\"\n            $gapX={1}\n            $gutterX={1}\n            $flexGapX={1.5}\n            $background={highlight.background}\n          >\n            <Image src={highlight.illustration} alt={highlight.title} height={96} width={96} />\n            <FlexView $flexDirection=\"column\" $flex={1} $flexGap={2}>\n              <Text $renderAs=\"ac3-black\">{highlight.title}</Text>\n              <Text $renderAs=\"ab2\">\n                {typeof highlight.description === 'string'\n                  ? highlight.description\n                  : highlight.description.map(desc => <li key={desc}>{desc}</li>)}\n              </Text>\n            </FlexView>\n          </HighlightWrapper>\n        ))}\n      </FlexView>\n    );\n  },\n);\n\nStudentProfileHighlights.displayName = 'StudentProfileHighlights';\n\nexport default StudentProfileHighlights;\n"],"names":["HighlightWrapper","styled","FlexView","theme","StudentProfileHighlights","memo","profileHighlights","highlight","jsxs","jsx","Image","Text","desc","StudentProfileHighlights$1"],"mappings":";;;;;;AAiBA,MAAMA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,+BAET,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAQ5DC,IAA+DC;AAAA,EACnE,CAAC,EAAE,mBAAAC,EAAA,wBAEEJ,GAAS,EAAA,cAAa,WACpB,UAAAI,EAAkB,IAAI,CACrBC,MAAA,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAaO,EAAU;AAAA,MAEvB,UAAA;AAAA,QAAC,gBAAAE,EAAAC,GAAA,EAAM,KAAKH,EAAU,cAAc,KAAKA,EAAU,OAAO,QAAQ,IAAI,OAAO,GAAI,CAAA;AAAA,0BAChFL,GAAS,EAAA,gBAAe,UAAS,OAAO,GAAG,UAAU,GACpD,UAAA;AAAA,UAAA,gBAAAO,EAACE,GAAK,EAAA,WAAU,aAAa,UAAAJ,EAAU,OAAM;AAAA,4BAC5CI,GAAK,EAAA,WAAU,OACb,UAAO,OAAAJ,EAAU,eAAgB,WAC9BA,EAAU,cACVA,EAAU,YAAY,IAAI,CAAQK,MAAA,gBAAAH,EAAC,QAAe,UAAPG,EAAA,GAAAA,CAAY,CAAK,EAClE,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAjBKL,EAAU;AAAA,EAmBlB,CAAA,EACH,CAAA;AAGN;AAEAH,EAAyB,cAAc;AAEvC,MAAAS,IAAeT;"}

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

@@ -1,48 +1,95 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { memo as b, useMemo as A, useCallback as E, useEffect as s } from "react";
-import { GOAL_CATEGORY as g } from "../../../milestone/constants.js";
-import w from "../../../ui/error/error.js";
-import G from "../../../ui/image/image.js";
-import h from "../../../ui/layout/flex-view.js";
-import L from "../../../ui/loader/app-loader/app-loader.js";
-import D from "../../../ui/separator/separator.js";
-import S from "../../../ui/text/text.js";
-import { useGetStudentProfileSummary as X } from "../../api/student-profile-summary.js";
-import { useTrialSessionContext as M } from "../../context/use-trial-session-context.js";
-import O from "../slide-header/index.js";
-import { Container as k, ContentWrapper as B, AbsoluteImage as H, ImageWrapper as R } from "./student-profile-styled.js";
-import { getDummyProfileImage as W, getMilestoneGoalName as P } from "./student-profile-utils.js";
-const re = b(() => {
-  const { isTeacher: t, studentId: l, formData: $, updateSlideConfig: d, updateButtonState: f } = M(), { name: y, goals: r, studentProfile: o } = $ || {}, { dummyProfileImageIndex: I, profileSummary: x } = o || {}, C = W(I), m = A(() => r && r.length > 0 ? {
-    school_success_goal: P(r, g.SCHOOL_SUCCESS),
-    test_prep_goal: P(r, g.TEST_PREP)
-  } : null, [r]), {
-    get: u,
-    data: _,
-    isProcessing: a,
-    isProcessed: c,
-    isProcessingFailed: T
-  } = X(), { profile_summary: p } = _ || {}, n = E(() => {
-    m && u(l, m);
-  }, [u, m, l]);
-  return s(() => {
-    f("right", { isDisabled: a, isLoading: !1 });
-  }, [a, f]), s(() => {
-    t && !o && n();
-  }, [n, t, o]), s(() => {
-    t && c && d({
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { memo as H, useMemo as L, useCallback as k, useEffect as d } from "react";
+import { ILLUSTRATIONS as f } from "../../../../assets/illustrations/illustrations.js";
+import { GOAL_CATEGORY as $ } from "../../../milestone/constants.js";
+import N from "../../../ui/error/error.js";
+import U from "../../../ui/image/image.js";
+import C from "../../../ui/layout/flex-view.js";
+import v from "../../../ui/loader/app-loader/app-loader.js";
+import M from "../../../ui/separator/separator.js";
+import I from "../../../ui/text/text.js";
+import { useGetStudentProfileSummary as W } from "../../api/student-profile-summary.js";
+import { useTrialSessionContext as X } from "../../context/use-trial-session-context.js";
+import { getFormattedStudentPersonalizedPreference as K } 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 y, AbsoluteImage as Y, ImageWrapper as q } from "./student-profile-styled.js";
+import { getDummyProfileImage as J, getMilestoneGoalName as A } from "./student-profile-utils.js";
+const he = H(() => {
+  const {
+    isTeacher: o,
+    studentId: u,
+    formData: b,
+    slideConfig: G,
+    milestoneConfig: c,
+    updateSlideConfig: p,
+    updateButtonState: g
+  } = X(), { showProfileHighlights: r } = G, {
+    name: O,
+    goals: t = [],
+    studentProfile: i,
+    personalizedLevel: h = [],
+    personalizedObjectives: P = []
+  } = b || {}, { dummyProfileImageIndex: x, profileSummary: R } = i || {}, T = J(x), m = L(() => t && t.length > 0 ? {
+    school_success_goal: A(t, $.SCHOOL_SUCCESS),
+    test_prep_goal: A(t, $.TEST_PREP)
+  } : null, [t]), {
+    get: S,
+    data: w,
+    isProcessing: l,
+    isProcessed: _,
+    isProcessingFailed: D
+  } = W(), { profile_summary: E } = w || {}, s = k(() => {
+    m && S(u, m);
+  }, [S, m, u]);
+  d(() => {
+    g("right", { isDisabled: l, isLoading: !1 });
+  }, [l, g]), d(() => {
+    o && !i && !r && s();
+  }, [s, o, i, r]), d(() => {
+    o && _ && !r && p({
       studentProfile: {
-        profileSummary: p || "",
+        profileSummary: E || "",
         dummyProfileImageIndex: Math.floor(Math.random() * 6)
       }
     });
-  }, [c, t, p, d]), T ? /* @__PURE__ */ e(w, { height: "70vh", onTryAgain: n }) : a || !o ? /* @__PURE__ */ e(L, { height: "100vh" }) : /* @__PURE__ */ i(k, { children: [
-    /* @__PURE__ */ e(D, { height: 60 }),
-    /* @__PURE__ */ e(O, { marginBottom: 100 }),
-    /* @__PURE__ */ i(B, { $widthX: 46.875, children: [
-      /* @__PURE__ */ e(H, {}),
-      /* @__PURE__ */ i(
-        h,
+  }, [_, o, r, E, p]);
+  const B = L(
+    () => [
+      {
+        title: "Studnet Level",
+        description: `Catching up: ${h[0]}`,
+        illustration: f.KNOWLEDGE_BLUE,
+        background: "BLUE_1"
+      },
+      {
+        illustration: f.ARROW_BOARD_GREEN,
+        background: "GREEN_1",
+        title: "Goals",
+        description: K(
+          c,
+          P
+        ).map((n) => n.preference_name)
+      },
+      {
+        illustration: f.BOOK_CHECKED_PURPLE,
+        background: "PURPLE_1",
+        title: "Learning Plan",
+        description: t.map(
+          (n) => `${z[n.goal_category]}: ${n.milestone_name}`
+        )
+      }
+    ],
+    [t, c, h, P]
+  );
+  return D ? /* @__PURE__ */ e(N, { height: "70vh", onTryAgain: s }) : l || !i && !r ? /* @__PURE__ */ e(v, { height: "100vh" }) : /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ e(M, { height: 60 }),
+    /* @__PURE__ */ e(j, { marginBottom: r ? 50 : 100 }),
+    r ? /* @__PURE__ */ e(y, { $width: 650, children: /* @__PURE__ */ e(F, { profileHighlights: B }) }) : /* @__PURE__ */ a(y, { $widthX: 46.875, children: [
+      /* @__PURE__ */ e(Y, {}),
+      /* @__PURE__ */ a(
+        C,
         {
           $width: "100%",
           $heightX: 21.875,
@@ -54,10 +101,10 @@ const re = b(() => {
           $borderColor: "BLACK_T_87",
           $borderRadiusX: 0.5,
           children: [
-            /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 200, width: 200, src: C }) }),
-            /* @__PURE__ */ i(h, { $flexGap: 16, children: [
-              /* @__PURE__ */ e(S, { $renderAs: "ac2-black", children: y }),
-              /* @__PURE__ */ e(S, { $renderAs: "ab1", children: x || "" })
+            /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(U, { withLoader: !0, height: 200, width: 200, src: T }) }),
+            /* @__PURE__ */ a(C, { $flexGap: 16, children: [
+              /* @__PURE__ */ e(I, { $renderAs: "ac2-black", children: O }),
+              /* @__PURE__ */ e(I, { $renderAs: "ab1", children: R || "" })
             ] })
           ]
         }
@@ -66,6 +113,6 @@ const re = b(() => {
   ] });
 });
 export {
-  re as default
+  he 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 type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\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 { useGetStudentProfileSummary } from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\nconst StudentProfile = memo(() => {\n  const { isTeacher, studentId, formData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { name, goals, studentProfile } = 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) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, studentProfileSummary, updateSlideConfig]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !studentProfile) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={100} />\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    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","updateSlideConfig","updateButtonState","useTrialSessionContext","name","goals","studentProfile","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,KAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,mBAAAC,GAAmB,mBAAAC,EAAA,IACzDC,KAEI,EAAE,MAAAC,GAAM,OAAAC,GAAO,gBAAAC,EAAe,IAAIN,KAAY,CAAA,GAC9C,EAAE,wBAAAO,GAAwB,gBAAAC,MAAmBF,KAAkB,CAAA,GAC/DG,IAAoBC,EAAqBH,CAAsB,GAE/DI,IAAUC,EAA+C,MACzDP,KAASA,EAAM,SAAS,IACnB;AAAA,IACL,qBAAqBQ,EAAqBR,GAAOS,EAAc,cAAc;AAAA,IAC7E,gBAAgBD,EAAqBR,GAAOS,EAAc,SAAS;AAAA,EAAA,IAIhE,MACN,CAACT,CAAK,CAAC,GAEJ;AAAA,IACJ,KAAKU;AAAA,IACL,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAA4B,GAC1B,EAAE,iBAAiBC,MAA0BL,KAAQ,CAAA,GAErDM,IAAYC,EAAY,MAAM;AAClC,IAAIZ,KACFI,EAAyBhB,GAAWY,CAAO;AAAA,EAE5C,GAAA,CAACI,GAA0BJ,GAASZ,CAAS,CAAC;AAuBjD,SArBAyB,EAAU,MAAM;AACd,IAAAtB,EAAkB,SAAS,EAAE,YAAYe,GAAc,WAAW,IAAO;AAAA,EAAA,GACxE,CAACA,GAAcf,CAAiB,CAAC,GAEpCsB,EAAU,MAAM;AACV,IAAA1B,KAAa,CAACQ,KACNgB;EAEX,GAAA,CAACA,GAAWxB,GAAWQ,CAAc,CAAC,GAEzCkB,EAAU,MAAM;AACd,IAAI1B,KAAaoB,KACGjB,EAAA;AAAA,MAChB,gBAAgB;AAAA,QACd,gBAAgBoB,KAAyB;AAAA,QACzC,wBAAwB,KAAK,MAAM,KAAK,OAAA,IAAW,CAAC;AAAA,MACtD;AAAA,IAAA,CACD;AAAA,KAEF,CAACH,GAAapB,GAAWuB,GAAuBpB,CAAiB,CAAC,GAEjEkB,IACM,gBAAAM,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDL,KAAgB,CAACX,IACZ,gBAAAmB,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,IAAK,CAAA;AAAA,IAC/B,gBAAAH,EAAAI,GAAA,EAAsB,SAAS,QAC9B,UAAA;AAAA,MAAC,gBAAAP,EAAAQ,GAAA,EAAqB;AAAA,MACtB,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,gBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAM,EAAA,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAK3B,EAAmB,CAAA,GACrE;AAAA,YACA,gBAAAmB,EAACM,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,cAAC,gBAAAT,EAAAY,GAAA,EAAK,WAAU,aAAa,UAAKjC,GAAA;AAAA,cACjC,gBAAAqB,EAAAY,GAAA,EAAK,WAAU,OAAO,eAAkB,IAAG;AAAA,YAAA,GAC9C;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport type { TColorNames } from '../../../ui/types';\nimport type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\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 { useGetStudentProfileSummary } 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(() => {\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    personalizedLevel = [],\n    personalizedObjectives = [],\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: 'Studnet Level',\n        description: `Catching up: ${personalizedLevel[0]}`,\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, personalizedLevel, personalizedObjectives],\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        </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","personalizedLevel","personalizedObjectives","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","profileHighlights","ILLUSTRATIONS","getFormattedStudentPersonalizedPreference","objectives","goal","GOAL_MAPPING","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","StudentProfileHighlights","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":"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"}