@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

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

@@ -0,0 +1,86 @@
+import { GlobalDataContext as g } from "../context/GlobalDataProvider.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=Error.es.js.map

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

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

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

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

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

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

@@ -0,0 +1,97 @@
+import { useAccountStore as g, useGlobalCopyStore as B, useGlobalUiStore as S } from "../context/hooks.es.js";
+import { GlobalAccountFilterList as k } from "./globalaccountfilter/GlobalAccountFilterList.es.js";
+import w from "react";
+import { observer as z } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import n from "@mui/material/Button";
+import { FilterAlt as m } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import G from "@mui/material/Box";
+import O from "@mui/material/IconButton";
+import j from "@mui/material/Divider";
+import E from "@mui/material/Popover";
+import W from "@mui/material/Tooltip";
+var Q = z(({ allowedAccountTypes: d, isDesktop: f, onAccountFilterClick: h, sx: b = {}, variant: x = "text" }) => {
+  const { common: r } = B(), { accountFilterMap: v, resetAccountFilterMap: C } = S(), { detailedAccounts: F, updateAccountFilter: _ } = g(), [a, i] = w.useState(null), c = (A) => {
+    C(), i(A.currentTarget), h?.();
+  }, s = () => {
+    i(null);
+  }, y = async () => {
+    await _(v), i(null);
+  }, e = r.account_filter, o = !!a, p = F.length === 0;
+  return /* @__PURE__ */ l(G, {
+    sx: { ...b },
+    children: [f ? /* @__PURE__ */ t(n, {
+      "aria-controls": o ? "filter_accounts" : void 0,
+      "aria-expanded": o,
+      "aria-haspopup": !0,
+      "aria-label": e.title,
+      disabled: p,
+      onClick: c,
+      startIcon: /* @__PURE__ */ t(m, { size: 24 }),
+      sx: {
+        p: 8,
+        whiteSpace: "nowrap",
+        minWidth: "max-content"
+      },
+      variant: x,
+      children: r.filter_button
+    }) : /* @__PURE__ */ t(W, {
+      id: "filter-accounts",
+      placement: "bottom",
+      title: e.title,
+      children: /* @__PURE__ */ t(O, {
+        "aria-controls": o ? "filter_accounts" : void 0,
+        "aria-describedby": "filter-accounts",
+        "aria-expanded": o,
+        "aria-haspopup": !0,
+        "aria-label": e.title,
+        color: "primary",
+        disabled: p,
+        onClick: c,
+        sx: { p: 8 },
+        children: /* @__PURE__ */ t(m, { size: 24 })
+      })
+    }), /* @__PURE__ */ t(E, {
+      anchorEl: a,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      onClose: s,
+      open: o,
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      children: /* @__PURE__ */ l(u, { children: [
+        /* @__PURE__ */ t(k, { allowedAccountTypes: d }),
+        /* @__PURE__ */ t(j, {}),
+        /* @__PURE__ */ l(u, {
+          direction: "row",
+          justifyContent: "space-between",
+          spacing: 16,
+          sx: { p: 16 },
+          children: [/* @__PURE__ */ t(n, {
+            fullWidth: !0,
+            onClick: s,
+            variant: "text",
+            children: r.cancel_button
+          }), /* @__PURE__ */ t(n, {
+            "aria-label": e.filter_button_generic_aria,
+            color: "primary",
+            fullWidth: !0,
+            onClick: y,
+            variant: "contained",
+            children: r.filter_button
+          })]
+        })
+      ] })
+    })]
+  });
+});
+export {
+  Q as GlobalAccountFilter
+};
+
+//# sourceMappingURL=GlobalAccountFilter.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAccountFilter.es.js","names":[],"sources":["../../../src/common/components/GlobalAccountFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\nimport { SxProps } from '@mui/material/styles'\n\nimport { FilterAlt } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../context'\nimport { AccountType } from '../../core'\n\nimport { GlobalAccountFilterList } from './globalaccountfilter/GlobalAccountFilterList'\n\nexport interface GlobalAccountFilterProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  isDesktop?: boolean\n  onAccountFilterClick?: () => void\n  sx?: SxProps\n  variant?: 'outlined' | 'text'\n}\n\nexport const GlobalAccountFilter = observer(\n  ({\n    allowedAccountTypes,\n    isDesktop,\n    onAccountFilterClick,\n    sx = {},\n    variant = 'text',\n  }: GlobalAccountFilterProps) => {\n    const { common: commonCopy } = useGlobalCopyStore()\n    const { accountFilterMap, resetAccountFilterMap } = useGlobalUiStore()\n\n    const { detailedAccounts, updateAccountFilter } = useAccountStore()\n\n    const [filterButtonEl, setFilterButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n    const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n      resetAccountFilterMap()\n      setFilterButtonEl(event.currentTarget)\n      onAccountFilterClick?.()\n    }\n\n    const handleCancel = () => {\n      setFilterButtonEl(null)\n    }\n\n    const handleFilter = async () => {\n      await updateAccountFilter(accountFilterMap)\n      setFilterButtonEl(null)\n    }\n\n    const copy = commonCopy.account_filter\n    const isFilterOpen = Boolean(filterButtonEl)\n    const filterDisabled = detailedAccounts.length === 0\n\n    return (\n      <Box sx={{ ...sx }}>\n        {isDesktop ? (\n          <Button\n            aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n            aria-expanded={isFilterOpen}\n            aria-haspopup={true}\n            aria-label={copy.title}\n            disabled={filterDisabled}\n            onClick={handleOpen}\n            startIcon={<FilterAlt size={24} />}\n            sx={{ p: 8, whiteSpace: 'nowrap', minWidth: 'max-content' }}\n            variant={variant}\n          >\n            {commonCopy.filter_button}\n          </Button>\n        ) : (\n          <Tooltip id=\"filter-accounts\" placement=\"bottom\" title={copy.title}>\n            <IconButton\n              aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n              aria-describedby=\"filter-accounts\"\n              aria-expanded={isFilterOpen}\n              aria-haspopup={true}\n              aria-label={copy.title}\n              color=\"primary\"\n              disabled={filterDisabled}\n              onClick={handleOpen}\n              sx={{ p: 8 }}\n            >\n              <FilterAlt size={24} />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <Popover\n          anchorEl={filterButtonEl}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          onClose={handleCancel}\n          open={isFilterOpen}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Stack>\n            <GlobalAccountFilterList allowedAccountTypes={allowedAccountTypes} />\n            <Divider />\n            <Stack direction=\"row\" justifyContent=\"space-between\" spacing={16} sx={{ p: 16 }}>\n              <Button fullWidth={true} onClick={handleCancel} variant=\"text\">\n                {commonCopy.cancel_button}\n              </Button>\n              <Button\n                aria-label={copy.filter_button_generic_aria}\n                color=\"primary\"\n                fullWidth={true}\n                onClick={handleFilter}\n                variant=\"contained\"\n              >\n                {commonCopy.filter_button}\n              </Button>\n            </Stack>\n          </Stack>\n        </Popover>\n      </Box>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AA2BA,IAAa,IAAsB,EAAA,CAChC,EACC,qBAAA,GACA,WAAA,GACA,sBAAA,GACA,IAAA,IAAK,CAAC,GACN,SAAA,IAAU,OAAA,MACoB;AAC9B,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,kBAAA,GAAkB,uBAAA,EAAA,IAA0B,EAAiB,GAE/D,EAAE,kBAAA,GAAkB,qBAAA,EAAA,IAAwB,EAAgB,GAE5D,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAmC,IAAI,GAEnF,IAAA,CAAc,MAA+C;AACjE,IAAA,EAAsB,GACtB,EAAkB,EAAM,aAAa,GACrC,IAAuB;AAAA,EACzB,GAEM,IAAA,MAAqB;AACzB,IAAA,EAAkB,IAAI;AAAA,EACxB,GAEM,IAAe,YAAY;AAC/B,UAAM,EAAoB,CAAgB,GAC1C,EAAkB,IAAI;AAAA,EACxB,GAEM,IAAO,EAAW,gBAClB,IAAe,EAAQ,GACvB,IAAiB,EAAiB,WAAW;AAEnD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,GAAG,EAAG;AAAA,cAAjB,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAe,IAAe,oBAAoB;AAAA,MAClD,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY,EAAK;AAAA,MACjB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW,gBAAA,EAAC,GAAD,EAAW,MAAM,GAAK,CAAA;AAAA,MACjC,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,YAAY;AAAA,QAAU,UAAU;AAAA,MAAc;AAAA,MACjD,SAAA;AAAA,gBAER,EAAW;AAAA,IACN,CAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAS,IAAG;AAAA,MAAkB,WAAU;AAAA,MAAS,OAAO,EAAK;AAAA,gBAC3D,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAe,IAAe,oBAAoB;AAAA,QAClD,oBAAiB;AAAA,QACjB,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,cAAY,EAAK;AAAA,QACjB,OAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,IAAI,EAAE,GAAG,EAAE;AAAA,kBAEX,gBAAA,EAAC,GAAD,EAAW,MAAM,GAAK,CAAA;AAAA,MACZ,CAAA;AAAA,IACL,CAAA,GAGX,gBAAA,EAAC,GAAD;AAAA,MACE,UAAU;AAAA,MACV,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAO;AAAA,MACvD,SAAS;AAAA,MACT,MAAM;AAAA,MACN,iBAAiB;AAAA,QAAE,UAAU;AAAA,QAAO,YAAY;AAAA,MAAO;AAAA,gBAEvD,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD,EAA8C,qBAAA,EAAsB,CAAA;AAAA,QACpE,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAU;AAAA,UAAM,gBAAe;AAAA,UAAgB,SAAS;AAAA,UAAI,IAAI,EAAE,GAAG,GAAG;AAAA,oBAA/E,CACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,WAAW;AAAA,YAAM,SAAS;AAAA,YAAc,SAAQ;AAAA,sBACrD,EAAW;AAAA,UACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,YACE,cAAY,EAAK;AAAA,YACjB,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS;AAAA,YACT,SAAQ;AAAA,sBAEP,EAAW;AAAA,UACN,CAAA,CACH;AAAA;MACF,EAAA,CAAA;AAAA,IACA,CAAA,CACN;AAAA;AAET,CACF"}

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

