@cuemath/leap 3.5.43-j1 → 3.5.44-link.0

package/dist/features/auth/pla-signup/signup-header/signup-header.js

@@ -8,7 +8,7 @@ import l from "../../../ui/text/text.js";
 import { EDeviceType as T } from "../../../ui/theme/constants.js";
 import h from "../../../../assets/line-icons/icons/cuemath-logo.js";
 const $ = ({ renderThemeAs: s = "dark" }) => {
-  const { device: a } = d(), e = a <= T.TABLET, i = s === "dark", c = i ? n.TRUSTPILOT : n.TRUSTPILOT_BLACK, o = i ? "BLACK" : "WHITE";
+  const { device: a } = d(), e = a <= T.TABLET, i = s === "dark", c = i ? n.TRUSTPILOT : n.TRUSTPILOT_BLACK, o = i ? "WHITE" : "BLACK";
   return /* @__PURE__ */ t(
     m,
     {

package/dist/features/auth/pla-signup/signup-header/signup-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/pla-signup/signup-header/signup-header.tsx"],"sourcesContent":["import { 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 CuemathLogo from '../../../../assets/line-icons/icons/cuemath-logo';\n\nconst SignupHeader = ({ renderThemeAs = 'dark' }: { renderThemeAs?: 'light' | 'dark' }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isDarkTheme = renderThemeAs === 'dark';\n  const trustpilotLogo = isDarkTheme ? ILLUSTRATIONS.TRUSTPILOT : ILLUSTRATIONS.TRUSTPILOT_BLACK;\n  const textColor = !isDarkTheme ? 'WHITE' : 'BLACK';\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <CuemathLogo width={isCompact ? 80 : 107} height={isCompact ? 12 : 16} color={textColor} />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color={textColor}>\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color={textColor}>\n            4.9+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image src={trustpilotLogo} width={isCompact ? 80 : 99} height={isCompact ? 20 : 25} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","renderThemeAs","device","useTheme","isCompact","EDeviceType","isDarkTheme","trustpilotLogo","ILLUSTRATIONS","textColor","jsxs","FlexView","jsx","CuemathLogo","Separator","Text","Image","SignupHeader$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe,CAAC,EAAE,eAAAC,IAAgB,aAAmD;AACnF,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAcL,MAAkB,QAChCM,IAAiBD,IAAcE,EAAc,aAAaA,EAAc,kBACxEC,IAAaH,IAAwB,UAAV;AAG/B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBP,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAC,gBAAAQ,EAAAC,GAAA,EAAY,OAAOT,IAAY,KAAK,KAAK,QAAQA,IAAY,KAAK,IAAI,OAAOK,EAAW,CAAA;AAAA,QACxF,CAACL,KAAc,gBAAAQ,EAAAE,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACK,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAQN,GAAW,UAAA;AAAA,YAAA;AAAA,YACzD;AAAA,YACN,gBAAAG,EAACG,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAQN,GAAW,UAEnF,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAG,EAACI,GAAM,EAAA,KAAKT,GAAgB,OAAOH,IAAY,KAAK,IAAI,QAAQA,IAAY,KAAK,GAAI,CAAA;AAAA,QAAA,GACvF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAejB;"}
+{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/pla-signup/signup-header/signup-header.tsx"],"sourcesContent":["import { 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 CuemathLogo from '../../../../assets/line-icons/icons/cuemath-logo';\n\nconst SignupHeader = ({ renderThemeAs = 'dark' }: { renderThemeAs?: 'light' | 'dark' }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isDarkTheme = renderThemeAs === 'dark';\n  const trustpilotLogo = isDarkTheme ? ILLUSTRATIONS.TRUSTPILOT : ILLUSTRATIONS.TRUSTPILOT_BLACK;\n  const textColor = isDarkTheme ? 'WHITE' : 'BLACK';\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <CuemathLogo width={isCompact ? 80 : 107} height={isCompact ? 12 : 16} color={textColor} />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color={textColor}>\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color={textColor}>\n            4.9+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image src={trustpilotLogo} width={isCompact ? 80 : 99} height={isCompact ? 20 : 25} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","renderThemeAs","device","useTheme","isCompact","EDeviceType","isDarkTheme","trustpilotLogo","ILLUSTRATIONS","textColor","jsxs","FlexView","jsx","CuemathLogo","Separator","Text","Image","SignupHeader$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe,CAAC,EAAE,eAAAC,IAAgB,aAAmD;AACnF,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAcL,MAAkB,QAChCM,IAAiBD,IAAcE,EAAc,aAAaA,EAAc,kBACxEC,IAAYH,IAAc,UAAU;AAGxC,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBP,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAC,gBAAAQ,EAAAC,GAAA,EAAY,OAAOT,IAAY,KAAK,KAAK,QAAQA,IAAY,KAAK,IAAI,OAAOK,EAAW,CAAA;AAAA,QACxF,CAACL,KAAc,gBAAAQ,EAAAE,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACK,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAQN,GAAW,UAAA;AAAA,YAAA;AAAA,YACzD;AAAA,YACN,gBAAAG,EAACG,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAQN,GAAW,UAEnF,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAG,EAACI,GAAM,EAAA,KAAKT,GAAgB,OAAOH,IAAY,KAAK,IAAI,QAAQA,IAAY,KAAK,GAAI,CAAA;AAAA,QAAA,GACvF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAejB;"}

package/dist/features/milestone/outcome/comps/outcome-collection/score-marks-input/index.js

@@ -1,73 +1,75 @@
-import { jsxs as g, Fragment as y, jsx as s } from "react/jsx-runtime";
-import { useState as M, useMemo as b } from "react";
-import I from "../../../../../ui/inputs/num-range-input/num-range-input.js";
-import S from "../../../../../ui/inputs/select-input/select-input.js";
-import k from "../../../../../ui/inputs/text-input/text-input.js";
-import w from "../../../../../ui/layout/flex-view.js";
-import { parseNumRangeValue as N } from "../outcome-form/outcome-form-helpers.js";
-const R = ({
-  onChange: c,
-  variants: n,
+import { jsxs as y, Fragment as b, jsx as u } from "react/jsx-runtime";
+import { useState as I, useMemo as S } from "react";
+import k from "../../../../../ui/inputs/num-range-input/num-range-input.js";
+import w from "../../../../../ui/inputs/select-input/select-input.js";
+import N from "../../../../../ui/inputs/text-input/text-input.js";
+import X from "../../../../../ui/layout/flex-view.js";
+import { parseNumRangeValue as j } from "../outcome-form/outcome-form-helpers.js";
+const O = ({
+  onChange: f,
+  variants: p,
   validation: e,
-  value: f,
-  placeholder: m,
-  updateVariant: x
+  value: x,
+  placeholder: r,
+  updateVariant: n
 }) => {
-  const [o, V] = M(() => n.find((r) => r.default)), h = (r) => {
-    const t = n.find((u) => u.type === r);
-    if (t) {
-      V(t);
-      const { input_variant: u } = t;
-      x(u);
+  const [V, h] = I(() => p.find((m) => m.default)), g = (m) => {
+    const s = p.find((c) => c.type === m);
+    if (s) {
+      h(s);
+      const { input_variant: c } = s;
+      n(c);
     }
-  }, a = b(
-    () => n.map(({ type: r, key: t }) => ({
-      id: r,
-      label: t
+  }, M = S(
+    () => p.map(({ type: m, key: s }) => ({
+      id: m,
+      label: s
     })),
-    [n]
-  ), { type: p } = o || {};
-  return /* @__PURE__ */ g(y, { children: [
-    /* @__PURE__ */ s(w, { $marginBottomX: 0.5, children: /* @__PURE__ */ s(
-      S,
+    [p]
+  ), { type: t } = V || {};
+  return /* @__PURE__ */ y(b, { children: [
+    /* @__PURE__ */ u(X, { $marginBottomX: 0.5, children: /* @__PURE__ */ u(
+      w,
       {
         renderAs: "primary",
         widthX: 24,
-        options: a,
+        options: M,
         label: "Select Variant",
-        value: p,
-        onChange: h
+        value: t,
+        onChange: g
       }
     ) }),
-    p === "out_of" && /* @__PURE__ */ s(
-      I,
+    t === "out_of" && /* @__PURE__ */ u(
+      k,
       {
-        onChange: c,
-        value: N(f),
+        onChange: f,
+        value: j(x),
+        middleMin: e == null ? void 0 : e.min,
         middleMax: e == null ? void 0 : e.max,
+        endMin: e != null && e.min && (e == null ? void 0 : e.min) > 0 ? e == null ? void 0 : e.min : 1,
         endMax: e == null ? void 0 : e.max,
-        middlePlaceholder: m && m.marks,
-        endPlaceholder: m && m.maxMarks
+        middlePlaceholder: r && r.marks,
+        endPlaceholder: r && r.maxMarks
       }
     ),
-    p === "absolute" && /* @__PURE__ */ s(
-      k,
+    t === "absolute" && /* @__PURE__ */ u(
+      N,
       {
         renderAs: "primary",
         type: "number",
         widthX: 6,
         min: e == null ? void 0 : e.min,
         max: e == null ? void 0 : e.max,
-        value: f,
-        onChange: (r) => {
-          c(r.target.value);
+        value: x,
+        onChange: (m) => {
+          f(m.target.value);
         },
-        placeholder: m.maxMarks
+        placeholder: r.maxMarks
       }
     )
   ] });
 };
 export {
-  R as default
+  O as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/milestone/outcome/comps/outcome-collection/score-marks-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/features/milestone/outcome/comps/outcome-collection/score-marks-input/index.tsx"],"sourcesContent":["import { useMemo, useState, type FC } from 'react';\n\nimport NumRangeInput from '../../../../../ui/inputs/num-range-input/num-range-input';\nimport SelectInput from '../../../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type {\n  IMileStoneOutcomeFormFields,\n  IPlaceholder,\n  IValidation,\n  IVariant,\n} from '../../../milestone-outcome-types';\nimport { parseNumRangeValue } from '../outcome-form/outcome-form-helpers';\n\ntype TOutcomeFormField = keyof Omit<IMileStoneOutcomeFormFields, 'input_variant'>;\n\ntype TValue = IMileStoneOutcomeFormFields[TOutcomeFormField];\n\nexport interface INumInputWithVariantProps {\n  onChange: (value: string | { middle: string; end: string }) => void;\n  variants: IVariant[];\n  updateVariant: (value: string | undefined) => void;\n  validation: IValidation | undefined;\n  value: TValue | undefined;\n  placeholder: IPlaceholder;\n}\n\nconst NumInputWithVariant: FC<INumInputWithVariantProps> = ({\n  onChange,\n  variants,\n  validation,\n  value,\n  placeholder,\n  updateVariant,\n}) => {\n  const [selectedVariant, setSelectedVariant] = useState(() => {\n    return variants.find(variant => variant.default);\n  });\n\n  const handleVariantChange = (variantType: string) => {\n    const updatedVariant = variants.find(variant => variant.type === variantType);\n\n    if (updatedVariant) {\n      setSelectedVariant(updatedVariant);\n      const { input_variant: schemeVariant } = updatedVariant;\n\n      updateVariant(schemeVariant);\n    }\n  };\n\n  const variantOptions = useMemo(\n    () =>\n      variants.map(({ type, key }) => ({\n        id: type,\n        label: key,\n      })),\n    [variants],\n  );\n\n  const { type } = selectedVariant || {};\n\n  return (\n    <>\n      <FlexView $marginBottomX={0.5}>\n        <SelectInput\n          renderAs=\"primary\"\n          widthX={24}\n          options={variantOptions}\n          label=\"Select Variant\"\n          value={type}\n          onChange={handleVariantChange}\n        />\n      </FlexView>\n      {type === 'out_of' && (\n        <NumRangeInput\n          onChange={onChange}\n          value={parseNumRangeValue(value)}\n          middleMax={validation?.max}\n          endMax={validation?.max}\n          middlePlaceholder={placeholder && placeholder.marks}\n          endPlaceholder={placeholder && placeholder.maxMarks}\n        />\n      )}\n      {type === 'absolute' && (\n        <TextInput\n          renderAs=\"primary\"\n          type=\"number\"\n          widthX={6}\n          min={validation?.min}\n          max={validation?.max}\n          value={value as string}\n          onChange={e => {\n            onChange(e.target.value);\n          }}\n          placeholder={placeholder.maxMarks}\n        />\n      )}\n    </>\n  );\n};\n\nexport default NumInputWithVariant;\n"],"names":["NumInputWithVariant","onChange","variants","validation","value","placeholder","updateVariant","selectedVariant","setSelectedVariant","useState","variant","handleVariantChange","variantType","updatedVariant","schemeVariant","variantOptions","useMemo","type","key","jsxs","Fragment","jsx","FlexView","SelectInput","NumRangeInput","parseNumRangeValue","TextInput","e"],"mappings":";;;;;;;AA2BA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,MAC9CP,EAAS,KAAK,CAAWQ,MAAAA,EAAQ,OAAO,CAChD,GAEKC,IAAsB,CAACC,MAAwB;AACnD,UAAMC,IAAiBX,EAAS,KAAK,CAAWQ,MAAAA,EAAQ,SAASE,CAAW;AAE5E,QAAIC,GAAgB;AAClB,MAAAL,EAAmBK,CAAc;AAC3B,YAAA,EAAE,eAAeC,EAAkB,IAAAD;AAEzC,MAAAP,EAAcQ,CAAa;AAAA,IAC7B;AAAA,EAAA,GAGIC,IAAiBC;AAAA,IACrB,MACEd,EAAS,IAAI,CAAC,EAAE,MAAAe,GAAM,KAAAC,SAAW;AAAA,MAC/B,IAAID;AAAAA,MACJ,OAAOC;AAAA,IAAA,EACP;AAAA,IACJ,CAAChB,CAAQ;AAAA,EAAA,GAGL,EAAE,MAAAe,EAAA,IAASV,KAAmB;AAEpC,SAEI,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,gBAAgB,KACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAASR;AAAA,QACT,OAAM;AAAA,QACN,OAAOE;AAAA,QACP,UAAUN;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACCM,MAAS,YACR,gBAAAI;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAAvB;AAAA,QACA,OAAOwB,EAAmBrB,CAAK;AAAA,QAC/B,WAAWD,KAAA,gBAAAA,EAAY;AAAA,QACvB,QAAQA,KAAA,gBAAAA,EAAY;AAAA,QACpB,mBAAmBE,KAAeA,EAAY;AAAA,QAC9C,gBAAgBA,KAAeA,EAAY;AAAA,MAAA;AAAA,IAC7C;AAAA,IAEDY,MAAS,cACR,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,KAAKvB,KAAA,gBAAAA,EAAY;AAAA,QACjB,KAAKA,KAAA,gBAAAA,EAAY;AAAA,QACjB,OAAAC;AAAA,QACA,UAAU,CAAKuB,MAAA;AACJ,UAAA1B,EAAA0B,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAatB,EAAY;AAAA,MAAA;AAAA,IAC3B;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/features/milestone/outcome/comps/outcome-collection/score-marks-input/index.tsx"],"sourcesContent":["import { useMemo, useState, type FC } from 'react';\n\nimport NumRangeInput from '../../../../../ui/inputs/num-range-input/num-range-input';\nimport SelectInput from '../../../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport type {\n  IMileStoneOutcomeFormFields,\n  IPlaceholder,\n  IValidation,\n  IVariant,\n} from '../../../milestone-outcome-types';\nimport { parseNumRangeValue } from '../outcome-form/outcome-form-helpers';\n\ntype TOutcomeFormField = keyof Omit<IMileStoneOutcomeFormFields, 'input_variant'>;\n\ntype TValue = IMileStoneOutcomeFormFields[TOutcomeFormField];\n\nexport interface INumInputWithVariantProps {\n  onChange: (value: string | { middle: string; end: string }) => void;\n  variants: IVariant[];\n  updateVariant: (value: string | undefined) => void;\n  validation: IValidation | undefined;\n  value: TValue | undefined;\n  placeholder: IPlaceholder;\n}\n\nconst NumInputWithVariant: FC<INumInputWithVariantProps> = ({\n  onChange,\n  variants,\n  validation,\n  value,\n  placeholder,\n  updateVariant,\n}) => {\n  const [selectedVariant, setSelectedVariant] = useState(() => {\n    return variants.find(variant => variant.default);\n  });\n\n  const handleVariantChange = (variantType: string) => {\n    const updatedVariant = variants.find(variant => variant.type === variantType);\n\n    if (updatedVariant) {\n      setSelectedVariant(updatedVariant);\n      const { input_variant: schemeVariant } = updatedVariant;\n\n      updateVariant(schemeVariant);\n    }\n  };\n\n  const variantOptions = useMemo(\n    () =>\n      variants.map(({ type, key }) => ({\n        id: type,\n        label: key,\n      })),\n    [variants],\n  );\n\n  const { type } = selectedVariant || {};\n\n  return (\n    <>\n      <FlexView $marginBottomX={0.5}>\n        <SelectInput\n          renderAs=\"primary\"\n          widthX={24}\n          options={variantOptions}\n          label=\"Select Variant\"\n          value={type}\n          onChange={handleVariantChange}\n        />\n      </FlexView>\n      {type === 'out_of' && (\n        <NumRangeInput\n          onChange={onChange}\n          value={parseNumRangeValue(value)}\n          middleMin={validation?.min}\n          middleMax={validation?.max}\n          endMin={validation?.min && validation?.min > 0 ? validation?.min : 1}\n          endMax={validation?.max}\n          middlePlaceholder={placeholder && placeholder.marks}\n          endPlaceholder={placeholder && placeholder.maxMarks}\n        />\n      )}\n      {type === 'absolute' && (\n        <TextInput\n          renderAs=\"primary\"\n          type=\"number\"\n          widthX={6}\n          min={validation?.min}\n          max={validation?.max}\n          value={value as string}\n          onChange={e => {\n            onChange(e.target.value);\n          }}\n          placeholder={placeholder.maxMarks}\n        />\n      )}\n    </>\n  );\n};\n\nexport default NumInputWithVariant;\n"],"names":["NumInputWithVariant","onChange","variants","validation","value","placeholder","updateVariant","selectedVariant","setSelectedVariant","useState","variant","handleVariantChange","variantType","updatedVariant","schemeVariant","variantOptions","useMemo","type","key","jsxs","Fragment","jsx","FlexView","SelectInput","NumRangeInput","parseNumRangeValue","TextInput","e"],"mappings":";;;;;;;AA2BA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,MAC9CP,EAAS,KAAK,CAAWQ,MAAAA,EAAQ,OAAO,CAChD,GAEKC,IAAsB,CAACC,MAAwB;AACnD,UAAMC,IAAiBX,EAAS,KAAK,CAAWQ,MAAAA,EAAQ,SAASE,CAAW;AAE5E,QAAIC,GAAgB;AAClB,MAAAL,EAAmBK,CAAc;AAC3B,YAAA,EAAE,eAAeC,EAAkB,IAAAD;AAEzC,MAAAP,EAAcQ,CAAa;AAAA,IAC7B;AAAA,EAAA,GAGIC,IAAiBC;AAAA,IACrB,MACEd,EAAS,IAAI,CAAC,EAAE,MAAAe,GAAM,KAAAC,SAAW;AAAA,MAC/B,IAAID;AAAAA,MACJ,OAAOC;AAAA,IAAA,EACP;AAAA,IACJ,CAAChB,CAAQ;AAAA,EAAA,GAGL,EAAE,MAAAe,EAAA,IAASV,KAAmB;AAEpC,SAEI,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,gBAAgB,KACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAASR;AAAA,QACT,OAAM;AAAA,QACN,OAAOE;AAAA,QACP,UAAUN;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACCM,MAAS,YACR,gBAAAI;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAAvB;AAAA,QACA,OAAOwB,EAAmBrB,CAAK;AAAA,QAC/B,WAAWD,KAAA,gBAAAA,EAAY;AAAA,QACvB,WAAWA,KAAA,gBAAAA,EAAY;AAAA,QACvB,QAAQA,KAAA,QAAAA,EAAY,QAAOA,KAAA,gBAAAA,EAAY,OAAM,IAAIA,KAAA,gBAAAA,EAAY,MAAM;AAAA,QACnE,QAAQA,KAAA,gBAAAA,EAAY;AAAA,QACpB,mBAAmBE,KAAeA,EAAY;AAAA,QAC9C,gBAAgBA,KAAeA,EAAY;AAAA,MAAA;AAAA,IAC7C;AAAA,IAEDY,MAAS,cACR,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,KAAKvB,KAAA,gBAAAA,EAAY;AAAA,QACjB,KAAKA,KAAA,gBAAAA,EAAY;AAAA,QACjB,OAAAC;AAAA,QACA,UAAU,CAAKuB,MAAA;AACJ,UAAA1B,EAAA0B,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAatB,EAAY;AAAA,MAAA;AAAA,IAC3B;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.js

@@ -0,0 +1,41 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { memo as u, useMemo as m } from "react";
+import { useTheme as h } from "styled-components";
+import f from "../../../auth/pla-signup/signup-header/signup-header.js";
+import a from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/separator/separator.js";
+import { MOBILE_SPACING as S, DESKTOP_SPACING as b } from "../../parent-dashboard-constants.js";
+import { EDeviceType as g } from "../../../ui/theme/constants.js";
+import I from "../../../auth/pla-signup/onboarding-guide/onboarding-guide.js";
+import x from "../../../ui/buttons/button/button.js";
+const p = u((c) => {
+  const { onGetStartedAgain: i, renderThemeAs: e } = c, { device: d } = h(), t = d <= g.MOBILE, l = m(() => t ? "100%" : 200, [t]), r = m(
+    () => t ? S : b,
+    [t]
+  );
+  return /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ o(f, { renderThemeAs: e }),
+    /* @__PURE__ */ o(s, { height: r.separator.extraLarge }),
+    /* @__PURE__ */ o(I, { renderThemeAs: e, orientation: "horizontal" }),
+    i ? /* @__PURE__ */ n(a, { children: [
+      /* @__PURE__ */ o(s, { height: r.medium }),
+      /* @__PURE__ */ o(
+        x,
+        {
+          label: "Get Started",
+          renderAs: "yellow-dark",
+          shape: "square",
+          size: "small",
+          width: l,
+          onClick: i
+        }
+      )
+    ] }) : null
+  ] });
+});
+p.displayName = "SubscriptionInitiation";
+const L = p;
+export {
+  L as default
+};
+//# sourceMappingURL=subscription-initiation.js.map

package/dist/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription-initiation.js","sources":["../../../../../src/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.tsx"],"sourcesContent":["import { type FC, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport SignupHeader from '../../../auth/pla-signup/signup-header/signup-header';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { type ISpacingConfig } from '../../parent-dashboard-types';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport OnboardingGuide from '../../../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport Button from '../../../ui/buttons/button/button';\n\ninterface ISubscriptionInitiationProps {\n  onGetStartedAgain?: () => void;\n  renderThemeAs?: 'dark' | 'light';\n}\n\nconst SubscriptionInitiation: FC<ISubscriptionInitiationProps> = memo(props => {\n  const { onGetStartedAgain, renderThemeAs } = props;\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n  const spacing = useMemo<ISpacingConfig>(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  return (\n    <FlexView>\n      <SignupHeader renderThemeAs={renderThemeAs} />\n      <Separator height={spacing.separator.extraLarge} />\n      <OnboardingGuide renderThemeAs={renderThemeAs} 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      ) : null}\n    </FlexView>\n  );\n});\n\nSubscriptionInitiation.displayName = 'SubscriptionInitiation';\n\nexport default SubscriptionInitiation;\n"],"names":["SubscriptionInitiation","memo","props","onGetStartedAgain","renderThemeAs","device","useTheme","isMobile","EDeviceType","buttonWidth","useMemo","spacing","MOBILE_SPACING","DESKTOP_SPACING","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SubscriptionInitiation$1"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAA2DC,EAAK,CAASC,MAAA;AACvE,QAAA,EAAE,mBAAAC,GAAmB,eAAAC,EAAkB,IAAAF,GAEvC,EAAE,QAAAG,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QAEjCC,IAAcC,EAAQ,MAAOH,IAAW,SAAS,KAAM,CAACA,CAAQ,CAAC,GACjEI,IAAUD;AAAA,IACd,MAAOH,IAAWK,IAAiBC;AAAA,IACnC,CAACN,CAAQ;AAAA,EAAA;AAGX,2BACGO,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,eAAAZ,GAA8B;AAAA,IAC3C,gBAAAW,EAAAE,GAAA,EAAU,QAAQN,EAAQ,UAAU,YAAY;AAAA,IAChD,gBAAAI,EAAAG,GAAA,EAAgB,eAAAd,GAA8B,aAAY,aAAa,CAAA;AAAA,IACvED,sBACEW,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAU,QAAQN,EAAQ,OAAQ,CAAA;AAAA,MACnC,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAS;AAAA,UACT,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAOV;AAAA,UACP,SAASN;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CAAC;AAEDH,EAAuB,cAAc;AAErC,MAAAoB,IAAepB;"}

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

@@ -1,220 +1,200 @@
-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 dr from "../auth/pla-signup/signup-header/signup-header.js";
-import Z from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.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 { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { memo as mr, useMemo as t, useCallback as d } from "react";
+import { useTheme as hr } from "styled-components";
+import Y from "../trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js";
+import pr from "../ui/buttons/text-button/text-button.js";
+import ur from "../ui/error/error.js";
 import i from "../ui/layout/flex-view.js";
-import xr from "../ui/loader/app-loader/app-loader.js";
-import a from "../ui/separator/separator.js";
-import rr from "../ui/text/text.js";
-import { EDeviceType as Tr } from "../ui/theme/constants.js";
-import { invalidateParentHome as br } from "./api/parent-home.js";
-import Cr from "./comps/billing-information/billing-information.js";
-import Lr from "./comps/compact-header/compact-header.js";
-import Pr from "./comps/cuemath-app-features/cuemath-app-features.js";
-import Dr from "./comps/math-practice/math-practice.js";
-import $r from "./comps/next-steps/next-steps.js";
-import Ar from "./comps/parent-dashboard-faqs/parent-dashboard-faqs.js";
-import yr from "./comps/session-status/session-status.js";
-import Mr from "./comps/session-summary/session-summary.js";
-import wr from "./comps/upcoming-sessions/upcoming-sessions.js";
-import Er from "./hooks/use-parent-home-data.js";
-import Ir from "./hooks/use-student-profile-summary-data.js";
-import { usePLAModalHandlers as Or } from "./modals/hooks/use-pla-model-handlers.js";
-import { MOBILE_SPACING as Hr, 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(function({
+import fr from "../ui/loader/app-loader/app-loader.js";
+import n from "../ui/separator/separator.js";
+import Z from "../ui/text/text.js";
+import { EDeviceType as dr } from "../ui/theme/constants.js";
+import { invalidateParentHome as gr } from "./api/parent-home.js";
+import Sr from "./comps/billing-information/billing-information.js";
+import xr from "./comps/compact-header/compact-header.js";
+import Tr from "./comps/cuemath-app-features/cuemath-app-features.js";
+import br from "./comps/math-practice/math-practice.js";
+import Cr from "./comps/next-steps/next-steps.js";
+import Lr from "./comps/parent-dashboard-faqs/parent-dashboard-faqs.js";
+import Pr from "./comps/session-status/session-status.js";
+import Dr from "./comps/session-summary/session-summary.js";
+import $r from "./comps/upcoming-sessions/upcoming-sessions.js";
+import Ar from "./hooks/use-parent-home-data.js";
+import yr from "./hooks/use-student-profile-summary-data.js";
+import { usePLAModalHandlers as Mr } from "./modals/hooks/use-pla-model-handlers.js";
+import { MOBILE_SPACING as Ir, DESKTOP_SPACING as Er } from "./parent-dashboard-constants.js";
+import { MathPracticeWrapper as Or, Container as wr, ContentWrapper as Hr } from "./parent-dashboard-styled.js";
+import Fr from "./comps/subscription-initiation/subscription-initiation.js";
+const me = mr(function({
   studentName: l,
   studentId: c,
-  onRescheduleDemo: C,
+  onRescheduleDemo: T,
   onViewSummary: h,
-  onGetStartedAgain: S,
-  onChangeTutor: L,
-  onSwitchUser: P,
-  HeaderAvatar: er
+  onGetStartedAgain: b,
+  onChangeTutor: C,
+  onSwitchUser: L,
+  HeaderAvatar: rr
 }) {
-  const { device: tr } = pr(), p = tr <= Tr.MOBILE, or = Er(c), {
+  const { device: er } = hr(), P = er <= dr.MOBILE, tr = Ar(c), {
     isStudentNoShow: D,
     isTutorNoShow: $,
     teacherDetails: s,
-    billingDetails: u,
-    teacherName: x,
+    billingDetails: p,
+    teacherName: g,
     completedSessions: A,
     nextSessionStart: y,
     nextSessionEnd: M,
-    upcomingSessions: w,
-    isTrialDone: n,
-    isOnlyTrialDone: d,
+    upcomingSessions: I,
+    isTrialDone: a,
+    isOnlyTrialDone: u,
     isRegularClassDone: f,
     showLoading: E = !1,
     demoId: m,
-    isProcessingFailed: ir,
-    userAttemptId: I,
-    isSubscriptionCancelled: ar,
-    canChangeTutor: O,
+    isProcessingFailed: or,
+    userAttemptId: O,
+    isSubscriptionCancelled: ir,
+    canChangeTutor: w,
     sessionDetails: H,
-    cardOnFileNotAvailable: k,
+    cardOnFileNotAvailable: F,
     isCardDeclined: B
-  } = or, { summaryInfo: F, fetchSummaryData: W } = Ir(c), e = t(
-    () => p ? Hr : kr,
-    [p]
-  ), v = t(() => p ? "100%" : 200, [p]), nr = g(() => {
-    br(c), W();
-  }, [W, c]), T = g(() => {
+  } = tr, { summaryInfo: k, fetchSummaryData: v } = yr(c), e = t(
+    () => P ? Ir : Er,
+    [P]
+  ), nr = d(() => {
+    gr(c), v();
+  }, [v, c]), S = d(() => {
+    T(m);
+  }, [m, T]), x = d(() => {
     C(m);
-  }, [m, C]), b = g(() => {
-    L(m);
-  }, [m, L]), { onCancelSubscription: N, onViewPaymentMethod: _ } = Or({
+  }, [m, C]), { onCancelSubscription: W, onViewPaymentMethod: N } = Mr({
     demoId: m,
     studentId: c,
-    isTrialDone: n,
+    isTrialDone: a,
     studentName: l,
-    billingDetails: u,
-    withTutor: !!x,
-    onChangeTutor: b,
-    onRescheduleDemo: T
-  }), j = g(
-    (mr) => {
-      h == null || h(mr, { ...F, userAttemptId: I ?? null });
+    billingDetails: p,
+    withTutor: !!g,
+    onChangeTutor: x,
+    onRescheduleDemo: S
+  }), _ = d(
+    (cr) => {
+      h == null || h(cr, { ...k, userAttemptId: O ?? null });
     },
-    [h, F, I]
-  ), q = t(
+    [h, k, O]
+  ), j = t(
     () => ({
       completedSessions: A,
       nextSessionStartTime: y,
-      teacherName: x,
+      teacherName: g,
       isTutorNoShow: $,
       isStudentNoShow: D,
       nextSessionEndTime: M,
       studentName: l,
-      onRescheduleClick: T,
-      isTrialDone: n,
-      isOnlyTrialDone: d
+      onRescheduleClick: S,
+      isTrialDone: a,
+      isOnlyTrialDone: u
     }),
     [
       A,
       y,
-      x,
+      g,
       $,
       D,
       M,
       l,
-      T,
-      n,
-      d
+      S,
+      a,
+      u
     ]
-  ), z = t(
+  ), K = t(
     () => ({
-      isTrialDone: n,
+      isTrialDone: a,
       studentName: l,
-      onViewSummary: j
+      onViewSummary: _
     }),
-    [n, l, j]
-  ), sr = t(
-    () => /* @__PURE__ */ o(i, { children: [
-      /* @__PURE__ */ r(dr, {}),
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(ur, { orientation: "horizontal" }),
-      S && /* @__PURE__ */ o(i, { children: [
-        /* @__PURE__ */ r(a, { height: e.medium }),
-        /* @__PURE__ */ r(
-          fr,
-          {
-            label: "Get Started",
-            renderAs: "yellow-dark",
-            shape: "square",
-            size: "small",
-            width: v,
-            onClick: S
-          }
-        )
-      ] })
-    ] }),
-    [e, v, S]
-  ), G = t(
-    () => /* @__PURE__ */ r(yr, { ...q }),
-    [q]
-  ), 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(() => f ? null : /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-    /* @__PURE__ */ r(Mr, { ...z })
-  ] }), [f, e.separator.extraLarge, z]), V = t(() => O ? /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r(a, { height: e.separator.small }),
+    [a, l, _]
+  ), ar = t(
+    () => /* @__PURE__ */ r(Fr, { onGetStartedAgain: b }),
+    [b]
+  ), R = t(
+    () => /* @__PURE__ */ r(Pr, { ...j }),
+    [j]
+  ), q = t(() => !s || a ? null : /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.large }),
+    /* @__PURE__ */ r(Y, { teacherProfile: s })
+  ] }), [s, a, e.separator.large]), G = t(() => f ? null : /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
+    /* @__PURE__ */ r(Dr, { ...K })
+  ] }), [f, e.separator.extraLarge, K]), V = t(() => w ? /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { 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?" }),
+      /* @__PURE__ */ r(Z, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
       /* @__PURE__ */ r(
-        gr,
+        pr,
         {
           color: "WHITE_1",
           sizeOnMobile: "small",
           label: "Try another tutor",
-          onClick: b
+          onClick: x
         }
       )
     ] })
-  ] }) : null, [O, e.separator.small, b]), X = t(() => s ? /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-    /* @__PURE__ */ r(rr, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Know your tutor" }),
-    /* @__PURE__ */ r(a, { height: e.separator.medium }),
-    /* @__PURE__ */ r(Z, { teacherProfile: s }),
+  ] }) : null, [w, e.separator.small, x]), z = t(() => s ? /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
+    /* @__PURE__ */ r(Z, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Know your tutor" }),
+    /* @__PURE__ */ r(n, { height: e.separator.medium }),
+    /* @__PURE__ */ r(Y, { teacherProfile: s }),
     V
-  ] }) : null, [s, e.separator, V]), J = t(() => d ? /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-    /* @__PURE__ */ r($r, {}),
-    /* @__PURE__ */ r(wr, { sessions: w }),
-    X
-  ] }) : null, [d, e.separator.extraLarge, w, 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(() => f ? null : /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-    /* @__PURE__ */ r(Br, { children: /* @__PURE__ */ r(Dr, { onSwitchUser: P }) })
-  ] }), [f, e.separator.extraLarge, P]), Y = t(() => u ? /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
+  ] }) : null, [s, e.separator, V]), X = t(() => u ? /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
+    /* @__PURE__ */ r(Cr, {}),
+    /* @__PURE__ */ r($r, { sessions: I }),
+    z
+  ] }) : null, [u, e.separator.extraLarge, I, z]), J = t(() => a ? /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
+    /* @__PURE__ */ r(Tr, {})
+  ] }) : null, [a, e.separator.extraLarge]), Q = t(() => f ? null : /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
+    /* @__PURE__ */ r(Or, { children: /* @__PURE__ */ r(br, { onSwitchUser: L }) })
+  ] }), [f, e.separator.extraLarge, L]), U = t(() => p ? /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
     /* @__PURE__ */ r(
-      Cr,
+      Sr,
       {
-        billingDetails: u,
-        onViewPaymentMethod: _,
-        onCancelSubscription: N
+        billingDetails: p,
+        onViewPaymentMethod: N,
+        onCancelSubscription: W
       }
     )
-  ] }) : null, [u, e.separator.extraLarge, _, N]), lr = t(
+  ] }) : null, [p, e.separator.extraLarge, N, W]), sr = t(
     () => /* @__PURE__ */ o(i, { children: [
-      G,
-      K,
       R,
+      q,
+      G,
+      X,
       J,
       Q,
-      U,
-      Y
+      U
     ] }),
     [
-      G,
-      K,
       R,
+      q,
+      G,
+      X,
       J,
       Q,
-      U,
-      Y
+      U
     ]
-  ), cr = t(
+  ), lr = t(
     () => /* @__PURE__ */ o(i, { children: [
-      /* @__PURE__ */ r(a, { height: e.separator.extraLarge }),
-      /* @__PURE__ */ r(Ar, {})
+      /* @__PURE__ */ r(n, { height: e.separator.extraLarge }),
+      /* @__PURE__ */ r(Lr, {})
     ] }),
     [e.separator.extraLarge]
   );
-  return t(() => B || k || !H || E, [k, B, H, E]) ? /* @__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(Lr, { HeaderAvatar: er }),
+  return t(() => B || F || !H || E, [F, B, H, E]) ? /* @__PURE__ */ r(fr, { height: "100dvh" }) : or ? /* @__PURE__ */ r(i, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ r(ur, { theme: "dark", onTryAgain: nr }) }) : /* @__PURE__ */ o(wr, { children: [
+    /* @__PURE__ */ r(xr, { HeaderAvatar: rr }),
     /* @__PURE__ */ o(
-      Wr,
+      Hr,
       {
         $flex: 1,
         $width: "100%",
@@ -223,14 +203,14 @@ const fe = hr(function({
         $gap: e.medium,
         $gutter: e.small,
         children: [
-          ar ? sr : lr,
-          cr
+          ir ? ar : sr,
+          lr
         ]
       }
     )
   ] });
 });
 export {
-  fe as default
+  me as default
 };
 //# sourceMappingURL=parent-dashboard-view.js.map