@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.2.5

package/dist/settings/index.es.js

@@ -15,8 +15,8 @@ import z from "@mui/material/Box";
 import Z from "@mui/material/Button";
 import I from "@mui/material/TextField";
 import { H3 as Y, P as M, Text as x, Icon as B } from "@mxenabled/mxui";
-import { V as xe, a as ve, N as J } from "../NotificationSettings-C7-S6PC1.mjs";
-import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-C7-S6PC1.mjs";
+import { V as xe, a as ve, N as J } from "../NotificationSettings-CW7okUrk.mjs";
+import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-CW7okUrk.mjs";
 import { u as k, i as G, A as E, C as Ce, a as ee, l as j } from "../hooks-97sNJ_lf.mjs";
 import { u as F } from "../useScreenSize-mWpmnh5w.mjs";
 import { D as $ } from "../Dialog-Bvd2n8hz.mjs";
@@ -33,16 +33,16 @@ import { L as ie } from "../Loader-CxeBwuPG.mjs";
 import Te from "@mui/material/List";
 import K from "@mui/material/Divider";
 import Ae from "@mui/material/ListSubheader";
-import { b as Ie, u as Ee } from "../CategorySelectorDrawer-CWZoNePh.mjs";
+import { b as Ie, u as Ee } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
 import Pe from "@mui/material/ListItem";
 import Re from "@mui/material/ListItemButton";
 import Ne from "@mui/material/ListItemIcon";
 import Me from "@mui/material/ListItemText";
 import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
-import { D as He } from "../Drawer-BDN1RgiP.mjs";
+import { D as He } from "../Drawer-DsnW2o0v.mjs";
 import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { H as Oe } from "../Help-CsyZsI4_.mjs";
-import { W as q } from "../WidgetContainer-By47tuTw.mjs";
+import { H as Oe } from "../Help-D4sOpItq.mjs";
+import { W as q } from "../WidgetContainer-DvKtBdhn.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({
     first_name: d.first_name,

package/dist/spending/index.es.js

@@ -19,19 +19,19 @@ import { startOfToday as J } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as Dt } from "../EmbeddedCard-B1xiWlSD.mjs";
-import { T as xt } from "../TransactionDetails-Nuyunc5m.mjs";
+import { T as Dt } from "../EmbeddedCard-CQEnrozC.mjs";
+import { T as xt } from "../TransactionDetails-CLc7oeHT.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import Q from "@mui/material/List";
 import X from "@mui/material/ListItem";
 import Z from "@mui/material/ListItemButton";
 import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
-import { D as tt } from "../Drawer-BDN1RgiP.mjs";
+import { D as tt } from "../Drawer-DsnW2o0v.mjs";
 import { C as w } from "../Category-DEKZGLYe.mjs";
 import { parseISO as et } from "date-fns/parseISO";
 import { A as nt } from "../Analytics-D-jdcL72.mjs";