@@ -0,0 +1,25 @@
+import t from "@mui/material/Stack";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+var x = ({ backingSx: r, children: i, size: o, sx: d }) => /* @__PURE__ */ m(t, {
+  sx: {
+    display: "grid",
+    placeItems: "center",
+    zIndex: 3,
+    ...d
+  },
+  children: [i, /* @__PURE__ */ e(a, { sx: {
+    backgroundColor: "common.white",
+    borderRadius: "50%",
+    height: o,
+    width: o,
+    gridRow: 1,
+    gridColumn: 1,
+    ...r
+  } })]
+});
+export {
+  x as default
+};
+
+//# sourceMappingURL=IconBacking.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBacking.es.js","names":[],"sources":["../../../src/common/components/IconBacking.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface IconProps {\n  backingSx?: SxProps\n  size: number\n  sx?: SxProps\n}\n\nconst IconBacking: React.FC<React.PropsWithChildren<IconProps>> = ({\n  backingSx,\n  children,\n  size,\n  sx,\n}) => (\n  <Stack\n    sx={{\n      display: 'grid',\n      placeItems: 'center',\n      zIndex: 3,\n      ...sx,\n    }}\n  >\n    {children}\n\n    <Box\n      sx={{\n        backgroundColor: 'common.white',\n        borderRadius: '50%',\n        height: size,\n        width: size,\n        gridRow: 1,\n        gridColumn: 1,\n        ...backingSx,\n      }}\n    />\n  </Stack>\n)\n\nexport default IconBacking\n"],"mappings":";;;AAUA,IAAM,IAAA,CAA6D,EACjE,WAAA,GACA,UAAA,GACA,MAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AAAA,YANF,CAQG,GAED,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,IACF,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,EACD,CAAA,CACI"}

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

