@cuemath/leap 3.3.20 → 3.3.21-j1

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

@@ -1,9 +1,10 @@
-import r from "styled-components";
-import m from "../../ui/image/image.js";
-const t = r(m)`
-  background-color: ${({ theme: o }) => o.colors.WHITE};
+import o from "styled-components";
+import r from "../../ui/layout/flex-view.js";
+const i = o(r)`
+  overflow-y: auto;
+  width: 100%;
 `;
 export {
-  t as ImageWrapper
+  i as UserListWrapper
 };
 //# sourceMappingURL=account-selector-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"account-selector-styled.js","sources":["../../../../src/features/auth/account-selector/account-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../ui/image/image';\n\nexport const ImageWrapper = styled(Image)`\n  background-color: ${({ theme }) => theme.colors.WHITE};\n`;\n"],"names":["ImageWrapper","styled","Image","theme"],"mappings":";;AAIa,MAAAA,IAAeC,EAAOC,CAAK;AAAA,sBAClB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;"}
+{"version":3,"file":"account-selector-styled.js","sources":["../../../../src/features/auth/account-selector/account-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const UserListWrapper = styled(FlexView)`\n  overflow-y: auto;\n  width: 100%;\n`;\n"],"names":["UserListWrapper","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}

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

@@ -1,70 +1,64 @@
-import { jsxs as r, jsx as e, Fragment as s } from "react/jsx-runtime";
-import { memo as d } from "react";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { memo as h } from "react";
 import { useTheme as $ } from "styled-components";
-import { ILLUSTRATIONS as m } from "../../../assets/illustrations/illustrations.js";
-import f from "../../ui/image/image.js";
-import t from "../../ui/layout/flex-view.js";
-import o from "../../ui/separator/separator.js";
-import n from "../../ui/text/text.js";
-import { EDeviceType as g } from "../../ui/theme/constants.js";
-import T from "../comps/overlay-loader/overlay-loader.js";
-import u from "../comps/user-list/user-list.js";
-import { ImageWrapper as w } from "./account-selector-styled.js";
-const L = ({
-  userAccounts: i,
-  onSelect: c,
-  onAddNew: h,
-  isLoading: l
+import { ILLUSTRATIONS as d } from "../../../assets/illustrations/illustrations.js";
+import g from "../../ui/image/image.js";
+import n from "../../ui/layout/flex-view.js";
+import c from "../../ui/separator/separator.js";
+import u from "../../ui/text/text.js";
+import { EDeviceType as s } from "../../ui/theme/constants.js";
+import x from "../comps/overlay-loader/overlay-loader.js";
+import T from "../comps/user-list/user-list.js";
+import { UserListWrapper as I } from "./account-selector-styled.js";
+import L from "./comps/compact-header/account-selector-header.js";
+const C = ({
+  userAccounts: o,
+  onSelect: a,
+  onAddNew: l,
+  isLoading: f,
+  onGoBack: p
 }) => {
-  const { device: p } = $(), a = p <= g.TABLET;
-  return /* @__PURE__ */ r(
-    t,
+  const { device: i } = $(), t = i <= s.TABLET, r = i === s.MOBILE;
+  return /* @__PURE__ */ m(
+    n,
     {
-      $flex: 1,
-      $alignItems: "center",
-      $justifyContent: "center",
+      $alignItems: r ? "flex-start" : "center",
+      $justifyContent: r ? "flex-start" : "center",
       $width: "100%",
-      $height: "100%",
-      $gapX: 2,
+      $height: "100vh",
+      $gapX: t ? 0 : 2,
       children: [
-        /* @__PURE__ */ e(T, { isLoading: l }),
-        /* @__PURE__ */ e(f, { src: m.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
-        /* @__PURE__ */ e(o, { heightX: 1 }),
-        /* @__PURE__ */ e(n, { $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: "Switch between accounts" }),
-        /* @__PURE__ */ e(o, { heightX: a ? 1.5 : 5 }),
-        i.length > 0 && /* @__PURE__ */ r(s, { children: [
-          /* @__PURE__ */ e(u, { users: i, onSelect: c, onAddNew: h }),
-          /* @__PURE__ */ e(o, { heightX: a ? 1.5 : 5 }),
-          /* @__PURE__ */ r(
-            t,
+        /* @__PURE__ */ e(L, { onGoBack: p }),
+        /* @__PURE__ */ e(x, { isLoading: f }),
+        !t && /* @__PURE__ */ m(n, { $justifyContent: "center", $alignItems: "center", children: [
+          /* @__PURE__ */ e(
+            g,
             {
-              $gutterX: 0.5,
-              $gapX: 1,
-              $flexGapX: 0.5,
-              $width: 280,
-              $borderColor: "BLACK_5",
-              $background: "BLACK_3",
-              $flexDirection: "row",
-              children: [
-                /* @__PURE__ */ e(
-                  w,
-                  {
-                    src: m.CUEMATH_APP_QR_CODE,
-                    width: 80,
-                    height: 80,
-                    withLoader: !1
-                  }
-                ),
-                /* @__PURE__ */ e(t, { $gapX: 0.5, $flex: 1, children: /* @__PURE__ */ e(n, { $color: "WHITE", $renderOnTabletAs: "ab3", $renderAs: "ab2", children: "Download the cuemath app to view your children’s report" }) })
-              ]
+              src: d.CIRCLE_CUEMATH_LOGO_WHITE,
+              alt: "Parent Signup",
+              withLoader: !1,
+              width: 80
             }
-          )
-        ] })
+          ),
+          /* @__PURE__ */ e(c, { heightX: 1 }),
+          /* @__PURE__ */ e(u, { $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: "Switch between accounts" })
+        ] }),
+        /* @__PURE__ */ e(c, { height: t ? 0 : 40 }),
+        /* @__PURE__ */ e(
+          I,
+          {
+            $flex: t ? 1 : 0,
+            $justifyContent: r ? "flex-start" : "center",
+            $alignItems: r ? "flex-start" : "center",
+            $width: "100%",
+            children: o.length > 0 && /* @__PURE__ */ e(T, { users: o, onSelect: a, onAddNew: l, maxColumns: 3 })
+          }
+        )
       ]
     }
   );
-}, y = d(L);
+}, W = h(C);
 export {
-  y as default
+  W as default
 };
 //# sourceMappingURL=account-selector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../comps/user-list/user-list';\nimport * as Styled from './account-selector-styled';\n\nconst AccountSelector = ({\n  userAccounts,\n  onSelect,\n  onAddNew,\n  isLoading,\n}: IAccountSelectorViewProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $flex={1}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n      $height=\"100%\"\n      $gapX={2}\n    >\n      <OverlayLoader isLoading={isLoading} />\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n      <Separator heightX={1} />\n      <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n        Switch between accounts\n      </Text>\n      <Separator heightX={isCompact ? 1.5 : 5} />\n      {userAccounts.length > 0 && (\n        <>\n          <UserList users={userAccounts} onSelect={onSelect} onAddNew={onAddNew} />\n          <Separator heightX={isCompact ? 1.5 : 5} />\n          <FlexView\n            $gutterX={0.5}\n            $gapX={1}\n            $flexGapX={0.5}\n            $width={280}\n            $borderColor=\"BLACK_5\"\n            $background=\"BLACK_3\"\n            $flexDirection=\"row\"\n          >\n            <Styled.ImageWrapper\n              src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE}\n              width={80}\n              height={80}\n              withLoader={false}\n            />\n            <FlexView $gapX={0.5} $flex={1}>\n              <Text $color=\"WHITE\" $renderOnTabletAs=\"ab3\" $renderAs=\"ab2\">\n                Download the cuemath app to view your children’s report\n              </Text>\n            </FlexView>\n          </FlexView>\n        </>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(AccountSelector);\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Fragment","UserList","Styled.ImageWrapper","accountSelector","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAiC;AACzB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAc,WAAAR,GAAsB;AAAA,QACrC,gBAAAO,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,QAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAJ,EAACK,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAE1D,0BAAA,CAAA;AAAA,QACC,gBAAAL,EAAAI,GAAA,EAAU,SAASR,IAAY,MAAM,GAAG;AAAA,QACxCN,EAAa,SAAS,KAEnB,gBAAAQ,EAAAQ,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAN,EAACO,GAAS,EAAA,OAAOjB,GAAc,UAAAC,GAAoB,UAAAC,GAAoB;AAAA,UACtE,gBAAAQ,EAAAI,GAAA,EAAU,SAASR,IAAY,MAAM,GAAG;AAAA,UACzC,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,OAAO;AAAA,cACP,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,cAAa;AAAA,cACb,aAAY;AAAA,cACZ,gBAAe;AAAA,cAEf,UAAA;AAAA,gBAAA,gBAAAC;AAAA,kBAACQ;AAAAA,kBAAA;AAAA,oBACC,KAAKL,EAAc;AAAA,oBACnB,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,YAAY;AAAA,kBAAA;AAAA,gBACd;AAAA,gBACC,gBAAAH,EAAAD,GAAA,EAAS,OAAO,KAAK,OAAO,GAC3B,UAAA,gBAAAC,EAACK,GAAK,EAAA,QAAO,SAAQ,mBAAkB,OAAM,WAAU,OAAM,oEAE7D,CAAA,GACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeI,IAAAC,EAAKrB,CAAe;"}
+{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../comps/user-list/user-list';\nimport * as Styled from './account-selector-styled';\nimport AccountSelectorHeader from './comps/compact-header/account-selector-header';\n\nconst AccountSelector = ({\n  userAccounts,\n  onSelect,\n  onAddNew,\n  isLoading,\n  onGoBack,\n}: IAccountSelectorViewProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device === EDeviceType.MOBILE;\n\n  return (\n    <FlexView\n      $alignItems={isMobile ? 'flex-start' : 'center'}\n      $justifyContent={isMobile ? 'flex-start' : 'center'}\n      $width=\"100%\"\n      $height=\"100vh\"\n      $gapX={isCompact ? 0 : 2}\n    >\n      <AccountSelectorHeader onGoBack={onGoBack} />\n      <OverlayLoader isLoading={isLoading} />\n      {!isCompact && (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <Image\n            src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n            alt=\"Parent Signup\"\n            withLoader={false}\n            width={80}\n          />\n          <Separator heightX={1} />\n          <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n            Switch between accounts\n          </Text>\n        </FlexView>\n      )}\n      <Separator height={isCompact ? 0 : 40} />\n      <Styled.UserListWrapper\n        $flex={isCompact ? 1 : 0}\n        $justifyContent={isMobile ? 'flex-start' : 'center'}\n        $alignItems={isMobile ? 'flex-start' : 'center'}\n        $width=\"100%\"\n      >\n        {userAccounts.length > 0 && (\n          <UserList users={userAccounts} onSelect={onSelect} onAddNew={onAddNew} maxColumns={3} />\n        )}\n      </Styled.UserListWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(AccountSelector);\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","onGoBack","device","useTheme","isCompact","EDeviceType","isMobile","jsxs","FlexView","jsx","AccountSelectorHeader","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Styled.UserListWrapper","UserList","accountSelector","memo"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAiC;AACzB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,MAAWG,EAAY;AAGtC,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaF,IAAW,eAAe;AAAA,MACvC,iBAAiBA,IAAW,eAAe;AAAA,MAC3C,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAOF,IAAY,IAAI;AAAA,MAEvB,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAsB,UAAAT,GAAoB;AAAA,QAC3C,gBAAAQ,EAACE,KAAc,WAAAX,GAAsB;AAAA,QACpC,CAACI,KACA,gBAAAG,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,cACJ,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACA,gBAAAJ,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL,EAACM,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAE1D,0BAAA,CAAA;AAAA,QAAA,GACF;AAAA,QAED,gBAAAN,EAAAK,GAAA,EAAU,QAAQV,IAAY,IAAI,IAAI;AAAA,QACvC,gBAAAK;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,OAAOZ,IAAY,IAAI;AAAA,YACvB,iBAAiBE,IAAW,eAAe;AAAA,YAC3C,aAAaA,IAAW,eAAe;AAAA,YACvC,QAAO;AAAA,YAEN,UAAAT,EAAa,SAAS,KACpB,gBAAAY,EAAAQ,GAAA,EAAS,OAAOpB,GAAc,UAAAC,GAAoB,UAAAC,GAAoB,YAAY,EAAG,CAAA;AAAA,UAAA;AAAA,QAE1F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEemB,IAAAC,EAAKvB,CAAe;"}

package/dist/features/auth/account-selector/comps/compact-header/account-selector-header.js

@@ -0,0 +1,31 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { useTheme as m } from "styled-components";
+import l from "../../../../../assets/line-icons/icons/back2.js";
+import n from "../../../../ui/buttons/clickable/clickable.js";
+import a from "../../../../ui/layout/flex-view.js";
+import p from "../../../../ui/text/text.js";
+import { EDeviceType as s } from "../../../../ui/theme/constants.js";
+const f = ({ onGoBack: e }) => {
+  const { device: r, colors: t } = m();
+  return r <= s.TABLET ? /* @__PURE__ */ c(
+    a,
+    {
+      $gutterX: 1,
+      $gapX: 1,
+      $flexDirection: "row",
+      $alignItems: "center",
+      $background: "WHITE_T_05",
+      $width: "100%",
+      $flexColumnGapX: 0.5,
+      children: [
+        /* @__PURE__ */ o(n, { onClick: e, label: "Go back to previous page", children: /* @__PURE__ */ o(l, { color: t.WHITE_1, width: 24, height: 24 }) }),
+        /* @__PURE__ */ o(p, { $renderAs: "ab2", $color: "WHITE", children: "Profile Switcher" })
+      ]
+    }
+  ) : null;
+}, w = i(f);
+export {
+  w as default
+};
+//# sourceMappingURL=account-selector-header.js.map

package/dist/features/auth/account-selector/comps/compact-header/account-selector-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-selector-header.js","sources":["../../../../../../src/features/auth/account-selector/comps/compact-header/account-selector-header.tsx"],"sourcesContent":["import type { IAccountSelectorHeaderProps } from './account-selector-header-types';\n\nimport { type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\n\nconst AccountSelectorHeader: FC<IAccountSelectorHeaderProps> = ({ onGoBack }) => {\n  const { device, colors } = 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      $width=\"100%\"\n      $flexColumnGapX={0.5}\n    >\n      <Clickable onClick={onGoBack} label=\"Go back to previous page\">\n        <Back2Icon color={colors.WHITE_1} width={24} height={24} />\n      </Clickable>\n      <Text $renderAs=\"ab2\" $color=\"WHITE\">\n        Profile Switcher\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(AccountSelectorHeader);\n"],"names":["AccountSelectorHeader","onGoBack","device","colors","useTheme","EDeviceType","jsxs","FlexView","jsx","Clickable","Back2Icon","Text","AccountSelectorHeader$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAyD,CAAC,EAAE,UAAAC,QAAe;AAC/E,QAAM,EAAE,QAAAC,GAAQ,QAAAC,EAAO,IAAIC,EAAS;AAGhC,SAFcF,KAAUG,EAAY,SAKtC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,QAAO;AAAA,MACP,iBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAU,EAAA,SAASR,GAAU,OAAM,4BAClC,UAAC,gBAAAO,EAAAE,GAAA,EAAU,OAAOP,EAAO,SAAS,OAAO,IAAI,QAAQ,GAAI,CAAA,GAC3D;AAAA,0BACCQ,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,oBAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAjBmB;AAoBzB,GAEeC,IAAAC,EAAKb,CAAqB;"}

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

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { memo as h } from "react";
-import { useTheme as s } from "styled-components";
-import a from "../../../ui/layout/flex-view.js";
+import { useTheme as a } from "styled-components";
+import s from "../../../ui/layout/flex-view.js";
 import { EDeviceType as p } from "../../../ui/theme/constants.js";
 import { Container as d, ContentWrapper as f } from "./auth-page-layout-styled.js";
 const u = ({
@@ -10,7 +10,7 @@ const u = ({
   isFullWidth: t,
   rightBlockBg: m = "BLACK_2"
 }) => {
-  const { device: n } = s(), e = n <= p.TABLET;
+  const { device: n } = a(), e = n <= p.TABLET;
   return /* @__PURE__ */ c(d, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
     /* @__PURE__ */ r(
       f,
@@ -20,10 +20,10 @@ const u = ({
         children: i
       }
     ),
-    !e && o && !t && /* @__PURE__ */ r(a, { $width: "50%", $background: m, children: o })
+    !e && o && !t && /* @__PURE__ */ r(s, { $width: "50%", $background: m, children: o })
   ] });
-}, L = h(u);
+}, A = h(u);
 export {
-  L as default
+  A as default
 };
 //# sourceMappingURL=auth-page-layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './auth-page-layout-styled';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({\n  leftBlock,\n  rightBlock,\n  isFullWidth,\n  rightBlockBg = 'BLACK_2',\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const showRightBlock = !isCompact && rightBlock && !isFullWidth;\n\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper\n        $width={isFullWidth || isCompact ? '100%' : '50%'}\n        $background=\"BLACK_1\"\n      >\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {showRightBlock && (\n        <FlexView $width=\"50%\" $background={rightBlockBg}>\n          {rightBlock}\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","rightBlockBg","device","useTheme","isCompact","EDeviceType","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","AuthPageLayout$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAA2C,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAItC,SAAA,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAQT,KAAeI,IAAY,SAAS;AAAA,QAC5C,aAAY;AAAA,QAEX,UAAAN;AAAA,MAAA;AAAA,IACH;AAAA,IATmB,CAACM,KAAaL,KAAc,CAACC,KAW7C,gBAAAQ,EAAAE,GAAA,EAAS,QAAO,OAAM,aAAaT,GACjC,UACHF,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeY,IAAAC,EAAKf,CAAc;"}
+{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './auth-page-layout-styled';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({\n  leftBlock,\n  rightBlock,\n  isFullWidth,\n  rightBlockBg = 'BLACK_2',\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const showRightBlock = !isCompact && rightBlock && !isFullWidth;\n\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper\n        $width={isFullWidth || isCompact ? '100%' : '50%'}\n        $background=\"BLACK_1\"\n      >\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {showRightBlock && (\n        <FlexView $width=\"50%\" $background={rightBlockBg}>\n          {rightBlock}\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","rightBlockBg","device","useTheme","isCompact","EDeviceType","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","authPageLayout","memo"],"mappings":";;;;;;AASA,MAAMA,IAA2C,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAItC,SAAA,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAQT,KAAeI,IAAY,SAAS;AAAA,QAC5C,aAAY;AAAA,QAEX,UAAAN;AAAA,MAAA;AAAA,IACH;AAAA,IATmB,CAACM,KAAaL,KAAc,CAACC,KAW7C,gBAAAQ,EAAAE,GAAA,EAAS,QAAO,OAAM,aAAaT,GACjC,UACHF,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeY,IAAAC,EAAKf,CAAc;"}

package/dist/features/auth/comps/user-list/user-list-styled.js

@@ -1,12 +1,13 @@
 import t from "styled-components";
 import { UserItemCard as e } from "./user-item/user-item-styled.js";
-const i = t.div`
+const p = t.div`
   display: inline-grid;
   grid-template-columns: repeat(
     ${({ itemCount: r, maxColumns: o }) => r < o ? r : o},
     ${({ cardWidth: r }) => r}px
   );
   grid-auto-rows: ${({ cardWidth: r }) => r}px;
+  max-height: 100%;
 `, s = t(e)`
   &:hover {
     background-color: ${({ theme: r }) => r.colors.BLACK_4};
@@ -14,6 +15,6 @@ const i = t.div`
 `;
 export {
   s as AddAccountButton,
-  i as UserListWrapper
+  p as UserListWrapper
 };
 //# sourceMappingURL=user-list-styled.js.map

package/dist/features/auth/comps/user-list/user-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-list-styled.js","sources":["../../../../../src/features/auth/comps/user-list/user-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { UserItemCard } from './user-item/user-item-styled';\n\nexport const UserListWrapper = styled.div<{\n  itemCount: number;\n  maxColumns: number;\n  cardWidth: number;\n}>`\n  display: inline-grid;\n  grid-template-columns: repeat(\n    ${({ itemCount, maxColumns }) => (itemCount < maxColumns ? itemCount : maxColumns)},\n    ${({ cardWidth }) => cardWidth}px\n  );\n  grid-auto-rows: ${({ cardWidth }) => cardWidth}px;\n`;\n\nexport const AddAccountButton = styled(UserItemCard)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.BLACK_4};\n  }\n`;\n"],"names":["UserListWrapper","styled","itemCount","maxColumns","cardWidth","AddAccountButton","UserItemCard","theme"],"mappings":";;AAIO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA,MAOhC,CAAC,EAAE,WAAAC,GAAW,YAAAC,EAAA,MAAkBD,IAAYC,IAAaD,IAAYC,CAAW;AAAA,MAChF,CAAC,EAAE,WAAAC,EAAU,MAAMA,CAAS;AAAA;AAAA,oBAEd,CAAC,EAAE,WAAAA,EAAU,MAAMA,CAAS;AAAA,GAGnCC,IAAmBJ,EAAOK,CAAY;AAAA;AAAA,wBAE3B,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;"}
+{"version":3,"file":"user-list-styled.js","sources":["../../../../../src/features/auth/comps/user-list/user-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { UserItemCard } from './user-item/user-item-styled';\n\nexport const UserListWrapper = styled.div<{\n  itemCount: number;\n  maxColumns: number;\n  cardWidth: number;\n}>`\n  display: inline-grid;\n  grid-template-columns: repeat(\n    ${({ itemCount, maxColumns }) => (itemCount < maxColumns ? itemCount : maxColumns)},\n    ${({ cardWidth }) => cardWidth}px\n  );\n  grid-auto-rows: ${({ cardWidth }) => cardWidth}px;\n  max-height: 100%;\n`;\n\nexport const AddAccountButton = styled(UserItemCard)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.BLACK_4};\n  }\n`;\n"],"names":["UserListWrapper","styled","itemCount","maxColumns","cardWidth","AddAccountButton","UserItemCard","theme"],"mappings":";;AAIO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA,MAOhC,CAAC,EAAE,WAAAC,GAAW,YAAAC,EAAA,MAAkBD,IAAYC,IAAaD,IAAYC,CAAW;AAAA,MAChF,CAAC,EAAE,WAAAC,EAAU,MAAMA,CAAS;AAAA;AAAA,oBAEd,CAAC,EAAE,WAAAA,EAAU,MAAMA,CAAS;AAAA;AAAA,GAInCC,IAAmBJ,EAAOK,CAAY;AAAA;AAAA,wBAE3B,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;"}