-import { W as It } from "../WidgetContainer-By47tuTw.mjs";
+import { W as It } from "../WidgetContainer-DvKtBdhn.mjs";
 const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
   /* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/index.es.js

@@ -1,8 +1,8 @@
-import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-Nuyunc5m.mjs";
-import { B as xa, b as Aa } from "../TransactionDetails-Nuyunc5m.mjs";
-import { u as B, T as Ge } from "../EmbeddedCard-B1xiWlSD.mjs";
-import { a as Sa } from "../EmbeddedCard-B1xiWlSD.mjs";
-import { E as va } from "../ExportCsvAction-BmhxpUxp.mjs";
+import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-CLc7oeHT.mjs";
+import { B as xa, b as Aa } from "../TransactionDetails-CLc7oeHT.mjs";
+import { u as B, T as Ge } from "../EmbeddedCard-CQEnrozC.mjs";
+import { a as Sa } from "../EmbeddedCard-CQEnrozC.mjs";
+import { E as va } from "../ExportCsvAction-B_8I-Le6.mjs";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";
@@ -24,7 +24,7 @@ import { getUnixTime as tt } from "date-fns/getUnixTime";
 import { startOfMonth as at } from "date-fns/startOfMonth";
 import { startOfToday as U } from "date-fns/startOfToday";
 import { b as F } from "../Localization-DnoVyBNK.mjs";
-import { C as nt } from "../ConnectDrawer-L-UwjKiw.mjs";
+import { C as nt } from "../ConnectDrawer-CW4LA3H3.mjs";
 import ot from "@mui/material/Divider";
 import rt from "@mui/material/MenuItem";
 import it from "@mui/material/RadioGroup";
@@ -32,14 +32,14 @@ import { ExpandMore as st } from "@mxenabled/mx-icons";
 import { C as ct } from "../CurrencyInput-DaGEQaLW.mjs";
 import { S as ee } from "../SelectionBox-B4xELRgp.mjs";
 import { D as se } from "../Dialog-Bvd2n8hz.mjs";
-import { b as lt, u as dt } from "../CategorySelectorDrawer-CWZoNePh.mjs";
+import { b as lt, u as dt } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
 import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
 import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as _t } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as pt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as gt } from "../WidgetContainer-By47tuTw.mjs";
+import { W as gt } from "../WidgetContainer-DvKtBdhn.mjs";
 import { S as ht } from "../SearchBox-Cpgu_gdO.mjs";
-import { D as te } from "../Drawer-BDN1RgiP.mjs";
+import { D as te } from "../Drawer-DsnW2o0v.mjs";
 const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`

package/dist/trends/index.es.js

@@ -34,12 +34,12 @@ import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } fr
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
 import { A as w } from "../Analytics-D-jdcL72.mjs";
-import { T as ct } from "../EmbeddedCard-B1xiWlSD.mjs";
-import { T as dt } from "../TransactionDetails-Nuyunc5m.mjs";
-import { D as Pe } from "../Drawer-BDN1RgiP.mjs";
+import { T as ct } from "../EmbeddedCard-CQEnrozC.mjs";
+import { T as dt } from "../TransactionDetails-CLc7oeHT.mjs";
+import { D as Pe } from "../Drawer-DsnW2o0v.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-By47tuTw.mjs";
+import { W as ut } from "../WidgetContainer-DvKtBdhn.mjs";
 import { L as Ve } from "../LineChart-CUfiH86G.mjs";
 import { M as Qt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { subMonths as qt } from "date-fns";
@@ -55,10 +55,10 @@ import { g as Oe } from "../TransactionUtils-BphBJBbU.mjs";
 import { L as uo } from "../ListItemRow-kH1rn8Xu.mjs";
 import { Stack as mo } from "@mui/material";
 import ho from "@mui/material/ListItemAvatar";
-import { E as go } from "../ExportCsvAction-BmhxpUxp.mjs";
+import { E as go } from "../ExportCsvAction-B_8I-Le6.mjs";
 import { u as po } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
 import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
-import { C as yo } from "../ConnectDrawer-L-UwjKiw.mjs";
+import { C as yo } from "../ConnectDrawer-CW4LA3H3.mjs";
 const gt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
   const { categories: s } = R(), { getCategoryName: o } = q(), r = o(t);
   return /* @__PURE__ */ C(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.2.4-alpha.al5",
+  "version": "9.2.5",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/Drawer-BDN1RgiP.mjs

@@ -1,233 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import h from "@mui/material/Box";
-import b from "@mui/material/Stack";
-import { H2 as I, Drawer as L } from "@mxenabled/mxui";
-import $ from "@mui/material/Button";
-import Y from "@mui/material/IconButton";
-import { ArrowBack as _ } from "@mxenabled/mx-icons";
-const E = ({
-  footerStyles: n = {},
-  hasSecondaryAction: a = !0,
-  isPrimaryDisabled: i,
-  onPrimaryAction: r,
-  onSecondaryAction: o,
-  primaryButtonProps: u = {},
-  primaryColor: g = "primary",
-  primaryText: d = "Save",
-  secondaryColor: c = "primary",
-  secondaryText: x = "Cancel"
-}) => /* @__PURE__ */ s(
-  b,
-  {
-    sx: {
-      bgcolor: "background.paper",
-      flexDirection: "row",
-      gap: 16,
-      justifyContent: "flex-end",
-      p: 24,
-      ...n
-    },
-    children: [
-      a && /* @__PURE__ */ e(
-        $,
-        {
-          color: c,
-          onClick: o,
-          variant: r ? "outlined" : "contained",
-          children: x
-        }
-      ),
-      r && /* @__PURE__ */ e(
-        $,
-        {
-          ...u,
-          color: g,
-          disabled: i,
-          onClick: r,
-          variant: "contained",
-          children: d
-        }
-      )
-    ]
-  }
-), F = ({
-  ariaLabelClose: n,
-  onClose: a,
-  shouldShowBorders: i,
-  shouldShowShadow: r,
-  title: o
-}) => /* @__PURE__ */ s(
-  b,
-  {
-    "aria-labelledby": `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
-    direction: "row",
-    sx: {
-      alignItems: "center",
-      backgroundColor: "background.paper",
-      ...i && {
-        borderBottom: 1,
-        borderColor: "divider"
-      },
-      ...r && {
-        boxShadow: "0px 2px 8px 0px #6A73811F"
-      },
-      padding: "8px 8px 8px 8px"
-    },
-    children: [
-      /* @__PURE__ */ e(Y, { "aria-label": n, autoFocus: !0, color: "primary", onClick: a, children: /* @__PURE__ */ e(_, { color: "primary", sx: { fontSize: 22 } }) }),
-      /* @__PURE__ */ e(
-        h,
-        {
-          sx: {
-            flexGrow: 1,
-            margin: "auto",
-            textAlign: "center"
-          },
-          children: /* @__PURE__ */ e(
-            I,
-            {
-              bold: !0,
-              id: `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
-              variant: "body1",
-              children: o
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(h, { width: "44px" })
-    ]
-  }
-), K = ({
-  ariaLabelClose: n = "Close",
-  children: a,
-  footerStyles: i = {},
-  hasSecondaryAction: r = !0,
-  id: o,
-  isOpen: u,
-  isPrimaryDisabled: g,
-  onClose: d,
-  onPrimaryAction: c,
-  onSecondaryAction: x,
-  primaryButtonProps: k,
-  primaryColor: y = "primary",
-  primaryText: S,
-  secondaryColor: D = "secondary",
-  secondaryText: B,
-  shouldShowHeaderBorders: H = !0,
-  shouldShowHeaderShadow: M = !1,
-  title: w,
-  ...j
-}) => /* @__PURE__ */ e(
-  L,
-  {
-    id: o,
-    isOpen: u,
-    onClose: d,
-    slotProps: {
-      paper: {
-        "aria-labelledby": `${w?.replace(/\s+/g, "-").toLowerCase()}-header-title`
-      }
-    },
-    sx: {
-      "& .MuiDrawer-paper": {
-        backgroundColor: "background.default",
-        borderRadius: 0,
-        // Small viewport height so the paper fits the visible area when the
-        // browser reports it correctly (Safari iOS, most browsers). Chrome iOS
-        // does not expose the region behind its bottom toolbar in any viewport
-        // metric, so height units alone can't help there — the generous bottom
-        // padding on the scroll container (below) is what clears the toolbar.
-        height: "100svh"
-      },
-      height: "100%",
-      "& .MuiToolbar-root": {
-        backgroundColor: "background.paper"
-      }
-    },
-    ...j,
-    children: /* @__PURE__ */ s(b, { height: "100%", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(
-        F,
-        {
-          ariaLabelClose: n,
-          onClose: d,
-          shouldShowBorders: H,
-          shouldShowShadow: M,
-          title: w
-        }
-      ),
-      /* @__PURE__ */ s(
-        h,
-        {
-          height: "100%",
-          overflow: "auto",
-          ref: (t) => {
-            if (!t || typeof window > "u") return;
-            const f = window, l = t.closest(".MuiDrawer-paper"), m = () => {
-              const C = t.getBoundingClientRect(), p = l?.getBoundingClientRect();
-              f.__drawerDbg = `box: h=${Math.round(C.height)} bottom=${Math.round(C.bottom)} client=${t.clientHeight} scroll=${t.scrollHeight} overflowY=${getComputedStyle(t).overflowY}
-paper: h=${p ? Math.round(p.height) : "-"} bottom=${p ? Math.round(p.bottom) : "-"} client=${l?.clientHeight} scroll=${l?.scrollHeight} overflowY=${l ? getComputedStyle(l).overflowY : "-"}
-innerH=${window.innerHeight}`;
-              const v = document.getElementById("drawer-dbg");
-              v && (v.textContent = f.__drawerDbg);
-            };
-            setTimeout(m, 300), t.addEventListener("scroll", m);
-          },
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                id: "drawer-dbg",
-                style: {
-                  position: "fixed",
-                  top: 0,
-                  left: 0,
-                  zIndex: 2147483647,
-                  background: "rgba(0,0,0,0.85)",
-                  color: "#0f0",
-                  font: "10px/1.3 monospace",
-                  padding: "4px 6px",
-                  whiteSpace: "pre",
-                  pointerEvents: "none"
-                }
-              }
-            ),
-            a,
-            /* @__PURE__ */ e(
-              h,
-              {
-                "aria-hidden": !0,
-                sx: {
-                  flexShrink: 0,
-                  height: {
-                    xs: "calc(env(safe-area-inset-bottom, 0px) + 96px)",
-                    sm: "env(safe-area-inset-bottom, 0px)"
-                  }
-                }
-              }
-            )
-          ]
-        }
-      ),
-      c && /* @__PURE__ */ e(
-        E,
-        {
-          footerStyles: i,
-          hasSecondaryAction: r,
-          isPrimaryDisabled: g,
-          onPrimaryAction: c,
-          onSecondaryAction: x ?? d,
-          primaryButtonProps: k,
-          primaryColor: y,
-          primaryText: S,
-          secondaryColor: D,
-          secondaryText: B
-        }
-      )
-    ] })
-  }
-);
-export {
-  K as D
-};
-//# sourceMappingURL=Drawer-BDN1RgiP.mjs.map