@@ -0,0 +1,49 @@
+import { useState as m } from "react";
+import l from "@mui/material/Stack";
+import { Icon as p, Text as n } from "@mxenabled/mxui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@mui/material/IconButton";
+import f from "@mui/material/Tooltip";
+var y = ({ body: i, iconName: a = "info", title: t }) => {
+  const [r, e] = m(!1);
+  return /* @__PURE__ */ o(f, {
+    open: r,
+    title: /* @__PURE__ */ s(l, {
+      gap: 2,
+      p: 12,
+      sx: { textOverflow: "none" },
+      children: [/* @__PURE__ */ o(n, {
+        bold: !0,
+        variant: "body1",
+        children: t
+      }), /* @__PURE__ */ o(n, {
+        sx: { whiteSpace: "unset" },
+        variant: "body2",
+        children: i
+      })]
+    }),
+    children: /* @__PURE__ */ o(c, {
+      "aria-label": t,
+      onClick: () => e(!r),
+      onMouseEnter: () => e(!0),
+      onMouseLeave: () => e(!1),
+      sx: {
+        minHeight: 0,
+        minWidth: 0,
+        p: 0
+      },
+      children: /* @__PURE__ */ o(p, {
+        name: a,
+        sx: {
+          color: "primary.main",
+          fontSize: 16
+        }
+      })
+    })
+  });
+};
+export {
+  y as default
+};
+
+//# sourceMappingURL=InformationTooltip.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InformationTooltip.es.js","names":[],"sources":["../../../src/common/components/InformationTooltip.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\ninterface InformationTooltipProps {\n  body: string\n  iconName?: string\n  title: string\n}\n\nconst InformationTooltip: React.FC<InformationTooltipProps> = ({\n  body,\n  iconName = 'info',\n  title,\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Tooltip\n      open={open}\n      title={\n        <Stack gap={2} p={12} sx={{ textOverflow: 'none' }}>\n          <Text bold={true} variant=\"body1\">\n            {title}\n          </Text>\n          <Text sx={{ whiteSpace: 'unset' }} variant=\"body2\">\n            {body}\n          </Text>\n        </Stack>\n      }\n    >\n      <IconButton\n        aria-label={title}\n        onClick={() => setOpen(!open)}\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n        sx={{\n          minHeight: 0,\n          minWidth: 0,\n          p: 0,\n        }}\n      >\n        <Icon name={iconName} sx={{ color: 'primary.main', fontSize: 16 }} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default InformationTooltip\n"],"mappings":";;;;;;AAcA,IAAM,IAAA,CAAyD,EAC7D,MAAA,GACA,UAAA,IAAW,QACX,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAM,CAAA,IAAW,EAAS,EAAK;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,OACE,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAG,GAAG;AAAA,MAAI,IAAI,EAAE,cAAc,OAAO;AAAA,gBAAjD,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,YAAY,QAAQ;AAAA,QAAG,SAAQ;AAAA,kBACxC;AAAA,MACG,CAAA,CACD;AAAA;cAGT,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY;AAAA,MACZ,SAAA,MAAe,EAAQ,CAAC,CAAI;AAAA,MAC5B,cAAA,MAAoB,EAAQ,EAAI;AAAA,MAChC,cAAA,MAAoB,EAAQ,EAAK;AAAA,MACjC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAU,IAAI;AAAA,UAAE,OAAO;AAAA,UAAgB,UAAU;AAAA,QAAG;AAAA,MAAI,CAAA;AAAA,IAC1D,CAAA;AAAA,EACL,CAAA;AAEb"}

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