package/dist/features/journey/use-journey/use-journey.js

@@ -1,10 +1,22 @@
-import { useContext as r } from "react";
-import { JourneyContext as e } from "./journey-context-provider.js";
+import { useContext as o } from "react";
+import { JourneyContext as r } from "./journey-context-provider.js";
 const u = () => {
-  const o = r(e);
-  if (!o)
-    throw new Error("useJourney must be used within a JourneyProvider");
-  return o;
+  const e = o(r);
+  return e || {
+    nextCoachmark: () => {
+    },
+    setJourney: () => {
+    },
+    addCoachmark: () => {
+    },
+    clearJourney: () => {
+    },
+    endJourney: () => {
+    },
+    coachmarks: [],
+    userCompletedJourneyIds: [],
+    isJourneyActive: !1
+  };
 };
 export {
   u as useJourney

package/dist/features/journey/use-journey/use-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-journey.js","sources":["../../../../src/features/journey/use-journey/use-journey.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { JourneyContext } from './journey-context-provider';\n\nexport const useJourney = () => {\n  const context = useContext(JourneyContext);\n\n  if (!context) {\n    throw new Error('useJourney must be used within a JourneyProvider');\n  }\n\n  return context;\n};\n"],"names":["useJourney","context","useContext","JourneyContext"],"mappings":";;AAIO,MAAMA,IAAa,MAAM;AACxB,QAAAC,IAAUC,EAAWC,CAAc;AAEzC,MAAI,CAACF;AACG,UAAA,IAAI,MAAM,kDAAkD;AAG7D,SAAAA;AACT;"}
+{"version":3,"file":"use-journey.js","sources":["../../../../src/features/journey/use-journey/use-journey.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { JourneyContext } from './journey-context-provider';\n\nexport const useJourney = () => {\n  const context = useContext(JourneyContext);\n\n  if (!context) {\n    return {\n      nextCoachmark: () => {},\n      setJourney: () => {},\n      addCoachmark: () => {},\n      clearJourney: () => {},\n      endJourney: () => {},\n      coachmarks: [],\n      userCompletedJourneyIds: [],\n      isJourneyActive: false,\n    };\n  }\n\n  return context;\n};\n"],"names":["useJourney","context","useContext","JourneyContext"],"mappings":";;AAIO,MAAMA,IAAa,MAAM;AACxB,QAAAC,IAAUC,EAAWC,CAAc;AAEzC,SAAKF,KACI;AAAA,IACL,eAAe,MAAM;AAAA,IAAC;AAAA,IACtB,YAAY,MAAM;AAAA,IAAC;AAAA,IACnB,cAAc,MAAM;AAAA,IAAC;AAAA,IACrB,cAAc,MAAM;AAAA,IAAC;AAAA,IACrB,YAAY,MAAM;AAAA,IAAC;AAAA,IACnB,YAAY,CAAC;AAAA,IACb,yBAAyB,CAAC;AAAA,IAC1B,iBAAiB;AAAA,EAAA;AAKvB;"}

package/dist/features/sentry/constants/ignored.js

@@ -18,17 +18,13 @@ const e = [
   "null is not an object (evaluating 'Te.subscribeToVideo')",
   "Cannot read property 'socketId' of null",
   "NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.",
-  /PubNub call failed, check status for details/,
-  /**
-   * This error is thrown when a module script fails to load, which can happen for various reasons such as network issues or incorrect URLs.
-   * It is ignored because it does not indicate a bug in the application but rather a transient issue that can occur in production environments.
-   *
-   * https://cuemathcom.sentry.io/issues/4550897833/events/b0016bf9dfec4f50887480e7bf0f8ced/?project=1331407&statsPeriod=7d#exception
-   */
-  /Importing a module script failed/
+  /PubNub call failed, check status for details/
 ], o = [
-  /static\.opentok\.com\/v2\/js\/opentok\.min\.js/i,
-  /.*\/static\/lib\/polypad-4\.5\.4\.v\d+\.js/i
+  /static\.mathigon\.org/i,
+  // /questions-ie\.learnosity\.com/i,
+  // /assess-ie\.learnosity\.com/i,
+  /static\.mathigon\.org\/api\/polypad-v1\.10\.js/i,
+  /static\.opentok\.com\/v2\/js\/opentok\.min\.js/i
 ];
 export {
   o as SENTRY_DENIED_URLS,

package/dist/features/sentry/constants/ignored.js.map

@@ -1 +1 @@
-{"version":3,"file":"ignored.js","sources":["../../../../src/features/sentry/constants/ignored.ts"],"sourcesContent":["const SENTRY_IGNORED_ERRORS: Array<string | RegExp> = [\n  'getSettings',\n  'ResizeObserver loop limit exceeded',\n  'Non-Error promise rejection captured',\n  \"NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.\",\n  \"Cannot read property 'getReadModeRender' of undefined\",\n  \"Cannot read property 'getReadModeExtract' of undefined\",\n  'TypeError: Failed to fetch',\n  'privateSpecialRepair is not defined',\n  \"Failed to execute 'send' on 'XMLHttpRequest'\",\n  \"Cannot read properties of null (reading 'appendChild')\",\n  \"SecurityError: Failed to execute 'replaceState' on 'History'\",\n  \"Cannot read properties of null (reading 'postMessage')\",\n  'OT_HARDWARE_UNAVAILABLE',\n  'OT_UNABLE_TO_CAPTURE_SCREEN',\n  'OT_USER_MEDIA_ACCESS_DENIED',\n  'OT_UNEXPECTED_SERVER_RESPONSE',\n  \"null is not an object (evaluating 'Te.subscribeToVideo')\",\n  \"Cannot read property 'socketId' of null\",\n  'NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.',\n  /PubNub call failed, check status for details/,\n  /**\n   * This error is thrown when a module script fails to load, which can happen for various reasons such as network issues or incorrect URLs.\n   * It is ignored because it does not indicate a bug in the application but rather a transient issue that can occur in production environments.\n   *\n   * https://cuemathcom.sentry.io/issues/4550897833/events/b0016bf9dfec4f50887480e7bf0f8ced/?project=1331407&statsPeriod=7d#exception\n   */\n  /Importing a module script failed/,\n];\n\nconst SENTRY_DENIED_URLS: Array<string | RegExp> = [\n  /static\\.opentok\\.com\\/v2\\/js\\/opentok\\.min\\.js/i,\n  /.*\\/static\\/lib\\/polypad-4\\.5\\.4\\.v\\d+\\.js/i,\n];\n\nexport { SENTRY_IGNORED_ERRORS, SENTRY_DENIED_URLS };\n"],"names":["SENTRY_IGNORED_ERRORS","SENTRY_DENIED_URLS"],"mappings":"AAAA,MAAMA,IAAgD;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA;AACF,GAEMC,IAA6C;AAAA,EACjD;AAAA,EACA;AACF;"}
+{"version":3,"file":"ignored.js","sources":["../../../../src/features/sentry/constants/ignored.ts"],"sourcesContent":["const SENTRY_IGNORED_ERRORS: Array<string | RegExp> = [\n  'getSettings',\n  'ResizeObserver loop limit exceeded',\n  'Non-Error promise rejection captured',\n  \"NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.\",\n  \"Cannot read property 'getReadModeRender' of undefined\",\n  \"Cannot read property 'getReadModeExtract' of undefined\",\n  'TypeError: Failed to fetch',\n  'privateSpecialRepair is not defined',\n  \"Failed to execute 'send' on 'XMLHttpRequest'\",\n  \"Cannot read properties of null (reading 'appendChild')\",\n  \"SecurityError: Failed to execute 'replaceState' on 'History'\",\n  \"Cannot read properties of null (reading 'postMessage')\",\n  'OT_HARDWARE_UNAVAILABLE',\n  'OT_UNABLE_TO_CAPTURE_SCREEN',\n  'OT_USER_MEDIA_ACCESS_DENIED',\n  'OT_UNEXPECTED_SERVER_RESPONSE',\n  \"null is not an object (evaluating 'Te.subscribeToVideo')\",\n  \"Cannot read property 'socketId' of null\",\n  'NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.',\n  /PubNub call failed, check status for details/,\n];\n\nconst SENTRY_DENIED_URLS: Array<string | RegExp> = [\n  /static\\.mathigon\\.org/i,\n  // /questions-ie\\.learnosity\\.com/i,\n  // /assess-ie\\.learnosity\\.com/i,\n  /static\\.mathigon\\.org\\/api\\/polypad-v1\\.10\\.js/i,\n  /static\\.opentok\\.com\\/v2\\/js\\/opentok\\.min\\.js/i,\n];\n\nexport { SENTRY_IGNORED_ERRORS, SENTRY_DENIED_URLS };\n"],"names":["SENTRY_IGNORED_ERRORS","SENTRY_DENIED_URLS"],"mappings":"AAAA,MAAMA,IAAgD;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA6C;AAAA,EACjD;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AACF;"}

package/dist/features/trial-session/comps/school-goals/school-goals.js

@@ -1,13 +1,13 @@
-import { jsx as w } from "react/jsx-runtime";
-import { memo as B, useMemo as C, useCallback as m, useEffect as S } from "react";
+import { jsx as B } from "react/jsx-runtime";
+import { memo as Y, useMemo as C, useCallback as m, useEffect as S } from "react";
 import { GOAL_CATEGORY as s } from "../../../milestone/constants.js";
-import { getCategorizedCurriculumStandards as R } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
-import { getGradesFromConfig as Y, getGoalsFromConfig as j } from "../../../milestone/create/milestone-create-helpers.js";
+import { getCategorizedCurriculumStandards as j } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as q, getGoalsFromConfig as v } from "../../../milestone/create/milestone-create-helpers.js";
 import { epochTimestampAfterOneYear as G } from "../../../utils/utils.js";
-import { useTrialSessionContext as q } from "../../context/use-trial-session-context.js";
+import { useTrialSessionContext as w } from "../../context/use-trial-session-context.js";
 import { updateGoalInFormData as O } from "../../helper.js";
-import v from "./school-goals-view.js";
-const Z = B(() => {
+import z from "./school-goals-view.js";
+const Z = Y(() => {
   const {
     milestoneConfig: n,
     formData: E,
@@ -15,18 +15,17 @@ const Z = B(() => {
     updateButtonState: f,
     onRemoveOptionalSlides: g,
     trialHomeData: L
-  } = q(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: T } = I || {}, { opportunity_country: c = "US" } = T || {}, U = Y(n), b = C(
-    () => R(n, {
+  } = w(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: U } = I || {}, { opportunity_country: c = "US" } = U || {}, b = q(n), y = C(
+    () => j(n, {
       countryCode: c,
       grade: e ?? "",
       goalCategory: s.SCHOOL_SUCCESS,
       courseStream: u,
-      enrollmentType: "ONLINE",
-      flow: "CREATE"
+      enrollmentType: "ONLINE"
     }),
     [n, c, e, u]
   ), d = C(
-    () => j(n, {
+    () => v(n, {
       countryCode: c,
       grade: e ?? "",
       goalCategory: s.SCHOOL_SUCCESS,
@@ -46,25 +45,25 @@ const Z = B(() => {
       });
     },
     [a]
-  ), y = m(
+  ), H = m(
     (o) => {
       a({ numberInNameError: !1 }), r("name", o.target.value);
     },
     [a, r]
-  ), H = m(
+  ), T = m(
     (o, l) => {
-      const { label: F } = l, x = O(t, s.SCHOOL_SUCCESS, {
+      const { label: x } = l, A = O(t, s.SCHOOL_SUCCESS, {
         goal_code: o,
-        milestone_name: F,
+        milestone_name: x,
         milestone_date_ts: G()
       });
-      a({ goals: x });
+      a({ goals: A });
     },
     [t, a]
   ), D = m(
     (o) => r("curriculum", o),
     [r]
-  ), A = m(
+  ), F = m(
     (o) => {
       r("grade", o), r("curriculum", "");
     },
@@ -84,20 +83,20 @@ const Z = B(() => {
       });
       a({ goals: l });
     }
-  }, [d]), /* @__PURE__ */ w(
-    v,
+  }, [d]), /* @__PURE__ */ B(
+    z,
     {
       name: p,
       grade: e,
-      grades: U,
+      grades: b,
       goalsList: d,
       curriculum: i,
       selectedGoal: _,
       numberInNameError: N,
-      curriculumStandards: b,
-      onNameChange: y,
-      onGoalChange: H,
-      onGradeChange: A,
+      curriculumStandards: y,
+      onNameChange: H,
+      onGoalChange: T,
+      onGradeChange: F,
       onCurriculumChange: D
     }
   );

package/dist/features/trial-session/comps/school-goals/school-goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}

package/dist/features/trial-session/comps/worksheet/worksheet.js

@@ -1,30 +1,30 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as T, useCallback as k, useEffect as x } from "react";
-import E from "../../../ui/error/error.js";
-import A from "../../../ui/loader/app-loader/app-loader.js";
-import { useResumeTrialWorksheet as D } from "../../api/trial-nodes.js";
-import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
-const P = () => {
-  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: c, trialHomeData: f } = N(), [m, s] = T(!1), { demo_info: p } = f, { region_data: l, course: n } = p || {}, { opportunity_country: i = "US" } = l || {}, _ = (g, a) => {
-    if (g && s(!0), a) {
+import { jsx as a } from "react/jsx-runtime";
+import { useState as S, useCallback as T, useEffect as k } from "react";
+import x from "../../../ui/error/error.js";
+import E from "../../../ui/loader/app-loader/app-loader.js";
+import { useResumeTrialWorksheet as A } from "../../api/trial-nodes.js";
+import { useTrialSessionContext as D } from "../../context/use-trial-session-context.js";
+const L = () => {
+  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: u, trialHomeData: c } = D(), [f, s] = S(!1), { demo_info: m } = c, { region_data: p } = m || {}, { opportunity_country: n = "US" } = p || {}, l = (h, d) => {
+    if (h && s(!0), d) {
       const {
-        user_node_id: y,
-        node_id: I,
-        user_attempt_id: C,
-        node_type: S
-      } = a;
-      c({ userNodeId: y, nodeId: I, attemptId: C, nodeType: S });
+        user_node_id: g,
+        node_id: y,
+        user_attempt_id: I,
+        node_type: C
+      } = d;
+      u({ userNodeId: g, nodeId: y, attemptId: I, nodeType: C });
     }
-  }, { patch: d, isProcessing: h } = D({
-    onComplete: _
-  }), e = k(() => {
-    o && (s(!1), d(t, { country_code: i, course: n }));
-  }, [i, n, o, d, t]);
-  return x(() => {
+  }, { patch: i, isProcessing: _ } = A({
+    onComplete: l
+  }), e = T(() => {
+    o && (s(!1), i(t, { country_code: n }));
+  }, [n, o, i, t]);
+  return k(() => {
     e();
-  }, [e]), m ? /* @__PURE__ */ u(E, { height: "100%", onTryAgain: e }) : h || !r ? /* @__PURE__ */ u(A, { height: "100%" }) : r;
+  }, [e]), f ? /* @__PURE__ */ a(x, { height: "100%", onTryAgain: e }) : _ || !r ? /* @__PURE__ */ a(E, { height: "100%" }) : r;
 };
 export {
-  P as default
+  L as default
 };
 //# sourceMappingURL=worksheet.js.map

package/dist/features/trial-session/comps/worksheet/worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, course } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode, course });\n    }\n  }, [countryCode, course, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","course","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,GAAY,QAAAC,EAAO,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFP,EAAW,EAAI,GAGbQ,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAZ,EAAkB,EAAE,YAAAa,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIxB,MACFO,EAAW,EAAK,GAChBa,EAAWnB,GAAW,EAAE,cAAcW,GAAa,QAAAD,EAAQ,CAAA;AAAA,EAC7D,GACC,CAACC,GAAaD,GAAQX,GAAWoB,GAAYnB,CAAS,CAAC;AAM1D,SAJAwB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVjB,IACM,gBAAAoB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACnB,IACZ,gBAAAwB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B1B;AACT;"}
+{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode });\n    }\n  }, [countryCode, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,MAAeD,KAAY,CAAA,GAC1C,EAAE,qBAAqBE,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFN,EAAW,EAAI,GAGbO,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAX,EAAkB,EAAE,YAAAY,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIvB,MACFO,EAAW,EAAK,GAChBY,EAAWlB,GAAW,EAAE,cAAcU,EAAa,CAAA;AAAA,KAEpD,CAACA,GAAaX,GAAWmB,GAAYlB,CAAS,CAAC;AAMlD,SAJAuB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVhB,IACM,gBAAAmB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAAClB,IACZ,gBAAAuB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3BzB;AACT;"}