@mx-cartographer/experiences 9.6.0 → 9.6.2

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [9.6.2] - 10-12-2026
+
+- **CHANGED** - `AccountSwitchBlock` reads its per-variant props from a new `layout.ts` keyed by `instance_slot.variant` (`account_connect`, `account_connected`, `switch_direct_deposit`), so Switch Direct Deposit's pending state shares the block with Discovered Accounts. `account_connect` now renders the Figma blue slot gradient; unknown variants fall back to it (WEC-1891)
+- **REMOVED** - `is_connected` from the exported `AccountSwitchBlockData` type. The connect / connected state comes from `instance_slot.variant`, which ditto has sent since 1.0; no host read the flag (WEC-1891)
+- **CHANGED** - `TransactionBlock` reads header and slot treatment from a new `layout.ts` keyed by `instance_slot.variant`. Adds `uncategorized_transaction` (filled primary header), `subscription_detected` (blue slot wash) and `unexpected_subscription_payment` (warning slot wash) alongside `with_header` / `no_header`; unknown variants fall back to the plain row. Shared `getPrimaryWashGradient` and `WARNING_WASH_GRADIENT` added to `celebrationGradients` (WEC-1891)
+- **ADDED** - `resolveVariantConfig` (insights-v2 blocks): shared lookup from a block's `layout.ts` table by `instance_slot.variant`, guarded with `Object.hasOwn` so a backend-controlled key can never resolve to an inherited object property, and warning on an unknown variant before falling back (same contract as `createVariantBlock`). Both blocks above use it (WEC-1891)
+
+## [9.6.1] - 10-12-2026
+
+- **ADDED** - Three Insights V2 CTA action blocks, registered in `actionBlocksKey`/`blocks`: `feedback_modal_block` (`FeedbackModalActionBlock`) renders a survey dialog with a success/error `StatusSnackbar` on top of the action drawer; `connection_detail_block` (`ConnectionDetailActionBlock`) shows the connection-details education drilldown (`ConnectionDetailDrillDown`); and `connect_widget_block` (`ConnectWidgetActionBlock`) boots MX's Connect widget (web-widget-sdk iframe) inside the drawer. Added `feedback_modal` and `connection_details` copy under `insights_feed`, exported the new `FeedbackModal`, `StatusSnackbar`, and `ConnectionDetailDrillDown` components, and added tests and stories (WEC-1879)
+- **FIXED** - A CTA pointing at a 'modal' action block (`feedback_modal_block`, `survey_modal_block`) no longer also opens an empty action Drawer behind/under its dialog; `ActionBlockEntry` gains a `presentation?: 'drawer' | 'modal'` field and `ActionBlockLayer` skips the Drawer wrapper entirely for `'modal'` entries (WEC-1879)
+- **ADDED** - Storybook stories for `FeedbackModalActionBlock`, `ConnectionDetailActionBlock`, `ConnectWidgetActionBlock`, and `SurveyModalActionBlock`, each rendered through `BaseLayout` with a CTA that opens the real action-block registry path (WEC-1879)
+
+## [9.6.0] - 10-10-2026
+
+- **CHANGED** - Tupac now builds `instance_slot` from ditto's block schema as `{ block, variant, data }` instead of `{ header_text, data_series }`; the V2 envelope path reads the new shape. `InstanceSlotData` (`core/types/Insights.ts`) is now schemaless and keyed by slot name (replacing the fixed `header_text`/`data_series` fields on `InstanceSlot`), with a new `slot<T>(data, name)` reader so each block names the slot and kind it expects at the read site; `block` is now optional, since tupac emits `instance_slot: {}` for a beat whose template has no ditto config. `TransactionBlock` reads `slot<InstanceSlotRow[]>(data, 'series')` and `slot<string>(data, 'header_text')`; `WithdrawalBlock` reads `data.series`. Scope is the V2 envelope path only — V1 blocks reading `instance_slot_data` are untouched, and `InsightsInstanceSlotData` is unchanged (WEC-1823)
+- **CHANGED** - `CompactInsightCard`'s `WarningBadgeVisual` is now registered under ditto's `with_warning_badge` variant instead of `embedded` (a rename of an existing `createVariantBlock` entry, not a new one) — the variant names a look, not a surface; micro/notification continue to resolve `minimal`. Reads the flat `logo` slot, as does `microinsights/cards/InsightCard` (WEC-1823)
+
 ## [9.5.4] - 10-09-2026
 
 - **ADDED** - `amount_input_modal_block`, the first modal action block: edits one whole-dollar setting in a dialog, picked by the CTA variant. `low_balance_threshold` (Low Account Balance "Edit Alert Settings") saves the threshold on the account's low-balance alert profile; `safety_net` (Savings Opportunity V2 "Set Reminder" / "Adjust Reminder") saves the safety net on the user insight profile. Saves run through `useCtaHandler`. Copy under `insights_feed.amount_input_modal`; mock beats, stories and `docs/action-blocks/amount-input-modal-block.md`.

package/dist/common/components/ConnectDrawer.es.js