@@ -0,0 +1,55 @@
+import { useGlobalCopyStore as u } from "../context/hooks.es.js";
+import v from "./dialog/Dialog.es.js";
+import x from "react";
+import { observer as C } from "mobx-react-lite";
+import I from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import { ChevronRight as L } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import g from "@mui/material/ListItem";
+import j from "@mui/material/ListItemButton";
+import P from "@mui/material/ListItemText";
+var D = C(({ children: a, isDisabled: i = !1, isSaveDisabled: s = !1, label: l, onCancel: c, onSave: p, primaryText: f, secondaryText: y, zeroStateText: o }) => {
+  const { common: m } = u(), [d, t] = x.useState(!1), h = () => {
+    t(!1), c?.();
+  }, b = () => {
+    t(!1), p();
+  };
+  return /* @__PURE__ */ e(g, { children: [/* @__PURE__ */ e(j, {
+    onClick: () => t(!i),
+    children: [/* @__PURE__ */ r(P, {
+      primary: /* @__PURE__ */ e(I, {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ r(n, {
+          variant: "body1",
+          children: f
+        }), /* @__PURE__ */ r(n, {
+          bold: !0,
+          color: o ? "primary.main" : "text.primary",
+          sx: { mr: 4 },
+          variant: "body1",
+          children: o || y
+        })]
+      }),
+      slotProps: { primary: { variant: "body1" } }
+    }), !i && !o && /* @__PURE__ */ r(L, {})]
+  }), /* @__PURE__ */ r(v, {
+    copy: {
+      title: l,
+      close_aria: m.close_aria
+    },
+    disablePrimaryButton: s,
+    isOpen: d,
+    onClose: h,
+    onPrimaryAction: b,
+    primaryText: m.save_button,
+    children: a
+  })] });
+});
+export {
+  D as ListItemAction
+};
+
+//# sourceMappingURL=ListItemAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemAction.es.js","names":[],"sources":["../../../src/common/components/ListItemAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../'\n\ninterface ListItemActionProps {\n  children?: React.ReactNode\n  isDisabled?: boolean\n  isSaveDisabled?: boolean\n  label: string\n  onCancel?: () => void\n  onSave: () => void\n  primaryText: string\n  secondaryText: string\n  zeroStateText?: string\n}\n\nexport const ListItemAction = observer(\n  ({\n    children,\n    isDisabled = false,\n    isSaveDisabled = false,\n    label,\n    onCancel,\n    onSave,\n    primaryText,\n    secondaryText,\n    zeroStateText,\n  }: ListItemActionProps) => {\n    const { common: copy } = useGlobalCopyStore()\n\n    const [isOpen, setIsOpen] = React.useState(false)\n\n    const handleCancel = () => {\n      setIsOpen(false)\n      onCancel?.()\n    }\n\n    const handleSave = () => {\n      setIsOpen(false)\n      onSave()\n    }\n\n    return (\n      <ListItem>\n        <ListItemButton onClick={() => setIsOpen(!isDisabled)}>\n          <ListItemText\n            primary={\n              <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n                <Text variant=\"body1\">{primaryText}</Text>\n                <Text\n                  bold={true}\n                  color={zeroStateText ? 'primary.main' : 'text.primary'}\n                  sx={{ mr: 4 }}\n                  variant=\"body1\"\n                >\n                  {zeroStateText || secondaryText}\n                </Text>\n              </Stack>\n            }\n            slotProps={{ primary: { variant: 'body1' } }}\n          />\n          {!isDisabled && !zeroStateText && <ChevronRight />}\n        </ListItemButton>\n        <Dialog\n          copy={{ title: label, close_aria: copy.close_aria }}\n          disablePrimaryButton={isSaveDisabled}\n          isOpen={isOpen}\n          onClose={handleCancel}\n          onPrimaryAction={handleSave}\n          primaryText={copy.save_button}\n        >\n          {children}\n        </Dialog>\n      </ListItem>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;AA0BA,IAAa,IAAiB,EAAA,CAC3B,EACC,UAAA,GACA,YAAA,IAAa,IACb,gBAAA,IAAiB,IACjB,OAAA,GACA,UAAA,GACA,QAAA,GACA,aAAA,GACA,eAAA,GACA,eAAA,EAAA,MACyB;AACzB,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GAEtC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAAqB;AACzB,IAAA,EAAU,EAAK,GACf,IAAW;AAAA,EACb,GAEM,IAAA,MAAmB;AACvB,IAAA,EAAU,EAAK,GACf,EAAO;AAAA,EACT;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAU,CAAC,CAAU;AAAA,cAApD,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,kBAA1D,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAS;AAAA,QAAkB,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAO,IAAgB,iBAAiB;AAAA,UACxC,IAAI,EAAE,IAAI,EAAE;AAAA,UACZ,SAAQ;AAAA,oBAEP,KAAiB;AAAA,QACd,CAAA,CACD;AAAA;MAET,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,IAC5C,CAAA,GACA,CAAC,KAAc,CAAC,KAAiB,gBAAA,EAAC,GAAD,CAAe,CAAA,CACnC;AAAA,MAChB,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MAAE,OAAO;AAAA,MAAO,YAAY,EAAK;AAAA,IAAW;AAAA,IAClD,sBAAsB;AAAA,IACd,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAK;AAAA,IAEjB,UAAA;AAAA,EACK,CAAA,CACA,EAAA,CAAA;AAEd,CACF"}

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

