@mx-cartographer/experiences 9.4.12-alpha.al1 → 9.4.12

package/dist/core/stores/InsightsV2Store.d.ts

@@ -1,24 +1,41 @@
-import { DrilldownPayload } from '../types';
 import { GlobalStore } from './GlobalStore';
 export type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar';
 export interface ActionDrawerState {
     isDrawerOpen: boolean;
     trigger: ActionDrawerTrigger;
-    chartBarIndex: number;
-    tabIndex: number;
     guid: string;
+    /**
+     * Block-specific drilldown data, opaque to the store. Each action block defines
+     * and reads its own shape (via useActionContext<T>()), so adding a block never
+     * widens this envelope. Chart drilldowns put `{ chartBarIndex, tabIndex }` here;
+     * CTAs carry none.
+     */
+    context: unknown;
 }
 export declare const CLOSED_ACTION_DRAWER: ActionDrawerState;
+interface OpenActionDrawerArgs {
+    guid: string;
+    trigger: ActionDrawerTrigger;
+    context?: unknown;
+}
 /**
- * UI state shared across the insights-v2 widget tree. Owns the action drawer
- * so cards, charts, and action blocks coordinate through the store instead of
- * prop drilling.
+ * UI state shared across the insights-v2 widget tree. Owns the action drawer so
+ * cards, charts, and action blocks coordinate through the store instead of prop
+ * drilling. The drawer state is a fixed envelope (isDrawerOpen/guid/trigger) plus
+ * an opaque `context` bag, so per-block drilldown data never leaks into this shape.
  */
 export declare class InsightsV2Store {
     globalStore: GlobalStore;
     actionDrawer: ActionDrawerState;
     constructor(globalStore: GlobalStore);
+    /**
+     * Generic drawer opener — the only opener a new action block needs. Pass the
+     * beat guid, the CTA/source that triggered it, and (optionally) a block-specific
+     * context object the block reads back via useActionContext.
+     */
+    openActionDrawer: ({ guid, trigger, context }: OpenActionDrawerArgs) => void;
+    /** Convenience opener for CTA drawers (no drilldown context). */
     openCtaDrawer: (guid: string, trigger: "primaryCta" | "secondaryCta") => void;
-    openChartDrilldown: (guid: string, { chartBarIndex, tabIndex }: DrilldownPayload) => void;
     closeActionDrawer: () => void;
 }
+export {};

package/dist/core/stores/InsightsV2Store.es.js

