@cuemath/leap 3.3.36-m → 3.3.36

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

@@ -0,0 +1,55 @@
+const e = {
+  title: "We’re sorry to see you go!",
+  description: "Tell us why youʼre canceling.",
+  reasons: [
+    { id: "Looking for more affordable options", label: "Looking for more affordable options" },
+    { id: "Taking too long to find a tutor match", label: "Taking too long to find a tutor match" },
+    { id: "I found a better option elsewhere", label: "I found a better option elsewhere" },
+    { id: "I donʼt have the right device/ setup", label: "I donʼt have the right device/ setup" },
+    {
+      id: "No longer interested in online tutoring",
+      label: "No longer interested in online tutoring"
+    },
+    { id: "other", label: "Something else" }
+  ]
+}, o = {
+  title: "We’re sorry to see you go!",
+  description: "Tell us why youʼre canceling.",
+  reasons: [
+    {
+      id: "The tutor doesnʼt seem like a good fit",
+      label: "The tutor doesnʼt seem like a good fit"
+    },
+    { id: "Looking for more affordable options", label: "Looking for more affordable options" },
+    { id: "Taking too long to find a tutor match", label: "Taking too long to find a tutor match" },
+    { id: "I found a better option elsewhere", label: "I found a better option elsewhere" },
+    {
+      id: "No longer interested in online tutoring",
+      label: "No longer interested in online tutoring"
+    },
+    { id: "I donʼt have the right device/ setup", label: "I donʼt have the right device/ setup" },
+    { id: "other", label: "Something else" }
+  ]
+}, t = {
+  title: "We’re sorry to see you go!",
+  description: "Tell us why youʼre canceling.",
+  reasons: [
+    { id: "Looking for more affordable options", label: "Looking for more affordable options" },
+    { id: "I found a better option elsewhere", label: "I found a better option elsewhere" },
+    {
+      id: "No longer interested in online tutoring",
+      label: "No longer interested in online tutoring"
+    },
+    {
+      id: "I want to try other options first",
+      label: "I want to try other options first"
+    },
+    { id: "other", label: "Something else" }
+  ]
+};
+export {
+  t as cancellationReasonAfterTrial,
+  e as cancellationReasonNoTutor,
+  o as cancellationReasonWithTutor
+};
+//# sourceMappingURL=cancellation-reason-constant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cancellation-reason-constant.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason-constant.ts"],"sourcesContent":["export const cancellationReasonNoTutor = {\n  title: 'We’re sorry to see you go!',\n  description: 'Tell us why youʼre canceling.',\n  reasons: [\n    { id: 'Looking for more affordable options', label: 'Looking for more affordable options' },\n    { id: 'Taking too long to find a tutor match', label: 'Taking too long to find a tutor match' },\n    { id: 'I found a better option elsewhere', label: 'I found a better option elsewhere' },\n    { id: 'I donʼt have the right device/ setup', label: 'I donʼt have the right device/ setup' },\n    {\n      id: 'No longer interested in online tutoring',\n      label: 'No longer interested in online tutoring',\n    },\n    { id: 'other', label: 'Something else' },\n  ],\n};\n\nexport const cancellationReasonWithTutor = {\n  title: 'We’re sorry to see you go!',\n  description: 'Tell us why youʼre canceling.',\n  reasons: [\n    {\n      id: 'The tutor doesnʼt seem like a good fit',\n      label: 'The tutor doesnʼt seem like a good fit',\n    },\n    { id: 'Looking for more affordable options', label: 'Looking for more affordable options' },\n    { id: 'Taking too long to find a tutor match', label: 'Taking too long to find a tutor match' },\n    { id: 'I found a better option elsewhere', label: 'I found a better option elsewhere' },\n    {\n      id: 'No longer interested in online tutoring',\n      label: 'No longer interested in online tutoring',\n    },\n    { id: 'I donʼt have the right device/ setup', label: 'I donʼt have the right device/ setup' },\n    { id: 'other', label: 'Something else' },\n  ],\n};\n\nexport const cancellationReasonAfterTrial = {\n  title: 'We’re sorry to see you go!',\n  description: 'Tell us why youʼre canceling.',\n  reasons: [\n    { id: 'Looking for more affordable options', label: 'Looking for more affordable options' },\n    { id: 'I found a better option elsewhere', label: 'I found a better option elsewhere' },\n    {\n      id: 'No longer interested in online tutoring',\n      label: 'No longer interested in online tutoring',\n    },\n    {\n      id: 'I want to try other options first',\n      label: 'I want to try other options first',\n    },\n    { id: 'other', label: 'Something else' },\n  ],\n};\n"],"names":["cancellationReasonNoTutor","cancellationReasonWithTutor","cancellationReasonAfterTrial"],"mappings":"AAAO,MAAMA,IAA4B;AAAA,EACvC,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,IACP,EAAE,IAAI,uCAAuC,OAAO,sCAAsC;AAAA,IAC1F,EAAE,IAAI,yCAAyC,OAAO,wCAAwC;AAAA,IAC9F,EAAE,IAAI,qCAAqC,OAAO,oCAAoC;AAAA,IACtF,EAAE,IAAI,wCAAwC,OAAO,uCAAuC;AAAA,IAC5F;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,EAAE,IAAI,SAAS,OAAO,iBAAiB;AAAA,EACzC;AACF,GAEaC,IAA8B;AAAA,EACzC,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,IACP;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,EAAE,IAAI,uCAAuC,OAAO,sCAAsC;AAAA,IAC1F,EAAE,IAAI,yCAAyC,OAAO,wCAAwC;AAAA,IAC9F,EAAE,IAAI,qCAAqC,OAAO,oCAAoC;AAAA,IACtF;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,EAAE,IAAI,wCAAwC,OAAO,uCAAuC;AAAA,IAC5F,EAAE,IAAI,SAAS,OAAO,iBAAiB;AAAA,EACzC;AACF,GAEaC,IAA+B;AAAA,EAC1C,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,IACP,EAAE,IAAI,uCAAuC,OAAO,sCAAsC;AAAA,IAC1F,EAAE,IAAI,qCAAqC,OAAO,oCAAoC;AAAA,IACtF;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,EAAE,IAAI,SAAS,OAAO,iBAAiB;AAAA,EACzC;AACF;"}

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