@@ -0,0 +1,65 @@
+import f from "react";
+import e from "@mui/material/Stack";
+import { Text as i } from "@mxenabled/mxui";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import h from "@mui/material/ListItem";
+import I from "@mui/material/ListItemButton";
+import s from "@mui/material/ListItemIcon";
+import L from "@mui/material/ListItemText";
+var R = ({ onClick: n, leftIcon: o, rightIcon: m, title: a, subtitle: c, rightContent: l, titleBold: x = !0, rightContentBold: p = !0 }) => {
+  const d = /* @__PURE__ */ t(f.Fragment, { children: [o && /* @__PURE__ */ r(s, {
+    sx: { ml: 0 },
+    children: o
+  }), /* @__PURE__ */ r(L, { children: /* @__PURE__ */ t(e, {
+    sx: {
+      alignItems: "center",
+      flexDirection: "row",
+      marginLeft: 12
+    },
+    children: [/* @__PURE__ */ t(e, {
+      sx: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: [/* @__PURE__ */ r(i, {
+        bold: x,
+        variant: "body1",
+        children: a
+      }), c && /* @__PURE__ */ r(i, {
+        variant: "caption",
+        children: c
+      })]
+    }), /* @__PURE__ */ t(e, {
+      sx: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 1
+      },
+      children: [l && /* @__PURE__ */ r(i, {
+        bold: p,
+        display: "flex",
+        variant: "body1",
+        children: l
+      }), m && /* @__PURE__ */ r(s, { children: m })]
+    })]
+  }) })] });
+  return /* @__PURE__ */ r(h, { children: n ? /* @__PURE__ */ r(I, {
+    onClick: n,
+    sx: { py: 14 },
+    children: d
+  }) : /* @__PURE__ */ r(e, {
+    sx: {
+      py: 14,
+      px: 24,
+      width: "100%",
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    children: d
+  }) });
+};
+export {
+  R as ListItemRow
+};
+
+//# sourceMappingURL=ListItemRow.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemRow.es.js","names":[],"sources":["../../../src/common/components/ListItemRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface ListItemRowProps {\n  onClick?: () => void\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  title?: string\n  subtitle?: string\n  rightContent?: React.ReactNode\n  titleBold?: boolean\n  rightContentBold?: boolean\n}\n\nexport const ListItemRow: React.FC<ListItemRowProps> = ({\n  onClick,\n  leftIcon,\n  rightIcon,\n  title,\n  subtitle,\n  rightContent,\n  titleBold = true,\n  rightContentBold = true,\n}) => {\n  const content = (\n    <React.Fragment>\n      {leftIcon && <ListItemIcon sx={{ ml: 0 }}>{leftIcon}</ListItemIcon>}\n      <ListItemText>\n        <Stack\n          sx={{\n            alignItems: 'center',\n            flexDirection: 'row',\n            marginLeft: 12,\n          }}\n        >\n          <Stack sx={{ flex: 1, minWidth: 0 }}>\n            <Text bold={titleBold} variant=\"body1\">\n              {title}\n            </Text>\n            {subtitle && <Text variant=\"caption\">{subtitle}</Text>}\n          </Stack>\n          <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 1 }}>\n            {rightContent && (\n              <Text bold={rightContentBold} display=\"flex\" variant=\"body1\">\n                {rightContent}\n              </Text>\n            )}\n            {rightIcon && <ListItemIcon>{rightIcon}</ListItemIcon>}\n          </Stack>\n        </Stack>\n      </ListItemText>\n    </React.Fragment>\n  )\n\n  return (\n    <ListItem>\n      {onClick ? (\n        <ListItemButton\n          onClick={onClick}\n          sx={{\n            py: 14,\n          }}\n        >\n          {content}\n        </ListItemButton>\n      ) : (\n        <Stack\n          sx={{\n            py: 14,\n            px: 24,\n            width: '100%',\n            flexDirection: 'row',\n            alignItems: 'center',\n          }}\n        >\n          {content}\n        </Stack>\n      )}\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;AAqBA,IAAa,IAAA,CAA2C,EACtD,SAAA,GACA,UAAA,GACA,WAAA,GACA,OAAA,GACA,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,kBAAA,IAAmB,GAAA,MACf;AACJ,QAAM,IACJ,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD;AAAA,IAAc,IAAI,EAAE,IAAI,EAAE;AAAA,cAAI;AAAA,EAAuB,CAAA,GAClE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,MAAM;AAAA,QAAG,UAAU;AAAA,MAAE;AAAA,gBAAlC,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAW,SAAQ;AAAA,kBAC5B;AAAA,MACG,CAAA,GACL,KAAY,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAe,CAAA,CAChD;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,YAAY;AAAA,QAAU,KAAK;AAAA,MAAE;AAAA,gBAAhE,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAkB,SAAQ;AAAA,QAAO,SAAQ;AAAA,kBAClD;AAAA,MACG,CAAA,GAEP,KAAa,gBAAA,EAAC,GAAD,EAAA,UAAe,EAAwB,CAAA,CAChD;AAAA,MACF;AAAA,KACK,CAAA,CACA,EAAA,CAAA;AAGlB,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACT,IAAI,EACF,IAAI,GACN;AAAA,cAEC;AAAA,EACa,CAAA,IAEhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,cAEC;AAAA,EACI,CAAA,EAED,CAAA;AAEd"}

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

