@cuemath/leap 3.3.24-link.2 → 3.3.24

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

@@ -1,231 +1,208 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { memo as nr, useCallback as t, useMemo as ar } from "react";
-import { useTheme as ir } from "styled-components";
-import sr from "../auth/pla-signup/onboarding-guide/onboarding-guide.js";
-import lr from "../auth/pla-signup/signup-header/signup-header.js";
-import cr from "../trial-session/comps/pla/next-steps/next-steps.js";
-import mr from "../trial-session/comps/pla/session-status/session-status.js";
-import hr from "../trial-session/comps/pla/session-summary/session-summary.js";
-import pr from "../trial-session/comps/pla/upcoming-sessions/upcoming-sessions.js";
-import V from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js";
-import dr from "../ui/buttons/button/button.js";
-import ur from "../ui/buttons/text-button/text-button.js";
-import fr from "../ui/error/error.js";
-import n from "../ui/layout/flex-view.js";
-import gr from "../ui/loader/app-loader/app-loader.js";
-import a from "../ui/separator/separator.js";
-import X from "../ui/text/text.js";
-import { EDeviceType as Sr } from "../ui/theme/constants.js";
-import xr from "./comps/billing-information/billing-information.js";
-import br from "./comps/compact-header/compact-header.js";
-import Lr from "./comps/cuemath-app-features/cuemath-app-features.js";
-import Pr from "./comps/math-practice/math-practice.js";
-import Cr from "./comps/parent-dashboard-faqs/parent-dashboard-faqs.js";
-import Tr from "./hooks/use-parent-home-data.js";
-import $r from "./hooks/use-student-profile-summary-data.js";
-import { usePLAModalHandlers as Dr } from "./modals/hooks/use-pla-model-handlers.js";
-import { MOBILE_SPACING as Mr, DESKTOP_SPACING as yr } from "./parent-dashboard-constants.js";
-import { MathPracticeWrapper as Ar, Container as Or, ContentWrapper as Ir } from "./parent-dashboard-styled.js";
-const ae = nr(
+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 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(
   ({
     studentName: c,
-    studentId: d,
-    onRescheduleDemo: u,
+    studentId: u,
+    onRescheduleDemo: f,
     onViewSummary: m,
-    onGetStartedAgain: f,
+    onGetStartedAgain: p,
     onChangeTutor: g,
-    canChangeTutor: L,
-    onSwitchUser: P,
-    isSubscriptionCancelled: J,
-    HeaderAvatar: Q
+    canChangeTutor: S,
+    onSwitchUser: x,
+    isSubscriptionCancelled: z,
+    HeaderAvatar: N
   }) => {
-    const { device: R } = ir(), S = R <= Sr.MOBILE, {
+    const { device: R } = te(), d = R <= de.MOBILE, {
       teacherDetails: i,
-      billingDetails: h,
-      teacherName: x,
-      completedSessions: b,
+      teacherName: b,
+      completedSessions: L,
       nextSessionStart: C,
       nextSessionEnd: T,
       classStatus: $,
-      upcomingSessions: D,
+      upcomingSessions: P,
       isDemoDone: s,
-      isOnlyOneSessionCompleted: M,
-      isMoreThanOneSessionCompleted: p,
-      showLoading: U = !1,
-      demoId: l = "shkbfshdj",
+      isOnlyOneSessionCompleted: D,
+      isMoreThanOneSessionCompleted: h,
+      showLoading: X = !1,
+      demoId: l,
       fetchData: y,
-      isProcessingFailed: Y,
+      isProcessingFailed: J,
       userAttemptId: A
-    } = Tr(d), { summaryInfo: O, fetchSummaryData: I } = $r(d), Z = t(() => {
-      y(), I();
-    }, [y, I]), { onCancelSubscription: E, onViewPaymentMethod: k } = Dr({
-      demoId: l,
-      studentId: d,
-      billingDetails: h,
-      completedSessions: b,
-      withTutor: !!x,
-      onRescheduleDemo: u,
-      onChangeTutor: g
-    }), H = t(() => {
-      u(l);
-    }, [l, u]), w = t(() => {
+    } = 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]), e = ar(
-      () => S ? Mr : yr,
-      [S]
-    ), B = t(
-      (or) => {
-        m == null || m(or, { ...O, userAttemptId: A });
+    }, [l, g]), r = re(
+      () => d ? Le : Ce,
+      [d]
+    ), k = t(
+      (Z) => {
+        m == null || m(Z, { ...M, userAttemptId: A });
       },
-      [m, O, A]
-    ), F = S ? "100%" : 200, rr = t(
-      () => /* @__PURE__ */ o(n, { children: [
-        /* @__PURE__ */ r(lr, {}),
-        /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-        /* @__PURE__ */ r(sr, { orientation: "horizontal" }),
-        f && /* @__PURE__ */ o(n, { children: [
-          /* @__PURE__ */ r(a, { height: e.medium }),
-          /* @__PURE__ */ r(
-            dr,
+      [m, M, A]
+    ), H = d ? "100%" : 200, U = t(
+      () => /* @__PURE__ */ o(a, { children: [
+        /* @__PURE__ */ e(ae, {}),
+        /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+        /* @__PURE__ */ e(oe, { orientation: "horizontal" }),
+        p && /* @__PURE__ */ o(a, { children: [
+          /* @__PURE__ */ e(n, { height: r.medium }),
+          /* @__PURE__ */ e(
+            ce,
             {
               label: "Get Started",
               renderAs: "yellow-dark",
               shape: "square",
-              width: F,
-              onClick: f
+              width: H,
+              onClick: p
             }
           )
         ] })
       ] }),
-      [e, F, f]
-    ), W = t(
-      () => /* @__PURE__ */ r(
-        mr,
+      [r, H, p]
+    ), F = t(
+      () => /* @__PURE__ */ e(
+        ie,
         {
-          completedSessions: b,
+          completedSessions: L,
           nextSessionStartTime: C,
-          teacherName: x,
+          teacherName: b,
           status: $,
           nextSessionEndTime: T,
           studentName: c,
-          onRescheduleClick: H
+          onRescheduleClick: E
         }
       ),
       [
-        b,
+        L,
         C,
-        x,
+        b,
         $,
         T,
         c,
-        H
+        E
       ]
-    ), j = t(() => !i || s ? null : /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.large }),
-      /* @__PURE__ */ r(V, { teacherProfile: i })
-    ] }), [i, s, e.separator.large]), _ = t(() => p ? null : /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(
-        hr,
+    ), W = t(() => !i || s ? null : /* @__PURE__ */ o(a, { 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(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(
+        se,
         {
           isDemoDone: s,
           studentName: c,
-          onViewSummary: B
+          onViewSummary: k
         }
       )
     ] }), [
-      p,
-      e.separator.extraLarge,
+      h,
+      r.separator.extraLarge,
       s,
       c,
-      B
-    ]), q = t(() => L ? /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.small }),
-      /* @__PURE__ */ o(n, { $flexDirection: "row", $flexColumnGapX: 0.25, children: [
-        /* @__PURE__ */ r(X, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
-        /* @__PURE__ */ r(
-          ur,
+      k
+    ]), B = t(() => S ? /* @__PURE__ */ o(a, { 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__ */ e(
+          me,
           {
             color: "WHITE_1",
             sizeOnMobile: "small",
             label: "Try another tutor",
-            onClick: w
+            onClick: I
           }
         )
       ] })
-    ] }) : null, [L, e.separator.small, w]), v = t(() => i ? /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(X, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Know your tutor" }),
-      /* @__PURE__ */ r(a, { height: e.separator.medium }),
-      /* @__PURE__ */ r(V, { teacherProfile: i }),
-      q()
-    ] }) : null, [i, e.separator, q]), G = t(() => M ? /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(cr, {}),
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(pr, { sessions: D }),
-      v()
+    ] }) : null, [S, r.separator.small, I]), _ = t(() => i ? /* @__PURE__ */ o(a, { 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(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(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(ne, {}),
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(le, { sessions: P }),
+      _()
     ] }) : null, [
-      M,
-      e.separator.extraLarge,
       D,
-      v
-    ]), K = t(() => s ? /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(Lr, {})
-    ] }) : null, [s, e.separator.extraLarge]), z = t(() => p ? null : /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(Ar, { children: /* @__PURE__ */ r(Pr, { onSwitchUser: P }) })
-    ] }), [p, e.separator.extraLarge, P]), N = t(() => h ? /* @__PURE__ */ o(n, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(
-        xr,
-        {
-          billingDetails: h,
-          onViewPaymentMethod: k,
-          onCancelSubscription: E
-        }
-      )
-    ] }) : null, [h, e.separator.extraLarge, k, E]), er = t(
-      () => /* @__PURE__ */ o(n, { children: [
+      r.separator.extraLarge,
+      P,
+      _
+    ]), q = t(() => s ? /* @__PURE__ */ o(a, { 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(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(),
-        _(),
-        G(),
-        K(),
-        z(),
-        N()
+        q(),
+        v()
       ] }),
       [
+        F,
         W,
+        w,
         j,
-        _,
-        G,
-        K,
-        z,
-        N
+        q,
+        v
       ]
-    ), tr = t(
-      () => /* @__PURE__ */ o(n, { children: [
-        /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-        /* @__PURE__ */ r(Cr, {})
+    ), Y = t(
+      () => /* @__PURE__ */ o(a, { children: [
+        /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+        /* @__PURE__ */ e(Se, {})
       ] }),
-      [e.separator.extraLarge]
+      [r.separator.extraLarge]
     );
-    return U ? /* @__PURE__ */ r(gr, { height: "100vh" }) : Y ? /* @__PURE__ */ r(n, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ r(fr, { theme: "dark", onTryAgain: Z }) }) : /* @__PURE__ */ o(Or, { children: [
-      /* @__PURE__ */ r(br, { HeaderAvatar: Q }),
+    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(
-        Ir,
+        Pe,
         {
           $flex: 1,
           $width: "100%",
           $height: "100%",
           $background: "BLACK_1",
-          $gap: e.medium,
-          $gutter: e.small,
+          $gap: r.medium,
+          $gutter: r.small,
           children: [
-            J ? rr() : er(),
-            tr()
+            z ? U() : V(),
+            Y()
           ]
         }
       )
@@ -233,6 +210,6 @@ const ae = nr(
   }
 );
 export {
-  ae as default
+  Ve 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 BillingInformation from './comps/billing-information/billing-information';\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 { usePLAModalHandlers } from './modals/hooks/use-pla-model-handlers';\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      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      showLoading = false,\n      demoId = 'shkbfshdj',\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 { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n      demoId,\n      studentId,\n      billingDetails,\n      completedSessions,\n      withTutor: !!teacherName,\n      onRescheduleDemo,\n      onChangeTutor,\n    });\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 renderBillingInformation = useCallback(() => {\n      if (!billingDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <BillingInformation\n            billingDetails={billingDetails}\n            onViewPaymentMethod={onViewPaymentMethod}\n            onCancelSubscription={onCancelSubscription}\n          />\n        </FlexView>\n      );\n    }, [billingDetails, spacing.separator.extraLarge, onViewPaymentMethod, onCancelSubscription]);\n\n    const renderMainContent = useCallback(\n      () => (\n        <FlexView>\n          {renderSessionStatusSection()}\n          {renderTeacherProfileSection()}\n          {renderSessionSummarySection()}\n          {renderOnlyOneSessionSection()}\n          {renderAppFeaturesSection()}\n          {renderMathPracticeSection()}\n          {renderBillingInformation()}\n        </FlexView>\n      ),\n      [\n        renderSessionStatusSection,\n        renderTeacherProfileSection,\n        renderSessionSummarySection,\n        renderOnlyOneSessionSection,\n        renderAppFeaturesSection,\n        renderMathPracticeSection,\n        renderBillingInformation,\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","billingDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","classStatus","upcomingSessions","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted","showLoading","demoId","fetchParentHomeData","isProcessingFailed","userAttemptId","useParentHomeData","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","handleTryAgain","useCallback","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","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","renderBillingInformation","BillingInformation","renderMainContent","renderFaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,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,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,IAAS;AAAA,MACT,WAAWC;AAAA,MACX,oBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACEC,GAAkB7B,CAAS,GAEzB,EAAE,aAAA8B,GAAa,kBAAAC,EAAiB,IAAIC,GAA6BhC,CAAS,GAE1EiC,IAAiBC,EAAY,MAAM;AACnB,MAAAR,KACHK;IAAA,GAChB,CAACL,GAAqBK,CAAgB,CAAC,GAEpC,EAAE,sBAAAI,GAAsB,qBAAAC,EAAoB,IAAIC,GAAoB;AAAA,MACxE,QAAAZ;AAAA,MACA,WAAAzB;AAAA,MACA,gBAAAc;AAAA,MACA,mBAAAE;AAAA,MACA,WAAW,CAAC,CAACD;AAAA,MACb,kBAAAd;AAAA,MACA,eAAAG;AAAA,IAAA,CACD,GAEKkC,IAAuBJ,EAAY,MAAM;AAC7C,MAAAjC,EAAiBwB,CAAM;AAAA,IAAA,GACtB,CAACA,GAAQxB,CAAgB,CAAC,GAEvBsC,IAAoBL,EAAY,MAAM;AAC1C,MAAIT,KACFrB,EAAcqB,CAAM;AAAA,IACtB,GACC,CAACA,GAAQrB,CAAa,CAAC,GAEpBoC,IAA0BC;AAAA,MAC9B,MAAO9B,IAAW+B,KAAiBC;AAAA,MACnC,CAAChC,CAAQ;AAAA,IAAA,GAGLiC,IAAoBV;AAAA,MACxB,CAACW,OAAsB;AACrB,QAAA3C,KAAA,QAAAA,EAAgB2C,IAAK,EAAE,GAAGf,GAAa,eAAAF,EAAe;AAAA,MACxD;AAAA,MACA,CAAC1B,GAAe4B,GAAaF,CAAa;AAAA,IAAA,GAGtCkB,IAAcnC,IAAW,SAAS,KAElCoC,KAAkCb;AAAA,MACtC,wBACGc,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,QACzCjD,uBACE6C,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,SAAS3C;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MAEF,CAACqC,GAASM,GAAa3C,CAAiB;AAAA,IAAA,GAGpCmD,IAA6BpB;AAAA,MACjC,MACE,gBAAAe;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,mBAAAvC;AAAA,UACA,sBAAsBC;AAAA,UACtB,aAAAF;AAAA,UACA,QAAQI;AAAA,UACR,oBAAoBD;AAAA,UACpB,aAAAnB;AAAA,UACA,mBAAmBuC;AAAA,QAAA;AAAA,MACrB;AAAA,MAEF;AAAA,QACEtB;AAAA,QACAC;AAAA,QACAF;AAAA,QACAI;AAAA,QACAD;AAAA,QACAnB;AAAA,QACAuC;AAAA,MACF;AAAA,IAAA,GAGIkB,IAA8BtB,EAAY,MAC1C,CAACrB,KAAkBQ,IAAmB,yBAGvC2B,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,OAAO;AAAA,MAC5C,gBAAAS,EAACQ,GAAe,EAAA,gBAAgB5C,EAAgB,CAAA;AAAA,IAClD,EAAA,CAAA,GAED,CAACA,GAAgBQ,GAAYmB,EAAQ,UAAU,KAAK,CAAC,GAElDkB,IAA8BxB,EAAY,MAC1CX,IAAsC,yBAGvCyB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAS;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,YAAAtC;AAAA,UACA,aAAAtB;AAAA,UACA,eAAe6C;AAAA,QAAA;AAAA,MACjB;AAAA,IACF,EAAA,CAAA,GAED;AAAA,MACDrB;AAAA,MACAiB,EAAQ,UAAU;AAAA,MAClBnB;AAAA,MACAtB;AAAA,MACA6C;AAAA,IAAA,CACD,GAEKgB,IAA2B1B,EAAY,MACtC7B,sBAGF2C,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,CAAClC,GAAgBmC,EAAQ,UAAU,OAAOD,CAAiB,CAAC,GAEzDyB,IAA8B9B,EAAY,MACzCrB,sBAGFmC,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,gBAAgB5C,EAAgB,CAAA;AAAA,MAC/C+C,EAAyB;AAAA,IAC5B,EAAA,CAAA,IAX0B,MAa3B,CAAC/C,GAAgB2B,EAAQ,WAAWoB,CAAwB,CAAC,GAE1DK,IAA8B/B,EAAY,MACzCZ,sBAGF0B,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,UAAU/C,EAAkB,CAAA;AAAA,MAC7C4C,EAA4B;AAAA,IAC/B,EAAA,CAAA,IATqC,MAWtC;AAAA,MACD1C;AAAA,MACAkB,EAAQ,UAAU;AAAA,MAClBpB;AAAA,MACA4C;AAAA,IAAA,CACD,GAEKI,IAA2BlC,EAAY,MACtCb,sBAGF2B,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,wBAChD6B,IAAmB,EAAA;AAAA,IACtB,EAAA,CAAA,IANsB,MAQvB,CAAChD,GAAYmB,EAAQ,UAAU,UAAU,CAAC,GAEvC8B,IAA4BpC,EAAY,MACxCX,IAAsC,yBAGvCyB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,wBAChD+B,IAAA,EACC,UAAC,gBAAAtB,EAAAuB,IAAA,EAAa,cAAAlE,EAA4B,CAAA,GAC5C;AAAA,IACF,EAAA,CAAA,GAED,CAACiB,GAA+BiB,EAAQ,UAAU,YAAYlC,CAAY,CAAC,GAExEmE,IAA2BvC,EAAY,MACtCpB,sBAGFkC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAS;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,gBAAA5D;AAAA,UACA,qBAAAsB;AAAA,UACA,sBAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA,IAV0B,MAY3B,CAACrB,GAAgB0B,EAAQ,UAAU,YAAYJ,GAAqBD,CAAoB,CAAC,GAEtFwC,KAAoBzC;AAAA,MACxB,wBACGc,GACE,EAAA,UAAA;AAAA,QAA2BM,EAAA;AAAA,QAC3BE,EAA4B;AAAA,QAC5BE,EAA4B;AAAA,QAC5BO,EAA4B;AAAA,QAC5BG,EAAyB;AAAA,QACzBE,EAA0B;AAAA,QAC1BG,EAAyB;AAAA,MAAA,GAC5B;AAAA,MAEF;AAAA,QACEnB;AAAA,QACAE;AAAA,QACAE;AAAA,QACAO;AAAA,QACAG;AAAA,QACAE;AAAA,QACAG;AAAA,MACF;AAAA,IAAA,GAGIG,KAAoB1C;AAAA,MACxB,wBACGc,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQX,EAAQ,UAAU,YAAY;AAAA,0BAChDqC,IAAoB,EAAA;AAAA,MAAA,GACvB;AAAA,MAEF,CAACrC,EAAQ,UAAU,UAAU;AAAA,IAAA;AAG/B,WAAIhB,IACK,gBAAAyB,EAAC6B,IAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BnD,IAEC,gBAAAsB,EAAAD,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA,gBAAAC,EAAC8B,IAAM,EAAA,OAAM,QAAO,YAAY9C,GAAgB,EAClD,CAAA,IAIF,gBAAA4B,EAACmB,IAAA,EACC,UAAA;AAAA,MAAA,gBAAA/B,EAACgC,MAAc,cAAAzE,GAA4B;AAAA,MAC3C,gBAAAqD;AAAA,QAACqB;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,MAAM1C,EAAQ;AAAA,UACd,SAASA,EAAQ;AAAA,UAEhB,UAAA;AAAA,YAA0BjC,IAAAwC,OAAoC4B,GAAkB;AAAA,YAChFC,GAAkB;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 { 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":"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"}