@cuemath/leap 3.3.37-m → 3.3.37

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

@@ -1,42 +1,42 @@
-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 { 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 { 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 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 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 }) => {
+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 }) => {
   const {
-    degree: D,
+    degree: S,
     countries: o,
     lower_grade: d,
     higher_grade: i,
-    header_image: G,
-    years_of_experience: R,
-    number_of_students_taught: v,
+    header_image: D,
+    years_of_experience: G,
+    number_of_students_taught: R,
     first_name: g,
     last_name: O,
     teacher_profile_url: n
-  } = S || {}, {
+  } = y || {}, {
     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(
+  } = S || {}, b = Y(), e = l(() => b.device <= V.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(() => {
+  ), 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(() => {
     n && window.open(n, "_blank");
-  }, [n]), _ = m(() => n ? /* @__PURE__ */ t(P, { children: [
+  }, [n]), _ = m(() => n ? /* @__PURE__ */ t(N, { children: [
     /* @__PURE__ */ r(x, { heightX: 1.5 }),
     /* @__PURE__ */ r(
-      H,
+      B,
       {
         label: "View profile",
         renderAs: "secondary",
@@ -52,7 +52,7 @@ const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
       mobileLabel: f,
       valueRenderAs: L = "ah3-black"
     }) => /* @__PURE__ */ t(
-      N,
+      P,
       {
         $flex: e ? 1 : 0,
         $justifyContent: e ? "flex-start" : "center",
@@ -67,10 +67,10 @@ const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
       }
     ),
     [e]
-  ), M = m(() => {
+  ), U = m(() => {
     if (!E) return null;
     if (e) {
-      const a = q(o);
+      const a = K(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 oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
         " 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 || {};
+        const T = ne.find((W) => W.name === a), { flag_icon: f = "", label: L = "", name: M } = T || {};
         return /* @__PURE__ */ t(s, { $flexDirection: "row", $flexGap: 4, children: [
-          /* @__PURE__ */ r(V, { src: f, width: 30, height: 20, withLoader: !1 }),
+          /* @__PURE__ */ r(H, { src: f, width: 30, height: 20, withLoader: !1 }),
           /* @__PURE__ */ r(c, { $renderAs: "ab3-black", children: L })
-        ] }, W || a);
+        ] }, M || a);
       }) })
     ] });
   }, [
@@ -113,7 +113,7 @@ const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
       $background: "WHITE_3",
       children: [
         /* @__PURE__ */ t(
-          z,
+          q,
           {
             $gapX: e ? 1 : 1.5,
             $gutterX: 1,
@@ -121,21 +121,21 @@ const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
             $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 }),
+              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 }),
               /* @__PURE__ */ r(
-                te,
+                re,
                 {
                   withLoader: !0,
-                  src: G,
+                  src: D,
                   width: e ? 154 : 238,
                   height: e ? 154 : 238
                 }
               ),
-              w && /* @__PURE__ */ t(P, { children: [
+              w && /* @__PURE__ */ t(N, { 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 oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
             ]
           }
         ),
-        /* @__PURE__ */ t(ne, { children: [
+        /* @__PURE__ */ t(te, { children: [
           A({
-            value: `${R}+`,
+            value: `${G}+`,
             label: "Yrs of Teaching Experience",
             mobileLabel: "Years of Teaching"
           }),
           A({
-            value: `${v}+`,
+            value: `${R}+`,
             label: "Students Taught"
           }),
-          U && A({
+          v && A({
             value: e && C ? C : $,
             label: `In ${h}`,
             mobileLabel: h,
             valueRenderAs: "ab1-black"
           }),
           /* @__PURE__ */ r(
-            N,
+            P,
             {
               $justifyContent: "center",
               $gutter: 24,
               $flexDirection: e ? "row" : "column",
               $background: e ? "YELLOW_4" : "TRANSPARENT",
-              children: M()
+              children: U()
             }
           )
         ] })
@@ -174,9 +174,8 @@ const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
     }
   );
 });
-y.displayName = "TeacherProfile";
-const _e = y;
+oe.displayName = "TeacherProfile";
 export {
-  _e as default
+  oe 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","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"],"mappings":"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"}

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

@@ -1,52 +1,53 @@
-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 { 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 { 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 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, {
+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, {
       countryCode: m,
-      grade: s ?? "",
+      grade: l ?? "",
       goalCategory: r.TEST_PREP,
-      courseStream: i,
+      courseStream: s,
       enrollmentType: "ONLINE"
     }),
-    [m, s, n, i]
-  ), { goal_code: h } = (e == null ? void 0 : e.find((t) => t.goal_category === r.TEST_PREP)) ?? {}, T = b(
-    (t, _) => {
+    [m, l, i, s]
+  ), { goal_code: _ } = (e == null ? void 0 : e.find((t) => t.goal_category === r.TEST_PREP)) ?? {}, C = L(
+    (t, P) => {
       if (!t) {
-        const E = e == null ? void 0 : e.filter(
-          (P) => P.goal_category !== r.TEST_PREP
+        const b = e == null ? void 0 : e.filter(
+          (y) => y.goal_category !== r.TEST_PREP
         );
-        a({ goals: E });
+        a({ goals: b });
         return;
       }
-      const { label: C } = _, S = j(e, r.TEST_PREP, {
+      const { label: S } = P, E = w(e, r.TEST_PREP, {
         goal_code: t,
-        milestone_name: C,
-        milestone_date_ts: R()
+        milestone_name: S,
+        milestone_date_ts: j(),
+        publish: p
       });
-      a({ goals: S });
+      a({ goals: E });
     },
-    [e, a]
+    [e, p, a]
   );
-  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" }) }),
+  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" }) }),
       /* @__PURE__ */ o(
-        N,
+        B,
         {
           $flexGap: 40,
           $justifyContent: "center",
@@ -55,26 +56,26 @@ const Z = y(() => {
           $gapX: 2.5,
           $gutterX: 2.5,
           children: /* @__PURE__ */ o(
-            L,
+            R,
             {
               renderAs: "primary",
               label: "Select a Test",
-              value: h,
-              options: u,
+              value: _,
+              options: T,
               shape: "borderLess",
               theme: "dark",
-              onChange: T,
+              onChange: C,
               isTransparent: !0
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ o(p, { heightX: 1 }),
-    /* @__PURE__ */ o(A, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
+    /* @__PURE__ */ o(d, { heightX: 1 }),
+    /* @__PURE__ */ o(D, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
   ] });
 });
 export {
-  Z as default
+  te as default
 };
 //# sourceMappingURL=test-prep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(() => {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [countryCode, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","stream","regionData","countryCode","grade","goals","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAWC,EAAK,MAAM;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,EAAa,IAAAF,GAC1B,EAAE,QAAAG,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUT,KAAY,CAAA,GAE/BU,IAAYC;AAAA,IAChB,MACEC,EAAmBb,GAAiB;AAAA,MAClC,aAAAQ;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcK,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACE,GAAaC,GAAOT,GAAiBM,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWS,OACjBL,KAAA,gBAAAA,EAAO,KAAK,CAAQM,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBX,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAM,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAsB;AAEjD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBd,GAAOI,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACb,GAAOR,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(() => {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [countryCode, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,KAAWC,EAAK,MAAM;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,MAAiBH,GACvD,EAAE,QAAAI,GAAQ,aAAaC,EAAW,IAAIH,KAAY,CAAA,GAClD,EAAE,qBAAqBI,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUV,KAAY,CAAA,GAC/BW,IAAQC,EAAYP,KAAA,gBAAAA,EAAc,MAAM,GAExCQ,IAAYC;AAAA,IAChB,MACEC,EAAmBhB,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACE,GAAaC,GAAOV,GAAiBO,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBb,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAQ,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAf,EAAA,EAAE,OAAOsB,EAAA,CAAsB;AAEjD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBhB,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAAShB;AAAA,MAAA,CACV;AAEiB,MAAAV,EAAA,EAAE,OAAOwB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACf,GAAOC,GAAOV,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA2B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js

@@ -1,60 +1,59 @@
-import { jsxs as s, Fragment as Q, jsx as t } from "react/jsx-runtime";
-import { memo as X, useRef as ee, useState as re, useMemo as h, useCallback as m, useEffect as te } from "react";
-import { getTimeStrInFormatHMS as ae } from "../../../../helpers/date-time.js";
-import { useWebViewGames as ie } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
-import { WebView as oe } from "../../../circle-games/games/web-view/web-view.js";
+import { jsxs as s, Fragment as K, jsx as t } from "react/jsx-runtime";
+import { memo as Q, useRef as X, useState as ee, useMemo as h, useCallback as m, useEffect as re } from "react";
+import { getTimeStrInFormatHMS as te } from "../../../../helpers/date-time.js";
+import { useWebViewGames as ae } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
+import { WebView as ie } from "../../../circle-games/games/web-view/web-view.js";
 import v from "../../../ui/layout/flex-view.js";
 import E from "../../../ui/separator/separator.js";
 import d from "../../../ui/text/text.js";
-import { useTrialSessionContext as ne } from "../../context/use-trial-session-context.js";
-import { TrialPageId as L } from "../../trial-session-constants.js";
-import { TrialCircleGameLaunchScreen as ce } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
-import { GameContainer as le, GameWrapper as se, GameLaunchOverlay as me } from "./trial-circle-game-styled.js";
+import { useTrialSessionContext as oe } from "../../context/use-trial-session-context.js";
+import { TrialPageId as y } from "../../trial-session-constants.js";
+import { TrialCircleGameLaunchScreen as ne } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
+import { GameContainer as le, GameWrapper as ce, GameLaunchOverlay as se } from "./trial-circle-game-styled.js";
 import { ProjectType as e } from "../../../circle-games/games/web-view/enums/project-type-enum.js";
 import S from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const de = {
-  [L.CIRCLE_GAME]: e.GAME,
-  [L.CIRCLE_PUZZLE]: e.PUZZLE,
-  [L.CIRCLE_SKILL]: e.LESSON
-}, _e = X(() => {
-  const { slideConfig: b, trialGameUrl: j, circleGames: A, formData: k, handleInfoMessage: $, updateSlideConfig: o } = ne(), {
-    showCircleGameScreen: C = !0,
+const me = {
+  [y.CIRCLE_GAME]: e.GAME,
+  [y.CIRCLE_PUZZLE]: e.PUZZLE,
+  [y.CIRCLE_SKILL]: e.LESSON
+}, Pe = Q(() => {
+  const { slideConfig: b, trialGameUrl: j, circleGames: A, formData: k, handleInfoMessage: $, updateSlideConfig: o } = oe(), {
+    showCircleGameScreen: g = !0,
     isCircleGamePlayed: u = !1,
-    isCirclePuzzleSolved: l = !1,
+    isCirclePuzzleSolved: c = !1,
     isCircleSkillCompleted: p = !1,
-    accuracyStr: g = "",
+    accuracyStr: C = "",
     totalTimeTaken: G = 0,
     matchmakingId: f
-  } = k || {}, I = ee(null), { playGame: P } = ie({ webViewRef: I }), [y, T] = re(!0), { header: U, id: M } = b, r = de[M], { circleConfig: O, playerDetails: W } = A, { games: c, puzzles: n, lessons: a } = O ?? {}, _ = h(() => ({
+  } = k || {}, I = X(null), { playGame: P } = ae({ webViewRef: I }), [T, L] = ee(!0), { header: U, id: M } = b, r = me[M], { circleConfig: O, playerDetails: W } = A, { games: l, puzzles: n, lessons: a } = O ?? {}, _ = h(() => ({
     [e.GAME]: u,
-    [e.PUZZLE]: l,
+    [e.PUZZLE]: c,
     [e.LESSON]: p
-  }), [u, l, p]), w = h(() => {
+  }), [u, c, p]), w = h(() => {
     const i = {
-      [e.GAME]: u ? c.game_card : c.tutorial,
-      [e.PUZZLE]: l ? n.game_card : n.tutorial,
+      [e.GAME]: u ? l.game_card : l.tutorial,
+      [e.PUZZLE]: c ? n.game_card : n.tutorial,
       [e.LESSON]: p ? a.game_card : a.tutorial
     };
     return r ? i[r] : "";
   }, [
     r,
-    c.game_card,
-    c.tutorial,
+    l.game_card,
+    l.tutorial,
     n.game_card,
     n.tutorial,
     a.game_card,
     a.tutorial,
     u,
-    l,
+    c,
     p
-  ]), x = h(() => r === e.PUZZLE && l ? "You've solved it!" : "", [r, l]), { circle_username: D, userId: N, grade: H, user_avatar: R, playerType: Z, countryCode: z } = W ?? {}, F = {
-    id: N,
+  ]), x = h(() => r === e.PUZZLE && c ? "You've solved it!" : "", [r, c]), { circle_username: D, userId: H, grade: N, user_avatar: R, playerType: Z } = W ?? {}, z = {
+    id: H,
     username: D,
-    grade: H,
+    grade: N,
     avatar: R,
-    playerType: Z,
-    countryCode: z || "IN"
-  }, B = h(() => {
+    playerType: Z
+  }, F = h(() => {
     const i = {
       joinByRoomId: f,
       enableCloseButton: !1,
@@ -63,8 +62,8 @@ const de = {
     };
     return r === e.GAME ? {
       ...i,
-      projectId: c.project_id,
-      variant: c.variant,
+      projectId: l.project_id,
+      variant: l.variant,
       projectType: e.GAME
     } : r === e.PUZZLE ? {
       ...i,
@@ -82,15 +81,15 @@ const de = {
       targetQuestions: a.target_questions,
       projectType: e.LESSON
     };
-  }, [c, n, a, r, f]), V = m(() => {
-    T(!1);
-  }, []), q = m(() => {
-    T(!0), (r === e.GAME || r === e.PUZZLE || r === e.LESSON) && o({ showCircleGameScreen: !0, matchmakingId: S() });
-  }, [r, o]), Y = m(() => {
+  }, [l, n, a, r, f]), B = m(() => {
+    L(!1);
+  }, []), V = m(() => {
+    L(!0), (r === e.GAME || r === e.PUZZLE || r === e.LESSON) && o({ showCircleGameScreen: !0, matchmakingId: S() });
+  }, [r, o]), q = m(() => {
     o({ showCircleGameScreen: !1, accuracyStr: "", totalTimeTaken: 0 });
-  }, [o]), J = m(
+  }, [o]), Y = m(
     (i) => {
-      T(!0), r === e.LESSON ? o({
+      L(!0), r === e.LESSON ? o({
         accuracyStr: i.value,
         totalTimeTaken: i.timeSpent,
         isCircleSkillCompleted: !0,
@@ -107,52 +106,52 @@ const de = {
       });
     },
     [o, r]
-  ), K = m(() => g && G ? /* @__PURE__ */ s(Q, { children: [
+  ), J = m(() => C && G ? /* @__PURE__ */ s(K, { children: [
     /* @__PURE__ */ s(v, { $flexDirection: "row", children: [
       /* @__PURE__ */ t(d, { $renderAs: "ab2", $color: "WHITE", children: "Finished in" }),
       /* @__PURE__ */ t(E, { width: 5 }),
-      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: ae(G) })
+      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: te(G) })
     ] }),
     /* @__PURE__ */ t(E, { height: 20 }),
     /* @__PURE__ */ s(v, { $flexDirection: "row", children: [
       /* @__PURE__ */ t(d, { $renderAs: "ab2", $color: "WHITE", children: "Accuracy:" }),
       /* @__PURE__ */ t(E, { width: 5 }),
-      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: g })
+      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: C })
     ] })
-  ] }) : null, [g, G]);
-  return te(() => {
-    !y && !C && P();
-  }, [C, P, y]), /* @__PURE__ */ s(le, { children: [
+  ] }) : null, [C, G]);
+  return re(() => {
+    !T && !g && P();
+  }, [g, P, T]), /* @__PURE__ */ s(le, { children: [
     /* @__PURE__ */ t(E, { height: 16 }),
     /* @__PURE__ */ t(d, { $renderAs: "ah3-bold", $color: "WHITE_T_87", $align: "center", $marginBottom: 16, children: U }),
-    /* @__PURE__ */ s(se, { children: [
-      C && /* @__PURE__ */ t(me, { children: /* @__PURE__ */ t(
-        ce,
+    /* @__PURE__ */ s(ce, { children: [
+      g && /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
+        ne,
         {
           assetUrl: w,
           assetUrlType: w.endsWith("mp4") ? "video" : "lottie",
           descriptionHeader: x,
           playerType: Z,
-          isLoading: y,
+          isLoading: T,
           isGamePlayed: (r && _[r]) ?? !1,
-          onPlay: Y,
-          custEle: r === e.LESSON ? K() : void 0,
+          onPlay: q,
+          custEle: r === e.LESSON ? J() : void 0,
           celebrationText: r && _[r] ? "WELL DONE!" : ""
         }
       ) }),
       f && /* @__PURE__ */ t(
-        oe,
+        ie,
         {
           ref: I,
           height: "100%",
           width: "100%",
           baseUrl: j,
-          playerDetails: F,
-          projectDetails: B,
-          onGameLoad: V,
-          onBack: q,
+          playerDetails: z,
+          projectDetails: F,
+          onGameLoad: B,
+          onBack: V,
           handleInfoMessage: $,
-          onGamePlayFinish: J,
+          onGamePlayFinish: Y,
           parentDomain: window.location.origin
         },
         f
@@ -161,6 +160,6 @@ const de = {
   ] });
 });
 export {
-  _e as default
+  Pe as default
 };
 //# sourceMappingURL=trial-circle-game.js.map