@@ -1,53 +1,26 @@
-import { useAccountStore as _, useConnectStore as b, useGlobalCopyStore as g } from "../context/hooks.es.js";
-import x from "./drawer/Drawer.es.js";
-import { CONNECT_WIDGET_ID as a, MemberConnectionStatus as c } from "../constants/Connect.es.js";
-import i from "./ConnectStatus.es.js";
-import r from "react";
-import { observer as L } from "mobx-react-lite";
-import { jsx as n, jsxs as D } from "react/jsx-runtime";
-import { useTheme as v } from "@mui/material/styles";
-import { ConnectWidget as w } from "@mxenabled/web-widget-sdk";
-var y = ({ loadWidgetProps: l, onClose: u, showConnectWidget: o, title: m }) => {
-  let s;
-  const { refreshAccounts: f } = _(), { loadWidget: d } = b(), { connect: p } = g(), [C, e] = r.useState(!1), [h, t] = r.useState(!1), { palette: { mode: S } } = v();
-  return r.useEffect(() => (o ? (e(!0), d({
-    mode: S,
-    ...l
-  }).then((E) => {
-    s = new w({
-      container: `#${a}`,
-      style: {
-        border: "none",
-        height: "calc(100% - 62px)",
-        maxWidth: "450px",
-        position: "absolute",
-        width: "100%"
-      },
-      url: E.url,
-      onSsoUrlLoadError: () => {
-        e(!1), t(!0);
-      },
-      onLoad: () => {
-        e(!1), t(!1);
-      }
-    });
-  })) : (e(!1), t(!1)), () => {
-    s?.unmount();
-  }), [o]), /* @__PURE__ */ n(x, {
-    ariaLabelClose: p.close_manage_connection_aria,
+import { useAccountStore as i, useGlobalCopyStore as m } from "../context/hooks.es.js";
+import s from "./drawer/Drawer.es.js";
+import l from "./ConnectWidgetPanel.es.js";
+import "react";
+import { observer as f } from "mobx-react-lite";
+import { jsx as r } from "react/jsx-runtime";
+var p = ({ loadWidgetProps: e, onClose: t, showConnectWidget: o, title: n }) => {
+  const { refreshAccounts: a } = i(), { connect: c } = m();
+  return /* @__PURE__ */ r(s, {
+    ariaLabelClose: c.close_manage_connection_aria,
     isOpen: o,
     onClose: () => {
-      u(), f();
+      t(), a();
     },
-    title: m,
-    children: /* @__PURE__ */ D("div", {
-      id: a,
-      children: [h && /* @__PURE__ */ n(i, { status: c.Error }), C && /* @__PURE__ */ n(i, { status: c.Loading })]
+    title: n,
+    children: /* @__PURE__ */ r(l, {
+      isActive: o,
+      loadWidgetProps: e
     })
   });
-}, M = L(y);
+}, D = f(p);
 export {
-  M as default
+  D as default
 };
 
 //# sourceMappingURL=ConnectDrawer.es.js.map

package/dist/common/components/ConnectDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectDrawer.es.js","names":[],"sources":["../../../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Connect'\nimport { CONNECT_WIDGET_ID } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  let connectWidget: ConnectWidget\n\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (showConnectWidget) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [showConnectWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECT_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAAA,CAA+C,EACnD,iBAAA,GACA,SAAA,GACA,mBAAA,GACA,OAAA,EAAA,MACI;AACJ,MAAI;AAEJ,QAAM,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GACtC,EAAE,YAAA,EAAA,IAAe,EAAgB,GACjC,EAAE,SAAS,EAAA,IAAgB,EAAmB,GAC9C,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,EACJ,SAAS,EAAE,MAAA,EAAA,EAAA,IACT,EAAS;AAEb,SAAA,EAAM,UAAA,OACA,KACF,EAAa,EAAI,GACjB,EAAW;AAAA,IAAQ,MAAA;AAAA,IAAM,GAAG;AAAA,EAAgB,CAAC,EAAE,KAAA,CAAM,MAAQ;AAC3D,IAAA,IAAgB,IAAI,EAAc;AAAA,MAChC,WAAW,IAAI,CAAA;AAAA,MACf,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,KAAK,EAAI;AAAA,MACT,mBAAA,MAAyB;AACvB,QAAA,EAAa,EAAK,GAClB,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAA,MAAc;AACZ,QAAA,EAAa,EAAK,GAClB,EAAY,EAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC,MAED,EAAa,EAAK,GAClB,EAAY,EAAK,IAGnB,MAAa;AACX,IAAA,GAAe,QAAQ;AAAA,EACzB,IACC,CAAC,CAAiB,CAAC,GAGpB,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAY;AAAA,IAC5B,QAAQ;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAAQ,GACR,EAAgB;AAAA,IAClB;AAAA,IACO,OAAA;AAAA,IAEP,UAAA,gBAAA,EAAC,OAAD;AAAA,MAAK,IAAI;AAAA,MAAT,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,MAAQ,CAAA,GAClE,KAAa,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,QAAU,CAAA,CACnE;AAAA;EACC,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAa"}
+{"version":3,"file":"ConnectDrawer.es.js","names":[],"sources":["../../../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ConnectWidgetPanel from './ConnectWidgetPanel'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\n/**\n * Drawer wrapper around `ConnectWidgetPanel` (SSO url via ConnectStore, the\n * iframe-based `@mxenabled/web-widget-sdk` ConnectWidget, loading/error\n * statuses) with an account refresh on close. Unchanged behaviour for its\n * existing callers; `ConnectWidgetActionBlock` renders `ConnectWidgetPanel`\n * directly instead, since `ActionBlockLayer` already supplies its own Drawer.\n */\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  const { refreshAccounts } = useAccountStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <ConnectWidgetPanel isActive={showConnectWidget} loadWidgetProps={loadWidgetProps} />\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"mappings":";;;;;;AAoBA,IAAM,IAAA,CAA+C,EACnD,iBAAA,GACA,SAAA,GACA,mBAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GACtC,EAAE,SAAS,EAAA,IAAgB,EAAmB;AAEpD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAY;AAAA,IAC5B,QAAQ;AAAA,IACR,SAAA,MAAe;AACb,MAAA,EAAQ,GACR,EAAgB;AAAA,IAClB;AAAA,IACO,OAAA;AAAA,IAEP,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAoB,UAAU;AAAA,MAAoC,iBAAA;AAAA,IAAkB,CAAA;AAAA,EAC9E,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAa"}

package/dist/common/components/ConnectWidgetPanel.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface ConnectWidgetPanelProps {
+    loadWidgetProps?: object;
+    /** Mounts/unmounts the underlying iframe-based ConnectWidget. */
+    isActive: boolean;
+}
+declare const _default: React.FunctionComponent<ConnectWidgetPanelProps>;
+export default _default;

package/dist/common/components/ConnectWidgetPanel.es.js

@@ -0,0 +1,44 @@
+import { useConnectStore as g } from "../context/hooks.es.js";
+import { CONNECT_WIDGET_ID as s, MemberConnectionStatus as a } from "../constants/Connect.es.js";
+import i from "./ConnectStatus.es.js";
+import o from "react";
+import { observer as h } from "mobx-react-lite";
+import { jsx as l, jsxs as C } from "react/jsx-runtime";
+import { useTheme as E } from "@mui/material/styles";
+import { ConnectWidget as W } from "@mxenabled/web-widget-sdk";
+var x = ({ isActive: r, loadWidgetProps: d }) => {
+  let n;
+  const { loadWidget: f } = g(), [m, e] = o.useState(!1), [u, t] = o.useState(!1), { palette: { mode: c } } = E();
+  return o.useEffect(() => (r ? (e(!0), f({
+    mode: c,
+    ...d
+  }).then((p) => {
+    n = new W({
+      container: `#${s}`,
+      style: {
+        border: "none",
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: p.url,
+      onSsoUrlLoadError: () => {
+        e(!1), t(!0);
+      },
+      onLoad: () => {
+        e(!1), t(!1);
+      }
+    });
+  })) : (e(!1), t(!1)), () => {
+    n?.unmount();
+  }), [r]), /* @__PURE__ */ C("div", {
+    id: s,
+    children: [u && /* @__PURE__ */ l(i, { status: a.Error }), m && /* @__PURE__ */ l(i, { status: a.Loading })]
+  });
+}, w = h(x);
+export {
+  w as default
+};
+
+//# sourceMappingURL=ConnectWidgetPanel.es.js.map

package/dist/common/components/ConnectWidgetPanel.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWidgetPanel.es.js","names":[],"sources":["../../../src/common/components/ConnectWidgetPanel.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { CONNECT_WIDGET_ID, MemberConnectionStatus } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\nexport interface ConnectWidgetPanelProps {\n  loadWidgetProps?: object\n  /** Mounts/unmounts the underlying iframe-based ConnectWidget. */\n  isActive: boolean\n}\n\n/**\n * The Connect widget itself (SSO url via ConnectStore, the iframe-based\n * `@mxenabled/web-widget-sdk` ConnectWidget, loading/error statuses) with no\n * `Drawer` of its own — content-only, so a caller can put it inside any\n * container (a `Drawer`, as `ConnectDrawer` does, or directly inside another\n * drawer's content slot, as `ConnectWidgetActionBlock` does).\n *\n * Extracted from `ConnectDrawer` so `ConnectWidgetActionBlock` can render just\n * the widget without nesting a second `Drawer` inside `ActionBlockLayer`'s.\n */\nconst ConnectWidgetPanel: React.FC<ConnectWidgetPanelProps> = ({ isActive, loadWidgetProps }) => {\n  let connectWidget: ConnectWidget\n\n  const { loadWidget } = useConnectStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (isActive) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            border: 'none',\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [isActive])\n\n  return (\n    <div id={CONNECT_WIDGET_ID}>\n      {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n      {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n    </div>\n  )\n}\n\nexport default observer(ConnectWidgetPanel)\n"],"mappings":";;;;;;;;AAyBA,IAAM,IAAA,CAAyD,EAAE,UAAA,GAAU,iBAAA,EAAA,MAAsB;AAC/F,MAAI;AAEJ,QAAM,EAAE,YAAA,EAAA,IAAe,EAAgB,GACjC,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,EACJ,SAAS,EAAE,MAAA,EAAA,EAAA,IACT,EAAS;AAEb,SAAA,EAAM,UAAA,OACA,KACF,EAAa,EAAI,GACjB,EAAW;AAAA,IAAQ,MAAA;AAAA,IAAM,GAAG;AAAA,EAAgB,CAAC,EAAE,KAAA,CAAM,MAAQ;AAC3D,IAAA,IAAgB,IAAI,EAAc;AAAA,MAChC,WAAW,IAAI,CAAA;AAAA,MACf,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,KAAK,EAAI;AAAA,MACT,mBAAA,MAAyB;AACvB,QAAA,EAAa,EAAK,GAClB,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAA,MAAc;AACZ,QAAA,EAAa,EAAK,GAClB,EAAY,EAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC,MAED,EAAa,EAAK,GAClB,EAAY,EAAK,IAGnB,MAAa;AACX,IAAA,GAAe,QAAQ;AAAA,EACzB,IACC,CAAC,CAAQ,CAAC,GAGX,gBAAA,EAAC,OAAD;AAAA,IAAK,IAAI;AAAA,IAAT,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,MAAQ,CAAA,GAClE,KAAa,gBAAA,EAAC,GAAD,EAAe,QAAQ,EAAuB,QAAU,CAAA,CACnE;AAAA;AAET,GAEA,IAAe,EAAS,CAAkB"}

package/dist/common/components/dialog/Dialog.d.ts

@@ -9,6 +9,8 @@ export interface DialogProps extends Omit<MuiDialogProps, OwnedMuiProps> {
     className?: string;
     copy: CopyObject;
     disablePrimaryButton?: boolean;
+    /** Render the footer action buttons. Default true; content-only dialogs (e.g. the insights survey modal) pass false. */
+    showActions?: boolean;
     isOpen: boolean;
     onClose: (event?: unknown, reason?: string) => void;
     onPrimaryAction?: () => void;

package/dist/common/components/dialog/Dialog.es.js

@@ -1,63 +1,63 @@
-import { useScreenSize as R } from "../../hooks/useScreenSize.es.js";
-import { useFocusReturn as H } from "../../hooks/useFocusReturn.es.js";
-import j from "react";
-import { DialogFooter as k, DialogHeader as v } from "@mxenabled/mxui";
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import I from "@mui/material/Dialog";
-import W from "@mui/material/DialogContent";
-var B = ({ className: l, copy: i, disablePrimaryButton: n = !1, isOpen: e = !1, onClose: r, onPrimaryAction: c, primaryColor: m = "primary", primaryText: d = "Confirm", returnFocusTo: u, onSecondaryAction: t, secondaryColor: p = "primary", secondaryText: f = "Cancel", children: g, ...x }) => {
-  const { sx: a, ...h } = x, D = i?.title ?? "", b = i?.close_aria ?? "Close", s = j.useId(), { isSmallMobile: y } = R(), { onExited: P, onFocus: S, rootRef: A } = H(e, u), F = () => {
-    c?.(), r();
-  }, M = () => {
+import { useScreenSize as H } from "../../hooks/useScreenSize.es.js";
+import { useFocusReturn as j } from "../../hooks/useFocusReturn.es.js";
+import k from "react";
+import { DialogFooter as v, DialogHeader as C } from "@mxenabled/mxui";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import W from "@mui/material/Dialog";
+import _ from "@mui/material/DialogContent";
+var G = ({ className: l, copy: i, disablePrimaryButton: n = !1, showActions: c = !0, isOpen: e = !1, onClose: r, onPrimaryAction: m, primaryColor: d = "primary", primaryText: u = "Confirm", returnFocusTo: p, onSecondaryAction: t, secondaryColor: f = "primary", secondaryText: g = "Cancel", children: x, ...h }) => {
+  const { sx: a, ...D } = h, b = i?.title ?? "", y = i?.close_aria ?? "Close", s = k.useId(), { isSmallMobile: P } = H(), { onExited: S, onFocus: A, rootRef: F } = j(e, p), M = () => {
+    m?.(), r();
+  }, R = () => {
     t && t(), r();
   };
   return /* @__PURE__ */ o("div", {
     className: `mx-cmn-dialog ${l}`,
-    children: /* @__PURE__ */ C(I, {
+    children: /* @__PURE__ */ I(W, {
       "aria-labelledby": s,
       maxWidth: "xs",
       onClose: r,
       open: e,
       sx: [{
         "& .MuiDialog-paperScrollPaper": { backgroundColor: "background.default" },
-        ...y && { "& .MuiDialog-paper": { minWidth: "100%" } },
+        ...P && { "& .MuiDialog-paper": { minWidth: "100%" } },
         height: "100%"
       }, ...a ? [a] : []],
-      ...h,
+      ...D,
       disableRestoreFocus: !0,
-      onFocus: S,
-      ref: A,
-      slotProps: { transition: { onExited: P } },
+      onFocus: A,
+      ref: F,
+      slotProps: { transition: { onExited: S } },
       children: [
-        /* @__PURE__ */ o(v, {
+        /* @__PURE__ */ o(C, {
           ariaHidden: !0,
           copy: {
-            title: D,
-            close_aria: b
+            title: b,
+            close_aria: y
           },
           id: s,
           onClose: r,
           truncate: !0
         }),
-        /* @__PURE__ */ o(W, {
+        /* @__PURE__ */ o(_, {
           sx: { lineHeight: 1.5 },
-          children: g
+          children: x
         }),
-        /* @__PURE__ */ o(k, {
+        c && /* @__PURE__ */ o(v, {
           isPrimaryDisabled: n,
-          onPrimaryAction: F,
-          onSecondaryAction: M,
-          primaryColor: m,
-          primaryText: d,
-          secondaryColor: p,
-          secondaryText: f
+          onPrimaryAction: M,
+          onSecondaryAction: R,
+          primaryColor: d,
+          primaryText: u,
+          secondaryColor: f,
+          secondaryText: g
         })
       ]
     })
   });
 };
 export {
-  B as default
+  G as default
 };
 
 //# sourceMappingURL=Dialog.es.js.map

package/dist/common/components/dialog/Dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.es.js","names":[],"sources":["../../../../src/common/components/dialog/Dialog.tsx"],"sourcesContent":["import React from 'react'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport { DialogProps as MuiDialogProps } from '@mui/material/Dialog'\nimport DialogContent from '@mui/material/DialogContent'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { DialogFooter, DialogHeader } from '@mxenabled/mxui'\nimport { useScreenSize } from '../../hooks'\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nexport type CopyObject = {\n  close_aria?: string\n  title: string\n}\n\ntype OwnedMuiProps =\n  | 'disableRestoreFocus'\n  | 'onFocus'\n  | 'open'\n  | 'slotProps'\n  | 'slots'\n  | 'TransitionComponent'\n  | 'TransitionProps'\n\nexport interface DialogProps extends Omit<MuiDialogProps, OwnedMuiProps> {\n  className?: string\n  copy: CopyObject\n  disablePrimaryButton?: boolean\n  isOpen: boolean\n  onClose: (event?: unknown, reason?: string) => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  /** Where focus goes on close. Takes precedence over the element that opened the dialog. */\n  returnFocusTo?: React.RefObject<HTMLElement | null>\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n}\n\nconst Dialog: React.FC<React.PropsWithChildren<DialogProps>> = ({\n  className,\n  copy,\n  disablePrimaryButton = false,\n  isOpen = false,\n  onClose,\n  onPrimaryAction,\n  primaryColor = 'primary',\n  primaryText = 'Confirm',\n  returnFocusTo,\n  onSecondaryAction,\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n  children,\n  ...rest\n}) => {\n  // Extract sx from rest to merge with Dialog's own styles instead of overwriting\n  const { sx: restSx, ...restProps } = rest\n  const title = copy?.title ?? ''\n  const closeAria = copy?.close_aria ?? 'Close'\n\n  // Label the dialog *by* its visible heading (WAI-ARIA APG) instead of a duplicate\n  // aria-label, so screen readers announce the title once rather than name + heading.\n  const titleId = React.useId()\n\n  const { isSmallMobile } = useScreenSize()\n\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen, returnFocusTo)\n\n  const handlePrimaryAction = () => {\n    onPrimaryAction?.()\n    onClose()\n  }\n\n  const handleSecondaryAction = () => {\n    if (onSecondaryAction) {\n      onSecondaryAction()\n    }\n    onClose()\n  }\n\n  return (\n    <div className={`mx-cmn-dialog ${className}`}>\n      <MuiDialog\n        aria-labelledby={titleId}\n        maxWidth=\"xs\"\n        onClose={onClose}\n        open={isOpen}\n        sx={\n          [\n            {\n              '& .MuiDialog-paperScrollPaper': { backgroundColor: 'background.default' },\n              ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n              height: '100%',\n            },\n            ...(restSx ? [restSx] : []),\n          ] as SxProps\n        }\n        {...restProps}\n        disableRestoreFocus={true}\n        onFocus={onFocus}\n        ref={rootRef}\n        slotProps={{ transition: { onExited } }}\n      >\n        <DialogHeader\n          ariaHidden={true}\n          copy={{ title, close_aria: closeAria }}\n          id={titleId}\n          onClose={onClose}\n          truncate={true}\n        />\n\n        <DialogContent sx={{ lineHeight: 1.5 }}>{children}</DialogContent>\n\n        <DialogFooter\n          isPrimaryDisabled={disablePrimaryButton}\n          onPrimaryAction={handlePrimaryAction}\n          onSecondaryAction={handleSecondaryAction}\n          primaryColor={primaryColor}\n          primaryText={primaryText}\n          secondaryColor={secondaryColor}\n          secondaryText={secondaryText}\n        />\n      </MuiDialog>\n    </div>\n  )\n}\n\nexport default Dialog\n"],"mappings":";;;;;;;AAyCA,IAAM,IAAA,CAA0D,EAC9D,WAAA,GACA,MAAA,GACA,sBAAA,IAAuB,IACvB,QAAA,IAAS,IACT,SAAA,GACA,iBAAA,GACA,cAAA,IAAe,WACf,aAAA,IAAc,WACd,eAAA,GACA,mBAAA,GACA,gBAAA,IAAiB,WACjB,eAAA,IAAgB,UAChB,UAAA,GACA,GAAG,EAAA,MACC;AAEJ,QAAM,EAAE,IAAI,GAAQ,GAAG,EAAA,IAAc,GAC/B,IAAQ,GAAM,SAAS,IACvB,IAAY,GAAM,cAAc,SAIhC,IAAU,EAAM,MAAM,GAEtB,EAAE,eAAA,EAAA,IAAkB,EAAc,GAElC,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,GAAQ,CAAa,GAErE,IAAA,MAA4B;AAChC,IAAA,IAAkB,GAClB,EAAQ;AAAA,EACV,GAEM,IAAA,MAA8B;AAClC,IAAI,KACF,EAAkB,GAEpB,EAAQ;AAAA,EACV;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB,CAAA;AAAA,IAC/B,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,mBAAiB;AAAA,MACjB,UAAS;AAAA,MACA,SAAA;AAAA,MACT,MAAM;AAAA,MACN,IACE,CACE;AAAA,QACE,iCAAiC,EAAE,iBAAiB,qBAAqB;AAAA,QACzE,GAAI,KAAiB,EAAE,sBAAsB,EAAE,UAAU,OAAO,EAAE;AAAA,QAClE,QAAQ;AAAA,MACV,GACA,GAAI,IAAS,CAAC,CAAM,IAAI,CAAC,CAC3B;AAAA,MAEF,GAAI;AAAA,MACJ,qBAAqB;AAAA,MACZ,SAAA;AAAA,MACT,KAAK;AAAA,MACL,WAAW,EAAE,YAAY,EAAE,UAAA,EAAS,EAAE;AAAA,MAnBxC,UAAA;AAAA,QAqBE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY;AAAA,UACZ,MAAM;AAAA,YAAE,OAAA;AAAA,YAAO,YAAY;AAAA,UAAU;AAAA,UACrC,IAAI;AAAA,UACK,SAAA;AAAA,UACT,UAAU;AAAA,QACX,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAe,IAAI,EAAE,YAAY,IAAI;AAAA,UAAI,UAAA;AAAA,QAAwB,CAAA;AAAA,QAEjE,gBAAA,EAAC,GAAD;AAAA,UACE,mBAAmB;AAAA,UACnB,iBAAiB;AAAA,UACjB,mBAAmB;AAAA,UACL,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MACQ;AAAA;EACR,CAAA;AAET"}
+{"version":3,"file":"Dialog.es.js","names":[],"sources":["../../../../src/common/components/dialog/Dialog.tsx"],"sourcesContent":["import React from 'react'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport { DialogProps as MuiDialogProps } from '@mui/material/Dialog'\nimport DialogContent from '@mui/material/DialogContent'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { DialogFooter, DialogHeader } from '@mxenabled/mxui'\nimport { useScreenSize } from '../../hooks'\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nexport type CopyObject = {\n  close_aria?: string\n  title: string\n}\n\ntype OwnedMuiProps =\n  | 'disableRestoreFocus'\n  | 'onFocus'\n  | 'open'\n  | 'slotProps'\n  | 'slots'\n  | 'TransitionComponent'\n  | 'TransitionProps'\n\nexport interface DialogProps extends Omit<MuiDialogProps, OwnedMuiProps> {\n  className?: string\n  copy: CopyObject\n  disablePrimaryButton?: boolean\n  /** Render the footer action buttons. Default true; content-only dialogs (e.g. the insights survey modal) pass false. */\n  showActions?: boolean\n  isOpen: boolean\n  onClose: (event?: unknown, reason?: string) => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  /** Where focus goes on close. Takes precedence over the element that opened the dialog. */\n  returnFocusTo?: React.RefObject<HTMLElement | null>\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n}\n\nconst Dialog: React.FC<React.PropsWithChildren<DialogProps>> = ({\n  className,\n  copy,\n  disablePrimaryButton = false,\n  showActions = true,\n  isOpen = false,\n  onClose,\n  onPrimaryAction,\n  primaryColor = 'primary',\n  primaryText = 'Confirm',\n  returnFocusTo,\n  onSecondaryAction,\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n  children,\n  ...rest\n}) => {\n  // Extract sx from rest to merge with Dialog's own styles instead of overwriting\n  const { sx: restSx, ...restProps } = rest\n  const title = copy?.title ?? ''\n  const closeAria = copy?.close_aria ?? 'Close'\n\n  // Label the dialog *by* its visible heading (WAI-ARIA APG) instead of a duplicate\n  // aria-label, so screen readers announce the title once rather than name + heading.\n  const titleId = React.useId()\n\n  const { isSmallMobile } = useScreenSize()\n\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen, returnFocusTo)\n\n  const handlePrimaryAction = () => {\n    onPrimaryAction?.()\n    onClose()\n  }\n\n  const handleSecondaryAction = () => {\n    if (onSecondaryAction) {\n      onSecondaryAction()\n    }\n    onClose()\n  }\n\n  return (\n    <div className={`mx-cmn-dialog ${className}`}>\n      <MuiDialog\n        aria-labelledby={titleId}\n        maxWidth=\"xs\"\n        onClose={onClose}\n        open={isOpen}\n        sx={\n          [\n            {\n              '& .MuiDialog-paperScrollPaper': { backgroundColor: 'background.default' },\n              ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n              height: '100%',\n            },\n            ...(restSx ? [restSx] : []),\n          ] as SxProps\n        }\n        {...restProps}\n        disableRestoreFocus={true}\n        onFocus={onFocus}\n        ref={rootRef}\n        slotProps={{ transition: { onExited } }}\n      >\n        <DialogHeader\n          ariaHidden={true}\n          copy={{ title, close_aria: closeAria }}\n          id={titleId}\n          onClose={onClose}\n          truncate={true}\n        />\n\n        <DialogContent sx={{ lineHeight: 1.5 }}>{children}</DialogContent>\n\n        {showActions && (\n          <DialogFooter\n            isPrimaryDisabled={disablePrimaryButton}\n            onPrimaryAction={handlePrimaryAction}\n            onSecondaryAction={handleSecondaryAction}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </MuiDialog>\n    </div>\n  )\n}\n\nexport default Dialog\n"],"mappings":";;;;;;;AA2CA,IAAM,IAAA,CAA0D,EAC9D,WAAA,GACA,MAAA,GACA,sBAAA,IAAuB,IACvB,aAAA,IAAc,IACd,QAAA,IAAS,IACT,SAAA,GACA,iBAAA,GACA,cAAA,IAAe,WACf,aAAA,IAAc,WACd,eAAA,GACA,mBAAA,GACA,gBAAA,IAAiB,WACjB,eAAA,IAAgB,UAChB,UAAA,GACA,GAAG,EAAA,MACC;AAEJ,QAAM,EAAE,IAAI,GAAQ,GAAG,EAAA,IAAc,GAC/B,IAAQ,GAAM,SAAS,IACvB,IAAY,GAAM,cAAc,SAIhC,IAAU,EAAM,MAAM,GAEtB,EAAE,eAAA,EAAA,IAAkB,EAAc,GAElC,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,GAAQ,CAAa,GAErE,IAAA,MAA4B;AAChC,IAAA,IAAkB,GAClB,EAAQ;AAAA,EACV,GAEM,IAAA,MAA8B;AAClC,IAAI,KACF,EAAkB,GAEpB,EAAQ;AAAA,EACV;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB,CAAA;AAAA,IAC/B,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,mBAAiB;AAAA,MACjB,UAAS;AAAA,MACA,SAAA;AAAA,MACT,MAAM;AAAA,MACN,IACE,CACE;AAAA,QACE,iCAAiC,EAAE,iBAAiB,qBAAqB;AAAA,QACzE,GAAI,KAAiB,EAAE,sBAAsB,EAAE,UAAU,OAAO,EAAE;AAAA,QAClE,QAAQ;AAAA,MACV,GACA,GAAI,IAAS,CAAC,CAAM,IAAI,CAAC,CAC3B;AAAA,MAEF,GAAI;AAAA,MACJ,qBAAqB;AAAA,MACZ,SAAA;AAAA,MACT,KAAK;AAAA,MACL,WAAW,EAAE,YAAY,EAAE,UAAA,EAAS,EAAE;AAAA,MAnBxC,UAAA;AAAA,QAqBE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY;AAAA,UACZ,MAAM;AAAA,YAAE,OAAA;AAAA,YAAO,YAAY;AAAA,UAAU;AAAA,UACrC,IAAI;AAAA,UACK,SAAA;AAAA,UACT,UAAU;AAAA,QACX,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAe,IAAI,EAAE,YAAY,IAAI;AAAA,UAAI,UAAA;AAAA,QAAwB,CAAA;AAAA,QAEhE,KACC,gBAAA,EAAC,GAAD;AAAA,UACE,mBAAmB;AAAA,UACnB,iBAAiB;AAAA,UACjB,mBAAmB;AAAA,UACL,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MAEM;AAAA;EACR,CAAA;AAET"}

package/dist/common/components/index.d.ts

@@ -10,6 +10,7 @@ export { default as MicroWidgetContainer } from './MicroWidgetContainer';
 export { default as MiniWidgetContainer } from './MiniWidgetContainer';
 export { WidgetContainer } from './WidgetContainer';
 export { default as ConnectDrawer } from './ConnectDrawer';
+export { default as ConnectWidgetPanel, type ConnectWidgetPanelProps } from './ConnectWidgetPanel';
 export { default as CurrencyDialog } from './CurrencyDialog';
 export { default as CurrencyInput } from './CurrencyInput';
 export { default as Loader } from './Loader';

package/dist/common/index.es.js

@@ -4,9 +4,9 @@ import a from "./components/charts/StatusBar.es.js";
 import p from "./components/charts/Donut.es.js";
 import u from "./hooks/useAccountDisplayName.es.js";
 import { useCombineEvents as C, useCombinePageviews as S } from "./hooks/useCombineEvents.es.js";
-import { GlobalDataContext as c, GlobalDataProvider as T } from "./context/GlobalDataProvider.es.js";
+import { GlobalDataContext as c, GlobalDataProvider as d } from "./context/GlobalDataProvider.es.js";
 import { WidgetContainerContext as E, WidgetContainerProvider as D } from "./context/WidgetContainerProvider.es.js";
-import { useAccountStore as _, useActionContext as N, useAppConfig as y, useBudgetsStore as A, useCashflowStore as b, useCategoryStore as P, useDebtStore as O, useError as G, useEvent as W, useFinstrongStore as L, useGlobalCopyStore as R, useGlobalStore as U, useGlobalUiStore as v, useGoalStore as B, useHelpStore as h, useHoldingStore as w, useInsightsV2Store as x, useLoad as M, useMerchantStore as Y, useNetWorthStore as H, useNotificationStore as F, usePageView as z, useRecurringTransactionsStore as V, useSettingsStore as Z, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as j } from "./context/hooks.es.js";
+import { useAccountStore as I, useActionContext as N, useAppConfig as P, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as b, useDebtStore as O, useError as W, useEvent as G, useFinstrongStore as L, useGlobalCopyStore as R, useGlobalStore as U, useGlobalUiStore as v, useGoalStore as B, useHelpStore as h, useHoldingStore as w, useInsightsV2Store as x, useLoad as M, useMerchantStore as Y, useNetWorthStore as H, useNotificationStore as F, usePageView as z, useRecurringTransactionsStore as V, useSettingsStore as Z, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as j } from "./context/hooks.es.js";
 import { useInsightsEnabled as Q } from "./hooks/useInsightsEnabled.es.js";
 import { useScreenSize as $ } from "./hooks/useScreenSize.es.js";
 import ro from "./hooks/usePrevious.es.js";
@@ -16,10 +16,10 @@ import { useWidgetHeaderStyles as lo } from "./hooks/useWidgetHeaderStyles.es.js
 import { useWidgetLoadTimer as So } from "./hooks/useWidgetLoadTimer.es.js";
 import co from "./components/dialog/Dialog.es.js";
 import Eo from "./components/drawer/Drawer.es.js";
-import Io from "./components/daterangeselector/DateRangeSelector.es.js";
+import _o from "./components/daterangeselector/DateRangeSelector.es.js";
 import { ANALYTICS_EVENTS as No } from "./constants/Analytics.es.js";
-import { CONNECTIONS_WIDGET_ID as Ao, CONNECT_WIDGET_ID as bo, MemberConnectionStatus as Po } from "./constants/Connect.es.js";
-import { GlobalStore as Go } from "../core/stores/GlobalStore.es.js";
+import { CONNECTIONS_WIDGET_ID as yo, CONNECT_WIDGET_ID as Ao, MemberConnectionStatus as bo } from "./constants/Connect.es.js";
+import { GlobalStore as Wo } from "../core/stores/GlobalStore.es.js";
 import { INCOME_ACCOUNT_TYPES as Lo, PAYMENT_ACCOUNT_TYPES as Ro, SPENDING_ACCOUNT_TYPES as Uo } from "./constants/Account.es.js";
 import { RECURRENCE_COPY as Bo } from "./constants/ScheduledPayment.es.js";
 import { LOADING_STATUS as wo } from "./constants/SpendingPlan.es.js";
@@ -34,108 +34,110 @@ import rr from "./components/MiniWidgetContainer.es.js";
 import { GlobalAccountFilter as er } from "./components/GlobalAccountFilter.es.js";
 import mr from "./components/Loader.es.js";
 import { WidgetContainer as ar } from "./components/WidgetContainer.es.js";
-import pr from "./components/ConnectDrawer.es.js";
-import ur from "./components/CurrencyDialog.es.js";
-import Cr from "./components/CurrencyInput.es.js";
-import gr from "./components/ResponsiveButton.es.js";
-import Tr from "./components/SearchBox.es.js";
-import Er from "./components/SelectionBox.es.js";
-import Ir from "./components/TabContentContainer.es.js";
-import Nr from "./components/IconBacking.es.js";
-import Ar from "./components/DataRow.es.js";
-import Pr from "./components/ZeroState.es.js";
-import Gr from "./components/InformationTooltip.es.js";
-import { ConnectCard as Lr } from "./components/ConnectCard.es.js";
-import { CurrencyText as Ur } from "./components/CurrencyText.es.js";
-import { EmptyState as Br } from "./components/EmptyState.es.js";
-import { ListItemAction as wr } from "./components/ListItemAction.es.js";
-import { ListItemRow as Mr } from "./components/ListItemRow.es.js";
-import { ListItemWrapper as Hr } from "./components/ListItemWrapper.es.js";
-import { Select as zr } from "./components/Select.es.js";
-import { ToggleButtonListItem as Zr } from "./components/listitems/ToggleButtonListItem.es.js";
-import { ToggleListItem as qr } from "./components/listitems/ToggleListItem.es.js";
-import { analyticsSession as jr } from "./utils/Analytics.es.js";
-import { getClientComponentOverrides as Qr, getClientCustomizations as Xr, getClientPaletteOptions as $r, getClientTheme as ot } from "./utils/Theme.es.js";
+import pr from "./components/ConnectWidgetPanel.es.js";
+import ur from "./components/ConnectDrawer.es.js";
+import Cr from "./components/CurrencyDialog.es.js";
+import gr from "./components/CurrencyInput.es.js";
+import dr from "./components/ResponsiveButton.es.js";
+import Er from "./components/SearchBox.es.js";
+import _r from "./components/SelectionBox.es.js";
+import Nr from "./components/TabContentContainer.es.js";
+import yr from "./components/IconBacking.es.js";
+import br from "./components/DataRow.es.js";
+import Wr from "./components/ZeroState.es.js";
+import Lr from "./components/InformationTooltip.es.js";
+import { ConnectCard as Ur } from "./components/ConnectCard.es.js";
+import { CurrencyText as Br } from "./components/CurrencyText.es.js";
+import { EmptyState as wr } from "./components/EmptyState.es.js";
+import { ListItemAction as Mr } from "./components/ListItemAction.es.js";
+import { ListItemRow as Hr } from "./components/ListItemRow.es.js";
+import { ListItemWrapper as zr } from "./components/ListItemWrapper.es.js";
+import { Select as Zr } from "./components/Select.es.js";
+import { ToggleButtonListItem as qr } from "./components/listitems/ToggleButtonListItem.es.js";
+import { ToggleListItem as jr } from "./components/listitems/ToggleListItem.es.js";
+import { analyticsSession as Qr } from "./utils/Analytics.es.js";
+import { getClientComponentOverrides as $r, getClientCustomizations as ot, getClientPaletteOptions as rt, getClientTheme as tt } from "./utils/Theme.es.js";
 export {
   No as ANALYTICS_EVENTS,
-  Ao as CONNECTIONS_WIDGET_ID,
-  bo as CONNECT_WIDGET_ID,
+  yo as CONNECTIONS_WIDGET_ID,
+  Ao as CONNECT_WIDGET_ID,
   i as Calendar,
   m as CalendarSelectionTypes,
-  Lr as ConnectCard,
-  pr as ConnectDrawer,
-  ur as CurrencyDialog,
-  Cr as CurrencyInput,
-  Ur as CurrencyText,
+  Ur as ConnectCard,
+  ur as ConnectDrawer,
+  pr as ConnectWidgetPanel,
+  Cr as CurrencyDialog,
+  gr as CurrencyInput,
+  Br as CurrencyText,
   Mo as DEFAULT_DONUT_SIZE,
   Yo as DEFAULT_STROKE_WIDTH,
-  Ar as DataRow,
-  Io as DateRangeSelector,
+  br as DataRow,
+  _o as DateRangeSelector,
   co as Dialog,
   p as Donut,
   Eo as Drawer,
-  Br as EmptyState,
+  wr as EmptyState,
   Qo as Error,
   jo as ErrorBoundary,
   er as GlobalAccountFilter,
   c as GlobalDataContext,
-  T as GlobalDataProvider,
-  Go as GlobalStore,
+  d as GlobalDataProvider,
+  Wo as GlobalStore,
   Lo as INCOME_ACCOUNT_TYPES,
-  Nr as IconBacking,
-  Gr as InformationTooltip,
+  yr as IconBacking,
+  Lr as InformationTooltip,
   wo as LOADING_STATUS,
-  wr as ListItemAction,
-  Mr as ListItemRow,
-  Hr as ListItemWrapper,
+  Mr as ListItemAction,
+  Hr as ListItemRow,
+  zr as ListItemWrapper,
   mr as Loader,
-  Po as MemberConnectionStatus,
+  bo as MemberConnectionStatus,
   $o as MicroWidgetContainer,
   rr as MiniWidgetContainer,
   Zo as MultiSegmentDonut,
   Ro as PAYMENT_ACCOUNT_TYPES,
   Bo as RECURRENCE_COPY,
-  gr as ResponsiveButton,
+  dr as ResponsiveButton,
   Uo as SPENDING_ACCOUNT_TYPES,
-  Tr as SearchBox,
-  zr as Select,
-  Er as SelectionBox,
+  Er as SearchBox,
+  Zr as Select,
+  _r as SelectionBox,
   qo as SingleSegmentDonut,
   Fo as Sizes,
   a as StatusBar,
   zo as TOUCH_TARGET,
-  Ir as TabContentContainer,
-  Zr as ToggleButtonListItem,
-  qr as ToggleListItem,
+  Nr as TabContentContainer,
+  qr as ToggleButtonListItem,
+  jr as ToggleListItem,
   ar as WidgetContainer,
   E as WidgetContainerContext,
   D as WidgetContainerProvider,
-  Pr as ZeroState,
-  jr as analyticsSession,
+  Wr as ZeroState,
+  Qr as analyticsSession,
   r as buildDynamicCopy,
   t as buildPluralCopy,
   eo as formatCurrency,
   io as formatOrdinal,
   mo as formatPercentage,
   no as generateEqualIntervals,
-  Qr as getClientComponentOverrides,
-  Xr as getClientCustomizations,
-  $r as getClientPaletteOptions,
-  ot as getClientTheme,
+  $r as getClientComponentOverrides,
+  ot as getClientCustomizations,
+  rt as getClientPaletteOptions,
+  tt as getClientTheme,
   ao as getCurrencyCodes,
   so as getPluralRules,
   u as useAccountDisplayName,
-  _ as useAccountStore,
+  I as useAccountStore,
   N as useActionContext,
-  y as useAppConfig,
-  A as useBudgetsStore,
-  b as useCashflowStore,
-  P as useCategoryStore,
+  P as useAppConfig,
+  y as useBudgetsStore,
+  A as useCashflowStore,
+  b as useCategoryStore,
   C as useCombineEvents,
   S as useCombinePageviews,
   O as useDebtStore,
-  G as useError,
-  W as useEvent,
+  W as useError,
+  G as useEvent,
   L as useFinstrongStore,
   R as useGlobalCopyStore,
   U as useGlobalStore,

package/dist/core/types/InsightsInstanceSlotData.d.ts

@@ -88,7 +88,6 @@ export interface AccountSwitchBlockData {
     discovered_institution_name: string;
     held_institution_guid: string;
     held_institution_name: string;
-    is_connected: boolean;
 }
 export interface StepChartBlockData {
     completed_steps: number;

package/dist/core/types/InsightsInstanceSlotData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsInstanceSlotData.es.js","names":[],"sources":["../../../src/core/types/InsightsInstanceSlotData.ts"],"sourcesContent":["import type { DataSeries, Legends } from '../../core'\n\nexport interface InsightsInstanceSlotData\n  extends\n    Partial<BarChartBlockData>,\n    Partial<BudgetBlockData>,\n    Partial<DonutChartBlockData>,\n    Partial<DoubleProgressBarBlockData>,\n    Partial<ImageBlockData>,\n    Partial<AccountBlockData>,\n    Partial<SaveExtraBlockData>,\n    Partial<StepChartBlockData>,\n    Partial<SVGImageBlockData>,\n    Partial<AccountSwitchBlockData>,\n    Partial<TransactionDetailsBlockData>,\n    Partial<CommonProps> {}\n\n//when any of the type is used more than one times, we can use the common props\ninterface CommonProps {\n  amount?: number\n  date?: string\n  legends?: Legends[]\n  category_guid?: string\n  data_series?: DataSeries | DataSet[]\n  transaction_guids?: string[]\n  account_guids?: string[]\n  primary_transaction_guid?: string\n}\n\n//BarChart Block\nexport interface BarChartBlockData {\n  average_amount?: number\n  ariaLabel?: string\n}\n\n//DonutChart Block\ninterface Main {\n  value: string\n  value_type: string\n  label: string\n}\nexport interface DonutChartBlockData {\n  main: Main\n}\n\n//DoubleBarChart Block\n// TODO : This has to be revisited again to update the below types based on API response once we have the final shape of the data_series for double bar chart from BE\nexport interface LegendProps extends Legends {\n  amount: number\n  formattedAmount: string\n  label: string\n  color?: string\n}\n\nexport interface DataSet extends DataSeries {\n  ariaLabelComparison: string\n  ariaLabelMain: string\n  comparison: number\n  formattedComparison: string\n  formattedMain: string\n  label: string\n  main: number\n}\n\n//DoubleProgressBar Block\n\ninterface DoubleProgressBarProps {\n  label: string\n  value: number\n}\nexport interface DoubleProgressBarBlockData {\n  doubleProgressBar: {\n    previous: DoubleProgressBarProps\n    latest: DoubleProgressBarProps\n  }\n}\n\n//Image Block\nexport interface ImageBlockData {\n  image: string\n}\n\n//Account Block\nexport interface AccountBlockData {\n  sub_text: string\n  institution_guid?: string\n  institution_name?: string\n  icon_name?: string\n  /** Header bar text (standard card), or the colored category strip label (deposit cards). */\n  header_text?: string\n  // Deposit variants (Unified Deposit, Unified Deposit Emergency Fund, Savings Account Deposit)\n  /** Merchant guid — renders a real merchant logo in the deposit card when present. */\n  merchant_guid?: string\n  /** Merchant display name — logo alt text and the payer line under the amount. */\n  merchant_name?: string\n  /** Secondary label beside the amount, e.g. `On {date}, you saved` or `Balance as of MM/DD/YY`. */\n  label?: string\n}\n\nexport interface SaveExtraBlockData {\n  /** Styled segments `[lead-in, amount digits, trailing copy]`, e.g. `['Save an extra', '100', 'to help your funds grow']`. */\n  primary_text?: string[]\n  /** Styled segments `[projected balance, caption]`, e.g. `['$8,313.87', 'After payday & projected expenses']`. */\n  secondary_text?: string[]\n  /** MakeTransfer drilldown: available balance (both variants). */\n  available_balance?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: average monthly spend. */\n  avg_monthly_spend?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: how long the balance lasts, overlaid on the timeline SVG (e.g. \"2 months, 11 days\"). */\n  time_period?: string\n  /** SAVE_AN_EXTRA_100: upcoming expenses (the \"Expenses\" figure). */\n  upcoming_expenses?: number\n  /** SAVE_AN_EXTRA_100: total remaining after expenses. */\n  total_remaining?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: date for the \"Your available balances as of {date}\" line. */\n  date?: string\n}\n\n//AccountSwitch Block\nexport interface AccountSwitchBlockData {\n  discovered_institution_guid: string\n  discovered_institution_name: string\n  held_institution_guid: string\n  held_institution_name: string\n  is_connected: boolean\n}\n\n// StepChart Block\nexport interface StepChartBlockData {\n  completed_steps: number\n  label_1: string\n  label_2?: string\n}\n\n//Budgets Blocks\nexport enum BudgetTierType {\n  LOW_BUDGET_TIER = 'LOW',\n  MEDIUM_BUDGET_TIER = 'MEDIUM',\n  OFF_TRACK_BUDGET_TIER = 'OFF_TRACK',\n}\n\nexport type BudgetTierValue = `${BudgetTierType}`\n\nexport interface BudgetLocalizedPayload {\n  primary_text?: string\n  amount_left_label?: string\n  spent_label?: string\n  budgeted_label?: string\n}\n\nexport interface BudgetBlockData {\n  budget_percent: number\n  budget_tier: BudgetTierValue\n  category_guid?: string\n  merchant_guid?: string\n  spent_amount: number\n  budgeted_amount: number\n  localized_payload: BudgetLocalizedPayload\n}\n\nexport interface SVGImageBlockData {\n  isCIBC?: boolean\n}\n\n// TransactionDetails Action Block\n// The drawer's subject is `InsightsPayload.primary_transaction_guid`; only action configuration\n// lives here.\nexport interface TransactionDetailsBlockData {\n  /** `TopActions` member names, e.g. `['Category', 'Date', 'Memo']`. Omit for the defaults. */\n  top_actions?: string[]\n  /** `BottomActions` member names, e.g. `['MerchantBudget', 'HideTransaction']`. Omit for defaults. */\n  bottom_actions?: string[]\n}\n"],"mappings":"AAuIA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,kBAAA,OACA,EAAA,qBAAA,UACA,EAAA,wBAAA;AACF,GAAA,CAAA,CAAA"}
+{"version":3,"file":"InsightsInstanceSlotData.es.js","names":[],"sources":["../../../src/core/types/InsightsInstanceSlotData.ts"],"sourcesContent":["import type { DataSeries, Legends } from '../../core'\n\nexport interface InsightsInstanceSlotData\n  extends\n    Partial<BarChartBlockData>,\n    Partial<BudgetBlockData>,\n    Partial<DonutChartBlockData>,\n    Partial<DoubleProgressBarBlockData>,\n    Partial<ImageBlockData>,\n    Partial<AccountBlockData>,\n    Partial<SaveExtraBlockData>,\n    Partial<StepChartBlockData>,\n    Partial<SVGImageBlockData>,\n    Partial<AccountSwitchBlockData>,\n    Partial<TransactionDetailsBlockData>,\n    Partial<CommonProps> {}\n\n//when any of the type is used more than one times, we can use the common props\ninterface CommonProps {\n  amount?: number\n  date?: string\n  legends?: Legends[]\n  category_guid?: string\n  data_series?: DataSeries | DataSet[]\n  transaction_guids?: string[]\n  account_guids?: string[]\n  primary_transaction_guid?: string\n}\n\n//BarChart Block\nexport interface BarChartBlockData {\n  average_amount?: number\n  ariaLabel?: string\n}\n\n//DonutChart Block\ninterface Main {\n  value: string\n  value_type: string\n  label: string\n}\nexport interface DonutChartBlockData {\n  main: Main\n}\n\n//DoubleBarChart Block\n// TODO : This has to be revisited again to update the below types based on API response once we have the final shape of the data_series for double bar chart from BE\nexport interface LegendProps extends Legends {\n  amount: number\n  formattedAmount: string\n  label: string\n  color?: string\n}\n\nexport interface DataSet extends DataSeries {\n  ariaLabelComparison: string\n  ariaLabelMain: string\n  comparison: number\n  formattedComparison: string\n  formattedMain: string\n  label: string\n  main: number\n}\n\n//DoubleProgressBar Block\n\ninterface DoubleProgressBarProps {\n  label: string\n  value: number\n}\nexport interface DoubleProgressBarBlockData {\n  doubleProgressBar: {\n    previous: DoubleProgressBarProps\n    latest: DoubleProgressBarProps\n  }\n}\n\n//Image Block\nexport interface ImageBlockData {\n  image: string\n}\n\n//Account Block\nexport interface AccountBlockData {\n  sub_text: string\n  institution_guid?: string\n  institution_name?: string\n  icon_name?: string\n  /** Header bar text (standard card), or the colored category strip label (deposit cards). */\n  header_text?: string\n  // Deposit variants (Unified Deposit, Unified Deposit Emergency Fund, Savings Account Deposit)\n  /** Merchant guid — renders a real merchant logo in the deposit card when present. */\n  merchant_guid?: string\n  /** Merchant display name — logo alt text and the payer line under the amount. */\n  merchant_name?: string\n  /** Secondary label beside the amount, e.g. `On {date}, you saved` or `Balance as of MM/DD/YY`. */\n  label?: string\n}\n\nexport interface SaveExtraBlockData {\n  /** Styled segments `[lead-in, amount digits, trailing copy]`, e.g. `['Save an extra', '100', 'to help your funds grow']`. */\n  primary_text?: string[]\n  /** Styled segments `[projected balance, caption]`, e.g. `['$8,313.87', 'After payday & projected expenses']`. */\n  secondary_text?: string[]\n  /** MakeTransfer drilldown: available balance (both variants). */\n  available_balance?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: average monthly spend. */\n  avg_monthly_spend?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: how long the balance lasts, overlaid on the timeline SVG (e.g. \"2 months, 11 days\"). */\n  time_period?: string\n  /** SAVE_AN_EXTRA_100: upcoming expenses (the \"Expenses\" figure). */\n  upcoming_expenses?: number\n  /** SAVE_AN_EXTRA_100: total remaining after expenses. */\n  total_remaining?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: date for the \"Your available balances as of {date}\" line. */\n  date?: string\n}\n\n// AccountSwitch Block. State comes from `instance_slot.variant`, not a data flag.\nexport interface AccountSwitchBlockData {\n  discovered_institution_guid: string\n  discovered_institution_name: string\n  held_institution_guid: string\n  held_institution_name: string\n}\n\n// StepChart Block\nexport interface StepChartBlockData {\n  completed_steps: number\n  label_1: string\n  label_2?: string\n}\n\n//Budgets Blocks\nexport enum BudgetTierType {\n  LOW_BUDGET_TIER = 'LOW',\n  MEDIUM_BUDGET_TIER = 'MEDIUM',\n  OFF_TRACK_BUDGET_TIER = 'OFF_TRACK',\n}\n\nexport type BudgetTierValue = `${BudgetTierType}`\n\nexport interface BudgetLocalizedPayload {\n  primary_text?: string\n  amount_left_label?: string\n  spent_label?: string\n  budgeted_label?: string\n}\n\nexport interface BudgetBlockData {\n  budget_percent: number\n  budget_tier: BudgetTierValue\n  category_guid?: string\n  merchant_guid?: string\n  spent_amount: number\n  budgeted_amount: number\n  localized_payload: BudgetLocalizedPayload\n}\n\nexport interface SVGImageBlockData {\n  isCIBC?: boolean\n}\n\n// TransactionDetails Action Block\n// The drawer's subject is `InsightsPayload.primary_transaction_guid`; only action configuration\n// lives here.\nexport interface TransactionDetailsBlockData {\n  /** `TopActions` member names, e.g. `['Category', 'Date', 'Memo']`. Omit for the defaults. */\n  top_actions?: string[]\n  /** `BottomActions` member names, e.g. `['MerchantBudget', 'HideTransaction']`. Omit for defaults. */\n  bottom_actions?: string[]\n}\n"],"mappings":"AAsIA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,kBAAA,OACA,EAAA,qBAAA,UACA,EAAA,wBAAA;AACF,GAAA,CAAA,CAAA"}