@@ -0,0 +1,37 @@
+import { useEvent as m } from "../context/hooks.es.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import o from "@mui/material/ListItem";
+import l from "@mui/material/ListItemButton";
+var n = ({ children: e, clickEventName: s, component: r, onClick: a, sx: i = {} }) => {
+  const { onEvent: p } = m();
+  return a ? /* @__PURE__ */ t(o, {
+    className: "list-wrapper",
+    ...r && { component: r },
+    sx: {
+      bgcolor: "background.paper",
+      ...i
+    },
+    children: /* @__PURE__ */ t(l, {
+      onClick: () => {
+        s && p(s), a();
+      },
+      children: e
+    })
+  }) : /* @__PURE__ */ t(o, {
+    className: "list-wrapper",
+    ...r && { component: r },
+    disableGutters: !1,
+    disablePadding: !1,
+    sx: {
+      bgcolor: "background.paper",
+      ...i
+    },
+    children: e
+  });
+};
+export {
+  n as ListItemWrapper
+};
+
+//# sourceMappingURL=ListItemWrapper.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemWrapper.es.js","names":[],"sources":["../../../src/common/components/ListItemWrapper.tsx"],"sourcesContent":["import React, { ElementType } from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport { SxProps } from '@mui/material/styles'\n\nimport { useEvent } from '../context'\n\ninterface ListItemWrapperProps {\n  clickEventName?: string\n  component?: ElementType\n  onClick?: () => void\n  sx?: SxProps\n}\n\nexport const ListItemWrapper: React.FC<React.PropsWithChildren<ListItemWrapperProps>> = ({\n  children,\n  clickEventName,\n  component,\n  onClick,\n  sx = {},\n}) => {\n  const { onEvent } = useEvent()\n\n  if (onClick) {\n    return (\n      <ListItem\n        className=\"list-wrapper\"\n        {...(component && { component })}\n        sx={{ bgcolor: 'background.paper', ...sx }}\n      >\n        <ListItemButton\n          onClick={() => {\n            if (clickEventName) {\n              onEvent(clickEventName)\n            }\n            onClick()\n          }}\n        >\n          {children}\n        </ListItemButton>\n      </ListItem>\n    )\n  } else {\n    return (\n      <ListItem\n        className=\"list-wrapper\"\n        {...(component && { component })}\n        disableGutters={false}\n        disablePadding={false}\n        sx={{ bgcolor: 'background.paper', ...sx }}\n      >\n        {children}\n      </ListItem>\n    )\n  }\n}\n"],"mappings":";;;;;AAeA,IAAa,IAAA,CAA4E,EACvF,UAAA,GACA,gBAAA,GACA,WAAA,GACA,SAAA,GACA,IAAA,IAAK,CAAC,EAAA,MACF;AACJ,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SAAI,IAEA,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAK,KAAa,EAAE,WAAA,EAAU;AAAA,IAC9B,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,cAEzC,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe;AACb,QAAI,KACF,EAAQ,CAAc,GAExB,EAAQ;AAAA,MACV;AAAA,MAEC,UAAA;AAAA,IACa,CAAA;AAAA,EACR,CAAA,IAIV,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAK,KAAa,EAAE,WAAA,EAAU;AAAA,IAC9B,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,IAExC,UAAA;AAAA,EACO,CAAA;AAGhB"}

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

