@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/categories/context/hooks.es.js

@@ -0,0 +1,12 @@
+import { GlobalDataContext as t } from "../../common/context/GlobalDataProvider.es.js";
+import { useCategoryStore as e } from "../../common/context/hooks.es.js";
+import o from "react";
+var u = () => {
+  if (!o.useContext(t)) throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
+  return e().uiStore;
+};
+export {
+  u as useCategoryUiStore
+};
+
+//# sourceMappingURL=hooks.es.js.map

package/dist/categories/context/hooks.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.es.js","names":[],"sources":["../../../src/categories/context/hooks.ts"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useCategoryStore } from '../../common'\n\nexport const useCategoryUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useCategoryUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useCategoryStore().uiStore\n}\n"],"mappings":";;;AAGA,IAAa,IAAA,MAA2B;AAGtC,MAAI,CAFY,EAAM,WAAW,CAE5B,EACH,OAAM,IAAI,MAAM,gEAAgE;AAGlF,SAAO,EAAiB,EAAE;AAC5B"}

package/dist/categories/index.es.js

@@ -1,7 +1,7 @@
-import { useCategoryUiStore as e } from "./context/hooks/index.es.js";
-import t from "./components/CategoryRow/index.es.js";
-import m from "./components/CategorySelector/index.es.js";
-import g from "./components/CategorySelectorDrawer/index.es.js";
+import { useCategoryUiStore as e } from "./context/hooks.es.js";
+import t from "./components/CategoryRow.es.js";
+import m from "./components/CategorySelector.es.js";
+import g from "./components/CategorySelectorDrawer.es.js";
 export {
   t as CategoryRow,
   m as CategorySelector,

package/dist/common/components/Banner.es.js

@@ -0,0 +1,39 @@
+import { useGlobalStore as l } from "../context/hooks.es.js";
+import i from "react";
+import { observer as n } from "mobx-react-lite";
+import m from "@mui/material/Stack";
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as s } from "@mui/material/styles";
+var b = n(() => {
+  const t = s(), { appDataStore: { banner: r, loadBanner: a, user: o } } = l();
+  return i.useEffect(() => {
+    a().finally();
+  }, [o]), r?.image_url ? /* @__PURE__ */ e(m, {
+    sx: {
+      alignItems: "center",
+      width: "100%",
+      mb: 24
+    },
+    children: /* @__PURE__ */ e("a", {
+      "aria-label": "Banner",
+      href: r?.redirect_url,
+      rel: "noreferrer",
+      style: { width: "100%" },
+      target: "_blank",
+      children: /* @__PURE__ */ e("img", {
+        alt: "",
+        src: r.image_url,
+        style: {
+          width: "100%",
+          height: "auto",
+          border: `1px solid ${t.palette.grey[300]}`
+        }
+      })
+    })
+  }) : null;
+});
+export {
+  b as Banner
+};
+
+//# sourceMappingURL=Banner.es.js.map

package/dist/common/components/Banner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.es.js","names":[],"sources":["../../../src/common/components/Banner.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        aria-label=\"Banner\"\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AAQA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,IAAQ,EAAS,GACjB,EACJ,cAAc,EAAE,QAAA,GAAQ,YAAA,GAAY,MAAA,EAAA,EAAA,IAClC,EAAe;AAMnB,SAJA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAW,EAAE,QAAQ;AAAA,EACvB,GAAG,CAAC,CAAI,CAAC,GAEJ,GAAQ,YAKX,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAI;AAAA,IACN;AAAA,cAEA,gBAAA,EAAC,KAAD;AAAA,MACE,cAAW;AAAA,MACX,MAAM,GAAQ;AAAA,MACd,KAAI;AAAA,MACJ,OAAO,EACL,OAAO,OACT;AAAA,MACA,QAAO;AAAA,gBAEP,gBAAA,EAAC,OAAD;AAAA,QACE,KAAI;AAAA,QACJ,KAAK,EAAO;AAAA,QACZ,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ,aAAa,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAC1C;AAAA,MACD,CAAA;AAAA,IACA,CAAA;AAAA,EACE,CAAA,IA9BA;AAgCX,CAAC"}

package/dist/common/components/ConnectCard.es.js

@@ -0,0 +1,58 @@
+import l from "./ConnectDrawer.es.js";
+import n from "react";
+import s from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import d from "@mui/material/Button";
+import { AccountBalance as p, ChevronRight as f } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import C from "@mui/material/Card";
+import h from "@mui/material/CardContent";
+import x from "@mui/material/CardHeader";
+var H = ({ description: i, label: e, title: c }) => {
+  const [m, o] = n.useState(!1);
+  return /* @__PURE__ */ t(n.Fragment, { children: [/* @__PURE__ */ t(C, {
+    sx: { m: 24 },
+    children: [/* @__PURE__ */ r(x, {
+      avatar: /* @__PURE__ */ r(p, {}),
+      sx: { ".MuiCardHeader-avatar": { mr: 8 } },
+      title: /* @__PURE__ */ r(a, {
+        bold: !0,
+        variant: "body1",
+        children: c
+      })
+    }), /* @__PURE__ */ r(h, {
+      sx: {
+        ":last-child": { pb: 4 },
+        ml: 28,
+        py: 0
+      },
+      children: /* @__PURE__ */ t(s, {
+        alignItems: "flex-start",
+        spacing: 2,
+        children: [/* @__PURE__ */ r(a, {
+          color: "text.secondary",
+          variant: "subtitle2",
+          children: i
+        }), /* @__PURE__ */ r(d, {
+          endIcon: /* @__PURE__ */ r(f, {}),
+          onClick: () => o(!0),
+          sx: {
+            pl: 0,
+            ":hover": { bgcolor: "unset" }
+          },
+          variant: "text",
+          children: e
+        })]
+      })
+    })]
+  }), /* @__PURE__ */ r(l, {
+    onClose: () => o(!1),
+    showConnectWidget: m,
+    title: e
+  })] });
+};
+export {
+  H as ConnectCard
+};
+
+//# sourceMappingURL=ConnectCard.es.js.map

