@mx-cartographer/experiences 8.1.10-alpha.al0 → 8.1.10

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [8.1.10] - 05-05-2026
+
+- **UPDATED** - Error component UI and no network fallback
+
+## [8.1.9] - 04-29-2026
+
+- **FIXED** - Issue causing webviews to treat swipes on miniwidget as taps
+
 ## [8.1.8] - 04-28-2026
 
 - **FIXED** - Issue causing retirement goals not to display unless there were savings and/or debt goals

package/dist/{AccountDetailsHeader-D8NIfmO8.mjs → AccountDetailsHeader-CzefHTWU.mjs}

@@ -3,7 +3,7 @@ import { observer as _ } from "mobx-react-lite";
 import s from "@mui/material/Stack";
 import { H3 as x, InstitutionLogo as D, Text as d, H2 as N } from "@mxenabled/mxui";
 import p from "react";
-import { G as P, d as f, l as G, f as O, a as R, u as v } from "./hooks-HwStH7q_.mjs";
+import { G as P, d as f, l as G, f as O, a as R, u as v } from "./hooks-RzCoiTd0.mjs";
 import { g as w } from "./AccountFields-BWmpVsS3.mjs";
 import { A as i } from "./Account-CMjOp7S2.mjs";
 import L from "@mui/material/Card";
@@ -11,7 +11,7 @@ import H from "@mui/material/CardContent";
 import M from "@mui/material/CardHeader";
 import { L as U } from "./Loader-CxeBwuPG.mjs";
 import { I as Y, P as j, S as z } from "./Account-BIKn4XEZ.mjs";
