@cuemath/leap 3.3.34 → 3.3.35

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

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

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

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

@@ -1,42 +1,42 @@
-import { jsxs as t, Fragment as N, jsx as r } from "react/jsx-runtime";
-import { memo as X, useMemo as l, useCallback as m } from "react";
-import { useTheme as Y } from "styled-components";
+import { jsxs as t, Fragment as P, jsx as r } from "react/jsx-runtime";
+import { memo as Y, useMemo as l, useCallback as m } from "react";
+import { useTheme as j } from "styled-components";
 import { ILLUSTRATIONS as u } from "../../../../../assets/illustrations/illustrations.js";
-import j from "../../../../../assets/line-icons/icons/cuemath-logo.js";
-import B from "../../../../ui/buttons/button/button.js";
-import H from "../../../../ui/image/image.js";
+import B from "../../../../../assets/line-icons/icons/cuemath-logo.js";
+import H from "../../../../ui/buttons/button/button.js";
+import V from "../../../../ui/image/image.js";
 import s from "../../../../ui/layout/flex-view.js";
 import x from "../../../../ui/separator/separator.js";
 import c from "../../../../ui/text/text.js";
-import { EDeviceType as V } from "../../../../ui/theme/constants.js";
-import { COUNTRY_FLAGS as F } from "../teacher-intro-constants.js";
-import { formatCountryList as K } from "./teacher-profile-helpers.js";
-import { GridItem as P, ProfileWrapper as q, CueLogoWrapper as z, PositionedAsset1 as Q, PositionedAsset2 as J, PositionedAsset3 as Z, PositionedAsset4 as ee, ProfilePicture as re, GridContainer as te } from "./teacher-profile-styled.js";
-const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
+import { EDeviceType as F } from "../../../../ui/theme/constants.js";
+import { COUNTRY_FLAGS as K } from "../teacher-intro-constants.js";
+import { formatCountryList as q } from "./teacher-profile-helpers.js";
+import { GridItem as N, ProfileWrapper as z, CueLogoWrapper as Q, PositionedAsset1 as J, PositionedAsset2 as Z, PositionedAsset3 as ee, PositionedAsset4 as re, ProfilePicture as te, GridContainer as ne } from "./teacher-profile-styled.js";
+const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
   const {
-    degree: S,
+    degree: D,
     countries: o,
     lower_grade: d,
     higher_grade: i,
-    header_image: D,
-    years_of_experience: G,
-    number_of_students_taught: R,
+    header_image: G,
+    years_of_experience: R,
+    number_of_students_taught: v,
     first_name: g,
     last_name: O,
     teacher_profile_url: n
-  } = y || {}, {
+  } = S || {}, {
     degree_name: $,
     field_of_study: h,
     degree_code: C
-  } = S || {}, b = Y(), e = l(() => b.device <= V.MOBILE, [b.device]), I = l(() => i && parseInt(i, 10) > 8, [i]), w = l(
+  } = D || {}, b = j(), e = l(() => b.device <= F.MOBILE, [b.device]), I = l(() => i && parseInt(i, 10) > 8, [i]), w = l(
     () => g ? `${g} ${O}`.trim() : "",
     [g, O]
-  ), p = l(() => I ? "High School" : !d || !i ? "" : ` ${d === "K" ? "" : "G"}${d} - G${i}`, [I, i, d]), E = l(() => o && o.length > 0, [o]), v = l(() => $ && h, [$, h]), k = m(() => {
+  ), p = l(() => I ? "High School" : !d || !i ? "" : ` ${d === "K" ? "" : "G"}${d} - G${i}`, [I, i, d]), E = l(() => o && o.length > 0, [o]), U = l(() => $ && h, [$, h]), k = m(() => {
     n && window.open(n, "_blank");
-  }, [n]), _ = m(() => n ? /* @__PURE__ */ t(N, { children: [
+  }, [n]), _ = m(() => n ? /* @__PURE__ */ t(P, { children: [
     /* @__PURE__ */ r(x, { heightX: 1.5 }),
     /* @__PURE__ */ r(
-      B,
+      H,
       {
         label: "View profile",
         renderAs: "secondary",
@@ -52,7 +52,7 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
       mobileLabel: f,
       valueRenderAs: L = "ah3-black"
     }) => /* @__PURE__ */ t(
-      P,
+      N,
       {
         $flex: e ? 1 : 0,
         $justifyContent: e ? "flex-start" : "center",
@@ -67,10 +67,10 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
       }
     ),
     [e]
-  ), U = m(() => {
+  ), M = m(() => {
     if (!E) return null;
     if (e) {
-      const a = K(o);
+      const a = q(o);
       return /* @__PURE__ */ t(s, { $gapX: 0.75, children: [
         /* @__PURE__ */ t(c, { $renderOnMobileAs: "ub3-bold", $renderAs: "ab3-black", children: [
           "Teaching ",
@@ -90,11 +90,11 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
         " kids in"
       ] }),
       /* @__PURE__ */ r(s, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o.map((a) => {
-        const T = ne.find((W) => W.name === a), { flag_icon: f = "", label: L = "", name: M } = T || {};
+        const T = oe.find((X) => X.name === a), { flag_icon: f = "", label: L = "", name: W } = T || {};
         return /* @__PURE__ */ t(s, { $flexDirection: "row", $flexGap: 4, children: [
-          /* @__PURE__ */ r(H, { src: f, width: 30, height: 20, withLoader: !1 }),
+          /* @__PURE__ */ r(V, { src: f, width: 30, height: 20, withLoader: !1 }),
           /* @__PURE__ */ r(c, { $renderAs: "ab3-black", children: L })
-        ] }, M || a);
+        ] }, W || a);
       }) })
     ] });
   }, [
@@ -113,7 +113,7 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
       $background: "WHITE_3",
       children: [
         /* @__PURE__ */ t(
-          q,
+          z,
           {
             $gapX: e ? 1 : 1.5,
             $gutterX: 1,
@@ -121,21 +121,21 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
             $alignItems: "center",
             $justifyContent: "center",
             children: [
-              e && /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(j, { width: 54, height: 8, color: b.colors.REAL_BLACK }) }),
-              /* @__PURE__ */ r(Q, { src: u.STAR_OUTLINED }),
-              /* @__PURE__ */ r(J, { src: u.HEART_OUTLINED }),
-              /* @__PURE__ */ r(Z, { src: u.EQUAL_OUTLINED }),
-              /* @__PURE__ */ r(ee, { src: u.TROPHY_OUTLINED }),
+              e && /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r(B, { width: 54, height: 8, color: b.colors.REAL_BLACK }) }),
+              /* @__PURE__ */ r(J, { src: u.STAR_OUTLINED }),
+              /* @__PURE__ */ r(Z, { src: u.HEART_OUTLINED }),
+              /* @__PURE__ */ r(ee, { src: u.EQUAL_OUTLINED }),
+              /* @__PURE__ */ r(re, { src: u.TROPHY_OUTLINED }),
               /* @__PURE__ */ r(
-                re,
+                te,
                 {
                   withLoader: !0,
-                  src: D,
+                  src: G,
                   width: e ? 154 : 238,
                   height: e ? 154 : 238
                 }
               ),
-              w && /* @__PURE__ */ t(N, { children: [
+              w && /* @__PURE__ */ t(P, { children: [
                 /* @__PURE__ */ r(x, { heightX: e ? 0.75 : 1.5 }),
                 /* @__PURE__ */ r(c, { $renderAs: "ac2-black", $color: "BLACK_1", $align: "center", children: w })
               ] }),
@@ -143,30 +143,30 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
             ]
           }
         ),
-        /* @__PURE__ */ t(te, { children: [
+        /* @__PURE__ */ t(ne, { children: [
           A({
-            value: `${G}+`,
+            value: `${R}+`,
             label: "Yrs of Teaching Experience",
             mobileLabel: "Years of Teaching"
           }),
           A({
-            value: `${R}+`,
+            value: `${v}+`,
             label: "Students Taught"
           }),
-          v && A({
+          U && A({
             value: e && C ? C : $,
             label: `In ${h}`,
             mobileLabel: h,
             valueRenderAs: "ab1-black"
           }),
           /* @__PURE__ */ r(
-            P,
+            N,
             {
               $justifyContent: "center",
               $gutter: 24,
               $flexDirection: e ? "row" : "column",
               $background: e ? "YELLOW_4" : "TRANSPARENT",
-              children: U()
+              children: M()
             }
           )
         ] })
@@ -174,8 +174,9 @@ const ne = Object.values(F), oe = X(({ teacherProfile: y }) => {
     }
   );
 });
-oe.displayName = "TeacherProfile";
+y.displayName = "TeacherProfile";
+const _e = y;
 export {
-  oe as default
+  _e as default
 };
 //# sourceMappingURL=teacher-profile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"teacher-profile.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.tsx"],"sourcesContent":["import type { TTextVariants } from '../../../../ui/types';\nimport type { ITeacherProfileProps } from './teacher-profile-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../../../assets/line-icons/icons/cuemath-logo';\nimport Button from '../../../../ui/buttons/button/button';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport { formatCountryList } from './teacher-profile-helpers';\nimport * as Styled from './teacher-profile-styled';\n\nconst countryFlagArray = Object.values(COUNTRY_FLAGS);\n\nconst TeacherProfile: FC<ITeacherProfileProps> = memo(({ teacherProfile }) => {\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n    first_name: firstName,\n    last_name: lastName,\n    teacher_profile_url: teacherProfileUrl,\n  } = teacherProfile || {};\n\n  const {\n    degree_name: degreeName,\n    field_of_study: fieldOfStudy,\n    degree_code: degreeCode,\n  } = degree || {};\n\n  const theme = useTheme();\n  const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n  const isHighSchool = useMemo(() => higherGrade && parseInt(higherGrade, 10) > 8, [higherGrade]);\n  const teacherName = useMemo(\n    () => (firstName ? `${firstName} ${lastName}`.trim() : ''),\n    [firstName, lastName],\n  );\n\n  const displayGrade = useMemo(() => {\n    if (isHighSchool) return 'High School';\n\n    if (!lowerGrade || !higherGrade) return '';\n\n    return ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  const hasValidCountries = useMemo(() => countries && countries.length > 0, [countries]);\n\n  const hasDegreeInfo = useMemo(() => degreeName && fieldOfStudy, [degreeName, fieldOfStudy]);\n\n  const handleViewProfile = useCallback(() => {\n    if (teacherProfileUrl) {\n      window.open(teacherProfileUrl, '_blank');\n    }\n  }, [teacherProfileUrl]);\n\n  const renderViewProfileButton = useCallback(() => {\n    if (!teacherProfileUrl) return null;\n\n    return (\n      <>\n        <Separator heightX={1.5} />\n        <Button\n          label=\"View profile\"\n          renderAs=\"secondary\"\n          shape=\"square\"\n          onClick={handleViewProfile}\n          size=\"small\"\n        />\n      </>\n    );\n  }, [handleViewProfile, teacherProfileUrl]);\n\n  const renderStatItem = useCallback(\n    ({\n      value,\n      label,\n      mobileLabel,\n      valueRenderAs = 'ah3-black',\n    }: {\n      value?: string | number;\n      label: string;\n      mobileLabel?: string;\n      valueRenderAs?: TTextVariants;\n    }) => (\n      <Styled.GridItem\n        $flex={isMobile ? 1 : 0}\n        $justifyContent={isMobile ? 'flex-start' : 'center'}\n        $gutter={isMobile ? 8 : 24}\n        $gapX={isMobile ? 0.75 : 0}\n        $alignItems={isMobile ? 'center' : 'flex-start'}\n        $background={isMobile ? 'YELLOW_3' : 'TRANSPARENT'}\n      >\n        <Text $renderAs={valueRenderAs} $renderOnMobileAs=\"ab2-black\">\n          {value}\n        </Text>\n        <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $align={isMobile ? 'center' : 'left'}>\n          {isMobile && mobileLabel ? mobileLabel : label}\n        </Text>\n      </Styled.GridItem>\n    ),\n    [isMobile],\n  );\n\n  const renderCountries = useCallback(() => {\n    if (!hasValidCountries) return null;\n\n    if (isMobile) {\n      const formattedCountries = formatCountryList(countries!);\n\n      return (\n        <FlexView $gapX={0.75}>\n          <Text $renderOnMobileAs=\"ub3-bold\" $renderAs=\"ab3-black\">\n            Teaching {displayGrade} kids in {formattedCountries}.\n          </Text>\n          {renderViewProfileButton()}\n          {teacherProfileUrl && <Separator heightX={0.75} />}\n        </FlexView>\n      );\n    }\n\n    return (\n      <FlexView $flexDirection=\"column\" $flexGap={12}>\n        <Text $renderAs=\"ab1-black\" $renderOnMobileAs=\"ub3-bold\">\n          Teaching {displayGrade} kids in\n        </Text>\n        <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n          {countries!.map(country => {\n            const match = countryFlagArray.find(item => item.name === country);\n            const { flag_icon: flagIcon = '', label = '', name } = match || {};\n\n            return (\n              <FlexView key={name || country} $flexDirection=\"row\" $flexGap={4}>\n                <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                <Text $renderAs=\"ab3-black\">{label}</Text>\n              </FlexView>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    );\n  }, [\n    hasValidCountries,\n    isMobile,\n    displayGrade,\n    countries,\n    renderViewProfileButton,\n    teacherProfileUrl,\n  ]);\n\n  return (\n    <FlexView\n      $flexDirection={isMobile ? 'column' : 'row'}\n      $borderColor=\"BLACK_T_87\"\n      $background=\"WHITE_3\"\n    >\n      <Styled.ProfileWrapper\n        $gapX={isMobile ? 1 : 1.5}\n        $gutterX={1}\n        $background=\"YELLOW_4\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        {isMobile && (\n          <Styled.CueLogoWrapper>\n            <CuemathLogo width={54} height={8} color={theme.colors.REAL_BLACK} />\n          </Styled.CueLogoWrapper>\n        )}\n        <Styled.PositionedAsset1 src={ILLUSTRATIONS.STAR_OUTLINED} />\n        <Styled.PositionedAsset2 src={ILLUSTRATIONS.HEART_OUTLINED} />\n        <Styled.PositionedAsset3 src={ILLUSTRATIONS.EQUAL_OUTLINED} />\n        <Styled.PositionedAsset4 src={ILLUSTRATIONS.TROPHY_OUTLINED} />\n        <Styled.ProfilePicture\n          withLoader\n          src={headerImage}\n          width={isMobile ? 154 : 238}\n          height={isMobile ? 154 : 238}\n        />\n        {teacherName && (\n          <>\n            <Separator heightX={isMobile ? 0.75 : 1.5} />\n            <Text $renderAs=\"ac2-black\" $color=\"BLACK_1\" $align=\"center\">\n              {teacherName}\n            </Text>\n          </>\n        )}\n        {!isMobile && renderViewProfileButton()}\n      </Styled.ProfileWrapper>\n\n      <Styled.GridContainer>\n        {renderStatItem({\n          value: `${yearsOfExperience}+`,\n          label: 'Yrs of Teaching Experience',\n          mobileLabel: 'Years of Teaching',\n        })}\n        {renderStatItem({\n          value: `${numberOfStudentsTaught}+`,\n          label: 'Students Taught',\n        })}\n        {hasDegreeInfo &&\n          renderStatItem({\n            value: isMobile && degreeCode ? degreeCode : degreeName,\n            label: `In ${fieldOfStudy}`,\n            mobileLabel: fieldOfStudy,\n            valueRenderAs: 'ab1-black',\n          })}\n        <Styled.GridItem\n          $justifyContent=\"center\"\n          $gutter={24}\n          $flexDirection={isMobile ? 'row' : 'column'}\n          $background={isMobile ? 'YELLOW_4' : 'TRANSPARENT'}\n        >\n          {renderCountries()}\n        </Styled.GridItem>\n      </Styled.GridContainer>\n    </FlexView>\n  );\n});\n\nTeacherProfile.displayName = 'TeacherProfile';\n\nexport default TeacherProfile;\n"],"names":["countryFlagArray","COUNTRY_FLAGS","TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","firstName","lastName","teacherProfileUrl","degreeName","fieldOfStudy","degreeCode","theme","useTheme","isMobile","useMemo","EDeviceType","isHighSchool","teacherName","displayGrade","hasValidCountries","hasDegreeInfo","handleViewProfile","useCallback","renderViewProfileButton","jsxs","Fragment","jsx","Separator","Button","renderStatItem","value","label","mobileLabel","valueRenderAs","Styled.GridItem","Text","renderCountries","formattedCountries","formatCountryList","FlexView","country","match","item","flagIcon","name","Image","Styled.ProfileWrapper","Styled.CueLogoWrapper","CuemathLogo","Styled.PositionedAsset1","ILLUSTRATIONS","Styled.PositionedAsset2","Styled.PositionedAsset3","Styled.PositionedAsset4","Styled.ProfilePicture","Styled.GridContainer"],"mappings":"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"}
+{"version":3,"file":"teacher-profile.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.tsx"],"sourcesContent":["import type { TTextVariants } from '../../../../ui/types';\nimport type { ITeacherProfileProps } from './teacher-profile-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../../../assets/line-icons/icons/cuemath-logo';\nimport Button from '../../../../ui/buttons/button/button';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport { formatCountryList } from './teacher-profile-helpers';\nimport * as Styled from './teacher-profile-styled';\n\nconst countryFlagArray = Object.values(COUNTRY_FLAGS);\n\nconst TeacherProfile: FC<ITeacherProfileProps> = memo(({ teacherProfile }) => {\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n    first_name: firstName,\n    last_name: lastName,\n    teacher_profile_url: teacherProfileUrl,\n  } = teacherProfile || {};\n\n  const {\n    degree_name: degreeName,\n    field_of_study: fieldOfStudy,\n    degree_code: degreeCode,\n  } = degree || {};\n\n  const theme = useTheme();\n  const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n  const isHighSchool = useMemo(() => higherGrade && parseInt(higherGrade, 10) > 8, [higherGrade]);\n  const teacherName = useMemo(\n    () => (firstName ? `${firstName} ${lastName}`.trim() : ''),\n    [firstName, lastName],\n  );\n\n  const displayGrade = useMemo(() => {\n    if (isHighSchool) return 'High School';\n\n    if (!lowerGrade || !higherGrade) return '';\n\n    return ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  const hasValidCountries = useMemo(() => countries && countries.length > 0, [countries]);\n\n  const hasDegreeInfo = useMemo(() => degreeName && fieldOfStudy, [degreeName, fieldOfStudy]);\n\n  const handleViewProfile = useCallback(() => {\n    if (teacherProfileUrl) {\n      window.open(teacherProfileUrl, '_blank');\n    }\n  }, [teacherProfileUrl]);\n\n  const renderViewProfileButton = useCallback(() => {\n    if (!teacherProfileUrl) return null;\n\n    return (\n      <>\n        <Separator heightX={1.5} />\n        <Button\n          label=\"View profile\"\n          renderAs=\"secondary\"\n          shape=\"square\"\n          onClick={handleViewProfile}\n          size=\"small\"\n        />\n      </>\n    );\n  }, [handleViewProfile, teacherProfileUrl]);\n\n  const renderStatItem = useCallback(\n    ({\n      value,\n      label,\n      mobileLabel,\n      valueRenderAs = 'ah3-black',\n    }: {\n      value?: string | number;\n      label: string;\n      mobileLabel?: string;\n      valueRenderAs?: TTextVariants;\n    }) => (\n      <Styled.GridItem\n        $flex={isMobile ? 1 : 0}\n        $justifyContent={isMobile ? 'flex-start' : 'center'}\n        $gutter={isMobile ? 8 : 24}\n        $gapX={isMobile ? 0.75 : 0}\n        $alignItems={isMobile ? 'center' : 'flex-start'}\n        $background={isMobile ? 'YELLOW_3' : 'TRANSPARENT'}\n      >\n        <Text $renderAs={valueRenderAs} $renderOnMobileAs=\"ab2-black\">\n          {value}\n        </Text>\n        <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $align={isMobile ? 'center' : 'left'}>\n          {isMobile && mobileLabel ? mobileLabel : label}\n        </Text>\n      </Styled.GridItem>\n    ),\n    [isMobile],\n  );\n\n  const renderCountries = useCallback(() => {\n    if (!hasValidCountries) return null;\n\n    if (isMobile) {\n      const formattedCountries = formatCountryList(countries!);\n\n      return (\n        <FlexView $gapX={0.75}>\n          <Text $renderOnMobileAs=\"ub3-bold\" $renderAs=\"ab3-black\">\n            Teaching {displayGrade} kids in {formattedCountries}.\n          </Text>\n          {renderViewProfileButton()}\n          {teacherProfileUrl && <Separator heightX={0.75} />}\n        </FlexView>\n      );\n    }\n\n    return (\n      <FlexView $flexDirection=\"column\" $flexGap={12}>\n        <Text $renderAs=\"ab1-black\" $renderOnMobileAs=\"ub3-bold\">\n          Teaching {displayGrade} kids in\n        </Text>\n        <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n          {countries!.map(country => {\n            const match = countryFlagArray.find(item => item.name === country);\n            const { flag_icon: flagIcon = '', label = '', name } = match || {};\n\n            return (\n              <FlexView key={name || country} $flexDirection=\"row\" $flexGap={4}>\n                <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                <Text $renderAs=\"ab3-black\">{label}</Text>\n              </FlexView>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    );\n  }, [\n    hasValidCountries,\n    isMobile,\n    displayGrade,\n    countries,\n    renderViewProfileButton,\n    teacherProfileUrl,\n  ]);\n\n  return (\n    <FlexView\n      $flexDirection={isMobile ? 'column' : 'row'}\n      $borderColor=\"BLACK_T_87\"\n      $background=\"WHITE_3\"\n    >\n      <Styled.ProfileWrapper\n        $gapX={isMobile ? 1 : 1.5}\n        $gutterX={1}\n        $background=\"YELLOW_4\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        {isMobile && (\n          <Styled.CueLogoWrapper>\n            <CuemathLogo width={54} height={8} color={theme.colors.REAL_BLACK} />\n          </Styled.CueLogoWrapper>\n        )}\n        <Styled.PositionedAsset1 src={ILLUSTRATIONS.STAR_OUTLINED} />\n        <Styled.PositionedAsset2 src={ILLUSTRATIONS.HEART_OUTLINED} />\n        <Styled.PositionedAsset3 src={ILLUSTRATIONS.EQUAL_OUTLINED} />\n        <Styled.PositionedAsset4 src={ILLUSTRATIONS.TROPHY_OUTLINED} />\n        <Styled.ProfilePicture\n          withLoader\n          src={headerImage}\n          width={isMobile ? 154 : 238}\n          height={isMobile ? 154 : 238}\n        />\n        {teacherName && (\n          <>\n            <Separator heightX={isMobile ? 0.75 : 1.5} />\n            <Text $renderAs=\"ac2-black\" $color=\"BLACK_1\" $align=\"center\">\n              {teacherName}\n            </Text>\n          </>\n        )}\n        {!isMobile && renderViewProfileButton()}\n      </Styled.ProfileWrapper>\n\n      <Styled.GridContainer>\n        {renderStatItem({\n          value: `${yearsOfExperience}+`,\n          label: 'Yrs of Teaching Experience',\n          mobileLabel: 'Years of Teaching',\n        })}\n        {renderStatItem({\n          value: `${numberOfStudentsTaught}+`,\n          label: 'Students Taught',\n        })}\n        {hasDegreeInfo &&\n          renderStatItem({\n            value: isMobile && degreeCode ? degreeCode : degreeName,\n            label: `In ${fieldOfStudy}`,\n            mobileLabel: fieldOfStudy,\n            valueRenderAs: 'ab1-black',\n          })}\n        <Styled.GridItem\n          $justifyContent=\"center\"\n          $gutter={24}\n          $flexDirection={isMobile ? 'row' : 'column'}\n          $background={isMobile ? 'YELLOW_4' : 'TRANSPARENT'}\n        >\n          {renderCountries()}\n        </Styled.GridItem>\n      </Styled.GridContainer>\n    </FlexView>\n  );\n});\n\nTeacherProfile.displayName = 'TeacherProfile';\n\nexport default TeacherProfile;\n"],"names":["countryFlagArray","COUNTRY_FLAGS","TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","firstName","lastName","teacherProfileUrl","degreeName","fieldOfStudy","degreeCode","theme","useTheme","isMobile","useMemo","EDeviceType","isHighSchool","teacherName","displayGrade","hasValidCountries","hasDegreeInfo","handleViewProfile","useCallback","renderViewProfileButton","jsxs","Fragment","jsx","Separator","Button","renderStatItem","value","label","mobileLabel","valueRenderAs","Styled.GridItem","Text","renderCountries","formattedCountries","formatCountryList","FlexView","country","match","item","flagIcon","name","Image","Styled.ProfileWrapper","Styled.CueLogoWrapper","CuemathLogo","Styled.PositionedAsset1","ILLUSTRATIONS","Styled.PositionedAsset2","Styled.PositionedAsset3","Styled.PositionedAsset4","Styled.ProfilePicture","Styled.GridContainer","TeacherProfile$1"],"mappings":"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"}

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

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