@mx-cartographer/experiences 6.0.19 → 6.0.20-alpha.sms1

package/dist/index.es.js

@@ -3717,7 +3717,7 @@ const Qr = "connect_widget", qr = "connections_widget", Ad = ({
     },
     children: [
       /* @__PURE__ */ e(vn, { name: i, size: 54, sx: { color: A } }),
-      /* @__PURE__ */ e(vt, { color: "text.primary", children: t }),
+      /* @__PURE__ */ e(vt, { color: "text.primary", sx: { textWrap: "wrap", textAlign: "center" }, children: t }),
       /* @__PURE__ */ e(
         R,
         {
@@ -20636,23 +20636,23 @@ const ZR = ({
   onConnectAccountsClick: A,
   createBudgetOnClick: t
 }) => {
-  const { recalculateBudgets: i } = ee(), { isMobile: n } = HA(), { 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 i(l);
-    f(!1), H ? (u.length === 0 && s(!0), E(!1)) : E(!0);
+  const { recalculateBudgets: i } = ee(), { 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);
   };
-  return d ? /* @__PURE__ */ e(IA, {}) : c ? /* @__PURE__ */ e(
+  return E ? /* @__PURE__ */ e(IA, {}) : s ? /* @__PURE__ */ e(
     $t,
     {
-      header: o.autogenerate_budgets_error_header,
+      header: r.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (u) => {
-        u === "primary" ? v() : t();
+      onClick: (v) => {
+        v === "primary" ? l() : t();
       },
-      primaryButton: o.autogenerate_budgets_error_primary_button,
+      primaryButton: r.autogenerate_budgets_error_primary_button,
       secondaryButton: "Create My Own Budgets",
-      subText: o.autogenerate_budgets_error_subheader,
+      subText: r.autogenerate_budgets_error_subheader,
       sx: {
         width: { sm: 468 },
         ".buttons-footer": {
@@ -20660,38 +20660,48 @@ const ZR = ({
         }
       }
     }
-  ) : /* @__PURE__ */ e(AA, { children: a ? /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(AA, { children: o ? /* @__PURE__ */ e(
     $t,
     {
-      header: o.zero_state_generate_budgets_header,
+      header: r.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (u) => {
-        u === "primary" ? A() : t();
+      onClick: (v) => {
+        v === "primary" ? A() : t();
       },
-      primaryButton: o.zero_state_generate_budgets_primary_button,
-      secondaryButton: o.zero_state_generate_budgets_secondary_button,
-      subText: o.zero_state_generate_budgets_subheader,
+      primaryButton: r.zero_state_generate_budgets_primary_button,
+      secondaryButton: r.zero_state_generate_budgets_secondary_button,
+      subText: r.zero_state_generate_budgets_subheader,
       sx: {
-        width: n ? 320 : 500,
-        mt: 86
+        width: { sm: 500 },
+        height: { sm: 468 },
+        mt: 50,
+        ".buttons-footer": {
+          width: 208,
+          height: 100
+        }
       }
     }
   ) : /* @__PURE__ */ e(
     $t,
     {
-      header: o.create_budgets_title,
+      header: r.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
-      onClick: (u) => {
-        u === "primary" ? v() : t();
+      onClick: (v) => {
+        v === "primary" ? l() : t();
       },
-      primaryButton: o.empty_state_primary_button,
-      secondaryButton: o.empty_state_secondary_button,
-      subText: o.empty_state_subheader,
+      primaryButton: r.empty_state_primary_button,
+      secondaryButton: r.empty_state_secondary_button,
+      subText: r.empty_state_subheader,
       sx: {
-        width: n ? 320 : 432,
-        mt: 86
+        width: { sm: 432 },
+        height: { sm: 468 },
+        mt: 50,
+        ".buttons-footer": {
+          width: 208,
+          height: 100
+        }
       }
     }
   ) });
@@ -21888,6 +21898,9 @@ const di = h.createContext(null), w3 = ({
               "& .MuiCardHeader-avatar": {
                 color: l.iconColor,
                 mr: "8px"
+              },
+              "&.Mui-focusVisible": {
+                boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
               }
             },
             variant: u,
@@ -23091,8 +23104,8 @@ const di = h.createContext(null), w3 = ({
     gap: 8,
     height: A && "100%",
     maxWidth: t ? "calc(100% - 32px)" : "100%",
-    overflowX: "auto",
-    overflowY: "hidden",
+    overflowX: "visible",
+    overflowY: "visible",
     scrollbarWidth: "none",
     "-ms-overflow-style": "none",
     "-webkit-overflow-scrolling": "touch",