@cuemath/leap 3.3.9 → 3.3.10-j2

package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { memo as s } from "react";
-import { Container as m, Filler as h } from "./linear-progress-bar-styled.js";
-const $ = ({
+import { Container as m, Filler as $ } from "./linear-progress-bar-styled.js";
+const h = ({
   percentage: o,
   height: t = 8,
   backgroundColor: a = "WHITE_T_10",
@@ -17,7 +17,7 @@ const $ = ({
       $borderRadius: r,
       $background: a,
       children: /* @__PURE__ */ e(
-        h,
+        $,
         {
           $width: `${n}%`,
           $background: i,
@@ -27,7 +27,7 @@ const $ = ({
       )
     }
   );
-}, f = s($);
+}, f = s(h);
 export {
   f as default
 };

package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-progress-bar.js","sources":["../../../../../src/features/auth/comps/linear-progress-bar/linear-progress-bar.tsx"],"sourcesContent":["import type { ILinearProgressBarProps } from './linear-progress-bar-props';\n\nimport { memo, type FC } from 'react';\n\nimport * as Styled from './linear-progress-bar-styled';\n\nconst LinearProgressBar: FC<ILinearProgressBarProps> = ({\n  percentage,\n  height = 8,\n  backgroundColor = 'WHITE_T_10',\n  fillColor = 'YELLOW_4',\n  borderRadius = 0,\n}) => {\n  const safePercentage = Math.min(Math.max(percentage, 0), 100);\n\n  return (\n    <Styled.Container\n      $width=\"100%\"\n      $height={height}\n      $borderRadius={borderRadius}\n      $background={backgroundColor}\n    >\n      <Styled.Filler\n        $width={`${safePercentage}%`}\n        $background={fillColor}\n        $height=\"100%\"\n        $borderRadius={borderRadius}\n      />\n    </Styled.Container>\n  );\n};\n\nexport default memo(LinearProgressBar);\n"],"names":["LinearProgressBar","percentage","height","backgroundColor","fillColor","borderRadius","safePercentage","jsx","Styled.Container","Styled.Filler","linearProgressBar","memo"],"mappings":";;;AAMA,MAAMA,IAAiD,CAAC;AAAA,EACtD,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC,IAAkB;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AACjB,MAAM;AACE,QAAAC,IAAiB,KAAK,IAAI,KAAK,IAAIL,GAAY,CAAC,GAAG,GAAG;AAG1D,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,SAASN;AAAA,MACT,eAAeG;AAAA,MACf,aAAaF;AAAA,MAEb,UAAA,gBAAAI;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,QAAQ,GAAGH,CAAc;AAAA,UACzB,aAAaF;AAAA,UACb,SAAQ;AAAA,UACR,eAAeC;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeK,IAAAC,EAAKX,CAAiB;"}
+{"version":3,"file":"linear-progress-bar.js","sources":["../../../../../src/features/auth/comps/linear-progress-bar/linear-progress-bar.tsx"],"sourcesContent":["import type { ILinearProgressBarProps } from './linear-progress-bar-props';\n\nimport { memo, type FC } from 'react';\n\nimport * as Styled from './linear-progress-bar-styled';\n\nconst LinearProgressBar: FC<ILinearProgressBarProps> = ({\n  percentage,\n  height = 8,\n  backgroundColor = 'WHITE_T_10',\n  fillColor = 'YELLOW_4',\n  borderRadius = 0,\n}) => {\n  const safePercentage = Math.min(Math.max(percentage, 0), 100);\n\n  return (\n    <Styled.Container\n      $width=\"100%\"\n      $height={height}\n      $borderRadius={borderRadius}\n      $background={backgroundColor}\n    >\n      <Styled.Filler\n        $width={`${safePercentage}%`}\n        $background={fillColor}\n        $height=\"100%\"\n        $borderRadius={borderRadius}\n      />\n    </Styled.Container>\n  );\n};\n\nexport default memo(LinearProgressBar);\n"],"names":["LinearProgressBar","percentage","height","backgroundColor","fillColor","borderRadius","safePercentage","jsx","Styled.Container","Styled.Filler","LinearProgressBar$1","memo"],"mappings":";;;AAMA,MAAMA,IAAiD,CAAC;AAAA,EACtD,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC,IAAkB;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AACjB,MAAM;AACE,QAAAC,IAAiB,KAAK,IAAI,KAAK,IAAIL,GAAY,CAAC,GAAG,GAAG;AAG1D,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,SAASN;AAAA,MACT,eAAeG;AAAA,MACf,aAAaF;AAAA,MAEb,UAAA,gBAAAI;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,QAAQ,GAAGH,CAAc;AAAA,UACzB,aAAaF;AAAA,UACb,SAAQ;AAAA,UACR,eAAeC;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeK,IAAAC,EAAKX,CAAiB;"}

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js

@@ -74,8 +74,8 @@ const g = ({ orientation: p = "vertical" }) => {
       ]
     }
   );
-}, C = $(g);
+}, y = $(g);
 export {
-  C as default
+  y as default
 };
 //# sourceMappingURL=onboarding-guide.js.map

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import type { IOnboardingGuideProps } from './onboarding-guide-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\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 { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = ({ orientation = 'vertical' }: IOnboardingGuideProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device <= EDeviceType.MOBILE;\n  const isHorizontalLayout = orientation === 'horizontal' && !isMobile;\n  const flexDirection = isCompact || isHorizontalLayout ? 'row' : 'column';\n\n  return (\n    <FlexView\n      $flex={1}\n      $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n      $justifyContent=\"center\"\n    >\n      <Text\n        $whiteSpace=\"pre-line\"\n        $renderAs=\"ah4-bold\"\n        $renderOnTabletAs=\"ab1-bold\"\n        $color=\"WHITE\"\n        $align={isHorizontalLayout ? 'left' : 'center'}\n      >\n        Get started in 3 easy steps!\n      </Text>\n\n      <Separator heightX={isHorizontalLayout ? 1.25 : isCompact ? 1 : 2.75} />\n\n      <Styled.StepWrapper\n        $flexDirection={flexDirection}\n        $flexColumnGapX={!isHorizontalLayout ? 0.5 : 0}\n        isHorizontalLayout={isHorizontalLayout}\n      >\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={flexDirection === 'row' ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n            isHorizontalLayout={isHorizontalLayout}\n            $gutterX={isHorizontalLayout ? 1 : 0}\n          >\n            <img\n              src={step.icon}\n              alt={`Step ${index + 1}`}\n              width={isHorizontalLayout ? 80 : 56}\n              height={isHorizontalLayout ? 80 : 56}\n            />\n            <FlexView>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </Styled.StepWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(OnboardingGuide);\n"],"names":["OnboardingGuide","orientation","device","useTheme","isCompact","EDeviceType","isMobile","isHorizontalLayout","flexDirection","jsxs","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","Styled.StepItem","onboardingGuide","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAkB,CAAC,EAAE,aAAAC,IAAc,iBAAwC;AACzE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAqBN,MAAgB,gBAAgB,CAACK,GACtDE,IAAgBJ,KAAaG,IAAqB,QAAQ;AAG9D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAaH,IAAqB,eAAe;AAAA,MACjD,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,mBAAkB;AAAA,YAClB,QAAO;AAAA,YACP,QAAQL,IAAqB,SAAS;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BAECM,GAAU,EAAA,SAASN,IAAqB,OAAOH,IAAY,IAAI,MAAM;AAAA,QAEtE,gBAAAO;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,gBAAgBN;AAAA,YAChB,iBAAkBD,IAA2B,IAAN;AAAA,YACvC,oBAAAA;AAAA,YAEC,UAAqBQ,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAR;AAAA,cAACS;AAAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,gBAAgBV,MAAkB,QAAQ,WAAW;AAAA,gBACrD,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,aAAaD,IAAqB,eAAe;AAAA,gBACjD,oBAAAA;AAAA,gBACA,UAAUA,IAAqB,IAAI;AAAA,gBAEnC,UAAA;AAAA,kBAAA,gBAAAI;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKK,EAAK;AAAA,sBACV,KAAK,QAAQC,IAAQ,CAAC;AAAA,sBACtB,OAAOV,IAAqB,KAAK;AAAA,sBACjC,QAAQA,IAAqB,KAAK;AAAA,oBAAA;AAAA,kBACpC;AAAA,oCACCG,GACC,EAAA,UAAA,gBAAAC;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,aAAY;AAAA,sBACZ,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAO;AAAA,sBACP,QAAQR,IAAY,WAAW;AAAA,sBAE9B,UAAKY,EAAA;AAAA,oBAAA;AAAA,kBAAA,GAEV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzBKC;AAAA,YAAA,CA2BR;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeE,IAAAC,EAAKpB,CAAe;"}
+{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import type { IOnboardingGuideProps } from './onboarding-guide-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\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 { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = ({ orientation = 'vertical' }: IOnboardingGuideProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device <= EDeviceType.MOBILE;\n  const isHorizontalLayout = orientation === 'horizontal' && !isMobile;\n  const flexDirection = isCompact || isHorizontalLayout ? 'row' : 'column';\n\n  return (\n    <FlexView\n      $flex={1}\n      $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n      $justifyContent=\"center\"\n    >\n      <Text\n        $whiteSpace=\"pre-line\"\n        $renderAs=\"ah4-bold\"\n        $renderOnTabletAs=\"ab1-bold\"\n        $color=\"WHITE\"\n        $align={isHorizontalLayout ? 'left' : 'center'}\n      >\n        Get started in 3 easy steps!\n      </Text>\n\n      <Separator heightX={isHorizontalLayout ? 1.25 : isCompact ? 1 : 2.75} />\n\n      <Styled.StepWrapper\n        $flexDirection={flexDirection}\n        $flexColumnGapX={!isHorizontalLayout ? 0.5 : 0}\n        isHorizontalLayout={isHorizontalLayout}\n      >\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={flexDirection === 'row' ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n            isHorizontalLayout={isHorizontalLayout}\n            $gutterX={isHorizontalLayout ? 1 : 0}\n          >\n            <img\n              src={step.icon}\n              alt={`Step ${index + 1}`}\n              width={isHorizontalLayout ? 80 : 56}\n              height={isHorizontalLayout ? 80 : 56}\n            />\n            <FlexView>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </Styled.StepWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(OnboardingGuide);\n"],"names":["OnboardingGuide","orientation","device","useTheme","isCompact","EDeviceType","isMobile","isHorizontalLayout","flexDirection","jsxs","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","Styled.StepItem","OnboardingGuide$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAkB,CAAC,EAAE,aAAAC,IAAc,iBAAwC;AACzE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAqBN,MAAgB,gBAAgB,CAACK,GACtDE,IAAgBJ,KAAaG,IAAqB,QAAQ;AAG9D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAaH,IAAqB,eAAe;AAAA,MACjD,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,mBAAkB;AAAA,YAClB,QAAO;AAAA,YACP,QAAQL,IAAqB,SAAS;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BAECM,GAAU,EAAA,SAASN,IAAqB,OAAOH,IAAY,IAAI,MAAM;AAAA,QAEtE,gBAAAO;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,gBAAgBN;AAAA,YAChB,iBAAkBD,IAA2B,IAAN;AAAA,YACvC,oBAAAA;AAAA,YAEC,UAAqBQ,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAR;AAAA,cAACS;AAAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,gBAAgBV,MAAkB,QAAQ,WAAW;AAAA,gBACrD,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,aAAaD,IAAqB,eAAe;AAAA,gBACjD,oBAAAA;AAAA,gBACA,UAAUA,IAAqB,IAAI;AAAA,gBAEnC,UAAA;AAAA,kBAAA,gBAAAI;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKK,EAAK;AAAA,sBACV,KAAK,QAAQC,IAAQ,CAAC;AAAA,sBACtB,OAAOV,IAAqB,KAAK;AAAA,sBACjC,QAAQA,IAAqB,KAAK;AAAA,oBAAA;AAAA,kBACpC;AAAA,oCACCG,GACC,EAAA,UAAA,gBAAAC;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,aAAY;AAAA,sBACZ,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAO;AAAA,sBACP,QAAQR,IAAY,WAAW;AAAA,sBAE9B,UAAKY,EAAA;AAAA,oBAAA;AAAA,kBAAA,GAEV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzBKC;AAAA,YAAA,CA2BR;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeE,IAAAC,EAAKpB,CAAe;"}

package/dist/features/parent-dashboard/api/parent-home.js

@@ -0,0 +1,10 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as o } from "../../../constants/api.js";
+const { useGet: m, invalidate: n } = t({
+  getURL: (e) => `${o}/students/${e}/parent-home`
+});
+export {
+  n as invalidateParentHome,
+  m as useParentHomeGet
+};
+//# sourceMappingURL=parent-home.js.map

package/dist/features/parent-dashboard/api/parent-home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parent-home.js","sources":["../../../../src/features/parent-dashboard/api/parent-home.ts"],"sourcesContent":["import type { IParentHome } from '../parent-dashboard-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\nconst { useGet: useParentHomeGet, invalidate: invalidateParentHome } = createGetAPI<IParentHome>({\n  getURL: studentId => `${BASE_URL_V1}/students/${studentId}/parent-home`,\n});\n\nexport { useParentHomeGet, invalidateParentHome };\n"],"names":["useParentHomeGet","invalidateParentHome","createGetAPI","studentId","BASE_URL_V1"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAkB,YAAYC,EAAA,IAAyBC,EAA0B;AAAA,EAC/F,QAAQ,CAAAC,MAAa,GAAGC,CAAW,aAAaD,CAAS;AAC3D,CAAC;"}

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

@@ -0,0 +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,
+    {
+      $gutterX: 1,
+      $gapX: 1,
+      $flexDirection: "row",
+      $alignItems: "center",
+      $background: "WHITE_T_05",
+      $flexColumnGapX: 1,
+      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 }) })
+      ]
+    }
+  ) : null;
+}, H = c(d);
+export {
+  H as default
+};
+//# sourceMappingURL=compact-header.js.map

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

