@cuemath/leap 3.3.26-j.3 → 3.3.26-j.5

package/dist/features/auth/account-selector/account-selector.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { memo as h } from "react";
-import { useTheme as $ } from "styled-components";
-import { ILLUSTRATIONS as d } from "../../../assets/illustrations/illustrations.js";
+import { useTheme as d } from "styled-components";
+import { ILLUSTRATIONS as $ } from "../../../assets/illustrations/illustrations.js";
 import u from "../../ui/image/image.js";
 import c from "../../ui/layout/flex-view.js";
 import s from "../../ui/separator/separator.js";
@@ -18,14 +18,14 @@ const C = ({
   isLoading: p,
   onGoBack: i
 }) => {
-  const { device: n } = $(), t = n <= a.TABLET, r = n === a.MOBILE;
+  const { device: n } = d(), t = n <= a.TABLET, r = n === a.MOBILE;
   return /* @__PURE__ */ m(
     c,
     {
       $alignItems: r ? "flex-start" : "center",
       $justifyContent: r ? "flex-start" : "center",
       $width: "100%",
-      $height: "100vh",
+      $height: "100dvh",
       $gapX: t ? 0 : 2,
       children: [
         typeof i == "function" && /* @__PURE__ */ e(L, { onGoBack: i }),
@@ -34,7 +34,7 @@ const C = ({
           /* @__PURE__ */ e(
             u,
             {
-              src: d.CIRCLE_CUEMATH_LOGO_WHITE,
+              src: $.CIRCLE_CUEMATH_LOGO_WHITE,
               alt: "Parent Signup",
               withLoader: !1,
               width: 80

package/dist/features/auth/account-selector/account-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../comps/user-list/user-list';\nimport * as Styled from './account-selector-styled';\nimport AccountSelectorHeader from './comps/compact-header/account-selector-header';\n\nconst AccountSelector = ({\n  userAccounts,\n  onSelect,\n  onAddNew,\n  isLoading,\n  onGoBack,\n}: IAccountSelectorViewProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device === EDeviceType.MOBILE;\n\n  return (\n    <FlexView\n      $alignItems={isMobile ? 'flex-start' : 'center'}\n      $justifyContent={isMobile ? 'flex-start' : 'center'}\n      $width=\"100%\"\n      $height=\"100vh\"\n      $gapX={isCompact ? 0 : 2}\n    >\n      {typeof onGoBack === 'function' && <AccountSelectorHeader onGoBack={onGoBack} />}\n      <OverlayLoader isLoading={isLoading} />\n      {!isCompact && (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <Image\n            src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n            alt=\"Parent Signup\"\n            withLoader={false}\n            width={80}\n          />\n          <Separator heightX={1} />\n          <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n            Switch between accounts\n          </Text>\n        </FlexView>\n      )}\n      <Separator height={isCompact ? 0 : 40} />\n      <Styled.UserListWrapper\n        $flex={isCompact ? 1 : 0}\n        $justifyContent={isMobile ? 'flex-start' : 'center'}\n        $alignItems={isMobile ? 'flex-start' : 'center'}\n        $width=\"100%\"\n      >\n        {userAccounts.length > 0 && (\n          <UserList users={userAccounts} onSelect={onSelect} onAddNew={onAddNew} maxColumns={3} />\n        )}\n      </Styled.UserListWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(AccountSelector);\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","onGoBack","device","useTheme","isCompact","EDeviceType","isMobile","jsxs","FlexView","jsx","AccountSelectorHeader","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Styled.UserListWrapper","UserList","accountSelector","memo"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAiC;AACzB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,MAAWG,EAAY;AAGtC,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaF,IAAW,eAAe;AAAA,MACvC,iBAAiBA,IAAW,eAAe;AAAA,MAC3C,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAOF,IAAY,IAAI;AAAA,MAEtB,UAAA;AAAA,QAAA,OAAOH,KAAa,cAAe,gBAAAQ,EAAAC,GAAA,EAAsB,UAAAT,EAAoB,CAAA;AAAA,QAC9E,gBAAAQ,EAACE,KAAc,WAAAX,GAAsB;AAAA,QACpC,CAACI,KACA,gBAAAG,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,cACJ,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACA,gBAAAJ,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL,EAACM,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAE1D,0BAAA,CAAA;AAAA,QAAA,GACF;AAAA,QAED,gBAAAN,EAAAK,GAAA,EAAU,QAAQV,IAAY,IAAI,IAAI;AAAA,QACvC,gBAAAK;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,OAAOZ,IAAY,IAAI;AAAA,YACvB,iBAAiBE,IAAW,eAAe;AAAA,YAC3C,aAAaA,IAAW,eAAe;AAAA,YACvC,QAAO;AAAA,YAEN,UAAAT,EAAa,SAAS,KACpB,gBAAAY,EAAAQ,GAAA,EAAS,OAAOpB,GAAc,UAAAC,GAAoB,UAAAC,GAAoB,YAAY,EAAG,CAAA;AAAA,UAAA;AAAA,QAE1F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEemB,IAAAC,EAAKvB,CAAe;"}
+{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../comps/user-list/user-list';\nimport * as Styled from './account-selector-styled';\nimport AccountSelectorHeader from './comps/compact-header/account-selector-header';\n\nconst AccountSelector = ({\n  userAccounts,\n  onSelect,\n  onAddNew,\n  isLoading,\n  onGoBack,\n}: IAccountSelectorViewProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device === EDeviceType.MOBILE;\n\n  return (\n    <FlexView\n      $alignItems={isMobile ? 'flex-start' : 'center'}\n      $justifyContent={isMobile ? 'flex-start' : 'center'}\n      $width=\"100%\"\n      $height=\"100dvh\"\n      $gapX={isCompact ? 0 : 2}\n    >\n      {typeof onGoBack === 'function' && <AccountSelectorHeader onGoBack={onGoBack} />}\n      <OverlayLoader isLoading={isLoading} />\n      {!isCompact && (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <Image\n            src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n            alt=\"Parent Signup\"\n            withLoader={false}\n            width={80}\n          />\n          <Separator heightX={1} />\n          <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n            Switch between accounts\n          </Text>\n        </FlexView>\n      )}\n      <Separator height={isCompact ? 0 : 40} />\n      <Styled.UserListWrapper\n        $flex={isCompact ? 1 : 0}\n        $justifyContent={isMobile ? 'flex-start' : 'center'}\n        $alignItems={isMobile ? 'flex-start' : 'center'}\n        $width=\"100%\"\n      >\n        {userAccounts.length > 0 && (\n          <UserList users={userAccounts} onSelect={onSelect} onAddNew={onAddNew} maxColumns={3} />\n        )}\n      </Styled.UserListWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(AccountSelector);\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","onGoBack","device","useTheme","isCompact","EDeviceType","isMobile","jsxs","FlexView","jsx","AccountSelectorHeader","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Styled.UserListWrapper","UserList","accountSelector","memo"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAiC;AACzB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,MAAWG,EAAY;AAGtC,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaF,IAAW,eAAe;AAAA,MACvC,iBAAiBA,IAAW,eAAe;AAAA,MAC3C,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAOF,IAAY,IAAI;AAAA,MAEtB,UAAA;AAAA,QAAA,OAAOH,KAAa,cAAe,gBAAAQ,EAAAC,GAAA,EAAsB,UAAAT,EAAoB,CAAA;AAAA,QAC9E,gBAAAQ,EAACE,KAAc,WAAAX,GAAsB;AAAA,QACpC,CAACI,KACA,gBAAAG,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,cACJ,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACA,gBAAAJ,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL,EAACM,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAE1D,0BAAA,CAAA;AAAA,QAAA,GACF;AAAA,QAED,gBAAAN,EAAAK,GAAA,EAAU,QAAQV,IAAY,IAAI,IAAI;AAAA,QACvC,gBAAAK;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,OAAOZ,IAAY,IAAI;AAAA,YACvB,iBAAiBE,IAAW,eAAe;AAAA,YAC3C,aAAaA,IAAW,eAAe;AAAA,YACvC,QAAO;AAAA,YAEN,UAAAT,EAAa,SAAS,KACpB,gBAAAY,EAAAQ,GAAA,EAAS,OAAOpB,GAAc,UAAAC,GAAoB,UAAAC,GAAoB,YAAY,EAAG,CAAA;AAAA,UAAA;AAAA,QAE1F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEemB,IAAAC,EAAKvB,CAAe;"}

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js

@@ -1,7 +1,7 @@
 import o from "styled-components";
 import e from "../../../ui/layout/flex-view.js";
 const n = o(e)`
-  min-height: 100vh;
+  height: 100dvh;
 `, i = o(e)`
   overflow: hidden;
 `;

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-page-layout-styled.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"auth-page-layout-styled.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  height: 100dvh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/parent-dashboard/comps/compact-header/compact-header.js

@@ -1,30 +1,30 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as c } from "react";
-import { useTheme as a } from "styled-components";
-import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
-import s from "../../../auth/comps/linear-progress-bar/linear-progress-bar.js";
-import f from "../../../ui/image/image.js";
-import o from "../../../ui/layout/flex-view.js";
-import { EDeviceType as l } from "../../../ui/theme/constants.js";
-const d = ({ progressPercentage: r, showProgress: t, HeaderAvatar: m }) => {
-  const { device: i } = a();
-  return i <= l.TABLET ? /* @__PURE__ */ n(
-    o,
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { useTheme as p } from "styled-components";
+import { ILLUSTRATIONS as s } from "../../../../assets/illustrations/illustrations.js";
+import l from "../../../auth/comps/linear-progress-bar/linear-progress-bar.js";
+import d from "../../../ui/image/image.js";
+import t from "../../../ui/layout/flex-view.js";
+import { EDeviceType as u } from "../../../ui/theme/constants.js";
+const T = ({ progressPercentage: r, showProgress: o, HeaderAvatar: m }) => {
+  const { device: i } = p(), n = i <= u.TABLET, c = o && r;
+  return n ? /* @__PURE__ */ a(
+    t,
     {
       $gutterX: 1,
       $gapX: 1,
       $flexDirection: "row",
       $alignItems: "center",
       $background: "WHITE_T_05",
-      $flexColumnGapX: 1,
+      $flexColumnGapX: c ? 1 : 0,
       children: [
         m,
-        t && r ? /* @__PURE__ */ e(s, { percentage: r, borderRadius: 8 }) : /* @__PURE__ */ e(o, { $flex: 1, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(f, { width: 90, src: p.CIRCLE_CUEMATH_LOGO_WHITE }) })
+        o && r ? /* @__PURE__ */ e(l, { percentage: r, borderRadius: 8 }) : /* @__PURE__ */ e(t, { $flex: 1, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(d, { width: 90, src: s.CIRCLE_CUEMATH_LOGO_WHITE }) })
       ]
     }
   ) : null;
-}, H = c(d);
+}, g = f(T);
 export {
-  H as default
+  g as default
 };
 //# sourceMappingURL=compact-header.js.map

package/dist/features/parent-dashboard/comps/compact-header/compact-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"compact-header.js","sources":["../../../../../src/features/parent-dashboard/comps/compact-header/compact-header.tsx"],"sourcesContent":["import type { ICompactHeaderProps } from './compact-header-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport LinearProgressBar from '../../../auth/comps/linear-progress-bar/linear-progress-bar';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst CompactHeader = ({ progressPercentage, showProgress, HeaderAvatar }: ICompactHeaderProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  if (!isCompact) return null;\n\n  return (\n    <FlexView\n      $gutterX={1}\n      $gapX={1}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $background=\"WHITE_T_05\"\n      $flexColumnGapX={1}\n    >\n      {HeaderAvatar}\n      {showProgress && progressPercentage ? (\n        <LinearProgressBar percentage={progressPercentage} borderRadius={8} />\n      ) : (\n        <FlexView $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n          <Image width={90} src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CompactHeader);\n"],"names":["CompactHeader","progressPercentage","showProgress","HeaderAvatar","device","useTheme","EDeviceType","jsxs","FlexView","jsx","LinearProgressBar","Image","ILLUSTRATIONS","CompactHeader$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,oBAAAC,GAAoB,cAAAC,GAAc,cAAAC,QAAwC;AAC3F,QAAA,EAAE,QAAAC,MAAWC;AAGf,SAFcD,KAAUE,EAAY,SAKtC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,iBAAiB;AAAA,MAEhB,UAAA;AAAA,QAAAL;AAAA,QACAD,KAAgBD,IACf,gBAAAQ,EAACC,GAAkB,EAAA,YAAYT,GAAoB,cAAc,EAAA,CAAG,IAEpE,gBAAAQ,EAACD,GAAS,EAAA,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACvD,UAAC,gBAAAC,EAAAE,GAAA,EAAM,OAAO,IAAI,KAAKC,EAAc,0BAAA,CAA2B,EAClE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAjBiB;AAqBzB,GAEeC,IAAAC,EAAKd,CAAa;"}
+{"version":3,"file":"compact-header.js","sources":["../../../../../src/features/parent-dashboard/comps/compact-header/compact-header.tsx"],"sourcesContent":["import type { ICompactHeaderProps } from './compact-header-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport LinearProgressBar from '../../../auth/comps/linear-progress-bar/linear-progress-bar';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst CompactHeader = ({ progressPercentage, showProgress, HeaderAvatar }: ICompactHeaderProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const showProgressBar = showProgress && progressPercentage;\n\n  if (!isCompact) return null;\n\n  return (\n    <FlexView\n      $gutterX={1}\n      $gapX={1}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $background=\"WHITE_T_05\"\n      $flexColumnGapX={showProgressBar ? 1 : 0}\n    >\n      {HeaderAvatar}\n      {showProgress && progressPercentage ? (\n        <LinearProgressBar percentage={progressPercentage} borderRadius={8} />\n      ) : (\n        <FlexView $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n          <Image width={90} src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CompactHeader);\n"],"names":["CompactHeader","progressPercentage","showProgress","HeaderAvatar","device","useTheme","isCompact","EDeviceType","showProgressBar","jsxs","FlexView","jsx","LinearProgressBar","Image","ILLUSTRATIONS","CompactHeader$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,oBAAAC,GAAoB,cAAAC,GAAc,cAAAC,QAAwC;AAC3F,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBN,KAAgBD;AAEpC,SAACK,IAGH,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,iBAAiBF,IAAkB,IAAI;AAAA,MAEtC,UAAA;AAAA,QAAAL;AAAA,QACAD,KAAgBD,IACf,gBAAAU,EAACC,GAAkB,EAAA,YAAYX,GAAoB,cAAc,EAAA,CAAG,IAEpE,gBAAAU,EAACD,GAAS,EAAA,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACvD,UAAC,gBAAAC,EAAAE,GAAA,EAAM,OAAO,IAAI,KAAKC,EAAc,0BAAA,CAA2B,EAClE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAjBiB;AAqBzB,GAEeC,IAAAC,EAAKhB,CAAa;"}

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js

@@ -1,39 +1,39 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { memo as h, useMemo as f } from "react";
-import { ILLUSTRATIONS as l } from "../../../../assets/illustrations/illustrations.js";
-import d from "../../../ui/buttons/button/button.js";
-import p from "../../../ui/image/image.js";
-import s from "../../../ui/layout/flex-view.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { memo as f, useMemo as d } from "react";
+import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
+import u from "../../../ui/buttons/button/button.js";
+import $ from "../../../ui/image/image.js";
+import m from "../../../ui/layout/flex-view.js";
 import r from "../../../ui/separator/separator.js";
 import o from "../../../ui/text/text.js";
-import u from "../../hooks/use-fetch-parent-home.js";
-import g from "../../hooks/use-parent-home-data.js";
-import { ImageWrapper as $ } from "./pla-first-session-introduction-styled.js";
-import { fromUnixTime as x } from "../../../../node_modules/date-fns/fromUnixTime.js";
-import { formatDate as S } from "../../../../node_modules/date-fns/format.js";
-const A = ({
+import g from "../../hooks/use-fetch-parent-home.js";
+import x from "../../hooks/use-parent-home-data.js";
+import { ImageWrapper as A } from "./pla-first-session-introduction-styled.js";
+import { fromUnixTime as S } from "../../../../node_modules/date-fns/fromUnixTime.js";
+import { formatDate as I } from "../../../../node_modules/date-fns/format.js";
+const L = ({
   studentId: i,
   onRunSystemCheck: a
 }) => {
-  u(i);
-  const { nextSessionStart: t } = g(i), n = f(() => {
+  g(i);
+  const { nextSessionStart: t, showPLAIntroduction: c, isTrialDone: h } = x(i), n = d(() => {
     if (!t) return "";
-    const c = new Date(x(t).getTime());
-    return S(c, "EEEE, MMM d 'at' h:mm a");
+    const l = new Date(S(t).getTime());
+    return I(l, "EEEE, MMM d 'at' h:mm a");
   }, [t]);
-  return /* @__PURE__ */ m(s, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
-    n && /* @__PURE__ */ m(s, { children: [
-      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: "We’re excited for your first session on" }),
+  return /* @__PURE__ */ s(m, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
+    n && c && /* @__PURE__ */ s(m, { children: [
+      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: `We’re excited for your ${h ? "next" : "first"} session on` }),
       /* @__PURE__ */ e(r, { height: 4 }),
       /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", $align: "center", children: n })
     ] }),
     /* @__PURE__ */ e(r, { heightX: 2.5 }),
-    /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(p, { src: l.LEARNING_PUZZLE_BOT, width: "100%" }) }),
+    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { src: p.LEARNING_PUZZLE_BOT, width: "100%" }) }),
     /* @__PURE__ */ e(r, { heightX: 3.5 }),
     /* @__PURE__ */ e(o, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: "Let's make sure your device is ready for your child's session." }),
     /* @__PURE__ */ e(r, { heightX: 1 }),
     /* @__PURE__ */ e(
-      d,
+      u,
       {
         renderAs: "primary",
         label: "Run a system check",
@@ -43,8 +43,8 @@ const A = ({
       }
     )
   ] });
-}, _ = h(A);
+}, j = f(L);
 export {
-  _ as default
+  j as default
 };
 //# sourceMappingURL=pla-first-session-introduction.js.map

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { format, fromUnixTime } from 'date-fns';\nimport { memo, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useFetchParentHome from '../../hooks/use-fetch-parent-home';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  useFetchParentHome(studentId);\n  const { nextSessionStart } = useParentHomeData(studentId);\n\n  const formattedNextSessionStart = useMemo(() => {\n    if (!nextSessionStart) return '';\n\n    const date = new Date(fromUnixTime(nextSessionStart).getTime());\n\n    return format(date, \"EEEE, MMM d 'at' h:mm a\");\n  }, [nextSessionStart]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            We’re excited for your first session on\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","useFetchParentHome","nextSessionStart","useParentHomeData","formattedNextSessionStart","useMemo","date","fromUnixTime","format","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,EAAAC,EAAmBF,CAAS;AAC5B,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAkBJ,CAAS,GAElDK,IAA4BC,EAAQ,MAAM;AAC1C,QAAA,CAACH,EAAyB,QAAA;AAE9B,UAAMI,IAAO,IAAI,KAAKC,EAAaL,CAAgB,EAAE,SAAS;AAEvD,WAAAM,EAAOF,GAAM,yBAAyB;AAAA,EAAA,GAC5C,CAACJ,CAAgB,CAAC;AAGnB,SAAA,gBAAAO,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAAAN,uBACEM,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,0CAAA,CAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHR,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASjB;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKrB,CAA2B;"}
+{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { format, fromUnixTime } from 'date-fns';\nimport { memo, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useFetchParentHome from '../../hooks/use-fetch-parent-home';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  useFetchParentHome(studentId);\n  const { nextSessionStart, showPLAIntroduction, isTrialDone } = useParentHomeData(studentId);\n\n  const formattedNextSessionStart = useMemo(() => {\n    if (!nextSessionStart) return '';\n\n    const date = new Date(fromUnixTime(nextSessionStart).getTime());\n\n    return format(date, \"EEEE, MMM d 'at' h:mm a\");\n  }, [nextSessionStart]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && showPLAIntroduction && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            {`We’re excited for your ${isTrialDone ? 'next' : 'first'} session on`}\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","useFetchParentHome","nextSessionStart","showPLAIntroduction","isTrialDone","useParentHomeData","formattedNextSessionStart","useMemo","date","fromUnixTime","format","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,EAAAC,EAAmBF,CAAS;AAC5B,QAAM,EAAE,kBAAAG,GAAkB,qBAAAC,GAAqB,aAAAC,EAAY,IAAIC,EAAkBN,CAAS,GAEpFO,IAA4BC,EAAQ,MAAM;AAC1C,QAAA,CAACL,EAAyB,QAAA;AAE9B,UAAMM,IAAO,IAAI,KAAKC,EAAaP,CAAgB,EAAE,SAAS;AAEvD,WAAAQ,EAAOF,GAAM,yBAAyB;AAAA,EAAA,GAC5C,CAACN,CAAgB,CAAC;AAGnB,SAAA,gBAAAS,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAA6BN,KAAAH,uBAC3BS,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAC3C,UAA0B,0BAAAV,IAAc,SAAS,OAAO,eAC3D;AAAA,MACA,gBAAAS,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHR,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASnB;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeoB,IAAAC,EAAKvB,CAA2B;"}

package/dist/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.js

@@ -10,28 +10,28 @@ const x = ({
   completedSessions: u,
   nextSessionStartTime: S,
   isTrialDone: c = !1,
-  teacherName: l,
+  teacherName: o,
   studentName: b,
   isStudentNoShow: i = !1,
   onRescheduleClick: n,
   isOnlyTrialDone: I = !1,
-  isTutorNoShow: f = !1
+  isTutorNoShow: d = !1
 }) => {
   const B = s(
     () => ({
-      isNoShowStatus: i || f,
-      isTeacherAssigned: !!l,
+      isNoShowStatus: i || d,
+      isTeacherAssigned: !!o,
       formattedSessionStart: A(S)
     }),
-    [i, f, l, S]
-  ), { isNoShowStatus: L, isTeacherAssigned: e, formattedSessionStart: o } = B, r = P({
+    [i, d, o, S]
+  ), { isNoShowStatus: L, isTeacherAssigned: e, formattedSessionStart: l } = B, r = P({
     timeLeft: c || L ? null : S,
     maxHoursToShow: 48
-  }), d = C(() => {
+  }), y = C(() => {
     window.open(R, "_blank");
   }, []), T = C(() => {
     n == null || n();
-  }, [n]), y = s(
+  }, [n]), f = s(
     () => ({
       topSection: {
         icon: a.CALENDAR_CROSS_ORANGE,
@@ -39,7 +39,7 @@ const x = ({
         titleColor: "ORANGE_4",
         titleStyle: t.TITLE_DESKTOP,
         titleTabletStyle: t.TITLE_MOBILE,
-        subtitle: o,
+        subtitle: l,
         subtitleStyle: t.SUBTITLE_DESKTOP,
         subtitleTabletStyle: t.SUBTITLE_MOBILE,
         subtitleLineThrough: !0,
@@ -61,7 +61,7 @@ const x = ({
         }
       }
     }),
-    [o, i, T]
+    [l, i, T]
   ), m = s(() => {
     const _ = I ? "First" : u.toString(), E = h.pluralize(u, "session");
     return {
@@ -79,17 +79,17 @@ const x = ({
         titleColor: "ORANGE_4",
         titleStyle: t.TITLE_DESKTOP,
         titleTabletStyle: t.TITLE_MOBILE,
-        subtitle: `${o}
-with ${l}`,
+        subtitle: `${l}
+with ${o}`,
         subtitleStyle: t.SUBTITLE_DESKTOP,
         subtitleTabletStyle: t.SUBTITLE_MOBILE,
         action: {
           label: "Reschedule on the Cuemath app",
-          onClick: d
+          onClick: y
         }
       }
     };
-  }, [I, u, o, l, d]), p = s(() => {
+  }, [I, u, l, o, y]), p = s(() => {
     const _ = r ? D(r) : "SESSION SCHEDULED", E = !!r;
     return {
       topSection: {
@@ -98,7 +98,7 @@ with ${l}`,
         titleColor: "GREEN_4",
         titleStyle: E ? t.COUNTDOWN_DESKTOP : t.TITLE_DESKTOP,
         titleTabletStyle: E ? t.COUNTDOWN_MOBILE : t.TITLE_MOBILE,
-        subtitle: o,
+        subtitle: l,
         subtitleStyle: t.SUBTITLE_DESKTOP,
         subtitleTabletStyle: t.SUBTITLE_MOBILE,
         action: {
@@ -113,7 +113,7 @@ with ${l}`,
         titleColor: e ? "ORANGE_4" : "WHITE_1",
         titleStyle: e ? t.TITLE_DESKTOP : t.SUBTITLE_MOBILE,
         titleTabletStyle: e ? t.TITLE_MOBILE : t.SUBTITLE_MOBILE,
-        subtitle: e ? `From over 3000 expert tutors, we selected ${l} as the perfect match for ${b}!` : "Finding the perfect tutor for your child",
+        subtitle: e ? `From over 3000 expert tutors, we selected ${o} as the perfect match for ${b}!` : "Finding the perfect tutor for your child",
         subtitleStyle: t.BODY_DESKTOP,
         subtitleTabletStyle: t.BODY_MOBILE,
         description: e ? void 0 : "This typically takes 24-48 hours. We'll notify you via email.",
@@ -123,13 +123,13 @@ with ${l}`,
     };
   }, [
     r,
-    o,
+    l,
     T,
     e,
-    l,
+    o,
     b
   ]);
-  return s(() => L ? y : c ? m : p, [L, c, y, m, p]);
+  return s(() => L ? f : c ? m : p, [L, c, f, m, p]);
 };
 export {
   x as default

package/dist/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-session-status-config.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.ts"],"sourcesContent":["import type { ISessionStatusConfig, IUseSessionStatusConfigProps } from '../session-status-types';\n\nimport { pluralize } from 'humanize-plus';\nimport { useMemo, useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport { TEXT_STYLES } from '../session-status-constants';\nimport { formatSessionDateTime, formatTimeRemaining } from '../session-status-helpers';\nimport useCountdown from './use-countdown';\n\nconst useSessionStatusConfig = ({\n  completedSessions,\n  nextSessionStartTime,\n  isTrialDone = false,\n  teacherName,\n  studentName,\n  isStudentNoShow = false,\n  onRescheduleClick,\n  isOnlyTrialDone = false,\n  isTutorNoShow = false,\n}: IUseSessionStatusConfigProps): ISessionStatusConfig => {\n  const derivedValues = useMemo(\n    () => ({\n      isNoShowStatus: isStudentNoShow || isTutorNoShow,\n      isTeacherAssigned: Boolean(teacherName),\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n    }),\n    [isStudentNoShow, isTutorNoShow, teacherName, nextSessionStartTime],\n  );\n\n  const { isNoShowStatus, isTeacherAssigned, formattedSessionStart } = derivedValues;\n\n  const countdownTimeLeft = isTrialDone || isNoShowStatus ? null : nextSessionStartTime;\n\n  const remainingTime = useCountdown({\n    timeLeft: countdownTimeLeft,\n    maxHoursToShow: 48,\n  });\n\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const handleReschedule = useCallback(() => {\n    onRescheduleClick?.();\n  }, [onRescheduleClick]);\n\n  const noShowConfig = useMemo(\n    (): ISessionStatusConfig => ({\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitleLineThrough: true,\n        description: isStudentNoShow\n          ? 'We understand life is unpredictable and schedules change unexpectedly.'\n          : `We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.`,\n        descriptionColor: 'WHITE_1',\n      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: isStudentNoShow\n          ? \"Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child.\"\n          : `Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.`,\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n    }),\n    [formattedSessionStart, isStudentNoShow, handleReschedule],\n  );\n\n  const completedConfig = useMemo((): ISessionStatusConfig => {\n    const titleText = isOnlyTrialDone ? 'First' : completedSessions.toString();\n    const sessionText = pluralize(completedSessions, 'session');\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${sessionText} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [isOnlyTrialDone, completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  const defaultConfig = useMemo((): ISessionStatusConfig => {\n    const title = remainingTime ? formatTimeRemaining(remainingTime) : 'SESSION SCHEDULED';\n    const hasCountdown = Boolean(remainingTime);\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title,\n        titleColor: 'GREEN_4',\n        titleStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_DESKTOP : TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_MOBILE : TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? TEXT_STYLES.TITLE_DESKTOP : TEXT_STYLES.SUBTITLE_MOBILE,\n        titleTabletStyle: isTeacherAssigned\n          ? TEXT_STYLES.TITLE_MOBILE\n          : TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitle: isTeacherAssigned\n          ? `From over 3000 expert tutors, we selected ${teacherName} as the perfect match for ${studentName}!`\n          : 'Finding the perfect tutor for your child',\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        description: isTeacherAssigned\n          ? undefined\n          : \"This typically takes 24-48 hours. We'll notify you via email.\",\n        maxWidth: isTeacherAssigned ? 368 : 383,\n        isLargeIcon: true,\n      },\n    };\n  }, [\n    remainingTime,\n    formattedSessionStart,\n    handleReschedule,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n  ]);\n\n  return useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) return noShowConfig;\n\n    if (isTrialDone) return completedConfig;\n\n    return defaultConfig;\n  }, [isNoShowStatus, isTrialDone, noShowConfig, completedConfig, defaultConfig]);\n};\n\nexport default useSessionStatusConfig;\n"],"names":["useSessionStatusConfig","completedSessions","nextSessionStartTime","isTrialDone","teacherName","studentName","isStudentNoShow","onRescheduleClick","isOnlyTrialDone","isTutorNoShow","derivedValues","useMemo","formatSessionDateTime","isNoShowStatus","isTeacherAssigned","formattedSessionStart","remainingTime","useCountdown","handleRedirectToApp","useCallback","CUEMATH_APP_URL","handleReschedule","noShowConfig","ILLUSTRATIONS","TEXT_STYLES","completedConfig","titleText","sessionText","pluralize","LOTTIE","defaultConfig","title","formatTimeRemaining","hasCountdown"],"mappings":"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"}
+{"version":3,"file":"use-session-status-config.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.ts"],"sourcesContent":["import type { ISessionStatusConfig, IUseSessionStatusConfigProps } from '../session-status-types';\n\nimport { pluralize } from 'humanize-plus';\nimport { useMemo, useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport { TEXT_STYLES } from '../session-status-constants';\nimport { formatSessionDateTime, formatTimeRemaining } from '../session-status-helpers';\nimport useCountdown from './use-countdown';\n\nconst useSessionStatusConfig = ({\n  completedSessions,\n  nextSessionStartTime,\n  isTrialDone = false,\n  teacherName,\n  studentName,\n  isStudentNoShow = false,\n  onRescheduleClick,\n  isOnlyTrialDone = false,\n  isTutorNoShow = false,\n}: IUseSessionStatusConfigProps): ISessionStatusConfig => {\n  const derivedValues = useMemo(\n    () => ({\n      isNoShowStatus: isStudentNoShow || isTutorNoShow,\n      isTeacherAssigned: Boolean(teacherName),\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n    }),\n    [isStudentNoShow, isTutorNoShow, teacherName, nextSessionStartTime],\n  );\n\n  const { isNoShowStatus, isTeacherAssigned, formattedSessionStart } = derivedValues;\n\n  const countdownStartTime = isTrialDone || isNoShowStatus ? null : nextSessionStartTime;\n\n  const sessionCountdown = useCountdown({\n    timeLeft: countdownStartTime,\n    maxHoursToShow: 48,\n  });\n\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const handleReschedule = useCallback(() => {\n    onRescheduleClick?.();\n  }, [onRescheduleClick]);\n\n  const noShowConfig = useMemo(\n    (): ISessionStatusConfig => ({\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitleLineThrough: true,\n        description: isStudentNoShow\n          ? 'We understand life is unpredictable and schedules change unexpectedly.'\n          : `We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.`,\n        descriptionColor: 'WHITE_1',\n      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: isStudentNoShow\n          ? \"Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child.\"\n          : `Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.`,\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n    }),\n    [formattedSessionStart, isStudentNoShow, handleReschedule],\n  );\n\n  const completedConfig = useMemo((): ISessionStatusConfig => {\n    const titleText = isOnlyTrialDone ? 'First' : completedSessions.toString();\n    const sessionText = pluralize(completedSessions, 'session');\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${sessionText} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [isOnlyTrialDone, completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  const defaultConfig = useMemo((): ISessionStatusConfig => {\n    const title = sessionCountdown ? formatTimeRemaining(sessionCountdown) : 'SESSION SCHEDULED';\n    const hasCountdown = Boolean(sessionCountdown);\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title,\n        titleColor: 'GREEN_4',\n        titleStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_DESKTOP : TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_MOBILE : TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? TEXT_STYLES.TITLE_DESKTOP : TEXT_STYLES.SUBTITLE_MOBILE,\n        titleTabletStyle: isTeacherAssigned\n          ? TEXT_STYLES.TITLE_MOBILE\n          : TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitle: isTeacherAssigned\n          ? `From over 3000 expert tutors, we selected ${teacherName} as the perfect match for ${studentName}!`\n          : 'Finding the perfect tutor for your child',\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        description: isTeacherAssigned\n          ? undefined\n          : \"This typically takes 24-48 hours. We'll notify you via email.\",\n        maxWidth: isTeacherAssigned ? 368 : 383,\n        isLargeIcon: true,\n      },\n    };\n  }, [\n    sessionCountdown,\n    formattedSessionStart,\n    handleReschedule,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n  ]);\n\n  return useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) return noShowConfig;\n\n    if (isTrialDone) return completedConfig;\n\n    return defaultConfig;\n  }, [isNoShowStatus, isTrialDone, noShowConfig, completedConfig, defaultConfig]);\n};\n\nexport default useSessionStatusConfig;\n"],"names":["useSessionStatusConfig","completedSessions","nextSessionStartTime","isTrialDone","teacherName","studentName","isStudentNoShow","onRescheduleClick","isOnlyTrialDone","isTutorNoShow","derivedValues","useMemo","formatSessionDateTime","isNoShowStatus","isTeacherAssigned","formattedSessionStart","sessionCountdown","useCountdown","handleRedirectToApp","useCallback","CUEMATH_APP_URL","handleReschedule","noShowConfig","ILLUSTRATIONS","TEXT_STYLES","completedConfig","titleText","sessionText","pluralize","LOTTIE","defaultConfig","title","formatTimeRemaining","hasCountdown"],"mappings":"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"}

package/dist/features/parent-dashboard/comps/session-status/session-status-helpers.js

@@ -1,19 +1,19 @@
-import { fromUnixTime as s } from "../../../../node_modules/date-fns/fromUnixTime.js";
-import { formatDate as n } from "../../../../node_modules/date-fns/format.js";
-function p(t, e) {
+import { fromUnixTime as m } from "../../../../node_modules/date-fns/fromUnixTime.js";
+import { formatDate as a } from "../../../../node_modules/date-fns/format.js";
+function d(t, s) {
   if (!t) return "";
-  const o = s(t), r = n(o, "EEE").toUpperCase(), i = n(o, "MMM d"), m = n(o, "h a");
-  return `${r} . ${i} . ${m}`;
+  const o = m(t), r = a(o, "EEE").toUpperCase(), n = a(o, "MMM d"), i = a(o, "h a");
+  return `${r} . ${n} . ${i}`;
 }
-const a = (t) => t.toString().padStart(2, "0"), $ = (t) => {
-  const e = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), r = t % 60;
-  return `Session starts in ${a(e)}h : ${a(o)}m : ${a(
-    r
+const e = (t) => t.toString().padStart(2, "0"), h = (t) => {
+  const s = Math.floor(Math.abs(t)), o = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), n = s % 60;
+  return `Session starts in ${e(o)}h : ${e(r)}m : ${e(
+    n
   )}s`;
 };
 export {
-  p as formatSessionDateTime,
-  $ as formatTimeRemaining,
-  a as padTime
+  d as formatSessionDateTime,
+  h as formatTimeRemaining,
+  e as padTime
 };
 //# sourceMappingURL=session-status-helpers.js.map

package/dist/features/parent-dashboard/comps/session-status/session-status-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-status-helpers.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status-helpers.ts"],"sourcesContent":["import { fromUnixTime, format } from 'date-fns';\n\n/**\n * Formats the session start and end times into a readable string.\n *\n * @param startTime - The start time of the session in Unix timestamp.\n * @param endTime - The end time of the session in Unix timestamp.\n * @returns A formatted string representing the session time or an empty string if inputs are invalid.\n */\nexport function formatSessionDateTime(startTime: number | null, endTime?: number | null): string {\n  if (!startTime) return '';\n\n  const start = fromUnixTime(startTime);\n\n  const day = format(start, 'EEE').toUpperCase();\n  const date = format(start, 'MMM d');\n  const formattedStartTime = format(start, 'h a');\n  const end = endTime ? fromUnixTime(endTime) : null;\n  const formattedEndTime = end ? format(end, 'h a') : null;\n\n  return `${day} . ${date} . ${formattedStartTime}${\n    formattedEndTime ? ` - ${formattedEndTime}` : ''\n  }`;\n}\n\nexport const padTime = (time: number): string => time.toString().padStart(2, '0');\n\nexport const formatTimeRemaining = (seconds: number): string => {\n  const hours = Math.floor(seconds / 3600);\n  const minutes = Math.floor((seconds % 3600) / 60);\n  const remainingSeconds = seconds % 60;\n\n  return `Session starts in ${padTime(hours)}h : ${padTime(minutes)}m : ${padTime(\n    remainingSeconds,\n  )}s`;\n};\n"],"names":["formatSessionDateTime","startTime","endTime","start","fromUnixTime","day","format","date","formattedStartTime","padTime","time","formatTimeRemaining","seconds","hours","minutes","remainingSeconds"],"mappings":";;AASgB,SAAAA,EAAsBC,GAA0BC,GAAiC;AAC3F,MAAA,CAACD,EAAkB,QAAA;AAEjB,QAAAE,IAAQC,EAAaH,CAAS,GAE9BI,IAAMC,EAAOH,GAAO,KAAK,EAAE,YAAY,GACvCI,IAAOD,EAAOH,GAAO,OAAO,GAC5BK,IAAqBF,EAAOH,GAAO,KAAK;AAIvC,SAAA,GAAGE,CAAG,MAAME,CAAI,MAAMC,CAAkB;AAGjD;AAEa,MAAAC,IAAU,CAACC,MAAyBA,EAAK,WAAW,SAAS,GAAG,GAAG,GAEnEC,IAAsB,CAACC,MAA4B;AAC9D,QAAMC,IAAQ,KAAK,MAAMD,IAAU,IAAI,GACjCE,IAAU,KAAK,MAAOF,IAAU,OAAQ,EAAE,GAC1CG,IAAmBH,IAAU;AAE5B,SAAA,qBAAqBH,EAAQI,CAAK,CAAC,OAAOJ,EAAQK,CAAO,CAAC,OAAOL;AAAA,IACtEM;AAAA,EACD,CAAA;AACH;"}
+{"version":3,"file":"session-status-helpers.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status-helpers.ts"],"sourcesContent":["import { fromUnixTime, format } from 'date-fns';\n\n/**\n * Formats the session start and end times into a readable string.\n *\n * @param startTime - The start time of the session in Unix timestamp.\n * @param endTime - The end time of the session in Unix timestamp.\n * @returns A formatted string representing the session time or an empty string if inputs are invalid.\n */\nexport function formatSessionDateTime(startTime: number | null, endTime?: number | null): string {\n  if (!startTime) return '';\n\n  const start = fromUnixTime(startTime);\n\n  const day = format(start, 'EEE').toUpperCase();\n  const date = format(start, 'MMM d');\n  const formattedStartTime = format(start, 'h a');\n  const end = endTime ? fromUnixTime(endTime) : null;\n  const formattedEndTime = end ? format(end, 'h a') : null;\n\n  return `${day} . ${date} . ${formattedStartTime}${\n    formattedEndTime ? ` - ${formattedEndTime}` : ''\n  }`;\n}\n\nexport const padTime = (time: number): string => time.toString().padStart(2, '0');\n\nexport const formatTimeRemaining = (seconds: number): string => {\n  const totalSeconds = Math.floor(Math.abs(seconds));\n  const hours = Math.floor(seconds / 3600);\n  const minutes = Math.floor((seconds % 3600) / 60);\n  const remainingSeconds = totalSeconds % 60;\n\n  return `Session starts in ${padTime(hours)}h : ${padTime(minutes)}m : ${padTime(\n    remainingSeconds,\n  )}s`;\n};\n"],"names":["formatSessionDateTime","startTime","endTime","start","fromUnixTime","day","format","date","formattedStartTime","padTime","time","formatTimeRemaining","seconds","totalSeconds","hours","minutes","remainingSeconds"],"mappings":";;AASgB,SAAAA,EAAsBC,GAA0BC,GAAiC;AAC3F,MAAA,CAACD,EAAkB,QAAA;AAEjB,QAAAE,IAAQC,EAAaH,CAAS,GAE9BI,IAAMC,EAAOH,GAAO,KAAK,EAAE,YAAY,GACvCI,IAAOD,EAAOH,GAAO,OAAO,GAC5BK,IAAqBF,EAAOH,GAAO,KAAK;AAIvC,SAAA,GAAGE,CAAG,MAAME,CAAI,MAAMC,CAAkB;AAGjD;AAEa,MAAAC,IAAU,CAACC,MAAyBA,EAAK,WAAW,SAAS,GAAG,GAAG,GAEnEC,IAAsB,CAACC,MAA4B;AAC9D,QAAMC,IAAe,KAAK,MAAM,KAAK,IAAID,CAAO,CAAC,GAC3CE,IAAQ,KAAK,MAAMF,IAAU,IAAI,GACjCG,IAAU,KAAK,MAAOH,IAAU,OAAQ,EAAE,GAC1CI,IAAmBH,IAAe;AAEjC,SAAA,qBAAqBJ,EAAQK,CAAK,CAAC,OAAOL,EAAQM,CAAO,CAAC,OAAON;AAAA,IACtEO;AAAA,EACD,CAAA;AACH;"}

package/dist/features/parent-dashboard/comps/session-summary/summary-card/summary-card.js

@@ -1,39 +1,40 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as g, useCallback as p } from "react";
-import { useTheme as u } from "styled-components";
-import b from "../../../../../assets/line-icons/icons/chevron-right.js";
-import I from "../../../../ui/buttons/clickable/clickable.js";
-import w from "../../../../ui/image/image.js";
-import r from "../../../../ui/layout/flex-view.js";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as C, useMemo as m, useCallback as I } from "react";
+import { useTheme as k } from "styled-components";
+import w from "../../../../../assets/line-icons/icons/chevron-right.js";
+import T from "../../../../ui/buttons/clickable/clickable.js";
+import E from "../../../../ui/image/image.js";
+import c from "../../../../ui/layout/flex-view.js";
 import x from "../../../../ui/separator/separator.js";
-import n from "../../../../ui/text/text.js";
-import { EDeviceType as T } from "../../../../ui/theme/constants.js";
-import { ImageWrapper as k } from "./summary-card-styled.js";
-const _ = g(
+import l from "../../../../ui/text/text.js";
+import { EDeviceType as A } from "../../../../ui/theme/constants.js";
+import { ImageWrapper as S } from "./summary-card-styled.js";
+const W = C(
   ({
-    title: l,
-    description: a,
-    image: h,
-    textBG: c,
-    ctaLabel: d,
-    type: o,
-    isTrialDone: $,
+    title: a,
+    description: d,
+    image: s,
+    textBG: o,
+    ctaLabel: t,
+    type: e,
+    isTrialDone: h,
     onClick: i
   }) => {
-    const s = u().device <= T.MOBILE, f = p(() => {
-      o && i && i(o);
-    }, [o, i]), m = /* @__PURE__ */ t(r, { $flex: 1, children: [
-      /* @__PURE__ */ e(k, { $height: 84, $width: "100%", $background: c, children: /* @__PURE__ */ e(w, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
-      /* @__PURE__ */ t(r, { $gap: 12, $gutter: 16, $background: c, $flex: 1, children: [
-        /* @__PURE__ */ e(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
-        /* @__PURE__ */ e(x, { height: s ? 8 : 12 }),
-        /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: a })
-      ] })
-    ] }, l);
-    return $ && o && i ? /* @__PURE__ */ t(r, { $flex: 1, children: [
-      m,
-      /* @__PURE__ */ e(I, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: c, children: /* @__PURE__ */ t(
-        r,
+    const $ = k(), f = m(() => $.device <= A.MOBILE, [$.device]), b = m(() => h && e && i, [h, e, i]), u = I(() => {
+      e && i && i(e);
+    }, [e, i]), g = m(
+      () => /* @__PURE__ */ n(c, { $flex: 1, children: [
+        /* @__PURE__ */ r(S, { $height: 84, $width: "100%", $background: o, children: /* @__PURE__ */ r(E, { src: s, height: 84, width: "100%", withLoader: !1 }) }),
+        /* @__PURE__ */ n(c, { $gap: 12, $gutter: 16, $background: o, $flex: 1, children: [
+          /* @__PURE__ */ r(l, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: a }),
+          /* @__PURE__ */ r(x, { height: f ? 8 : 12 }),
+          /* @__PURE__ */ r(l, { $renderAs: "ub3", $color: "WHITE", children: d })
+        ] })
+      ] }, a),
+      [a, d, s, o, f]
+    ), p = m(
+      () => /* @__PURE__ */ r(T, { label: e || "", onClick: u, children: /* @__PURE__ */ r(c, { $background: o, children: /* @__PURE__ */ n(
+        c,
         {
           $background: "BLACK_T_38",
           $gapX: 0.5,
@@ -42,15 +43,21 @@ const _ = g(
           $alignItems: "center",
           $justifyContent: "space-between",
           children: [
-            /* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: d }) }),
-            /* @__PURE__ */ e(b, { width: 24, height: 24, color: "WHITE" })
+            /* @__PURE__ */ r(l, { $renderAs: "ac4", $color: "WHITE_1", children: t }),
+            /* @__PURE__ */ r(w, { width: 24, height: 24, color: "WHITE" })
           ]
         }
-      ) }) })
-    ] }) : m;
+      ) }) }),
+      [e, t, o, u]
+    );
+    return b ? /* @__PURE__ */ n(c, { $flex: 1, children: [
+      g,
+      p
+    ] }) : g;
   }
 );
+W.displayName = "SessionSummaryCard";
 export {
-  _ as default
+  W as default
 };
 //# sourceMappingURL=summary-card.js.map

package/dist/features/parent-dashboard/comps/session-summary/summary-card/summary-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary-card.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    type,\n    isTrialDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = (\n      <FlexView key={title} $flex={1}>\n        <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n          <Image src={image} height={84} width=\"100%\" withLoader={false} />\n        </Styled.ImageWrapper>\n        <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n            {title}\n          </Text>\n          <Separator height={isMobile ? 8 : 12} />\n          <Text $renderAs=\"ub3\" $color=\"WHITE\">\n            {description}\n          </Text>\n        </FlexView>\n      </FlexView>\n    );\n\n    return isTrialDone && type && onClick ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        <Clickable label={type} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                  {ctaLabel}\n                </Text>\n              </FlexView>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","type","isTrialDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAeD,KAAQE,IAC3B,gBAAAO,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAM,SAASM,GAC/B,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"summary-card.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    type,\n    isTrialDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n    const isClickable = useMemo(() => isTrialDone && type && onClick, [isTrialDone, type, onClick]);\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = useMemo(\n      () => (\n        <FlexView key={title} $flex={1}>\n          <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n            <Image src={image} height={84} width=\"100%\" withLoader={false} />\n          </Styled.ImageWrapper>\n          <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n            <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n              {title}\n            </Text>\n            <Separator height={isMobile ? 8 : 12} />\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {description}\n            </Text>\n          </FlexView>\n        </FlexView>\n      ),\n      [title, description, image, textBG, isMobile],\n    );\n\n    const ClickableButton = useMemo(\n      () => (\n        <Clickable label={type || ''} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                {ctaLabel}\n              </Text>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      ),\n      [type, ctaLabel, textBG, handleClick],\n    );\n\n    return isClickable ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        {ClickableButton}\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nSessionSummaryCard.displayName = 'SessionSummaryCard';\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","type","isTrialDone","onClick","theme","useTheme","isMobile","useMemo","EDeviceType","isClickable","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","ClickableButton","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAC9B,UAAMC,IAAQC,KACRC,IAAWC,EAAQ,MAAMH,EAAM,UAAUI,EAAY,QAAQ,CAACJ,EAAM,MAAM,CAAC,GAC3EK,IAAcF,EAAQ,MAAML,KAAeD,KAAQE,GAAS,CAACD,GAAaD,GAAME,CAAO,CAAC,GAExFO,IAAcC,EAAY,MAAM;AAChC,MAAAV,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZS,IAAcL;AAAA,MAClB,MACE,gBAAAM,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAajB,GAC3D,4BAACkB,GAAM,EAAA,KAAKnB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,QACA,gBAAAe,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaf,GAAQ,OAAO,GAC3D,UAAA;AAAA,UAAA,gBAAAgB,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHtB,EAAA,CAAA;AAAA,UACC,gBAAAmB,EAAAI,GAAA,EAAU,QAAQb,IAAW,IAAI,IAAI;AAAA,4BACrCY,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHrB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA,EAAA,GAZaD,CAaf;AAAA,MAEF,CAACA,GAAOC,GAAaC,GAAOC,GAAQO,CAAQ;AAAA,IAAA,GAGxCc,IAAkBb;AAAA,MACtB,MACG,gBAAAQ,EAAAM,GAAA,EAAU,OAAOpB,KAAQ,IAAI,SAASS,GACrC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaf,GACrB,UAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHlB,GAAA;AAAA,8BACCsB,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,MAEF,CAACrB,GAAMD,GAAUD,GAAQW,CAAW;AAAA,IAAA;AAGtC,WAAOD,IACL,gBAAAI,EAACC,GAAS,EAAA,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACAQ;AAAA,IAAA,EACH,CAAA,IAEAR;AAAA,EAEJ;AACF;AAEAlB,EAAmB,cAAc;"}

package/dist/features/parent-dashboard/hooks/use-parent-home-data.js

@@ -1,55 +1,56 @@
 import { useMemo as P } from "react";
 import { useParentHomeGet as R } from "../api/parent-home.js";
-import { DEFAULT_LOADING_STATE as I, SUBSCRIPTION_CANCELLED_STATES as f, TRIAL_COMPLETED_STATES as g } from "../parent-dashboard-constants.js";
-import { EPLAState as s } from "../parent-dashboard-types.js";
-const M = (_) => {
+import { DEFAULT_LOADING_STATE as f, SUBSCRIPTION_CANCELLED_STATES as g, TRIAL_COMPLETED_STATES as M, PLA_INTRO_ELIGIBLE_STATES as h } from "../parent-dashboard-constants.js";
+import { EPLAState as e } from "../parent-dashboard-types.js";
+const G = (_) => {
   const { data: t, isProcessingFailed: n } = R(_);
   return P(() => {
     if (!(t != null && t.pla_state))
       return {
-        ...I,
+        ...f,
         isProcessingFailed: n
       };
     const {
       teacher_details: o,
       session_details: i,
-      pla_state: e,
+      pla_state: s,
       billing_details: r
     } = t, {
-      completed_sessions: l = 0,
-      next_session_end: c = 0,
+      completed_sessions: c = 0,
+      next_session_end: l = 0,
       next_session_start: d = 0,
-      upcoming_sessions: m = [],
-      student_demo_id: T = "",
-      user_attempt_id: E = ""
-    } = i ?? {}, S = o ? `${o.first_name || ""} ${o.last_name || ""}`.trim() : "", D = e === s.TRIAL_COMPLETED_CARD_DECLINED, L = e === s.NO_CARD_ON_FILE, A = f.includes(e), u = e === s.TRIAL_TUTOR_NO_SHOW, C = e === s.TRIAL_STUDENT_NO_SHOW, a = g.includes(e), p = a && e !== s.REGULAR_CLASS_COMPLETED, N = e === s.REGULAR_CLASS_COMPLETED, O = e === s.TRIAL_COMPLETED_PAYMENT_PENDING;
+      upcoming_sessions: T = [],
+      student_demo_id: E = "",
+      user_attempt_id: m = ""
+    } = i ?? {}, S = o ? `${o.first_name || ""} ${o.last_name || ""}`.trim() : "", L = s === e.TRIAL_COMPLETED_CARD_DECLINED, A = s === e.NO_CARD_ON_FILE, D = g.includes(s), u = s === e.TRIAL_TUTOR_NO_SHOW, C = s === e.TRIAL_STUDENT_NO_SHOW, a = M.includes(s), I = a && s !== e.REGULAR_CLASS_COMPLETED, N = s === e.REGULAR_CLASS_COMPLETED, O = s === e.TRIAL_COMPLETED_PAYMENT_PENDING, p = h.includes(s);
     return {
-      plaState: e,
+      plaState: s,
       sessionDetails: i,
       teacherDetails: o,
       billingDetails: r,
       teacherName: S,
-      completedSessions: l,
-      nextSessionEnd: c,
+      completedSessions: c,
+      nextSessionEnd: l,
       nextSessionStart: d,
-      upcomingSessions: m,
+      upcomingSessions: T,
       isTrialDone: a,
-      isOnlyTrialDone: p,
+      isOnlyTrialDone: I,
       isRegularClassDone: N,
-      isCardDeclined: D,
-      isSubscriptionCancelled: A,
-      cardOnFileNotAvailable: L,
+      isCardDeclined: L,
+      isSubscriptionCancelled: D,
+      cardOnFileNotAvailable: A,
       isTutorNoShow: u,
       isStudentNoShow: C,
       showLoading: !1,
-      demoId: T,
-      userAttemptId: E,
+      demoId: E,
+      userAttemptId: m,
       isProcessingFailed: !1,
-      canChangeTutor: O
+      canChangeTutor: O,
+      showPLAIntroduction: p
     };
   }, [t, n]);
-}, G = M;
+}, w = G;
 export {
-  G as default
+  w as default
 };
 //# sourceMappingURL=use-parent-home-data.js.map

package/dist/features/parent-dashboard/hooks/use-parent-home-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { IUseParentHomeDataReturn } from '../parent-dashboard-types';\n\nimport { useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\nimport {\n  DEFAULT_LOADING_STATE,\n  SUBSCRIPTION_CANCELLED_STATES,\n  TRIAL_COMPLETED_STATES,\n} from '../parent-dashboard-constants';\nimport { EPLAState } from '../parent-dashboard-types';\n\n/**\n * Hook to consume processed parent home data.\n * - Automatically fetches on mount and when stale using useFetchParentHome() at <ParentRoutesWrapper/>.\n * - Use this to **read** parent home data.\n */\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const { data: parentHomeData, isProcessingFailed } = useParentHomeGet(studentId);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    if (!parentHomeData?.pla_state) {\n      return {\n        ...DEFAULT_LOADING_STATE,\n        isProcessingFailed,\n      };\n    }\n\n    const {\n      teacher_details: teacherDetails,\n      session_details: sessionDetails,\n      pla_state: plaState,\n      billing_details: billingDetails,\n    } = parentHomeData;\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd = 0,\n      next_session_start: nextSessionStart = 0,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId = '',\n      user_attempt_id: userAttemptId = '',\n    } = sessionDetails ?? {};\n\n    const teacherName = teacherDetails\n      ? `${teacherDetails.first_name || ''} ${teacherDetails.last_name || ''}`.trim()\n      : '';\n\n    const isCardDeclined = plaState === EPLAState.TRIAL_COMPLETED_CARD_DECLINED;\n    const cardOnFileNotAvailable = plaState === EPLAState.NO_CARD_ON_FILE;\n    const isSubscriptionCancelled = SUBSCRIPTION_CANCELLED_STATES.includes(plaState);\n\n    const isTutorNoShow = plaState === EPLAState.TRIAL_TUTOR_NO_SHOW;\n    const isStudentNoShow = plaState === EPLAState.TRIAL_STUDENT_NO_SHOW;\n    const isTrialDone = TRIAL_COMPLETED_STATES.includes(plaState);\n    const isOnlyTrialDone = isTrialDone && plaState !== EPLAState.REGULAR_CLASS_COMPLETED;\n    const isRegularClassDone = plaState === EPLAState.REGULAR_CLASS_COMPLETED;\n\n    const canChangeTutor = plaState === EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING;\n\n    return {\n      plaState,\n      sessionDetails,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      isCardDeclined,\n      isSubscriptionCancelled,\n      cardOnFileNotAvailable,\n      isTutorNoShow,\n      isStudentNoShow,\n      showLoading: false,\n      demoId,\n      userAttemptId,\n      isProcessingFailed: false,\n      canChangeTutor,\n    };\n  }, [parentHomeData, isProcessingFailed]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","parentHomeData","isProcessingFailed","useParentHomeGet","useMemo","DEFAULT_LOADING_STATE","teacherDetails","sessionDetails","plaState","billingDetails","completedSessions","nextSessionEnd","nextSessionStart","upcomingSessions","demoId","userAttemptId","teacherName","isCardDeclined","EPLAState","cardOnFileNotAvailable","isSubscriptionCancelled","SUBSCRIPTION_CANCELLED_STATES","isTutorNoShow","isStudentNoShow","isTrialDone","TRIAL_COMPLETED_STATES","isOnlyTrialDone","isRegularClassDone","canChangeTutor","useParentHomeData$1"],"mappings":";;;;AAkBA,MAAMA,IAAoB,CAACC,MAAgD;AACzE,QAAM,EAAE,MAAMC,GAAgB,oBAAAC,EAAmB,IAAIC,EAAiBH,CAAS;AAoExE,SAlEwBI,EAAQ,MAAM;AACvC,QAAA,EAACH,KAAA,QAAAA,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGI;AAAA,QACH,oBAAAH;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,iBAAiBI;AAAA,MACjB,iBAAiBC;AAAA,MACjB,WAAWC;AAAA,MACX,iBAAiBC;AAAA,IACf,IAAAR,GAEE;AAAA,MACJ,oBAAoBS,IAAoB;AAAA,MACxC,kBAAkBC,IAAiB;AAAA,MACnC,oBAAoBC,IAAmB;AAAA,MACvC,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC,IAAS;AAAA,MAC1B,iBAAiBC,IAAgB;AAAA,IAAA,IAC/BR,KAAkB,CAAA,GAEhBS,IAAcV,IAChB,GAAGA,EAAe,cAAc,EAAE,IAAIA,EAAe,aAAa,EAAE,GAAG,KAAA,IACvE,IAEEW,IAAiBT,MAAaU,EAAU,+BACxCC,IAAyBX,MAAaU,EAAU,iBAChDE,IAA0BC,EAA8B,SAASb,CAAQ,GAEzEc,IAAgBd,MAAaU,EAAU,qBACvCK,IAAkBf,MAAaU,EAAU,uBACzCM,IAAcC,EAAuB,SAASjB,CAAQ,GACtDkB,IAAkBF,KAAehB,MAAaU,EAAU,yBACxDS,IAAqBnB,MAAaU,EAAU,yBAE5CU,IAAiBpB,MAAaU,EAAU;AAEvC,WAAA;AAAA,MACL,UAAAV;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAG;AAAA,MACA,aAAAO;AAAA,MACA,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAW;AAAA,MACA,iBAAAE;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAV;AAAA,MACA,yBAAAG;AAAA,MACA,wBAAAD;AAAA,MACA,eAAAG;AAAA,MACA,iBAAAC;AAAA,MACA,aAAa;AAAA,MACb,QAAAT;AAAA,MACA,eAAAC;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAAa;AAAA,IAAA;AAAA,EACF,GACC,CAAC3B,GAAgBC,CAAkB,CAAC;AAGzC,GAEA2B,IAAe9B;"}
+{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { IUseParentHomeDataReturn } from '../parent-dashboard-types';\n\nimport { useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\nimport {\n  DEFAULT_LOADING_STATE,\n  PLA_INTRO_ELIGIBLE_STATES,\n  SUBSCRIPTION_CANCELLED_STATES,\n  TRIAL_COMPLETED_STATES,\n} from '../parent-dashboard-constants';\nimport { EPLAState } from '../parent-dashboard-types';\n\n/**\n * Hook to consume processed parent home data.\n * - Automatically fetches on mount and when stale using useFetchParentHome() at <ParentRoutesWrapper/>.\n * - Use this to **read** parent home data.\n */\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const { data: parentHomeData, isProcessingFailed } = useParentHomeGet(studentId);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    if (!parentHomeData?.pla_state) {\n      return {\n        ...DEFAULT_LOADING_STATE,\n        isProcessingFailed,\n      };\n    }\n\n    const {\n      teacher_details: teacherDetails,\n      session_details: sessionDetails,\n      pla_state: plaState,\n      billing_details: billingDetails,\n    } = parentHomeData;\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd = 0,\n      next_session_start: nextSessionStart = 0,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId = '',\n      user_attempt_id: userAttemptId = '',\n    } = sessionDetails ?? {};\n\n    const teacherName = teacherDetails\n      ? `${teacherDetails.first_name || ''} ${teacherDetails.last_name || ''}`.trim()\n      : '';\n\n    const isCardDeclined = plaState === EPLAState.TRIAL_COMPLETED_CARD_DECLINED;\n    const cardOnFileNotAvailable = plaState === EPLAState.NO_CARD_ON_FILE;\n    const isSubscriptionCancelled = SUBSCRIPTION_CANCELLED_STATES.includes(plaState);\n\n    const isTutorNoShow = plaState === EPLAState.TRIAL_TUTOR_NO_SHOW;\n    const isStudentNoShow = plaState === EPLAState.TRIAL_STUDENT_NO_SHOW;\n    const isTrialDone = TRIAL_COMPLETED_STATES.includes(plaState);\n    const isOnlyTrialDone = isTrialDone && plaState !== EPLAState.REGULAR_CLASS_COMPLETED;\n    const isRegularClassDone = plaState === EPLAState.REGULAR_CLASS_COMPLETED;\n    const canChangeTutor = plaState === EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING;\n\n    const showPLAIntroduction = PLA_INTRO_ELIGIBLE_STATES.includes(plaState);\n\n    return {\n      plaState,\n      sessionDetails,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      isCardDeclined,\n      isSubscriptionCancelled,\n      cardOnFileNotAvailable,\n      isTutorNoShow,\n      isStudentNoShow,\n      showLoading: false,\n      demoId,\n      userAttemptId,\n      isProcessingFailed: false,\n      canChangeTutor,\n      showPLAIntroduction,\n    };\n  }, [parentHomeData, isProcessingFailed]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","parentHomeData","isProcessingFailed","useParentHomeGet","useMemo","DEFAULT_LOADING_STATE","teacherDetails","sessionDetails","plaState","billingDetails","completedSessions","nextSessionEnd","nextSessionStart","upcomingSessions","demoId","userAttemptId","teacherName","isCardDeclined","EPLAState","cardOnFileNotAvailable","isSubscriptionCancelled","SUBSCRIPTION_CANCELLED_STATES","isTutorNoShow","isStudentNoShow","isTrialDone","TRIAL_COMPLETED_STATES","isOnlyTrialDone","isRegularClassDone","canChangeTutor","showPLAIntroduction","PLA_INTRO_ELIGIBLE_STATES","useParentHomeData$1"],"mappings":";;;;AAmBA,MAAMA,IAAoB,CAACC,MAAgD;AACzE,QAAM,EAAE,MAAMC,GAAgB,oBAAAC,EAAmB,IAAIC,EAAiBH,CAAS;AAsExE,SApEwBI,EAAQ,MAAM;AACvC,QAAA,EAACH,KAAA,QAAAA,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGI;AAAA,QACH,oBAAAH;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,iBAAiBI;AAAA,MACjB,iBAAiBC;AAAA,MACjB,WAAWC;AAAA,MACX,iBAAiBC;AAAA,IACf,IAAAR,GAEE;AAAA,MACJ,oBAAoBS,IAAoB;AAAA,MACxC,kBAAkBC,IAAiB;AAAA,MACnC,oBAAoBC,IAAmB;AAAA,MACvC,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC,IAAS;AAAA,MAC1B,iBAAiBC,IAAgB;AAAA,IAAA,IAC/BR,KAAkB,CAAA,GAEhBS,IAAcV,IAChB,GAAGA,EAAe,cAAc,EAAE,IAAIA,EAAe,aAAa,EAAE,GAAG,KAAA,IACvE,IAEEW,IAAiBT,MAAaU,EAAU,+BACxCC,IAAyBX,MAAaU,EAAU,iBAChDE,IAA0BC,EAA8B,SAASb,CAAQ,GAEzEc,IAAgBd,MAAaU,EAAU,qBACvCK,IAAkBf,MAAaU,EAAU,uBACzCM,IAAcC,EAAuB,SAASjB,CAAQ,GACtDkB,IAAkBF,KAAehB,MAAaU,EAAU,yBACxDS,IAAqBnB,MAAaU,EAAU,yBAC5CU,IAAiBpB,MAAaU,EAAU,iCAExCW,IAAsBC,EAA0B,SAAStB,CAAQ;AAEhE,WAAA;AAAA,MACL,UAAAA;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAG;AAAA,MACA,aAAAO;AAAA,MACA,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAW;AAAA,MACA,iBAAAE;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAV;AAAA,MACA,yBAAAG;AAAA,MACA,wBAAAD;AAAA,MACA,eAAAG;AAAA,MACA,iBAAAC;AAAA,MACA,aAAa;AAAA,MACb,QAAAT;AAAA,MACA,eAAAC;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAAa;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EACF,GACC,CAAC5B,GAAgBC,CAAkB,CAAC;AAGzC,GAEA6B,IAAehC;"}

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

@@ -1,5 +1,5 @@
 import { EPLAState as e } from "./parent-dashboard-types.js";
-const a = {
+const l = {
   small: 40,
   medium: 40,
   large: 80,
@@ -9,7 +9,7 @@ const a = {
     large: 24,
     extraLarge: 80
   }
-}, l = {
+}, E = {
   small: 16,
   medium: 24,
   large: 40,
@@ -19,15 +19,19 @@ const a = {
     large: 22,
     extraLarge: 40
   }
-}, E = [
+}, t = [
   e.SUBSCRIPTION_CANCELLED_AFTER_PAYMENT,
   e.SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT,
   e.SUBSCRIPTION_CANCELLED_BEFORE_TRIAL
-], t = [
+], s = [
   e.TRIAL_COMPLETED_PAYMENT_PENDING,
   e.TRIAL_COMPLETED_PAYMENT_SUCCESSFUL,
   e.REGULAR_CLASS_COMPLETED
-], i = {
+], T = [
+  e.CARD_ADDED_SEARCHING_TUTOR,
+  e.CARD_ADDED_TUTOR_ASSIGNED,
+  ...s
+], S = {
   plaState: null,
   sessionDetails: null,
   teacherDetails: null,
@@ -49,13 +53,15 @@ const a = {
   demoId: "",
   userAttemptId: "",
   isProcessingFailed: !1,
-  canChangeTutor: !1
+  canChangeTutor: !1,
+  showPLAIntroduction: !1
 };
 export {
-  i as DEFAULT_LOADING_STATE,
-  a as DESKTOP_SPACING,
-  l as MOBILE_SPACING,
-  E as SUBSCRIPTION_CANCELLED_STATES,
-  t as TRIAL_COMPLETED_STATES
+  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":["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 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};\n"],"names":["DESKTOP_SPACING","MOBILE_SPACING","SUBSCRIPTION_CANCELLED_STATES","EPLAState","TRIAL_COMPLETED_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,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;AAClB;"}
+{"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-styled.js

@@ -15,7 +15,7 @@ const a = o(t)`
     background: ${r.colors.BLACK_5};
   }
   ${r.mediaQueries.minWidthTablet} {
-    max-height: 100vh;
+    max-height: 100dvh;
     &::-webkit-scrollbar {
       width: 6px;
     }
@@ -23,7 +23,7 @@ const a = o(t)`
 `
 ), c = o(t)`
   overflow: hidden;
-  height: 100vh;
+  height: 100dvh;
 `;
 export {
   c as Container,

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

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-styled.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\nexport const MathPracticeWrapper = styled(FlexView)`\n  margin: 0 -16px;\n`;\n\nexport const ContentWrapper = styled(FlexView)(\n  ({ theme }) => `\n  overflow-y: auto;\n  &::-webkit-scrollbar {\n    width: 3px;\n  }\n  &::-webkit-scrollbar-track {\n    background: ${theme.colors.BLACK_2};\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ${theme.colors.BLACK_5};\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    max-height: 100vh;\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n  }\n`,\n);\n\nexport const Container = styled(FlexView)`\n  overflow: hidden;\n  height: 100vh;\n`;\n"],"names":["MathPracticeWrapper","styled","FlexView","ContentWrapper","theme","Container"],"mappings":";;AAIa,MAAAA,IAAsBC,EAAOC,CAAQ;AAAA;AAAA,GAIrCC,IAAiBF,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMCA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,kBAGpBA,EAAM,OAAO,OAAO;AAAA;AAAA,IAElCA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,GAEaC,IAAYJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"parent-dashboard-styled.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\nexport const MathPracticeWrapper = styled(FlexView)`\n  margin: 0 -16px;\n`;\n\nexport const ContentWrapper = styled(FlexView)(\n  ({ theme }) => `\n  overflow-y: auto;\n  &::-webkit-scrollbar {\n    width: 3px;\n  }\n  &::-webkit-scrollbar-track {\n    background: ${theme.colors.BLACK_2};\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ${theme.colors.BLACK_5};\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    max-height: 100dvh;\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n  }\n`,\n);\n\nexport const Container = styled(FlexView)`\n  overflow: hidden;\n  height: 100dvh;\n`;\n"],"names":["MathPracticeWrapper","styled","FlexView","ContentWrapper","theme","Container"],"mappings":";;AAIa,MAAAA,IAAsBC,EAAOC,CAAQ;AAAA;AAAA,GAIrCC,IAAiBF,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMCA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,kBAGpBA,EAAM,OAAO,OAAO;AAAA;AAAA,IAElCA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,GAEaC,IAAYJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-types.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-types.ts"],"sourcesContent":["import type { TSession } from './comps/upcoming-sessions/upcoming-sessions-types';\nimport type { ReactElement } from 'react';\n\nexport interface ISessionDetails {\n  completed_sessions: number;\n  next_session_start: number;\n  next_session_end: number;\n  student_demo_id: string;\n  upcoming_sessions: TSession[];\n  user_attempt_id?: string;\n}\n\ninterface IDegreeInfo {\n  degree_name: string;\n  degree_code: string;\n  field_of_study: string;\n}\nexport interface ITeacherDetails {\n  first_name: string;\n  last_name: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  lower_grade: string;\n  higher_grade: string;\n  degree: IDegreeInfo;\n  countries: string[];\n  teacher_profile_url: string;\n  header_image: string;\n}\n\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;\n}\nexport enum ESummaryType {\n  STUDENT_PROFILE = 'studentProfile',\n  INSIGHTS = 'insights',\n  LEARNING_PLAN = 'learningPlan',\n}\n\nexport interface IParentDashboardProps {\n  studentName: string;\n  studentId: string;\n  onRescheduleDemo: (demoId?: string) => void;\n  onChangeTutor: (demoId: string) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\n  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;\n  userAttemptId: string;\n  isProcessingFailed: boolean;\n  canChangeTutor: 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;"}
+{"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;\n}\nexport enum ESummaryType {\n  STUDENT_PROFILE = 'studentProfile',\n  INSIGHTS = 'insights',\n  LEARNING_PLAN = 'learningPlan',\n}\n\nexport interface IParentDashboardProps {\n  studentName: string;\n  studentId: string;\n  onRescheduleDemo: (demoId?: string) => void;\n  onChangeTutor: (demoId: string) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\n  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;\n  userAttemptId: string;\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;"}

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

@@ -2,9 +2,9 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { memo as hr, useMemo as t, useCallback as g } from "react";
 import { useTheme as pr } from "styled-components";
 import ur from "../auth/pla-signup/onboarding-guide/onboarding-guide.js";
-import fr from "../auth/pla-signup/signup-header/signup-header.js";
+import dr from "../auth/pla-signup/signup-header/signup-header.js";
 import Z from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js";
-import dr from "../ui/buttons/button/button.js";
+import fr from "../ui/buttons/button/button.js";
 import gr from "../ui/buttons/text-button/text-button.js";
 import Sr from "../ui/error/error.js";
 import i from "../ui/layout/flex-view.js";
@@ -27,7 +27,7 @@ import wr from "./hooks/use-student-profile-summary-data.js";
 import { usePLAModalHandlers as Hr } from "./modals/hooks/use-pla-model-handlers.js";
 import { MOBILE_SPACING as Ir, DESKTOP_SPACING as kr } from "./parent-dashboard-constants.js";
 import { MathPracticeWrapper as Br, Container as Fr, ContentWrapper as Wr } from "./parent-dashboard-styled.js";
-const fe = hr(
+const de = hr(
   ({
     studentName: c,
     studentId: m,
@@ -49,8 +49,8 @@ const fe = hr(
       nextSessionEnd: y,
       upcomingSessions: A,
       isTrialDone: n,
-      isOnlyTrialDone: f,
-      isRegularClassDone: d,
+      isOnlyTrialDone: d,
+      isRegularClassDone: f,
       showLoading: M = !1,
       demoId: l,
       isProcessingFailed: ir,
@@ -94,7 +94,7 @@ const fe = hr(
         studentName: c,
         onRescheduleClick: N,
         isTrialDone: n,
-        isOnlyTrialDone: f
+        isOnlyTrialDone: d
       }),
       [
         T,
@@ -106,9 +106,9 @@ const fe = hr(
         c,
         N,
         n,
-        f
+        d
       ]
-    ), G = t(
+    ), z = t(
       () => ({
         isTrialDone: n,
         studentName: c,
@@ -117,17 +117,18 @@ const fe = hr(
       [n, c, j]
     ), sr = t(
       () => /* @__PURE__ */ o(i, { children: [
-        /* @__PURE__ */ r(fr, {}),
+        /* @__PURE__ */ r(dr, {}),
         /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
         /* @__PURE__ */ r(ur, { orientation: "horizontal" }),
         x && /* @__PURE__ */ o(i, { children: [
           /* @__PURE__ */ r(a, { height: e.medium }),
           /* @__PURE__ */ r(
-            dr,
+            fr,
             {
               label: "Get Started",
               renderAs: "yellow-dark",
               shape: "square",
+              size: "small",
               width: F,
               onClick: x
             }
@@ -135,16 +136,16 @@ const fe = hr(
         ] })
       ] }),
       [e, F, x]
-    ), K = t(
+    ), G = t(
       () => /* @__PURE__ */ r(Ar, { ...q }),
       [q]
-    ), z = t(() => !s || n ? null : /* @__PURE__ */ o(i, { children: [
+    ), K = t(() => !s || n ? null : /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.large }),
       /* @__PURE__ */ r(Z, { teacherProfile: s })
-    ] }), [s, n, e.separator.large]), R = t(() => d ? null : /* @__PURE__ */ o(i, { children: [
+    ] }), [s, n, e.separator.large]), R = t(() => f ? null : /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(Mr, { ...G })
-    ] }), [d, e.separator.extraLarge, G]), V = t(() => O ? /* @__PURE__ */ o(i, { children: [
+      /* @__PURE__ */ r(Mr, { ...z })
+    ] }), [f, e.separator.extraLarge, z]), V = t(() => O ? /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.small }),
       /* @__PURE__ */ o(i, { $flexDirection: "row", $flexColumnGapX: 0.25, children: [
         /* @__PURE__ */ r(rr, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
@@ -164,19 +165,19 @@ const fe = hr(
       /* @__PURE__ */ r(a, { height: e.separator.medium }),
       /* @__PURE__ */ r(Z, { teacherProfile: s }),
       V
-    ] }) : null, [s, e.separator, V]), J = t(() => f ? /* @__PURE__ */ o(i, { children: [
+    ] }) : null, [s, e.separator, V]), J = t(() => d ? /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
       /* @__PURE__ */ r($r, {}),
       /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
       /* @__PURE__ */ r(Er, { sessions: A }),
       X
-    ] }) : null, [f, e.separator.extraLarge, A, X]), Q = t(() => n ? /* @__PURE__ */ o(i, { children: [
+    ] }) : null, [d, e.separator.extraLarge, A, X]), Q = t(() => n ? /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
       /* @__PURE__ */ r(Pr, {})
-    ] }) : null, [n, e.separator.extraLarge]), U = t(() => d ? null : /* @__PURE__ */ o(i, { children: [
+    ] }) : null, [n, e.separator.extraLarge]), U = t(() => f ? null : /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
       /* @__PURE__ */ r(Br, { children: /* @__PURE__ */ r(Dr, { onSwitchUser: C }) })
-    ] }), [d, e.separator.extraLarge, C]), Y = t(() => u ? /* @__PURE__ */ o(i, { children: [
+    ] }), [f, e.separator.extraLarge, C]), Y = t(() => u ? /* @__PURE__ */ o(i, { children: [
       /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
       /* @__PURE__ */ r(
         Tr,
@@ -188,8 +189,8 @@ const fe = hr(
       )
     ] }) : null, [u, e.separator.extraLarge, v, W]), lr = t(
       () => /* @__PURE__ */ o(i, { children: [
+        G,
         K,
-        z,
         R,
         J,
         Q,
@@ -197,8 +198,8 @@ const fe = hr(
         Y
       ] }),
       [
+        G,
         K,
-        z,
         R,
         J,
         Q,
@@ -208,11 +209,12 @@ const fe = hr(
     ), cr = t(
       () => /* @__PURE__ */ o(i, { children: [
         /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-        /* @__PURE__ */ r(yr, {})
+        /* @__PURE__ */ r(yr, {}),
+        /* @__PURE__ */ r(a, { height: e.separator.extraLarge })
       ] }),
       [e.separator.extraLarge]
     );
-    return t(() => I || H || !w || M, [H, I, w, M]) ? /* @__PURE__ */ r(xr, { height: "100vh" }) : ir ? /* @__PURE__ */ r(i, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ r(Sr, { theme: "dark", onTryAgain: nr }) }) : /* @__PURE__ */ o(Fr, { children: [
+    return t(() => I || H || !w || M, [H, I, w, M]) ? /* @__PURE__ */ r(xr, { height: "100dvh" }) : ir ? /* @__PURE__ */ r(i, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ r(Sr, { theme: "dark", onTryAgain: nr }) }) : /* @__PURE__ */ o(Fr, { children: [
       /* @__PURE__ */ r(Cr, { HeaderAvatar: er }),
       /* @__PURE__ */ o(
         Wr,
@@ -233,6 +235,6 @@ const fe = hr(
   }
 );
 export {
-  fe as default
+  de as default
 };
 //# sourceMappingURL=parent-dashboard-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport { invalidateParentHome } from './api/parent-home';\nimport BillingInformation from './comps/billing-information/billing-information';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport NextSteps from './comps/next-steps/next-steps';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport SessionStatus from './comps/session-status/session-status';\nimport SessionSummary from './comps/session-summary/session-summary';\nimport UpcomingSessions from './comps/upcoming-sessions/upcoming-sessions';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { usePLAModalHandlers } from './modals/hooks/use-pla-model-handlers';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    onSwitchUser,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const parentHomeData = useParentHomeData(studentId);\n    const {\n      isStudentNoShow,\n      isTutorNoShow,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      showLoading = false,\n      demoId,\n      isProcessingFailed,\n      userAttemptId,\n      isSubscriptionCancelled,\n      canChangeTutor,\n      sessionDetails,\n      cardOnFileNotAvailable,\n      isCardDeclined,\n    } = parentHomeData;\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const spacing = useMemo<ISpacingConfig>(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n\n    const handleTryAgain = useCallback(() => {\n      invalidateParentHome(studentId);\n      fetchSummaryData();\n    }, [fetchSummaryData, studentId]);\n\n    const { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n      demoId,\n      studentId,\n      studentName,\n      billingDetails,\n      completedSessions,\n      withTutor: !!teacherName,\n      onRescheduleDemo,\n      onChangeTutor,\n    });\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      if (demoId) {\n        onChangeTutor(demoId);\n      }\n    }, [demoId, onChangeTutor]);\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const sessionStatusProps = useMemo(\n      () => ({\n        completedSessions,\n        nextSessionStartTime: nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEndTime: nextSessionEnd,\n        studentName,\n        onRescheduleClick: handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      }),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      ],\n    );\n\n    const sessionSummaryProps = useMemo(\n      () => ({\n        isTrialDone,\n        studentName,\n        onViewSummary: handleViewSummary,\n      }),\n      [isTrialDone, studentName, handleViewSummary],\n    );\n\n    const CancelledSubscriptionView = useMemo(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const SessionStatusSection = useMemo(\n      () => <SessionStatus {...sessionStatusProps} />,\n      [sessionStatusProps],\n    );\n\n    const TeacherProfileSection = useMemo(() => {\n      if (!teacherDetails || isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isTrialDone, spacing.separator.large]);\n\n    const SessionSummarySection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary {...sessionSummaryProps} />\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, sessionSummaryProps]);\n\n    const TutorChangeSection = useMemo(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const TeacherDetailsSection = useMemo(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {TutorChangeSection}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, TutorChangeSection]);\n\n    const OnlyTrialDoneSection = useMemo(() => {\n      if (!isOnlyTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <Separator height={spacing.separator.extraLarge} />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {TeacherDetailsSection}\n        </FlexView>\n      );\n    }, [isOnlyTrialDone, spacing.separator.extraLarge, upcomingSessions, TeacherDetailsSection]);\n\n    const AppFeaturesSection = useMemo(() => {\n      if (!isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isTrialDone, spacing.separator.extraLarge]);\n\n    const MathPracticeSection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, onSwitchUser]);\n\n    const BillingInformationSection = useMemo(() => {\n      if (!billingDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <BillingInformation\n            billingDetails={billingDetails}\n            onViewPaymentMethod={onViewPaymentMethod}\n            onCancelSubscription={onCancelSubscription}\n          />\n        </FlexView>\n      );\n    }, [billingDetails, spacing.separator.extraLarge, onViewPaymentMethod, onCancelSubscription]);\n\n    const MainContent = useMemo(\n      () => (\n        <FlexView>\n          {SessionStatusSection}\n          {TeacherProfileSection}\n          {SessionSummarySection}\n          {OnlyTrialDoneSection}\n          {AppFeaturesSection}\n          {MathPracticeSection}\n          {BillingInformationSection}\n        </FlexView>\n      ),\n      [\n        SessionStatusSection,\n        TeacherProfileSection,\n        SessionSummarySection,\n        OnlyTrialDoneSection,\n        AppFeaturesSection,\n        MathPracticeSection,\n        BillingInformationSection,\n      ],\n    );\n\n    const FaqsSection = useMemo(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    const isLoading = useMemo(() => {\n      return isCardDeclined || cardOnFileNotAvailable || !sessionDetails || showLoading;\n    }, [cardOnFileNotAvailable, isCardDeclined, sessionDetails, showLoading]);\n\n    if (isLoading) {\n      return <AppLoader height=\"100vh\" />;\n    }\n\n    if (isProcessingFailed) {\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? CancelledSubscriptionView : MainContent}\n          {FaqsSection}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","onSwitchUser","HeaderAvatar","device","useTheme","isMobile","EDeviceType","parentHomeData","useParentHomeData","isStudentNoShow","isTutorNoShow","teacherDetails","billingDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","upcomingSessions","isTrialDone","isOnlyTrialDone","isRegularClassDone","showLoading","demoId","isProcessingFailed","userAttemptId","isSubscriptionCancelled","canChangeTutor","sessionDetails","cardOnFileNotAvailable","isCardDeclined","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","buttonWidth","handleTryAgain","useCallback","invalidateParentHome","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","handleRescheduleDemo","handleChangeTutor","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SessionStatusSection","SessionStatus","TeacherProfileSection","TeacherProfile","SessionSummarySection","SessionSummary","TutorChangeSection","jsxs","Text","TextButton","TeacherDetailsSection","OnlyTrialDoneSection","NextSteps","UpcomingSessions","AppFeaturesSection","CuemathAppFeatures","MathPracticeSection","Styled.MathPracticeWrapper","MathPractice","BillingInformationSection","BillingInformation","MainContent","FaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,KAAuDC;AAAA,EAC3D,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,OAAWC,MACbC,IAAWF,MAAUG,GAAY,QAEjCC,KAAiBC,GAAkBZ,CAAS,GAC5C;AAAA,MACJ,iBAAAa;AAAA,MACA,eAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,QAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAtB,IACE,EAAE,aAAAuB,GAAa,kBAAAC,EAAiB,IAAIC,GAA6BpC,CAAS,GAE1EqC,IAAUC;AAAA,MACd,MAAO7B,IAAW8B,KAAiBC;AAAA,MACnC,CAAC/B,CAAQ;AAAA,IAAA,GAGLgC,IAAcH,EAAQ,MAAO7B,IAAW,SAAS,KAAM,CAACA,CAAQ,CAAC,GAEjEiC,KAAiBC,EAAY,MAAM;AACvC,MAAAC,GAAqB5C,CAAS,GACbmC;IAAA,GAChB,CAACA,GAAkBnC,CAAS,CAAC,GAE1B,EAAE,sBAAA6C,GAAsB,qBAAAC,EAAoB,IAAIC,GAAoB;AAAA,MACxE,QAAArB;AAAA,MACA,WAAA1B;AAAA,MACA,aAAAD;AAAA,MACA,gBAAAiB;AAAA,MACA,mBAAAE;AAAA,MACA,WAAW,CAAC,CAACD;AAAA,MACb,kBAAAhB;AAAA,MACA,eAAAG;AAAA,IAAA,CACD,GAEK4C,IAAuBL,EAAY,MAAM;AAC7C,MAAA1C,EAAiByB,CAAM;AAAA,IAAA,GACtB,CAACA,GAAQzB,CAAgB,CAAC,GAEvBgD,IAAoBN,EAAY,MAAM;AAC1C,MAAIjB,KACFtB,EAAcsB,CAAM;AAAA,IACtB,GACC,CAACA,GAAQtB,CAAa,CAAC,GAEpB8C,IAAoBP;AAAA,MACxB,CAACQ,OAAsB;AACrB,QAAAjD,KAAA,QAAAA,EAAgBiD,IAAK,EAAE,GAAGjB,GAAa,eAAAN,EAAe;AAAA,MACxD;AAAA,MACA,CAAC1B,GAAegC,GAAaN,CAAa;AAAA,IAAA,GAGtCwB,IAAqBd;AAAA,MACzB,OAAO;AAAA,QACL,mBAAApB;AAAA,QACA,sBAAsBC;AAAA,QACtB,aAAAF;AAAA,QACA,eAAAH;AAAA,QACA,iBAAAD;AAAA,QACA,oBAAoBO;AAAA,QACpB,aAAArB;AAAA,QACA,mBAAmBiD;AAAA,QACnB,aAAA1B;AAAA,QACA,iBAAAC;AAAA,MAAA;AAAA,MAEF;AAAA,QACEL;AAAA,QACAC;AAAA,QACAF;AAAA,QACAH;AAAA,QACAD;AAAA,QACAO;AAAA,QACArB;AAAA,QACAiD;AAAA,QACA1B;AAAA,QACAC;AAAA,MACF;AAAA,IAAA,GAGI8B,IAAsBf;AAAA,MAC1B,OAAO;AAAA,QACL,aAAAhB;AAAA,QACA,aAAAvB;AAAA,QACA,eAAemD;AAAA,MAAA;AAAA,MAEjB,CAAC5B,GAAavB,GAAamD,CAAiB;AAAA,IAAA,GAGxCI,KAA4BhB;AAAA,MAChC,wBACGiB,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,IAAa,EAAA;AAAA,QACb,gBAAAD,EAAAE,GAAA,EAAU,QAAQrB,EAAQ,UAAU,YAAY;AAAA,QACjD,gBAAAmB,EAACG,IAAgB,EAAA,aAAY,aAAa,CAAA;AAAA,QACzCxD,uBACEoD,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAAE,GAAA,EAAU,QAAQrB,EAAQ,OAAQ,CAAA;AAAA,UACnC,gBAAAmB;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOnB;AAAA,cACP,SAAStC;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MAEF,CAACkC,GAASI,GAAatC,CAAiB;AAAA,IAAA,GAGpC0D,IAAuBvB;AAAA,MAC3B,MAAM,gBAAAkB,EAACM,IAAe,EAAA,GAAGV,EAAoB,CAAA;AAAA,MAC7C,CAACA,CAAkB;AAAA,IAAA,GAGfW,IAAwBzB,EAAQ,MAChC,CAACvB,KAAkBO,IAAoB,yBAGxCiC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,OAAO;AAAA,MAC5C,gBAAAmB,EAACQ,GAAe,EAAA,gBAAgBjD,EAAgB,CAAA;AAAA,IAClD,EAAA,CAAA,GAED,CAACA,GAAgBO,GAAae,EAAQ,UAAU,KAAK,CAAC,GAEnD4B,IAAwB3B,EAAQ,MAChCd,IAA2B,yBAG5B+B,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAmB,EAACU,IAAgB,EAAA,GAAGb,GAAqB;AAAA,IAC3C,EAAA,CAAA,GAED,CAAC7B,GAAoBa,EAAQ,UAAU,YAAYgB,CAAmB,CAAC,GAEpEc,IAAqB7B,EAAQ,MAC5BR,sBAGFyB,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,OAAO;AAAA,MAC3C,gBAAA+B,EAAAb,GAAA,EAAS,gBAAe,OAAM,iBAAiB,MAC9C,UAAA;AAAA,QAAA,gBAAAC,EAACa,MAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAE7D,oCAAA,CAAA;AAAA,QACA,gBAAAb;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAa;AAAA,YACb,OAAM;AAAA,YACN,SAASrB;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA,IAhB0B,MAkB3B,CAACnB,GAAgBO,EAAQ,UAAU,OAAOY,CAAiB,CAAC,GAEzDsB,IAAwBjC,EAAQ,MAC/BvB,sBAGFwC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAmB,EAACa,MAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,kBAAA,CAAA;AAAA,MACC,gBAAAb,EAAAE,GAAA,EAAU,QAAQrB,EAAQ,UAAU,QAAQ;AAAA,MAC7C,gBAAAmB,EAACQ,GAAe,EAAA,gBAAgBjD,EAAgB,CAAA;AAAA,MAC/CoD;AAAA,IACH,EAAA,CAAA,IAX0B,MAa3B,CAACpD,GAAgBsB,EAAQ,WAAW8B,CAAkB,CAAC,GAEpDK,IAAuBlC,EAAQ,MAC9Bf,sBAGFgC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,wBAChDoC,IAAU,EAAA;AAAA,MACV,gBAAAjB,EAAAE,GAAA,EAAU,QAAQrB,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAmB,EAACkB,IAAiB,EAAA,UAAUrD,EAAkB,CAAA;AAAA,MAC7CkD;AAAA,IACH,EAAA,CAAA,IAT2B,MAW5B,CAAChD,GAAiBc,EAAQ,UAAU,YAAYhB,GAAkBkD,CAAqB,CAAC,GAErFI,IAAqBrC,EAAQ,MAC5BhB,sBAGFiC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,wBAChDuC,IAAmB,EAAA;AAAA,IACtB,EAAA,CAAA,IANuB,MAQxB,CAACtD,GAAae,EAAQ,UAAU,UAAU,CAAC,GAExCwC,IAAsBvC,EAAQ,MAC9Bd,IAA2B,yBAG5B+B,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,wBAChDyC,IAAA,EACC,UAAC,gBAAAtB,EAAAuB,IAAA,EAAa,cAAA1E,EAA4B,CAAA,GAC5C;AAAA,IACF,EAAA,CAAA,GAED,CAACmB,GAAoBa,EAAQ,UAAU,YAAYhC,CAAY,CAAC,GAE7D2E,IAA4B1C,EAAQ,MACnCtB,sBAGFuC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,MACjD,gBAAAmB;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,gBAAAjE;AAAA,UACA,qBAAA8B;AAAA,UACA,sBAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA,IAV0B,MAY3B,CAAC7B,GAAgBqB,EAAQ,UAAU,YAAYS,GAAqBD,CAAoB,CAAC,GAEtFqC,KAAc5C;AAAA,MAClB,wBACGiB,GACE,EAAA,UAAA;AAAA,QAAAM;AAAA,QACAE;AAAA,QACAE;AAAA,QACAO;AAAA,QACAG;AAAA,QACAE;AAAA,QACAG;AAAA,MAAA,GACH;AAAA,MAEF;AAAA,QACEnB;AAAA,QACAE;AAAA,QACAE;AAAA,QACAO;AAAA,QACAG;AAAA,QACAE;AAAA,QACAG;AAAA,MACF;AAAA,IAAA,GAGIG,KAAc7C;AAAA,MAClB,wBACGiB,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQrB,EAAQ,UAAU,YAAY;AAAA,0BAChD+C,IAAoB,EAAA;AAAA,MAAA,GACvB;AAAA,MAEF,CAAC/C,EAAQ,UAAU,UAAU;AAAA,IAAA;AAO/B,WAJkBC,EAAQ,MACjBL,KAAkBD,KAA0B,CAACD,KAAkBN,GACrE,CAACO,GAAwBC,GAAgBF,GAAgBN,CAAW,CAAC,IAG/D,gBAAA+B,EAAC6B,IAAU,EAAA,QAAO,QAAQ,CAAA,IAG/B1D,KAEC,gBAAA6B,EAAAD,GAAA,EAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA,gBAAAC,EAAC8B,IAAM,EAAA,OAAM,QAAO,YAAY5C,IAAgB,EAClD,CAAA,IAKF,gBAAA0B,EAACmB,IAAA,EACC,UAAA;AAAA,MAAA,gBAAA/B,EAACgC,MAAc,cAAAlF,IAA4B;AAAA,MAC3C,gBAAA8D;AAAA,QAACqB;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,MAAMpD,EAAQ;AAAA,UACd,SAASA,EAAQ;AAAA,UAEhB,UAAA;AAAA,YAAAR,KAA0ByB,KAA4B4B;AAAA,YACtDC;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport { invalidateParentHome } from './api/parent-home';\nimport BillingInformation from './comps/billing-information/billing-information';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport NextSteps from './comps/next-steps/next-steps';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport SessionStatus from './comps/session-status/session-status';\nimport SessionSummary from './comps/session-summary/session-summary';\nimport UpcomingSessions from './comps/upcoming-sessions/upcoming-sessions';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { usePLAModalHandlers } from './modals/hooks/use-pla-model-handlers';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    onSwitchUser,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const parentHomeData = useParentHomeData(studentId);\n    const {\n      isStudentNoShow,\n      isTutorNoShow,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      showLoading = false,\n      demoId,\n      isProcessingFailed,\n      userAttemptId,\n      isSubscriptionCancelled,\n      canChangeTutor,\n      sessionDetails,\n      cardOnFileNotAvailable,\n      isCardDeclined,\n    } = parentHomeData;\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const spacing = useMemo<ISpacingConfig>(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n\n    const handleTryAgain = useCallback(() => {\n      invalidateParentHome(studentId);\n      fetchSummaryData();\n    }, [fetchSummaryData, studentId]);\n\n    const { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n      demoId,\n      studentId,\n      studentName,\n      billingDetails,\n      completedSessions,\n      withTutor: !!teacherName,\n      onRescheduleDemo,\n      onChangeTutor,\n    });\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      if (demoId) {\n        onChangeTutor(demoId);\n      }\n    }, [demoId, onChangeTutor]);\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const sessionStatusProps = useMemo(\n      () => ({\n        completedSessions,\n        nextSessionStartTime: nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEndTime: nextSessionEnd,\n        studentName,\n        onRescheduleClick: handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      }),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      ],\n    );\n\n    const sessionSummaryProps = useMemo(\n      () => ({\n        isTrialDone,\n        studentName,\n        onViewSummary: handleViewSummary,\n      }),\n      [isTrialDone, studentName, handleViewSummary],\n    );\n\n    const CancelledSubscriptionView = useMemo(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                size=\"small\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const SessionStatusSection = useMemo(\n      () => <SessionStatus {...sessionStatusProps} />,\n      [sessionStatusProps],\n    );\n\n    const TeacherProfileSection = useMemo(() => {\n      if (!teacherDetails || isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isTrialDone, spacing.separator.large]);\n\n    const SessionSummarySection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary {...sessionSummaryProps} />\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, sessionSummaryProps]);\n\n    const TutorChangeSection = useMemo(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const TeacherDetailsSection = useMemo(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {TutorChangeSection}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, TutorChangeSection]);\n\n    const OnlyTrialDoneSection = useMemo(() => {\n      if (!isOnlyTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <Separator height={spacing.separator.extraLarge} />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {TeacherDetailsSection}\n        </FlexView>\n      );\n    }, [isOnlyTrialDone, spacing.separator.extraLarge, upcomingSessions, TeacherDetailsSection]);\n\n    const AppFeaturesSection = useMemo(() => {\n      if (!isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isTrialDone, spacing.separator.extraLarge]);\n\n    const MathPracticeSection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, onSwitchUser]);\n\n    const BillingInformationSection = useMemo(() => {\n      if (!billingDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <BillingInformation\n            billingDetails={billingDetails}\n            onViewPaymentMethod={onViewPaymentMethod}\n            onCancelSubscription={onCancelSubscription}\n          />\n        </FlexView>\n      );\n    }, [billingDetails, spacing.separator.extraLarge, onViewPaymentMethod, onCancelSubscription]);\n\n    const MainContent = useMemo(\n      () => (\n        <FlexView>\n          {SessionStatusSection}\n          {TeacherProfileSection}\n          {SessionSummarySection}\n          {OnlyTrialDoneSection}\n          {AppFeaturesSection}\n          {MathPracticeSection}\n          {BillingInformationSection}\n        </FlexView>\n      ),\n      [\n        SessionStatusSection,\n        TeacherProfileSection,\n        SessionSummarySection,\n        OnlyTrialDoneSection,\n        AppFeaturesSection,\n        MathPracticeSection,\n        BillingInformationSection,\n      ],\n    );\n\n    const FaqsSection = useMemo(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n          <Separator height={spacing.separator.extraLarge} />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    const isLoading = useMemo(() => {\n      return isCardDeclined || cardOnFileNotAvailable || !sessionDetails || showLoading;\n    }, [cardOnFileNotAvailable, isCardDeclined, sessionDetails, showLoading]);\n\n    if (isLoading) {\n      return <AppLoader height=\"100dvh\" />;\n    }\n\n    if (isProcessingFailed) {\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? CancelledSubscriptionView : MainContent}\n          {FaqsSection}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","onSwitchUser","HeaderAvatar","device","useTheme","isMobile","EDeviceType","parentHomeData","useParentHomeData","isStudentNoShow","isTutorNoShow","teacherDetails","billingDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","upcomingSessions","isTrialDone","isOnlyTrialDone","isRegularClassDone","showLoading","demoId","isProcessingFailed","userAttemptId","isSubscriptionCancelled","canChangeTutor","sessionDetails","cardOnFileNotAvailable","isCardDeclined","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","buttonWidth","handleTryAgain","useCallback","invalidateParentHome","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","handleRescheduleDemo","handleChangeTutor","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SessionStatusSection","SessionStatus","TeacherProfileSection","TeacherProfile","SessionSummarySection","SessionSummary","TutorChangeSection","jsxs","Text","TextButton","TeacherDetailsSection","OnlyTrialDoneSection","NextSteps","UpcomingSessions","AppFeaturesSection","CuemathAppFeatures","MathPracticeSection","Styled.MathPracticeWrapper","MathPractice","BillingInformationSection","BillingInformation","MainContent","FaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":"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"}

package/dist/index.d.ts

@@ -4328,6 +4328,7 @@ declare interface IUseParentHomeDataReturn {
     userAttemptId: string;
     isProcessingFailed: boolean;
     canChangeTutor: boolean;
+    showPLAIntroduction?: boolean;
 }
 
 declare interface IusePointerSyncMethods {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.3.26-j.3",
+  "version": "3.3.26-j.5",
   "type": "module",
   "files": [
     "dist"