@@ -0,0 +1,17 @@
+import a from "@mui/material/Stack";
+import { Text as i } from "@mxenabled/mxui";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import n from "@mui/material/CircularProgress";
+var p = ({ height: t = 250, label: r = "", size: e = 32 }) => /* @__PURE__ */ m(a, {
+  alignItems: "center",
+  gap: 32,
+  height: t,
+  justifyContent: "center",
+  sx: { backgroundColor: "background.default" },
+  children: [/* @__PURE__ */ o(n, { size: e }), r && /* @__PURE__ */ o(i, { children: r })]
+});
+export {
+  p as default
+};
+
+//# sourceMappingURL=Loader.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.es.js","names":[],"sources":["../../../src/common/components/Loader.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface LoaderProps {\n  height?: number\n  label?: string\n  size?: number\n}\n\nconst Loader = ({ height = 250, label = '', size = 32 }: LoaderProps) => (\n  <Stack\n    alignItems=\"center\"\n    gap={32}\n    height={height}\n    justifyContent=\"center\"\n    sx={{ backgroundColor: 'background.default' }}\n  >\n    <CircularProgress size={size} />\n    {label && <Text>{label}</Text>}\n  </Stack>\n)\n\nexport default Loader\n"],"mappings":";;;;AAWA,IAAM,IAAA,CAAU,EAAE,QAAA,IAAS,KAAK,OAAA,IAAQ,IAAI,MAAA,IAAO,GAAA,MACjD,gBAAA,EAAC,GAAD;AAAA,EACE,YAAW;AAAA,EACX,KAAK;AAAA,EACG,QAAA;AAAA,EACR,gBAAe;AAAA,EACf,IAAI,EAAE,iBAAiB,qBAAqB;AAAA,YAL9C,CAOE,gBAAA,EAAC,GAAD,EAAwB,MAAA,EAAO,CAAA,GAC9B,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAY,CAAA,CACxB"}

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

