@cuemath/leap 3.3.18-j2 → 3.3.18-m-af

package/dist/features/parent-dashboard/parent-dashboard-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-types.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-types.ts"],"sourcesContent":["import type { TSession } from '../trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types';\nimport type { ReactElement } from 'react';\n\nexport enum EClassStatus {\n  S_NO_SHOW = 'S_NO_SHOW',\n  T_NO_SHOW = 'T_NO_SHOW',\n}\nexport interface ISessionDetails {\n  completed_sessions: number;\n  next_session_start: number;\n  next_session_end: number;\n  student_demo_id: string;\n  upcoming_sessions: TSession[];\n  demo_class_status: EClassStatus | null;\n  user_attempt_id?: string;\n}\n\ninterface IDegreeInfo {\n  degree_name: string;\n  degree_code: string;\n  field_of_study: string;\n}\nexport interface ITeacherDetails {\n  first_name: string;\n  last_name: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  lower_grade: string;\n  higher_grade: string;\n  degree: IDegreeInfo;\n  countries: string[];\n  teacher_profile_url: string;\n  header_image: string;\n}\n\ninterface PaymentMethodDetails {\n  brand: string;\n  last_4_digits: string;\n  type: string;\n  exp_month: number;\n  exp_year: number;\n}\n\ninterface IBillingDetails {\n  amount: number;\n  next_due_date: string;\n  payment_method_details: PaymentMethodDetails;\n}\n\nexport interface IParentHome {\n  session_details: ISessionDetails;\n  teacher_details: ITeacherDetails | null;\n  billing_details: IBillingDetails;\n}\n\nexport interface IStudentProfileSummary {\n  studentLevel: string;\n  studentObjectives: string[] | string;\n  learningPlan: string[] | string;\n  levelPreference?: string;\n}\n\nexport interface IOnViewSummaryParams extends IStudentProfileSummary {\n  userAttemptId?: string;\n}\nexport enum ESummaryType {\n  STUDENT_PROFILE = 'studentProfile',\n  INSIGHTS = 'insights',\n  LEARNING_PLAN = 'learningPlan',\n}\n\nexport interface IParentDashboardProps {\n  studentName: string;\n  studentId: string;\n  onRescheduleDemo: (demoId?: string) => void;\n  onChangeTutor: (demoId: string) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\n  canChangeTutor: boolean;\n  isSubscriptionCancelled: boolean;\n  HeaderAvatar: ReactElement;\n}\n\nexport interface ISpacingConfig {\n  small: number;\n  medium: number;\n  large: number;\n  separator: {\n    small: number;\n    medium: number;\n    large: number;\n    extraLarge: number;\n  };\n}\n"],"names":["EClassStatus","ESummaryType"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,YAAY,aAFFA,IAAAA,KAAA,CAAA,CAAA,GA8DAC,sBAAAA,OACVA,EAAA,kBAAkB,kBAClBA,EAAA,WAAW,YACXA,EAAA,gBAAgB,gBAHNA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"parent-dashboard-types.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-types.ts"],"sourcesContent":["import type { TSession } from '../trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types';\nimport type { ReactElement } from 'react';\n\nexport enum EClassStatus {\n  S_NO_SHOW = 'S_NO_SHOW',\n  T_NO_SHOW = 'T_NO_SHOW',\n}\nexport interface ISessionDetails {\n  completed_sessions: number;\n  next_session_start: number;\n  next_session_end: number;\n  student_demo_id: string;\n  upcoming_sessions: TSession[];\n  demo_class_status: EClassStatus | null;\n}\n\ninterface IDegreeInfo {\n  degree_name: string;\n  degree_code: string;\n  field_of_study: string;\n}\nexport interface ITeacherDetails {\n  first_name: string;\n  last_name: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  lower_grade: string;\n  higher_grade: string;\n  degree: IDegreeInfo;\n  countries: string[];\n  teacher_profile_url: string;\n  header_image: string;\n}\n\ninterface PaymentMethodDetails {\n  brand: string;\n  last_4_digits: string;\n  type: string;\n  exp_month: number;\n  exp_year: number;\n}\n\ninterface IBillingDetails {\n  amount: number;\n  next_due_date: string;\n  payment_method_details: PaymentMethodDetails;\n}\n\nexport interface IParentHome {\n  session_details: ISessionDetails;\n  teacher_details: ITeacherDetails | null;\n  billing_details: IBillingDetails;\n}\n\nexport interface IParentDashboardProps {\n  studentName: string;\n  studentServiceId: string;\n  onRescheduleDemo: (demoId?: string) => void;\n  onChangeTutor: (demoId: string) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: string) => void;\n  onSwitchUser?: () => void;\n  canChangeTutor: boolean;\n  isSubscriptionCancelled: boolean;\n  HeaderAvatar: ReactElement;\n}\n\nexport interface ISpacingConfig {\n  small: number;\n  medium: number;\n  large: number;\n  separator: {\n    small: number;\n    medium: number;\n    large: number;\n    extraLarge: number;\n  };\n}\n"],"names":["EClassStatus"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,YAAY,aAFFA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/parent-dashboard/parent-dashboard-view.js

@@ -1,198 +1,186 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { memo as ee, useCallback as t, useMemo as re } from "react";
-import { useTheme as te } from "styled-components";
-import oe from "../auth/pla-signup/onboarding-guide/onboarding-guide.js";
-import ae from "../auth/pla-signup/signup-header/signup-header.js";
-import ne from "../trial-session/comps/pla/next-steps/next-steps.js";
-import ie from "../trial-session/comps/pla/session-status/session-status.js";
-import se from "../trial-session/comps/pla/session-summary/session-summary.js";
-import le from "../trial-session/comps/pla/upcoming-sessions/upcoming-sessions.js";
-import G from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js";
-import ce from "../ui/buttons/button/button.js";
-import me from "../ui/buttons/text-button/text-button.js";
-import he from "../ui/error/error.js";
-import a from "../ui/layout/flex-view.js";
-import pe from "../ui/loader/app-loader/app-loader.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as N, useCallback as o, useMemo as R } from "react";
+import { useTheme as X } from "styled-components";
+import J from "../auth/pla-signup/onboarding-guide/onboarding-guide.js";
+import Q from "../auth/pla-signup/signup-header/signup-header.js";
+import U from "../trial-session/comps/pla/next-steps/next-steps.js";
+import Y from "../trial-session/comps/pla/session-status/session-status.js";
+import Z from "../trial-session/comps/pla/session-summary/session-summary.js";
+import ee from "../trial-session/comps/pla/upcoming-sessions/upcoming-sessions.js";
+import B from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js";
+import re from "../ui/buttons/button/button.js";
+import te from "../ui/buttons/text-button/text-button.js";
+import i from "../ui/layout/flex-view.js";
+import oe from "../ui/loader/app-loader/app-loader.js";
 import n from "../ui/separator/separator.js";