-import { u as k } from "./useAccountDisplayName-SrQA7K_6.mjs";
+import { u as k } from "./useAccountDisplayName-pliH6hz0.mjs";
 import { f as B } from "./NumberFormatting-CyrvFgfd.mjs";
 const C = () => {
   if (!p.useContext(P))

package/dist/{AccountListItem-DSuv36PF.mjs → AccountListItem-DRDxaRBe.mjs}

@@ -11,8 +11,8 @@ import { InstitutionLogo as B, Text as r } from "@mxenabled/mxui";
 import { Error as j } from "@mxenabled/mx-icons";
 import { I as T } from "./IconBacking-DgT8DCeh.mjs";
 import { g as $ } from "./AccountFields-BWmpVsS3.mjs";
-import { u as k } from "./useAccountDisplayName-SrQA7K_6.mjs";
-import { a as w, u as E } from "./hooks-HwStH7q_.mjs";
+import { u as k } from "./useAccountDisplayName-pliH6hz0.mjs";
+import { a as w, u as E } from "./hooks-RzCoiTd0.mjs";
 import { C as d } from "./Account-CMjOp7S2.mjs";
 import { f as M } from "./NumberFormatting-CyrvFgfd.mjs";
 const z = {

package/dist/{AccountStore-B3S_p5Qa.mjs → AccountStore-CGrjC2Oe.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil-DalEN9--.mjs";
+import { i as g } from "./BudgetUtil-H9igoNVm.mjs";
 import { A as d } from "./AccountApi-WEM2M9tg.mjs";
 import { d as p } from "./Accounts-DX3xJE97.mjs";
 import { A as s, d as u } from "./Account-CMjOp7S2.mjs";

package/dist/BeatStore-C7-PIhpB.mjs

@@ -0,0 +1,163 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import d from "react";
+import { observer as y } from "mobx-react-lite";
+import { Stack as l, Box as x, Button as b, useTheme as B } from "@mui/material";
+import { Icon as v, Text as _ } from "@mxenabled/mxui";
+import { G as w } from "./hooks-RzCoiTd0.mjs";
+import { makeAutoObservable as C, runInAction as k } from "mobx";
+import { B as m } from "./BeatApi-C6pBa0Rb.mjs";
+const p = d.forwardRef(
+  (t, e) => {
+    const s = B();
+    return /* @__PURE__ */ n(
+      "svg",
+      {
+        fill: "none",
+        height: "60",
+        ref: e,
+        viewBox: "0 0 72 60",
+        width: "72",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...t,
+        children: /* @__PURE__ */ n(
+          "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: s.palette.primary[100] ?? "#DFE8FD"
+          }
+        )
+      }
+    );
+  }
+);
+p.displayName = "BlobSVG";
+const I = ({
+  heading: t,
+  message: e,
+  iconName: s = "error",
+  buttonText: i,
+  onClick: a
+}) => {
+  const r = d.useContext(w)?.globalStore.copyStore.copy.common, u = t ?? (r?.error_heading ? `${r.error_heading}!` : "Oops!"), h = e ?? r?.error_message ?? "Something went wrong. Please try again.", g = i ?? r?.refresh_button ?? "Refresh";
+  return /* @__PURE__ */ n(l, { alignItems: "center", justifyContent: "center", style: { height: "100dvh" }, children: /* @__PURE__ */ c(
+    l,
+    {
+      sx: {
+        display: "flex",
+        padding: "48px 16px",
+        flexDirection: "column",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ c(
+          l,
+          {
+            sx: {
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ n(
+                x,
+                {
+                  sx: {
+                    position: "absolute",
+                    zIndex: 0
+                  },
+                  children: /* @__PURE__ */ n(p, {})
+                }
+              ),
+              /* @__PURE__ */ n(v, { color: "primary", name: s, size: 48, sx: { zIndex: 1 } })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(_, { bold: !0, color: "text.primary", mt: "24px", variant: "h2", children: u }),
+        /* @__PURE__ */ n(_, { color: "text.secondary", variant: "subtitle1", children: h }),
+        a && /* @__PURE__ */ n(b, { color: "primary", onClick: () => {
+          a?.();
+        }, sx: { mt: 48 }, variant: "contained", children: g })
+      ]
+    }
+  ) });
+}, R = y(I);
+function O(t, e, s, i = "asc") {
+  const a = i === "desc" ? -1 : 1;
+  return [...t, ...e].sort((o, r) => o[s] < r[s] ? -1 * a : o[s] > r[s] ? 1 * a : 0);
+}
+const T = (t) => ({
+  ...t,
+  //fields that are offer specific, adding here for visibility
+  image_url: t.image_url,
+  guid: t.guid,
+  created_at: t.created_at,
+  dismissed_at: t.dismissed_at,
+  active_at: t.campaign_activated_at,
+  displayed_at: t.has_been_viewed,
+  post_message_secondary: t.pulse_post_message_secondary,
+  //offer fields mapped to beat fields for functionality
+  title: t.pulse_title || t.campaign_name,
+  html_title: t.pulse_title || t.campaign_name,
+  short_title: t.pulse_title || t.campaign_name,
+  html_short_title: t.pulse_title || t.campaign_name,
+  micro_title: t.pulse_title || t.campaign_name,
+  html_micro_title: t.pulse_title || t.campaign_name,
+  supporting_action: t.pulse_call_to_action_text_secondary,
+  description: t.pulse_body,
+  html_description: t.pulse_body,
+  micro_description: t.pulse_body,
+  html_micro_description: t.pulse_body,
+  call_to_action: t.pulse_call_to_action_text,
+  html_micro_call_to_action: t.pulse_call_to_action_text,
+  micro_call_to_action: t.pulse_call_to_action_text,
+  is_dismissed: t.has_been_dismissed,
+  icon_type: 5,
+  template: "MarketingOffer",
+  //beat fields we null out
+  account_guids: [],
+  data_series: {},
+  has_been_displayed: !1,
+  is_obsolete: !1,
+  is_refreshable: !1,
+  is_sampled: !1,
+  merchant_guids: [],
+  payload: {},
+  pulse_campaign_name: t.campaign_name,
+  scheduled_payment_guids: [],
+  transaction_guids: [],
+  user_guid: "",
+  user_verification: 0
+});
+class M {
+  globalStore;
+  api = new m("/", "");
+  beats = [];
+  isLoading = !1;
+  constructor(e) {
+    this.globalStore = e, this.api = new m(e.endpoint, e.sessionToken, e.onError), C(this);
+  }
+  loadBeats = async () => {
+    this.isLoading = !0;
+    const e = await this.api.getBeats(), i = (await this.api.getOffers()).map((a) => T(a));
+    k(() => {
+      this.beats = O(e, i, "active_at", "desc"), this.isLoading = !1;
+    });
+  };
+  getFilteredBeats(e) {
+    const { categoryGuids: s, templates: i } = e;
+    let a = this.beats;
+    return s && (a = this.filterBeatsByCategory(a, s)), i && (a = this.filterBeatsByTemplate(a, i)), a;
+  }
+  // Return beats with any beat.category_guids that are in categoryGuids
+  filterBeatsByCategory(e, s) {
+    return e.filter((i) => i.category_guids?.some((a) => s.includes(a)));
+  }
+  // Return beats with a beat.template that is in templates
+  filterBeatsByTemplate(e, s) {
+    return e.filter((i) => s.some((a) => i.template === a));
+  }
+}
+export {
+  M as B,
+  R as E,
+  p as a
+};

package/dist/{BudgetUtil-DalEN9--.mjs → BudgetUtil-H9igoNVm.mjs}

@@ -28,7 +28,7 @@ import gt from "@mui/material/InputAdornment";
 import T from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
 import { u as pt } from "./useScreenSize-CeFhWTt_.mjs";
-import { m as ht } from "./hooks-HwStH7q_.mjs";
+import { m as ht } from "./hooks-RzCoiTd0.mjs";
 import { b as $ } from "./Category-Ccoew_sA.mjs";
 import { b as j } from "./Localization-CkQ49EKr.mjs";
 import { f as O } from "./NumberFormatting-CyrvFgfd.mjs";

package/dist/{CategorySelectorDrawer-DjeHNx71.mjs → CategorySelectorDrawer-hhDdSFHO.mjs}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import { observer as E } from "mobx-react-lite";
 import p from "react";
 import $ from "@mui/material/Stack";
-import { G as K, l as f, u as S, g as A, b as B } from "./hooks-HwStH7q_.mjs";
+import { G as K, l as f, u as S, g as A, b as B } from "./hooks-RzCoiTd0.mjs";
 import U from "@mui/material/List";
 import V from "@mui/material/Paper";
 import Y from "@mui/material/Divider";

package/dist/{Connect-BRLh-69J.mjs → Connect-CBBTL1HJ.mjs}

@@ -5,7 +5,7 @@ import s from "@mui/material/CircularProgress";
 import m from "@mui/material/Stack";
 import { Text as a } from "@mxenabled/mxui";
 import { M as t } from "./Accounts-CseLC3lL.mjs";
-import { u as p } from "./hooks-HwStH7q_.mjs";
+import { u as p } from "./hooks-RzCoiTd0.mjs";
 const l = ({ status: r = t.Loading }) => {
   const { connect: n } = p();
   return /* @__PURE__ */ o(

package/dist/{ConnectDrawer-5BpU4IQU.mjs → ConnectDrawer-DNnuF80E.mjs}

@@ -3,9 +3,9 @@ import s from "react";
 import { observer as _ } from "mobx-react-lite";
 import g from "@mui/material/styles/useTheme";
 import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
-import { b as a, a as c } from "./Connect-BRLh-69J.mjs";
+import { b as a, a as c } from "./Connect-CBBTL1HJ.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-HwStH7q_.mjs";
+import { d as D, e as L, u as w } from "./hooks-RzCoiTd0.mjs";
 import { D as y } from "./Drawer-XPaLYjiO.mjs";
 const I = ({
   loadWidgetProps: l,

package/dist/{ConnectionsDrawer-DxpSlJN7.mjs → ConnectionsDrawer-DX6d7uwJ.mjs}

@@ -3,9 +3,9 @@ import s from "react";
 import { observer as E } from "mobx-react-lite";
 import { useTheme as _ } from "@mui/material/styles";
 import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
-import { C as a, a as c } from "./Connect-BRLh-69J.mjs";
+import { C as a, a as c } from "./Connect-CBBTL1HJ.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-HwStH7q_.mjs";
+import { d as D, e as L, u as w } from "./hooks-RzCoiTd0.mjs";
 import { D as x } from "./Drawer-XPaLYjiO.mjs";
 const I = ({
   onClose: l,

package/dist/{CurrencyInput-CSJ3zMgE.mjs → CurrencyInput-BMbUVSvz.mjs}

@@ -4,7 +4,7 @@ import { css as k } from "@mxenabled/cssinjs";
 import { v4 as q } from "uuid";
 import { TextField as B, P as _ } from "@mxenabled/mxui";
 import { g as L, C as O, f as y, M as C } from "./NumberFormatting-CyrvFgfd.mjs";
-import { u as W } from "./hooks-HwStH7q_.mjs";
+import { u as W } from "./hooks-RzCoiTd0.mjs";
 import { b } from "./Localization-CkQ49EKr.mjs";
 import { g } from "./Localization-C_HZg9tJ.mjs";
 const K = ({

package/dist/{Donut-D7ekbgf5.mjs → Donut-SzzfZDHF.mjs}

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import A from "react";
-import { selectAll as b, interpolateString as x, arc as I } from "d3";
+import R from "react";
+import { selectAll as b, interpolateString as m, arc as x } from "d3";
 import u from "@mui/material/Box";
-import { useTheme as S, darken as m, lighten as E } from "@mui/material/styles";
+import { useTheme as I, darken as S, lighten as E } from "@mui/material/styles";
 const _ = 100, v = 140, B = 10, K = ({
   data: h,
   hoveredId: p,
@@ -13,7 +13,7 @@ const _ = 100, v = 140, B = 10, K = ({
   size: t = 300,
   children: f
 }) => {
-  const c = S();
+  const c = I();
   let r = 0;
   const g = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
@@ -22,15 +22,15 @@ const _ = 100, v = 140, B = 10, K = ({
   }, k = (o) => {
     s?.(o);
   };
-  return A.useEffect(() => {
-    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => x("rotate(0)", "rotate(360)"));
+  return R.useEffect(() => {
+    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => m("rotate(0)", "rotate(360)"));
   }, []), /* @__PURE__ */ d(u, { height: t, position: "relative", width: t, children: [
     /* @__PURE__ */ e(u, { height: "100%", width: "100%", children: f }),
     /* @__PURE__ */ d(
       "svg",
       {
         height: t,
-        style: { position: "absolute", top: 0, left: 0 },
+        style: { position: "absolute", top: 0, left: 0, touchAction: "manipulation" },
         viewBox: "-150 -150 300 300",
         width: t,
         children: [
@@ -45,7 +45,7 @@ const _ = 100, v = 140, B = 10, K = ({
           /* @__PURE__ */ e("g", { children: h.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const w = r, D = I().cornerRadius(4)({
+            const w = r, A = x().cornerRadius(4)({
               innerRadius: _,
               outerRadius: v + (o.id === i || o.id === p ? B : 0),
               startAngle: n,
@@ -58,16 +58,16 @@ const _ = 100, v = 140, B = 10, K = ({
                 "aria-label": o.label || `Segment ${o.id}`,
                 "aria-pressed": o.id === i,
                 className: "arc-outer",
-                d: D,
+                d: A,
                 fill: o.color,
                 onBlur: () => k(o.id),
                 onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
-                onKeyDown: (R) => g(R, o.id),
+                onKeyDown: (D) => g(D, o.id),
                 onMouseEnter: () => l?.(o.id),
                 onMouseLeave: () => s?.(o.id),
                 role: "button",
-                stroke: c.palette.mode === "light" ? m(o.color, 0.3) : E(o.color, 0.3),
+                stroke: c.palette.mode === "light" ? S(o.color, 0.3) : E(o.color, 0.3),
                 strokeWidth: 2,
                 style: {
                   cursor: "pointer",

package/dist/{EmbeddedCard-BqVpA1Jn.mjs → EmbeddedCard-B9JoBaan.mjs}

@@ -5,12 +5,12 @@ import Y from "@mui/material/Button";
 import c from "@mui/material/Stack";
 import { Icon as M, P as N, H3 as P, Text as x, MerchantLogo as tt, H2 as et } from "@mxenabled/mxui";
 import { Receipt as rt, Icon as nt } from "@mxenabled/mx-icons";
-import { L as it, O as ot, e as at } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
+import { L as it, O as ot, e as at } from "./exportTransactionsToCSV-CSvbZrvL.mjs";
 import { observer as H } from "mobx-react-lite";
 import { useVirtualizer as st } from "@tanstack/react-virtual";
 import lt from "@mui/material/Divider";
 import ct from "@mui/material/List";
-import { G as dt, h as z, u as O, g as ht, b as ut } from "./hooks-HwStH7q_.mjs";
+import { G as dt, h as z, u as O, g as ht, b as ut } from "./hooks-RzCoiTd0.mjs";
 import mt from "@mui/material/ListItemAvatar";
 import pt from "@mui/material/ListItemText";
 import { useTheme as W } from "@mui/material/styles";

package/dist/{ExportCsvAction-BPjdEUXx.mjs → ExportCsvAction-BDFu6YIe.mjs}

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { O as p, e as m } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
-import { g as x, h as _, u as C } from "./hooks-HwStH7q_.mjs";
+import { O as p, e as m } from "./exportTransactionsToCSV-CSvbZrvL.mjs";
+import { g as x, h as _, u as C } from "./hooks-RzCoiTd0.mjs";
 import { R as l } from "./ResponsiveButton-BNsV08Ud.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = x(), { tags: e, sortedTransactions: s } = _(), { transactions: n } = C(), a = () => {

package/dist/{GlobalAccountFilter-CZbiDwBH.mjs → GlobalAccountFilter-jkFxqPg6.mjs}

@@ -15,7 +15,7 @@ import y from "@mui/material/ListItem";
 import _ from "@mui/material/ListItemButton";
 import H from "@mui/material/ListItemIcon";
 import v from "@mui/material/ListItemText";
-import { b as M, u as z, d as L } from "./hooks-HwStH7q_.mjs";
+import { b as M, u as z, d as L } from "./hooks-RzCoiTd0.mjs";
 const N = I(
   ({ allowedAccountTypes: a }) => {
     const { accountFilterMap: s, updateAccountFilterMap: u } = M(), { accounts: g, common: x } = z(), { account_filter: c } = x, { accountsByTypeMap: n } = L(), k = B.useMemo(

package/dist/{GoalStore-DmqM1ZfW.mjs → GoalStore-BBAEbf43.mjs}

@@ -7,7 +7,7 @@ import E from "@mui/material/CardHeader";
 import b from "@mui/material/Stack";
 import { AccountBalance as x, ChevronRight as v } from "@mxenabled/mx-icons";
 import { Text as p } from "@mxenabled/mxui";
-import { C as I } from "./ConnectDrawer-5BpU4IQU.mjs";
+import { C as I } from "./ConnectDrawer-DNnuF80E.mjs";
 import { makeAutoObservable as S, runInAction as h } from "mobx";
 import { T as i, M as l, G as _ } from "./Goal-MFBpoOIC.mjs";
 import { fromUnixTime as f } from "date-fns/fromUnixTime";

package/dist/{Help-BFlcaOO_.mjs → Help-C_CM4gpK.mjs}

@@ -12,7 +12,7 @@ import et from "@mui/material/ListItemButton";
 import C from "@mui/material/Stack";
 import { H3 as it, P as U, Icon as Y, Text as E, H2 as at, InstitutionLogo as ft } from "@mxenabled/mxui";
 import { ExpandMore as ct, ChevronRight as St } from "@mxenabled/mx-icons";
-import { g as V, u as K, A as nt, d as It, b as Tt, o as Et, a as Ct } from "./hooks-HwStH7q_.mjs";
+import { g as V, u as K, A as nt, d as It, b as Tt, o as Et, a as Ct } from "./hooks-RzCoiTd0.mjs";
 import { A as k } from "./Analytics-CzGzz_sE.mjs";
 import At from "@mui/material/Breadcrumbs";
 import { useTheme as Q } from "@mui/material/styles";

package/dist/{LineChart-jJVBE8V8.mjs → LineChart-CeZnCZ7j.mjs}

@@ -13,7 +13,7 @@ import { f as L, c as O } from "./NumberFormatting-CyrvFgfd.mjs";
 import { observer as Dt } from "mobx-react-lite";
 import z from "@mui/material/Stack";
 import { Text as d } from "@mxenabled/mxui";
-import { u as Tt } from "./hooks-HwStH7q_.mjs";
+import { u as Tt } from "./hooks-RzCoiTd0.mjs";
 import Rt from "@mui/material/useMediaQuery";
 import { Stack as M, Box as $t } from "@mui/material";
 const B = {

package/dist/{ListItemAction-Buv7tPLp.mjs → ListItemAction-CNpknVvo.mjs}

@@ -7,7 +7,7 @@ import I from "@mui/material/ListItemText";
 import L from "@mui/material/Stack";
 import { ChevronRight as _ } from "@mxenabled/mx-icons";
 import { Text as m } from "@mxenabled/mxui";
-import { u as g } from "./hooks-HwStH7q_.mjs";
+import { u as g } from "./hooks-RzCoiTd0.mjs";
 import { D as j } from "./Dialog-iLlBR8TG.mjs";
 const q = v(
   ({

package/dist/{ManageIncome-n1ueMTrW.mjs → ManageIncome-BX2IqW57.mjs}

@@ -17,15 +17,15 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-BqVpA1Jn.mjs";
-import { T as be } from "./TransactionDetails-Bpp1FDUI.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-B9JoBaan.mjs";
+import { T as be } from "./TransactionDetails-C_skrQk8.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
 import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as De } from "@mui/x-date-pickers";
 import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
-import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-HwStH7q_.mjs";
+import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-RzCoiTd0.mjs";
 import { F as l, b as L } from "./RepeatingTransaction-D2gmBTd0.mjs";
 import { b as Ee, f as te } from "./NumberFormatting-CyrvFgfd.mjs";
 import { D as N } from "./Drawer-XPaLYjiO.mjs";

package/dist/{MicroWidgetContainer-CEcwdfti.mjs → MicroWidgetContainer-DAesImQ6.mjs}

@@ -6,7 +6,7 @@ import g from "@mui/material/CardHeader";
 import { H3 as u, P as v } from "@mxenabled/mxui";
 import { ChevronRight as W } from "@mxenabled/mx-icons";
 import { u as w } from "./useDimensions-CeDR9V8N.mjs";
-import { W as H } from "./hooks-HwStH7q_.mjs";
+import { W as H } from "./hooks-RzCoiTd0.mjs";
 const D = ({
   children: i,
   className: o,

package/dist/{MiniWidgetContainer-CmTGSUL5.mjs → MiniWidgetContainer-BOv3n4iw.mjs}

@@ -1,6 +1,6 @@
-import { jsxs as i, jsx as r, Fragment as g } from "react/jsx-runtime";
-import b from "@mui/material/Box";
-import u from "@mui/material/Button";
+import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import b from "@mui/material/Button";
 import C from "@mui/material/Card";
 import v from "@mui/material/CardHeader";
 import z from "@mui/material/CardContent";
@@ -8,14 +8,14 @@ import H from "@mui/material/IconButton";
 import { Icon as I, ChevronRight as W } from "@mxenabled/mx-icons";
 import { H3 as y, Text as B, P as j } from "@mxenabled/mxui";
 import { u as w } from "./useDimensions-CeDR9V8N.mjs";
-import { W as M } from "./hooks-HwStH7q_.mjs";
+import { W as M } from "./hooks-RzCoiTd0.mjs";
 const J = ({
   children: a,
   className: m = "mx-cmn-mini-widget",
   closeLabel: l,
   contentStyles: d,
-  onClose: e,
-  onPrimaryCtaClick: o,
+  onClose: o,
+  onPrimaryCtaClick: e,
   primaryCtaLabel: s = "",
   primaryCtaLabelAria: c = "",
   subTitle: t = "",
@@ -23,14 +23,14 @@ const J = ({
   title: n = ""
 }) => {
   const [h, { height: f, width: x }] = w();
-  return /* @__PURE__ */ i(C, { className: m, sx: { ...p }, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(C, { className: m, sx: { touchAction: "manipulation", ...p }, children: [
+    /* @__PURE__ */ i(
       v,
       {
         sx: { pb: 8 },
-        title: /* @__PURE__ */ i(g, { children: [
-          /* @__PURE__ */ i(
-            b,
+        title: /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ r(
+            u,
             {
               sx: {
                 alignItems: "center",
@@ -40,25 +40,25 @@ const J = ({
                 pb: 4
               },
               children: [
-                n && /* @__PURE__ */ r(y, { children: n }),
-                e ? /* @__PURE__ */ r(H, { "aria-label": l, onClick: e, size: "small", children: /* @__PURE__ */ r(I, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(
-                  u,
+                n && /* @__PURE__ */ i(y, { children: n }),
+                o ? /* @__PURE__ */ i(H, { "aria-label": l, onClick: o, size: "small", children: /* @__PURE__ */ i(I, { name: "close", size: 24 }) }) : e && /* @__PURE__ */ i(
+                  b,
                   {
                     "aria-label": c,
-                    endIcon: /* @__PURE__ */ r(W, {}),
-                    onClick: o,
+                    endIcon: /* @__PURE__ */ i(W, {}),
+                    onClick: e,
                     size: "small",
-                    children: /* @__PURE__ */ r(B, { bold: !0, variant: "body2", children: s })
+                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "body2", children: s })
                   }
                 )
               ]
             }
           ),
-          t && /* @__PURE__ */ r(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
+          t && /* @__PURE__ */ i(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
         ] })
       }
     ),
-    /* @__PURE__ */ r(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ r(M, { availableHeight: f, availableWidth: x, children: a }) })
+    /* @__PURE__ */ i(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(M, { availableHeight: f, availableWidth: x, children: a }) })
   ] });
 };
 export {

package/dist/{NotificationSettings-DOgnTxzv.mjs → NotificationSettings-DatCL2Ej.mjs}

@@ -14,13 +14,13 @@ import { startOfMonth as oe } from "date-fns/startOfMonth";
 import { DateCalendar as se } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDateFns as ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { u as k, r as T, o as A, d as J, g as le, a as q, b as re } from "./hooks-HwStH7q_.mjs";
+import { u as k, r as T, o as A, d as J, g as le, a as q, b as re } from "./hooks-RzCoiTd0.mjs";
 import { A as de, N as b } from "./Notification-DTNYSd8P.mjs";
 import { b as me } from "./Localization-CkQ49EKr.mjs";
 import { b as he, f as ue } from "./NumberFormatting-CyrvFgfd.mjs";
 import { T as R, a as D } from "./ToggleListItem-BLu_fWA2.mjs";
 import { D as B } from "./Dialog-iLlBR8TG.mjs";
-import { C as _e } from "./CurrencyInput-CSJ3zMgE.mjs";
+import { C as _e } from "./CurrencyInput-BMbUVSvz.mjs";
 import { u as pe } from "./useScreenSize-CeFhWTt_.mjs";
 import { D as K } from "./Drawer-XPaLYjiO.mjs";
 import fe from "@mui/material/Collapse";
@@ -31,8 +31,8 @@ import j from "@mui/material/Button";
 import U from "@mui/material/TextField";
 import { u as be } from "./useDimensions-CeDR9V8N.mjs";
 import Q from "@mui/material/styles/useTheme";
-import { u as xe } from "./useInsightsEnabled-DzvRm5Bo.mjs";
-import { u as Ce } from "./useWidgetLoadTimer-wkBTL5xx.mjs";
+import { u as xe } from "./useInsightsEnabled-CzJoG8xi.mjs";
+import { u as Ce } from "./useWidgetLoadTimer-BZjr-BiE.mjs";
 import { L as ve } from "./Loader-CxeBwuPG.mjs";
 const Te = C(() => {
   const { common: n, settings: t } = k(), { sendEmailVerification: s } = T(), { user: l } = A(), i = Q(), [r, a] = p.useState(!1), o = () => {

package/dist/{OriginalBalanceAction-6XAwp1UT.mjs → OriginalBalanceAction-CWQ0CK-T.mjs}

@@ -2,10 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import _ from "react";
 import { observer as p } from "mobx-react-lite";
 import v from "@mui/material/TextField";
-import { u as y, k as h } from "./hooks-HwStH7q_.mjs";
-import { L as b } from "./ListItemAction-Buv7tPLp.mjs";
+import { u as y, k as h } from "./hooks-RzCoiTd0.mjs";
+import { L as b } from "./ListItemAction-CNpknVvo.mjs";
 import { a as T, f as S } from "./NumberFormatting-CyrvFgfd.mjs";
-import { C as f } from "./CurrencyInput-CSJ3zMgE.mjs";
+import { C as f } from "./CurrencyInput-BMbUVSvz.mjs";
 const F = p(({ goal: e }) => {
   const { goals: n } = y(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = h(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const a = { ...e, interest_rate: t };

package/dist/{RecurringSettings-DxsDZAp1.mjs → RecurringSettings-DCplGEv_.mjs}

@@ -7,8 +7,8 @@ import x from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import R from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-n1ueMTrW.mjs";
-import { u as _, i as A, g as f } from "./hooks-HwStH7q_.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-BX2IqW57.mjs";
+import { u as _, i as A, g as f } from "./hooks-RzCoiTd0.mjs";
 import { b as y, F as N } from "./RepeatingTransaction-D2gmBTd0.mjs";
 import { A as m } from "./Analytics-CzGzz_sE.mjs";
 const I = h(() => {