@mx-cartographer/experiences 6.0.20 → 6.0.21

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [6.0.21] - 05-14-2025
+
+- **UPDATED** - Hide create button in `BudwgetsMiniWidget`
+
 ## [6.0.20] - 05-14-2025
 
 - **ADDED** - `getClientTheme` util from MD into for easier theme testing

package/dist/budgets/components/BubbleBudgets.d.ts

@@ -3,6 +3,7 @@ interface BubbleBudgetsProps {
     createBudgetOnClick?: () => void;
     height: number;
     isDraggable?: boolean;
+    isMiniWidget?: boolean;
     shouldShowZeroState: boolean;
     unavailableWidth?: number;
 }

package/dist/budgets/components/BudgetsEmptyState.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 interface BudgetsEmptyStateProps {
+    isMiniWidget?: boolean;
     onConnectAccountsClick: () => void;
     createBudgetOnClick: () => void;
 }

package/dist/index.es.js

@@ -20813,26 +20813,27 @@ const A3 = ({
     kR(Wt, A, t), i && WR(Wt);
   }, [Wt, A, t]), /* @__PURE__ */ e("svg", { height: A, style: { overflow: "visible" }, width: Math.abs(t), children: Wt.nodes().map((o) => /* @__PURE__ */ e($R, { bubble: o, isDraggable: i, onClick: n }, o.guid)) });
 }, e3 = g(A3), t3 = ({
-  onConnectAccountsClick: A,
-  createBudgetOnClick: t
+  isMiniWidget: A = !1,
+  onConnectAccountsClick: t,
+  createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: i } = te(), { spendCategories: n } = QA(), { budgets: r } = p(), [o, a] = h.useState(!1), [s, c] = h.useState(!1), [E, d] = h.useState(!1), f = h.useMemo(() => [...n.filter((v) => v.totalAverageAmount > 0)], [n]), l = async () => {
-    d(!0);
-    const { data: v, isSuccess: u } = await i(f);
-    d(!1), u ? (v.length === 0 && a(!0), c(!1)) : c(!0);
+  const { recalculateBudgets: n } = te(), { spendCategories: r } = QA(), { budgets: o } = p(), [a, s] = h.useState(!1), [c, E] = h.useState(!1), [d, f] = h.useState(!1), l = h.useMemo(() => [...r.filter((u) => u.totalAverageAmount > 0)], [r]), v = async () => {
+    f(!0);
+    const { data: u, isSuccess: H } = await n(l);
+    f(!1), H ? (u.length === 0 && s(!0), E(!1)) : E(!0);
   };
-  return E ? /* @__PURE__ */ e(IA, {}) : s ? /* @__PURE__ */ e(
+  return d ? /* @__PURE__ */ e(IA, {}) : c ? /* @__PURE__ */ e(
     Ai,
     {
-      header: r.autogenerate_budgets_error_header,
+      header: o.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (v) => {
-        v === "primary" ? l() : t();
+      onClick: (u) => {
+        u === "primary" ? v() : i();
       },
-      primaryButton: r.autogenerate_budgets_error_primary_button,
+      primaryButton: o.autogenerate_budgets_error_primary_button,
       secondaryButton: "Create My Own Budgets",
-      subText: r.autogenerate_budgets_error_subheader,
+      subText: o.autogenerate_budgets_error_subheader,
       sx: {
         width: { sm: 468 },
         ".buttons-footer": {
@@ -20840,18 +20841,18 @@ const A3 = ({
         }
       }
     }
-  ) : /* @__PURE__ */ e(AA, { children: o ? /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(AA, { children: a ? /* @__PURE__ */ e(
     Ai,
     {
-      header: r.zero_state_generate_budgets_header,
+      header: o.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (v) => {
-        v === "primary" ? A() : t();
+      onClick: (u) => {
+        u === "primary" ? t() : i();
       },
-      primaryButton: r.zero_state_generate_budgets_primary_button,
-      secondaryButton: r.zero_state_generate_budgets_secondary_button,
-      subText: r.zero_state_generate_budgets_subheader,
+      primaryButton: o.zero_state_generate_budgets_primary_button,
+      secondaryButton: o.zero_state_generate_budgets_secondary_button,
+      subText: o.zero_state_generate_budgets_subheader,
       sx: {
         width: { sm: 500 },
         height: { sm: 468 },
@@ -20865,15 +20866,15 @@ const A3 = ({
   ) : /* @__PURE__ */ e(
     Ai,
     {
-      header: r.create_budgets_title,
+      header: o.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
-      onClick: (v) => {
-        v === "primary" ? l() : t();
+      onClick: (u) => {
+        u === "primary" ? v() : i();
       },
-      primaryButton: r.empty_state_primary_button,
-      secondaryButton: r.empty_state_secondary_button,
-      subText: r.empty_state_subheader,
+      primaryButton: o.empty_state_primary_button,
+      secondaryButton: A ? void 0 : o.empty_state_secondary_button,
+      subText: o.empty_state_subheader,
       sx: {
         width: { sm: 432 },
         height: { sm: 468 },
@@ -20891,39 +20892,41 @@ const A3 = ({
     },
     height: t,
     isDraggable: i = !1,
-    shouldShowZeroState: n,
-    unavailableWidth: r = 24
+    isMiniWidget: n = !1,
+    shouldShowZeroState: r,
+    unavailableWidth: o = 24
   }) => {
-    const { onEvent: o } = J(), { setSelectedBudget: a } = te(), { isLoadingCategoryTotals: s } = QA(), { isInitialized: c } = cA(), { accounts: E } = p(), { availableWidth: d } = wt(), { isMobile: f } = HA(), [l, v] = h.useState(!1), u = h.useMemo(() => d - r, [d]), H = (C) => {
-      a(C), o(Y.BUDGETS_CLICK_BUDGET_CATEGORY, {
-        budget_category: C.category.name,
+    const { onEvent: a } = J(), { setSelectedBudget: s } = te(), { isLoadingCategoryTotals: c } = QA(), { isInitialized: E } = cA(), { accounts: d } = p(), { availableWidth: f } = wt(), { isMobile: l } = HA(), [v, u] = h.useState(!1), H = h.useMemo(() => f - o, [f]), P = (y) => {
+      s(y), a(Y.BUDGETS_CLICK_BUDGET_CATEGORY, {
+        budget_category: y.category.name,
         click_type: "bubble"
       });
-    }, P = () => {
-      v(!0), o(Y.ACCOUNTS_CLICK_CONNECT);
+    }, C = () => {
+      u(!0), a(Y.ACCOUNTS_CLICK_CONNECT);
     };
-    return s ? /* @__PURE__ */ e(b, { alignItems: "center", height: t, justifyContent: "center", width: Math.abs(u), children: /* @__PURE__ */ e(IA, {}) }) : /* @__PURE__ */ I(L, { ml: n || f ? 0 : 24, sx: { alignSelf: "center" }, children: [
-      n || !c ? /* @__PURE__ */ e(
+    return c ? /* @__PURE__ */ e(b, { alignItems: "center", height: t, justifyContent: "center", width: Math.abs(H), children: /* @__PURE__ */ e(IA, {}) }) : /* @__PURE__ */ I(L, { ml: r || l ? 0 : 24, sx: { alignSelf: "center" }, children: [
+      r || !E ? /* @__PURE__ */ e(
         t3,
         {
           createBudgetOnClick: A,
-          onConnectAccountsClick: P
+          isMiniWidget: n,
+          onConnectAccountsClick: C
         }
       ) : /* @__PURE__ */ e(
         e3,
         {
           height: t,
           isDraggable: i,
-          onClick: H,
-          width: u
+          onClick: P,
+          width: H
         }
       ),
       /* @__PURE__ */ e(
         or,
         {
-          onClose: () => v(!1),
-          showConnectionsWidget: l,
-          title: E.manage_connections
+          onClose: () => u(!1),
+          showConnectionsWidget: v,
+          title: d.manage_connections
         }
       )
     ] });
@@ -20943,7 +20946,14 @@ const A3 = ({
       title: s.budgets_title,
       ...A,
       children: r ? /* @__PURE__ */ I(b, { height: 450, mt: 32, children: [
-        /* @__PURE__ */ e($a, { height: 370, shouldShowZeroState: l }),
+        /* @__PURE__ */ e(
+          $a,
+          {
+            height: 370,
+            isMiniWidget: !0,
+            shouldShowZeroState: l
+          }
+        ),
         !l && /* @__PURE__ */ I(L, { ml: 16, children: [
           /* @__PURE__ */ e(R, { bold: !0, color: f < 0 ? "error.main" : "success.main", children: N(Math.abs(f), "0,0") }),
           /* @__PURE__ */ e(R, { children: f < 0 ? s.overspent_in_budgets : s.left_in_budgets })