package/dist/common/components/ConnectCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectCard.es.js","names":[],"sources":["../../../src/common/components/ConnectCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport Stack from '@mui/material/Stack'\n\nimport { AccountBalance, ChevronRight } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport ConnectDrawer from './ConnectDrawer'\n\ninterface ConnectCardProps {\n  description: string\n  label: string\n  title: string\n}\n\nexport const ConnectCard = ({ description, label, title }: ConnectCardProps) => {\n  const [isConnectOpen, setIsConnectOpen] = React.useState(false)\n\n  return (\n    <React.Fragment>\n      <Card sx={{ m: 24 }}>\n        <CardHeader\n          avatar={<AccountBalance />}\n          sx={{ '.MuiCardHeader-avatar': { mr: 8 } }}\n          title={\n            <Text bold={true} variant=\"body1\">\n              {title}\n            </Text>\n          }\n        />\n        <CardContent sx={{ ':last-child': { pb: 4 }, ml: 28, py: 0 }}>\n          <Stack alignItems=\"flex-start\" spacing={2}>\n            <Text color=\"text.secondary\" variant=\"subtitle2\">\n              {description}\n            </Text>\n            <Button\n              endIcon={<ChevronRight />}\n              onClick={() => setIsConnectOpen(true)}\n              sx={{\n                pl: 0,\n                ':hover': {\n                  bgcolor: 'unset',\n                },\n              }}\n              variant=\"text\"\n            >\n              {label}\n            </Button>\n          </Stack>\n        </CardContent>\n      </Card>\n\n      <ConnectDrawer\n        onClose={() => setIsConnectOpen(false)}\n        showConnectWidget={isConnectOpen}\n        title={label}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAA,CAAe,EAAE,aAAA,GAAa,OAAA,GAAO,OAAA,EAAA,MAA8B;AAC9E,QAAM,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK;AAE9D,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,GAAG,GAAG;AAAA,cAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,MACzB,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE;AAAA,MACzC,OACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA;AAAA,IAET,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI;AAAA,QAAE,eAAe,EAAE,IAAI,EAAE;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,gBACzD,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAa,SAAS;AAAA,kBAAxC,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC;AAAA,QACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACxB,SAAA,MAAe,EAAiB,EAAI;AAAA,UACpC,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,UAAU,EACR,SAAS,QACX;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,oBAEP;AAAA,QACK,CAAA,CACH;AAAA;IACI,CAAA,CACT;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,IACE,SAAA,MAAe,EAAiB,EAAK;AAAA,IACrC,mBAAmB;AAAA,IACnB,OAAO;AAAA,EACR,CAAA,CACa,EAAA,CAAA;AAEpB"}

package/dist/common/components/ConnectDrawer.es.js

@@ -0,0 +1,53 @@
+import { useAccountStore as _, useConnectStore as b, useGlobalCopyStore as g } from "../context/hooks.es.js";
+import x from "./drawer/Drawer.es.js";
+import { CONNECT_WIDGET_ID as a, MemberConnectionStatus as c } from "../constants/Connect.es.js";
+import i from "./ConnectStatus.es.js";
+import r from "react";
+import { observer as L } from "mobx-react-lite";
+import { jsx as n, jsxs as D } from "react/jsx-runtime";
+import { useTheme as v } from "@mui/material/styles";
+import { ConnectWidget as w } from "@mxenabled/web-widget-sdk";
+var y = ({ loadWidgetProps: l, onClose: u, showConnectWidget: o, title: m }) => {
+  let s;
+  const { refreshAccounts: f } = _(), { loadWidget: d } = b(), { connect: p } = g(), [C, e] = r.useState(!1), [h, t] = r.useState(!1), { palette: { mode: S } } = v();
+  return r.useEffect(() => (o ? (e(!0), d({
+    mode: S,
+    ...l
+  }).then((E) => {
+    s = new w({
+      container: `#${a}`,
+      style: {
+        border: "none",
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: E.url,
+      onSsoUrlLoadError: () => {
+        e(!1), t(!0);
+      },
+      onLoad: () => {
+        e(!1), t(!1);
+      }
+    });
+  })) : (e(!1), t(!1)), () => {
+    s?.unmount();
+  }), [o]), /* @__PURE__ */ n(x, {
+    ariaLabelClose: p.close_manage_connection_aria,
+    isOpen: o,
+    onClose: () => {
+      u(), f();
+    },
+    title: m,
+    children: /* @__PURE__ */ D("div", {
+      id: a,
+      children: [h && /* @__PURE__ */ n(i, { status: c.Error }), C && /* @__PURE__ */ n(i, { status: c.Loading })]
+    })
+  });
+}, M = L(y);
+export {
+  M as default
+};
+
+//# sourceMappingURL=ConnectDrawer.es.js.map

package/dist/common/components/ConnectDrawer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectDrawer.es.js","names":[],"sources":["../../../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Connect'\nimport { CONNECT_WIDGET_ID } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  let connectWidget: ConnectWidget\n\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (showConnectWidget) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [showConnectWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECT_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAAA,CAA+C,EACnD,iBAAA,GACA,SAAA,GACA,mBAAA,GACA,OAAA,EAAA,MACI;AACJ,MAAI;AAEJ,QAAM,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GACtC,EAAE,YAAA,EAAA,IAAe,EAAgB,GACjC,EAAE,SAAS,EAAA,IAAgB,EAAmB,GAC9C,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,EACJ,SAAS,EAAE,MAAA,EAAA,EAAA,IACT,EAAS;AAEb,SAAA,EAAM,UAAA,OACA,KACF,EAAa,EAAI,GACjB,EAAW;AAAA,IAAQ,MAAA;AAAA,IAAM,GAAG;AAAA,EAAgB,CAAC,EAAE,KAAA,CAAM,MAAQ;AAC3D,IAAA,IAAgB,IAAI,EAAc;AAAA,MAChC,WAAW,IAAI,CAAA;AAAA,MACf,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,KAAK,EAAI;AAAA,MACT,mBAAA,MAAyB;AACvB,QAAA,EAAa,EAAK,GAClB,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAA,MAAc;AACZ,QAAA,EAAa,EAAK,GAClB,EAAY,EAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC,MAED,EAAa,EAAK,GAClB,EAAY,EAAK,IAGnB,MAAa;AACX,IAAA,GAAe,QAAQ;AAAA,EACzB,IACC,CAAC,CAAiB,CAAC,GAGpB,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAY;AAAA,IAC5B,QAAQ;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAAQ,GACR,EAAgB;AAAA,IAClB;AAAA,IACO,OAAA;AAAA,cAEP,gBAAA,EAAC,OAAD;AAAA,MAAK,IAAI;AAAA,gBAAT,CACG,KAAY,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,MAAQ,CAAA,GAClE,KAAa,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,QAAU,CAAA,CACnE;AAAA;EACC,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAa"}

package/dist/common/components/ConnectStatus.es.js

@@ -0,0 +1,39 @@
+import { useGlobalCopyStore as i } from "../context/hooks.es.js";
+import { MemberConnectionStatus as o } from "../constants/Connect.es.js";
+import { observer as n } from "mobx-react-lite";
+import c from "@mui/material/Stack";
+import { Text as m } from "@mxenabled/mxui";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+import p from "@mui/material/CircularProgress";
+var l = ({ status: t = o.Loading }) => {
+  const { connect: e } = i();
+  return /* @__PURE__ */ r(a, {
+    sx: {
+      height: "calc(100% - 62px)",
+      position: "absolute",
+      width: "100%"
+    },
+    children: /* @__PURE__ */ s(c, {
+      alignItems: "center",
+      direction: "column",
+      justifyContent: "center",
+      sx: { height: "100%" },
+      children: [t === o.Loading && /* @__PURE__ */ r(p, {
+        color: "primary",
+        size: 48
+      }), /* @__PURE__ */ r(m, {
+        sx: {
+          color: "grey.600",
+          marginTop: "16px"
+        },
+        children: t === o.Error ? e.oops : e.loading
+      })]
+    })
+  });
+}, S = n(l);
+export {
+  S as default
+};
+
+//# sourceMappingURL=ConnectStatus.es.js.map

package/dist/common/components/ConnectStatus.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectStatus.es.js","names":[],"sources":["../../../src/common/components/ConnectStatus.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { MemberConnectionStatus } from '../constants/Connect'\nimport { useGlobalCopyStore } from '../../common'\n\ninterface ConnectStatusProps {\n  status?: MemberConnectionStatus\n}\n\nconst ConnectStatus: React.FC<ConnectStatusProps> = ({\n  status = MemberConnectionStatus.Loading,\n}) => {\n  const { connect: connectCopy } = useGlobalCopyStore()\n\n  return (\n    <Box\n      sx={{\n        height: 'calc(100% - 62px)',\n        position: 'absolute',\n        width: '100%',\n      }}\n    >\n      <Stack alignItems=\"center\" direction=\"column\" justifyContent=\"center\" sx={{ height: '100%' }}>\n        {status === MemberConnectionStatus.Loading && (\n          <CircularProgress color=\"primary\" size={48} />\n        )}\n        <Text\n          sx={{\n            color: 'grey.600',\n            marginTop: '16px',\n          }}\n        >\n          {status === MemberConnectionStatus.Error ? connectCopy.oops : connectCopy.loading}\n        </Text>\n      </Stack>\n    </Box>\n  )\n}\n\nexport default observer(ConnectStatus)\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAA,CAA+C,EACnD,QAAA,IAAS,EAAuB,QAAA,MAC5B;AACJ,QAAM,EAAE,SAAS,EAAA,IAAgB,EAAmB;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAO,YAAW;AAAA,MAAS,WAAU;AAAA,MAAS,gBAAe;AAAA,MAAS,IAAI,EAAE,QAAQ,OAAO;AAAA,gBAA3F,CACG,MAAW,EAAuB,WACjC,gBAAA,EAAC,GAAD;AAAA,QAAkB,OAAM;AAAA,QAAU,MAAM;AAAA,MAAK,CAAA,GAE/C,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,OAAO;AAAA,UACP,WAAW;AAAA,QACb;AAAA,kBAEC,MAAW,EAAuB,QAAQ,EAAY,OAAO,EAAY;AAAA,MACtE,CAAA,CACD;AAAA;EACJ,CAAA;AAET,GAEA,IAAe,EAAS,CAAa"}

package/dist/common/components/CurrencyDialog.es.js

@@ -0,0 +1,119 @@
+import { useScreenSize as v } from "../hooks/useScreenSize.es.js";
+import p from "@mui/material/Stack";
+import { H3 as I, P as y } from "@mxenabled/mxui";
+import c from "@mui/material/Button";
+import { Icon as S } from "@mxenabled/mx-icons";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import j from "@mui/material/Dialog";
+import k from "@mui/material/DialogContent";
+import M from "@mui/material/IconButton";
+import $ from "@mui/material/DialogActions";
+import F from "@mui/material/InputAdornment";
+import w from "@mui/material/TextField";
+var O = ({ closeAriaLabel: d, content: f, inputLabel: t, inputValue: i, isOpen: h, handleInputChange: u, handleModalClose: n, handlePrimaryAction: a, handleSecondaryAction: g, primaryColor: x = "primary", primaryText: m, secondaryColor: b = "primary", secondaryText: l, title: s }) => {
+  const C = i !== "" && i !== "0" && !isNaN(parseFloat(i ?? "0")), { isSmallMobile: D } = v();
+  return /* @__PURE__ */ o(j, {
+    "aria-label": s,
+    "aria-labelledby": "modal-title",
+    maxWidth: "xs",
+    onClose: n,
+    open: h,
+    role: "dialog",
+    sx: {
+      "& .MuiDialogContent-root": { p: 0 },
+      ...D && { "& .MuiDialog-paper": { minWidth: "100%" } }
+    },
+    children: /* @__PURE__ */ o(k, { children: /* @__PURE__ */ e("form", {
+      onSubmit: (r) => {
+        r.preventDefault(), a();
+      },
+      children: [
+        /* @__PURE__ */ e(p, {
+          sx: {
+            alignItems: "center",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            pb: 12,
+            pl: 24,
+            position: "relative",
+            pr: 16,
+            pt: 24
+          },
+          children: [/* @__PURE__ */ o(I, {
+            id: "modal-title",
+            children: s
+          }), /* @__PURE__ */ o(M, {
+            "aria-label": d,
+            onClick: n,
+            sx: {
+              minHeight: 24,
+              position: "absolute",
+              right: 8,
+              top: 18
+            },
+            children: /* @__PURE__ */ o(S, {
+              name: "close",
+              sx: { color: "action.active" }
+            })
+          })]
+        }),
+        /* @__PURE__ */ e(p, {
+          sx: {
+            gap: 24,
+            px: 24
+          },
+          children: [/* @__PURE__ */ o(y, {
+            variant: "subtitle1",
+            children: f
+          }), t && /* @__PURE__ */ o(w, {
+            autoFocus: !0,
+            inputMode: "decimal",
+            label: t,
+            onChange: ({ target: { value: r } }) => {
+              /^\d*\.?\d*$/.test(r) && u?.(r);
+            },
+            slotProps: {
+              input: { startAdornment: /* @__PURE__ */ o(F, {
+                position: "start",
+                children: "$"
+              }) },
+              htmlInput: {
+                "aria-label": t,
+                noValidate: !0,
+                pattern: "[0-9]*\\.?[0-9]*"
+              }
+            },
+            type: "text",
+            value: i
+          })]
+        }),
+        /* @__PURE__ */ e($, {
+          sx: {
+            justifyContent: "flex-end",
+            gap: 16,
+            p: 24,
+            ">:not(style)~:not(style)": { ml: 0 }
+          },
+          children: [l && /* @__PURE__ */ o(c, {
+            "aria-label": l,
+            color: b,
+            onClick: g,
+            children: l
+          }), /* @__PURE__ */ o(c, {
+            "aria-label": m,
+            color: x,
+            disabled: t ? !C : !1,
+            onClick: a,
+            variant: "contained",
+            children: m
+          })]
+        })
+      ]
+    }) })
+  });
+};
+export {
+  O as default
+};
+
+//# sourceMappingURL=CurrencyDialog.es.js.map

package/dist/common/components/CurrencyDialog.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyDialog.es.js","names":[],"sources":["../../../src/common/components/CurrencyDialog.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport Button, { type ButtonProps } from '@mui/material/Button'\nimport Dialog from '@mui/material/Dialog'\nimport DialogActions from '@mui/material/DialogActions'\nimport DialogContent from '@mui/material/DialogContent'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { useScreenSize } from '../hooks'\n\ninterface CurrencyDialogProps {\n  closeAriaLabel: string\n  content?: string\n  inputLabel?: string\n  inputValue?: string\n  isOpen: boolean\n  handleInputChange?: (value: string) => void\n  handleModalClose: () => void\n  handlePrimaryAction: () => void\n  handleSecondaryAction?: () => void\n  primaryColor?: ButtonProps['color']\n  primaryText: string\n  secondaryColor?: ButtonProps['color']\n  secondaryText?: string\n  title: string\n}\n\n// Created for V2 of BudgetDetailsDrawer.\n// The previous design will be replaced once the new design is finalized.\n// Also needs to be updated to use the mxui library\n// with the updated Dialog components.\n\nconst CurrencyDialog = ({\n  closeAriaLabel,\n  content,\n  inputLabel,\n  inputValue,\n  isOpen,\n  handleInputChange,\n  handleModalClose,\n  handlePrimaryAction,\n  handleSecondaryAction,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'primary',\n  secondaryText,\n  title,\n}: CurrencyDialogProps) => {\n  const numericValue = parseFloat(inputValue ?? '0')\n  const isValid = inputValue !== '' && inputValue !== '0' && !isNaN(numericValue)\n\n  const { isSmallMobile } = useScreenSize()\n\n  return (\n    <Dialog\n      aria-label={title}\n      aria-labelledby=\"modal-title\"\n      maxWidth=\"xs\"\n      onClose={handleModalClose}\n      open={isOpen}\n      role=\"dialog\"\n      sx={{\n        '& .MuiDialogContent-root': { p: 0 },\n        ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n      }}\n    >\n      <DialogContent>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            handlePrimaryAction()\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              pb: 12,\n              pl: 24,\n              position: 'relative',\n              pr: 16,\n              pt: 24,\n            }}\n          >\n            <H3 id=\"modal-title\">{title}</H3>\n            <IconButton\n              aria-label={closeAriaLabel}\n              onClick={handleModalClose}\n              sx={{ minHeight: 24, position: 'absolute', right: 8, top: 18 }}\n            >\n              <Icon name=\"close\" sx={{ color: 'action.active' }} />\n            </IconButton>\n          </Stack>\n          <Stack sx={{ gap: 24, px: 24 }}>\n            <P variant=\"subtitle1\">{content}</P>\n            {inputLabel && (\n              <TextField\n                autoFocus={true}\n                inputMode=\"decimal\"\n                label={inputLabel}\n                onChange={({ target: { value } }) => {\n                  if (!/^\\d*\\.?\\d*$/.test(value)) return\n\n                  handleInputChange?.(value)\n                }}\n                slotProps={{\n                  input: {\n                    startAdornment: <InputAdornment position=\"start\">$</InputAdornment>,\n                  },\n                  htmlInput: {\n                    'aria-label': inputLabel,\n                    noValidate: true,\n                    pattern: '[0-9]*\\\\.?[0-9]*',\n                  },\n                }}\n                type=\"text\"\n                value={inputValue}\n              />\n            )}\n          </Stack>\n          <DialogActions\n            sx={{\n              justifyContent: 'flex-end',\n              gap: 16,\n              p: 24,\n              '>:not(style)~:not(style)': { ml: 0 },\n            }}\n          >\n            {secondaryText && (\n              <Button\n                aria-label={secondaryText}\n                color={secondaryColor}\n                onClick={handleSecondaryAction}\n              >\n                {secondaryText}\n              </Button>\n            )}\n            <Button\n              aria-label={primaryText}\n              color={primaryColor}\n              disabled={inputLabel ? !isValid : false}\n              onClick={handlePrimaryAction}\n              variant=\"contained\"\n            >\n              {primaryText}\n            </Button>\n          </DialogActions>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default CurrencyDialog\n"],"mappings":"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"}

package/dist/common/components/CurrencyInput.es.js

@@ -0,0 +1,49 @@
+import { buildDynamicCopy as _, getLocale as y } from "../../core/utils/Localization.es.js";
+import { useGlobalCopyStore as T } from "../context/hooks.es.js";
+import { CurrencyCodes as k, MAX_MONEY_INPUT as q } from "../../core/constants/Numbers.es.js";
+import { formatCurrency as h, getCurrencyCodes as v } from "../../core/utils/NumberFormatting.es.js";
+import c from "react";
+import { P as C, TextField as B } from "@mxenabled/mxui";
+import { css as L } from "@mxenabled/cssinjs";
+import { jsx as i } from "react/jsx-runtime";
+import { v4 as O } from "uuid";
+var K = ({ allowDecimals: o = !0, ariaLabel: b, amount: s, amountIsRequired: g = !0, copy: u, customValidate: $ = () => !0, errorText: M = "", label: a, minAmount: f = 1, setAmount: S, setHasValidInput: e, ...x }) => {
+  const [l, t] = c.useState(""), { common: N } = T(), n = u || N.currency_input, R = W(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, P = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  let m;
+  const d = c.useRef(O());
+  o ? v() === k.CAD ? m = E : m = P : m = A, c.useEffect(() => {
+    p(s);
+  }, [s]);
+  const p = (r) => {
+    !g && (r === "" || r === "." || r === ",") ? (t(""), e?.(!1)) : Number(r) < f ? (t(_(n.error_amount_must_be_equal_to, h(f, "0"))), e?.(!1)) : Number(r) > 9999999999e-2 ? (t(_(n.error_amount_must_be_less_than_or_equal_to, h(q, o ? "0,0.00" : "0,0", Math.floor))), e?.(!1)) : r.toString().match(m) ? $() ? (t(""), e?.(!0)) : (t(M), e?.(!1)) : (t(n.error_amount_is_invalid), e?.(!1)), S(r.toString());
+  };
+  return /* @__PURE__ */ i(B, {
+    className: `mx-cmn-currency-input ${R}`,
+    error: !!l,
+    helperText: l,
+    hiddenLabel: !a,
+    id: `currency-input-${d.current}`,
+    inputMode: o ? "decimal" : "numeric",
+    label: a,
+    name: `currency-input-${d.current}`,
+    onChange: (r) => p(r.target.value),
+    slotProps: {
+      input: {
+        endAdornment: y().includes("fr-ca") ? /* @__PURE__ */ i(C, { children: "$" }) : void 0,
+        startAdornment: y().includes("fr-ca") ? void 0 : /* @__PURE__ */ i(C, { children: "$" })
+      },
+      htmlInput: {
+        "aria-label": b || n.enter_amount,
+        noValidate: !0,
+        pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
+      }
+    },
+    value: s,
+    ...x
+  });
+}, W = () => L({ "& .MuiInputBase-adornedStart > .p": { marginRight: 4 } });
+export {
+  K as default
+};
+
+//# sourceMappingURL=CurrencyInput.es.js.map

package/dist/common/components/CurrencyInput.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.es.js","names":[],"sources":["../../../src/common/components/CurrencyInput.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport type { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField'\n\nimport { P, TextField } from '@mxenabled/mxui'\n\nimport { getLocale } from '../../core'\nimport { CurrencyCodes, MAX_MONEY_INPUT } from '../../core/constants/Numbers'\nimport { formatCurrency, getCurrencyCodes } from '../../core/utils/NumberFormatting'\nimport { CurrencyInputCopy } from '../../core'\nimport { useGlobalCopyStore } from '../context'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ntype CurrencyInputProps = {\n  allowDecimals?: boolean\n  amountIsRequired?: boolean\n  ariaLabel?: string\n  amount: string | number\n  copy?: CurrencyInputCopy\n  customValidate?: () => boolean\n  errorText?: string\n  label?: string\n  minAmount?: number\n  setAmount: (s: string) => void\n  setHasValidInput?: (b: boolean) => void\n} & MuiTextFieldProps\n\nconst CurrencyInput: React.FC<CurrencyInputProps> = ({\n  allowDecimals = true,\n  ariaLabel,\n  amount,\n  amountIsRequired = true,\n  copy,\n  customValidate = () => true,\n  errorText = '',\n  label,\n  minAmount = 1,\n  setAmount,\n  setHasValidInput,\n  ...rest\n}) => {\n  const [errorMsg, setErrorMsg] = React.useState('')\n  const { common: commonCopy } = useGlobalCopyStore()\n  const customCopy = copy ? copy : commonCopy.currency_input\n\n  const styles = getStyles()\n\n  const numbersOnly = /^[0-9]*$/\n  // disabling this lint rule because this \"useless\" escape is not useless and breaks functionality if removed\n  // eslint-disable-next-line no-useless-escape\n  const numbersWithComma = /^(\\d)*(\\,)?([0-9]{1,2})?$/\n  const numbersWithDecimal = /^(\\d)*(\\.)?([0-9]{1,2})?$/\n  let pattern: RegExp\n\n  const nameRef = React.useRef(uuidv4())\n\n  if (allowDecimals) {\n    switch (getCurrencyCodes()) {\n      case CurrencyCodes.CAD:\n        pattern = numbersWithComma\n        break\n      default:\n        pattern = numbersWithDecimal\n        break\n    }\n  } else {\n    pattern = numbersOnly\n  }\n\n  React.useEffect(() => {\n    handleValidation(amount)\n  }, [amount])\n\n  const handleValidation = (value: string | number) => {\n    if (!amountIsRequired && (value === '' || value === '.' || value === ',')) {\n      // don't display error in these instances, but indicate the input isn't valid\n      setErrorMsg('')\n      setHasValidInput?.(false)\n    } else if (Number(value) < minAmount) {\n      // display error if number is negative\n      setErrorMsg(\n        buildDynamicCopy(\n          customCopy.error_amount_must_be_equal_to,\n          formatCurrency(minAmount, '0'),\n        ) as string,\n      )\n      setHasValidInput?.(false)\n    } else if (Number(value) > MAX_MONEY_INPUT) {\n      // display error if number is greater than max amount allowed\n      setErrorMsg(\n        buildDynamicCopy(\n          customCopy.error_amount_must_be_less_than_or_equal_to,\n          formatCurrency(MAX_MONEY_INPUT, allowDecimals ? '0,0.00' : '0,0', Math.floor),\n        ) as string,\n      )\n      setHasValidInput?.(false)\n    } else if (!value.toString().match(pattern)) {\n      // check that input is valid and display error on special characters, etc\n      setErrorMsg(customCopy.error_amount_is_invalid)\n      setHasValidInput?.(false)\n    } else if (!customValidate()) {\n      // if custom error validation returns false, error passed in by parent is displayed\n      setErrorMsg(errorText)\n      setHasValidInput?.(false)\n    } else {\n      // input is valid!\n      setErrorMsg('')\n      setHasValidInput?.(true)\n    }\n\n    setAmount(value.toString())\n  }\n\n  return (\n    <TextField\n      className={`mx-cmn-currency-input ${styles}`}\n      error={Boolean(errorMsg)}\n      helperText={errorMsg}\n      hiddenLabel={!label}\n      id={`currency-input-${nameRef.current}`}\n      inputMode={allowDecimals ? 'decimal' : 'numeric'}\n      label={label}\n      name={`currency-input-${nameRef.current}`}\n      onChange={(e: any) => handleValidation(e.target.value)}\n      slotProps={{\n        input: {\n          endAdornment: getLocale().includes('fr-ca') ? <P>$</P> : undefined,\n          startAdornment: !getLocale().includes('fr-ca') ? <P>$</P> : undefined,\n        },\n        htmlInput: {\n          'aria-label': ariaLabel || customCopy.enter_amount,\n          noValidate: true,\n          pattern: allowDecimals ? '[0-9]*\\\\.?[0-9]*' : '[0-9]*',\n        },\n      }}\n      value={amount}\n      {...rest}\n    />\n  )\n}\n\nconst getStyles = () =>\n  css({\n    '& .MuiInputBase-adornedStart > .p': {\n      marginRight: 4,\n    },\n  })\n\nexport default CurrencyInput\n"],"mappings":";;;;;;;;;AA6BA,IAAM,IAAA,CAA+C,EACnD,eAAA,IAAgB,IAChB,WAAA,GACA,QAAA,GACA,kBAAA,IAAmB,IACnB,MAAA,GACA,gBAAA,IAAA,MAAuB,IACvB,WAAA,IAAY,IACZ,OAAA,GACA,WAAA,IAAY,GACZ,WAAA,GACA,kBAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAE,GAC3C,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,IAAa,KAAc,EAAW,gBAEtC,IAAS,EAAU,GAEnB,IAAc,YAGd,IAAmB,6BACnB,IAAqB;AAC3B,MAAI;AAEJ,QAAM,IAAU,EAAM,OAAO,EAAO,CAAC;AAErC,EAAI,IACM,EAAiB,MAClB,EAAc,MACjB,IAAU,IAGV,IAAU,IAId,IAAU,GAGZ,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAiB,CAAM;AAAA,EACzB,GAAG,CAAC,CAAM,CAAC;AAEX,QAAM,IAAA,CAAoB,MAA2B;AACnD,IAAI,CAAC,MAAqB,MAAU,MAAM,MAAU,OAAO,MAAU,QAEnE,EAAY,EAAE,GACd,IAAmB,EAAK,KACf,OAAO,CAAK,IAAI,KAEzB,EACE,EACE,EAAW,+BACX,EAAe,GAAW,GAAG,CAC/B,CACF,GACA,IAAmB,EAAK,KACf,OAAO,CAAK,IAAA,iBAErB,EACE,EACE,EAAW,4CACX,EAAe,GAAiB,IAAgB,WAAW,OAAO,KAAK,KAAK,CAC9E,CACF,GACA,IAAmB,EAAK,KACd,EAAM,SAAS,EAAE,MAAM,CAAO,IAI9B,EAAe,KAMzB,EAAY,EAAE,GACd,IAAmB,EAAI,MALvB,EAAY,CAAS,GACrB,IAAmB,EAAK,MALxB,EAAY,EAAW,uBAAuB,GAC9C,IAAmB,EAAK,IAW1B,EAAU,EAAM,SAAS,CAAC;AAAA,EAC5B;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,yBAAyB,CAAA;AAAA,IACpC,OAAO,EAAQ;AAAA,IACf,YAAY;AAAA,IACZ,aAAa,CAAC;AAAA,IACd,IAAI,kBAAkB,EAAQ,OAAA;AAAA,IAC9B,WAAW,IAAgB,YAAY;AAAA,IAChC,OAAA;AAAA,IACP,MAAM,kBAAkB,EAAQ,OAAA;AAAA,IAChC,UAAA,CAAW,MAAW,EAAiB,EAAE,OAAO,KAAK;AAAA,IACrD,WAAW;AAAA,MACT,OAAO;AAAA,QACL,cAAc,EAAU,EAAE,SAAS,OAAO,IAAI,gBAAA,EAAC,GAAD,EAAA,UAAG,IAAI,CAAA,IAAI;AAAA,QACzD,gBAAiB,EAAU,EAAE,SAAS,OAAO,IAAe,SAAX,gBAAA,EAAC,GAAD,EAAA,UAAG,IAAI,CAAA;AAAA,MAC1D;AAAA,MACA,WAAW;AAAA,QACT,cAAc,KAAa,EAAW;AAAA,QACtC,YAAY;AAAA,QACZ,SAAS,IAAgB,qBAAqB;AAAA,MAChD;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,GAAI;AAAA,EACL,CAAA;AAEL,GAEM,IAAA,MACJ,EAAI,EACF,qCAAqC,EACnC,aAAa,EACf,EACF,CAAC"}

package/dist/common/components/CurrencyText.es.js

@@ -0,0 +1,17 @@
+import { formatCurrency as f } from "../../core/utils/NumberFormatting.es.js";
+import "react";
+import { P as u } from "@mxenabled/mxui";
+import { jsxs as a } from "react/jsx-runtime";
+var d = ({ isIncome: t = !1, amount: e = 0, bold: o, color: r, formatString: m, sx: i, symbol: n, variant: s, ...c }) => /* @__PURE__ */ a(u, {
+  bold: o,
+  color: r || (t ? "success.main" : "text.primary"),
+  sx: i,
+  variant: s,
+  ...c,
+  children: [n, f(Number(e), m ?? "0,0.00")]
+});
+export {
+  d as CurrencyText
+};
+
+//# sourceMappingURL=CurrencyText.es.js.map

package/dist/common/components/CurrencyText.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyText.es.js","names":[],"sources":["../../../src/common/components/CurrencyText.tsx"],"sourcesContent":["import React from 'react'\nimport { SxProps } from '@mui/material/styles'\nimport { P } from '@mxenabled/mxui'\nimport { TypographyProps } from '@mui/material/Typography'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface CurrencyTextProps extends TypographyProps {\n  isIncome?: boolean\n  amount: number | string\n  bold?: boolean\n  color?: string\n  formatString?: string\n  sx?: SxProps\n  symbol?: string\n  variant?: TypographyProps['variant']\n}\n\nexport const CurrencyText: React.FC<CurrencyTextProps> = ({\n  isIncome = false,\n  amount = 0,\n  bold,\n  color,\n  formatString,\n  sx,\n  symbol,\n  variant,\n  ...rest\n}) => {\n  const textColor = () => {\n    if (color) {\n      return color\n    } else {\n      return isIncome ? 'success.main' : 'text.primary'\n    }\n  }\n\n  return (\n    <P bold={bold} color={textColor()} sx={sx} variant={variant} {...rest}>\n      {symbol}\n      {formatCurrency(Number(amount), formatString ?? '0,0.00')}\n    </P>\n  )\n}\n"],"mappings":";;;;AAiBA,IAAa,IAAA,CAA6C,EACxD,UAAA,IAAW,IACX,QAAA,IAAS,GACT,MAAA,GACA,OAAA,GACA,cAAA,GACA,IAAA,GACA,QAAA,GACA,SAAA,GACA,GAAG,EAAA,MAWD,gBAAA,EAAC,GAAD;AAAA,EAAS,MAAA;AAAA,EAAM,OARX,MAGK,IAAW,iBAAiB;AAAA,EAKE,IAAA;AAAA,EAAa,SAAA;AAAA,EAAS,GAAI;AAAA,YAAjE,CACG,GACA,EAAe,OAAO,CAAM,GAAG,KAAgB,QAAQ,CACvD"}

package/dist/common/components/DataRow.es.js

@@ -0,0 +1,53 @@
+import "react";
+import { Icon as o } from "@mxenabled/mxui";
+import { Fragment as l, jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@mui/material/ListItem";
+import c from "@mui/material/ListItemButton";
+import f from "@mui/material/ListItemIcon";
+import p from "@mui/material/ListItemText";
+import h from "@mui/material/Avatar";
+import u from "@mui/material/ListItemAvatar";
+var A = ({ iconName: m, label: n, onClick: t, showChevron: s = !0, value: d }) => {
+  const e = /* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(h, {
+    sx: { bgcolor: "neutral.light" },
+    variant: "rounded",
+    children: /* @__PURE__ */ r(o, {
+      name: m,
+      sx: { color: "text.primary" }
+    })
+  }) }), /* @__PURE__ */ r(p, {
+    primary: n,
+    secondary: d,
+    slotProps: {
+      primary: {
+        variant: "caption",
+        fontWeight: "normal"
+      },
+      secondary: {
+        color: "text.default",
+        variant: "body1",
+        fontWeight: 600
+      }
+    }
+  })] });
+  return t ? /* @__PURE__ */ r(a, {
+    disableGutters: !0,
+    disablePadding: !0,
+    children: /* @__PURE__ */ i(c, {
+      onClick: t,
+      children: [e, s && /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(o, {
+        name: "chevron_right",
+        size: 24
+      }) })]
+    })
+  }) : /* @__PURE__ */ r(a, {
+    disableGutters: !1,
+    disablePadding: !1,
+    children: e
+  });
+};
+export {
+  A as default
+};
+
+//# sourceMappingURL=DataRow.es.js.map