@@ -0,0 +1,60 @@
+import { WidgetContainerProvider as p } from "../context/WidgetContainerProvider.es.js";
+import { useDimensions as f } from "../hooks/useDimensions.es.js";
+import { H3 as x, P as C } from "@mxenabled/mxui";
+import b from "@mui/material/Button";
+import { ChevronRight as g } from "@mxenabled/mx-icons";
+import { Fragment as v, jsx as r, jsxs as u } from "react/jsx-runtime";
+import w from "@mui/material/Card";
+import H from "@mui/material/CardContent";
+import W from "@mui/material/CardHeader";
+var D = ({ children: i, className: o, ctaLabel: n, onCTAClick: a, subHeader: t, sx: d, title: s, variant: c = "borderless" }) => {
+  const [l, { height: m, width: h }] = f(), e = /* @__PURE__ */ u(v, { children: [/* @__PURE__ */ r(W, {
+    action: /* @__PURE__ */ r(b, {
+      endIcon: /* @__PURE__ */ r(g, { size: 20 }),
+      onClick: a,
+      size: "small",
+      variant: "text",
+      children: n
+    }),
+    subheader: t && /* @__PURE__ */ r(C, {
+      sx: { color: "text.secondary" },
+      variant: "body2",
+      children: t
+    }),
+    sx: {
+      p: 0,
+      pb: 8,
+      width: "calc(100% - 8px)",
+      "& .MuiCardHeader-action": { mt: 0 }
+    },
+    title: /* @__PURE__ */ r(x, {
+      sx: { width: "calc(100% - 10px)" },
+      children: s
+    })
+  }), /* @__PURE__ */ r(H, {
+    ref: l,
+    sx: {
+      p: 0,
+      ":last-child": { pb: 0 }
+    },
+    children: /* @__PURE__ */ r(p, {
+      availableHeight: m,
+      availableWidth: h,
+      children: i
+    })
+  })] });
+  return c === "borderless" ? e : /* @__PURE__ */ r(w, {
+    className: o,
+    sx: {
+      alignItems: "center",
+      p: 16,
+      ...d
+    },
+    children: e
+  });
+};
+export {
+  D as default
+};
+
+//# sourceMappingURL=MicroWidgetContainer.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MicroWidgetContainer.es.js","names":[],"sources":["../../../src/common/components/MicroWidgetContainer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { H3, P } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { WidgetContainerProvider } from '../context'\nimport { useDimensions } from '../hooks/useDimensions'\n\ninterface MicroWidgetContainerProps {\n  className?: string\n  ctaLabel: string\n  onCTAClick: () => void\n  subHeader?: string\n  sx?: SxProps\n  title: string\n  variant?: 'borderless' | 'card'\n}\n\nconst MicroWidgetContainer: React.FC<React.PropsWithChildren<MicroWidgetContainerProps>> = ({\n  children,\n  className,\n  ctaLabel,\n  onCTAClick,\n  subHeader,\n  sx,\n  title,\n  variant = 'borderless',\n}) => {\n  const [containerRef, { height, width }] = useDimensions()\n\n  const content = (\n    <>\n      <CardHeader\n        action={\n          <Button\n            endIcon={<ChevronRight size={20} />}\n            onClick={onCTAClick}\n            size=\"small\"\n            variant=\"text\"\n          >\n            {ctaLabel}\n          </Button>\n        }\n        subheader={\n          subHeader && (\n            <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n              {subHeader}\n            </P>\n          )\n        }\n        sx={{ p: 0, pb: 8, width: 'calc(100% - 8px)', '& .MuiCardHeader-action': { mt: 0 } }}\n        title={<H3 sx={{ width: 'calc(100% - 10px)' }}>{title}</H3>}\n      />\n\n      <CardContent ref={containerRef} sx={{ p: 0, ':last-child': { pb: 0 } }}>\n        <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n          {children}\n        </WidgetContainerProvider>\n      </CardContent>\n    </>\n  )\n\n  if (variant === 'borderless') return content\n\n  return (\n    <Card className={className} sx={{ alignItems: 'center', p: 16, ...sx }}>\n      {content}\n    </Card>\n  )\n}\n\nexport default MicroWidgetContainer\n"],"mappings":";;;;;;;;;AAsBA,IAAM,IAAA,CAAsF,EAC1F,UAAA,GACA,WAAA,GACA,UAAA,GACA,YAAA,GACA,WAAA,GACA,IAAA,GACA,OAAA,GACA,SAAA,IAAU,aAAA,MACN;AACJ,QAAM,CAAC,GAAc,EAAE,QAAA,GAAQ,OAAA,EAAA,CAAA,IAAW,EAAc,GAElD,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,EAAc,MAAM,GAAK,CAAA;AAAA,MAClC,SAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,gBAEP;AAAA,IACK,CAAA;AAAA,IAEV,WACE,KACE,gBAAA,EAAC,GAAD;AAAA,MAAG,IAAI,EAAE,OAAO,iBAAiB;AAAA,MAAG,SAAQ;AAAA,gBACzC;AAAA,IACA,CAAA;AAAA,IAGP,IAAI;AAAA,MAAE,GAAG;AAAA,MAAG,IAAI;AAAA,MAAG,OAAO;AAAA,MAAoB,2BAA2B,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,IACnF,OAAO,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,OAAO,oBAAoB;AAAA,gBAAI;AAAA,IAAU,CAAA;AAAA,EAC3D,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,IAAa,KAAK;AAAA,IAAc,IAAI;AAAA,MAAE,GAAG;AAAA,MAAG,eAAe,EAAE,IAAI,EAAE;AAAA,IAAE;AAAA,cACnE,gBAAA,EAAC,GAAD;AAAA,MAAyB,iBAAiB;AAAA,MAAQ,gBAAgB;AAAA,MAC/D,UAAA;AAAA,IACsB,CAAA;AAAA,EACd,CAAA,CACb,EAAA,CAAA;AAGJ,SAAI,MAAY,eAAqB,IAGnC,gBAAA,EAAC,GAAD;AAAA,IAAiB,WAAA;AAAA,IAAW,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cAClE;AAAA,EACG,CAAA;AAEV"}