package/dist/Drawer-BDN1RgiP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer-BDN1RgiP.mjs","sources":["../src/common/components/drawer/Footer.tsx","../src/common/components/drawer/Header.tsx","../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'outlined' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport IconButton from '@mui/material/IconButton'\n\nimport { ArrowBack } from '@mxenabled/mx-icons'\n\nimport { H2 } from '@mxenabled/mxui'\n\ninterface DrawerHeaderProps {\n  ariaLabelClose: string\n  onClose: () => void\n  shouldShowBorders: boolean\n  shouldShowShadow?: boolean\n  title: string\n}\n\nconst DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  ariaLabelClose,\n  onClose,\n  shouldShowBorders,\n  shouldShowShadow,\n  title,\n}) => {\n  return (\n    <Stack\n      aria-labelledby={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n      direction=\"row\"\n      sx={{\n        alignItems: 'center',\n        backgroundColor: 'background.paper',\n        ...(shouldShowBorders && {\n          borderBottom: 1,\n          borderColor: 'divider',\n        }),\n        ...(shouldShowShadow && {\n          boxShadow: '0px 2px 8px 0px #6A73811F',\n        }),\n        padding: '8px 8px 8px 8px',\n      }}\n    >\n      <IconButton aria-label={ariaLabelClose} autoFocus={true} color=\"primary\" onClick={onClose}>\n        <ArrowBack color=\"primary\" sx={{ fontSize: 22 }} />\n      </IconButton>\n      <Box\n        sx={{\n          flexGrow: 1,\n          margin: 'auto',\n          textAlign: 'center',\n        }}\n      >\n        <H2\n          bold={true}\n          id={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n          variant=\"body1\"\n        >\n          {title}\n        </H2>\n      </Box>\n      {/* placeholder for when we add a button here, this also ensures the title text is centered */}\n      <Box width=\"44px\" />\n    </Stack>\n  )\n}\n\nexport default DrawerHeader\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n      }}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n          // Small viewport height so the paper fits the visible area when the\n          // browser reports it correctly (Safari iOS, most browsers). Chrome iOS\n          // does not expose the region behind its bottom toolbar in any viewport\n          // metric, so height units alone can't help there — the generous bottom\n          // padding on the scroll container (below) is what clears the toolbar.\n          height: '100svh',\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box\n          height=\"100%\"\n          overflow=\"auto\"\n          ref={(el: HTMLDivElement | null) => {\n            // TEMP DEBUG (MEW-3820): report the real scroll geometry of THIS box\n            // vs the paper, so we know which element actually scrolls on Chrome iOS.\n            if (!el || typeof window === 'undefined') return\n            const w = window as unknown as { __drawerDbg?: string }\n            const paper = el.closest('.MuiDrawer-paper') as HTMLElement | null\n            const report = () => {\n              const r = el.getBoundingClientRect()\n              const pr = paper?.getBoundingClientRect()\n              w.__drawerDbg =\n                `box: h=${Math.round(r.height)} bottom=${Math.round(r.bottom)} ` +\n                `client=${el.clientHeight} scroll=${el.scrollHeight} ` +\n                `overflowY=${getComputedStyle(el).overflowY}\\n` +\n                `paper: h=${pr ? Math.round(pr.height) : '-'} bottom=${pr ? Math.round(pr.bottom) : '-'} ` +\n                `client=${paper?.clientHeight} scroll=${paper?.scrollHeight} ` +\n                `overflowY=${paper ? getComputedStyle(paper).overflowY : '-'}\\n` +\n                `innerH=${window.innerHeight}`\n              const box = document.getElementById('drawer-dbg')\n              if (box) box.textContent = w.__drawerDbg\n            }\n            setTimeout(report, 300)\n            el.addEventListener('scroll', report)\n          }}\n        >\n          <div\n            id=\"drawer-dbg\"\n            style={{\n              position: 'fixed',\n              top: 0,\n              left: 0,\n              zIndex: 2147483647,\n              background: 'rgba(0,0,0,0.85)',\n              color: '#0f0',\n              font: '10px/1.3 monospace',\n              padding: '4px 6px',\n              whiteSpace: 'pre',\n              pointerEvents: 'none',\n            }}\n          />\n          {children}\n          {/*\n            Spacer instead of padding-bottom: WebKit / Chrome iOS drop a scroll\n            container's own padding-bottom at the scroll extreme, so padding here\n            is not scrollable. A block-level child with explicit height IS part\n            of the scroll range, so it reliably lets the last item clear Chrome\n            iOS's bottom toolbar (~80px, which no viewport metric exposes) and\n            the native-webview home-indicator safe area. Compact screens only.\n            TODO(MEW-3820 follow-up): revisit with a proper mobile scroll model\n            that lets the document scroll (retracting Chrome's toolbar).\n          */}\n          <Box\n            aria-hidden={true}\n            sx={{\n              flexShrink: 0,\n              height: {\n                xs: 'calc(env(safe-area-inset-bottom, 0px) + 96px)',\n                sm: 'env(safe-area-inset-bottom, 0px)',\n              },\n            }}\n          />\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"names":["Footer","footerStyles","hasSecondaryAction","isPrimaryDisabled","onPrimaryAction","onSecondaryAction","primaryButtonProps","primaryColor","primaryText","secondaryColor","secondaryText","jsxs","Stack","jsx","Button","DrawerHeader","ariaLabelClose","onClose","shouldShowBorders","shouldShowShadow","title","IconButton","ArrowBack","Box","H2","Drawer","children","id","isOpen","shouldShowHeaderBorders","shouldShowHeaderShadow","rest","KMuiDrawer","Header","el","w","paper","report","r","pr","box"],"mappings":"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"}

package/dist/GlobalAccountFilter-BhzR5Vb1.mjs

@@ -1,230 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import B from "react";
-import { observer as I } from "mobx-react-lite";
-import j from "@mui/material/Box";
-import C from "@mui/material/Button";
-import P from "@mui/material/Divider";
-import w from "@mui/material/IconButton";
-import O from "@mui/material/Popover";
-import A from "@mui/material/Stack";
-import E from "@mui/material/Tooltip";
-import { FilterAlt as F } from "@mxenabled/mx-icons";
-import S from "@mui/material/Checkbox";
-import G from "@mui/material/List";
-import g from "@mui/material/ListItem";
-import _ from "@mui/material/ListItemButton";
-import H from "@mui/material/ListItemIcon";
-import v from "@mui/material/ListItemText";
-import { a as M, u as W, c as z } from "./hooks-97sNJ_lf.mjs";
-const R = I(
-  ({ allowedAccountTypes: l }) => {
-    const { accountFilterMap: s, updateAccountFilterMap: m } = M(), { accounts: x, common: y } = W(), { account_filter: u } = y, { accountsByTypeMap: a } = z(), k = B.useMemo(
-      () => Array.from(a.keys()).reduce((e, r) => {
-        if (!l || l && l.includes(r)) {
-          const i = a.get(r);
-          i && e.push(...i);
-        }
-        return e;
-      }, []),
-      [a, l]
-    ), p = new Map(
-      Array.from(s.entries()).filter(([e]) => k.some((r) => r.guid === e))
-    ), c = Array.from(p.values()).every((e) => e), f = Array.from(p.values()).some((e) => e), h = () => {
-      for (const e of p.keys())
-        m(e, !c);
-    }, b = (e) => {
-      const r = a.get(e);
-      if (!r) return;
-      const i = r.some((o) => s.get(o.guid));
-      for (const o of r)
-        m(o.guid, !i);
-    };
-    return /* @__PURE__ */ d(
-      G,
-      {
-        dense: !0,
-        id: "filter_accounts",
-        sx: { overflowY: "scroll", maxHeight: 350, minWidth: 280 },
-        children: [
-          /* @__PURE__ */ t(g, { disableGutters: !0, disablePadding: !0, sx: { py: 16 }, children: /* @__PURE__ */ d(
-            _,
-            {
-              "aria-checked": !c && f ? "mixed" : c,
-              disableGutters: !0,
-              onClick: h,
-              role: "checkbox",
-              sx: { p: 0, px: 8 },
-              children: [
-                /* @__PURE__ */ t(
-                  S,
-                  {
-                    "aria-hidden": !0,
-                    checked: c,
-                    disableRipple: !0,
-                    indeterminate: !c && f,
-                    size: "small",
-                    slotProps: { input: { "aria-hidden": !0 } },
-                    tabIndex: -1
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  v,
-                  {
-                    id: "label-select-all",
-                    primary: u.select_all_accounts,
-                    slotProps: { primary: { variant: "body1", fontWeight: "normal" } }
-                  }
-                )
-              ]
-            }
-          ) }),
-          Array.from(a.keys()).map((e) => {
-            const r = a.get(e), i = l ? !l.includes(e) : !1, o = x.account_type_accounts[e];
-            return (
-              // Account Type Header
-              /* @__PURE__ */ t(g, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ d(A, { sx: { pb: 8, width: "100%" }, children: [
-                /* @__PURE__ */ t(P, {}),
-                /* @__PURE__ */ t(
-                  G,
-                  {
-                    dense: !0,
-                    subheader: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
-                      _,
-                      {
-                        disableGutters: !0,
-                        disabled: i,
-                        onClick: () => b(e),
-                        sx: { pl: 16, minHeight: 40, justifyContent: "left" },
-                        children: /* @__PURE__ */ t(
-                          v,
-                          {
-                            primary: o,
-                            slotProps: { primary: { variant: "body1", fontWeight: "bold" } }
-                          }
-                        )
-                      }
-                    ) }),
-                    children: r?.map((n) => (
-                      // Account Checkbox
-                      /* @__PURE__ */ t(g, { children: /* @__PURE__ */ d(
-                        _,
-                        {
-                          "aria-checked": !!s.get(n.guid),
-                          disableGutters: !0,
-                          disabled: i,
-                          onClick: () => m(n.guid, !s.get(n.guid)),
-                          role: "checkbox",
-                          sx: { p: 0, minHeight: 40 },
-                          children: [
-                            /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
-                              S,
-                              {
-                                "aria-hidden": !0,
-                                checked: !!s.get(n.guid),
-                                disableRipple: !0,
-                                size: "small",
-                                slotProps: { input: { "aria-hidden": !0 } },
-                                tabIndex: -1
-                              }
-                            ) }),
-                            /* @__PURE__ */ t(
-                              v,
-                              {
-                                id: `label-${n.guid}`,
-                                primary: n.displayName,
-                                slotProps: { primary: { variant: "body1", fontWeight: "normal" } }
-                              }
-                            )
-                          ]
-                        }
-                      ) }, n.guid)
-                    ))
-                  }
-                )
-              ] }) }, e)
-            );
-          })
-        ]
-      }
-    );
-  }
-), nt = I(
-  ({
-    allowedAccountTypes: l,
-    isDesktop: s,
-    onAccountFilterClick: m,
-    sx: x = {},
-    variant: y = "text"
-  }) => {
-    const { common: u } = W(), { accountFilterMap: a, resetAccountFilterMap: k } = M(), { detailedAccounts: p, updateAccountFilter: c } = z(), [f, h] = B.useState(null), b = (L) => {
-      k(), h(L.currentTarget), m?.();
-    }, e = () => {
-      h(null);
-    }, r = async () => {
-      await c(a), h(null);
-    }, i = u.account_filter, o = !!f, n = p.length === 0;
-    return /* @__PURE__ */ d(j, { sx: { ...x }, children: [
-      s ? /* @__PURE__ */ t(
-        C,
-        {
-          "aria-controls": o ? "filter_accounts" : void 0,
-          "aria-expanded": o,
-          "aria-haspopup": !0,
-          "aria-label": i.title,
-          disabled: n,
-          onClick: b,
-          startIcon: /* @__PURE__ */ t(F, { size: 24 }),
-          sx: { p: 8, whiteSpace: "nowrap", minWidth: "max-content" },
-          variant: y,
-          children: u.filter_button
-        }
-      ) : /* @__PURE__ */ t(E, { id: "filter-accounts", placement: "bottom", title: i.title, children: /* @__PURE__ */ t(
-        w,
-        {
-          "aria-controls": o ? "filter_accounts" : void 0,
-          "aria-describedby": "filter-accounts",
-          "aria-expanded": o,
-          "aria-haspopup": !0,
-          "aria-label": i.title,
-          color: "primary",
-          disabled: n,
-          onClick: b,
-          sx: { p: 8 },
-          children: /* @__PURE__ */ t(F, { size: 24 })
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        O,
-        {
-          anchorEl: f,
-          anchorOrigin: { vertical: "bottom", horizontal: "left" },
-          onClose: e,
-          open: o,
-          transformOrigin: { vertical: "top", horizontal: "left" },
-          children: /* @__PURE__ */ d(A, { children: [
-            /* @__PURE__ */ t(R, { allowedAccountTypes: l }),
-            /* @__PURE__ */ t(P, {}),
-            /* @__PURE__ */ d(A, { direction: "row", justifyContent: "space-between", spacing: 16, sx: { p: 16 }, children: [
-              /* @__PURE__ */ t(C, { fullWidth: !0, onClick: e, variant: "text", children: u.cancel_button }),
-              /* @__PURE__ */ t(
-                C,
-                {
-                  "aria-label": i.filter_button_generic_aria,
-                  color: "primary",
-                  fullWidth: !0,
-                  onClick: r,
-                  variant: "contained",
-                  children: u.filter_button
-                }
-              )
-            ] })
-          ] })
-        }
-      )
-    ] });
-  }
-);
-export {
-  nt as G
-};
-//# sourceMappingURL=GlobalAccountFilter-BhzR5Vb1.mjs.map