@@ -0,0 +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;"}

package/dist/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.js

@@ -12,7 +12,7 @@ import n from "../../../ui/text/text.js";
 import { EDeviceType as I } from "../../../ui/theme/constants.js";
 import { benefits as T } from "./cuemath-app-features-constants.js";
 import { ImageWrapper as x } from "./cuemath-app-features-styled.js";
-const E = () => {
+const C = () => {
   const l = u(), r = l.device <= I.MOBILE, m = f(() => {
     window.open(w, "_blank");
   }, []);
@@ -83,7 +83,7 @@ const E = () => {
       }
     ) })
   ] });
-}, R = $(E);
+}, R = $(C);
 export {
   R as default
 };

package/dist/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"cuemath-app-features.js","sources":["../../../../../src/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport { benefits } from './cuemath-app-features-constants';\nimport * as Styled from './cuemath-app-features-styled';\n\nconst CuemathAppFeatures: FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <FlexView>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Do more with the Cuemath app\n          </Text>\n          {!isMobile && (\n            <>\n              <Separator height={4} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n                <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n                  Scan QR to download the app\n                </Text>\n                <Next2Icon height={24} width={24} color={theme.colors.WHITE_T_60} />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n        {!isMobile && (\n          <FlexView $background=\"WHITE\">\n            <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={60} height={60} />\n          </FlexView>\n        )}\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {benefits.map(({ icon, title, description, bgColor }) => (\n          <FlexView\n            key={title}\n            $flex={1}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $alignItems={isMobile ? 'normal' : 'center'}\n          >\n            <Styled.ImageWrapper\n              $height={isMobile ? 'auto' : '100%'}\n              $width={isMobile ? 'auto' : '100%'}\n            >\n              <Image\n                src={icon}\n                height={isMobile ? 'auto' : 250}\n                width={isMobile ? 84 : '100%'}\n                alt={title}\n              />\n            </Styled.ImageWrapper>\n            <FlexView\n              $background={bgColor}\n              $gutterX={isMobile ? 1 : 1.5}\n              $gapX={isMobile ? 1 : 1.5}\n              $flex={1}\n              $width=\"100%\"\n            >\n              <Text $renderAs=\"ac3-black\" $color=\"WHITE\" $renderOnMobileAs=\"ac4-black\">\n                {title}\n              </Text>\n              <Text $renderAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </FlexView>\n          </FlexView>\n        ))}\n      </FlexView>\n      {isMobile && (\n        <FlexView $gapX={1}>\n          <Button\n            label=\"Download the app\"\n            renderAs=\"secondary\"\n            size=\"small\"\n            shape=\"square\"\n            onClick={handleOpenApp}\n          />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CuemathAppFeatures);\n"],"names":["CuemathAppFeatures","theme","useTheme","isMobile","EDeviceType","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsxs","jsx","Text","Fragment","Separator","Next2Icon","Image","ILLUSTRATIONS","benefits","icon","title","description","bgColor","Styled.ImageWrapper","Button","cuemathAppFeatures","memo"],"mappings":"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"}
+{"version":3,"file":"cuemath-app-features.js","sources":["../../../../../src/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport { benefits } from './cuemath-app-features-constants';\nimport * as Styled from './cuemath-app-features-styled';\n\nconst CuemathAppFeatures: FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <FlexView>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Do more with the Cuemath app\n          </Text>\n          {!isMobile && (\n            <>\n              <Separator height={4} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n                <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n                  Scan QR to download the app\n                </Text>\n                <Next2Icon height={24} width={24} color={theme.colors.WHITE_T_60} />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n        {!isMobile && (\n          <FlexView $background=\"WHITE\">\n            <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={60} height={60} />\n          </FlexView>\n        )}\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {benefits.map(({ icon, title, description, bgColor }) => (\n          <FlexView\n            key={title}\n            $flex={1}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $alignItems={isMobile ? 'normal' : 'center'}\n          >\n            <Styled.ImageWrapper\n              $height={isMobile ? 'auto' : '100%'}\n              $width={isMobile ? 'auto' : '100%'}\n            >\n              <Image\n                src={icon}\n                height={isMobile ? 'auto' : 250}\n                width={isMobile ? 84 : '100%'}\n                alt={title}\n              />\n            </Styled.ImageWrapper>\n            <FlexView\n              $background={bgColor}\n              $gutterX={isMobile ? 1 : 1.5}\n              $gapX={isMobile ? 1 : 1.5}\n              $flex={1}\n              $width=\"100%\"\n            >\n              <Text $renderAs=\"ac3-black\" $color=\"WHITE\" $renderOnMobileAs=\"ac4-black\">\n                {title}\n              </Text>\n              <Text $renderAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </FlexView>\n          </FlexView>\n        ))}\n      </FlexView>\n      {isMobile && (\n        <FlexView $gapX={1}>\n          <Button\n            label=\"Download the app\"\n            renderAs=\"secondary\"\n            size=\"small\"\n            shape=\"square\"\n            onClick={handleOpenApp}\n          />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CuemathAppFeatures);\n"],"names":["CuemathAppFeatures","theme","useTheme","isMobile","EDeviceType","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsxs","jsx","Text","Fragment","Separator","Next2Icon","Image","ILLUSTRATIONS","benefits","icon","title","description","bgColor","Styled.ImageWrapper","Button","CuemathAppFeatures$1","memo"],"mappings":"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"}

