@mx-cartographer/experiences 9.0.0-alpha.al7 → 9.0.0-alpha.al9

package/dist/common/index.es.js

@@ -1,56 +1,56 @@
-import { l as q } from "../UserStore-CRpKQjpP.mjs";
-import { b as F, a as $ } from "../Localization-DnoVyBNK.mjs";
-import { f as Q, b as j, a as V, c as K, g as Z, d as J } from "../NumberFormatting--XMeeBfr.mjs";
-import { C as z, a as rr, b as er } from "../CurrencyDialog-DumQCTPO.mjs";
-import { C as tr } from "../CurrencyInput-B59ugxPN.mjs";
-import { D as sr, S as nr } from "../Select-KwuuoKM-.mjs";
-import { D as ur, W as lr, u as mr } from "../WidgetContainer-CmkRiOTH.mjs";
-import { D as cr } from "../Dialog-CwWc0AbH.mjs";
-import { D as pr } from "../Donut-SzzfZDHF.mjs";
-import { D as gr } from "../Drawer-BNu88yNt.mjs";
-import { E as Er } from "../ErrorBoundary-CsdOcnJ9.mjs";
-import { I as hr } from "../IconBacking-DgT8DCeh.mjs";
-import { I as _r } from "../InformationTooltip-4su8bn1e.mjs";
-import { L as kr } from "../Loader-CxeBwuPG.mjs";
-import { M as Or } from "../MicroWidgetContainer-CfKdQfhi.mjs";
-import { M as Tr } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+import { l as F } from "../UserStore-CRpKQjpP.mjs";
+import { b as $, a as H } from "../Localization-DnoVyBNK.mjs";
+import { f as j, b as V, a as K, c as Z, g as J, d as X } from "../NumberFormatting--XMeeBfr.mjs";
+import { C as rr, a as er, b as or } from "../CurrencyDialog-DumQCTPO.mjs";
+import { C as ar } from "../CurrencyInput-B59ugxPN.mjs";
+import { D as nr, S as ir } from "../Select-KwuuoKM-.mjs";
+import { D as lr, W as mr, u as dr } from "../WidgetContainer-CmkRiOTH.mjs";
+import { D as pr } from "../Dialog-CwWc0AbH.mjs";
+import { D as yr } from "../Donut-SzzfZDHF.mjs";
+import { D as xr } from "../Drawer-BNu88yNt.mjs";
+import { E as hr } from "../ErrorBoundary-CsdOcnJ9.mjs";
+import { I as Sr } from "../IconBacking-DgT8DCeh.mjs";
+import { I as vr } from "../InformationTooltip-4su8bn1e.mjs";
+import { L as br } from "../Loader-CxeBwuPG.mjs";
+import { M as Dr } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+import { M as Ir } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 import { jsxs as g, jsx as y } from "react/jsx-runtime";
-import { css as h } from "@mxenabled/cssinjs";
-import { D as C, a as _ } from "../SingleSegmentDonut-7Uy6VEld.mjs";
-import { S as Ar } from "../SingleSegmentDonut-7Uy6VEld.mjs";
-import { R as wr } from "../ResponsiveButton-CC9F_Ezk.mjs";
-import { S as Pr } from "../SelectionBox-B4xELRgp.mjs";
-import { S as Wr } from "../StatusBar-CPfSXe80.mjs";
-import { T as Gr } from "../TabContentContainer-CnMXkVqr.mjs";
-import { A as Rr } from "../Analytics-CzGzz_sE.mjs";
+import { css as S } from "@mxenabled/cssinjs";
+import { D as _, a as v } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { S as Mr } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { R as Nr } from "../ResponsiveButton-CC9F_Ezk.mjs";
+import { S as Lr } from "../SelectionBox-B4xELRgp.mjs";
+import { S as Gr } from "../StatusBar-CPfSXe80.mjs";
+import { T as Br } from "../TabContentContainer-CnMXkVqr.mjs";
+import { A as qr } from "../Analytics-CzGzz_sE.mjs";
 import { C as Yr } from "../ConnectCard-CdXeMN22.mjs";