@@ -0,0 +1,71 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/text/text.js";
+const x = o(t)`
+  max-width: 560px;
+  border: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
+`, h = o(t)`
+  overflow-y: auto;
+  max-height: 468px;
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    max-height: unset;
+    overflow-y: hidden;
+  }
+`, u = o(t)`
+  padding-top: 0;
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    max-height: 300px;
+    overflow-y: auto;
+  }
+`, c = o(t)`
+  padding-bottom: 24px;
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    border-top: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
+    padding-bottom: 40px;
+  }
+`, g = o.textarea(({ theme: e }) => {
+  const {
+    colors: { WHITE: i, WHITE_T_38: r, BLACK_2: n, BLACK_5: a },
+    layout: { gutter: p }
+  } = e;
+  return `border: 1px solid ${a};
+  width: 100%;
+  min-height: ${p * 5}px;
+  padding: 16px;
+  background-color: ${n};
+  white-space: pre-line;
+  font-family: 'Untitled Sans Regular';
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${i};
+  resize: none;
+  outline: none;
+  &::placeholder {
+    color: ${r};
+  }
+
+  &:focus {
+    outline: none;
+  }
+`;
+}), $ = o(d)(
+  ({ theme: e }) => `
+    position: absolute;
+    top: 0;
+    width: 100%;
+    transition: all 0.2s ease-in-out;
+    ${e.mediaQueries.minWidthTablet} {
+      top: 6px;
+    }
+`
+);
+export {
+  x as Container,
+  u as ContentWrapper,
+  $ as ErrorWrapper,
+  c as FooterWrapper,
+  h as OuterWrapper,
+  g as StyledTextArea
+};
+//# sourceMappingURL=cancellation-reason-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cancellation-reason-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Container = styled(FlexView)`\n  max-width: 560px;\n  border: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\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\nexport const ErrorWrapper = styled(Text)(\n  ({ theme }) =>\n    `\n    position: absolute;\n    top: 0;\n    width: 100%;\n    transition: all 0.2s ease-in-out;\n    ${theme.mediaQueries.minWidthTablet} {\n      top: 6px;\n    }\n`,\n);\n"],"names":["Container","styled","FlexView","theme","OuterWrapper","ContentWrapper","FooterWrapper","StyledTextArea","WHITE","WHITE_T_38","BLACK_2","BLACK_5","gutter","ErrorWrapper","Text"],"mappings":";;;AAKa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,YAE5B,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGjDC,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,GAEYI,IAAeZ,EAAOa,CAAI;AAAA,EACrC,CAAC,EAAE,OAAAX,EAAA,MACD;AAAA;AAAA;AAAA;AAAA;AAAA,MAKEA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAIvC;"}

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/student-profile-summary/student-profile-summary.js

@@ -1,21 +1,20 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { memo as d, useMemo as u } from "react";
-import { useTheme as c } from "styled-components";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { memo as u, useMemo as c } from "react";
+import { useTheme as p } from "styled-components";
 import { ILLUSTRATIONS as r } from "../../../../assets/illustrations/illustrations.js";