-import K from "../ui/text/text.js";
-import { EDeviceType as de } from "../ui/theme/constants.js";
-import ue from "./comps/compact-header/compact-header.js";
-import fe from "./comps/cuemath-app-features/cuemath-app-features.js";
-import ge from "./comps/math-practice/math-practice.js";
-import Se from "./comps/parent-dashboard-faqs/parent-dashboard-faqs.js";
-import xe from "./hooks/use-parent-home-data.js";
-import be from "./hooks/use-student-profile-summary-data.js";
-import { MOBILE_SPACING as Le, DESKTOP_SPACING as Ce } from "./parent-dashboard-constants.js";
-import { MathPracticeWrapper as Te, Container as $e, ContentWrapper as Pe } from "./parent-dashboard-styled.js";
-const Ve = ee(
+import F from "../ui/text/text.js";
+import { EDeviceType as ie } from "../ui/theme/constants.js";
+import ne from "./comps/compact-header/compact-header.js";
+import ae from "./comps/cuemath-app-features/cuemath-app-features.js";
+import se from "./comps/math-practice/math-practice.js";
+import le from "./comps/parent-dashboard-faqs/parent-dashboard-faqs.js";
+import ce from "./hooks/use-parent-home-data.js";
+import { MOBILE_SPACING as he, DESKTOP_SPACING as me } from "./parent-dashboard-constants.js";
+import { MathPracticeWrapper as pe, Container as de, ContentWrapper as ue } from "./parent-dashboard-styled.js";
+const qe = N(
   ({
-    studentName: c,
-    studentId: u,
-    onRescheduleDemo: f,
-    onViewSummary: m,
-    onGetStartedAgain: p,
-    onChangeTutor: g,
-    canChangeTutor: S,
-    onSwitchUser: x,
-    isSubscriptionCancelled: z,
-    HeaderAvatar: N
+    studentName: l,
+    studentServiceId: _,
+    onRescheduleDemo: d,
+    onViewSummary: u,
+    onGetStartedAgain: m,
+    onChangeTutor: f,
+    canChangeTutor: g,
+    onSwitchUser: S,
+    isSubscriptionCancelled: q,
+    HeaderAvatar: v
   }) => {
-    const { device: R } = te(), d = R <= de.MOBILE, {
-      teacherDetails: i,
-      teacherName: b,
-      completedSessions: L,
-      nextSessionStart: C,
-      nextSessionEnd: T,
-      classStatus: $,
-      upcomingSessions: P,
+    const { device: G } = X(), p = G <= ie.MOBILE, {
+      teacherDetails: a,
+      teacherName: x,
+      completedSessions: b,
+      nextSessionStart: L,
+      nextSessionEnd: C,
+      classStatus: T,
+      upcomingSessions: $,
       isDemoDone: s,
-      isOnlyOneSessionCompleted: D,
+      isOnlyOneSessionCompleted: P,
       isMoreThanOneSessionCompleted: h,
-      showLoading: X = !1,
-      demoId: l,
-      fetchData: y,
-      isProcessingFailed: J,
-      userAttemptId: A
-    } = xe(u), { summaryInfo: M, fetchSummaryData: O } = be(u), Q = t(() => {
-      y(), O();
-    }, [y, O]), E = t(() => {
-      f(l);
-    }, [l, f]), I = t(() => {
-      l && g(l);
-    }, [l, g]), r = re(
-      () => d ? Le : Ce,
-      [d]
-    ), k = t(
-      (Z) => {
-        m == null || m(Z, { ...M, userAttemptId: A });
-      },
-      [m, M, A]
-    ), H = d ? "100%" : 200, U = t(
-      () => /* @__PURE__ */ o(a, { children: [
-        /* @__PURE__ */ e(ae, {}),
+      showLoading: K = !1,
+      demoId: c
+    } = ce({ studentName: l, studentServiceId: _ }), M = o(() => {
+      d(c);
+    }, [c, d]), O = o(() => {
+      c && f(c);
+    }, [c, f]), r = R(
+      () => p ? he : me,
+      [p]
+    ), D = p ? "100%" : 200, j = o(
+      () => /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(Q, {}),
         /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-        /* @__PURE__ */ e(oe, { orientation: "horizontal" }),
-        p && /* @__PURE__ */ o(a, { children: [
+        /* @__PURE__ */ e(J, { orientation: "horizontal" }),
+        m && /* @__PURE__ */ t(i, { children: [
           /* @__PURE__ */ e(n, { height: r.medium }),
           /* @__PURE__ */ e(
-            ce,
+            re,
             {
               label: "Get Started",
               renderAs: "yellow-dark",
               shape: "square",
-              width: H,
-              onClick: p
+              width: D,
+              onClick: m
             }
           )
         ] })
       ] }),
-      [r, H, p]
-    ), F = t(
+      [r, D, m]
+    ), A = o(
       () => /* @__PURE__ */ e(
-        ie,
+        Y,
         {
-          completedSessions: L,
-          nextSessionStartTime: C,
-          teacherName: b,
-          status: $,
-          nextSessionEndTime: T,
-          studentName: c,
-          onRescheduleClick: E
+          completedSessions: b,
+          nextSessionStartTime: L,
+          teacherName: x,
+          status: T,
+          nextSessionEndTime: C,
+          studentName: l,
+          onRescheduleClick: M
         }
       ),
       [
-        L,
-        C,
         b,
-        $,
+        L,
+        x,
         T,
-        c,
-        E
+        C,
+        l,
+        M
       ]
-    ), W = t(() => !i || s ? null : /* @__PURE__ */ o(a, { children: [
+    ), E = o(() => !a || s ? null : /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.large }),
-      /* @__PURE__ */ e(G, { teacherProfile: i })
-    ] }), [i, s, r.separator.large]), w = t(() => h ? null : /* @__PURE__ */ o(a, { children: [
+      /* @__PURE__ */ e(B, { teacherProfile: a })
+    ] }), [a, s, r.separator.large]), y = o(() => h ? null : /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
       /* @__PURE__ */ e(
-        se,
+        Z,
         {
           isDemoDone: s,
-          studentName: c,
-          onViewSummary: k
+          studentName: l,
+          onViewSummary: u
         }
       )
     ] }), [
       h,
       r.separator.extraLarge,
       s,
-      c,
-      k
-    ]), B = t(() => S ? /* @__PURE__ */ o(a, { children: [
+      l,
+      u
+    ]), I = o(() => g ? null : /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.small }),
-      /* @__PURE__ */ o(a, { $flexDirection: "row", $flexColumnGapX: 0.25, children: [
-        /* @__PURE__ */ e(K, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
+      /* @__PURE__ */ t(i, { $flexDirection: "row", $flexColumnGapX: 0.25, children: [
+        /* @__PURE__ */ e(F, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
         /* @__PURE__ */ e(
-          me,
+          te,
           {
             color: "WHITE_1",
             sizeOnMobile: "small",
             label: "Try another tutor",
-            onClick: I
+            onClick: O
           }
         )
       ] })
-    ] }) : null, [S, r.separator.small, I]), _ = t(() => i ? /* @__PURE__ */ o(a, { children: [
+    ] }), [g, r.separator.small, O]), w = o(() => a ? /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-      /* @__PURE__ */ e(K, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Know your tutor" }),
+      /* @__PURE__ */ e(F, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Know your tutor" }),
       /* @__PURE__ */ e(n, { height: r.separator.medium }),
-      /* @__PURE__ */ e(G, { teacherProfile: i }),
-      B()
-    ] }) : null, [i, r.separator, B]), j = t(() => D ? /* @__PURE__ */ o(a, { children: [
+      /* @__PURE__ */ e(B, { teacherProfile: a }),
+      I()
+    ] }) : null, [a, r.separator, I]), k = o(() => P ? /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-      /* @__PURE__ */ e(ne, {}),
+      /* @__PURE__ */ e(U, {}),
       /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-      /* @__PURE__ */ e(le, { sessions: P }),
-      _()
+      /* @__PURE__ */ e(ee, { sessions: $ }),
+      w()
     ] }) : null, [
-      D,
-      r.separator.extraLarge,
       P,
-      _
-    ]), q = t(() => s ? /* @__PURE__ */ o(a, { children: [
+      r.separator.extraLarge,
+      $,
+      w
+    ]), H = o(() => s ? /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-      /* @__PURE__ */ e(fe, {})
-    ] }) : null, [s, r.separator.extraLarge]), v = t(() => h ? null : /* @__PURE__ */ o(a, { children: [
+      /* @__PURE__ */ e(ae, {})
+    ] }) : null, [s, r.separator.extraLarge]), W = o(() => h ? null : /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-      /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(ge, { onSwitchUser: x }) })
-    ] }), [h, r.separator.extraLarge, x]), V = t(
-      () => /* @__PURE__ */ o(a, { children: [
-        F(),
-        W(),
-        w(),
-        j(),
-        q(),
-        v()
+      /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(se, { onSwitchUser: S }) })
+    ] }), [h, r.separator.extraLarge, S]), z = o(
+      () => /* @__PURE__ */ t(i, { children: [
+        A(),
+        E(),
+        y(),
+        k(),
+        H(),
+        W()
       ] }),
       [
-        F,
-        W,
-        w,
-        j,
-        q,
-        v
+        A,
+        E,
+        y,
+        k,
+        H,
+        W
       ]
-    ), Y = t(
-      () => /* @__PURE__ */ o(a, { children: [
+    ), V = o(
+      () => /* @__PURE__ */ t(i, { children: [
         /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
-        /* @__PURE__ */ e(Se, {})
+        /* @__PURE__ */ e(le, {})
       ] }),
       [r.separator.extraLarge]
     );
-    return X ? /* @__PURE__ */ e(pe, { height: "100vh" }) : J ? /* @__PURE__ */ e(a, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(he, { theme: "dark", onTryAgain: Q }) }) : /* @__PURE__ */ o($e, { children: [
-      /* @__PURE__ */ e(ue, { HeaderAvatar: N }),
-      /* @__PURE__ */ o(
-        Pe,
+    return K ? /* @__PURE__ */ e(oe, { height: "100vh" }) : /* @__PURE__ */ t(de, { children: [
+      /* @__PURE__ */ e(ne, { HeaderAvatar: v }),
+      /* @__PURE__ */ t(
+        ue,
         {
           $flex: 1,
           $width: "100%",
@@ -201,8 +189,8 @@ const Ve = ee(
           $gap: r.medium,
           $gutter: r.small,
           children: [
-            z ? U() : V(),
-            Y()
+            q ? j() : z(),
+            V()
           ]
         }
       )
@@ -210,6 +198,6 @@ const Ve = ee(
   }
 );
 export {
-  Ve as default
+  qe as default
 };
 //# sourceMappingURL=parent-dashboard-view.js.map

package/dist/features/parent-dashboard/parent-dashboard-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport NextSteps from '../trial-session/comps/pla/next-steps/next-steps';\nimport SessionStatus from '../trial-session/comps/pla/session-status/session-status';\nimport SessionSummary from '../trial-session/comps/pla/session-summary/session-summary';\nimport UpcomingSessions from '../trial-session/comps/pla/upcoming-sessions/upcoming-sessions';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    canChangeTutor,\n    onSwitchUser,\n    isSubscriptionCancelled,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const {\n      teacherDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      showLoading = false,\n      demoId,\n      fetchData: fetchParentHomeData,\n      isProcessingFailed,\n      userAttemptId,\n    } = useParentHomeData(studentId);\n\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const handleTryAgain = useCallback(() => {\n      fetchParentHomeData();\n      fetchSummaryData();\n    }, [fetchParentHomeData, fetchSummaryData]);\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      if (demoId) {\n        onChangeTutor(demoId);\n      }\n    }, [demoId, onChangeTutor]);\n\n    const spacing: ISpacingConfig = useMemo(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const buttonWidth = isMobile ? '100%' : 200;\n\n    const renderCancelledSubscriptionView = useCallback(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const renderSessionStatusSection = useCallback(\n      () => (\n        <SessionStatus\n          completedSessions={completedSessions}\n          nextSessionStartTime={nextSessionStart}\n          teacherName={teacherName}\n          status={classStatus}\n          nextSessionEndTime={nextSessionEnd}\n          studentName={studentName}\n          onRescheduleClick={handleRescheduleDemo}\n        />\n      ),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        classStatus,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n      ],\n    );\n\n    const renderTeacherProfileSection = useCallback(() => {\n      if (!teacherDetails || isDemoDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isDemoDone, spacing.separator.large]);\n\n    const renderSessionSummarySection = useCallback(() => {\n      if (isMoreThanOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary\n            isDemoDone={isDemoDone}\n            studentName={studentName}\n            onViewSummary={handleViewSummary}\n          />\n        </FlexView>\n      );\n    }, [\n      isMoreThanOneSessionCompleted,\n      spacing.separator.extraLarge,\n      isDemoDone,\n      studentName,\n      handleViewSummary,\n    ]);\n\n    const renderTutorChangeSection = useCallback(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const renderTeacherDetailsSection = useCallback(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {renderTutorChangeSection()}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, renderTutorChangeSection]);\n\n    const renderOnlyOneSessionSection = useCallback(() => {\n      if (!isOnlyOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <Separator height={spacing.separator.extraLarge} />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {renderTeacherDetailsSection()}\n        </FlexView>\n      );\n    }, [\n      isOnlyOneSessionCompleted,\n      spacing.separator.extraLarge,\n      upcomingSessions,\n      renderTeacherDetailsSection,\n    ]);\n\n    const renderAppFeaturesSection = useCallback(() => {\n      if (!isDemoDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isDemoDone, spacing.separator.extraLarge]);\n\n    const renderMathPracticeSection = useCallback(() => {\n      if (isMoreThanOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isMoreThanOneSessionCompleted, spacing.separator.extraLarge, onSwitchUser]);\n\n    const renderMainContent = useCallback(\n      () => (\n        <FlexView>\n          {renderSessionStatusSection()}\n          {renderTeacherProfileSection()}\n          {renderSessionSummarySection()}\n          {renderOnlyOneSessionSection()}\n          {renderAppFeaturesSection()}\n          {renderMathPracticeSection()}\n        </FlexView>\n      ),\n      [\n        renderSessionStatusSection,\n        renderTeacherProfileSection,\n        renderSessionSummarySection,\n        renderOnlyOneSessionSection,\n        renderAppFeaturesSection,\n        renderMathPracticeSection,\n      ],\n    );\n\n    const renderFaqsSection = useCallback(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    if (showLoading) {\n      return <AppLoader height=\"100vh\" />;\n    }\n\n    if (isProcessingFailed)\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? renderCancelledSubscriptionView() : renderMainContent()}\n          {renderFaqsSection()}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","canChangeTutor","onSwitchUser","isSubscriptionCancelled","HeaderAvatar","device","useTheme","isMobile","EDeviceType","teacherDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","classStatus","upcomingSessions","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted","showLoading","demoId","fetchParentHomeData","isProcessingFailed","userAttemptId","useParentHomeData","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","handleTryAgain","useCallback","handleRescheduleDemo","handleChangeTutor","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","handleViewSummary","key","buttonWidth","renderCancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","renderSessionStatusSection","SessionStatus","renderTeacherProfileSection","TeacherProfile","renderSessionSummarySection","SessionSummary","renderTutorChangeSection","jsxs","Text","TextButton","renderTeacherDetailsSection","renderOnlyOneSessionSection","NextSteps","UpcomingSessions","renderAppFeaturesSection","CuemathAppFeatures","renderMathPracticeSection","Styled.MathPracticeWrapper","MathPractice","renderMainContent","renderFaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,KAAuDC;AAAA,EAC3D,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,MAAWC,MACbC,IAAWF,KAAUG,GAAY,QAEjC;AAAA,MACJ,gBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,2BAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,QAAAC;AAAA,MACA,WAAWC;AAAA,MACX,oBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACEC,GAAkB5B,CAAS,GAEzB,EAAE,aAAA6B,GAAa,kBAAAC,EAAiB,IAAIC,GAA6B/B,CAAS,GAE1EgC,IAAiBC,EAAY,MAAM;AACnB,MAAAR,KACHK;IAAA,GAChB,CAACL,GAAqBK,CAAgB,CAAC,GAEpCI,IAAuBD,EAAY,MAAM;AAC7C,MAAAhC,EAAiBuB,CAAM;AAAA,IAAA,GACtB,CAACA,GAAQvB,CAAgB,CAAC,GAEvBkC,IAAoBF,EAAY,MAAM;AAC1C,MAAIT,KACFpB,EAAcoB,CAAM;AAAA,IACtB,GACC,CAACA,GAAQpB,CAAa,CAAC,GAEpBgC,IAA0BC;AAAA,MAC9B,MAAO1B,IAAW2B,KAAiBC;AAAA,MACnC,CAAC5B,CAAQ;AAAA,IAAA,GAGL6B,IAAoBP;AAAA,MACxB,CAACQ,MAAsB;AACrB,QAAAvC,KAAA,QAAAA,EAAgBuC,GAAK,EAAE,GAAGZ,GAAa,eAAAF,EAAe;AAAA,MACxD;AAAA,MACA,CAACzB,GAAe2B,GAAaF,CAAa;AAAA,IAAA,GAGtCe,IAAc/B,IAAW,SAAS,KAElCgC,IAAkCV;AAAA,MACtC,wBACGW,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,IAAa,EAAA;AAAA,QACb,gBAAAD,EAAAE,GAAA,EAAU,QAAQX,EAAQ,UAAU,YAAY;AAAA,QACjD,gBAAAS,EAACG,IAAgB,EAAA,aAAY,aAAa,CAAA;AAAA,QACzC7C,uBACEyC,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAAE,GAAA,EAAU,QAAQX,EAAQ,OAAQ,CAAA;AAAA,UACnC,gBAAAS;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOP;AAAA,cACP,SAASvC;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MAEF,CAACiC,GAASM,GAAavC,CAAiB;AAAA,IAAA,GAGpC+C,IAA6BjB;AAAA,MACjC,MACE,gBAAAY;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,mBAAApC;AAAA,UACA,sBAAsBC;AAAA,UACtB,aAAAF;AAAA,UACA,QAAQI;AAAA,UACR,oBAAoBD;AAAA,UACpB,aAAAlB;AAAA,UACA,mBAAmBmC;AAAA,QAAA;AAAA,MACrB;AAAA,MAEF;AAAA,QACEnB;AAAA,QACAC;AAAA,QACAF;AAAA,QACAI;AAAA,QACAD;AAAA,QACAlB;AAAA,QACAmC;AAAA,MACF;AAAA,IAAA,GAGIkB,IAA8BnB,EAAY,MAC1C,CAACpB,KAAkBO,IAAmB,yBAGvCwB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,OAAO;AAAA,MAC5C,gBAAAS,EAACQ,GAAe,EAAA,gBAAgBxC,EAAgB,CAAA;AAAA,IAClD,EAAA,CAAA,GAED,CAACA,GAAgBO,GAAYgB,EAAQ,UAAU,KAAK,CAAC,GAElDkB,IAA8BrB,EAAY,MAC1CX,IAAsC,yBAGvCsB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAS;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,YAAAnC;AAAA,UACA,aAAArB;AAAA,UACA,eAAeyC;AAAA,QAAA;AAAA,MACjB;AAAA,IACF,EAAA,CAAA,GAED;AAAA,MACDlB;AAAA,MACAc,EAAQ,UAAU;AAAA,MAClBhB;AAAA,MACArB;AAAA,MACAyC;AAAA,IAAA,CACD,GAEKgB,IAA2BvB,EAAY,MACtC5B,sBAGFuC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,OAAO;AAAA,MAC3C,gBAAAqB,EAAAb,GAAA,EAAS,gBAAe,OAAM,iBAAiB,MAC9C,UAAA;AAAA,QAAA,gBAAAC,EAACa,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAE7D,oCAAA,CAAA;AAAA,QACA,gBAAAb;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAa;AAAA,YACb,OAAM;AAAA,YACN,SAASxB;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA,IAhB0B,MAkB3B,CAAC9B,GAAgB+B,EAAQ,UAAU,OAAOD,CAAiB,CAAC,GAEzDyB,IAA8B3B,EAAY,MACzCpB,sBAGF+B,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAS,EAACa,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,kBAAA,CAAA;AAAA,MACC,gBAAAb,EAAAE,GAAA,EAAU,QAAQX,EAAQ,UAAU,QAAQ;AAAA,MAC7C,gBAAAS,EAACQ,GAAe,EAAA,gBAAgBxC,EAAgB,CAAA;AAAA,MAC/C2C,EAAyB;AAAA,IAC5B,EAAA,CAAA,IAX0B,MAa3B,CAAC3C,GAAgBuB,EAAQ,WAAWoB,CAAwB,CAAC,GAE1DK,IAA8B5B,EAAY,MACzCZ,sBAGFuB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,wBAChD0B,IAAU,EAAA;AAAA,MACV,gBAAAjB,EAAAE,GAAA,EAAU,QAAQX,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAS,EAACkB,IAAiB,EAAA,UAAU5C,EAAkB,CAAA;AAAA,MAC7CyC,EAA4B;AAAA,IAC/B,EAAA,CAAA,IATqC,MAWtC;AAAA,MACDvC;AAAA,MACAe,EAAQ,UAAU;AAAA,MAClBjB;AAAA,MACAyC;AAAA,IAAA,CACD,GAEKI,IAA2B/B,EAAY,MACtCb,sBAGFwB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,wBAChD6B,IAAmB,EAAA;AAAA,IACtB,EAAA,CAAA,IANsB,MAQvB,CAAC7C,GAAYgB,EAAQ,UAAU,UAAU,CAAC,GAEvC8B,IAA4BjC,EAAY,MACxCX,IAAsC,yBAGvCsB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,wBAChD+B,IAAA,EACC,UAAC,gBAAAtB,EAAAuB,IAAA,EAAa,cAAA9D,EAA4B,CAAA,GAC5C;AAAA,IACF,EAAA,CAAA,GAED,CAACgB,GAA+Bc,EAAQ,UAAU,YAAY9B,CAAY,CAAC,GAExE+D,IAAoBpC;AAAA,MACxB,wBACGW,GACE,EAAA,UAAA;AAAA,QAA2BM,EAAA;AAAA,QAC3BE,EAA4B;AAAA,QAC5BE,EAA4B;AAAA,QAC5BO,EAA4B;AAAA,QAC5BG,EAAyB;AAAA,QACzBE,EAA0B;AAAA,MAAA,GAC7B;AAAA,MAEF;AAAA,QACEhB;AAAA,QACAE;AAAA,QACAE;AAAA,QACAO;AAAA,QACAG;AAAA,QACAE;AAAA,MACF;AAAA,IAAA,GAGII,IAAoBrC;AAAA,MACxB,wBACGW,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,0BAChDmC,IAAoB,EAAA;AAAA,MAAA,GACvB;AAAA,MAEF,CAACnC,EAAQ,UAAU,UAAU;AAAA,IAAA;AAG/B,WAAIb,IACK,gBAAAsB,EAAC2B,IAAU,EAAA,QAAO,QAAQ,CAAA,IAG/B9C,IAEC,gBAAAmB,EAAAD,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA,gBAAAC,EAAC4B,IAAM,EAAA,OAAM,QAAO,YAAYzC,GAAgB,EAClD,CAAA,IAIF,gBAAAyB,EAACiB,IAAA,EACC,UAAA;AAAA,MAAA,gBAAA7B,EAAC8B,MAAc,cAAAnE,GAA4B;AAAA,MAC3C,gBAAAiD;AAAA,QAACmB;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,MAAMxC,EAAQ;AAAA,UACd,SAASA,EAAQ;AAAA,UAEhB,UAAA;AAAA,YAA0B7B,IAAAoC,MAAoC0B,EAAkB;AAAA,YAChFC,EAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport NextSteps from '../trial-session/comps/pla/next-steps/next-steps';\nimport SessionStatus from '../trial-session/comps/pla/session-status/session-status';\nimport SessionSummary from '../trial-session/comps/pla/session-summary/session-summary';\nimport UpcomingSessions from '../trial-session/comps/pla/upcoming-sessions/upcoming-sessions';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentServiceId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    canChangeTutor,\n    onSwitchUser,\n    isSubscriptionCancelled,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const {\n      teacherDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      showLoading = false,\n      demoId,\n    } = useParentHomeData({ studentName, studentServiceId });\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      if (demoId) {\n        onChangeTutor(demoId);\n      }\n    }, [demoId, onChangeTutor]);\n\n    const spacing: ISpacingConfig = useMemo(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const buttonWidth = isMobile ? '100%' : 200;\n\n    const renderCancelledSubscriptionView = useCallback(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const renderSessionStatusSection = useCallback(\n      () => (\n        <SessionStatus\n          completedSessions={completedSessions}\n          nextSessionStartTime={nextSessionStart}\n          teacherName={teacherName}\n          status={classStatus}\n          nextSessionEndTime={nextSessionEnd}\n          studentName={studentName}\n          onRescheduleClick={handleRescheduleDemo}\n        />\n      ),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        classStatus,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n      ],\n    );\n\n    const renderTeacherProfileSection = useCallback(() => {\n      if (!teacherDetails || isDemoDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isDemoDone, spacing.separator.large]);\n\n    const renderSessionSummarySection = useCallback(() => {\n      if (isMoreThanOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary\n            isDemoDone={isDemoDone}\n            studentName={studentName}\n            onViewSummary={onViewSummary}\n          />\n        </FlexView>\n      );\n    }, [\n      isMoreThanOneSessionCompleted,\n      spacing.separator.extraLarge,\n      isDemoDone,\n      studentName,\n      onViewSummary,\n    ]);\n\n    const renderTutorChangeSection = useCallback(() => {\n      if (canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const renderTeacherDetailsSection = useCallback(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {renderTutorChangeSection()}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, renderTutorChangeSection]);\n\n    const renderOnlyOneSessionSection = useCallback(() => {\n      if (!isOnlyOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <Separator height={spacing.separator.extraLarge} />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {renderTeacherDetailsSection()}\n        </FlexView>\n      );\n    }, [\n      isOnlyOneSessionCompleted,\n      spacing.separator.extraLarge,\n      upcomingSessions,\n      renderTeacherDetailsSection,\n    ]);\n\n    const renderAppFeaturesSection = useCallback(() => {\n      if (!isDemoDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isDemoDone, spacing.separator.extraLarge]);\n\n    const renderMathPracticeSection = useCallback(() => {\n      if (isMoreThanOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isMoreThanOneSessionCompleted, spacing.separator.extraLarge, onSwitchUser]);\n\n    const renderMainContent = useCallback(\n      () => (\n        <FlexView>\n          {renderSessionStatusSection()}\n          {renderTeacherProfileSection()}\n          {renderSessionSummarySection()}\n          {renderOnlyOneSessionSection()}\n          {renderAppFeaturesSection()}\n          {renderMathPracticeSection()}\n        </FlexView>\n      ),\n      [\n        renderSessionStatusSection,\n        renderTeacherProfileSection,\n        renderSessionSummarySection,\n        renderOnlyOneSessionSection,\n        renderAppFeaturesSection,\n        renderMathPracticeSection,\n      ],\n    );\n\n    const renderFaqsSection = useCallback(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    if (showLoading) {\n      return <AppLoader height=\"100vh\" />;\n    }\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? renderCancelledSubscriptionView() : renderMainContent()}\n          {renderFaqsSection()}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentServiceId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","canChangeTutor","onSwitchUser","isSubscriptionCancelled","HeaderAvatar","device","useTheme","isMobile","EDeviceType","teacherDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","classStatus","upcomingSessions","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted","showLoading","demoId","useParentHomeData","handleRescheduleDemo","useCallback","handleChangeTutor","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","buttonWidth","renderCancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","renderSessionStatusSection","SessionStatus","renderTeacherProfileSection","TeacherProfile","renderSessionSummarySection","SessionSummary","renderTutorChangeSection","jsxs","Text","TextButton","renderTeacherDetailsSection","renderOnlyOneSessionSection","NextSteps","UpcomingSessions","renderAppFeaturesSection","CuemathAppFeatures","renderMathPracticeSection","Styled.MathPracticeWrapper","MathPractice","renderMainContent","renderFaqsSection","ParentDashboardFaqs","AppLoader","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,KAAuDC;AAAA,EAC3D,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,GAAY,QAEjC;AAAA,MACJ,gBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,2BAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,QAAAC;AAAA,IACE,IAAAC,GAAkB,EAAE,aAAA1B,GAAa,kBAAAC,EAAkB,CAAA,GAEjD0B,IAAuBC,EAAY,MAAM;AAC7C,MAAA1B,EAAiBuB,CAAM;AAAA,IAAA,GACtB,CAACA,GAAQvB,CAAgB,CAAC,GAEvB2B,IAAoBD,EAAY,MAAM;AAC1C,MAAIH,KACFpB,EAAcoB,CAAM;AAAA,IACtB,GACC,CAACA,GAAQpB,CAAa,CAAC,GAEpByB,IAA0BC;AAAA,MAC9B,MAAOnB,IAAWoB,KAAiBC;AAAA,MACnC,CAACrB,CAAQ;AAAA,IAAA,GAGLsB,IAActB,IAAW,SAAS,KAElCuB,IAAkCP;AAAA,MACtC,wBACGQ,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAa,EAAA;AAAA,QACb,gBAAAD,EAAAE,GAAA,EAAU,QAAQT,EAAQ,UAAU,YAAY;AAAA,QACjD,gBAAAO,EAACG,GAAgB,EAAA,aAAY,aAAa,CAAA;AAAA,QACzCpC,uBACEgC,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAAE,GAAA,EAAU,QAAQT,EAAQ,OAAQ,CAAA;AAAA,UACnC,gBAAAO;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOP;AAAA,cACP,SAAS9B;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MAEF,CAAC0B,GAASI,GAAa9B,CAAiB;AAAA,IAAA,GAGpCsC,IAA6Bd;AAAA,MACjC,MACE,gBAAAS;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,mBAAA3B;AAAA,UACA,sBAAsBC;AAAA,UACtB,aAAAF;AAAA,UACA,QAAQI;AAAA,UACR,oBAAoBD;AAAA,UACpB,aAAAlB;AAAA,UACA,mBAAmB2B;AAAA,QAAA;AAAA,MACrB;AAAA,MAEF;AAAA,QACEX;AAAA,QACAC;AAAA,QACAF;AAAA,QACAI;AAAA,QACAD;AAAA,QACAlB;AAAA,QACA2B;AAAA,MACF;AAAA,IAAA,GAGIiB,IAA8BhB,EAAY,MAC1C,CAACd,KAAkBO,IAAmB,yBAGvCe,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,OAAO;AAAA,MAC5C,gBAAAO,EAACQ,GAAe,EAAA,gBAAgB/B,EAAgB,CAAA;AAAA,IAClD,EAAA,CAAA,GAED,CAACA,GAAgBO,GAAYS,EAAQ,UAAU,KAAK,CAAC,GAElDgB,IAA8BlB,EAAY,MAC1CL,IAAsC,yBAGvCa,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAO;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,YAAA1B;AAAA,UACA,aAAArB;AAAA,UACA,eAAAG;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA,GAED;AAAA,MACDoB;AAAA,MACAO,EAAQ,UAAU;AAAA,MAClBT;AAAA,MACArB;AAAA,MACAG;AAAA,IAAA,CACD,GAEK6C,IAA2BpB,EAAY,MACvCtB,IAAuB,yBAGxB8B,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,OAAO;AAAA,MAC3C,gBAAAmB,EAAAb,GAAA,EAAS,gBAAe,OAAM,iBAAiB,MAC9C,UAAA;AAAA,QAAA,gBAAAC,EAACa,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAE7D,oCAAA,CAAA;AAAA,QACA,gBAAAb;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAa;AAAA,YACb,OAAM;AAAA,YACN,SAAStB;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA,GAED,CAACvB,GAAgBwB,EAAQ,UAAU,OAAOD,CAAiB,CAAC,GAEzDuB,IAA8BxB,EAAY,MACzCd,sBAGFsB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAO,EAACa,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,kBAAA,CAAA;AAAA,MACC,gBAAAb,EAAAE,GAAA,EAAU,QAAQT,EAAQ,UAAU,QAAQ;AAAA,MAC7C,gBAAAO,EAACQ,GAAe,EAAA,gBAAgB/B,EAAgB,CAAA;AAAA,MAC/CkC,EAAyB;AAAA,IAC5B,EAAA,CAAA,IAX0B,MAa3B,CAAClC,GAAgBgB,EAAQ,WAAWkB,CAAwB,CAAC,GAE1DK,IAA8BzB,EAAY,MACzCN,sBAGFc,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,YAAY;AAAA,wBAChDwB,GAAU,EAAA;AAAA,MACV,gBAAAjB,EAAAE,GAAA,EAAU,QAAQT,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAO,EAACkB,IAAiB,EAAA,UAAUnC,EAAkB,CAAA;AAAA,MAC7CgC,EAA4B;AAAA,IAC/B,EAAA,CAAA,IATqC,MAWtC;AAAA,MACD9B;AAAA,MACAQ,EAAQ,UAAU;AAAA,MAClBV;AAAA,MACAgC;AAAA,IAAA,CACD,GAEKI,IAA2B5B,EAAY,MACtCP,sBAGFe,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,YAAY;AAAA,wBAChD2B,IAAmB,EAAA;AAAA,IACtB,EAAA,CAAA,IANsB,MAQvB,CAACpC,GAAYS,EAAQ,UAAU,UAAU,CAAC,GAEvC4B,IAA4B9B,EAAY,MACxCL,IAAsC,yBAGvCa,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,YAAY;AAAA,wBAChD6B,IAAA,EACC,UAAC,gBAAAtB,EAAAuB,IAAA,EAAa,cAAArD,EAA4B,CAAA,GAC5C;AAAA,IACF,EAAA,CAAA,GAED,CAACgB,GAA+BO,EAAQ,UAAU,YAAYvB,CAAY,CAAC,GAExEsD,IAAoBjC;AAAA,MACxB,wBACGQ,GACE,EAAA,UAAA;AAAA,QAA2BM,EAAA;AAAA,QAC3BE,EAA4B;AAAA,QAC5BE,EAA4B;AAAA,QAC5BO,EAA4B;AAAA,QAC5BG,EAAyB;AAAA,QACzBE,EAA0B;AAAA,MAAA,GAC7B;AAAA,MAEF;AAAA,QACEhB;AAAA,QACAE;AAAA,QACAE;AAAA,QACAO;AAAA,QACAG;AAAA,QACAE;AAAA,MACF;AAAA,IAAA,GAGII,IAAoBlC;AAAA,MACxB,wBACGQ,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAQ,UAAU,YAAY;AAAA,0BAChDiC,IAAoB,EAAA;AAAA,MAAA,GACvB;AAAA,MAEF,CAACjC,EAAQ,UAAU,UAAU;AAAA,IAAA;AAG/B,WAAIN,IACK,gBAAAa,EAAC2B,IAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAf,EAACgB,IAAA,EACC,UAAA;AAAA,MAAA,gBAAA5B,EAAC6B,MAAc,cAAAzD,GAA4B;AAAA,MAC3C,gBAAAwC;AAAA,QAACkB;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,MAAMrC,EAAQ;AAAA,UACd,SAASA,EAAQ;AAAA,UAEhB,UAAA;AAAA,YAA0BtB,IAAA2B,MAAoC0B,EAAkB;AAAA,YAChFC,EAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,6 +1,5 @@
 import { GIF as e } from "../../../../../assets/gif/gif.js";
-import { ESummaryType as t } from "../../../../parent-dashboard/parent-dashboard-types.js";
-const n = [
+const i = [
   {
     title: "introduction & goals",
     description: "Get to know your tutor and discuss your goals and expectations",
@@ -22,17 +21,17 @@ const n = [
     textBG: "GREEN_6",
     ctaLabel: "View Learning Plan"
   }
-], r = [
+], a = [
   {
     title: "created student profile",
-    type: t.STUDENT_PROFILE,
+    key: "studentProfile",
     image: e.YOUR_GOALS_GRID_BG,
     textBG: "ORANGE_6",
     ctaLabel: "View Profile"
   },
   {
     title: "Shared Learning insights",
-    type: t.INSIGHTS,
+    key: "insights",
     image: e.LEARNING_SESSION_GRID_BG,
     textBG: "YELLOW_6",
     ctaLabel: "View Insights"
@@ -43,11 +42,11 @@ const n = [
     image: e.WAY_FORWARD_GRID_BG,
     textBG: "GREEN_6",
     ctaLabel: "View Learning Plan",
-    type: t.LEARNING_PLAN
+    key: "learningPlan"
   }
 ];
 export {
-  r as sessionSummaryAfterDemo,
-  n as sessionSummaryData
+  a as sessionSummaryAfterDemo,
+  i as sessionSummaryData
 };
 //# sourceMappingURL=session-summary-constants.js.map

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

@@ -1 +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;"}
+{"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';\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    key: 'studentProfile',\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    key: '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    key: 'learningPlan',\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo"],"mappings":";AAIO,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,KAAK;AAAA,IACL,OAAOD,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,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,IACV,KAAK;AAAA,EACP;AACF;"}

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

@@ -1,53 +1,52 @@
-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 { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { memo as g, useCallback as l } from "react";
+import { useTheme as $ } from "styled-components";
+import a from "../../../../ui/layout/flex-view.js";
+import b 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(
+import { EDeviceType as v } from "../../../../ui/theme/constants.js";
+import { sessionSummaryAfterDemo as C, sessionSummaryData as T } from "./session-summary-constants.js";
+import W from "./summary-card/summary-card.js";
+const S = g(({ isDemoDone: i, studentName: r, onViewSummary: o }) => {
+  const t = $().device <= v.MOBILE, p = l(
     (e) => {
       if (!e) return "";
-      if (e === n.STUDENT_PROFILE)
+      if (e === "studentProfile")
         return `We understood your goals and expectations to create ${r}'s profile.`;
-      if (e === n.INSIGHTS)
+      if (e === "insights")
         return `With tutor’s guidance ${r} solved problems, helping us assess their math proficiency.`;
-      if (e === n.LEARNING_PLAN)
+      if (e === "learningPlan")
         return `The plan will keep evolving based on ${r}'s progress and evolving needs.`;
     },
     [r]
-  ), p = l(
+  ), c = l(
     (e) => {
       o == null || o(e);
     },
     [o]
   );
-  return /* @__PURE__ */ $(m, { children: [
+  return /* @__PURE__ */ u(a, { 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,
+    /* @__PURE__ */ s(b, { height: t ? 16 : 20 }),
+    /* @__PURE__ */ s(a, { $flexGapX: 1, $justifyContent: "center", $flexDirection: t ? "column" : "row", children: (i ? C : T).map(
+      ({ title: e, description: m, image: f, textBG: d, ctaLabel: h, key: n }) => /* @__PURE__ */ s(
+        W,
         {
           title: e,
-          description: t && c(t) || f,
-          image: h,
+          description: p(n) || m,
+          image: f,
           textBG: d,
-          ctaLabel: u,
-          type: t,
+          ctaLabel: h,
+          keyId: n,
           isDemoDone: i,
-          onClick: p
+          onClick: c
         },
         e
       )
     ) })
   ] });
-}), H = A;
+}), D = S;
 export {
-  H as default
+  D as default
 };
 //# sourceMappingURL=session-summary.js.map

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

@@ -1 +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;"}
+{"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 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    (key?: string) => {\n      if (!key) return '';\n\n      if (key === 'studentProfile') {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (key === 'insights') {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (key === 'learningPlan') {\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: string) => {\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, key }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={getDescription(key) || (description as string)}\n              image={image}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              keyId={key}\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","key","handleClick","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","image","textBG","ctaLabel","SessionSummaryCard","SessionSummary$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,QAA0C;AAE1F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAiB;AACZ,UAAA,CAACA,EAAY,QAAA;AAEjB,UAAIA,MAAQ;AACV,eAAO,uDAAuDP,CAAW;AAG3E,UAAIO,MAAQ;AACV,eAAO,yBAAyBP,CAAW;AAG7C,UAAIO,MAAQ;AACV,eAAO,wCAAwCP,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRQ,IAAcF;AAAA,IAClB,CAACC,MAAgB;AACf,MAAAN,KAAA,QAAAA,EAAgBM;AAAA,IAClB;AAAA,IACA,CAACN,CAAa;AAAA,EAAA;AAGhB,2BACGQ,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAaZ,IAAA,qCAAqC,sCACrD;AAAA,IACC,gBAAAW,EAAAE,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAQ,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBP,IAAW,WAAW,OACnF,WAAaH,IAAAc,IAA0BC,GAAoB;AAAA,MAC3D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,KAAAZ,QAC9C,gBAAAG;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAAL;AAAA,UACA,aAAaV,EAAeE,CAAG,KAAMS;AAAA,UACrC,OAAAC;AAAA,UACA,QAAAC;AAAA,UACA,UAAAC;AAAA,UACA,OAAOZ;AAAA,UACP,YAAAR;AAAA,UACA,SAASS;AAAA,QAAA;AAAA,QARJO;AAAA,MASP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDM,IAAexB;"}