-import { C as $r } from "../ConnectDrawer-CPsSusKE.mjs";
-import { C as Qr } from "../CurrencyText-CCbE6MmF.mjs";
-import { E as Vr } from "../EmptyState-CJUDc3kD.mjs";
-import { E as Zr } from "../Error-Dogaw2jO.mjs";
-import { G as Xr } from "../GlobalAccountFilter-7Cg2-9A5.mjs";
-import { G as re, m as ee, n as oe, W as te, d as ae, a as se, o as ne, p as ie, l as ue, q as le, r as me, g as de, s as ce, u as fe, f as pe, b as ye, k as ge, t as xe, v as Ee, w as Se, c as he, x as Ce, y as _e, z as ve, i as ke, A as be, h as Oe, B as De, C as Te, D as Ie } from "../hooks-BaO_gOI6.mjs";
-import { I as Me, P as we, S as Ne } from "../Account-BxHMlV9R.mjs";
-import { L as Le } from "../ListItemAction-CwspSmQi.mjs";
+import { C as Hr } from "../ConnectDrawer-CPsSusKE.mjs";
+import { C as jr } from "../CurrencyText-CCbE6MmF.mjs";
+import { E as Kr } from "../EmptyState-CJUDc3kD.mjs";
+import { E as Jr } from "../Error-Dogaw2jO.mjs";
+import { G as zr } from "../GlobalAccountFilter-7Cg2-9A5.mjs";
+import { G as ee, m as oe, n as te, W as ae, d as se, a as ne, o as ie, p as ue, l as le, q as me, r as de, g as ce, s as pe, u as fe, f as ye, b as ge, k as xe, t as Ee, v as he, w as Ce, c as Se, x as _e, y as ve, z as ke, i as be, A as Oe, h as De, B as Te, C as Ie, D as Ae } from "../hooks-BaO_gOI6.mjs";
+import { I as we, P as Ne, S as Pe } from "../Account-BxHMlV9R.mjs";
+import { L as We } from "../ListItemAction-CwspSmQi.mjs";
 import { L as Ue } from "../ListItemRow-kH1rn8Xu.mjs";
