@mx-cartographer/experiences 6.4.0-alpha.bb2 → 6.4.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 - **UPDATED** - All Card & Paper components to use the default MXUI border radius
 - **UPDATED** - Client Theme creation to set fonts for all font variants
 
+## [6.3.17] - 06-13-2025
+
+- **UPDATED** - `Connect an Account` in the filter opens the `Link Accounts` flow.
+
 ## [6.3.16] - 06-12-2025
 
 - **UPDATED** - Phone verification success toast logic.

package/dist/common/components/addaccounts/AddAccounts.d.ts

@@ -1,4 +1,7 @@
-declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+interface AddAccountsProps {
+    handleConnectClick: () => void;
+}
+declare const _default: (({ handleConnectClick }: AddAccountsProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/dist/index.es.js

@@ -1569,7 +1569,9 @@ const Iu = (e, n) => {
         onCancelClick: () => {
           m(Ua(e, o)), f();
         },
-        onConnectAccountClick: a,
+        onConnectAccountClick: () => {
+          f(), a();
+        },
         onFilterClick: () => {
           i(Object.keys(h).filter((y) => h[y])), f();
         },
@@ -22697,92 +22699,91 @@ const Zf = ({
       )
     }
   ) : null;
-}), p0 = () => {
-  const { common: e, connect: n } = I(), i = fn("(max-width: 700px)"), [a, o] = g.useState(!1), r = () => {
-    o(!0);
+}), p0 = ({ handleConnectClick: e }) => {
+  const { common: n } = I(), i = fn("(max-width: 700px)");
+  return /* @__PURE__ */ t(L, { my: 4, children: i ? /* @__PURE__ */ t(zn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
+    Ve,
+    {
+      "aria-controls": "add_accounts",
+      "aria-describedby": "add-accounts",
+      "aria-haspopup": !0,
+      "aria-label": n.add_accounts,
+      color: "primary",
+      onClick: e,
+      children: /* @__PURE__ */ t(H, { name: "add", size: 24 })
+    }
+  ) }) : /* @__PURE__ */ t(
+    Q,
+    {
+      "aria-controls": "add_accounts",
+      "aria-haspopup": !0,
+      "aria-label": n.add_accounts,
+      onClick: e,
+      startIcon: /* @__PURE__ */ t(H, { name: "add", size: 24 }),
+      sx: {
+        p: 12,
+        whiteSpace: "nowrap",
+        minWidth: "max-content"
+      },
+      variant: "text",
+      children: n.add_accounts
+    }
+  ) });
+}, C0 = A(p0), f0 = () => {
+  const [e, n] = g.useState(!1), { visibleAccounts: i } = we(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = _e(), { common: r, connect: s } = I(), { config: c } = Ui(), { isMobile: d } = be(), _ = {
+    accountFilterOptionsCopy: {
+      accountTypeAccounts: r.account_filter.account_type_accounts,
+      cancelButton: r.cancel_button,
+      filterButton: r.filter_button,
+      filterButtonAria: r.account_filter.filter_button_generic_aria,
+      selectAllAccounts: r.account_filter.select_all_accounts,
+      toggleAccountTypeAccounts: r.account_filter.toggle_account_type_accounts,
+      unselectAllAccounts: r.account_filter.unselect_all_accounts,
+      zeroStateButton: r.account_filter.zero_state_button,
+      zeroStateDescription: r.account_filter.zero_state_description,
+      zeroStateTitle: r.account_filter.zero_state_title
+    },
+    title: r.filter_button
+  }, u = () => {
+    const m = (/* @__PURE__ */ new Date()).getHours();
+    return m > 1 && m < 12 ? r.good_morning : m >= 12 && m < 18 ? r.good_afternoon : r.good_evening;
   };
   return /* @__PURE__ */ l(g.Fragment, { children: [
-    /* @__PURE__ */ t(L, { my: 4, children: i ? /* @__PURE__ */ t(zn, { id: "add-accounts", placement: "bottom", title: e.add_accounts, children: /* @__PURE__ */ t(
-      Ve,
-      {
-        "aria-controls": "add_accounts",
-        "aria-describedby": "add-accounts",
-        "aria-haspopup": !0,
-        "aria-label": e.add_accounts,
-        color: "primary",
-        onClick: r,
-        children: /* @__PURE__ */ t(H, { name: "add", size: 24 })
-      }
-    ) }) : /* @__PURE__ */ t(
-      Q,
-      {
-        "aria-controls": "add_accounts",
-        "aria-haspopup": !0,
-        "aria-label": e.add_accounts,
-        onClick: r,
-        startIcon: /* @__PURE__ */ t(H, { name: "add", size: 24 }),
-        sx: {
-          p: 12,
-          whiteSpace: "nowrap",
-          minWidth: "max-content"
-        },
-        variant: "text",
-        children: e.add_accounts
-      }
-    ) }),
-    a && /* @__PURE__ */ t(
+    /* @__PURE__ */ t(It, { sx: { gap: 12, mb: d ? 24 : 0, p: 24 }, children: /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ t(b, { direction: "row", spacing: 2, children: /* @__PURE__ */ l(b, { children: [
+        /* @__PURE__ */ t(Jt, { children: u() }),
+        /* @__PURE__ */ t(p, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
+      ] }) }),
+      /* @__PURE__ */ l(b, { flexDirection: "row", children: [
+        c.show_connections_widget_in_master && /* @__PURE__ */ t(C0, { handleConnectClick: () => n(!0) }),
+        /* @__PURE__ */ t(
+          tc,
+          {
+            accounts: i,
+            copy: _,
+            onConnectAccountClick: () => n(!0),
+            onFilterClick: (h) => {
+              o(h);
+            },
+            selectedAccountGuids: a,
+            showAccountNumbers: !1,
+            sx: {
+              maxWidth: "100%"
+            },
+            variant: "text"
+          }
+        )
+      ] })
+    ] }) }),
+    e && /* @__PURE__ */ t(
       ci,
       {
-        onClose: () => o(!1),
-        showConnectWidget: a,
-        title: n.mini_title
+        onClose: () => n(!1),
+        showConnectWidget: e,
+        title: s.mini_title
       }
     )
   ] });
-}, C0 = A(p0), f0 = () => {
-  const { visibleAccounts: e } = we(), { selectedAccountGuids: n, setSelectedAccountGuids: i } = _e(), { common: a } = I(), { config: o } = Ui(), { isMobile: r } = be(), s = {
-    accountFilterOptionsCopy: {
-      accountTypeAccounts: a.account_filter.account_type_accounts,
-      cancelButton: a.cancel_button,
-      filterButton: a.filter_button,
-      filterButtonAria: a.account_filter.filter_button_generic_aria,
-      selectAllAccounts: a.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: a.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: a.account_filter.unselect_all_accounts,
-      zeroStateButton: a.account_filter.zero_state_button,
-      zeroStateDescription: a.account_filter.zero_state_description,
-      zeroStateTitle: a.account_filter.zero_state_title
-    },
-    title: a.filter_button
-  };
-  return /* @__PURE__ */ t(It, { sx: { gap: 12, mb: r ? 24 : 0, p: 24 }, children: /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-    /* @__PURE__ */ t(b, { direction: "row", spacing: 2, children: /* @__PURE__ */ l(b, { children: [
-      /* @__PURE__ */ t(Jt, { children: (() => {
-        const _ = (/* @__PURE__ */ new Date()).getHours();
-        return _ > 1 && _ < 12 ? a.good_morning : _ >= 12 && _ < 18 ? a.good_afternoon : a.good_evening;
-      })() }),
-      /* @__PURE__ */ t(p, { color: "text.secondary", sx: { fontSize: 15 }, children: a.heres_your_spending_overview })
-    ] }) }),
-    /* @__PURE__ */ l(b, { flexDirection: "row", children: [
-      o.show_connections_widget_in_master && /* @__PURE__ */ t(C0, {}),
-      /* @__PURE__ */ t(
-        tc,
-        {
-          accounts: e,
-          copy: s,
-          onFilterClick: (d) => {
-            i(d);
-          },
-          selectedAccountGuids: n,
-          showAccountNumbers: !1,
-          sx: {
-            maxWidth: "100%"
-          },
-          variant: "text"
-        }
-      )
-    ] })
-  ] }) });
 }, y0 = A(f0);
 var ta = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(ta || {});
 const b0 = ({ widgets: e, isLoading: n }) => {