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

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

@@ -1,53 +0,0 @@
-import { useAccountStore as _, useConnectStore as b, useGlobalCopyStore as g } from "../../context/hooks/index.es.js";
-import x from "../drawer/Drawer/index.es.js";
-import { CONNECT_WIDGET_ID as a, MemberConnectionStatus as c } from "../../constants/Connect/index.es.js";
-import i from "../ConnectStatus/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,39 +0,0 @@
-import { useGlobalCopyStore as i } from "../../context/hooks/index.es.js";
-import { MemberConnectionStatus as o } from "../../constants/Connect/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,119 +0,0 @@
-import { useScreenSize as v } from "../../hooks/useScreenSize/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,49 +0,0 @@
-import { buildDynamicCopy as _, getLocale as y } from "../../../core/utils/Localization/index.es.js";
-import { useGlobalCopyStore as T } from "../../context/hooks/index.es.js";
-import { CurrencyCodes as k, MAX_MONEY_INPUT as q } from "../../../core/constants/Numbers/index.es.js";
-import { formatCurrency as h, getCurrencyCodes as v } from "../../../core/utils/NumberFormatting/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,17 +0,0 @@
-import { formatCurrency as f } from "../../../core/utils/NumberFormatting/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,53 +0,0 @@
-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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,68 +0,0 @@
-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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

package/dist/common/components/Error/index.es.js