package/dist/features/parent-dashboard/comps/math-practice/math-practice.js

@@ -3,13 +3,13 @@ import { memo as l } from "react";
 import { useTheme as h } from "styled-components";
 import d from "../../../ui/buttons/text-button/text-button.js";
 import p from "../../../ui/image/image.js";
-import i from "../../../ui/layout/flex-view.js";
-import n from "../../../ui/separator/separator.js";
-import c from "../../../ui/text/text.js";
+import n from "../../../ui/layout/flex-view.js";
+import c from "../../../ui/separator/separator.js";
+import m from "../../../ui/text/text.js";
 import { EDeviceType as s } from "../../../ui/theme/constants.js";
 import { mathPracticeData as $ } from "./math-practice-constants.js";
 import { Container as f, HeaderWrapper as b, ContentWrapper as u, ContentItem as x } from "./math-practice-styled.js";
-const g = l(({ onSwitchUser: m }) => {
+const g = l(({ onSwitchUser: o }) => {
   const r = h().device <= s.MOBILE;
   return /* @__PURE__ */ t(f, { children: [
     /* @__PURE__ */ t(
@@ -22,20 +22,20 @@ const g = l(({ onSwitchUser: m }) => {
         $width: "100%",
         $gutterX: 1,
         children: [
-          /* @__PURE__ */ e(i, { $flex: 1, children: /* @__PURE__ */ e(c, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Keep your child engaged with daily math practice" }) }),
-          /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(n, { $flex: 1, children: /* @__PURE__ */ e(m, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Keep your child engaged with daily math practice" }) }),
+          o && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
             d,
             {
               label: "Switch User",
               sizeOnMobile: "small",
               color: "WHITE_1",
-              onClick: m
+              onClick: o
             }
           ) })
         ]
       }
     ),
-    /* @__PURE__ */ e(n, { height: r ? 16 : 20 }),
+    /* @__PURE__ */ e(c, { height: r ? 16 : 20 }),
     /* @__PURE__ */ e(
       u,
       {
@@ -44,7 +44,7 @@ const g = l(({ onSwitchUser: m }) => {
         $width: "100%",
         $flexColumnGapX: 1,
         $gutterX: 1,
-        children: $.map(({ title: o, image: a }) => /* @__PURE__ */ t(x, { children: [
+        children: $.map(({ title: i, image: a }) => /* @__PURE__ */ t(x, { children: [
           /* @__PURE__ */ e(
             p,
             {
@@ -54,9 +54,9 @@ const g = l(({ onSwitchUser: m }) => {
               withLoader: !0
             }
           ),
-          /* @__PURE__ */ e(n, { height: r ? 16 : 20 }),
-          /* @__PURE__ */ e(c, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE_T_60", children: o })
-        ] }, o))
+          /* @__PURE__ */ e(c, { height: r ? 16 : 20 }),
+          /* @__PURE__ */ e(m, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE_T_60", children: i })
+        ] }, i))
       }
     )
   ] });

package/dist/features/parent-dashboard/comps/math-practice/math-practice.js.map

@@ -1 +1 @@
-{"version":3,"file":"math-practice.js","sources":["../../../../../src/features/parent-dashboard/comps/math-practice/math-practice.tsx"],"sourcesContent":["import type { IMathPracticeProps } from './math-practice-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-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 { EDeviceType } from '../../../ui/theme/constants';\nimport { mathPracticeData } from './math-practice-constants';\nimport * as Styled from './math-practice-styled';\n\nconst MathPractice: FC<IMathPracticeProps> = memo(({ onSwitchUser }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <Styled.Container>\n      <Styled.HeaderWrapper\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $flexColumnGapX={1}\n        $width=\"100%\"\n        $gutterX={1}\n      >\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Keep your child engaged with daily math practice\n          </Text>\n        </FlexView>\n        <FlexView>\n          <TextButton\n            label=\"Switch User\"\n            sizeOnMobile=\"small\"\n            color=\"WHITE_1\"\n            onClick={onSwitchUser}\n          />\n        </FlexView>\n      </Styled.HeaderWrapper>\n\n      <Separator height={isMobile ? 16 : 20} />\n\n      <Styled.ContentWrapper\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $width=\"100%\"\n        $flexColumnGapX={1}\n        $gutterX={1}\n      >\n        {mathPracticeData.map(({ title, image }) => (\n          <Styled.ContentItem key={title}>\n            <Image\n              src={image}\n              width={isMobile ? 144 : 200}\n              height={isMobile ? 144 : 200}\n              withLoader\n            />\n            <Separator height={isMobile ? 16 : 20} />\n            <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE_T_60\">\n              {title}\n            </Text>\n          </Styled.ContentItem>\n        ))}\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default MathPractice;\n"],"names":["MathPractice","memo","onSwitchUser","isMobile","useTheme","EDeviceType","jsxs","Styled.Container","Styled.HeaderWrapper","jsx","FlexView","Text","TextButton","Separator","Styled.ContentWrapper","mathPracticeData","title","image","Styled.ContentItem","Image","MathPractice$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,cAAAC,QAAmB;AAEhE,QAAAC,IADQC,IACS,UAAUC,EAAY;AAG3C,SAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,QAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAAA,mDAEvE,CAAA,GACF;AAAA,4BACCD,GACC,EAAA,UAAA,gBAAAD;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,cAAa;AAAA,cACb,OAAM;AAAA,cACN,SAASV;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAO,EAAAI,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,IAEvC,gBAAAM;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,QAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU;AAAA,QAET,UAAAC,EAAiB,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAC9B,gBAAAX,EAACY,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKF;AAAA,cACL,OAAOd,IAAW,MAAM;AAAA,cACxB,QAAQA,IAAW,MAAM;AAAA,cACzB,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAM,EAAAI,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,UACvC,gBAAAM,EAACE,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,cAC9D,UACHK,EAAA,CAAA;AAAA,QAAA,EAAA,GAVuBA,CAWzB,CACD;AAAA,MAAA;AAAA,IACH;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDI,IAAepB;"}
+{"version":3,"file":"math-practice.js","sources":["../../../../../src/features/parent-dashboard/comps/math-practice/math-practice.tsx"],"sourcesContent":["import type { IMathPracticeProps } from './math-practice-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-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 { EDeviceType } from '../../../ui/theme/constants';\nimport { mathPracticeData } from './math-practice-constants';\nimport * as Styled from './math-practice-styled';\n\nconst MathPractice: FC<IMathPracticeProps> = memo(({ onSwitchUser }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <Styled.Container>\n      <Styled.HeaderWrapper\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $flexColumnGapX={1}\n        $width=\"100%\"\n        $gutterX={1}\n      >\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Keep your child engaged with daily math practice\n          </Text>\n        </FlexView>\n        {onSwitchUser && (\n          <FlexView>\n            <TextButton\n              label=\"Switch User\"\n              sizeOnMobile=\"small\"\n              color=\"WHITE_1\"\n              onClick={onSwitchUser}\n            />\n          </FlexView>\n        )}\n      </Styled.HeaderWrapper>\n\n      <Separator height={isMobile ? 16 : 20} />\n\n      <Styled.ContentWrapper\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $width=\"100%\"\n        $flexColumnGapX={1}\n        $gutterX={1}\n      >\n        {mathPracticeData.map(({ title, image }) => (\n          <Styled.ContentItem key={title}>\n            <Image\n              src={image}\n              width={isMobile ? 144 : 200}\n              height={isMobile ? 144 : 200}\n              withLoader\n            />\n            <Separator height={isMobile ? 16 : 20} />\n            <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE_T_60\">\n              {title}\n            </Text>\n          </Styled.ContentItem>\n        ))}\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default MathPractice;\n"],"names":["MathPractice","memo","onSwitchUser","isMobile","useTheme","EDeviceType","jsxs","Styled.Container","Styled.HeaderWrapper","jsx","FlexView","Text","TextButton","Separator","Styled.ContentWrapper","mathPracticeData","title","image","Styled.ContentItem","Image","MathPractice$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,cAAAC,QAAmB;AAEhE,QAAAC,IADQC,IACS,UAAUC,EAAY;AAG3C,SAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,QAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAAA,mDAEvE,CAAA,GACF;AAAA,UACCT,uBACEQ,GACC,EAAA,UAAA,gBAAAD;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,cAAa;AAAA,cACb,OAAM;AAAA,cACN,SAASV;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEC,gBAAAO,EAAAI,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,IAEvC,gBAAAM;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,QAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU;AAAA,QAET,UAAAC,EAAiB,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAC9B,gBAAAX,EAACY,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKF;AAAA,cACL,OAAOd,IAAW,MAAM;AAAA,cACxB,QAAQA,IAAW,MAAM;AAAA,cACzB,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAM,EAAAI,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,UACvC,gBAAAM,EAACE,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,cAC9D,UACHK,EAAA,CAAA;AAAA,QAAA,EAAA,GAVuBA,CAWzB,CACD;AAAA,MAAA;AAAA,IACH;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDI,IAAepB;"}

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

@@ -0,0 +1,64 @@
+import { useEffect as O, useMemo as P } from "react";
+import { useParentHomeGet as C } from "../api/parent-home.js";
+const T = ({
+  studentName: o,
+  studentServiceId: s
+}) => {
+  const {
+    get: t,
+    data: i,
+    isProcessing: a,
+    isProcessed: l,
+    isStale: m,
+    isProcessingFailed: r
+  } = C(s);
+  return O(() => {
+    s && (!a && !r && !l || m) && t(s);
+  }, [s, m, a, t, r, l]), P(() => {
+    const { teacher_details: c = null, session_details: n } = i ?? {};
+    if (!n)
+      return {
+        sessionDetails: null,
+        teacherDetails: null,
+        studentName: o,
+        teacherName: "",
+        isOnlyOneSessionCompleted: !1,
+        isMoreThanOneSessionCompleted: !1,
+        isDemoDone: !1,
+        isSubscriptionCancelled: !1,
+        completedSessions: 0,
+        nextSessionEnd: 0,
+        nextSessionStart: 0,
+        classStatus: void 0,
+        upcomingSessions: [],
+        showLoading: !0
+      };
+    const {
+      completed_sessions: e = 0,
+      next_session_end: p,
+      next_session_start: u,
+      demo_class_status: S,
+      upcoming_sessions: _ = [],
+      student_demo_id: f
+    } = n, { first_name: D = "", last_name: g = "" } = c ?? {}, h = `${D} ${g}`.trim(), d = e > 0, x = d && e === 1, H = e > 1;
+    return {
+      sessionDetails: n,
+      teacherDetails: c,
+      studentName: o,
+      teacherName: h,
+      completedSessions: e,
+      nextSessionEnd: p,
+      nextSessionStart: u,
+      classStatus: S,
+      upcomingSessions: _,
+      isDemoDone: d,
+      isOnlyOneSessionCompleted: x,
+      isMoreThanOneSessionCompleted: H,
+      demoId: f
+    };
+  }, [i, o]);
+};
+export {
+  T as default
+};
+//# sourceMappingURL=use-parent-home-data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { TSession } from '../../trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types';\nimport type { ISessionDetails, ITeacherDetails } from '../parent-dashboard-types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\n\ninterface IUseParentHomeData {\n  studentName: string;\n  studentServiceId: string;\n}\ninterface IUseParentHomeDataReturn {\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  classStatus?: 'S_NO_SHOW' | 'T_NO_SHOW' | null;\n  teacherName: string;\n  upcomingSessions?: TSession[];\n  isDemoDone: boolean;\n  isOnlyOneSessionCompleted: boolean;\n  isMoreThanOneSessionCompleted: boolean;\n  showLoading?: boolean;\n  demoId?: string;\n}\n\nconst useParentHomeData = ({\n  studentName,\n  studentServiceId,\n}: IUseParentHomeData): IUseParentHomeDataReturn => {\n  const {\n    get: getParentHome,\n    data: parentHomeData,\n    isProcessing,\n    isProcessed,\n    isStale,\n    isProcessingFailed,\n  } = useParentHomeGet(studentServiceId);\n\n  useEffect(() => {\n    if (studentServiceId && ((!isProcessing && !isProcessingFailed && !isProcessed) || isStale)) {\n      getParentHome(studentServiceId);\n    }\n  }, [studentServiceId, isStale, isProcessing, getParentHome, isProcessingFailed, isProcessed]);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    const { teacher_details: teacherDetails = null, session_details: sessionDetails } =\n      parentHomeData ?? {};\n\n    if (!sessionDetails) {\n      return {\n        sessionDetails: null,\n        teacherDetails: null,\n        studentName,\n        teacherName: '',\n        isOnlyOneSessionCompleted: false,\n        isMoreThanOneSessionCompleted: false,\n        isDemoDone: false,\n        isSubscriptionCancelled: false,\n        completedSessions: 0,\n        nextSessionEnd: 0,\n        nextSessionStart: 0,\n        classStatus: undefined,\n        upcomingSessions: [],\n        showLoading: true,\n      };\n    }\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd,\n      next_session_start: nextSessionStart,\n      demo_class_status: classStatus,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId,\n    } = sessionDetails;\n\n    const { first_name = '', last_name = '' } = teacherDetails ?? {};\n    const teacherName = `${first_name} ${last_name}`.trim();\n\n    const isDemoDone = completedSessions > 0;\n    const isOnlyOneSessionCompleted = isDemoDone && completedSessions === 1;\n    const isMoreThanOneSessionCompleted = completedSessions > 1;\n\n    return {\n      sessionDetails,\n      teacherDetails,\n      studentName,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      demoId,\n    };\n  }, [parentHomeData, studentName]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentName","studentServiceId","getParentHome","parentHomeData","isProcessing","isProcessed","isStale","isProcessingFailed","useParentHomeGet","useEffect","useMemo","teacherDetails","sessionDetails","completedSessions","nextSessionEnd","nextSessionStart","classStatus","upcomingSessions","demoId","first_name","last_name","teacherName","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted"],"mappings":";;AA2BA,MAAMA,IAAoB,CAAC;AAAA,EACzB,aAAAC;AAAA,EACA,kBAAAC;AACF,MAAoD;AAC5C,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAiBP,CAAgB;AAErC,SAAAQ,EAAU,MAAM;AACd,IAAIR,MAAsB,CAACG,KAAgB,CAACG,KAAsB,CAACF,KAAgBC,MACjFJ,EAAcD,CAAgB;AAAA,EAChC,GACC,CAACA,GAAkBK,GAASF,GAAcF,GAAeK,GAAoBF,CAAW,CAAC,GAE7DK,EAAQ,MAAM;AACrC,UAAA,EAAE,iBAAiBC,IAAiB,MAAM,iBAAiBC,EAAe,IAC9ET,KAAkB;AAEpB,QAAI,CAACS;AACI,aAAA;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAAZ;AAAA,QACA,aAAa;AAAA,QACb,2BAA2B;AAAA,QAC3B,+BAA+B;AAAA,QAC/B,YAAY;AAAA,QACZ,yBAAyB;AAAA,QACzB,mBAAmB;AAAA,QACnB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,aAAa;AAAA,QACb,kBAAkB,CAAC;AAAA,QACnB,aAAa;AAAA,MAAA;AAIX,UAAA;AAAA,MACJ,oBAAoBa,IAAoB;AAAA,MACxC,kBAAkBC;AAAA,MAClB,oBAAoBC;AAAA,MACpB,mBAAmBC;AAAA,MACnB,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC;AAAA,IACf,IAAAN,GAEE,EAAE,YAAAO,IAAa,IAAI,WAAAC,IAAY,GAAG,IAAIT,KAAkB,IACxDU,IAAc,GAAGF,CAAU,IAAIC,CAAS,GAAG,QAE3CE,IAAaT,IAAoB,GACjCU,IAA4BD,KAAcT,MAAsB,GAChEW,IAAgCX,IAAoB;AAEnD,WAAA;AAAA,MACL,gBAAAD;AAAA,MACA,gBAAAD;AAAA,MACA,aAAAX;AAAA,MACA,aAAAqB;AAAA,MACA,mBAAAR;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,YAAAK;AAAA,MACA,2BAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,QAAAN;AAAA,IAAA;AAAA,EACF,GACC,CAACf,GAAgBH,CAAW,CAAC;AAGlC;"}

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

@@ -0,0 +1,26 @@
+const a = {
+  small: 40,
+  medium: 40,
+  large: 80,
+  separator: {
+    small: 12,
+    medium: 20,
+    large: 24,
+    extraLarge: 80
+  }
+}, e = {
+  small: 16,
+  medium: 24,
+  large: 40,
+  separator: {
+    small: 8,
+    medium: 16,
+    large: 22,
+    extraLarge: 40
+  }
+};
+export {
+  a as DESKTOP_SPACING,
+  e as MOBILE_SPACING
+};
+//# sourceMappingURL=parent-dashboard-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parent-dashboard-constants.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-constants.ts"],"sourcesContent":["export const MODAL_KEYS = {\n  STUDENT_PROFILE: 'studentProfile',\n  INSIGHTS: 'insights',\n  LEARNING_PLAN: 'learningPlan',\n  CHANGE_TUTOR: 'pla-change-tutor',\n  STUDENT_PROFILE_SUMMARY: 'student-profile-summary',\n} as const;\n\nexport const DESKTOP_SPACING = {\n  small: 40,\n  medium: 40,\n  large: 80,\n  separator: {\n    small: 12,\n    medium: 20,\n    large: 24,\n    extraLarge: 80,\n  },\n} as const;\n\nexport const MOBILE_SPACING = {\n  small: 16,\n  medium: 24,\n  large: 40,\n  separator: {\n    small: 8,\n    medium: 16,\n    large: 22,\n    extraLarge: 40,\n  },\n} as const;\n"],"names":["DESKTOP_SPACING","MOBILE_SPACING"],"mappings":"AAQO,MAAMA,IAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF,GAEaC,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF;"}

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

@@ -0,0 +1,33 @@
+import o from "styled-components";
+import t from "../ui/layout/flex-view.js";
+const a = o(t)`
+  margin: 0 -16px;
+`, l = o(t)(
+  ({ theme: r }) => `
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 3px;
+  }
+  &::-webkit-scrollbar-track {
+    background: ${r.colors.BLACK_2};
+  }
+  &::-webkit-scrollbar-thumb {
+    background: ${r.colors.BLACK_5};
+  }
+  ${r.mediaQueries.minWidthTablet} {
+    max-height: 100vh;
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+  }
+`
+), c = o(t)`
+  overflow: hidden;
+  height: 100vh;
+`;
+export {
+  c as Container,
+  l as ContentWrapper,
+  a as MathPracticeWrapper
+};
+//# sourceMappingURL=parent-dashboard-styled.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,203 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as R, useCallback as o, useMemo as B } from "react";
+import { useTheme as X } from "styled-components";
+import J from "../auth/pla-signup/onboarding-guide/onboarding-guide.js";
+import Q from "../auth/pla-signup/signup-header/signup-header.js";
+import U from "../trial-session/comps/pla/next-steps/next-steps.js";
+import Y from "../trial-session/comps/pla/session-status/session-status.js";
+import Z from "../trial-session/comps/pla/session-summary/session-summary.js";
+import ee from "../trial-session/comps/pla/upcoming-sessions/upcoming-sessions.js";
+import F from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js";
+import re from "../ui/buttons/button/button.js";
+import te from "../ui/buttons/text-button/text-button.js";
+import i from "../ui/layout/flex-view.js";
+import oe from "../ui/loader/app-loader/app-loader.js";
+import n from "../ui/separator/separator.js";
+import _ from "../ui/text/text.js";
+import { EDeviceType as ie } from "../ui/theme/constants.js";
+import ne from "./comps/compact-header/compact-header.js";
+import ae from "./comps/cuemath-app-features/cuemath-app-features.js";
+import se from "./comps/math-practice/math-practice.js";
+import le from "./comps/parent-dashboard-faqs/parent-dashboard-faqs.js";
+import ce from "./hooks/use-parent-home-data.js";
+import { MOBILE_SPACING as he, DESKTOP_SPACING as me } from "./parent-dashboard-constants.js";
+import { MathPracticeWrapper as pe, Container as de, ContentWrapper as ue } from "./parent-dashboard-styled.js";
+const qe = R(
+  ({
+    studentName: l,
+    studentServiceId: q,
+    onRescheduleDemo: d,
+    onViewSummary: u,
+    onGetStartedAgain: p,
+    onChangeTutor: f,
+    canChangeTutor: g,
+    onSwitchUser: S,
+    isSubscriptionCancelled: v,
+    HeaderAvatar: G
+  }) => {
+    const { device: K } = X(), h = K <= ie.MOBILE, {
+      teacherDetails: a,
+      teacherName: x,
+      completedSessions: b,
+      nextSessionStart: L,
+      nextSessionEnd: C,
+      classStatus: T,
+      upcomingSessions: $,
+      isDemoDone: s,
+      isOnlyOneSessionCompleted: P,
+      isMoreThanOneSessionCompleted: m,
+      showLoading: j = !1,
+      demoId: c
+    } = ce({ studentName: l, studentServiceId: q }), M = o(() => {
+      d(c);
+    }, [c, d]), O = o(() => {
+      c && f(c);
+    }, [c, f]), r = B(
+      () => h ? he : me,
+      [h]
+    ), D = B(() => h ? "100%" : 200, [h]), z = o(
+      () => /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(Q, {}),
+        /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+        /* @__PURE__ */ e(J, { orientation: "horizontal" }),
+        p && /* @__PURE__ */ t(i, { children: [
+          /* @__PURE__ */ e(n, { height: r.medium }),
+          /* @__PURE__ */ e(
+            re,
+            {
+              label: "Get Started",
+              renderAs: "yellow-dark",
+              shape: "square",
+              width: D,
+              onClick: p
+            }
+          )
+        ] })
+      ] }),
+      [r, D, p]
+    ), A = o(
+      () => /* @__PURE__ */ e(
+        Y,
+        {
+          completedSessions: b,
+          nextSessionStartTime: L,
+          teacherName: x,
+          status: T,
+          nextSessionEndTime: C,
+          studentName: l,
+          onRescheduleClick: M
+        }
+      ),
+      [
+        b,
+        L,
+        x,
+        T,
+        C,
+        l,
+        M
+      ]
+    ), E = o(() => !a || s ? null : /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.large }),
+      /* @__PURE__ */ e(F, { teacherProfile: a })
+    ] }), [a, s, r.separator.large]), y = o(() => m ? null : /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(
+        Z,
+        {
+          isDemoDone: s,
+          studentName: l,
+          onViewSummary: u
+        }
+      )
+    ] }), [
+      m,
+      r.separator.extraLarge,
+      s,
+      l,
+      u
+    ]), I = o(() => g ? null : /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.small }),
+      /* @__PURE__ */ t(i, { $flexDirection: "row", $flexColumnGapX: 0.25, children: [
+        /* @__PURE__ */ e(_, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
+        /* @__PURE__ */ e(
+          te,
+          {
+            color: "WHITE_1",
+            sizeOnMobile: "small",
+            label: "Try another tutor",
+            onClick: O
+          }
+        )
+      ] })
+    ] }), [g, r.separator.small, O]), w = o(() => a ? /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(_, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Know your tutor" }),
+      /* @__PURE__ */ e(n, { height: r.separator.medium }),
+      /* @__PURE__ */ e(F, { teacherProfile: a }),
+      I()
+    ] }) : null, [a, r.separator, I]), k = o(() => P ? /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(U, {}),
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(ee, { sessions: $ }),
+      w()
+    ] }) : null, [
+      P,
+      r.separator.extraLarge,
+      $,
+      w
+    ]), H = o(() => s ? /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(ae, {})
+    ] }) : null, [s, r.separator.extraLarge]), W = o(() => m ? null : /* @__PURE__ */ t(i, { children: [
+      /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+      /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(se, { onSwitchUser: S }) })
+    ] }), [m, r.separator.extraLarge, S]), V = o(
+      () => /* @__PURE__ */ t(i, { children: [
+        A(),
+        E(),
+        y(),
+        k(),
+        H(),
+        W()
+      ] }),
+      [
+        A,
+        E,
+        y,
+        k,
+        H,
+        W
+      ]
+    ), N = o(
+      () => /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(n, { height: r.separator.extraLarge }),
+        /* @__PURE__ */ e(le, {})
+      ] }),
+      [r.separator.extraLarge]
+    );
+    return j ? /* @__PURE__ */ e(oe, { height: "100vh" }) : /* @__PURE__ */ t(de, { children: [
+      /* @__PURE__ */ e(ne, { HeaderAvatar: G }),
+      /* @__PURE__ */ t(
+        ue,
+        {
+          $flex: 1,
+          $width: "100%",
+          $height: "100%",
+          $background: "BLACK_1",
+          $gap: r.medium,
+          $gutter: r.small,
+          children: [
+            v ? z() : V(),
+            N()
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  qe as default
+};
+//# sourceMappingURL=parent-dashboard-view.js.map