@cuemath/leap 3.3.28 → 3.3.29-beta.0

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

@@ -0,0 +1,93 @@
+import { jsxs as n, jsx as o, Fragment as w } from "react/jsx-runtime";
+import { memo as E, useState as f, useRef as W, useMemo as I, useCallback as c, useEffect as k } from "react";
+import { useTheme as v } from "styled-components";
+import B from "../../../auth/comps/pill-button/pill-button.js";
+import h from "../../../ui/buttons/text-button/text-button.js";
+import y from "../../../ui/layout/flex-view.js";
+import D from "../../../ui/modals/use-modal-actions.js";
+import F from "../../../ui/modals/use-modal-params.js";
+import G from "../../../ui/separator/separator.js";
+import $ from "../../../ui/text/text.js";
+import { EDeviceType as H } from "../../../ui/theme/constants.js";
+import { cancellationReasonAfterTrial as L, cancellationReasonWithTutor as _, cancellationReasonNoTutor as j } from "./cancellation-reason-constant.js";
+import { Container as K, OuterWrapper as N, ContentWrapper as P, StyledTextArea as V, FooterWrapper as q } from "./cancellation-reason-styled.js";
+const z = E(() => {
+  const { withTutor: m, completedSessions: u, onCancel: d } = F(), { closeModal: b } = D(), [l, C] = f(""), [a, x] = f(""), s = W(null), { device: R } = v(), r = R <= H.MOBILE, g = I(() => u > 0 ? L : m ? _ : j, [u, m]), { title: T, description: p, reasons: A } = g, X = c((e) => C(e), []), M = c((e) => {
+    x(e.target.value);
+  }, []), t = l === "other", O = !l || t && !a.trim(), S = c(() => {
+    d(t ? a : l);
+  }, [d, t, a, l]);
+  return k(() => {
+    var e, i;
+    t && s.current && ((e = s.current) == null || e.focus(), (i = s.current) == null || i.scrollIntoView({ behavior: "smooth" }));
+  }, [t]), /* @__PURE__ */ n(K, { $background: "BLACK_2", $width: "100%", $borderColor: "BLACK_5", children: [
+    /* @__PURE__ */ n(N, { $flex: 1, children: [
+      /* @__PURE__ */ n(y, { $gutterX: r ? 1 : 2.5, $gapX: r ? 1.5 : 2.5, children: [
+        /* @__PURE__ */ o($, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: T }),
+        p ? /* @__PURE__ */ n(w, { children: [
+          /* @__PURE__ */ o(G, { heightX: 0.25 }),
+          /* @__PURE__ */ o($, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: p })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ n(
+        P,
+        {
+          $flex: 1,
+          $gutterX: r ? 1 : 2.5,
+          $gapX: r ? 1 : 2.5,
+          $width: "100%",
+          $alignItems: "flex-start",
+          $flexRowGapX: 1,
+          children: [
+            A.map(({ id: e, label: i }) => /* @__PURE__ */ o(
+              B,
+              {
+                selected: l === e,
+                label: i,
+                id: e,
+                onClick: X,
+                isTransparent: !0
+              },
+              e
+            )),
+            t && /* @__PURE__ */ o(
+              V,
+              {
+                placeholder: "Tell us more about your experience...",
+                id: "text-area",
+                ref: s,
+                value: a,
+                onChange: M
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(
+      q,
+      {
+        $gutterX: r ? 1 : 2.5,
+        $gapX: r ? 1 : 2.5,
+        $flexDirection: "row",
+        $flexColumnGapX: 1.5,
+        children: [
+          /* @__PURE__ */ o(
+            h,
+            {
+              label: "Cancel Subscription",
+              onClick: S,
+              color: "ORANGE_4",
+              disabled: O
+            }
+          ),
+          /* @__PURE__ */ o(h, { label: "Close", onClick: b, color: "WHITE" })
+        ]
+      }
+    )
+  ] });
+}), ie = z;
+export {
+  ie 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 TextButton from '../../../ui/buttons/text-button/text-button';\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 {\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, completedSessions, onCancel } = useModalParams<ICancelReasonProps>();\n  const { closeModal } = useModalActions();\n\n  const [reason, setReason] = useState('');\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 (completedSessions > 0) return cancellationReasonAfterTrial;\n\n    return withTutor ? cancellationReasonWithTutor : cancellationReasonNoTutor;\n  }, [completedSessions, withTutor]);\n  const { title, description, reasons } = config;\n\n  const handleSelectReason = useCallback((id: string) => setReason(id), []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setOtherReason(event.target.value);\n  }, []);\n\n  const isOtherReasonSelected = reason === 'other';\n  const isSubmitDisabled = !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleCancel = useCallback(() => {\n    onCancel(isOtherReasonSelected ? otherReason : reason);\n  }, [onCancel, isOtherReasonSelected, otherReason, reason]);\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        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\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","completedSessions","onCancel","useModalParams","closeModal","useModalActions","reason","setReason","useState","otherReason","setOtherReason","textAreaRef","useRef","device","useTheme","isMobile","EDeviceType","config","useMemo","cancellationReasonAfterTrial","cancellationReasonWithTutor","cancellationReasonNoTutor","title","description","reasons","handleSelectReason","useCallback","id","handleOtherReasonChange","event","isOtherReasonSelected","isSubmitDisabled","handleCancel","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","FlexView","jsx","Text","Fragment","Separator","Styled.ContentWrapper","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","TextButton","CancellationReason$1"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAqBC,EAAK,MAAM;AACpC,QAAM,EAAE,WAAAC,GAAW,mBAAAC,GAAmB,UAAAC,MAAaC,EAAmC,GAChF,EAAE,YAAAC,MAAeC,KAEjB,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAE,GACjC,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAE3CG,IAAcC,EAAmC,IAAI,GACrD,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QAEjCC,IAASC,EAAQ,MACjBjB,IAAoB,IAAUkB,IAE3BnB,IAAYoB,IAA8BC,GAChD,CAACpB,GAAmBD,CAAS,CAAC,GAC3B,EAAE,OAAAsB,GAAO,aAAAC,GAAa,SAAAC,EAAA,IAAYP,GAElCQ,IAAqBC,EAAY,CAACC,MAAepB,EAAUoB,CAAE,GAAG,CAAA,CAAE,GAElEC,IAA0BF,EAAY,CAACG,MAA4C;AACxE,IAAAnB,EAAAmB,EAAM,OAAO,KAAK;AAAA,EACnC,GAAG,CAAE,CAAA,GAECC,IAAwBxB,MAAW,SACnCyB,IAAmB,CAACzB,KAAWwB,KAAyB,CAACrB,EAAY,QAErEuB,IAAeN,EAAY,MAAM;AAC5B,IAAAxB,EAAA4B,IAAwBrB,IAAcH,CAAM;AAAA,KACpD,CAACJ,GAAU4B,GAAuBrB,GAAaH,CAAM,CAAC;AAEzD,SAAA2B,EAAU,MAAM;;AACV,IAAAH,KAAyBnB,EAAY,aACvCuB,IAAAvB,EAAY,YAAZ,QAAAuB,EAAqB,UACrBC,IAAAxB,EAAY,YAAZ,QAAAwB,EAAqB,eAAe,EAAE,UAAU,SAAU;AAAA,EAC5D,GACC,CAACL,CAAqB,CAAC,GAGxB,gBAAAM,EAACC,GAAA,EAAiB,aAAY,WAAU,QAAO,QAAO,cAAa,WACjE,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAoB,OAAO,GAC1B,UAAA;AAAA,MAAC,gBAAAF,EAAAG,GAAA,EAAS,UAAUxB,IAAW,IAAI,KAAK,OAAOA,IAAW,MAAM,KAC9D,UAAA;AAAA,QAAA,gBAAAyB,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UACHnB,EAAA,CAAA;AAAA,QACCC,IAEG,gBAAAa,EAAAM,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,UAC1B,gBAAAH,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAClD,UACHlB,EAAA,CAAA;AAAA,QAAA,EAAA,CACF,IACE;AAAA,MAAA,GACN;AAAA,MACA,gBAAAa;AAAA,QAACQ;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU7B,IAAW,IAAI;AAAA,UACzB,OAAOA,IAAW,IAAI;AAAA,UACtB,QAAQ;AAAA,UACR,aAAY;AAAA,UACZ,cAAc;AAAA,UAEb,UAAA;AAAA,YAAAS,EAAQ,IAAI,CAAC,EAAE,IAAAG,GAAI,OAAAkB,EAClB,MAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,UAAUxC,MAAWqB;AAAA,gBAErB,OAAAkB;AAAA,gBACA,IAAAlB;AAAA,gBACA,SAASF;AAAA,gBACT,eAAa;AAAA,cAAA;AAAA,cAJRE;AAAA,YAAA,CAMR;AAAA,YACAG,KACC,gBAAAU;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,IAAG;AAAA,gBACH,KAAKpC;AAAA,gBACL,OAAOF;AAAA,gBACP,UAAUmB;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,UAAUjC,IAAW,IAAI;AAAA,QACzB,OAAOA,IAAW,IAAI;AAAA,QACtB,gBAAe;AAAA,QACf,iBAAiB;AAAA,QAEjB,UAAA;AAAA,UAAA,gBAAAyB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAASjB;AAAA,cACT,OAAM;AAAA,cACN,UAAUD;AAAA,YAAA;AAAA,UACZ;AAAA,4BAECkB,GAAW,EAAA,OAAM,SAAQ,SAAS7C,GAAY,OAAM,SAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAED8C,KAAepD;"}

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

@@ -0,0 +1,66 @@
+import { useCallback as o, useMemo as P } from "react";
+import y from "../../../ui/modals/use-modal-actions.js";
+import { useCancelSubscriptionPatch as _ } from "../../api/cancel-subscription.js";
+import { invalidateParentHome as S } from "../../api/parent-home.js";
+const H = ({
+  studentId: c,
+  demoId: a,
+  withTutor: e,
+  studentName: r,
+  billingDetails: f,
+  completedSessions: t,
+  onRescheduleDemo: p,
+  onChangeTutor: s
+}) => {
+  const { openModal: n } = y(), { payment_method_details: m } = f ?? {}, M = o(() => {
+    S(c), n("pla-cancellation-confirmation");
+  }, [n, c]), { patch: C } = _({
+    onComplete: M
+  }), h = o(
+    (i) => {
+      i && C(c, {
+        reason: i,
+        student_demo_id: a
+      });
+    },
+    [C, c, a]
+  ), u = o(() => n("pla-cancellation-reason", {
+    withTutor: e,
+    completedSessions: t,
+    onCancel: (i) => h(i)
+  }), [t, h, n, e]), l = o(() => {
+    n("pla-cancel-subscription", {
+      withTutor: e,
+      studentName: r,
+      completedSessions: t,
+      onSwitchTutor: () => s(a),
+      onReschedule: () => p(a),
+      onCancel: u
+    });
+  }, [
+    t,
+    a,
+    u,
+    s,
+    p,
+    n,
+    r,
+    e
+  ]), b = o(() => {
+    n("pla-view-payment-method", {
+      paymentMethodDetails: m,
+      onCancel: l
+    });
+  }, [l, n, m]);
+  return P(
+    () => ({
+      onCancelSubscription: l,
+      onViewPaymentMethod: b
+    }),
+    [l, b]
+  );
+};
+export {
+  H 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, IParentDashboardProps } from '../../parent-dashboard-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport { useCancelSubscriptionPatch } from '../../api/cancel-subscription';\nimport { invalidateParentHome } from '../../api/parent-home';\n\ninterface IUsePLAModalHandlers {\n  demoId?: string | null;\n  completedSessions: number;\n  studentId: string;\n  studentName: string;\n  withTutor: boolean;\n  billingDetails: IBillingDetails | null;\n  onRescheduleDemo: IParentDashboardProps['onRescheduleDemo'];\n  onChangeTutor: IParentDashboardProps['onChangeTutor'];\n}\n\ninterface IUsePLAModalResponse {\n  onCancelSubscription: () => void;\n  onViewPaymentMethod: () => void;\n}\n\nexport const usePLAModalHandlers = ({\n  studentId,\n  demoId,\n  withTutor,\n  studentName,\n  billingDetails,\n  completedSessions,\n  onRescheduleDemo,\n  onChangeTutor,\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 { patch: cancelSubscription } = useCancelSubscriptionPatch({\n    onComplete: handleCancelConfirmation,\n  });\n\n  const handleCancelSubscriptionPatch = useCallback(\n    (cancellationReason: string) => {\n      if (!cancellationReason) return;\n\n      cancelSubscription(studentId, {\n        reason: cancellationReason,\n        student_demo_id: demoId,\n      });\n    },\n    [cancelSubscription, studentId, demoId],\n  );\n\n  const handleViewCancellationReason = useCallback(() => {\n    return openModal('pla-cancellation-reason', {\n      withTutor,\n      completedSessions,\n      onCancel: (reason: string) => handleCancelSubscriptionPatch(reason),\n    });\n  }, [completedSessions, handleCancelSubscriptionPatch, openModal, withTutor]);\n\n  const handleCancelSubscription = useCallback(() => {\n    openModal('pla-cancel-subscription', {\n      withTutor,\n      studentName,\n      completedSessions,\n      onSwitchTutor: () => onChangeTutor(demoId),\n      onReschedule: () => onRescheduleDemo(demoId),\n      onCancel: handleViewCancellationReason,\n    });\n  }, [\n    completedSessions,\n    demoId,\n    handleViewCancellationReason,\n    onChangeTutor,\n    onRescheduleDemo,\n    openModal,\n    studentName,\n    withTutor,\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","studentName","billingDetails","completedSessions","onRescheduleDemo","onChangeTutor","openModal","useModalActions","paymentMethodDetails","handleCancelConfirmation","useCallback","invalidateParentHome","cancelSubscription","useCancelSubscriptionPatch","handleCancelSubscriptionPatch","cancellationReason","handleViewCancellationReason","reason","handleCancelSubscription","handleViewPaymentMethod","useMemo"],"mappings":";;;;AAwBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AACF,MAAkD;AAC1C,QAAA,EAAE,WAAAC,MAAcC,KAEhB,EAAE,wBAAwBC,MAAyBN,KAAkB,CAAA,GAErEO,IAA2BC,EAAY,MAAM;AACjD,IAAAC,EAAqBb,CAAS,GAC9BQ,EAAU,+BAA+B;AAAA,EAAA,GACxC,CAACA,GAAWR,CAAS,CAAC,GAEnB,EAAE,OAAOc,EAAmB,IAAIC,EAA2B;AAAA,IAC/D,YAAYJ;AAAA,EAAA,CACb,GAEKK,IAAgCJ;AAAA,IACpC,CAACK,MAA+B;AAC9B,MAAKA,KAELH,EAAmBd,GAAW;AAAA,QAC5B,QAAQiB;AAAA,QACR,iBAAiBhB;AAAA,MAAA,CAClB;AAAA,IACH;AAAA,IACA,CAACa,GAAoBd,GAAWC,CAAM;AAAA,EAAA,GAGlCiB,IAA+BN,EAAY,MACxCJ,EAAU,2BAA2B;AAAA,IAC1C,WAAAN;AAAA,IACA,mBAAAG;AAAA,IACA,UAAU,CAACc,MAAmBH,EAA8BG,CAAM;AAAA,EAAA,CACnE,GACA,CAACd,GAAmBW,GAA+BR,GAAWN,CAAS,CAAC,GAErEkB,IAA2BR,EAAY,MAAM;AACjD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAE;AAAA,MACA,eAAe,MAAME,EAAcN,CAAM;AAAA,MACzC,cAAc,MAAMK,EAAiBL,CAAM;AAAA,MAC3C,UAAUiB;AAAA,IAAA,CACX;AAAA,EAAA,GACA;AAAA,IACDb;AAAA,IACAJ;AAAA,IACAiB;AAAA,IACAX;AAAA,IACAD;AAAA,IACAE;AAAA,IACAL;AAAA,IACAD;AAAA,EAAA,CACD,GAEKmB,IAA0BT,EAAY,MAAM;AAChD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,sBAAAE;AAAA,MACA,UAAUU;AAAA,IAAA,CACX;AAAA,EACA,GAAA,CAACA,GAA0BZ,GAAWE,CAAoB,CAAC;AAEvD,SAAAY;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

@@ -1,4 +1,5 @@
-const a = {
+import { EPLAState as e } from "./parent-dashboard-types.js";
+const l = {
   small: 40,
   medium: 40,
   large: 80,
@@ -8,7 +9,7 @@ const a = {
     large: 24,
     extraLarge: 80
   }
-}, e = {
+}, E = {
   small: 16,
   medium: 24,
   large: 40,
@@ -18,9 +19,49 @@ const a = {
     large: 22,
     extraLarge: 40
   }
+}, t = [
+  e.SUBSCRIPTION_CANCELLED_AFTER_PAYMENT,
+  e.SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT,
+  e.SUBSCRIPTION_CANCELLED_BEFORE_TRIAL
+], s = [
+  e.TRIAL_COMPLETED_PAYMENT_PENDING,
+  e.TRIAL_COMPLETED_PAYMENT_SUCCESSFUL,
+  e.REGULAR_CLASS_COMPLETED
+], T = [
+  e.CARD_ADDED_SEARCHING_TUTOR,
+  e.CARD_ADDED_TUTOR_ASSIGNED,
+  ...s
+], S = {
+  plaState: null,
+  sessionDetails: null,
+  teacherDetails: null,
+  billingDetails: null,
+  isOnlyTrialDone: !1,
+  isRegularClassDone: !1,
+  isTrialDone: !1,
+  isSubscriptionCancelled: !1,
+  isCardDeclined: !1,
+  cardOnFileNotAvailable: !1,
+  isTutorNoShow: !1,
+  isStudentNoShow: !1,
+  completedSessions: 0,
+  nextSessionEnd: 0,
+  nextSessionStart: 0,
+  upcomingSessions: [],
+  teacherName: "",
+  showLoading: !0,
+  demoId: "",
+  userAttemptId: "",
+  isProcessingFailed: !1,
+  canChangeTutor: !1,
+  showPLAIntroduction: !1
 };
 export {
-  a as DESKTOP_SPACING,
-  e as MOBILE_SPACING
+  S as DEFAULT_LOADING_STATE,
+  l as DESKTOP_SPACING,
+  E as MOBILE_SPACING,
+  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":["export 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"],"names":["DESKTOP_SPACING","MOBILE_SPACING"],"mappings":"AAQO,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;"}
+{"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

@@ -1,6 +1,6 @@
-var N = /* @__PURE__ */ ((_) => (_.S_NO_SHOW = "S_NO_SHOW", _.T_NO_SHOW = "T_NO_SHOW", _))(N || {}), O = /* @__PURE__ */ ((_) => (_.STUDENT_PROFILE = "studentProfile", _.INSIGHTS = "insights", _.LEARNING_PLAN = "learningPlan", _))(O || {});
+var T = /* @__PURE__ */ ((_) => (_.STUDENT_PROFILE = "studentProfile", _.INSIGHTS = "insights", _.LEARNING_PLAN = "learningPlan", _))(T || {}), e = /* @__PURE__ */ ((_) => (_.NO_CARD_ON_FILE = "no_card_on_file", _.CARD_ADDED_SEARCHING_TUTOR = "card_added_searching_tutor", _.CARD_ADDED_TUTOR_ASSIGNED = "card_added_tutor_assigned", _.TRIAL_TUTOR_NO_SHOW = "trial_tutor_no_show", _.TRIAL_STUDENT_NO_SHOW = "trial_student_no_show", _.TRIAL_COMPLETED_PAYMENT_PENDING = "trial_completed_payment_pending", _.TRIAL_COMPLETED_CARD_DECLINED = "trial_completed_card_declined", _.TRIAL_COMPLETED_PAYMENT_SUCCESSFUL = "trial_completed_payment_successful", _.REGULAR_CLASS_COMPLETED = "regular_class_completed", _.SUBSCRIPTION_CANCELLED_BEFORE_TRIAL = "cancelled_before_trial", _.SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT = "cancelled_after_trial_before_payment", _.SUBSCRIPTION_CANCELLED_AFTER_PAYMENT = "cancelled_after_payment", _))(e || {});
 export {
-  N as EClassStatus,
-  O as ESummaryType
+  e as EPLAState,
+  T as ESummaryType
 };
 //# sourceMappingURL=parent-dashboard-types.js.map

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

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