@@ -1,86 +0,0 @@
-import { GlobalDataContext as g } from "../../context/GlobalDataProvider/index.es.js";
-import c from "react";
-import { observer as f } from "mobx-react-lite";
-import { Icon as u, Text as s } from "@mxenabled/mxui";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Box as y, Button as C, Stack as i, useTheme as b } from "@mui/material";
-var m = c.forwardRef((t, o) => {
-  const n = b();
-  return /* @__PURE__ */ e("svg", {
-    fill: "none",
-    height: "60",
-    ref: o,
-    viewBox: "0 0 72 60",
-    width: "72",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...t,
-    children: /* @__PURE__ */ e("path", {
-      d: "M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z",
-      fill: n.palette.primary[100] ?? "#DFE8FD"
-    })
-  });
-});
-m.displayName = "BlobSVG";
-var v = ({ heading: t, message: o, iconName: n = "error", buttonText: d, onClick: a }) => {
-  const r = c.useContext(g)?.globalStore.copyStore.copy.common, h = t ?? (r?.error_heading ? `${r.error_heading}!` : "Oops!"), p = o ?? r?.error_message ?? "Something went wrong. Please try again.", x = d ?? r?.refresh_button ?? "Refresh";
-  return /* @__PURE__ */ e(i, {
-    alignItems: "center",
-    justifyContent: "center",
-    style: { height: "100dvh" },
-    children: /* @__PURE__ */ l(i, {
-      sx: {
-        display: "flex",
-        padding: "48px 16px",
-        flexDirection: "column",
-        alignItems: "center"
-      },
-      children: [
-        /* @__PURE__ */ l(i, {
-          sx: {
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: [/* @__PURE__ */ e(y, {
-            sx: {
-              position: "absolute",
-              zIndex: 0
-            },
-            children: /* @__PURE__ */ e(m, {})
-          }), /* @__PURE__ */ e(u, {
-            color: "primary",
-            name: n,
-            size: 48,
-            sx: { zIndex: 1 }
-          })]
-        }),
-        /* @__PURE__ */ e(s, {
-          bold: !0,
-          color: "text.primary",
-          mt: "24px",
-          variant: "h2",
-          children: h
-        }),
-        /* @__PURE__ */ e(s, {
-          color: "text.secondary",
-          variant: "subtitle1",
-          children: p
-        }),
-        a && /* @__PURE__ */ e(C, {
-          color: "primary",
-          onClick: () => {
-            a?.();
-          },
-          sx: { mt: 48 },
-          variant: "contained",
-          children: x
-        })
-      ]
-    })
-  });
-}, T = f(v);
-export {
-  m as BlobSVG,
-  T as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/common/components/Error/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/Error.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Box, Button, Stack, useTheme } from '@mui/material'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { GlobalDataContext } from '../context/GlobalDataProvider'\n\nexport const BlobSVG = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  (props, ref) => {\n    const theme = useTheme()\n    return (\n      <svg\n        fill=\"none\"\n        height=\"60\"\n        ref={ref}\n        viewBox=\"0 0 72 60\"\n        width=\"72\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z\"\n          fill={theme.palette.primary[100] ?? '#DFE8FD'}\n        />\n      </svg>\n    )\n  },\n)\n\nBlobSVG.displayName = 'BlobSVG'\n\ninterface ErrorProps {\n  heading?: string\n  message?: string\n  iconName?: string\n  buttonText?: string\n  onClick?: () => void\n}\n\nconst Error = ({\n  heading: headingProp,\n  message: messageProp,\n  iconName = 'error',\n  buttonText: buttonTextProp,\n  onClick,\n}: ErrorProps) => {\n  // This is a unique case to handle instance of the error component being used outside the context of the needed provider\n  // For example, we still need to show something in the event all network request fail (like copy)\n  // This allows us to fall back to hard coded english\n  // In a perfect world this will never happen\n  // Using React.useContext(GlobalDataContext) directly instead of the useGlobalCopyStore hook\n  // returns null (not throwing) when there's no provider, so we can safely use optional chaining (context?.globalStore...)\n  // and provide hardcoded fallback strings ('Something went wrong', etc.) when neither props nor context copy are available\n  const context = React.useContext(GlobalDataContext)\n  const copy = context?.globalStore.copyStore.copy.common\n\n  const heading = headingProp ?? (copy?.error_heading ? `${copy.error_heading}!` : 'Oops!')\n  const message = messageProp ?? copy?.error_message ?? 'Something went wrong. Please try again.'\n  const buttonText = buttonTextProp ?? copy?.refresh_button ?? 'Refresh'\n\n  const handleClick = () => {\n    onClick?.()\n  }\n\n  return (\n    <Stack alignItems=\"center\" justifyContent=\"center\" style={{ height: '100dvh' }}>\n      <Stack\n        sx={{\n          display: 'flex',\n          padding: '48px 16px',\n          flexDirection: 'column',\n          alignItems: 'center',\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Box\n            sx={{\n              position: 'absolute',\n              zIndex: 0,\n            }}\n          >\n            <BlobSVG />\n          </Box>\n          <Icon color=\"primary\" name={iconName} size={48} sx={{ zIndex: 1 }} />\n        </Stack>\n        <Text bold={true} color=\"text.primary\" mt=\"24px\" variant=\"h2\">\n          {heading}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"subtitle1\">\n          {message}\n        </Text>\n        {onClick && (\n          <Button color=\"primary\" onClick={handleClick} sx={{ mt: 48 }} variant=\"contained\">\n            {buttonText}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(Error)\n"],"mappings":";;;;;;AAOA,IAAa,IAAU,EAAM,WAAA,CAC1B,GAAO,MAAQ;AACd,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,QAAO;AAAA,IACF,KAAA;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACN,GAAI;AAAA,cAEJ,gBAAA,EAAC,QAAD;AAAA,MACE,GAAE;AAAA,MACF,MAAM,EAAM,QAAQ,QAAQ,GAAA,KAAQ;AAAA,IACrC,CAAA;AAAA,EACE,CAAA;AAET,CACF;AAEA,EAAQ,cAAc;AAUtB,IAAM,IAAA,CAAS,EACb,SAAS,GACT,SAAS,GACT,UAAA,IAAW,SACX,YAAY,GACZ,SAAA,EAAA,MACgB;AAShB,QAAM,IADU,EAAM,WAAW,CACpB,GAAS,YAAY,UAAU,KAAK,QAE3C,IAAU,MAAgB,GAAM,gBAAgB,GAAG,EAAK,aAAA,MAAmB,UAC3E,IAAU,KAAe,GAAM,iBAAiB,2CAChD,IAAa,KAAkB,GAAM,kBAAkB;AAM7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAS,OAAO,EAAE,QAAQ,SAAS;AAAA,cAC3E,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,gBANF;AAAA,QAQE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,oBAJF,CAME,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,UAAU;AAAA,cACV,QAAQ;AAAA,YACV;AAAA,sBAEA,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,UACP,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAU,MAAM;AAAA,YAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,UAAI,CAAA,CAC/D;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAe,IAAG;AAAA,UAAO,SAAQ;AAAA,oBACtD;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC;AAAA,QACG,CAAA;AAAA,QACL,KACC,gBAAA,EAAC,GAAD;AAAA,UAAQ,OAAM;AAAA,UAAU,SArC1B,MAAoB;AACxB,YAAA,IAAU;AAAA,UACZ;AAAA,UAmCsD,IAAI,EAAE,IAAI,GAAG;AAAA,UAAG,SAAQ;AAAA,oBACnE;AAAA,QACK,CAAA;AAAA,MAEL;AAAA;EACF,CAAA;AAEX,GAEA,IAAe,EAAS,CAAK"}

package/dist/common/components/ErrorBoundary/index.es.js

@@ -1,26 +0,0 @@
-import o from "react";
-import { H3 as e } from "@mxenabled/mxui";
-import { jsx as n } from "react/jsx-runtime";
-var a = { text: "Oops! Something went wrong." }, i = class extends o.Component {
-  state = { hasError: !1 };
-  componentDidCatch(r, t) {
-    console.error("Uncaught error:", r, t), this.props.onCaptureException?.(r, {
-      component: "ErrorBoundary",
-      componentStack: t.componentStack ?? ""
-    });
-  }
-  static getDerivedStateFromError() {
-    return { hasError: !0 };
-  }
-  render() {
-    return this.state.hasError ? /* @__PURE__ */ n(e, {
-      sx: { pt: 24 },
-      children: a.text
-    }) : this.props.children;
-  }
-};
-export {
-  i as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/common/components/ErrorBoundary/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/ErrorBoundary.tsx"],"sourcesContent":["import React from 'react'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport type { GlobalCaptureException } from '../../core'\n\nexport interface ErrorProps {\n  children?: React.ReactNode\n  onCaptureException?: GlobalCaptureException\n}\n\nexport interface ErrorState {\n  hasError: boolean\n}\n\nconst copy = {\n  text: 'Oops! Something went wrong.',\n}\n\nclass ErrorBoundary extends React.Component<ErrorProps, ErrorState> {\n  state: ErrorState = {\n    hasError: false,\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('Uncaught error:', error, errorInfo)\n    this.props.onCaptureException?.(error, {\n      component: 'ErrorBoundary',\n      componentStack: errorInfo.componentStack ?? '',\n    })\n  }\n\n  static getDerivedStateFromError(): ErrorState {\n    return { hasError: true }\n  }\n\n  render() {\n    if (this.state.hasError) return <H3 sx={{ pt: 24 }}>{copy.text}</H3>\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],"mappings":";;;AAeA,IAAM,IAAO,EACX,MAAM,8BACR,GAEM,IAAN,cAA4B,EAAM,UAAkC;AAAA,EAClE,QAAoB,EAClB,UAAU,GACZ;AAAA,EAEA,kBAAkB,GAAc,GAA4B;AAC1D,YAAQ,MAAM,mBAAmB,GAAO,CAAS,GACjD,KAAK,MAAM,qBAAqB,GAAO;AAAA,MACrC,WAAW;AAAA,MACX,gBAAgB,EAAU,kBAAkB;AAAA,IAC9C,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,2BAAuC;AAC5C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAAiB,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,IAAI,GAAG;AAAA,gBAAI,EAAK;AAAA,IAAS,CAAA,IAE5D,KAAK,MAAM;AAAA,EACpB;AACF"}