-import { L as Be } from "../ListItemWrapper-B5r-YQQ_.mjs";
-import { S as qe } from "../SearchBox-CwDgvWVJ.mjs";
-import { S as Fe, T as $e } from "../Sizes-DISGrlUg.mjs";
-import { T as Qe, a as je } from "../ToggleListItem-BTDtw-N4.mjs";
-import { a as Ke, u as Ze, b as Je } from "../Analytics-CkYXKvco.mjs";
-import { alpha as v, darken as x, lighten as E } from "@mui/material";
-import { u as ze } from "../useAccountDisplayName-CFa_MrS6.mjs";
-import { u as eo } from "../useInsightsEnabled-DaNLPmUU.mjs";
-import { useRef as k, useEffect as b } from "react";
-import { u as to } from "../useScreenSize-mWpmnh5w.mjs";
-import { u as so } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { L as Re } from "../ListItemWrapper-B5r-YQQ_.mjs";
+import { S as Fe } from "../SearchBox-CwDgvWVJ.mjs";
+import { S as $e, T as He } from "../Sizes-DISGrlUg.mjs";
+import { T as je, a as Ve } from "../ToggleListItem-BTDtw-N4.mjs";
+import { a as Ze, u as Je, b as Xe } from "../Analytics-CkYXKvco.mjs";
+import { alpha as k, darken as x, lighten as E } from "@mui/material";
+import { u as ro } from "../useAccountDisplayName-CFa_MrS6.mjs";
+import { u as oo } from "../useInsightsEnabled-DaNLPmUU.mjs";
+import { useRef as b, useEffect as O } from "react";
+import { u as ao } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as no } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 var s = /* @__PURE__ */ ((r) => (r[r.Unknown = 0] = "Unknown", r[r.EveryWeek = 1] = "EveryWeek", r[r.EveryOtherWeek = 2] = "EveryOtherWeek", r[r.EveryMonth = 3] = "EveryMonth", r[r.EveryOtherMonth = 4] = "EveryOtherMonth", r[r.EveryQuarter = 5] = "EveryQuarter", r[r.EveryOtherQuarter = 6] = "EveryOtherQuarter", r[r.EveryYear = 7] = "EveryYear", r))(s || {});
-const P = (r) => {
-  const t = k(null);
-  return b(() => {
-    t.current = r;
-  }, [r]), t.current;
-}, L = [
+const L = (r) => {
+  const o = b(null);
+  return O(() => {
+    o.current = r;
+  }, [r]), o.current;
+}, W = [
   { id: s.Unknown, copy: "frequency_unknown" },
   { id: s.EveryWeek, copy: "frequency_every_week" },
   { id: s.EveryOtherWeek, copy: "frequency_every_other_week" },
@@ -59,21 +59,21 @@ const P = (r) => {
   { id: s.EveryQuarter, copy: "frequency_every_quarter" },
   { id: s.EveryOtherQuarter, copy: "frequency_every_other_quarter" },
   { id: s.EveryYear, copy: "frequency_every_year" }
-], W = {
+], G = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
 }, U = ({
   hasGap: r = !1,
-  segments: t,
-  size: i = C,
-  strokeWidth: l = _,
+  segments: o,
+  size: u = _,
+  strokeWidth: l = v,
   children: m
 }) => {
-  const c = O(i), a = (i - l) / 2, n = i / 2;
-  let d = -90 - (r ? 1 : 0), o = 0;
-  return /* @__PURE__ */ g("div", { className: `mx-cmn-multi-segment-donut ${c}`, children: [
-    /* @__PURE__ */ g("svg", { height: i, width: i, children: [
+  const p = D(u), a = (u - l) / 2, n = u / 2;
+  let d = -90 - (r ? 1 : 0), t = 0;
+  return /* @__PURE__ */ g("div", { className: `mx-cmn-multi-segment-donut ${p}`, children: [
+    /* @__PURE__ */ g("svg", { height: u, width: u, children: [
       /* @__PURE__ */ y(
         "circle",
         {
@@ -85,25 +85,25 @@ const P = (r) => {
           strokeWidth: l
         }
       ),
-      t.map((u, f) => (d += 360 * o + (r ? 1 : 0), o = (u.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
+      o.map((i, c) => (d += 360 * t + (r ? 1 : 0), t = (i.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
         "circle",
         {
           cx: n,
           cy: n,
           fill: "none",
           r: a,
-          stroke: u.color,
+          stroke: i.color,
           strokeDasharray: 2 * Math.PI * a,
-          strokeDashoffset: 2 * Math.PI * a * (1 - o),
+          strokeDashoffset: 2 * Math.PI * a * (1 - t),
           strokeWidth: l,
           transform: `rotate(${d}, ${n}, ${n})`
         },
-        f
+        c
       )))
     ] }),
     /* @__PURE__ */ y("div", { className: "mx-cmn-multi-segment-donut-children", children: m })
   ] });
-}, O = (r) => h({
+}, D = (r) => S({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -115,7 +115,7 @@ const P = (r) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), D = [
+}), T = [
   "fontFamily",
   "h1",
   "h2",
@@ -127,30 +127,30 @@ const P = (r) => {
   "subtitle1",
   "subtitle2",
   "tiny"
-], T = [
+], I = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
   { key: "secondary", light: "neutral_color", dark: "neutral_color_dark" },
   { key: "error", light: "error_color", dark: "error_color_dark" },
   { key: "warning", light: "warning_color", dark: "warning_color_dark" },
   { key: "info", light: "info_color", dark: "info_color_dark" },
   { key: "success", light: "success_color", dark: "success_color_dark" }
-], G = (r, t, i) => {
-  const l = r.palette.mode === "dark", m = (i?.master?.style?.font_name || t?.system_font) ?? r.typography.fontFamily, c = (e, p) => e ? {
+], B = (r, o, u) => {
+  const l = r.palette.mode === "dark", m = (u?.master?.style?.font_name || o?.system_font) ?? r.typography.fontFamily, p = (e, f) => e ? {
     lighter: E(e, 0.5),
     light: E(e, 0.25),
     main: e,
     dark: x(e, 0.25),
     darker: x(e, 0.5)
-  } : p, a = Object.fromEntries(
-    T.map(({ key: e, light: p, dark: S }) => [
+  } : f, a = Object.fromEntries(
+    I.map(({ key: e, light: f, dark: C }) => [
       e,
-      c(
-        t?.[l ? S : p],
+      p(
+        o?.[l ? C : f],
         r.palette[e]
       )
     ])
   ), n = Object.fromEntries(
-    D.map((e) => [
+    T.map((e) => [
       e,
       e === "fontFamily" ? m : { fontFamily: m }
     ])
@@ -164,137 +164,148 @@ const P = (r) => {
       styleOverrides: {
         switchViewButton: {
           color: a.primary.lighter,
-          "&:hover": { backgroundColor: v(a.primary.light, 0.1) }
+          "&:hover": { backgroundColor: k(a.primary.light, 0.1) }
         }
       }
     }
-  }, o = t?.button_corner_radius, u = t?.card_corner_radius, f = {
+  }, t = o?.button_corner_radius, i = o?.card_corner_radius, c = o?.use_glass, h = {
     ...d,
-    ...o && {
+    ...t && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${o}px`, textTransform: "none" }
+          root: { borderRadius: `${t}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${o}px`,
-            minWidth: o,
-            minHeight: o
+            borderRadius: `${t}px`,
+            minWidth: t,
+            minHeight: t
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${o}px`, textTransform: "none" }
+          root: { borderRadius: `${t}px`, textTransform: "none" }
         }
       }
     },
-    ...u && {
+    ...i && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${u}px` } }
-      },
+        styleOverrides: { root: { borderRadius: `${i}px` } }
+      }
+    },
+    ...(i || c) && {
       MuiPaper: {
-        styleOverrides: { rounded: { borderRadius: `${u}px` } }
+        styleOverrides: {
+          ...i && { rounded: { borderRadius: `${i}px` } },
+          ...c && {
+            root: {
+              backgroundColor: "rgba(255, 255, 255, 0.1)",
+              backdropFilter: "blur(10px)",
+              WebkitBackdropFilter: "blur(10px)"
+            }
+          }
+        }
       }
     }
   };
-  return { typography: n, palette: a, components: f };
+  return { typography: n, palette: a, components: h };
 };
 export {
-  Rr as ANALYTICS_EVENTS,
-  z as Calendar,
-  rr as CalendarSelectionTypes,
+  qr as ANALYTICS_EVENTS,
+  rr as Calendar,
+  er as CalendarSelectionTypes,
   Yr as ConnectCard,
-  $r as ConnectDrawer,
-  er as CurrencyDialog,
-  tr as CurrencyInput,
-  Qr as CurrencyText,
-  C as DEFAULT_DONUT_SIZE,
-  _ as DEFAULT_STROKE_WIDTH,
-  sr as DataRow,
-  ur as DateRangeSelector,
-  cr as Dialog,
-  pr as Donut,
-  gr as Drawer,
-  Vr as EmptyState,
-  Zr as Error,
-  Er as ErrorBoundary,
-  Xr as GlobalAccountFilter,
-  re as GlobalDataContext,
-  ee as GlobalDataProvider,
-  q as GlobalStore,
-  Me as INCOME_ACCOUNT_TYPES,
-  hr as IconBacking,
-  _r as InformationTooltip,
-  W as LOADING_STATUS,
-  Le as ListItemAction,
+  Hr as ConnectDrawer,
+  or as CurrencyDialog,
+  ar as CurrencyInput,
+  jr as CurrencyText,
+  _ as DEFAULT_DONUT_SIZE,
+  v as DEFAULT_STROKE_WIDTH,
+  nr as DataRow,
+  lr as DateRangeSelector,
+  pr as Dialog,
+  yr as Donut,
+  xr as Drawer,
+  Kr as EmptyState,
+  Jr as Error,
+  hr as ErrorBoundary,
+  zr as GlobalAccountFilter,
+  ee as GlobalDataContext,
+  oe as GlobalDataProvider,
+  F as GlobalStore,
+  we as INCOME_ACCOUNT_TYPES,
+  Sr as IconBacking,
+  vr as InformationTooltip,
+  G as LOADING_STATUS,
+  We as ListItemAction,
   Ue as ListItemRow,
-  Be as ListItemWrapper,
-  kr as Loader,
-  Or as MicroWidgetContainer,
-  Tr as MiniWidgetContainer,
+  Re as ListItemWrapper,
+  br as Loader,
+  Dr as MicroWidgetContainer,
+  Ir as MiniWidgetContainer,
   U as MultiSegmentDonut,
-  we as PAYMENT_ACCOUNT_TYPES,
-  L as RECURRENCE_COPY,
-  wr as ResponsiveButton,
-  Ne as SPENDING_ACCOUNT_TYPES,
-  qe as SearchBox,
-  nr as Select,
-  Pr as SelectionBox,
-  Ar as SingleSegmentDonut,
-  Fe as Sizes,
-  Wr as StatusBar,
-  $e as TOUCH_TARGET,
-  Gr as TabContentContainer,
-  Qe as ToggleButtonListItem,
-  je as ToggleListItem,
-  lr as WidgetContainer,
-  oe as WidgetContainerContext,
-  te as WidgetContainerProvider,
-  Ke as analyticsSession,
-  F as buildDynamicCopy,
-  $ as buildPluralCopy,
-  Q as formatCurrency,
-  j as formatOrdinal,
-  V as formatPercentage,
-  K as generateEqualIntervals,
-  G as getClientTheme,
-  Z as getCurrencyCodes,
-  J as getPluralRules,
-  ze as useAccountDisplayName,
-  ae as useAccountStore,
-  se as useAppConfig,
-  ne as useBudgetsStore,
-  ie as useCashflowStore,
-  ue as useCategoryStore,
-  Ze as useCombineEvents,
-  Je as useCombinePageviews,
-  le as useDebtStore,
-  me as useError,
-  de as useEvent,
-  ce as useFinstrongStore,
+  Ne as PAYMENT_ACCOUNT_TYPES,
+  W as RECURRENCE_COPY,
+  Nr as ResponsiveButton,
+  Pe as SPENDING_ACCOUNT_TYPES,
+  Fe as SearchBox,
+  ir as Select,
+  Lr as SelectionBox,
+  Mr as SingleSegmentDonut,
+  $e as Sizes,
+  Gr as StatusBar,
+  He as TOUCH_TARGET,
+  Br as TabContentContainer,
+  je as ToggleButtonListItem,
+  Ve as ToggleListItem,
+  mr as WidgetContainer,
+  te as WidgetContainerContext,
+  ae as WidgetContainerProvider,
+  Ze as analyticsSession,
+  $ as buildDynamicCopy,
+  H as buildPluralCopy,
+  j as formatCurrency,
+  V as formatOrdinal,
+  K as formatPercentage,
+  Z as generateEqualIntervals,
+  B as getClientTheme,
+  J as getCurrencyCodes,
+  X as getPluralRules,
+  ro as useAccountDisplayName,
+  se as useAccountStore,
+  ne as useAppConfig,
+  ie as useBudgetsStore,
+  ue as useCashflowStore,
+  le as useCategoryStore,
+  Je as useCombineEvents,
+  Xe as useCombinePageviews,
+  me as useDebtStore,
+  de as useError,
+  ce as useEvent,
+  pe as useFinstrongStore,
   fe as useGlobalCopyStore,
-  pe as useGlobalStore,
-  ye as useGlobalUiStore,
-  ge as useGoalStore,
-  xe as useHelpStore,
-  Ee as useHoldingStore,
-  eo as useInsightsEnabled,
-  Se as useLoad,
-  he as useMerchantStore,
-  Ce as useNetWorthStore,
-  _e as useNotificationStore,
-  ve as usePageView,
-  P as usePrevious,
-  ke as useRecurringTransactionsStore,
-  to as useScreenSize,
-  be as useSettingsStore,
-  Oe as useTransactionStore,
-  De as useTrendsStore,
-  Te as useUserStore,
-  Ie as useWidgetContainerProvider,
-  mr as useWidgetHeaderStyles,
-  so as useWidgetLoadTimer
+  ye as useGlobalStore,
+  ge as useGlobalUiStore,
+  xe as useGoalStore,
+  Ee as useHelpStore,
+  he as useHoldingStore,
+  oo as useInsightsEnabled,
+  Ce as useLoad,
+  Se as useMerchantStore,
+  _e as useNetWorthStore,
+  ve as useNotificationStore,
+  ke as usePageView,
+  L as usePrevious,
+  be as useRecurringTransactionsStore,
+  ao as useScreenSize,
+  Oe as useSettingsStore,
+  De as useTransactionStore,
+  Te as useTrendsStore,
+  Ie as useUserStore,
+  Ae as useWidgetContainerProvider,
+  dr as useWidgetHeaderStyles,
+  no as useWidgetLoadTimer
 };

package/dist/common/utils/Theme.d.ts

@@ -17,16 +17,21 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         };
     };
     components: {
-        MuiCard?: {
+        MuiPaper?: {
             styleOverrides: {
-                root: {
+                root?: {
+                    backgroundColor: string;
+                    backdropFilter: string;
+                    WebkitBackdropFilter: string;
+                } | undefined;
+                rounded?: {
                     borderRadius: string;
-                };
+                } | undefined;
             };
         } | undefined;
-        MuiPaper?: {
+        MuiCard?: {
             styleOverrides: {
-                rounded: {
+                root: {
                     borderRadius: string;
                 };
             };
@@ -75,3 +80,8 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         };
     };
 };
+export declare const getCustomizations: (clientStyleProfile: ClientStyleProfile) => {
+    styleOptions: {
+        useGlass: boolean;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.0-alpha.al7",
+  "version": "9.0.0-alpha.al9",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -200,7 +200,7 @@
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
     "@mxenabled/mx-icons": "^2",
-    "@mxenabled/mxui": "2.5.3-alpha.al2",
+    "@mxenabled/mxui": "2.5.3-alpha.al3",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.13.24",
     "bowser": "^2.14.1",