@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

@@ -1,64 +1,182 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { memo as G, useMemo as T } from "react";
-import C from "../../../../ui/image/image.js";
-import a from "../../../../ui/layout/flex-view.js";
-import j from "../../../../ui/separator/separator.js";
-import t from "../../../../ui/text/text.js";
-import { COUNTRY_FLAGS as k } from "../teacher-intro-constants.js";
-import { ProfilePicture as I, GridContainer as S, GridItem as i } from "./teacher-profile-styled.js";
-const O = G(({ teacherProfile: s }) => {
+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 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 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: f,
+    degree: D,
     countries: o,
-    lower_grade: c,
-    higher_grade: n,
-    header_image: u,
-    years_of_experience: g,
-    number_of_students_taught: m
-  } = s || {}, { degree_name: d, field_of_study: l } = f || {}, $ = Object.values(k), h = n && parseInt(n, 10) > 8, p = T(() => h ? "High School" : ` ${c === "K" ? "" : "G"}${c} - G${n}`, [h, n, c]);
-  return /* @__PURE__ */ e(a, { $flexDirection: "row", $borderColor: "BLACK_T_87", $background: "WHITE_3", children: [
-    /* @__PURE__ */ r(I, { withLoader: !0, src: u, width: 350, height: 350 }),
-    /* @__PURE__ */ e(S, { children: [
-      /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
-        /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: [
-          g,
-          "+"
-        ] }),
-        /* @__PURE__ */ r(t, { $renderAs: "ub3", children: "Yrs of Teaching Experience" })
-      ] }),
-      /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
-        /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: [
-          m,
-          "+"
-        ] }),
-        /* @__PURE__ */ r(t, { $renderAs: "ub3", children: "Students Taught" })
-      ] }),
-      d && l && /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
-        /* @__PURE__ */ r(t, { $renderAs: "ab1-black", children: d }),
-        /* @__PURE__ */ e(t, { $renderAs: "ub3", children: [
-          "In ",
-          l
-        ] })
-      ] }),
-      /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
-        /* @__PURE__ */ e(t, { $renderAs: "ab1-black", children: [
+    lower_grade: d,
+    higher_grade: i,
+    header_image: G,
+    years_of_experience: R,
+    number_of_students_taught: v,
+    first_name: g,
+    last_name: O,
+    teacher_profile_url: n
+  } = S || {}, {
+    degree_name: $,
+    field_of_study: h,
+    degree_code: C
+  } = 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]), U = l(() => $ && h, [$, h]), k = m(() => {
+    n && window.open(n, "_blank");
+  }, [n]), _ = m(() => n ? /* @__PURE__ */ t(P, { children: [
+    /* @__PURE__ */ r(x, { heightX: 1.5 }),
+    /* @__PURE__ */ r(
+      H,
+      {
+        label: "View profile",
+        renderAs: "secondary",
+        shape: "square",
+        onClick: k,
+        size: "small"
+      }
+    )
+  ] }) : null, [k, n]), A = m(
+    ({
+      value: a,
+      label: T,
+      mobileLabel: f,
+      valueRenderAs: L = "ah3-black"
+    }) => /* @__PURE__ */ t(
+      N,
+      {
+        $flex: e ? 1 : 0,
+        $justifyContent: e ? "flex-start" : "center",
+        $gutter: e ? 8 : 24,
+        $gapX: e ? 0.75 : 0,
+        $alignItems: e ? "center" : "flex-start",
+        $background: e ? "YELLOW_3" : "TRANSPARENT",
+        children: [
+          /* @__PURE__ */ r(c, { $renderAs: L, $renderOnMobileAs: "ab2-black", children: a }),
+          /* @__PURE__ */ r(c, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $align: e ? "center" : "left", children: e && f ? f : T })
+        ]
+      }
+    ),
+    [e]
+  ), M = m(() => {
+    if (!E) return null;
+    if (e) {
+      const a = q(o);
+      return /* @__PURE__ */ t(s, { $gapX: 0.75, children: [
+        /* @__PURE__ */ t(c, { $renderOnMobileAs: "ub3-bold", $renderAs: "ab3-black", children: [
           "Teaching ",
           p,
-          " kids in"
+          " kids in ",
+          a,
+          "."
         ] }),
-        /* @__PURE__ */ r(j, { height: 12 }),
-        /* @__PURE__ */ r(a, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o && o.length > 0 && o.map((b) => {
-          const _ = $.find((w) => w.name === b), { flag_icon: x = "", label: y, name: A } = _ || {};
-          return /* @__PURE__ */ e(a, { $flexDirection: "row", $flexGap: 4, children: [
-            /* @__PURE__ */ r(C, { src: x, width: 30, height: 20, withLoader: !1 }),
-            /* @__PURE__ */ r(t, { $renderAs: "ab3-black", children: y })
-          ] }, A);
-        }) })
-      ] })
-    ] })
-  ] });
-}), W = O;
+        _(),
+        n && /* @__PURE__ */ r(x, { heightX: 0.75 })
+      ] });
+    }
+    return /* @__PURE__ */ t(s, { $flexDirection: "column", $flexGap: 12, children: [
+      /* @__PURE__ */ t(c, { $renderAs: "ab1-black", $renderOnMobileAs: "ub3-bold", children: [
+        "Teaching ",
+        p,
+        " kids in"
+      ] }),
+      /* @__PURE__ */ r(s, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o.map((a) => {
+        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(V, { src: f, width: 30, height: 20, withLoader: !1 }),
+          /* @__PURE__ */ r(c, { $renderAs: "ab3-black", children: L })
+        ] }, W || a);
+      }) })
+    ] });
+  }, [
+    E,
+    e,
+    p,
+    o,
+    _,
+    n
+  ]);
+  return /* @__PURE__ */ t(
+    s,
+    {
+      $flexDirection: e ? "column" : "row",
+      $borderColor: "BLACK_T_87",
+      $background: "WHITE_3",
+      children: [
+        /* @__PURE__ */ t(
+          z,
+          {
+            $gapX: e ? 1 : 1.5,
+            $gutterX: 1,
+            $background: "YELLOW_4",
+            $alignItems: "center",
+            $justifyContent: "center",
+            children: [
+              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(
+                te,
+                {
+                  withLoader: !0,
+                  src: G,
+                  width: e ? 154 : 238,
+                  height: e ? 154 : 238
+                }
+              ),
+              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 })
+              ] }),
+              !e && _()
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(ne, { children: [
+          A({
+            value: `${R}+`,
+            label: "Yrs of Teaching Experience",
+            mobileLabel: "Years of Teaching"
+          }),
+          A({
+            value: `${v}+`,
+            label: "Students Taught"
+          }),
+          U && A({
+            value: e && C ? C : $,
+            label: `In ${h}`,
+            mobileLabel: h,
+            valueRenderAs: "ab1-black"
+          }),
+          /* @__PURE__ */ r(
+            N,
+            {
+              $justifyContent: "center",
+              $gutter: 24,
+              $flexDirection: e ? "row" : "column",
+              $background: e ? "YELLOW_4" : "TRANSPARENT",
+              children: M()
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+y.displayName = "TeacherProfile";
+const _e = y;
 export {
-  W 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 { ITeacherProfileDetails } from '../../../trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\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 { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport * as Styled from './teacher-profile-styled';\n\ninterface ITeacherProfileProps {\n  teacherProfile?: ITeacherProfileDetails;\n}\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  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  return (\n    <FlexView $flexDirection=\"row\" $borderColor=\"BLACK_T_87\" $background=\"WHITE_3\">\n      <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n      <Styled.GridContainer>\n        <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n          <Text $renderAs=\"ah3-black\">{yearsOfExperience}+</Text>\n          <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n        </Styled.GridItem>\n        <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n          <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}+</Text>\n          <Text $renderAs=\"ub3\">Students Taught</Text>\n        </Styled.GridItem>\n        {degreeName && fieldOfStudy && (\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n            <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n          </Styled.GridItem>\n        )}\n        <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n          <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n          <Separator height={12} />\n          <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n            {countries &&\n              countries.length > 0 &&\n              countries.map(country => {\n                const countryFlag = countryFlagArray.find(item => item.name === country);\n                const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                return (\n                  <FlexView key={name} $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        </Styled.GridItem>\n      </Styled.GridContainer>\n    </FlexView>\n  );\n});\n\nexport default TeacherProfile;\n"],"names":["TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","FlexView","jsx","Styled.ProfilePicture","jsxs","Styled.GridContainer","Styled.GridItem","Text","Separator","country","countryFlag","item","flagIcon","label","name","Image","TeacherProfile$1"],"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/worksheet/worksheet.js

@@ -1,30 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as S, useCallback as T, useEffect as k } from "react";
-import x from "../../../ui/error/error.js";
-import E from "../../../ui/loader/app-loader/app-loader.js";
-import { useResumeTrialWorksheet as A } from "../../api/trial-nodes.js";
-import { useTrialSessionContext as D } from "../../context/use-trial-session-context.js";
-const L = () => {
-  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: u, trialHomeData: c } = D(), [f, s] = S(!1), { demo_info: m } = c, { region_data: p } = m || {}, { opportunity_country: n = "US" } = p || {}, l = (h, d) => {
-    if (h && s(!0), d) {
+import { jsx as u } from "react/jsx-runtime";
+import { useState as T, useCallback as k, useEffect as x } from "react";
+import E from "../../../ui/error/error.js";
+import A from "../../../ui/loader/app-loader/app-loader.js";
+import { useResumeTrialWorksheet as D } from "../../api/trial-nodes.js";
+import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
+const P = () => {
+  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: c, trialHomeData: f } = N(), [m, s] = T(!1), { demo_info: p } = f, { region_data: l, course: n } = p || {}, { opportunity_country: i = "US" } = l || {}, _ = (g, a) => {
+    if (g && s(!0), a) {
       const {
-        user_node_id: g,
-        node_id: y,
-        user_attempt_id: I,
-        node_type: C
-      } = d;
-      u({ userNodeId: g, nodeId: y, attemptId: I, nodeType: C });
+        user_node_id: y,
+        node_id: I,
+        user_attempt_id: C,
+        node_type: S
+      } = a;
+      c({ userNodeId: y, nodeId: I, attemptId: C, nodeType: S });
     }
-  }, { patch: i, isProcessing: _ } = A({
-    onComplete: l
-  }), e = T(() => {
-    o && (s(!1), i(t, { country_code: n }));
-  }, [n, o, i, t]);
-  return k(() => {
+  }, { patch: d, isProcessing: h } = D({
+    onComplete: _
+  }), e = k(() => {
+    o && (s(!1), d(t, { country_code: i, course: n }));
+  }, [i, n, o, d, t]);
+  return x(() => {
     e();
-  }, [e]), f ? /* @__PURE__ */ a(x, { height: "100%", onTryAgain: e }) : _ || !r ? /* @__PURE__ */ a(E, { height: "100%" }) : r;
+  }, [e]), m ? /* @__PURE__ */ u(E, { height: "100%", onTryAgain: e }) : h || !r ? /* @__PURE__ */ u(A, { height: "100%" }) : r;
 };
 export {
-  L as default
+  P as default
 };
 //# sourceMappingURL=worksheet.js.map

package/dist/features/trial-session/comps/worksheet/worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode });\n    }\n  }, [countryCode, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,MAAeD,KAAY,CAAA,GAC1C,EAAE,qBAAqBE,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFN,EAAW,EAAI,GAGbO,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAX,EAAkB,EAAE,YAAAY,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIvB,MACFO,EAAW,EAAK,GAChBY,EAAWlB,GAAW,EAAE,cAAcU,EAAa,CAAA;AAAA,KAEpD,CAACA,GAAaX,GAAWmB,GAAYlB,CAAS,CAAC;AAMlD,SAJAuB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVhB,IACM,gBAAAmB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAAClB,IACZ,gBAAAuB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3BzB;AACT;"}
+{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, course } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode, course });\n    }\n  }, [countryCode, course, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","course","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,GAAY,QAAAC,EAAO,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFP,EAAW,EAAI,GAGbQ,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAZ,EAAkB,EAAE,YAAAa,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIxB,MACFO,EAAW,EAAK,GAChBa,EAAWnB,GAAW,EAAE,cAAcW,GAAa,QAAAD,EAAQ,CAAA;AAAA,EAC7D,GACC,CAACC,GAAaD,GAAQX,GAAWoB,GAAYnB,CAAS,CAAC;AAM1D,SAJAwB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVjB,IACM,gBAAAoB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACnB,IACZ,gBAAAwB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B1B;AACT;"}

package/dist/features/trial-session/hooks/use-trial-session-navigation.js

@@ -1,36 +1,37 @@
-import { useCallback as d, useEffect as j } from "react";
-import { COURSE_STREAMS as q } from "../../milestone/constants.js";
-import { useMilestoneBulkPost as J } from "../../milestone/create/api/milestone-bulk.js";
-import { usePostStudentPreferences as Q } from "../api/course-stream.js";
-import { usePatchStudentInformation as X } from "../api/student-information.js";
-import { usePatchTrialHome as Y } from "../api/trial-home.js";
-import { useTrialSessionContext as $ } from "../context/use-trial-session-context.js";
-import { getFormattedPreferences as ee, getFormattedStudentPersonalizedPreference as te } from "../helper.js";
+import { useCallback as d, useEffect as q } from "react";
+import { COURSE_STREAMS as J } from "../../milestone/constants.js";
+import { useMilestoneBulkPost as Q } from "../../milestone/create/api/milestone-bulk.js";
+import { usePostStudentPreferences as X } from "../api/course-stream.js";
+import { usePatchStudentInformation as Y } from "../api/student-information.js";
+import { usePatchTrialHome as $ } from "../api/trial-home.js";
+import { useTrialSessionContext as ee } from "../context/use-trial-session-context.js";
+import { getFormattedPreferences as te, getFormattedStudentPersonalizedPreference as oe } from "../helper.js";
 import { DEFAULT_BUTTON_STATE as S, TrialPageId as e } from "../trial-session-constants.js";
-import z from "../../../node_modules/uuid/dist/esm-browser/v4.js";
-const ue = () => {
+import B from "../../../node_modules/uuid/dist/esm-browser/v4.js";
+const fe = () => {
   const {
     updateSlideConfig: s,
-    slideConfig: B,
-    formData: H,
+    slideConfig: H,
+    formData: w,
     updateButtonState: n,
     teacherId: l,
     studentId: a,
-    milestoneConfig: L,
-    onTrialInformationUpdate: I,
-    trialHomeData: w,
-    worksheetNavigationPanel: N
-  } = $(), { nextPage: Z, id: r } = B || {}, { demo_info: K } = w, { stream: P, region_data: W } = K, { opportunity_country: C = "US" } = W || {}, { pageId: i } = Z || {}, {
+    milestoneConfig: N,
+    onTrialInformationUpdate: h,
+    trialHomeData: K,
+    worksheetNavigationPanel: I
+  } = ee(), { nextPage: Z, id: r } = H || {}, { demo_info: W } = K, { stream: P, region_data: V } = W, { opportunity_country: C = "US" } = V || {}, { pageId: i } = Z || {}, {
     name: m,
     grade: p,
     goals: g,
     curriculum: E,
     studentTimezone: T,
-    preferences: A = [],
-    personalizedLevel: R = [],
+    preferences: R = [],
+    personalizedLevel: A = [],
     personalizedFocus: b = [],
-    personalizedBehaviors: O = []
-  } = H || {}, c = d(() => {
+    personalizedBehaviors: O = [],
+    personalizedObjectives: v = []
+  } = w || {}, c = d(() => {
     n("both", {
       left: { isDisabled: !0, isLoading: !1 },
       right: { isDisabled: !0, isLoading: !0 }
@@ -38,16 +39,16 @@ const ue = () => {
   }, [n]), _ = (o) => {
     if (!o) {
       const t = {};
-      (i === e.CIRCLE_GAME || i === e.CIRCLE_PUZZLE || i === e.CIRCLE_SKILL) && (t.matchmakingId = z(), t.showCircleGameScreen = !0), s({ id: i, ...t });
+      (i === e.CIRCLE_GAME || i === e.CIRCLE_PUZZLE || i === e.CIRCLE_SKILL) && (t.matchmakingId = B(), t.showCircleGameScreen = !0), s({ id: i, ...t });
     }
-    n("both", S), (r === e.STUDENT_INFORMATION || r === e.SCHOOL_GOALS) && (I == null || I());
-  }, { patch: v } = Y({ onComplete: _ }), { patch: k } = X({
-    onComplete: _
-  }), { post: D } = J({
+    n("both", S), (r === e.STUDENT_INFORMATION || r === e.SCHOOL_GOALS) && (h == null || h());
+  }, { patch: k } = $({ onComplete: _ }), { patch: D } = Y({
     onComplete: _
   }), { post: G } = Q({
     onComplete: _
-  }), M = d(() => {
+  }), { post: M } = X({
+    onComplete: _
+  }), U = d(() => {
     const [o, t] = (m == null ? void 0 : m.split(" ")) || [], u = {
       first_name: o,
       last_name: t,
@@ -57,7 +58,7 @@ const ue = () => {
       teacher_id: l,
       country_alpha_2: C
     };
-    /\d/.test(m || "") ? s({ numberInNameError: !0 }) : (c(), k(a, u));
+    /\d/.test(m || "") ? s({ numberInNameError: !0 }) : (c(), D(a, u));
   }, [
     m,
     p,
@@ -66,17 +67,17 @@ const ue = () => {
     C,
     c,
     s,
-    k,
+    D,
     a
-  ]), U = d(() => {
-    const o = ee(A, T);
+  ]), x = d(() => {
+    const o = te(R, T);
     if (o.length > 0) {
       const t = {
         trial_details: {
           selected_regular_slots: o
         }
       };
-      c(), v("trial-v3-patch", {
+      c(), k("trial-v3-patch", {
         action: "UPDATE_DEMO",
         action_data: t,
         teacher_id: l,
@@ -85,16 +86,16 @@ const ue = () => {
     } else
       s({ id: i }), n("both", S);
   }, [
-    A,
+    R,
     T,
     c,
-    v,
+    k,
     l,
     a,
     s,
     i,
     n
-  ]), x = d(() => {
+  ]), y = d(() => {
     const o = {
       course_stream: P,
       grade: p,
@@ -102,7 +103,7 @@ const ue = () => {
       board: E,
       goals: g
     };
-    c(), D(o, {
+    c(), G(o, {
       studentId: a
     });
   }, [
@@ -110,30 +111,32 @@ const ue = () => {
     c,
     g,
     p,
-    D,
+    G,
     P,
     a,
     l
-  ]), y = d(() => {
-    const t = { preferences: te(L, [
-      ...R,
+  ]), z = d(() => {
+    const t = { preferences: oe(N, [
+      ...A,
       ...b,
-      ...O
-    ]) }, u = { stream: q.MATH, studentId: a };
-    c(), G(t, u);
+      ...O,
+      ...v
+    ]) }, u = { stream: J.MATH, studentId: a };
+    c(), M(t, u);
   }, [
     c,
-    L,
+    N,
     O,
     b,
-    R,
-    G,
+    A,
+    M,
+    v,
     a
-  ]), h = d(
+  ]), L = d(
     (o, t) => {
       if (!s) return;
       const u = r === e.STUDENT_PROFILE, F = r === e.LEARNING_PLAN, f = {};
-      if ((t === e.CIRCLE_GAME || t === e.CIRCLE_PUZZLE || t === e.CIRCLE_SKILL) && (f.matchmakingId = z(), f.showCircleGameScreen = !0), o === "prev" && (s({
+      if ((t === e.CIRCLE_GAME || t === e.CIRCLE_PUZZLE || t === e.CIRCLE_SKILL) && (f.matchmakingId = B(), f.showCircleGameScreen = !0), o === "prev" && (s({
         id: t,
         ...u && { studentProfile: void 0 },
         ...F && {
@@ -144,17 +147,16 @@ const ue = () => {
         switch (r) {
           case e.STUDENT_INFORMATION:
           case e.SCHOOL_GOALS:
-            M();
+            U();
             break;
           case e.LEARNING_WORKSHEET:
-            x();
+            y();
             break;
           case e.CLASS_PREFERENCE:
-            U();
+            x();
             break;
           case e.LEARNING_LEVEL:
-          case e.STUDENT_PERSONALIZATION:
-            y();
+            z();
             break;
           case e.LEARNING_PLAN:
             s({ id: t, chapterId: void 0, ...f });
@@ -167,19 +169,19 @@ const ue = () => {
       s,
       r,
       n,
-      M,
-      x,
       U,
-      y
+      y,
+      x,
+      z
     ]
-  ), V = d(() => {
-    !N && r === e.LEARNING_WORKSHEET && h("next", i);
-  }, [r, h, i, N]);
-  return j(() => {
-    V();
-  }, [N]), { handleNavigation: h };
+  ), j = d(() => {
+    !I && r === e.LEARNING_WORKSHEET && L("next", i);
+  }, [r, L, i, I]);
+  return q(() => {
+    j();
+  }, [I]), { handleNavigation: L };
 };
 export {
-  ue as useTrialSessionNavigation
+  fe as useTrialSessionNavigation
 };
 //# sourceMappingURL=use-trial-session-navigation.js.map