-import p from "../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js";
-import f from "../../../ui/layout/flex-view.js";
+import f from "../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js";
+import o from "../../../ui/layout/flex-view.js";
 import E from "../../../ui/loader/app-loader/app-loader.js";
 import L from "../../../ui/modals/use-modal-params.js";
 import g from "../../../ui/text/text.js";
 import { EDeviceType as h } from "../../../ui/theme/constants.js";
-import { Container as P } from "./student-profile-summary-styled.js";
-const _ = () => {
-  const { studentName: o, summaryData: e } = L(), i = c().device <= h.MOBILE, n = u(() => {
-    const { studentLevel: m, studentObjectives: s = "", learningPlan: l = "" } = e ?? {};
+const P = () => {
+  const { studentName: i, summaryData: e } = L(), n = p().device <= h.MOBILE, m = c(() => {
+    const { studentLevel: s, studentObjectives: l = "", learningPlan: a = "" } = e ?? {};
     return [
       {
         title: "Student Level",
-        description: m,
+        description: s,
         illustration: r.KNOWLEDGE_BLUE,
         background: "BLUE_1"
       },
@@ -23,22 +22,22 @@ const _ = () => {
         illustration: r.ARROW_BOARD_GREEN,
         background: "GREEN_1",
         title: "Goals",
-        description: s
+        description: l
       },
       {
         illustration: r.BOOK_CHECKED_PURPLE,
         background: "PURPLE_1",
         title: "Learning Plan",
-        description: l
+        description: a
       }
     ];
   }, [e]);
-  return e ? /* @__PURE__ */ a(P, { $borderColor: "BLACK_1", children: [
-    i && /* @__PURE__ */ t(f, { $gutterX: 1, $gapX: 1.5, $background: "BLACK_2", children: /* @__PURE__ */ t(g, { $renderAs: "ab1-bold", $color: "WHITE_1", children: `${o}'s Profile` }) }),
-    /* @__PURE__ */ t(p, { profileHighlights: n })
+  return e ? /* @__PURE__ */ d(o, { $borderColor: "BLACK_1", children: [
+    n && /* @__PURE__ */ t(o, { $gutterX: 1, $gapX: 1.5, $background: "BLACK_2", children: /* @__PURE__ */ t(g, { $renderAs: "ab1-bold", $color: "WHITE_1", children: `${i}'s Profile` }) }),
+    /* @__PURE__ */ t(f, { profileHighlights: m })
   ] }) : /* @__PURE__ */ t(E, { height: 200, width: 200 });
-}, K = d(_);
+}, C = u(P);
 export {
-  K as default
+  C as default
 };
 //# sourceMappingURL=student-profile-summary.js.map

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile-summary.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.tsx"],"sourcesContent":["import type { IStudentProfileSummary } from '../../parent-dashboard-types';\nimport type { TProfileHighlight } from './student-profile-summary-types';\n\nimport { useMemo, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport StudentProfileHighlights from '../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './student-profile-summary-styled';\n\nconst StudentProfileSummary = () => {\n  const { studentName, summaryData } = useModalParams<{\n    studentName: string;\n    summaryData: IStudentProfileSummary;\n  }>();\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const profileHighlights: TProfileHighlight[] = useMemo(() => {\n    const { studentLevel, studentObjectives = '', learningPlan = '' } = summaryData ?? {};\n\n    return [\n      {\n        title: 'Student Level',\n        description: studentLevel,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: studentObjectives,\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: learningPlan,\n      },\n    ];\n  }, [summaryData]);\n\n  if (!summaryData) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <Styled.Container $borderColor=\"BLACK_1\">\n      {isMobile && (\n        <FlexView $gutterX={1} $gapX={1.5} $background=\"BLACK_2\">\n          <Text $renderAs=\"ab1-bold\" $color=\"WHITE_1\">{`${studentName}'s Profile`}</Text>\n        </FlexView>\n      )}\n      <StudentProfileHighlights profileHighlights={profileHighlights} />\n    </Styled.Container>\n  );\n};\n\nexport default memo(StudentProfileSummary);\n"],"names":["StudentProfileSummary","studentName","summaryData","useModalParams","isMobile","useTheme","EDeviceType","profileHighlights","useMemo","studentLevel","studentObjectives","learningPlan","ILLUSTRATIONS","jsxs","Styled.Container","FlexView","jsx","Text","StudentProfileHighlights","AppLoader","studentProfileSummary","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAwB,MAAM;AAClC,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAGlC,GAEGC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAyCC,EAAQ,MAAM;AACrD,UAAA,EAAE,cAAAC,GAAc,mBAAAC,IAAoB,IAAI,cAAAC,IAAe,GAAG,IAAIT,KAAe;AAE5E,WAAA;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,aAAaO;AAAA,QACb,cAAcG,EAAc;AAAA,QAC5B,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,cAAcA,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaF;AAAA,MACf;AAAA,MACA;AAAA,QACE,cAAcE,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaD;AAAA,MACf;AAAA,IAAA;AAAA,EACF,GACC,CAACT,CAAW,CAAC;AAEhB,SAAKA,IAKF,gBAAAW,EAAAC,GAAA,EAAiB,cAAa,WAC5B,UAAA;AAAA,IAAAV,uBACEW,GAAS,EAAA,UAAU,GAAG,OAAO,KAAK,aAAY,WAC7C,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,WAAW,UAAG,GAAAhB,CAAW,cAAa,EAC1E,CAAA;AAAA,IAEF,gBAAAe,EAACE,KAAyB,mBAAAX,GAAsC;AAAA,EAClE,EAAA,CAAA,IAXQ,gBAAAS,EAAAG,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA;AAa/C,GAEeC,IAAAC,EAAKrB,CAAqB;"}
+{"version":3,"file":"student-profile-summary.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.tsx"],"sourcesContent":["import type { IStudentProfileSummary } from '../../parent-dashboard-types';\nimport type { TProfileHighlight } from './student-profile-summary-types';\n\nimport { useMemo, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport StudentProfileHighlights from '../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst StudentProfileSummary = () => {\n  const { studentName, summaryData } = useModalParams<{\n    studentName: string;\n    summaryData: IStudentProfileSummary;\n  }>();\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const profileHighlights: TProfileHighlight[] = useMemo(() => {\n    const { studentLevel, studentObjectives = '', learningPlan = '' } = summaryData ?? {};\n\n    return [\n      {\n        title: 'Student Level',\n        description: studentLevel,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: studentObjectives,\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: learningPlan,\n      },\n    ];\n  }, [summaryData]);\n\n  if (!summaryData) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <FlexView $borderColor=\"BLACK_1\">\n      {isMobile && (\n        <FlexView $gutterX={1} $gapX={1.5} $background=\"BLACK_2\">\n          <Text $renderAs=\"ab1-bold\" $color=\"WHITE_1\">{`${studentName}'s Profile`}</Text>\n        </FlexView>\n      )}\n      <StudentProfileHighlights profileHighlights={profileHighlights} />\n    </FlexView>\n  );\n};\n\nexport default memo(StudentProfileSummary);\n"],"names":["StudentProfileSummary","studentName","summaryData","useModalParams","isMobile","useTheme","EDeviceType","profileHighlights","useMemo","studentLevel","studentObjectives","learningPlan","ILLUSTRATIONS","jsxs","FlexView","jsx","Text","StudentProfileHighlights","AppLoader","studentProfileSummary","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAwB,MAAM;AAClC,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAGlC,GAEGC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAyCC,EAAQ,MAAM;AACrD,UAAA,EAAE,cAAAC,GAAc,mBAAAC,IAAoB,IAAI,cAAAC,IAAe,GAAG,IAAIT,KAAe;AAE5E,WAAA;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,aAAaO;AAAA,QACb,cAAcG,EAAc;AAAA,QAC5B,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,cAAcA,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaF;AAAA,MACf;AAAA,MACA;AAAA,QACE,cAAcE,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaD;AAAA,MACf;AAAA,IAAA;AAAA,EACF,GACC,CAACT,CAAW,CAAC;AAEhB,SAAKA,IAKH,gBAAAW,EAACC,GAAS,EAAA,cAAa,WACpB,UAAA;AAAA,IAAAV,uBACEU,GAAS,EAAA,UAAU,GAAG,OAAO,KAAK,aAAY,WAC7C,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,WAAW,UAAG,GAAAf,CAAW,cAAa,EAC1E,CAAA;AAAA,IAEF,gBAAAc,EAACE,KAAyB,mBAAAV,GAAsC;AAAA,EAClE,EAAA,CAAA,IAXQ,gBAAAQ,EAAAG,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA;AAa/C,GAEeC,IAAAC,EAAKpB,CAAqB;"}

package/dist/features/parent-dashboard/modals/trial-report/trial-report-styled.js

@@ -1,13 +1,9 @@
-import t from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-const r = t(e)`
-  width: 100%;
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const i = o(t)`
   max-height: 90vh;
-  ${({ theme: i }) => i.mediaQueries.minWidthTablet} {
-    max-width: 720px;
-  }
 `;
 export {
-  r as Container
+  i as Container
 };
 //# sourceMappingURL=trial-report-styled.js.map

package/dist/features/parent-dashboard/modals/trial-report/trial-report-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-report-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/trial-report/trial-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  width: 100%;\n  max-height: 90vh;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-width: 720px;\n  }\n`;\n"],"names":["Container","styled","FlexView","theme"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,IAGpC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"trial-report-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/trial-report/trial-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  max-height: 90vh;\n`;\n"],"names":["Container","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;"}

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;"}