@cuemath/leap 3.3.35 → 3.3.36

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

@@ -1 +1 @@
-{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { 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 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 { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\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 withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\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 StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","stream","regionData","countryCode","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,EAAa,IAAAJ,GAC1B,EAAE,QAAAK,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAYC;AAAA,IAChB,MACEC,EAAmBZ,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOL,KAAS;AAAA,MAChB,cAAcS,EAAc;AAAA,MAC5B,cAAcN;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACP,GAAiBS,GAAaL,GAAOG,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWO,EAAA,IAAiBH;AAAA,IAClC,OAAMN,KAAA,gBAAAA,EAAO,KAAK,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACR,CAAK;AAAA,EAAA,GAGFW,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBf,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAwB;AAEnD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBlB,GAAOQ,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACjB,GAAOJ,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,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,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;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,OAAOrB;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,gBAAAW,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":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { 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 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 './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\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 $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\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 StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","intelStudent","stream","regionData","countryCode","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,KAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,GAAU,eAAeC,MAAiBL,GACvD,EAAE,QAAAM,GAAQ,aAAaC,EAAW,IAAIH,KAAY,CAAA,GAClD,EAAE,qBAAqBI,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAAQC,EAAYL,KAAA,gBAAAA,EAAc,MAAM,GAExCM,IAAYC;AAAA,IAChB,MACEC,EAAmBf,GAAiB;AAAA,MAClC,aAAAU;AAAA,MACA,OAAON,KAAS;AAAA,MAChB,cAAcY,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACR,GAAiBU,GAAaN,GAAOI,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWS,EAAA,IAAiBH;AAAA,IAClC,OAAMT,KAAA,gBAAAA,EAAO,KAAK,CAAAa,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACX,CAAK;AAAA,EAAA,GAGFc,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBlB,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAa,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAf,EAAA,EAAE,OAAOsB,EAAA,CAAwB;AAEnD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBrB,GAAOW,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAAShB;AAAA,MAAA,CACV;AAEiB,MAAAV,EAAA,EAAE,OAAOwB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACpB,GAAOM,GAAOV,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA2B,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,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;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,OAAOrB;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,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -15,8 +15,13 @@ const n = {
     description: "Student is ready to tackle challenging concepts and problems.",
     icon: e.GREEN_FACE
   }
+}, i = {
+  "MATH.POS.PLA1": "MATH.LVL.BEGIN",
+  "MATH.POS.PLA2": "MATH.LVL.INTERMEDIATE",
+  "MATH.POS.PLA3": "MATH.LVL.ADVANCED"
 };
 export {
+  i as PREFERENCE_CODE_MAP,
   n as studentLevels
 };
 //# sourceMappingURL=student-feedback-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n"],"names":["studentLevels","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}
+{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n\nexport const PREFERENCE_CODE_MAP = {\n  'MATH.POS.PLA1': 'MATH.LVL.BEGIN',\n  'MATH.POS.PLA2': 'MATH.LVL.INTERMEDIATE',\n  'MATH.POS.PLA3': 'MATH.LVL.ADVANCED',\n};\n"],"names":["studentLevels","ILLUSTRATIONS","PREFERENCE_CODE_MAP"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF,GAEaC,IAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;"}

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

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

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

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

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

@@ -1,95 +1,102 @@
-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 { 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 { 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 p 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 K } from "../../helper.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 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(() => {
+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 he = N(() => {
   const {
-    isTeacher: o,
+    isTeacher: n,
     studentId: u,
-    formData: b,
-    slideConfig: G,
-    milestoneConfig: c,
-    updateSlideConfig: p,
-    updateButtonState: g
-  } = X(), { showProfileHighlights: r } = G, {
-    name: O,
+    formData: O,
+    slideConfig: T,
+    milestoneConfig: m,
+    updateSlideConfig: g,
+    updateButtonState: h
+  } = X(), { showProfileHighlights: r } = T, {
+    name: x,
     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)
+    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)
   } : 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({
+    data: D,
+    isProcessing: s,
+    isProcessed: $,
+    isProcessingFailed: H
+  } = M(), { profile_summary: E } = D || {}, d = U(() => {
+    l && S(u, l);
+  }, [S, l, u]);
+  f(() => {
+    h("right", { isDisabled: s, isLoading: !1 });
+  }, [s, h]), f(() => {
+    n && !a && !r && d();
+  }, [d, n, a, r]), f(() => {
+    n && $ && !r && g({
       studentProfile: {
         profileSummary: E || "",
         dummyProfileImageIndex: Math.floor(Math.random() * 6)
       }
     });
-  }, [_, o, r, E, p]);
-  const B = L(
+  }, [$, n, r, E, g]);
+  const k = C(
     () => [
       {
-        title: "Studnet Level",
-        description: `Catching up: ${h[0]}`,
-        illustration: f.KNOWLEDGE_BLUE,
+        title: "Student Level",
+        description: `Catching up: ${y(
+          m,
+          _
+        ).map((o) => o.preference_description)}`,
+        illustration: c.KNOWLEDGE_BLUE,
         background: "BLUE_1"
       },
       {
-        illustration: f.ARROW_BOARD_GREEN,
+        illustration: c.ARROW_BOARD_GREEN,
         background: "GREEN_1",
         title: "Goals",
-        description: K(
-          c,
+        description: y(
+          m,
           P
-        ).map((n) => n.preference_name)
+        ).map((o) => o.preference_name)
       },
       {
-        illustration: f.BOOK_CHECKED_PURPLE,
+        illustration: c.BOOK_CHECKED_PURPLE,
         background: "PURPLE_1",
         title: "Learning Plan",
         description: t.map(
-          (n) => `${z[n.goal_category]}: ${n.milestone_name}`
+          (o) => `${z[o.goal_category]}: ${o.milestone_name}`
         )
       }
     ],
-    [t, c, h, P]
+    [t, m, 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 }),
+  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__ */ e(y, { $width: 650, children: /* @__PURE__ */ e(F, { profileHighlights: B }) }) : /* @__PURE__ */ a(y, { $widthX: 46.875, children: [
+    r ? /* @__PURE__ */ i(b, { $width: 650, children: [
+      /* @__PURE__ */ e(F, { profileHighlights: k }),
+      /* @__PURE__ */ e(I, { height: 16 }),
+      /* @__PURE__ */ e(p, { $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__ */ a(
-        C,
+      /* @__PURE__ */ i(
+        A,
         {
           $width: "100%",
           $heightX: 21.875,
@@ -101,10 +108,10 @@ const he = H(() => {
           $borderColor: "BLACK_T_87",
           $borderRadiusX: 0.5,
           children: [
-            /* @__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 || "" })
+            /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(v, { withLoader: !0, height: 200, width: 200, src: B }) }),
+            /* @__PURE__ */ i(A, { $flexGap: 16, children: [
+              /* @__PURE__ */ e(p, { $renderAs: "ac2-black", children: x }),
+              /* @__PURE__ */ e(p, { $renderAs: "ab1", children: w || "" })
             ] })
           ]
         }

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 { 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":";;;;;;;;;;;;;;;;;;AA8BM,MAAAA,KAAiBC,EAAK,MAAM;AAC1B,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,MACEC,EAAuB,GACrB,EAAE,uBAAAC,EAA0B,IAAAL,GAE5B;AAAA,IACJ,MAAAM;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,gBAAAC;AAAA,IACA,mBAAAC,IAAoB,CAAC;AAAA,IACrB,wBAAAC,IAAyB,CAAC;AAAA,EAAA,IACxBX,KAAY,CAAA,GACV,EAAE,wBAAAY,GAAwB,gBAAAC,MAAmBJ,KAAkB,CAAA,GAC/DK,IAAoBC,EAAqBH,CAAsB,GAE/DI,IAAUC,EAA+C,MACzDT,KAASA,EAAM,SAAS,IACnB;AAAA,IACL,qBAAqBU,EAAqBV,GAAOW,EAAc,cAAc;AAAA,IAC7E,gBAAgBD,EAAqBV,GAAOW,EAAc,SAAS;AAAA,EAAA,IAIhE,MACN,CAACX,CAAK,CAAC,GAEJ;AAAA,IACJ,KAAKY;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,EAAyBrB,GAAWiB,CAAO;AAAA,EAE5C,GAAA,CAACI,GAA0BJ,GAASjB,CAAS,CAAC;AAEjD,EAAA8B,EAAU,MAAM;AACd,IAAAzB,EAAkB,SAAS,EAAE,YAAYkB,GAAc,WAAW,IAAO;AAAA,EAAA,GACxE,CAACA,GAAclB,CAAiB,CAAC,GAEpCyB,EAAU,MAAM;AACd,IAAI/B,KAAa,CAACW,KAAkB,CAACH,KACzBqB;KAEX,CAACA,GAAW7B,GAAWW,GAAgBH,CAAqB,CAAC,GAEhEuB,EAAU,MAAM;AACV,IAAA/B,KAAayB,KAAe,CAACjB,KACbH,EAAA;AAAA,MAChB,gBAAgB;AAAA,QACd,gBAAgBuB,KAAyB;AAAA,QACzC,wBAAwB,KAAK,MAAM,KAAK,OAAA,IAAW,CAAC;AAAA,MACtD;AAAA,IAAA,CACD;AAAA,EACH,GACC,CAACH,GAAazB,GAAWQ,GAAuBoB,GAAuBvB,CAAiB,CAAC;AAE5F,QAAM2B,IAAyCb;AAAA,IAC7C,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,aAAa,gBAAgBP,EAAkB,CAAC,CAAC;AAAA,QACjD,cAAcqB,EAAc;AAAA,QAC5B,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,cAAcA,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaC;AAAA,UACX9B;AAAA,UACAS;AAAA,QACA,EAAA,IAAI,CAAcsB,MAAAA,EAAW,eAAe;AAAA,MAChD;AAAA,MACA;AAAA,QACE,cAAcF,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAavB,EAAM;AAAA,UACjB,CAAA0B,MAAQ,GAAGC,EAAaD,EAAK,aAA8B,CAAC,KAAKA,EAAK,cAAc;AAAA,QACtF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC1B,GAAON,GAAiBQ,GAAmBC,CAAsB;AAAA,EAAA;AAGpE,SAAIa,IACM,gBAAAY,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYV,EAAW,CAAA,IAGjDL,KAAiB,CAACb,KAAkB,CAACH,IAChC,gBAAA8B,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACtB,gBAAAL,EAAAM,GAAA,EAAY,cAAcpC,IAAwB,KAAK,KAAK;AAAA,IAC5DA,IACE,gBAAA8B,EAAAO,GAAA,EAAsB,QAAQ,KAC7B,UAAA,gBAAAP,EAACQ,GAAyB,EAAA,mBAAAd,EAAsC,CAAA,EAClE,CAAA,IAEA,gBAAAS,EAACI,GAAA,EAAsB,SAAS,QAC9B,UAAA;AAAA,MAAC,gBAAAP,EAAAS,GAAA,EAAqB;AAAA,MACtB,gBAAAN;AAAA,QAACO;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,gBAAAV,EAACW,GAAA,EACC,UAAA,gBAAAX,EAACY,GAAM,EAAA,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKlC,EAAmB,CAAA,GACrE;AAAA,YACA,gBAAAyB,EAACO,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,cAAC,gBAAAV,EAAAa,GAAA,EAAK,WAAU,aAAa,UAAK1C,GAAA;AAAA,cACjC,gBAAA6B,EAAAa,GAAA,EAAK,WAAU,OAAO,eAAkB,IAAG;AAAA,YAAA,GAC9C;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,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    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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"}