@@ -1,33 +1,28 @@
-import { makeAutoObservable as t } from "mobx";
-var i = {
-  chartBarIndex: 0,
-  tabIndex: 0,
+import { makeAutoObservable as a } from "mobx";
+var o = {
   isDrawerOpen: !1,
   trigger: "primaryCta",
-  guid: ""
-}, n = class {
+  guid: "",
+  context: void 0
+}, s = class {
   globalStore;
-  actionDrawer = i;
+  actionDrawer = o;
   constructor(r) {
-    this.globalStore = r, t(this);
+    this.globalStore = r, a(this);
   }
-  openCtaDrawer = (r, a) => {
+  openActionDrawer = ({ guid: r, trigger: e, context: t }) => {
     this.actionDrawer = {
-      chartBarIndex: 0,
-      tabIndex: 0,
       isDrawerOpen: !0,
-      trigger: a,
-      guid: r
+      trigger: e,
+      guid: r,
+      context: t
     };
   };
-  openChartDrilldown = (r, { chartBarIndex: a, tabIndex: e }) => {
-    this.actionDrawer = {
-      chartBarIndex: a,
-      tabIndex: e ?? 0,
-      isDrawerOpen: !0,
-      trigger: "chartBar",
-      guid: r
-    };
+  openCtaDrawer = (r, e) => {
+    this.openActionDrawer({
+      guid: r,
+      trigger: e
+    });
   };
   closeActionDrawer = () => {
     this.actionDrawer = {
@@ -38,8 +33,8 @@ var i = {
   };
 };
 export {
-  i as CLOSED_ACTION_DRAWER,
-  n as InsightsV2Store
+  o as CLOSED_ACTION_DRAWER,
+  s as InsightsV2Store
 };
 
 //# sourceMappingURL=InsightsV2Store.es.js.map

package/dist/core/stores/InsightsV2Store.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsV2Store.es.js","names":[],"sources":["../../../src/core/stores/InsightsV2Store.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\n\nimport type { DrilldownPayload } from '../types'\n\nimport type { GlobalStore } from './GlobalStore'\n\nexport type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar'\n\nexport interface ActionDrawerState {\n  isDrawerOpen: boolean\n  trigger: ActionDrawerTrigger\n  chartBarIndex: number\n  tabIndex: number\n  guid: string\n}\n\nexport const CLOSED_ACTION_DRAWER: ActionDrawerState = {\n  chartBarIndex: 0,\n  tabIndex: 0,\n  isDrawerOpen: false,\n  trigger: 'primaryCta',\n  guid: '',\n}\n\n/**\n * UI state shared across the insights-v2 widget tree. Owns the action drawer\n * so cards, charts, and action blocks coordinate through the store instead of\n * prop drilling.\n */\nexport class InsightsV2Store {\n  globalStore: GlobalStore\n\n  actionDrawer: ActionDrawerState = CLOSED_ACTION_DRAWER\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  openCtaDrawer = (guid: string, trigger: 'primaryCta' | 'secondaryCta') => {\n    this.actionDrawer = {\n      chartBarIndex: 0,\n      tabIndex: 0,\n      isDrawerOpen: true,\n      trigger,\n      guid,\n    }\n  }\n\n  openChartDrilldown = (guid: string, { chartBarIndex, tabIndex }: DrilldownPayload) => {\n    this.actionDrawer = {\n      chartBarIndex,\n      tabIndex: tabIndex ?? 0,\n      isDrawerOpen: true,\n      trigger: 'chartBar',\n      guid,\n    }\n  }\n\n  closeActionDrawer = () => {\n    // Preserve `trigger` so the drawer keeps its variant-specific title/content\n    // through the slide-out animation (ActionBlockLayer stays mounted while\n    // closing). Only flip isDrawerOpen off and clear the beat guid.\n    this.actionDrawer = { ...this.actionDrawer, isDrawerOpen: false, guid: '' }\n  }\n}\n"],"mappings":";AAgBA,IAAa,IAA0C;AAAA,EACrD,eAAe;AAAA,EACf,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AACR,GAOa,IAAb,MAA6B;AAAA,EAC3B;AAAA,EAEA,eAAkC;AAAA,EAElC,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,gBAAA,CAAiB,GAAc,MAA2C;AACxE,SAAK,eAAe;AAAA,MAClB,eAAe;AAAA,MACf,UAAU;AAAA,MACV,cAAc;AAAA,MACd,SAAA;AAAA,MACA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,qBAAA,CAAsB,GAAc,EAAE,eAAA,GAAe,UAAA,EAAA,MAAiC;AACpF,SAAK,eAAe;AAAA,MAClB,eAAA;AAAA,MACA,UAAU,KAAY;AAAA,MACtB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,oBAAA,MAA0B;AAIxB,SAAK,eAAe;AAAA,MAAE,GAAG,KAAK;AAAA,MAAc,cAAc;AAAA,MAAO,MAAM;AAAA,IAAG;AAAA,EAC5E;AACF"}
+{"version":3,"file":"InsightsV2Store.es.js","names":[],"sources":["../../../src/core/stores/InsightsV2Store.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\n\nimport type { GlobalStore } from './GlobalStore'\n\nexport type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar'\n\nexport interface ActionDrawerState {\n  isDrawerOpen: boolean\n  trigger: ActionDrawerTrigger\n  guid: string\n  /**\n   * Block-specific drilldown data, opaque to the store. Each action block defines\n   * and reads its own shape (via useActionContext<T>()), so adding a block never\n   * widens this envelope. Chart drilldowns put `{ chartBarIndex, tabIndex }` here;\n   * CTAs carry none.\n   */\n  context: unknown\n}\n\nexport const CLOSED_ACTION_DRAWER: ActionDrawerState = {\n  isDrawerOpen: false,\n  trigger: 'primaryCta',\n  guid: '',\n  context: undefined,\n}\n\ninterface OpenActionDrawerArgs {\n  guid: string\n  trigger: ActionDrawerTrigger\n  context?: unknown\n}\n\n/**\n * UI state shared across the insights-v2 widget tree. Owns the action drawer so\n * cards, charts, and action blocks coordinate through the store instead of prop\n * drilling. The drawer state is a fixed envelope (isDrawerOpen/guid/trigger) plus\n * an opaque `context` bag, so per-block drilldown data never leaks into this shape.\n */\nexport class InsightsV2Store {\n  globalStore: GlobalStore\n\n  actionDrawer: ActionDrawerState = CLOSED_ACTION_DRAWER\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  /**\n   * Generic drawer opener — the only opener a new action block needs. Pass the\n   * beat guid, the CTA/source that triggered it, and (optionally) a block-specific\n   * context object the block reads back via useActionContext.\n   */\n  openActionDrawer = ({ guid, trigger, context }: OpenActionDrawerArgs) => {\n    this.actionDrawer = { isDrawerOpen: true, trigger, guid, context }\n  }\n\n  /** Convenience opener for CTA drawers (no drilldown context). */\n  openCtaDrawer = (guid: string, trigger: 'primaryCta' | 'secondaryCta') => {\n    this.openActionDrawer({ guid, trigger })\n  }\n\n  closeActionDrawer = () => {\n    // Preserve `trigger` + `context` so the drawer keeps its variant-specific\n    // title/content through the slide-out animation (ActionBlockLayer stays\n    // mounted while closing). Only flip isDrawerOpen off and clear the beat guid.\n    this.actionDrawer = { ...this.actionDrawer, isDrawerOpen: false, guid: '' }\n  }\n}\n"],"mappings":";AAmBA,IAAa,IAA0C;AAAA,EACrD,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX,GAca,IAAb,MAA6B;AAAA,EAC3B;AAAA,EAEA,eAAkC;AAAA,EAElC,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAOA,mBAAA,CAAoB,EAAE,MAAA,GAAM,SAAA,GAAS,SAAA,EAAA,MAAoC;AACvE,SAAK,eAAe;AAAA,MAAE,cAAc;AAAA,MAAM,SAAA;AAAA,MAAS,MAAA;AAAA,MAAM,SAAA;AAAA,IAAQ;AAAA,EACnE;AAAA,EAGA,gBAAA,CAAiB,GAAc,MAA2C;AACxE,SAAK,iBAAiB;AAAA,MAAE,MAAA;AAAA,MAAM,SAAA;AAAA,IAAQ,CAAC;AAAA,EACzC;AAAA,EAEA,oBAAA,MAA0B;AAIxB,SAAK,eAAe;AAAA,MAAE,GAAG,KAAK;AAAA,MAAc,cAAc;AAAA,MAAO,MAAM;AAAA,IAAG;AAAA,EAC5E;AACF"}

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

@@ -49,21 +49,20 @@ export interface MasterConfig {
 }
 export interface StyleConfig {
     background_color?: string;
-    button_corner_radius?: number;
-    card_corner_radius?: number;
-    error_color?: string;
-    font_name?: string;
-    header_font_name?: string;
-    info_color?: string;
-    neutral_color?: string;
     paper_color?: string;
     primary_color?: string;
     secondary_color?: string;
     success_color?: string;
+    error_color?: string;
+    warning_color?: string;
+    info_color?: string;
+    neutral_color?: string;
+    corner_radius?: number;
+    font_name?: string;
+    header_font_name?: string;
     use_body_font_url?: boolean;
-    use_glass?: boolean;
     use_header_font_url?: boolean;
-    warning_color?: string;
+    use_glass?: boolean;
 }
 export interface DeepLinkParams {
     account_guids?: string[];

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

@@ -96,30 +96,30 @@ export interface ClientInsightProfile {
     is_recurring_transactions_manager_enabled: boolean;
 }
 export interface ClientStyleProfile {
-    background_color?: string;
-    body_font_name?: string;
-    body_font_url?: string;
-    button_corner_radius?: number;
-    card_corner_radius?: number;
-    error_color?: string;
-    error_color_dark?: string;
-    header_font_name?: string;
-    header_font_url?: string;
-    info_color?: string;
-    info_color_dark?: string;
-    mode?: 'dark' | 'light' | 'browser';
-    neutral_color?: string;
-    neutral_color_dark?: string;
-    paper_color?: string;
     primary_color?: string;
-    primary_color_dark?: string;
     primary_font_regular?: string;
     secondary_color?: string;
-    secondary_color_dark?: string;
+    neutral_color?: string;
     success_color?: string;
+    error_color?: string;
+    warning_color?: string;
+    info_color?: string;
+    primary_color_dark?: string;
+    secondary_color_dark?: string;
+    neutral_color_dark?: string;
     success_color_dark?: string;
+    error_color_dark?: string;
+    warning_color_dark?: string;
+    info_color_dark?: string;
+    mode?: 'dark' | 'light' | 'browser';
     system_font?: string;
+    card_corner_radius?: number;
+    button_corner_radius?: number;
+    background_color?: string;
+    paper_color?: string;
+    body_font_name?: string;
+    body_font_url?: string;
+    header_font_name?: string;
+    header_font_url?: string;
     use_glass?: boolean;
-    warning_color?: string;
-    warning_color_dark?: string;
 }

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlock.d.ts

@@ -1,27 +1,4 @@
-import { variants } from './layout';
-export { variants };
-interface CopyContent {
-    header_content?: string;
-    description?: string;
-    body_content?: string;
-    body_description?: string;
-    available_text?: string;
-    total_remaining_text?: string;
-    increment_aria_label?: string;
-    decrement_aria_label?: string;
-    expenses_text?: string;
-    available_balances_text?: string;
-    average_monthly_spend_text?: string;
-    your_available_balances_text?: string;
-}
-interface MakeTransferActionBlockProps {
-    date?: string;
-    variant: (typeof variants)[keyof typeof variants];
-    svgDateContent?: string;
-    availableBalances?: number;
-    copy: CopyContent;
-    averageMonthlySpend?: number;
-    /** SAVE_AN_EXTRA_100: total remaining from the payload; falls back to available − expenses. */
-    totalRemaining?: number;
-}
-export declare const MakeTransferActionBlock: ({ variant, svgDateContent, date, copy, availableBalances, averageMonthlySpend, totalRemaining, }: MakeTransferActionBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { MakeTransferVariant, MakeTransferVariantProps } from './layout';
+export declare const MakeTransferActionBlock: ({ variant, slotData, copy, }: MakeTransferVariantProps & {
+    variant: MakeTransferVariant;
+}) => import("react/jsx-runtime").JSX.Element;