package/dist/common/components/DataRow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataRow.es.js","names":[],"sources":["../../../src/common/components/DataRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { Icon } from '@mxenabled/mxui'\n\ninterface DataRowProps {\n  iconName: string\n  label: string\n  onClick?: () => void\n  showChevron?: boolean\n  value: string\n}\n\nconst DataRow: React.FC<DataRowProps> = ({\n  iconName,\n  label,\n  onClick,\n  showChevron = true,\n  value,\n}) => {\n  const rowContents = (\n    <>\n      <ListItemAvatar>\n        <Avatar sx={{ bgcolor: 'neutral.light' }} variant=\"rounded\">\n          <Icon name={iconName} sx={{ color: 'text.primary' }} />\n        </Avatar>\n      </ListItemAvatar>\n      <ListItemText\n        primary={label}\n        secondary={value}\n        slotProps={{\n          primary: { variant: 'caption', fontWeight: 'normal' },\n          secondary: { color: 'text.default', variant: 'body1', fontWeight: 600 },\n        }}\n      />\n    </>\n  )\n\n  return onClick ? (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton onClick={onClick}>\n        {rowContents}\n        {showChevron && (\n          <ListItemIcon>\n            <Icon name=\"chevron_right\" size={24} />\n          </ListItemIcon>\n        )}\n      </ListItemButton>\n    </ListItem>\n  ) : (\n    <ListItem disableGutters={false} disablePadding={false}>\n      {rowContents}\n    </ListItem>\n  )\n}\n\nexport default DataRow\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAA,CAAmC,EACvC,UAAA,GACA,OAAA,GACA,SAAA,GACA,aAAA,IAAc,IACd,OAAA,EAAA,MACI;AACJ,QAAM,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,IAAI,EAAE,SAAS,gBAAgB;AAAA,IAAG,SAAQ;AAAA,cAChD,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAU,IAAI,EAAE,OAAO,eAAe;AAAA,IAAI,CAAA;AAAA,EAChD,CAAA,EACM,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,MACT,SAAS;AAAA,QAAE,SAAS;AAAA,QAAW,YAAY;AAAA,MAAS;AAAA,MACpD,WAAW;AAAA,QAAE,OAAO;AAAA,QAAgB,SAAS;AAAA,QAAS,YAAY;AAAA,MAAI;AAAA,IACxE;AAAA,EACD,CAAA,CACD,EAAA,CAAA;AAGJ,SAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,cAC9C,gBAAA,EAAC,GAAD;AAAA,MAAyB,SAAA;AAAA,gBAAzB,CACG,GACA,KACC,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAgB,MAAM;AAAA,MAAK,CAAA,EAC1B,CAAA,CAEF;AAAA;EACR,CAAA,IAEV,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAO,gBAAgB;AAAA,cAC9C;AAAA,EACO,CAAA;AAEd"}

package/dist/common/components/EmptyState.es.js

@@ -0,0 +1,68 @@
+import "react";
+import o from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import s from "@mui/material/Button";
+import { Icon as x } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+var I = ({ icon: m, iconColor: l, header: p, onClick: a, primaryButton: e, primaryButtonStartIcon: i, secondaryButton: r, subText: d, sx: h }) => /* @__PURE__ */ c(o, {
+  sx: {
+    alignItems: "center",
+    alignSelf: "center",
+    maxWidth: "100%",
+    p: "12px 16px 24px 16px",
+    ...h
+  },
+  children: [
+    /* @__PURE__ */ t(x, {
+      name: m,
+      size: 48,
+      sx: { color: l }
+    }),
+    /* @__PURE__ */ t(n, {
+      className: "empty-state-header",
+      color: "text.primary",
+      sx: {
+        fontWeight: 600,
+        mt: 16,
+        textAlign: "center"
+      },
+      variant: "body1",
+      children: p
+    }),
+    /* @__PURE__ */ t(n, {
+      className: "empty-state-subtext",
+      color: "text.secondary",
+      sx: {
+        fontWeight: 400,
+        textAlign: "center",
+        width: "calc(100% - 8px)"
+      },
+      variant: "subtitle2",
+      children: d
+    }),
+    (e || r) && /* @__PURE__ */ c(o, {
+      className: "buttons-footer",
+      sx: {
+        gap: 12,
+        mt: 32
+      },
+      children: [e && /* @__PURE__ */ t(s, {
+        onClick: () => a?.("primary"),
+        startIcon: i ? /* @__PURE__ */ t(x, { name: i }) : void 0,
+        sx: { textWrap: "nowrap" },
+        variant: "contained",
+        children: e
+      }), r && /* @__PURE__ */ t(s, {
+        onClick: () => a?.("secondary"),
+        sx: { textWrap: "nowrap" },
+        variant: "text",
+        children: r
+      })]
+    })
+  ]
+});
+export {
+  I as EmptyState
+};
+
+//# sourceMappingURL=EmptyState.es.js.map

package/dist/common/components/EmptyState.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.es.js","names":[],"sources":["../../../src/common/components/EmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n  icon: string\n  iconColor?: string\n  header: string\n  onClick?: (buttonType: string) => void\n  primaryButton?: string\n  primaryButtonStartIcon?: string\n  secondaryButton?: string\n  subText: string\n  sx?: SxProps\n}\n\nexport const EmptyState: React.FC<EmptyWidgetProps> = ({\n  icon,\n  iconColor,\n  header,\n  onClick,\n  primaryButton,\n  primaryButtonStartIcon,\n  secondaryButton,\n  subText,\n  sx,\n}) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        alignSelf: 'center',\n        maxWidth: '100%',\n        p: '12px 16px 24px 16px',\n        ...sx,\n      }}\n    >\n      <Icon name={icon} size={48} sx={{ color: iconColor }} />\n      <Text\n        className=\"empty-state-header\"\n        color=\"text.primary\"\n        sx={{ fontWeight: 600, mt: 16, textAlign: 'center' }}\n        variant=\"body1\"\n      >\n        {header}\n      </Text>\n      <Text\n        className=\"empty-state-subtext\"\n        color=\"text.secondary\"\n        sx={{ fontWeight: 400, textAlign: 'center', width: 'calc(100% - 8px)' }}\n        variant=\"subtitle2\"\n      >\n        {subText}\n      </Text>\n\n      {(primaryButton || secondaryButton) && (\n        <Stack\n          className=\"buttons-footer\"\n          sx={{\n            gap: 12,\n            mt: 32,\n          }}\n        >\n          {primaryButton && (\n            <Button\n              onClick={() => onClick?.('primary')}\n              startIcon={\n                primaryButtonStartIcon ? <Icon name={primaryButtonStartIcon} /> : undefined\n              }\n              sx={{ textWrap: 'nowrap' }}\n              variant=\"contained\"\n            >\n              {primaryButton}\n            </Button>\n          )}\n          {secondaryButton && (\n            <Button\n              onClick={() => onClick?.('secondary')}\n              sx={{ textWrap: 'nowrap' }}\n              variant=\"text\"\n            >\n              {secondaryButton}\n            </Button>\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAsBA,IAAa,IAAA,CAA0C,EACrD,MAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,eAAA,GACA,wBAAA,GACA,iBAAA,GACA,SAAA,GACA,IAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,YAPF;AAAA,IASE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,EAAU;AAAA,IAAI,CAAA;AAAA,IACvD,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MACnD,SAAQ;AAAA,gBAEP;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,WAAW;AAAA,QAAU,OAAO;AAAA,MAAmB;AAAA,MACtE,SAAQ;AAAA,gBAEP;AAAA,IACG,CAAA;AAAA,KAEJ,KAAiB,MACjB,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAI;AAAA,QACF,KAAK;AAAA,QACL,IAAI;AAAA,MACN;AAAA,gBALF,CAOG,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,IAAU,SAAS;AAAA,QAClC,WACE,IAAyB,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAyB,CAAA,IAAI;AAAA,QAEpE,IAAI,EAAE,UAAU,SAAS;AAAA,QACzB,SAAQ;AAAA,kBAEP;AAAA,MACK,CAAA,GAET,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,IAAU,WAAW;AAAA,QACpC,IAAI,EAAE,UAAU,SAAS;AAAA,QACzB,SAAQ;AAAA,kBAEP;AAAA,MACK,CAAA,CAEL;AAAA;EAEJ"}