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

package/dist/investments/index.es.js

@@ -4,7 +4,7 @@ import { observer as $ } from "mobx-react-lite";
 import _ from "@mui/material/Stack";
 import Fe from "@mui/material/Tab";
 import Ee from "@mui/material/Tabs";
-import { C as pe } from "../ConnectionsDrawer-DWPOixe6.mjs";
+import { C as pe } from "../ConnectionsDrawer-CtfPXk0M.mjs";
 import xe from "@mui/material/useMediaQuery";
 import Ne from "@mui/material/Box";
 import Me from "@mui/material/Collapse";
@@ -33,12 +33,12 @@ import we from "@mui/material/AccordionSummary";
 import se from "@mui/material/Paper";
 import p from "@mui/system/Stack";
 import Ce from "@mui/material/TextField";
-import { D as Re } from "../Drawer-BNu88yNt.mjs";
+import { D as Re } from "../Drawer-BXqqBMxg.mjs";
 import { DataGridPro as $e } from "@mui/x-data-grid-pro";
 import { Stack as Pe } from "@mui/material";
 import { L as De } from "../Loader-CxeBwuPG.mjs";
 import { u as qe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { W as Ke } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as Ke } from "../WidgetContainer-DNuz_s7W.mjs";
 import { A as Ye } from "../Account-BaJmiJAG.mjs";
 import { E as Qe } from "../EmptyState-CJUDc3kD.mjs";
 const me = ({ sx: t = {} }) => {

package/dist/merchants/index.es.js

@@ -14,7 +14,7 @@ import d from "@mui/material/Stack";
 import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
 import { c as v, u as w, b as C } from "../hooks-BaO_gOI6.mjs";
 import { L as u } from "../Loader-CxeBwuPG.mjs";
-import { S as N } from "../SearchBox-CwDgvWVJ.mjs";
+import { S as N } from "../SearchBox-Cpgu_gdO.mjs";
 const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, p = 65, P = ({
   height: f = "calc(100dvh - 120px)",
   onSelect: g

package/dist/microinsights/MicroCardTemplate.d.ts

@@ -1,13 +1,11 @@
 import { default as React } from 'react';
-import { SxProps } from '@mui/material/styles';
 interface MicroCardTemplateProps {
     ariaLabel?: string;
-    cardSx?: SxProps;
     closeAriaLabel?: string;
     description: string;
+    elevation?: number;
     icon?: React.ReactNode;
     isActiveCard?: boolean;
-    hasCardEffect?: boolean;
     heightOverrides?: string | number;
     onClose?: () => void;
     onCardClick?: () => void;
@@ -16,7 +14,7 @@ interface MicroCardTemplateProps {
     primaryActionText?: string;
     secondaryActionText?: string;
     title: string;
-    variant?: 'elevation' | 'outlined';
+    variant?: 'outlined' | 'elevation' | undefined;
     widthOverrides?: string | number;
 }
 declare const MicroCardTemplate: React.ForwardRefExoticComponent<MicroCardTemplateProps & React.RefAttributes<HTMLDivElement>>;

package/dist/microinsights/cards/InsightCard.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { MicroWidgetProps, BeatLikeOffer } from '../interfaces';
+import { BeatLikeOffer, MicroInsightCardProps } from '../interfaces';
 import { Beat } from '../../core/types/Beat';
-export interface InsightCardProps extends Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'isActiveCard' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant' | 'widthOverrides'> {
+export interface InsightCardProps extends MicroInsightCardProps {
     beat: Beat | BeatLikeOffer;
     index?: number;
 }

package/dist/microinsights/cards/NoRelevantInsightsCard.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '../interfaces';
-type NoRelevantInsightsCardProps = Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant'>;
-export declare const NoRelevantInsightsCard: React.FC<NoRelevantInsightsCardProps>;
-declare const _default: React.FunctionComponent<NoRelevantInsightsCardProps>;
+import { MicroInsightCardProps } from '../interfaces';
+export declare const NoRelevantInsightsCard: React.FC<MicroInsightCardProps>;
+declare const _default: React.FunctionComponent<MicroInsightCardProps>;
 export default _default;

package/dist/microinsights/cards/ViewMoreMicroCard.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '../interfaces';
-type ViewMoreMicroCardProps = Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'isActiveCard' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant' | 'widthOverrides'>;
-export declare const ViewMoreMicroCard: React.FC<ViewMoreMicroCardProps>;
-declare const _default: React.FunctionComponent<ViewMoreMicroCardProps>;
+import { MicroInsightCardProps } from '../interfaces';
+export declare const ViewMoreMicroCard: React.FC<MicroInsightCardProps>;
+declare const _default: React.FunctionComponent<MicroInsightCardProps>;
 export default _default;

package/dist/microinsights/cards/ZeroStateCard.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '../interfaces';
-type ZeroStateCardProps = Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'onCardClick' | 'showIcon' | 'variant'>;
-export declare const ZeroStateCard: React.FC<ZeroStateCardProps>;
-declare const _default: React.FunctionComponent<ZeroStateCardProps>;
+import { MicroInsightCardProps } from '../interfaces';
+export declare const ZeroStateCard: React.FC<MicroInsightCardProps>;
+declare const _default: React.FunctionComponent<MicroInsightCardProps>;
 export default _default;

package/dist/microinsights/carousel/BeatList.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '..';
+import { MicroInsightCardProps } from '../interfaces';
 import { Beat } from '../../core/types/Beat';
-export interface BeatListProps extends Pick<MicroWidgetProps, 'heightOverrides' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant'> {
+export interface BeatListProps extends MicroInsightCardProps {
     activeCardIndex: number;
     beats: Beat[];
     cardWidth: number | null;

package/dist/microinsights/carousel/MicroBeatCarousel.d.ts

@@ -1,9 +1,20 @@
 import { default as React } from 'react';
 import { MicroWidgetProps } from '..';
 import { Beat } from '../../core/types/Beat';
-export interface MicroBeatCarouselProps extends Pick<MicroWidgetProps, 'allowSingleCardPeeking' | 'heightOverrides' | 'onCardClick' | 'posthog' | 'showCarouselControls' | 'showIcon' | 'showWithMargin' | 'variant' | 'visibleCardsCount' | 'widthOverrides'> {
+interface MicroBeatCarouselProps {
+    allowSingleCardPeeking?: boolean;
     analyticsMetadata?: Record<string, string>;
     beats?: Beat[];
+    elevation?: number;
+    heightOverrides?: MicroWidgetProps['heightOverrides'];
+    onCardClick?: MicroWidgetProps['onCardClick'];
+    posthog?: MicroWidgetProps['posthog'];
+    showCarouselControls?: boolean;
+    showIcon?: boolean;
+    showWithMargin?: boolean;
+    variant?: 'outlined' | 'elevation' | undefined;
+    visibleCardsCount?: number;
+    widthOverrides?: number;
 }
 declare const _default: React.FunctionComponent<MicroBeatCarouselProps>;
 export default _default;

package/dist/microinsights/index.es.js

@@ -1,4 +1,4 @@
-import { A as u, B as s, C as c, I as v, a as C, b as R, M as H, c as M, d as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-DoVNDQVG.mjs";
+import { A as u, B as s, C as c, I as v, a as C, b as R, M as H, c as M, d as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-BD_MNc2z.mjs";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 const a = ({
   color: i = "currentColor",

package/dist/microinsights/interfaces.d.ts

@@ -2,29 +2,37 @@ import { Beat, Offer } from '../core';
 import { SxProps } from '@mui/material/styles';
 export interface MicroWidgetProps {
     allowSingleCardPeeking?: boolean;
-    ariaLabel?: string;
     areBeatsLoading?: boolean;
     beats?: Beat[];
+    cardStyle?: 'elevation 1' | 'border' | 'flat';
     endpoint?: string;
     headerSx?: SxProps;
     heightOverrides?: number | string;
-    isActiveCard?: boolean;
     logOutUser?: () => void;
     onCardClick?: (beat?: Beat | undefined) => void;
     onEvent?: (event?: string | undefined) => void;
     onPageview?: (event?: string | undefined) => void;
     posthog?: TheWholeHog;
-    showBorder?: boolean;
     showCarouselControls?: boolean;
     showHeader?: boolean;
     showIcon?: boolean;
     showWithMargin?: boolean;
     token?: string;
     userHasFullInsightFeedBeats?: boolean;
-    variant?: 'elevation' | 'outlined' | undefined;
     visibleCardsCount?: number;
     widthOverrides?: number;
 }
+export interface MicroInsightCardProps {
+    ariaLabel?: string;
+    elevation?: number;
+    heightOverrides?: number | string;
+    isActiveCard?: boolean;
+    onCardClick?: (beat?: Beat | undefined) => void;
+    posthog?: TheWholeHog;
+    showIcon?: boolean;
+    variant?: 'outlined' | 'elevation' | undefined;
+    widthOverrides?: number;
+}
 export interface TheWholeHog {
     identify: (userGuid: string, clientGuid: string, properties?: Record<string, any>) => void;
     capture: (eventName: string, properties?: Record<string, any>) => void;

package/dist/networth/index.es.js

@@ -12,7 +12,7 @@ import { L as Q } from "../Loader-CxeBwuPG.mjs";
 import { M as ie } from "../MicroWidgetContainer-CfKdQfhi.mjs";
 import { format as ae, fromUnixTime as se, differenceInMonths as ce } from "date-fns";
 import P from "@mui/material/Box";
-import { C as le } from "../ConnectionsDrawer-DWPOixe6.mjs";
+import { C as le } from "../ConnectionsDrawer-CtfPXk0M.mjs";
 import { fromUnixTime as de } from "date-fns/fromUnixTime";
 import { useTheme as H } from "@mui/material/styles";
 import { L as me } from "../LineChart-CejWS_rh.mjs";
@@ -31,8 +31,8 @@ import { Stack as fe } from "@mui/material";
 import xe from "@mui/material/Collapse";
 import K from "@mui/material/ListItemIcon";
 import { g as U } from "../NetWorthUtils-DilGN1nW.mjs";
-import { D as V } from "../Drawer-BNu88yNt.mjs";
-import { W as ge } from "../WidgetContainer-CmkRiOTH.mjs";
+import { D as V } from "../Drawer-BXqqBMxg.mjs";
+import { W as ge } from "../WidgetContainer-DNuz_s7W.mjs";
 import { E as ye } from "../EmptyState-CJUDc3kD.mjs";
 const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";

package/dist/notifications/index.es.js

@@ -16,8 +16,8 @@ import M from "@mui/material/Button";
 import X from "@mui/material/Stack";
 import { L as k } from "../Loader-CxeBwuPG.mjs";
 import Y from "@mui/material/IconButton";
-import { N as q } from "../NotificationSettings-CNsh4U5U.mjs";
-import { D as x } from "../Drawer-BNu88yNt.mjs";
+import { N as q } from "../NotificationSettings-6p-h5phZ.mjs";
+import { D as x } from "../Drawer-BXqqBMxg.mjs";
 const xt = (i) => {
   switch (i) {
     case N.BudgetExceeded:

package/dist/recurringtransactions/index.es.js

@@ -6,8 +6,8 @@ import { endOfToday as J } from "date-fns/endOfToday";
 import { startOfMonth as k } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import { R as _e } from "../RecurringSettings-Qqila2ld.mjs";
-import { M as Un } from "../RecurringSettings-Qqila2ld.mjs";
+import { R as _e } from "../RecurringSettings-cm6MK_aS.mjs";
+import { M as Un } from "../RecurringSettings-cm6MK_aS.mjs";
 import { addMonths as ze } from "date-fns/addMonths";
 import { subMonths as He } from "date-fns/subMonths";
 import { isBefore as $e } from "date-fns/isBefore";
@@ -47,16 +47,16 @@ import ut from "@mui/material/ListItemAvatar";
 import mt from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
 import { f as E } from "../NumberFormatting--XMeeBfr.mjs";
-import { d as gt } from "../ManageIncome-D2hEHycu.mjs";
-import { c as jn, M as Kn, S as Vn } from "../ManageIncome-D2hEHycu.mjs";
-import { D as ie } from "../Drawer-BNu88yNt.mjs";
+import { d as gt } from "../ManageIncome-B1JfqslT.mjs";
+import { c as jn, M as Kn, S as Vn } from "../ManageIncome-B1JfqslT.mjs";
+import { D as ie } from "../Drawer-BXqqBMxg.mjs";
 import O from "@mui/material/Box";
 import { u as Me } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as Le } from "../StatusBar-CPfSXe80.mjs";
 import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as ht } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as ht } from "../WidgetContainer-DNuz_s7W.mjs";
 import { M as ft } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as bt } from "../MicroWidgetContainer-CfKdQfhi.mjs";

package/dist/settings/index.es.js

@@ -15,8 +15,8 @@ import W 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-CNsh4U5U.mjs";
-import { A as $t, B as Jt, I as Kt } from "../NotificationSettings-CNsh4U5U.mjs";
+import { V as xe, a as ve, N as J } from "../NotificationSettings-6p-h5phZ.mjs";
+import { A as $t, B as Jt, I as Kt } from "../NotificationSettings-6p-h5phZ.mjs";
 import { u as w, a as G, A as E, C as Ce, b as ee, l as j } from "../hooks-BaO_gOI6.mjs";
 import { u as O } from "../useScreenSize-mWpmnh5w.mjs";
 import { D as $ } from "../Dialog-CwWc0AbH.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-DVGuR3Ab.mjs";
+import { b as Ie, u as Ee } from "../CategorySelectorDrawer-CmaDLhnf.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 } from "@mxenabled/mx-icons";
-import { D as Be } from "../Drawer-BNu88yNt.mjs";
+import { D as Be } from "../Drawer-BXqqBMxg.mjs";
 import { u as ne } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { H as He } from "../Help-CNjuW34A.mjs";
-import { W as q } from "../WidgetContainer-CmkRiOTH.mjs";
+import { H as He } from "../Help-DJ8PrVHX.mjs";
+import { W as q } from "../WidgetContainer-DNuz_s7W.mjs";
 const Oe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = L(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = O(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [p, k] = 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-wENckl64.mjs";
-import { T as xt } from "../TransactionDetails-CMUIncOc.mjs";
+import { T as Dt } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as xt } from "../TransactionDetails-C3dlAzYf.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-BNu88yNt.mjs";
+import { D as tt } from "../Drawer-BXqqBMxg.mjs";
 import { C as w } from "../Category-DEKZGLYe.mjs";
 import { parseISO as et } from "date-fns/parseISO";
 import { A as nt } from "../Analytics-CzGzz_sE.mjs";
-import { W as It } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as It } from "../WidgetContainer-DNuz_s7W.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,12 +1,12 @@
-import { C as Be, D as He, M as Pe, a as Ve, T as We } from "../TransactionDetails-CMUIncOc.mjs";
-import { B as xa, b as Aa } from "../TransactionDetails-CMUIncOc.mjs";
-import { u as B, T as $e } from "../EmbeddedCard-wENckl64.mjs";
-import { a as Sa } from "../EmbeddedCard-wENckl64.mjs";
-import { E as va } from "../ExportCsvAction-BkABqw52.mjs";
+import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-C3dlAzYf.mjs";
+import { B as xa, b as Aa } from "../TransactionDetails-C3dlAzYf.mjs";
+import { u as B, T as Ge } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { a as Sa } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { E as va } from "../ExportCsvAction-Bw02ZJEj.mjs";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";
-import Ge from "@mui/material/Paper";
+import Ve from "@mui/material/Paper";
 import { DataGridPro as Fe } from "@mui/x-data-grid-pro";
 import { h as H, u as v, g as ne, b as K, d as oe, l as Ue, a as Ke, C as ze } from "../hooks-BaO_gOI6.mjs";
 import { L as z } from "../Loader-CxeBwuPG.mjs";
@@ -24,22 +24,22 @@ import { getUnixTime as tt } from "date-fns/getUnixTime";
 import { startOfMonth as at } from "date-fns/startOfMonth";
 import { startOfToday as F } from "date-fns/startOfToday";
 import { b as U } from "../Localization-DnoVyBNK.mjs";
-import { C as nt } from "../ConnectDrawer-CPsSusKE.mjs";
+import { C as nt } from "../ConnectDrawer-Cnjr3Ddg.mjs";
 import ot from "@mui/material/Divider";
 import rt from "@mui/material/MenuItem";
 import it from "@mui/material/RadioGroup";
 import { ExpandMore as st } from "@mxenabled/mx-icons";
-import { C as ct } from "../CurrencyInput-B59ugxPN.mjs";
+import { C as ct } from "../CurrencyInput-adTIRtL3.mjs";
 import { S as ee } from "../SelectionBox-B4xELRgp.mjs";
 import { D as se } from "../Dialog-CwWc0AbH.mjs";
-import { b as lt, u as dt } from "../CategorySelectorDrawer-DVGuR3Ab.mjs";
+import { b as lt, u as dt } from "../CategorySelectorDrawer-CmaDLhnf.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-CJb-RELP.mjs";
-import { W as gt } from "../WidgetContainer-CmkRiOTH.mjs";
-import { S as ht } from "../SearchBox-CwDgvWVJ.mjs";
-import { D as te } from "../Drawer-BNu88yNt.mjs";
+import { W as gt } from "../WidgetContainer-DNuz_s7W.mjs";
+import { S as ht } from "../SearchBox-Cpgu_gdO.mjs";
+import { D as te } from "../Drawer-BXqqBMxg.mjs";
 const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
@@ -192,7 +192,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Ge, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Ve, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
     Fe,
     {
       columns: g,
@@ -253,9 +253,6 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
                 amount: l,
                 ariaLabel: i.amount_title,
                 copy: h,
-                inputProps: {
-                  noValidate: !0
-                },
                 label: i.amount_title,
                 setAmount: I,
                 setHasValidInput: s,
@@ -300,12 +297,14 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       /* @__PURE__ */ e(
         Z,
         {
-          InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: st },
           label: i.manual_transaction_select_an_account,
           onChange: (n) => _(n.target.value),
           placeholder: i.manual_transaction_select,
           select: !0,
+          slotProps: {
+            inputLabel: { shrink: !0 },
+            select: { defaultValue: -1, IconComponent: st }
+          },
           sx: { bgcolor: "background.paper" },
           children: C.map((n) => /* @__PURE__ */ e(rt, { value: n.value, children: n.label }, n.value))
         }
@@ -316,7 +315,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       /* @__PURE__ */ e(Be, { transaction: a }),
       /* @__PURE__ */ e(He, { transaction: a }),
       /* @__PURE__ */ e(Pe, { transaction: a }),
-      /* @__PURE__ */ e(Ve, { transaction: a })
+      /* @__PURE__ */ e(We, { transaction: a })
     ] })
   ] });
 }, It = D(vt), Nt = ({ copy: t, isOpen: r, onClose: i, onPrimaryAction: a }) => {
@@ -405,7 +404,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
     setSearchValue: ye,
     setShowInsights: be,
     updateManualTransaction: Te
-  } = B(), { userProfile: xe } = ze(), [V, T] = u.useState(""), [X, M] = u.useState(""), [Ae, W] = u.useState(!1), [we, J] = u.useState(!1), { announce: Se, ariaLive: De } = ut(), $ = b?.transactions?.selected_account_guid;
+  } = B(), { userProfile: xe } = ze(), [W, T] = u.useState(""), [X, M] = u.useState(""), [Ae, $] = u.useState(!1), [we, J] = u.useState(!1), { announce: Se, ariaLive: De } = ut(), G = b?.transactions?.selected_account_guid;
   pt({
     widgetName: "TransactionWidget",
     isLoaded: P
@@ -415,7 +414,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
     N(d, Re), h(A.TRANSACTIONS_VIEW);
   }, []), u.useEffect(() => {
     _ && q({
-      accounts: $ ? [$] : n,
+      accounts: G ? [G] : n,
       dateRange: { start: o.start, end: o.end },
       searchTerm: j
     });
@@ -443,11 +442,11 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
     }), T(
       "addTransaction"
       /* AddTransaction */
-    ), h(A.TRANSACTIONS_CLICK_ADD)) : (W(!0), h(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), h(A.TRANSACTIONS_CLICK_ADD)) : ($(!0), h(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, ke = async () => {
     Q && await de(L), T("");
   }, Oe = () => {
-    W(!1), J(!0);
+    $(!1), J(!0);
   }, Le = async () => {
     J(!1), await l();
   }, Me = async () => {
@@ -455,19 +454,19 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
   };
   if (!_)
     return /* @__PURE__ */ e(z, {});
-  const G = [];
-  return !p && (ce || le) && G.push({
+  const V = [];
+  return !p && (ce || le) && V.push({
     iconName: "open_in_new",
     label: g.export_csv_btn,
     onClick: Ne
-  }), f.show_connections_widget_in_master && G.push({
+  }), f.show_connections_widget_in_master && V.push({
     iconName: "add",
     label: g.add_transaction_btn,
     onClick: Ee
   }), /* @__PURE__ */ m(
     gt,
     {
-      actions: G,
+      actions: V,
       calendarActions: {
         onRangeChanged: ve
       },
@@ -475,7 +474,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       onAccountsFilterClick: () => h(A.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       onMenuClick: r,
-      showAccountFilter: !$,
+      showAccountFilter: !G,
       sx: s,
       title: g.transactions_title,
       children: [
@@ -524,7 +523,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
                 [O.breakpoints.up("md")]: { display: "none" }
               },
               children: /* @__PURE__ */ e(
-                $e,
+                Ge,
                 {
                   height: `calc(${i} - ${ae}px)`,
                   onClick: (d) => {
@@ -543,13 +542,13 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
           te,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: V === "transaction" && !!x,
+            isOpen: W === "transaction" && !!x,
             onClose: Me,
             title: g.details_title,
-            children: x && /* @__PURE__ */ e(We, { transaction: x })
+            children: x && /* @__PURE__ */ e($e, { transaction: x })
           }
         ),
-        x && V === "category" && /* @__PURE__ */ e(
+        x && W === "category" && /* @__PURE__ */ e(
           Ot,
           {
             onClose: () => {
@@ -562,7 +561,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
           te,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: V === "addTransaction",
+            isOpen: W === "addTransaction",
             isPrimaryDisabled: !Q,
             onClose: () => T(""),
             onPrimaryAction: ke,
@@ -576,7 +575,7 @@ const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
             copy: { title: g.add_manual_account },
             isOpen: Ae,
             onClose: () => {
-              W(!1);
+              $(!1);
             },
             onPrimaryAction: Oe
           }
@@ -597,8 +596,8 @@ export {
   xa as BottomActions,
   va as ExportCsvAction,
   Aa as TopActions,
-  We as TransactionDetails,
-  $e as TransactionList,
+  $e as TransactionDetails,
+  Ge as TransactionList,
   Sa as TransactionRow,
   Dt as TransactionTable,
   ya as TransactionWidget,

package/dist/trends/index.es.js

@@ -29,17 +29,17 @@ import Ft from "@mui/material/ToggleButton";
 import $t from "@mui/material/ToggleButtonGroup";
 import { parseISO as lt } from "date-fns/parseISO";
 import { H as ke } from "../HeaderCell-P8w6CmfO.mjs";
-import { T as W, a as Kt } from "../ViewMoreMicroCard-DoVNDQVG.mjs";
+import { T as W, a as Kt } from "../ViewMoreMicroCard-BD_MNc2z.mjs";
 import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } from "@mui/x-data-grid-pro";
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
 import { A as w } from "../Analytics-CzGzz_sE.mjs";
-import { T as ct } from "../EmbeddedCard-wENckl64.mjs";
-import { T as dt } from "../TransactionDetails-CMUIncOc.mjs";
-import { D as Pe } from "../Drawer-BNu88yNt.mjs";
+import { T as ct } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as dt } from "../TransactionDetails-C3dlAzYf.mjs";
+import { D as Pe } from "../Drawer-BXqqBMxg.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as ut } from "../WidgetContainer-DNuz_s7W.mjs";
 import { L as Ve } from "../LineChart-CejWS_rh.mjs";
 import { M as Qt } from "../MiniWidgetContainer-BdPiUU-u.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-BkABqw52.mjs";
+import { E as go } from "../ExportCsvAction-Bw02ZJEj.mjs";
 import { u as po } from "../useInsightsEnabled-DaNLPmUU.mjs";
 import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
-import { C as yo } from "../ConnectDrawer-CPsSusKE.mjs";
+import { C as yo } from "../ConnectDrawer-Cnjr3Ddg.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: [
@@ -1226,18 +1226,17 @@ const Lo = g.memo(Io), Qe = ({
     {
       areBeatsLoading: a.isLoading,
       beats: t,
+      cardStyle: "border",
       endpoint: d,
       headerSx: { p: 0 },
       logOutUser: m,
       onCardClick: _,
-      showBorder: !0,
       showCarouselControls: !0,
       showHeader: i,
       showIcon: !0,
       showWithMargin: !1,
       token: u,
       userHasFullInsightFeedBeats: !1,
-      variant: "outlined",
       visibleCardsCount: f
     }
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.0-alpha.al9",
+  "version": "9.0.0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -192,15 +192,15 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/lab": "^7",
-    "@mui/material": "^7",
-    "@mui/system": "^7",
+    "@mui/material": "7.3.11",
+    "@mui/system": "7.3.11",
     "@mui/x-charts": "^8.28.2",
     "@mui/x-data-grid-pro": "^7.29.12",
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
     "@mxenabled/mx-icons": "^2",
-    "@mxenabled/mxui": "2.5.3-alpha.al3",
+    "@mxenabled/mxui": "2.5.3",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.13.24",
     "bowser": "^2.14.1",