@mx-cartographer/experiences 9.6.0 → 9.6.1

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [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/localization/InsightsFeedCopy.d.ts

@@ -132,6 +132,87 @@ export interface FeedbackCopy {
     /** ARIA label for the close button. */
     close_aria: string;
 }
+/** Confirmation survey drilldown (`survey_modal_block`), e.g. "Does this look right?". */
+export interface SurveyModalCopy {
+    /** Dialog title, e.g. "Does this look right?". */
+    title: string;
+    /** Overline above the positive row, e.g. "Yes,". */
+    yes_overline: string;
+    /** Positive row label, e.g. "This looks correct.". */
+    yes_label: string;
+    /** Overline above the negative row, e.g. "No,". */
+    no_overline: string;
+    /** Negative row label, e.g. "This looks wrong.". */
+    no_label: string;
+    /** Primary (Submit) button label. */
+    submit: string;
+    /** ARIA label for the dialog close button. */
+    close_aria: string;
+    /** Reasons dialog title (negative path), e.g. "This looks wrong". */
+    reasons_title: string;
+    /** Reasons dialog options; the last one reveals the detail text field. */
+    reason_options: DynamicKeyValue;
+    /** Reasons dialog secondary (Back) button label. */
+    back: string;
+    /** Helper text under the reasons detail field. */
+    character_limit: string;
+    /** Success snackbar message. */
+    success_message: string;
+    /** Error snackbar message. */
+    error_message: string;
+    /** Error snackbar retry action label. */
+    try_again: string;
+    /** ARIA label for the snackbar close button. */
+    toast_close_aria: string;
+}
+/** Connection-details education drilldown (`connection_detail_block`). */
+export interface ConnectionDetailsCopy {
+    aria_label_thumbs_down: string;
+    aria_label_thumbs_up: string;
+    /** Bullet list under the header. */
+    benefits_list: DynamicKeyValue;
+    /** Drawer title (used by the registry entry's `title`). */
+    connection_details_drawer_title: string;
+    description: string;
+    /** "Was this helpful?" footer label. */
+    footer_title: string;
+    header_text: string;
+    shared_info_description: string;
+    shared_info_header_text: string;
+    /** Shared-info cards, numeric-keyed like other list copy. */
+    shared_info_list: {
+        [key: string]: {
+            content: string;
+            icon_name: string;
+            title: string;
+        };
+    };
+}
+/** CTA feedback drilldown (`feedback_modal_block`): survey dialog + success snackbar. */
+export interface FeedbackModalCopy {
+    /** Dialog title, e.g. "Can you tell us why?". */
+    title: string;
+    /** Paragraph under the title; interpolates `_1{account_name}`. */
+    description: string;
+    /** Survey reasons; the last option reveals the detail text field. */
+    options: DynamicKeyValue;
+    /** Primary (Submit) button label. */
+    submit: string;
+    /** Secondary (No thanks) button label. */
+    no_thanks: string;
+    /** ARIA label for the dialog close button. */
+    close_aria: string;
+    /** Success snackbar message. */
+    success_message: string;
+    /** Error snackbar message. */
+    error_message: string;
+    /** Error snackbar retry action label. */
+    try_again: string;
+    /** ARIA label for the snackbar close button. */
+    toast_close_aria: string;
+    /** Helper text under the detail field. */
+    character_limit: string;
+}
 export interface RemainingCashCopy {
     title: string;
     remaining_until_payday: string;
@@ -175,6 +256,12 @@ export interface InsightsFeedCopy {
     hidden_confirmation: HiddenConfirmationCopy;
     hide_feedback: HideFeedbackCopy;
     feedback: FeedbackCopy;
+    /** Optional: every caller already null-guards (`copyStore.insights_feed?.feedback_modal`). */
+    feedback_modal?: FeedbackModalCopy;
+    /** Optional: every caller already null-guards (`copyStore.insights_feed?.connection_details`). */
+    connection_details?: ConnectionDetailsCopy;
+    /** Optional: every caller already null-guards (`copyStore.insights_feed?.survey_modal`). */
+    survey_modal?: SurveyModalCopy;
     feedback_bar: FeedbackBarCopy;
     dismiss: DismissInsightCopy;
     /** Optional until the localized-content service ships the namespace. */