@cuemath/leap 3.3.32 → 3.3.33-m

package/dist/features/trial-session/comps/pla/session-status/session-status.js

@@ -0,0 +1,127 @@
+import { jsxs as t, jsx as e, Fragment as d } from "react/jsx-runtime";
+import { memo as w, useMemo as L, useCallback as x } from "react";
+import { EClassStatus as g } from "../../../../parent-dashboard/parent-dashboard-types.js";
+import A from "../../../../ui/buttons/text-button/text-button.js";
+import I from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
+import W from "../../../../ui/lottie-animation/lottie-animation.js";
+import l from "../../../../ui/separator/separator.js";
+import S from "../../../../ui/text/text.js";
+import _ from "./hooks/use-session-countdown.js";
+import O from "./hooks/use-session-status-config.js";
+import { renderSettings as X } from "./session-status-constants.js";
+import { formatSessionDateTime as y } from "./session-status-helpers.js";
+import { LottieWrapper as H, ContentWrapper as M, SubTitle as k } from "./session-status-styled.js";
+const E = ({
+  completedSessions: n,
+  nextSessionStartTime: m,
+  status: o = null,
+  teacherName: a,
+  studentName: f,
+  onRescheduleClick: $ = () => {
+  }
+}) => {
+  const b = L(
+    () => ({
+      isTeacherAssigned: !!a,
+      isFirstSessionCompleted: n > 0,
+      formattedSessionStart: y(m),
+      isNoShowStatus: o === g.S_NO_SHOW || o === g.T_NO_SHOW
+    }),
+    [n, a, m, o]
+  ), { isTeacherAssigned: c, isFirstSessionCompleted: h, formattedSessionStart: C, isNoShowStatus: s } = b, T = _(
+    m,
+    h,
+    s
+  ), u = O({
+    status: o,
+    completedSessions: n,
+    formattedSessionStart: C,
+    remainingTime: T,
+    isTeacherAssigned: c,
+    isFirstSessionCompleted: h,
+    isNoShowStatus: s,
+    teacherName: a,
+    studentName: f,
+    onRescheduleClick: $
+  }), p = x(
+    (r) => /* @__PURE__ */ t(
+      i,
+      {
+        $flexDirection: "row",
+        $flexColumnGapX: r != null && r.isLargeIcon ? 0.75 : 1.5,
+        $alignItems: r.align || "flex-start",
+        children: [
+          /* @__PURE__ */ e(i, { children: r.icon ? /* @__PURE__ */ e(I, { src: r.icon, width: 64, height: 64 }) : /* @__PURE__ */ e(H, { $isLargeLottie: !!(r != null && r.isLargeIcon), children: /* @__PURE__ */ e(
+            W,
+            {
+              src: r.lottie,
+              settings: X,
+              width: r.isLargeIcon ? 75 : 64,
+              height: r.isLargeIcon ? 75 : 64
+            }
+          ) }) }),
+          /* @__PURE__ */ t(M, { $maxWidth: r.maxWidth ?? "100%", $width: "100%", children: [
+            r.title && /* @__PURE__ */ e(
+              S,
+              {
+                $renderAs: r.titleStyle,
+                $color: r.titleColor,
+                $renderOnMobileAs: r.titleTabletStyle,
+                children: r.title
+              }
+            ),
+            r.subtitle && /* @__PURE__ */ t(d, { children: [
+              /* @__PURE__ */ e(l, { height: 2 }),
+              /* @__PURE__ */ e(
+                k,
+                {
+                  $renderAs: r.subtitleStyle,
+                  $renderOnMobileAs: r.subtitleTabletStyle,
+                  $color: "WHITE_1",
+                  $whiteSpace: "pre-line",
+                  $subtitleLineThrough: r.subtitleLineThrough,
+                  children: r.subtitle
+                }
+              )
+            ] }),
+            r.description && /* @__PURE__ */ t(d, { children: [
+              /* @__PURE__ */ e(l, { heightX: 0.5 }),
+              /* @__PURE__ */ e(i, { $width: "100%", children: /* @__PURE__ */ e(
+                S,
+                {
+                  $renderAs: "ub2",
+                  $renderOnMobileAs: "ub3",
+                  $color: r.descriptionColor ?? "WHITE_T_60",
+                  children: r.description
+                }
+              ) })
+            ] }),
+            r.action && /* @__PURE__ */ t(d, { children: [
+              /* @__PURE__ */ e(l, { heightX: 0.75 }),
+              /* @__PURE__ */ e(
+                A,
+                {
+                  sizeOnMobile: "small",
+                  label: r.action.label,
+                  color: "WHITE_1",
+                  onClick: r.action.onClick
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    []
+  );
+  return /* @__PURE__ */ t(i, { $flexDirection: "column", $justifyContent: "center", children: [
+    p(u.topSection),
+    /* @__PURE__ */ e(i, { $gutterX: 2, $gapX: 0.25, children: /* @__PURE__ */ e(l, { heightX: 3, background: "BLACK_5", width: 1 }) }),
+    p(u.bottomSection)
+  ] });
+}, R = w(E);
+export {
+  R as default
+};
+//# sourceMappingURL=session-status.js.map

package/dist/features/trial-session/comps/pla/session-status/session-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status.tsx"],"sourcesContent":["import type { ISectionConfig, ISessionStatusProps } from './session-status-types';\n\nimport { useCallback, useMemo, memo } from 'react';\n\nimport { EClassStatus } from '../../../../parent-dashboard/parent-dashboard-types';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport useSessionCountdown from './hooks/use-session-countdown';\nimport useSessionStatusConfig from './hooks/use-session-status-config';\nimport { renderSettings } from './session-status-constants';\nimport { formatSessionDateTime } from './session-status-helpers';\nimport * as Styled from './session-status-styled';\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  status = null,\n  teacherName,\n  studentName,\n  onRescheduleClick = () => {},\n}: ISessionStatusProps) => {\n  const derivedValues = useMemo(\n    () => ({\n      isTeacherAssigned: !!teacherName,\n      isFirstSessionCompleted: completedSessions > 0,\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n      isNoShowStatus: status === EClassStatus.S_NO_SHOW || status === EClassStatus.T_NO_SHOW,\n    }),\n    [completedSessions, teacherName, nextSessionStartTime, status],\n  );\n\n  const { isTeacherAssigned, isFirstSessionCompleted, formattedSessionStart, isNoShowStatus } =\n    derivedValues;\n\n  const remainingTime = useSessionCountdown(\n    nextSessionStartTime,\n    isFirstSessionCompleted,\n    isNoShowStatus,\n  );\n\n  const config = useSessionStatusConfig({\n    status,\n    completedSessions,\n    formattedSessionStart,\n    remainingTime,\n    isTeacherAssigned,\n    isFirstSessionCompleted,\n    isNoShowStatus,\n    teacherName,\n    studentName,\n    onRescheduleClick,\n  });\n\n  const renderSection = useCallback(\n    (section: ISectionConfig) => (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexColumnGapX={section?.isLargeIcon ? 0.75 : 1.5}\n        $alignItems={section.align || 'flex-start'}\n      >\n        <FlexView>\n          {section.icon ? (\n            <Image src={section.icon} width={64} height={64} />\n          ) : (\n            <Styled.LottieWrapper $isLargeLottie={!!section?.isLargeIcon}>\n              <LottieAnimation\n                src={section.lottie!}\n                settings={renderSettings}\n                width={section.isLargeIcon ? 75 : 64}\n                height={section.isLargeIcon ? 75 : 64}\n              />\n            </Styled.LottieWrapper>\n          )}\n        </FlexView>\n        <Styled.ContentWrapper $maxWidth={section.maxWidth ?? '100%'} $width=\"100%\">\n          {section.title && (\n            <Text\n              $renderAs={section.titleStyle}\n              $color={section.titleColor}\n              $renderOnMobileAs={section.titleTabletStyle}\n            >\n              {section.title}\n            </Text>\n          )}\n\n          {section.subtitle && (\n            <>\n              <Separator height={2} />\n              <Styled.SubTitle\n                $renderAs={section.subtitleStyle!}\n                $renderOnMobileAs={section.subtitleTabletStyle}\n                $color=\"WHITE_1\"\n                $whiteSpace=\"pre-line\"\n                $subtitleLineThrough={section.subtitleLineThrough}\n              >\n                {section.subtitle}\n              </Styled.SubTitle>\n            </>\n          )}\n\n          {section.description && (\n            <>\n              <Separator heightX={0.5} />\n              <FlexView $width=\"100%\">\n                <Text\n                  $renderAs=\"ub2\"\n                  $renderOnMobileAs=\"ub3\"\n                  $color={section.descriptionColor ?? 'WHITE_T_60'}\n                >\n                  {section.description}\n                </Text>\n              </FlexView>\n            </>\n          )}\n\n          {section.action && (\n            <>\n              <Separator heightX={0.75} />\n              <TextButton\n                sizeOnMobile=\"small\"\n                label={section.action.label}\n                color=\"WHITE_1\"\n                onClick={section.action.onClick}\n              />\n            </>\n          )}\n        </Styled.ContentWrapper>\n      </FlexView>\n    ),\n    [],\n  );\n\n  return (\n    <FlexView $flexDirection=\"column\" $justifyContent=\"center\">\n      {renderSection(config.topSection)}\n\n      <FlexView $gutterX={2} $gapX={0.25}>\n        <Separator heightX={3} background=\"BLACK_5\" width={1} />\n      </FlexView>\n\n      {renderSection(config.bottomSection)}\n    </FlexView>\n  );\n};\n\nexport default memo(SessionStatus);\n"],"names":["SessionStatus","completedSessions","nextSessionStartTime","status","teacherName","studentName","onRescheduleClick","derivedValues","useMemo","formatSessionDateTime","EClassStatus","isTeacherAssigned","isFirstSessionCompleted","formattedSessionStart","isNoShowStatus","remainingTime","useSessionCountdown","config","useSessionStatusConfig","renderSection","useCallback","section","jsxs","FlexView","jsx","Image","Styled.LottieWrapper","LottieAnimation","renderSettings","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","TextButton","SessionStatus$1","memo"],"mappings":"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"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/session-summary/session-summary-constants.js

@@ -1,5 +1,5 @@
-import { GIF as e } from "../../../../assets/gif/gif.js";
-import { ESummaryType as t } from "../../parent-dashboard-types.js";
+import { GIF as e } from "../../../../../assets/gif/gif.js";
+import { ESummaryType as t } from "../../../../parent-dashboard/parent-dashboard-types.js";
 const n = [
   {
     title: "introduction & goals",

package/dist/features/trial-session/comps/pla/session-summary/session-summary-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-summary-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary-constants.ts"],"sourcesContent":["import type { ISessionSummary } from './session-summary-types';\n\nimport { GIF } from '../../../../../assets/gif/gif';\nimport { ESummaryType } from '../../../../parent-dashboard/parent-dashboard-types';\n\nexport const sessionSummaryData: ISessionSummary[] = [\n  {\n    title: 'introduction & goals',\n    description: 'Get to know your tutor and discuss your goals and expectations',\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'interactive sessions',\n    description: 'Watch your child learn concepts and tackle problems with their tutorʼs guidance.',\n    image: GIF.LEARNING_SESSION_GRID_BG,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'way forward',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    image: GIF.WAY_FORWARD_GRID_BG,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n  },\n];\n\nexport const sessionSummaryAfterDemo: ISessionSummary[] = [\n  {\n    title: 'created student profile',\n    type: ESummaryType.STUDENT_PROFILE,\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    type: ESummaryType.INSIGHTS,\n    image: GIF.LEARNING_SESSION_GRID_BG,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'Created learning plan',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    image: GIF.WAY_FORWARD_GRID_BG,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n    type: ESummaryType.LEARNING_PLAN,\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo","ESummaryType"],"mappings":";;AAKO,MAAMA,IAAwC;AAAA,EACnD;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOC,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,GAEaC,IAA6C;AAAA,EACxD;AAAA,IACE,OAAO;AAAA,IACP,MAAMC,EAAa;AAAA,IACnB,OAAOF,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAME,EAAa;AAAA,IACnB,OAAOF,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAME,EAAa;AAAA,EACrB;AACF;"}

package/dist/features/trial-session/comps/pla/session-summary/session-summary.js

@@ -0,0 +1,53 @@
+import { jsxs as $, jsx as s } from "react/jsx-runtime";
+import { memo as T, useCallback as l } from "react";
+import { useTheme as b } from "styled-components";
+import { ESummaryType as n } from "../../../../parent-dashboard/parent-dashboard-types.js";
+import m from "../../../../ui/layout/flex-view.js";
+import g from "../../../../ui/separator/separator.js";
+import x from "../../../../ui/text/text.js";
+import { EDeviceType as S } from "../../../../ui/theme/constants.js";
+import { sessionSummaryAfterDemo as v, sessionSummaryData as E } from "./session-summary-constants.js";
+import I from "./summary-card/summary-card.js";
+const A = T(({ isDemoDone: i, studentName: r, onViewSummary: o }) => {
+  const a = b().device <= S.MOBILE, c = l(
+    (e) => {
+      if (!e) return "";
+      if (e === n.STUDENT_PROFILE)
+        return `We understood your goals and expectations to create ${r}'s profile.`;
+      if (e === n.INSIGHTS)
+        return `With tutor’s guidance ${r} solved problems, helping us assess their math proficiency.`;
+      if (e === n.LEARNING_PLAN)
+        return `The plan will keep evolving based on ${r}'s progress and evolving needs.`;
+    },
+    [r]
+  ), p = l(
+    (e) => {
+      o == null || o(e);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ $(m, { children: [
+    /* @__PURE__ */ s(x, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: i ? "What happened in today’s session" : "What happens in the first session?" }),
+    /* @__PURE__ */ s(g, { height: a ? 16 : 20 }),
+    /* @__PURE__ */ s(m, { $flexGapX: 1, $justifyContent: "center", $flexDirection: a ? "column" : "row", children: (i ? v : E).map(
+      ({ title: e, description: f, image: h, textBG: d, ctaLabel: u, type: t }) => /* @__PURE__ */ s(
+        I,
+        {
+          title: e,
+          description: t && c(t) || f,
+          image: h,
+          textBG: d,
+          ctaLabel: u,
+          type: t,
+          isDemoDone: i,
+          onClick: p
+        },
+        e
+      )
+    ) })
+  ] });
+}), H = A;
+export {
+  H as default
+};
+//# sourceMappingURL=session-summary.js.map

package/dist/features/trial-session/comps/pla/session-summary/session-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-summary.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary.tsx"],"sourcesContent":["import type { ISessionSummaryProps } from './session-summary-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ESummaryType } from '../../../../parent-dashboard/parent-dashboard-types';\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 { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isDemoDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (type?: ESummaryType) => {\n      if (!type) return '';\n\n      if (type === ESummaryType.STUDENT_PROFILE) {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (type === ESummaryType.INSIGHTS) {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (type === ESummaryType.LEARNING_PLAN) {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: ESummaryType) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isDemoDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isDemoDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, image, textBG, ctaLabel, type }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={(type && getDescription(type)) || (description as string)}\n              image={image}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              type={type}\n              isDemoDone={isDemoDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isDemoDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","type","ESummaryType","handleClick","key","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","image","textBG","ctaLabel","SessionSummaryCard","SessionSummary$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,QAA0C;AAE1F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAwB;AACnB,UAAA,CAACA,EAAa,QAAA;AAEd,UAAAA,MAASC,EAAa;AACxB,eAAO,uDAAuDR,CAAW;AAGvE,UAAAO,MAASC,EAAa;AACxB,eAAO,yBAAyBR,CAAW;AAGzC,UAAAO,MAASC,EAAa;AACxB,eAAO,wCAAwCR,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRS,IAAcH;AAAA,IAClB,CAACI,MAAsB;AACrB,MAAAT,KAAA,QAAAA,EAAgBS;AAAA,IAClB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGhB,2BACGU,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAad,IAAA,qCAAqC,sCACrD;AAAA,IACC,gBAAAa,EAAAE,GAAA,EAAU,QAAQZ,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAU,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBT,IAAW,WAAW,OACnF,WAAaH,IAAAgB,IAA0BC,GAAoB;AAAA,MAC3D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,MAAAd,QAC9C,gBAAAK;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAAL;AAAA,UACA,aAAcV,KAAQF,EAAeE,CAAI,KAAOW;AAAA,UAChD,OAAAC;AAAA,UACA,QAAAC;AAAA,UACA,UAAAC;AAAA,UACA,MAAAd;AAAA,UACA,YAAAR;AAAA,UACA,SAASU;AAAA,QAAA;AAAA,QARJQ;AAAA,MASP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDM,IAAe1B;"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/session-summary/summary-card/summary-card-styled.js

@@ -1,5 +1,5 @@
 import e from "styled-components";
-import n from "../../../../ui/layout/flex-view.js";
+import n from "../../../../../ui/layout/flex-view.js";
 const i = e(n)(({ theme: r }) => {
   const { gutter: t } = r.layout, { WHITE_4: a } = r.colors;
   return `

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-card-styled.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst ImageWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nexport { ImageWrapper };\n"],"names":["ImageWrapper","styled","FlexView","theme","gutter","WHITE_4"],"mappings":";;AAIA,MAAMA,IAAeC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC7C,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA,wCAG+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC;"}

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js

@@ -0,0 +1,56 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as g, useCallback as p } from "react";
+import { useTheme as u } from "styled-components";
+import b from "../../../../../../assets/line-icons/icons/chevron-right.js";
+import I from "../../../../../ui/buttons/clickable/clickable.js";
+import w from "../../../../../ui/image/image.js";
+import r from "../../../../../ui/layout/flex-view.js";
+import x from "../../../../../ui/separator/separator.js";
+import n from "../../../../../ui/text/text.js";
+import { EDeviceType as T } from "../../../../../ui/theme/constants.js";
+import { ImageWrapper as k } from "./summary-card-styled.js";
+const _ = g(
+  ({
+    title: l,
+    description: a,
+    image: h,
+    textBG: c,
+    ctaLabel: d,
+    type: o,
+    isDemoDone: $,
+    onClick: i
+  }) => {
+    const s = u().device <= T.MOBILE, f = p(() => {
+      o && i && i(o);
+    }, [o, i]), m = /* @__PURE__ */ t(r, { $flex: 1, children: [
+      /* @__PURE__ */ e(k, { $height: 84, $width: "100%", $background: c, children: /* @__PURE__ */ e(w, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
+      /* @__PURE__ */ t(r, { $gap: 12, $gutter: 16, $background: c, $flex: 1, children: [
+        /* @__PURE__ */ e(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
+        /* @__PURE__ */ e(x, { height: s ? 8 : 12 }),
+        /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: a })
+      ] })
+    ] }, l);
+    return $ && o && i ? /* @__PURE__ */ t(r, { $flex: 1, children: [
+      m,
+      /* @__PURE__ */ e(I, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: c, children: /* @__PURE__ */ t(
+        r,
+        {
+          $background: "BLACK_T_38",
+          $gapX: 0.5,
+          $gutterX: 0.5,
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: d }) }),
+            /* @__PURE__ */ e(b, { width: 24, height: 24, color: "WHITE" })
+          ]
+        }
+      ) }) })
+    ] }) : m;
+  }
+);
+export {
+  _ as default
+};
+//# sourceMappingURL=summary-card.js.map

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\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 * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    type,\n    isDemoDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = (\n      <FlexView key={title} $flex={1}>\n        <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n          <Image src={image} height={84} width=\"100%\" withLoader={false} />\n        </Styled.ImageWrapper>\n        <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n            {title}\n          </Text>\n          <Separator height={isMobile ? 8 : 12} />\n          <Text $renderAs=\"ub3\" $color=\"WHITE\">\n            {description}\n          </Text>\n        </FlexView>\n      </FlexView>\n    );\n\n    return isDemoDone && type && onClick ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        <Clickable label={type} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                  {ctaLabel}\n                </Text>\n              </FlexView>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","type","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAcD,KAAQE,IAC1B,gBAAAO,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAM,SAASM,GAC/B,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-constants.ts"],"sourcesContent":["export const DAYS_TO_SHOW = 7;\n"],"names":["DAYS_TO_SHOW"],"mappings":"AAAO,MAAMA,IAAe;"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/upcoming-sessions/upcoming-sessions-styled.js

@@ -1,5 +1,5 @@
 import t from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
+import r from "../../../../ui/layout/flex-view.js";
 const p = t(r)`
   border-bottom: ${({ theme: o }) => `1px solid ${o.colors.BLACK_5}`};
   min-height: 52px;

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst SessionRow = styled(FlexView)`\n  border-bottom: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n  min-height: 52px;\n`;\n\nconst DayLabel = styled(FlexView)`\n  border-right: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n`;\nconst DateWrapper = styled(FlexView)`\n  padding-bottom: 0;\n  min-width: 22px;\n`;\n\nexport { SessionRow, DayLabel, DateWrapper };\n"],"names":["SessionRow","styled","FlexView","theme","DayLabel","DateWrapper"],"mappings":";;AAIM,MAAAA,IAAaC,EAAOC,CAAQ;AAAA,mBACf,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA,GAI/DC,IAAWH,EAAOC,CAAQ;AAAA,kBACd,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAE9DE,IAAcJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-types.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.ts"],"sourcesContent":["export enum ESessionStatus {\n  COMPLETED = 'COMPLETED',\n  IN_FUTURE = 'IN FUTURE',\n}\n\nexport type TSession = {\n  session_start: number;\n  session_end: number;\n  session_status: ESessionStatus;\n};\n\nexport interface IUpcomingSessionsProps {\n  sessions?: TSession[];\n}\n"],"names":["ESessionStatus"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,YAAY,aAFFA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/upcoming-sessions/upcoming-sessions.js

@@ -1,22 +1,22 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { memo as C, useMemo as a, useCallback as A } from "react";
 import { useTheme as w } from "styled-components";
-import y from "../../../../assets/line-icons/icons/check2.js";
-import { CUEMATH_APP_URL as x } from "../../../../constants/config.js";
-import D from "../../../ui/buttons/text-button/text-button.js";
-import n from "../../../ui/layout/flex-view.js";
-import p from "../../../ui/separator/separator.js";
-import i from "../../../ui/text/text.js";
-import { EDeviceType as M } from "../../../ui/theme/constants.js";
-import { MOBILE_SPACING as S, DESKTOP_SPACING as H } from "../../parent-dashboard-constants.js";
+import y from "../../../../../assets/line-icons/icons/check2.js";
+import { CUEMATH_APP_URL as x } from "../../../../../constants/config.js";
+import { MOBILE_SPACING as D, DESKTOP_SPACING as M } from "../../../../parent-dashboard/parent-dashboard-constants.js";
+import S from "../../../../ui/buttons/text-button/text-button.js";
+import n from "../../../../ui/layout/flex-view.js";
+import p from "../../../../ui/separator/separator.js";
+import i from "../../../../ui/text/text.js";
+import { EDeviceType as H } from "../../../../ui/theme/constants.js";
 import { DAYS_TO_SHOW as W } from "./upcoming-sessions-constants.js";
 import { SessionRow as L, DayLabel as B, DateWrapper as O } from "./upcoming-sessions-styled.js";
 import { ESessionStatus as T } from "./upcoming-sessions-types.js";
-import { formatDate as l } from "../../../../node_modules/date-fns/format.js";
-import { addDays as U } from "../../../../node_modules/date-fns/addDays.js";
-import { isToday as k } from "../../../../node_modules/date-fns/isToday.js";
+import { addDays as U } from "../../../../../node_modules/date-fns/addDays.js";
+import { isToday as k } from "../../../../../node_modules/date-fns/isToday.js";
+import { formatDate as l } from "../../../../../node_modules/date-fns/format.js";
 const P = ({ sessions: c = [] }) => {
-  const $ = w(), m = $.device <= M.MOBILE, f = a(() => /* @__PURE__ */ new Date(), []), g = a(
+  const $ = w(), m = $.device <= H.MOBILE, f = a(() => /* @__PURE__ */ new Date(), []), g = a(
     () => new Map(
       c.map((o) => [
         l(new Date(o.session_start * 1e3), "yyyy-MM-dd"),
@@ -28,7 +28,7 @@ const P = ({ sessions: c = [] }) => {
     () => Array.from({ length: W }, (o, s) => U(f, s)),
     [f]
   ), u = a(
-    () => m ? S : H,
+    () => m ? D : M,
     [m]
   ), E = A(() => {
     window.open(x, "_blank");
@@ -40,7 +40,7 @@ const P = ({ sessions: c = [] }) => {
       /* @__PURE__ */ e(p, { height: 4 }),
       /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.25, children: [
         /* @__PURE__ */ e(i, { $renderAs: "ub1", $color: "WHITE_T_60", children: "For more details," }),
-        /* @__PURE__ */ e(D, { label: "download the Cuemath app", onClick: E, color: "WHITE" })
+        /* @__PURE__ */ e(S, { label: "download the Cuemath app", onClick: E, color: "WHITE" })
       ] })
     ] }),
     /* @__PURE__ */ e(p, { height: m ? 16 : 20 }),

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import type { ISpacingConfig } from '../../../../parent-dashboard/parent-dashboard-types';\nimport type { TColorNames } from '../../../../ui/types';\n\nimport { format, isToday, addDays } from 'date-fns';\nimport React, { useCallback, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport {\n  DESKTOP_SPACING,\n  MOBILE_SPACING,\n} from '../../../../parent-dashboard/parent-dashboard-constants';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\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 { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: React.FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const spacing: ISpacingConfig = useMemo(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  if (sessions.length === 0) return null;\n\n  return (\n    <FlexView>\n      <Separator height={spacing.separator.extraLarge} />\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","spacing","MOBILE_SPACING","DESKTOP_SPACING","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsx","Separator","Text","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","jsxs","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":"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"}

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

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