@cuemath/leap 3.3.30 → 3.3.31

package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.js

@@ -0,0 +1,119 @@
+import { jsxs as a, jsx as r, Fragment as M } from "react/jsx-runtime";
+import { memo as k, useState as d, useRef as D, useMemo as F, useCallback as c, useEffect as U } from "react";
+import { useTheme as y } from "styled-components";
+import G from "../../../auth/comps/pill-button/pill-button.js";
+import { PLA_ANALYTICS_EVENTS as R } from "../../../auth/pla-signup/pla-analytics-events.js";
+import E from "../../../ui/buttons/text-button/text-button.js";
+import { useUIContext as H } from "../../../ui/context/context.js";
+import V from "../../../ui/layout/flex-view.js";
+import j from "../../../ui/modals/use-modal-actions.js";
+import K from "../../../ui/modals/use-modal-params.js";
+import Y from "../../../ui/separator/separator.js";
+import S from "../../../ui/text/text.js";
+import { EDeviceType as q } from "../../../ui/theme/constants.js";
+import { useCancelSubscriptionPatch as z } from "../../api/cancel-subscription.js";
+import { cancellationReasonAfterTrial as J, cancellationReasonWithTutor as Q, cancellationReasonNoTutor as Z } from "./cancellation-reason-constant.js";
+import { Container as ee, OuterWrapper as oe, ContentWrapper as re, StyledTextArea as te, FooterWrapper as ne, ErrorWrapper as ae } from "./cancellation-reason-styled.js";
+const le = k(() => {
+  const { withTutor: p, isTrialDone: f, studentId: h, demoId: C, onCancelConfirmation: $ } = K(), { closeModal: g } = j(), { onEvent: m } = H(), [o, I] = d(""), [x, u] = d(!1), [l, b] = d(""), s = D(null), { device: O } = y(), t = O <= q.MOBILE, _ = F(() => f ? J : p ? Q : Z, [f, p]), { title: L, description: A, reasons: N } = _, w = c(
+    (e) => {
+      if (e) {
+        u(!0), m(R.SUBSCRIPTION_CANCELLATION_FAILED, {
+          reason: o,
+          error: e
+        });
+        return;
+      }
+      m(R.SUBSCRIPTION_CANCELLATION_SUCCESSFUL, {
+        reason: o
+      }), $();
+    },
+    [$, o, m]
+  ), { patch: T, isProcessing: X } = z({
+    onComplete: w
+  }), n = o === "other", v = X || !o || n && !l.trim(), P = c(() => {
+    T(h, {
+      reason: n ? l : o,
+      student_demo_id: C
+    });
+  }, [n, l, o, T, h, C]), W = c((e) => {
+    b(""), u(!1), I(e);
+  }, []), B = c((e) => {
+    u(!1), b(e.target.value);
+  }, []);
+  return U(() => {
+    var e, i;
+    n && s.current && ((e = s.current) == null || e.focus(), (i = s.current) == null || i.scrollIntoView({ behavior: "smooth" }));
+  }, [n]), /* @__PURE__ */ a(ee, { $background: "BLACK_2", $width: "100%", $borderColor: "BLACK_5", children: [
+    /* @__PURE__ */ a(oe, { $flex: 1, children: [
+      /* @__PURE__ */ a(V, { $gutterX: t ? 1 : 2.5, $gapX: t ? 1.5 : 2.5, children: [
+        /* @__PURE__ */ r(S, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: L }),
+        A ? /* @__PURE__ */ a(M, { children: [
+          /* @__PURE__ */ r(Y, { heightX: 0.25 }),
+          /* @__PURE__ */ r(S, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: A })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ a(
+        re,
+        {
+          $flex: 1,
+          $gutterX: t ? 1 : 2.5,
+          $gapX: t ? 1 : 2.5,
+          $width: "100%",
+          $alignItems: "flex-start",
+          $flexRowGapX: 1,
+          children: [
+            N.map(({ id: e, label: i }) => /* @__PURE__ */ r(
+              G,
+              {
+                selected: o === e,
+                label: i,
+                id: e,
+                onClick: W,
+                isTransparent: !0
+              },
+              e
+            )),
+            n && /* @__PURE__ */ r(
+              te,
+              {
+                placeholder: "Tell us more about your experience...",
+                id: "text-area",
+                ref: s,
+                value: l,
+                onChange: B
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      ne,
+      {
+        $position: "relative",
+        $gutterX: t ? 1 : 2.5,
+        $gapX: t ? 1.5 : 2.5,
+        $flexDirection: "row",
+        $flexColumnGapX: 1.5,
+        children: [
+          x ? /* @__PURE__ */ r(ae, { $renderAs: "ub3", $color: "ORANGE_4", $align: "left", children: "Something went wrong. Please try again." }) : null,
+          /* @__PURE__ */ r(
+            E,
+            {
+              label: "Cancel Subscription",
+              onClick: P,
+              color: "ORANGE_4",
+              disabled: v
+            }
+          ),
+          /* @__PURE__ */ r(E, { label: "Close", onClick: g, color: "WHITE" })
+        ]
+      }
+    )
+  ] });
+}), Se = le;
+export {
+  Se as default
+};
+//# sourceMappingURL=cancellation-reason.js.map

package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cancellation-reason.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.tsx"],"sourcesContent":["import type { ICancelReasonProps } from './cancel-reason-types';\nimport type { ChangeEvent } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport { PLA_ANALYTICS_EVENTS } from '../../../auth/pla-signup/pla-analytics-events';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { useCancelSubscriptionPatch } from '../../api/cancel-subscription';\nimport {\n  cancellationReasonAfterTrial,\n  cancellationReasonNoTutor,\n  cancellationReasonWithTutor,\n} from './cancellation-reason-constant';\nimport * as Styled from './cancellation-reason-styled';\n\nconst CancellationReason = memo(() => {\n  const { withTutor, isTrialDone, studentId, demoId, onCancelConfirmation } =\n    useModalParams<ICancelReasonProps>();\n  const { closeModal } = useModalActions();\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [reason, setReason] = useState('');\n  const [isError, setIsError] = useState<boolean>(false);\n  const [otherReason, setOtherReason] = useState('');\n\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const config = useMemo(() => {\n    if (isTrialDone) return cancellationReasonAfterTrial;\n\n    return withTutor ? cancellationReasonWithTutor : cancellationReasonNoTutor;\n  }, [isTrialDone, withTutor]);\n  const { title, description, reasons } = config;\n\n  const handleCancelConfirmation = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        setIsError(true);\n        trackEvent(PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_FAILED, {\n          reason,\n          error: errorMessage,\n        });\n        // Need to add analytics event for cancellation failure\n\n        return;\n      }\n\n      trackEvent(PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_SUCCESSFUL, {\n        reason,\n      });\n      onCancelConfirmation();\n    },\n    [onCancelConfirmation, reason, trackEvent],\n  );\n\n  const { patch: cancelSubscription, isProcessing } = useCancelSubscriptionPatch({\n    onComplete: handleCancelConfirmation,\n  });\n\n  const isOtherReasonSelected = reason === 'other';\n  const isSubmitDisabled =\n    isProcessing || !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleCancel = useCallback(() => {\n    const cancellationReason = isOtherReasonSelected ? otherReason : reason;\n\n    cancelSubscription(studentId, {\n      reason: cancellationReason,\n      student_demo_id: demoId,\n    });\n  }, [isOtherReasonSelected, otherReason, reason, cancelSubscription, studentId, demoId]);\n\n  const handleSelectReason = useCallback((id: string) => {\n    setOtherReason('');\n    setIsError(false);\n    setReason(id);\n  }, []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setIsError(false);\n    setOtherReason(event.target.value);\n  }, []);\n\n  useEffect(() => {\n    if (isOtherReasonSelected && textAreaRef.current) {\n      textAreaRef.current?.focus();\n      textAreaRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }\n  }, [isOtherReasonSelected]);\n\n  return (\n    <Styled.Container $background=\"BLACK_2\" $width=\"100%\" $borderColor=\"BLACK_5\">\n      <Styled.OuterWrapper $flex={1}>\n        <FlexView $gutterX={isMobile ? 1 : 2.5} $gapX={isMobile ? 1.5 : 2.5}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            {title}\n          </Text>\n          {description ? (\n            <>\n              <Separator heightX={0.25} />\n              <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </>\n          ) : null}\n        </FlexView>\n        <Styled.ContentWrapper\n          $flex={1}\n          $gutterX={isMobile ? 1 : 2.5}\n          $gapX={isMobile ? 1 : 2.5}\n          $width={'100%'}\n          $alignItems=\"flex-start\"\n          $flexRowGapX={1}\n        >\n          {reasons.map(({ id, label }) => (\n            <PillButton\n              selected={reason === id}\n              key={id}\n              label={label}\n              id={id}\n              onClick={handleSelectReason}\n              isTransparent\n            />\n          ))}\n          {isOtherReasonSelected && (\n            <Styled.StyledTextArea\n              placeholder=\"Tell us more about your experience...\"\n              id=\"text-area\"\n              ref={textAreaRef}\n              value={otherReason}\n              onChange={handleOtherReasonChange}\n            />\n          )}\n        </Styled.ContentWrapper>\n      </Styled.OuterWrapper>\n      <Styled.FooterWrapper\n        $position=\"relative\"\n        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1.5 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\n        {isError ? (\n          <Styled.ErrorWrapper $renderAs=\"ub3\" $color=\"ORANGE_4\" $align=\"left\">\n            Something went wrong. Please try again.\n          </Styled.ErrorWrapper>\n        ) : null}\n        <TextButton\n          label=\"Cancel Subscription\"\n          onClick={handleCancel}\n          color=\"ORANGE_4\"\n          disabled={isSubmitDisabled}\n        />\n\n        <TextButton label=\"Close\" onClick={closeModal} color=\"WHITE\" />\n      </Styled.FooterWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default CancellationReason;\n"],"names":["CancellationReason","memo","withTutor","isTrialDone","studentId","demoId","onCancelConfirmation","useModalParams","closeModal","useModalActions","trackEvent","useUIContext","reason","setReason","useState","isError","setIsError","otherReason","setOtherReason","textAreaRef","useRef","device","useTheme","isMobile","EDeviceType","config","useMemo","cancellationReasonAfterTrial","cancellationReasonWithTutor","cancellationReasonNoTutor","title","description","reasons","handleCancelConfirmation","useCallback","errorMessage","PLA_ANALYTICS_EVENTS","cancelSubscription","isProcessing","useCancelSubscriptionPatch","isOtherReasonSelected","isSubmitDisabled","handleCancel","handleSelectReason","id","handleOtherReasonChange","event","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","FlexView","jsx","Text","Fragment","Separator","Styled.ContentWrapper","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","Styled.ErrorWrapper","TextButton","CancellationReason$1"],"mappings":"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"}

package/dist/features/parent-dashboard/modals/hooks/use-pla-model-handlers.js

@@ -0,0 +1,58 @@
+import { useCallback as l, useMemo as f } from "react";
+import h from "../../../ui/modals/use-modal-actions.js";
+import { invalidateParentHome as y } from "../../api/parent-home.js";
+const V = ({
+  studentId: a,
+  demoId: t,
+  withTutor: o,
+  isTrialDone: e,
+  studentName: i,
+  billingDetails: d,
+  onChangeTutor: m,
+  onRescheduleDemo: p
+}) => {
+  const { openModal: n } = h(), { payment_method_details: s } = d ?? {}, r = l(() => {
+    y(a), n("pla-cancellation-confirmation");
+  }, [n, a]), C = l(() => {
+    n("pla-cancellation-reason", {
+      withTutor: o,
+      studentId: a,
+      demoId: t,
+      isTrialDone: e,
+      onCancelConfirmation: r
+    });
+  }, [t, r, e, n, a, o]), c = l(() => {
+    n("pla-cancel-subscription", {
+      withTutor: o,
+      studentName: i,
+      isTrialDone: e,
+      onSwitchTutor: m,
+      onReschedule: p,
+      onCancel: C
+    });
+  }, [
+    n,
+    o,
+    i,
+    e,
+    m,
+    p,
+    C
+  ]), M = l(() => {
+    n("pla-view-payment-method", {
+      paymentMethodDetails: s,
+      onCancel: c
+    });
+  }, [c, n, s]);
+  return f(
+    () => ({
+      onCancelSubscription: c,
+      onViewPaymentMethod: M
+    }),
+    [c, M]
+  );
+};
+export {
+  V as usePLAModalHandlers
+};
+//# sourceMappingURL=use-pla-model-handlers.js.map

package/dist/features/parent-dashboard/modals/hooks/use-pla-model-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pla-model-handlers.js","sources":["../../../../../src/features/parent-dashboard/modals/hooks/use-pla-model-handlers.ts"],"sourcesContent":["import type { IBillingDetails } from '../../parent-dashboard-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport { invalidateParentHome } from '../../api/parent-home';\n\ninterface IUsePLAModalHandlers {\n  demoId: string | null;\n  isTrialDone: boolean;\n  studentId: string;\n  studentName: string;\n  withTutor: boolean;\n  billingDetails: IBillingDetails | null;\n  onRescheduleDemo: () => void;\n  onChangeTutor: () => void;\n}\n\ninterface IUsePLAModalResponse {\n  onCancelSubscription: () => void;\n  onViewPaymentMethod: () => void;\n}\n\nexport const usePLAModalHandlers = ({\n  studentId,\n  demoId,\n  withTutor,\n  isTrialDone,\n  studentName,\n  billingDetails,\n  onChangeTutor,\n  onRescheduleDemo,\n}: IUsePLAModalHandlers): IUsePLAModalResponse => {\n  const { openModal } = useModalActions();\n\n  const { payment_method_details: paymentMethodDetails } = billingDetails ?? {};\n\n  const handleCancelConfirmation = useCallback(() => {\n    invalidateParentHome(studentId);\n    openModal('pla-cancellation-confirmation');\n  }, [openModal, studentId]);\n\n  const handleViewCancellationReason = useCallback(() => {\n    openModal('pla-cancellation-reason', {\n      withTutor,\n      studentId,\n      demoId,\n      isTrialDone,\n      onCancelConfirmation: handleCancelConfirmation,\n    });\n  }, [demoId, handleCancelConfirmation, isTrialDone, openModal, studentId, withTutor]);\n\n  const handleCancelSubscription = useCallback(() => {\n    openModal('pla-cancel-subscription', {\n      withTutor,\n      studentName,\n      isTrialDone,\n      onSwitchTutor: onChangeTutor,\n      onReschedule: onRescheduleDemo,\n      onCancel: handleViewCancellationReason,\n    });\n  }, [\n    openModal,\n    withTutor,\n    studentName,\n    isTrialDone,\n    onChangeTutor,\n    onRescheduleDemo,\n    handleViewCancellationReason,\n  ]);\n\n  const handleViewPaymentMethod = useCallback(() => {\n    openModal('pla-view-payment-method', {\n      paymentMethodDetails,\n      onCancel: handleCancelSubscription,\n    });\n  }, [handleCancelSubscription, openModal, paymentMethodDetails]);\n\n  return useMemo(\n    () => ({\n      onCancelSubscription: handleCancelSubscription,\n      onViewPaymentMethod: handleViewPaymentMethod,\n    }),\n    [handleCancelSubscription, handleViewPaymentMethod],\n  );\n};\n"],"names":["usePLAModalHandlers","studentId","demoId","withTutor","isTrialDone","studentName","billingDetails","onChangeTutor","onRescheduleDemo","openModal","useModalActions","paymentMethodDetails","handleCancelConfirmation","useCallback","invalidateParentHome","handleViewCancellationReason","handleCancelSubscription","handleViewPaymentMethod","useMemo"],"mappings":";;;AAuBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAkD;AAC1C,QAAA,EAAE,WAAAC,MAAcC,KAEhB,EAAE,wBAAwBC,MAAyBL,KAAkB,CAAA,GAErEM,IAA2BC,EAAY,MAAM;AACjD,IAAAC,EAAqBb,CAAS,GAC9BQ,EAAU,+BAA+B;AAAA,EAAA,GACxC,CAACA,GAAWR,CAAS,CAAC,GAEnBc,IAA+BF,EAAY,MAAM;AACrD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,WAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,sBAAsBQ;AAAA,IAAA,CACvB;AAAA,EAAA,GACA,CAACV,GAAQU,GAA0BR,GAAaK,GAAWR,GAAWE,CAAS,CAAC,GAE7Ea,IAA2BH,EAAY,MAAM;AACjD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,aAAAE;AAAA,MACA,aAAAD;AAAA,MACA,eAAeG;AAAA,MACf,cAAcC;AAAA,MACd,UAAUO;AAAA,IAAA,CACX;AAAA,EAAA,GACA;AAAA,IACDN;AAAA,IACAN;AAAA,IACAE;AAAA,IACAD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAO;AAAA,EAAA,CACD,GAEKE,IAA0BJ,EAAY,MAAM;AAChD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,sBAAAE;AAAA,MACA,UAAUK;AAAA,IAAA,CACX;AAAA,EACA,GAAA,CAACA,GAA0BP,GAAWE,CAAoB,CAAC;AAEvD,SAAAO;AAAA,IACL,OAAO;AAAA,MACL,sBAAsBF;AAAA,MACtB,qBAAqBC;AAAA,IAAA;AAAA,IAEvB,CAACD,GAA0BC,CAAuB;AAAA,EAAA;AAEtD;"}

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js

@@ -11,19 +11,19 @@ const s = o(t)`
   ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
     max-height: unset;
     overflow-y: hidden;
-  })}
+  }
 `, m = o(t)`
   padding-top: 0;
   ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
     max-height: 300px;
     overflow-y: auto;
-  })}
+  }
 `, x = o(t)`
   padding-bottom: 24px;
   ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
     border-top: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
     padding-bottom: 40px;
-  })}
+  }
 `, c = o.textarea(({ theme: e }) => {
   const {
     colors: { WHITE: i, WHITE_T_38: r, BLACK_2: n, BLACK_5: a },

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutor-change-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  border: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-width: 560px;\n  }\n`;\n\nexport const OuterWrapper = styled(FlexView)`\n  overflow-y: auto;\n  max-height: 468px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: unset;\n    overflow-y: hidden;\n  })}\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  padding-top: 0;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: 300px;\n    overflow-y: auto;\n  })}\n`;\n\nexport const FooterWrapper = styled(FlexView)`\n  padding-bottom: 24px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    border-top: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n    padding-bottom: 40px;\n  })}\n`;\n\nexport const StyledTextArea = styled.textarea(({ theme }) => {\n  const {\n    colors: { WHITE, WHITE_T_38, BLACK_2, BLACK_5 },\n    layout: { gutter },\n  } = theme;\n\n  return `border: 1px solid ${BLACK_5};\n  width: 100%;\n  min-height: ${gutter * 5}px;\n  padding: 16px;\n  background-color: ${BLACK_2};\n  white-space: pre-line;\n  font-family: 'Untitled Sans Regular';\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ${WHITE};\n  resize: none;\n  outline: none;\n  &::placeholder {\n    color: ${WHITE_T_38};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n});\n"],"names":["Container","styled","FlexView","theme","OuterWrapper","ContentWrapper","FooterWrapper","StyledTextArea","WHITE","WHITE_T_38","BLACK_2","BLACK_5","gutter"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA,YAC5B,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,IAC1D,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA,GAKvCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,IAGvC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCE,IAAiBJ,EAAOC,CAAQ;AAAA;AAAA,IAEzC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCG,IAAgBL,EAAOC,CAAQ;AAAA;AAAA,IAExC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA,kBAClC,CAAC,EAAE,OAAAA,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA;AAAA,GAKvDI,IAAiBN,EAAO,SAAS,CAAC,EAAE,OAAAE,QAAY;AACrD,QAAA;AAAA,IACJ,QAAQ,EAAE,OAAAK,GAAO,YAAAC,GAAY,SAAAC,GAAS,SAAAC,EAAQ;AAAA,IAC9C,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAT;AAEJ,SAAO,qBAAqBQ,CAAO;AAAA;AAAA,gBAErBC,IAAS,CAAC;AAAA;AAAA,sBAEJF,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMlBF,CAAK;AAAA;AAAA;AAAA;AAAA,aAIHC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,CAAC;"}
+{"version":3,"file":"tutor-change-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  border: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-width: 560px;\n  }\n`;\n\nexport const OuterWrapper = styled(FlexView)`\n  overflow-y: auto;\n  max-height: 468px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: unset;\n    overflow-y: hidden;\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  padding-top: 0;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: 300px;\n    overflow-y: auto;\n  }\n`;\n\nexport const FooterWrapper = styled(FlexView)`\n  padding-bottom: 24px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    border-top: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n    padding-bottom: 40px;\n  }\n`;\n\nexport const StyledTextArea = styled.textarea(({ theme }) => {\n  const {\n    colors: { WHITE, WHITE_T_38, BLACK_2, BLACK_5 },\n    layout: { gutter },\n  } = theme;\n\n  return `border: 1px solid ${BLACK_5};\n  width: 100%;\n  min-height: ${gutter * 5}px;\n  padding: 16px;\n  background-color: ${BLACK_2};\n  white-space: pre-line;\n  font-family: 'Untitled Sans Regular';\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ${WHITE};\n  resize: none;\n  outline: none;\n  &::placeholder {\n    color: ${WHITE_T_38};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n});\n"],"names":["Container","styled","FlexView","theme","OuterWrapper","ContentWrapper","FooterWrapper","StyledTextArea","WHITE","WHITE_T_38","BLACK_2","BLACK_5","gutter"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA,YAC5B,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,IAC1D,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA,GAKvCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,IAGvC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCE,IAAiBJ,EAAOC,CAAQ;AAAA;AAAA,IAEzC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCG,IAAgBL,EAAOC,CAAQ;AAAA;AAAA,IAExC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA,kBAClC,CAAC,EAAE,OAAAA,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA;AAAA,GAKvDI,IAAiBN,EAAO,SAAS,CAAC,EAAE,OAAAE,QAAY;AACrD,QAAA;AAAA,IACJ,QAAQ,EAAE,OAAAK,GAAO,YAAAC,GAAY,SAAAC,GAAS,SAAAC,EAAQ;AAAA,IAC9C,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAT;AAEJ,SAAO,qBAAqBQ,CAAO;AAAA;AAAA,gBAErBC,IAAS,CAAC;AAAA;AAAA,sBAEJF,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMlBF,CAAK;AAAA;AAAA;AAAA;AAAA,aAIHC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,CAAC;"}

package/dist/features/parent-dashboard/modals/view-payment-method/view-payment-method.js

@@ -0,0 +1,76 @@
+import { jsxs as e, jsx as o, Fragment as $ } from "react/jsx-runtime";
+import { memo as h } from "react";
+import { useTheme as p } from "styled-components";
+import u from "../../../ui/buttons/text-button/text-button.js";
+import t from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/modals/use-modal-params.js";
+import n from "../../../ui/separator/separator.js";
+import i from "../../../ui/text/text.js";
+import { EDeviceType as f } from "../../../ui/theme/constants.js";
+const g = h(() => {
+  const { paymentMethodDetails: l, onCancel: a } = b(), {
+    exp_month: c,
+    exp_year: d,
+    last_4_digits: s
+  } = l || {}, { device: m } = p(), r = m <= f.MOBILE;
+  return /* @__PURE__ */ e(t, { $gapX: r ? 2.25 : 2.5, $gutterX: r ? 1 : 2.5, $background: "BLACK_2", children: [
+    /* @__PURE__ */ o(
+      i,
+      {
+        $renderAs: "ah4-bold",
+        $renderOnMobileAs: "ac4-black",
+        $color: r ? "WHITE_T_60" : "WHITE",
+        children: r ? "Payment Method" : "View Payment Method"
+      }
+    ),
+    /* @__PURE__ */ o(n, { heightX: r ? 1 : 2.5 }),
+    /* @__PURE__ */ e(
+      t,
+      {
+        $flexDirection: "row",
+        $justifyContent: "flex-start",
+        $alignItems: "center",
+        $flexGapX: 0.5,
+        $gapX: 1,
+        $gutterX: 1,
+        $background: "BLACK_2",
+        $borderColor: "BLACK_5",
+        children: [
+          /* @__PURE__ */ o(t, { $widthX: 3, $heightX: 1.75, $background: "BLACK_4", $borderRadiusX: 0.25 }),
+          /* @__PURE__ */ e(t, { children: [
+            /* @__PURE__ */ e(i, { $renderAs: "ac4-black", $color: "WHITE", children: [
+              "•••• ",
+              s
+            ] }),
+            /* @__PURE__ */ e(i, { $renderAs: "ub3-bold", $color: "WHITE", children: [
+              "Card",
+              " ",
+              /* @__PURE__ */ e(i, { $renderAs: "ub3", $color: "WHITE", $inline: !0, children: [
+                "Exp: ",
+                c,
+                "/",
+                d
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    r ? /* @__PURE__ */ e($, { children: [
+      /* @__PURE__ */ o(n, { heightX: 1.5 }),
+      /* @__PURE__ */ o(
+        u,
+        {
+          size: "small",
+          label: "Cancel subscription",
+          color: "WHITE_T_60",
+          onClick: a
+        }
+      )
+    ] }) : null
+  ] });
+}), I = g;
+export {
+  I as default
+};
+//# sourceMappingURL=view-payment-method.js.map

package/dist/features/parent-dashboard/modals/view-payment-method/view-payment-method.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-payment-method.js","sources":["../../../../../src/features/parent-dashboard/modals/view-payment-method/view-payment-method.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { type IViewPaymentMethodProps } from './view-payment-method-types';\n\nconst ViewPaymentMethod = memo(() => {\n  const { paymentMethodDetails, onCancel } = useModalParams<IViewPaymentMethodProps>();\n\n  const {\n    exp_month: expMonth,\n    exp_year: expYear,\n    last_4_digits: last4Digits,\n  } = paymentMethodDetails || {};\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 2.25 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text\n        $renderAs=\"ah4-bold\"\n        $renderOnMobileAs=\"ac4-black\"\n        $color={isMobile ? 'WHITE_T_60' : 'WHITE'}\n      >\n        {isMobile ? 'Payment Method' : 'View Payment Method'}\n      </Text>\n      <Separator heightX={isMobile ? 1 : 2.5} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"flex-start\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gapX={1}\n        $gutterX={1}\n        $background=\"BLACK_2\"\n        $borderColor=\"BLACK_5\"\n      >\n        <FlexView $widthX={3} $heightX={1.75} $background=\"BLACK_4\" $borderRadiusX={0.25} />\n        <FlexView>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            •••• {last4Digits}\n          </Text>\n          <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n            Card{' '}\n            <Text $renderAs=\"ub3\" $color=\"WHITE\" $inline>\n              Exp: {expMonth}/{expYear}\n            </Text>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile ? (\n        <>\n          <Separator heightX={1.5} />\n          <TextButton\n            size=\"small\"\n            label=\"Cancel subscription\"\n            color=\"WHITE_T_60\"\n            onClick={onCancel}\n          />\n        </>\n      ) : null}\n    </FlexView>\n  );\n});\n\nexport default ViewPaymentMethod;\n"],"names":["ViewPaymentMethod","memo","paymentMethodDetails","onCancel","useModalParams","expMonth","expYear","last4Digits","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","Fragment","TextButton","ViewPaymentMethod$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAS,IAAIC,EAAwC,GAE7E;AAAA,IACJ,WAAWC;AAAA,IACX,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACbL,KAAwB,CAAA,GAEtB,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,OAAO,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAChF,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL,IAAW,eAAe;AAAA,QAEjC,cAAW,mBAAmB;AAAA,MAAA;AAAA,IACjC;AAAA,IACC,gBAAAI,EAAAE,GAAA,EAAU,SAASN,IAAW,IAAI,KAAK;AAAA,IACxC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAC,EAAAD,GAAA,EAAS,SAAS,GAAG,UAAU,MAAM,aAAY,WAAU,gBAAgB,KAAM,CAAA;AAAA,4BACjFA,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnCR;AAAA,YAAA,GACR;AAAA,YACC,gBAAAK,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnC;AAAA,gCACJA,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,SAAO,IAAC,UAAA;AAAA,gBAAA;AAAA,gBACrCV;AAAA,gBAAS;AAAA,gBAAEC;AAAA,cAAA,GACnB;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCI,IAEG,gBAAAE,EAAAK,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAE,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,MACzB,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASf;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CAAC,GAEDgB,IAAenB;"}

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

@@ -19,7 +19,7 @@ const l = {
     large: 22,
     extraLarge: 40
   }
-}, T = [
+}, t = [
   e.SUBSCRIPTION_CANCELLED_AFTER_PAYMENT,
   e.SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT,
   e.SUBSCRIPTION_CANCELLED_BEFORE_TRIAL
@@ -27,7 +27,7 @@ const l = {
   e.TRIAL_COMPLETED_PAYMENT_PENDING,
   e.TRIAL_COMPLETED_PAYMENT_SUCCESSFUL,
   e.REGULAR_CLASS_COMPLETED
-], t = [
+], T = [
   e.CARD_ADDED_SEARCHING_TUTOR,
   e.CARD_ADDED_TUTOR_ASSIGNED,
   ...s
@@ -35,6 +35,7 @@ const l = {
   plaState: null,
   sessionDetails: null,
   teacherDetails: null,
+  billingDetails: null,
   isOnlyTrialDone: !1,
   isRegularClassDone: !1,
   isTrialDone: !1,
@@ -59,8 +60,8 @@ export {
   S as DEFAULT_LOADING_STATE,
   l as DESKTOP_SPACING,
   E as MOBILE_SPACING,
-  t as PLA_INTRO_ELIGIBLE_STATES,
-  T as SUBSCRIPTION_CANCELLED_STATES,
+  T as PLA_INTRO_ELIGIBLE_STATES,
+  t as SUBSCRIPTION_CANCELLED_STATES,
   s as TRIAL_COMPLETED_STATES
 };
 //# sourceMappingURL=parent-dashboard-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-constants.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-constants.ts"],"sourcesContent":["import { EPLAState, type IUseParentHomeDataReturn } from './parent-dashboard-types';\n\nexport const MODAL_KEYS = {\n  STUDENT_PROFILE: 'studentProfile',\n  INSIGHTS: 'insights',\n  LEARNING_PLAN: 'learningPlan',\n  CHANGE_TUTOR: 'pla-change-tutor',\n  STUDENT_PROFILE_SUMMARY: 'student-profile-summary',\n} as const;\n\nexport const DESKTOP_SPACING = {\n  small: 40,\n  medium: 40,\n  large: 80,\n  separator: {\n    small: 12,\n    medium: 20,\n    large: 24,\n    extraLarge: 80,\n  },\n} as const;\n\nexport const MOBILE_SPACING = {\n  small: 16,\n  medium: 24,\n  large: 40,\n  separator: {\n    small: 8,\n    medium: 16,\n    large: 22,\n    extraLarge: 40,\n  },\n} as const;\n\nexport const SUBSCRIPTION_CANCELLED_STATES = [\n  EPLAState.SUBSCRIPTION_CANCELLED_AFTER_PAYMENT,\n  EPLAState.SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT,\n  EPLAState.SUBSCRIPTION_CANCELLED_BEFORE_TRIAL,\n];\n\nexport const TRIAL_COMPLETED_STATES = [\n  EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING,\n  EPLAState.TRIAL_COMPLETED_PAYMENT_SUCCESSFUL,\n  EPLAState.REGULAR_CLASS_COMPLETED,\n];\n\nexport const PLA_INTRO_ELIGIBLE_STATES = [\n  EPLAState.CARD_ADDED_SEARCHING_TUTOR,\n  EPLAState.CARD_ADDED_TUTOR_ASSIGNED,\n  ...TRIAL_COMPLETED_STATES,\n];\n\nexport const DEFAULT_LOADING_STATE: IUseParentHomeDataReturn = {\n  plaState: null,\n  sessionDetails: null,\n  teacherDetails: null,\n  isOnlyTrialDone: false,\n  isRegularClassDone: false,\n  isTrialDone: false,\n  isSubscriptionCancelled: false,\n  isCardDeclined: false,\n  cardOnFileNotAvailable: false,\n  isTutorNoShow: false,\n  isStudentNoShow: false,\n  completedSessions: 0,\n  nextSessionEnd: 0,\n  nextSessionStart: 0,\n  upcomingSessions: [],\n  teacherName: '',\n  showLoading: true,\n  demoId: '',\n  userAttemptId: '',\n  isProcessingFailed: false,\n  canChangeTutor: false,\n  showPLAIntroduction: false,\n};\n"],"names":["DESKTOP_SPACING","MOBILE_SPACING","SUBSCRIPTION_CANCELLED_STATES","EPLAState","TRIAL_COMPLETED_STATES","PLA_INTRO_ELIGIBLE_STATES","DEFAULT_LOADING_STATE"],"mappings":";AAUO,MAAMA,IAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF,GAEaC,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF,GAEaC,IAAgC;AAAA,EAC3CC,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEaC,IAAyB;AAAA,EACpCD,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEaE,IAA4B;AAAA,EACvCF,EAAU;AAAA,EACVA,EAAU;AAAA,EACV,GAAGC;AACL,GAEaE,IAAkD;AAAA,EAC7D,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,kBAAkB,CAAC;AAAA,EACnB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB;"}
+{"version":3,"file":"parent-dashboard-constants.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-constants.ts"],"sourcesContent":["import { EPLAState, type IUseParentHomeDataReturn } from './parent-dashboard-types';\n\nexport const MODAL_KEYS = {\n  STUDENT_PROFILE: 'studentProfile',\n  INSIGHTS: 'insights',\n  LEARNING_PLAN: 'learningPlan',\n  CHANGE_TUTOR: 'pla-change-tutor',\n  STUDENT_PROFILE_SUMMARY: 'student-profile-summary',\n} as const;\n\nexport const DESKTOP_SPACING = {\n  small: 40,\n  medium: 40,\n  large: 80,\n  separator: {\n    small: 12,\n    medium: 20,\n    large: 24,\n    extraLarge: 80,\n  },\n} as const;\n\nexport const MOBILE_SPACING = {\n  small: 16,\n  medium: 24,\n  large: 40,\n  separator: {\n    small: 8,\n    medium: 16,\n    large: 22,\n    extraLarge: 40,\n  },\n} as const;\n\nexport const SUBSCRIPTION_CANCELLED_STATES = [\n  EPLAState.SUBSCRIPTION_CANCELLED_AFTER_PAYMENT,\n  EPLAState.SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT,\n  EPLAState.SUBSCRIPTION_CANCELLED_BEFORE_TRIAL,\n];\n\nexport const TRIAL_COMPLETED_STATES = [\n  EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING,\n  EPLAState.TRIAL_COMPLETED_PAYMENT_SUCCESSFUL,\n  EPLAState.REGULAR_CLASS_COMPLETED,\n];\n\nexport const PLA_INTRO_ELIGIBLE_STATES = [\n  EPLAState.CARD_ADDED_SEARCHING_TUTOR,\n  EPLAState.CARD_ADDED_TUTOR_ASSIGNED,\n  ...TRIAL_COMPLETED_STATES,\n];\n\nexport const DEFAULT_LOADING_STATE: IUseParentHomeDataReturn = {\n  plaState: null,\n  sessionDetails: null,\n  teacherDetails: null,\n  billingDetails: null,\n  isOnlyTrialDone: false,\n  isRegularClassDone: false,\n  isTrialDone: false,\n  isSubscriptionCancelled: false,\n  isCardDeclined: false,\n  cardOnFileNotAvailable: false,\n  isTutorNoShow: false,\n  isStudentNoShow: false,\n  completedSessions: 0,\n  nextSessionEnd: 0,\n  nextSessionStart: 0,\n  upcomingSessions: [],\n  teacherName: '',\n  showLoading: true,\n  demoId: '',\n  userAttemptId: '',\n  isProcessingFailed: false,\n  canChangeTutor: false,\n  showPLAIntroduction: false,\n};\n"],"names":["DESKTOP_SPACING","MOBILE_SPACING","SUBSCRIPTION_CANCELLED_STATES","EPLAState","TRIAL_COMPLETED_STATES","PLA_INTRO_ELIGIBLE_STATES","DEFAULT_LOADING_STATE"],"mappings":";AAUO,MAAMA,IAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF,GAEaC,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF,GAEaC,IAAgC;AAAA,EAC3CC,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEaC,IAAyB;AAAA,EACpCD,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEaE,IAA4B;AAAA,EACvCF,EAAU;AAAA,EACVA,EAAU;AAAA,EACV,GAAGC;AACL,GAEaE,IAAkD;AAAA,EAC7D,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,kBAAkB,CAAC;AAAA,EACnB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB;"}

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 './comps/upcoming-sessions/upcoming-sessions-types';\nimport type { ReactElement } from 'react';\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  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  pla_state: EPLAState;\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 | null;\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 | null) => void;\n  onChangeTutor: (demoId?: string | null) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\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\nexport enum EPLAState {\n  // Initial Setup Phase\n  NO_CARD_ON_FILE = 'no_card_on_file',\n  CARD_ADDED_SEARCHING_TUTOR = 'card_added_searching_tutor',\n  CARD_ADDED_TUTOR_ASSIGNED = 'card_added_tutor_assigned',\n  TRIAL_TUTOR_NO_SHOW = 'trial_tutor_no_show',\n  TRIAL_STUDENT_NO_SHOW = 'trial_student_no_show',\n\n  // Post-Trial Payment Phase\n  TRIAL_COMPLETED_PAYMENT_PENDING = 'trial_completed_payment_pending',\n  TRIAL_COMPLETED_CARD_DECLINED = 'trial_completed_card_declined',\n  TRIAL_COMPLETED_PAYMENT_SUCCESSFUL = 'trial_completed_payment_successful',\n\n  // Active Subscription Phase\n  REGULAR_CLASS_COMPLETED = 'regular_class_completed',\n\n  // Cancellation States\n  SUBSCRIPTION_CANCELLED_BEFORE_TRIAL = 'cancelled_before_trial',\n  SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT = 'cancelled_after_trial_before_payment',\n  SUBSCRIPTION_CANCELLED_AFTER_PAYMENT = 'cancelled_after_payment',\n}\n\nexport interface IUseParentHomeDataReturn {\n  plaState: EPLAState | null;\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  teacherName: string;\n  upcomingSessions: TSession[];\n  isTrialDone: boolean;\n  isOnlyTrialDone: boolean;\n  isRegularClassDone: boolean;\n  isCardDeclined: boolean;\n  isSubscriptionCancelled: boolean;\n  cardOnFileNotAvailable: boolean;\n  isTutorNoShow: boolean;\n  isStudentNoShow: boolean;\n  showLoading: boolean;\n  demoId: string | null;\n  userAttemptId: string | null;\n  isProcessingFailed: boolean;\n  canChangeTutor: boolean;\n  showPLAIntroduction?: boolean;\n}\n"],"names":["ESummaryType","EPLAState"],"mappings":"AA6DY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,kBAClBA,EAAA,WAAW,YACXA,EAAA,gBAAgB,gBAHNA,IAAAA,KAAA,CAAA,CAAA,GA6BAC,sBAAAA,OAEVA,EAAA,kBAAkB,mBAClBA,EAAA,6BAA6B,8BAC7BA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBACtBA,EAAA,wBAAwB,yBAGxBA,EAAA,kCAAkC,mCAClCA,EAAA,gCAAgC,iCAChCA,EAAA,qCAAqC,sCAGrCA,EAAA,0BAA0B,2BAG1BA,EAAA,sCAAsC,0BACtCA,EAAA,oDAAoD,wCACpDA,EAAA,uCAAuC,2BAnB7BA,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 './comps/upcoming-sessions/upcoming-sessions-types';\nimport type { ReactElement } from 'react';\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  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\nexport interface IPaymentMethodDetails {\n  brand: string;\n  last_4_digits: string;\n  type: string;\n  exp_month: number;\n  exp_year: number;\n}\n\nexport interface IBillingDetails {\n  amount: number;\n  cycle_frequency: string;\n  next_due_date: string;\n  payment_method_details: IPaymentMethodDetails;\n}\n\nexport interface IParentHome {\n  pla_state: EPLAState;\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 | null;\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 | null) => void;\n  onChangeTutor: (demoId?: string | null) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\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\nexport enum EPLAState {\n  // Initial Setup Phase\n  NO_CARD_ON_FILE = 'no_card_on_file',\n  CARD_ADDED_SEARCHING_TUTOR = 'card_added_searching_tutor',\n  CARD_ADDED_TUTOR_ASSIGNED = 'card_added_tutor_assigned',\n  TRIAL_TUTOR_NO_SHOW = 'trial_tutor_no_show',\n  TRIAL_STUDENT_NO_SHOW = 'trial_student_no_show',\n\n  // Post-Trial Payment Phase\n  TRIAL_COMPLETED_PAYMENT_PENDING = 'trial_completed_payment_pending',\n  TRIAL_COMPLETED_CARD_DECLINED = 'trial_completed_card_declined',\n  TRIAL_COMPLETED_PAYMENT_SUCCESSFUL = 'trial_completed_payment_successful',\n\n  // Active Subscription Phase\n  REGULAR_CLASS_COMPLETED = 'regular_class_completed',\n\n  // Cancellation States\n  SUBSCRIPTION_CANCELLED_BEFORE_TRIAL = 'cancelled_before_trial',\n  SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT = 'cancelled_after_trial_before_payment',\n  SUBSCRIPTION_CANCELLED_AFTER_PAYMENT = 'cancelled_after_payment',\n}\n\nexport interface IUseParentHomeDataReturn {\n  plaState: EPLAState | null;\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  billingDetails: IBillingDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  teacherName: string;\n  upcomingSessions: TSession[];\n  isTrialDone: boolean;\n  isOnlyTrialDone: boolean;\n  isRegularClassDone: boolean;\n  isCardDeclined: boolean;\n  isSubscriptionCancelled: boolean;\n  cardOnFileNotAvailable: boolean;\n  isTutorNoShow: boolean;\n  isStudentNoShow: boolean;\n  showLoading: boolean;\n  demoId: string | null;\n  userAttemptId: string | null;\n  isProcessingFailed: boolean;\n  canChangeTutor: boolean;\n  showPLAIntroduction?: boolean;\n}\n"],"names":["ESummaryType","EPLAState"],"mappings":"AA8DY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,kBAClBA,EAAA,WAAW,YACXA,EAAA,gBAAgB,gBAHNA,IAAAA,KAAA,CAAA,CAAA,GA6BAC,sBAAAA,OAEVA,EAAA,kBAAkB,mBAClBA,EAAA,6BAA6B,8BAC7BA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBACtBA,EAAA,wBAAwB,yBAGxBA,EAAA,kCAAkC,mCAClCA,EAAA,gCAAgC,iCAChCA,EAAA,qCAAqC,sCAGrCA,EAAA,0BAA0B,2BAG1BA,EAAA,sCAAsC,0BACtCA,EAAA,oDAAoD,wCACpDA,EAAA,uCAAuC,2BAnB7BA,IAAAA,KAAA,CAAA,CAAA;"}