@mx-cartographer/experiences 9.4.64 → 9.4.66

package/dist/insights-v2/ctaActions/runCtaAction.es.js

@@ -0,0 +1,79 @@
+import { sendBeatCta as l } from "../../common/utils/PostMessage.es.js";
+import { hasDrawerBlock as p } from "../mappings/blocks.es.js";
+import { HOST_ACTIONS as d } from "./hostActions.es.js";
+import { ctaActions as f } from "./ctaConfig.es.js";
+import { ctaHandlers as m } from "./ctaHandlers.es.js";
+var C = {}, n = ({ cta: t }) => t.action_key && f[t.action_key] || C, A = (t) => {
+  const e = n(t);
+  return { disabled: t.stores.insightsV2Store.ctaStatus[t.beat.guid] === "pending" || (e.disabledWhen?.(t) ?? !1) };
+}, o = ({ beat: t, slot: e, stores: a }) => {
+  a.insightsV2Store.openCtaDrawer(t.guid, e === "primary" ? "primaryCta" : "secondaryCta");
+}, g = (t) => {
+  const { beat: e, cta: a, stores: r } = t;
+  if (p(a.block)) {
+    o(t);
+    return;
+  }
+  const { is_mobile_webview: s, clientConfig: i } = r.appDataStore.appConfig;
+  l(e, {
+    isMobileWebview: s,
+    webviewScheme: i?.master?.ui_message_webview_url_scheme,
+    userGuid: e.insights_payload?.user_guid ?? e.user_guid
+  });
+}, w = (t, { beat: e, stores: a }) => {
+  t === "refreshBeat" && a.emitUpdate({ staleBeatGuid: e.guid });
+}, v = ({ beat: t, slot: e, hostActions: a }) => {
+  e !== "primary" || t.cta_clicked_at || Promise.resolve().then(() => a.onCtaAction?.({
+    beatGuid: t.guid,
+    name: d.markCtaClicked
+  })).catch(() => {
+  });
+}, c = async (t, e, a) => {
+  const r = m[e];
+  if (!r) throw new Error(`Unknown CTA handler "${e}"`);
+  await r(t);
+  for (const s of a) w(s, t);
+}, u = async ({ beat: t, stores: e }, a, r = {}) => {
+  const { insightsV2Store: s } = e;
+  s.setCtaStatus(t.guid, "pending");
+  try {
+    return await a(), s.setCtaStatus(t.guid, "done"), !0;
+  } catch (i) {
+    return s.setCtaStatus(t.guid, "error"), e.captureException(i, {
+      store: "ctaActions",
+      template: t.template,
+      ...r
+    }), !1;
+  }
+}, T = async (t) => {
+  const e = n(t), a = typeof e.params == "function" ? e.params(t) : e.params, r = {
+    ...t,
+    params: {
+      ...a,
+      ...t.params
+    }
+  };
+  e.skipCtaClicked || v(r), await u(r, async () => {
+    e.run && await c(r, e.run, e.onSuccess ?? []);
+    const s = e.next ?? (e.run ? "none" : "default");
+    s === "default" ? g(r) : s === "drawer" && o(r);
+  });
+}, h = {
+  label: "",
+  block: ""
+}, D = (t, e, { onSuccess: a = [] } = {}) => {
+  const r = {
+    ...t,
+    cta: h,
+    slot: "primary"
+  };
+  return u(r, () => c(r, e, a), { handler: e });
+};
+export {
+  A as resolveCtaState,
+  n as resolveStep,
+  T as runCtaAction,
+  D as runCtaHandler
+};
+
+//# sourceMappingURL=runCtaAction.es.js.map

package/dist/insights-v2/ctaActions/runCtaAction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runCtaAction.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/runCtaAction.ts"],"sourcesContent":["import { sendBeatCta } from '../../common/utils/PostMessage'\nimport { hasDrawerBlock } from '../mappings/blocks'\nimport { ctaActions } from './ctaConfig'\nimport { ctaHandlers, type CtaHandlerName } from './ctaHandlers'\nimport { HOST_ACTIONS } from './hostActions'\nimport type {\n  CtaContext,\n  CtaEffect,\n  CtaHandler,\n  CtaHandlerContext,\n  CtaState,\n  CtaStateContext,\n  CtaStep,\n  RunHandlerOptions,\n} from './types'\n\nconst DEFAULT_STEP: CtaStep = {}\n\n// ─── Resolution ─────────────────────────────────────────────────────────────\n\n/** The beat's own context (input a block collected for it), `{}` until something is written. */\nexport const beatContextOf = ({ beat, stores }: Pick<CtaStateContext, 'beat' | 'stores'>) =>\n  stores.insightsV2Store.beatContext[beat.guid] ?? {}\n\n/** The step named by the CTA's `action_key`, or the empty default (no key / unknown key). */\nexport const resolveStep = ({ cta }: Pick<CtaStateContext, 'cta'>): CtaStep =>\n  (cta.action_key && ctaActions[cta.action_key]) || DEFAULT_STEP\n\n/** Pending always disables; the step's `disabledWhen` may add to that. */\nexport const resolveCtaState = (ctx: CtaStateContext): CtaState => {\n  const step = resolveStep(ctx)\n  const pending = ctx.stores.insightsV2Store.ctaStatus[ctx.beat.guid] === 'pending'\n\n  return { disabled: pending || (step.disabledWhen?.(ctx) ?? false) }\n}\n\n// ─── Targets and effects ────────────────────────────────────────────────────\n\n/** Opens the beat's drawer for whichever slot triggered the current step. */\nconst openDrawerForSlot = ({\n  beat,\n  slot,\n  stores,\n}: Pick<CtaContext, 'beat' | 'slot' | 'stores'>) => {\n  stores.insightsV2Store.openCtaDrawer(\n    beat.guid,\n    slot === 'primary' ? 'primaryCta' : 'secondaryCta',\n  )\n}\n\n/** Pre-existing BaseLayout behaviour: drawer for a real block, otherwise beat/cta message. */\nconst runDefaultTarget = (ctx: CtaContext) => {\n  const { beat, cta, stores } = ctx\n\n  if (hasDrawerBlock(cta.block)) {\n    openDrawerForSlot(ctx)\n    return\n  }\n\n  const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n\n  sendBeatCta(beat, {\n    isMobileWebview: is_mobile_webview,\n    webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n    userGuid: beat.insights_payload?.user_guid ?? beat.user_guid,\n  })\n}\n\nconst runEffect = (effect: CtaEffect, { beat, stores }: CtaContext) => {\n  switch (effect) {\n    case 'refreshBeat':\n      stores.emitUpdate({ staleBeatGuid: beat.guid })\n      break\n  }\n}\n\n/**\n * First primary click records `cta_clicked_at` through the host. Fire-and-forget: whatever the\n * host does (reject, throw, return nothing) must never fail the user's action.\n */\nconst markCtaClicked = ({ beat, slot, hostActions }: CtaContext) => {\n  if (slot !== 'primary' || beat.cta_clicked_at) return\n\n  // Wrapping the call in `.then` turns a synchronous throw into a rejection, and the `.catch`\n  // swallows both: a failed cta_clicked_at write is not the user's action.\n  Promise.resolve()\n    .then(() =>\n      hostActions.onCtaAction?.({ beatGuid: beat.guid, name: HOST_ACTIONS.markCtaClicked }),\n    )\n    .catch(() => {})\n}\n\n// ─── Shared bookkeeping ─────────────────────────────────────────────────────\n\n/** Runs a named handler, then its `onSuccess` effects. Shared by card CTAs and drawer saves. */\nconst runHandlerWithEffects = async (\n  ctx: CtaContext,\n  handlerName: CtaHandlerName,\n  onSuccess: CtaEffect[],\n): Promise<void> => {\n  // Names are typed, but the map is still indexed defensively: config can come from anywhere.\n  const handler = (ctaHandlers as Record<string, CtaHandler>)[handlerName]\n\n  if (!handler) throw new Error(`Unknown CTA handler \"${handlerName}\"`)\n\n  await handler(ctx)\n\n  for (const effect of onSuccess) runEffect(effect, ctx)\n}\n\n/** Per-beat status around `work`: `pending` -> `done` | `error` (+ captureException). */\nconst withCtaStatus = async (\n  { beat, stores }: Pick<CtaContext, 'beat' | 'stores'>,\n  work: () => Promise<void>,\n  captureContext: Record<string, string> = {},\n): Promise<boolean> => {\n  const { insightsV2Store } = stores\n\n  insightsV2Store.setCtaStatus(beat.guid, 'pending')\n\n  try {\n    await work()\n    insightsV2Store.setCtaStatus(beat.guid, 'done')\n\n    return true\n  } catch (error) {\n    insightsV2Store.setCtaStatus(beat.guid, 'error')\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      ...captureContext,\n    })\n\n    return false\n  }\n}\n\n// ─── Entry points ───────────────────────────────────────────────────────────\n\n/** Runs the CTA's step: `run` handler, `onSuccess` effects, then the `next` target. */\nexport const runCtaAction = async (ctx: CtaContext): Promise<void> => {\n  const step = resolveStep(ctx)\n  const stepParams = typeof step.params === 'function' ? step.params(ctx) : step.params\n  const stepCtx: CtaContext = { ...ctx, params: { ...stepParams, ...ctx.params } }\n\n  if (!step.skipCtaClicked) markCtaClicked(stepCtx)\n\n  await withCtaStatus(stepCtx, async () => {\n    if (step.run) await runHandlerWithEffects(stepCtx, step.run, step.onSuccess ?? [])\n\n    const target = step.next ?? (step.run ? 'none' : 'default')\n\n    if (target === 'default') runDefaultTarget(stepCtx)\n    else if (target === 'drawer') openDrawerForSlot(stepCtx)\n  })\n}\n\n/** Placeholder CTA for handlers run from inside a drawer, where no card slot is involved. */\nconst DIRECT_CTA = { label: '', block: '' }\n\n/** Runs a handler directly (drawer Save buttons): same bookkeeping as a card CTA. True on success. */\nexport const runCtaHandler = (\n  ctx: CtaHandlerContext,\n  handlerName: CtaHandlerName,\n  { onSuccess = [] }: RunHandlerOptions = {},\n): Promise<boolean> => {\n  const fullCtx: CtaContext = { ...ctx, cta: DIRECT_CTA, slot: 'primary' }\n\n  return withCtaStatus(fullCtx, () => runHandlerWithEffects(fullCtx, handlerName, onSuccess), {\n    handler: handlerName,\n  })\n}\n"],"mappings":";;;;;AAgBA,IAAM,IAAwB,CAAC,GASlB,IAAA,CAAe,EAAE,KAAA,EAAA,MAC3B,EAAI,cAAc,EAAW,EAAI,UAAA,KAAgB,GAGvC,IAAA,CAAmB,MAAmC;AACjE,QAAM,IAAO,EAAY,CAAG;AAG5B,SAAO,EAAE,UAFO,EAAI,OAAO,gBAAgB,UAAU,EAAI,KAAK,IAAA,MAAU,cAEzC,EAAK,eAAe,CAAG,KAAK,IAAO;AACpE,GAKM,IAAA,CAAqB,EACzB,MAAA,GACA,MAAA,GACA,QAAA,EAAA,MACkD;AAClD,EAAA,EAAO,gBAAgB,cACrB,EAAK,MACL,MAAS,YAAY,eAAe,cACtC;AACF,GAGM,IAAA,CAAoB,MAAoB;AAC5C,QAAM,EAAE,MAAA,GAAM,KAAA,GAAK,QAAA,EAAA,IAAW;AAE9B,MAAI,EAAe,EAAI,KAAK,GAAG;AAC7B,IAAA,EAAkB,CAAG;AACrB;AAAA,EACF;AAEA,QAAM,EAAE,mBAAA,GAAmB,cAAA,EAAA,IAAiB,EAAO,aAAa;AAEhE,EAAA,EAAY,GAAM;AAAA,IAChB,iBAAiB;AAAA,IACjB,eAAe,GAAc,QAAQ;AAAA,IACrC,UAAU,EAAK,kBAAkB,aAAa,EAAK;AAAA,EACrD,CAAC;AACH,GAEM,IAAA,CAAa,GAAmB,EAAE,MAAA,GAAM,QAAA,EAAA,MAAyB;AACrE,EAAQ,MACD,iBACH,EAAO,WAAW,EAAE,eAAe,EAAK,KAAK,CAAC;AAGpD,GAMM,IAAA,CAAkB,EAAE,MAAA,GAAM,MAAA,GAAM,aAAA,EAAA,MAA8B;AAClE,EAAI,MAAS,aAAa,EAAK,kBAI/B,QAAQ,QAAQ,EACb,KAAA,MACC,EAAY,cAAc;AAAA,IAAE,UAAU,EAAK;AAAA,IAAM,MAAM,EAAa;AAAA,EAAe,CAAC,CACtF,EACC,MAAA,MAAY;AAAA,EAAC,CAAC;AACnB,GAKM,IAAwB,OAC5B,GACA,GACA,MACkB;AAElB,QAAM,IAAW,EAA2C,CAAA;AAE5D,MAAI,CAAC,EAAS,OAAM,IAAI,MAAM,wBAAwB,CAAA,GAAc;AAEpE,QAAM,EAAQ,CAAG;AAEjB,aAAW,KAAU,EAAW,CAAA,EAAU,GAAQ,CAAG;AACvD,GAGM,IAAgB,OACpB,EAAE,MAAA,GAAM,QAAA,EAAA,GACR,GACA,IAAyC,CAAC,MACrB;AACrB,QAAM,EAAE,iBAAA,EAAA,IAAoB;AAE5B,EAAA,EAAgB,aAAa,EAAK,MAAM,SAAS;AAEjD,MAAI;AACF,iBAAM,EAAK,GACX,EAAgB,aAAa,EAAK,MAAM,MAAM,GAEvC;AAAA,EACT,SAAS,GAAO;AACd,WAAA,EAAgB,aAAa,EAAK,MAAM,OAAO,GAC/C,EAAO,iBAAiB,GAAO;AAAA,MAC7B,OAAO;AAAA,MACP,UAAU,EAAK;AAAA,MACf,GAAG;AAAA,IACL,CAAC,GAEM;AAAA,EACT;AACF,GAKa,IAAe,OAAO,MAAmC;AACpE,QAAM,IAAO,EAAY,CAAG,GACtB,IAAa,OAAO,EAAK,UAAW,aAAa,EAAK,OAAO,CAAG,IAAI,EAAK,QACzE,IAAsB;AAAA,IAAE,GAAG;AAAA,IAAK,QAAQ;AAAA,MAAE,GAAG;AAAA,MAAY,GAAG,EAAI;AAAA,IAAO;AAAA,EAAE;AAE/E,EAAK,EAAK,kBAAgB,EAAe,CAAO,GAEhD,MAAM,EAAc,GAAS,YAAY;AACvC,IAAI,EAAK,OAAK,MAAM,EAAsB,GAAS,EAAK,KAAK,EAAK,aAAa,CAAC,CAAC;AAEjF,UAAM,IAAS,EAAK,SAAS,EAAK,MAAM,SAAS;AAEjD,IAAI,MAAW,YAAW,EAAiB,CAAO,IACzC,MAAW,YAAU,EAAkB,CAAO;AAAA,EACzD,CAAC;AACH,GAGM,IAAa;AAAA,EAAE,OAAO;AAAA,EAAI,OAAO;AAAG,GAG7B,IAAA,CACX,GACA,GACA,EAAE,WAAA,IAAY,CAAC,EAAA,IAAyB,CAAC,MACpB;AACrB,QAAM,IAAsB;AAAA,IAAE,GAAG;AAAA,IAAK,KAAK;AAAA,IAAY,MAAM;AAAA,EAAU;AAEvE,SAAO,EAAc,GAAA,MAAe,EAAsB,GAAS,GAAa,CAAS,GAAG,EAC1F,SAAS,EACX,CAAC;AACH"}

package/dist/insights-v2/ctaActions/types.d.ts

@@ -0,0 +1,57 @@
+import { Beat, PrimaryCTA, SecondaryCTA } from '../../core';
+import { GlobalStore } from '../../core/stores/GlobalStore';
+import { BeatActions } from '../beatActions';
+import { CtaHandlerName } from './ctaHandlers';
+export type CtaSlot = 'primary' | 'secondary';
+/** Handler inputs: control values at the top level, the write set under `fields`. */
+export type CtaParams = Record<string, unknown>;
+/** Read-only view for state predicates evaluated during render. */
+export type CtaStateContext = Pick<CtaContext, 'beat' | 'cta' | 'slot' | 'stores'>;
+export interface CtaState {
+    disabled: boolean;
+}
+/** Everything a step guard or handler can read while running. */
+export interface CtaContext {
+    beat: Beat;
+    cta: PrimaryCTA | SecondaryCTA;
+    slot: CtaSlot;
+    stores: GlobalStore;
+    hostActions: BeatActions;
+    /** Free-form data declared on the step (or passed by an in-drawer caller). */
+    params: Record<string, unknown>;
+}
+/** Runner-owned after-effects. `refreshBeat`: tell the host the beat is stale (it refetches). */
+export type CtaEffect = 'refreshBeat';
+/** What a CTA does when its `action_key` names this step. The backend picks the key per state. */
+export interface CtaStep {
+    /** Handler to await first (typed: a misspelt name fails typecheck). */
+    run?: CtaHandlerName;
+    /**
+     * Forwarded to the handler as `ctx.params`. A function computes them at press time from the
+     * beat and stores (e.g. a user pick from `beatContextOf(ctx)`); keep it to reading values, the
+     * backend picks behaviour per state via `action_key`.
+     */
+    params?: CtaParams | ((ctx: CtaStateContext) => CtaParams);
+    /** Effects executed after `run` resolves successfully. */
+    onSuccess?: CtaEffect[];
+    /**
+     * After `run`: `default` = drawer if the CTA has a block, else post; `drawer` forces the
+     * drawer; `none` stops. Omitted = `none` with `run`, `default` without.
+     */
+    next?: 'default' | 'drawer' | 'none';
+    /** Skip the first-click `markCtaClicked` host effect. */
+    skipCtaClicked?: boolean;
+    /**
+     * Disable while true. Only for client-only state (a pick not yet made, a store loading);
+     * data-derived rules belong to the backend, which omits the label instead.
+     */
+    disabledWhen?: (ctx: CtaStateContext) => boolean;
+}
+/** Context for a handler run directly from a drawer (no card CTA / slot involved). */
+export type CtaHandlerContext = Omit<CtaContext, 'cta' | 'slot'>;
+export interface RunHandlerOptions {
+    /** Runner-owned effects executed after the handler resolves. */
+    onSuccess?: CtaEffect[];
+}
+/** A named side effect. Must throw (or reject) on failure so the runner can report it. */
+export type CtaHandler = (ctx: CtaContext) => Promise<void> | void;

package/dist/insights-v2/ctaActions/useCtaAction.d.ts

@@ -0,0 +1,19 @@
+import { Beat, PrimaryCTA, SecondaryCTA } from '../../core';
+import { BeatActions } from '../beatActions';
+import { CtaHandlerName } from './ctaHandlers';
+import { CtaSlot, CtaState, RunHandlerOptions } from './types';
+export interface BeatCtaActions {
+    runCta: (slot: CtaSlot, cta: PrimaryCTA | SecondaryCTA, params?: Record<string, unknown>) => Promise<void>;
+    primary: CtaState;
+    secondary: CtaState;
+}
+/**
+ * The card's click runner plus per-slot enabled state. Call from an `observer` so `disabledWhen`
+ * store reads re-render. `beatActions` is a parameter: BaseLayout mounts its provider below this.
+ */
+export declare const useBeatCtaActions: (beat: Beat, beatActions?: BeatActions, primaryCta?: PrimaryCTA | SecondaryCTA, secondaryCta?: PrimaryCTA | SecondaryCTA) => BeatCtaActions;
+/**
+ * Runs a handler from inside a drawer, e.g. `runHandler('createBudget', { categoryGuid, amount },
+ * { onSuccess: ['refreshBeat'] })`. Inside a block, pass `useBeatActions()` as `beatActions`.
+ */
+export declare const useCtaHandler: (beat: Beat, beatActions?: BeatActions) => (handlerName: CtaHandlerName, params?: Record<string, unknown>, options?: RunHandlerOptions) => Promise<boolean>;

package/dist/insights-v2/ctaActions/useCtaAction.es.js

@@ -0,0 +1,44 @@
+import { useGlobalStore as l } from "../../common/context/hooks.es.js";
+import { resolveCtaState as n, runCtaAction as C, runCtaHandler as m } from "./runCtaAction.es.js";
+var c = {
+  label: "",
+  block: ""
+}, d = (r, o = {}, a = c, s = c) => {
+  const t = l();
+  return {
+    runCta: (e, i, u = {}) => C({
+      beat: r,
+      cta: i,
+      slot: e,
+      stores: t,
+      hostActions: o,
+      params: u
+    }),
+    primary: n({
+      beat: r,
+      cta: a,
+      slot: "primary",
+      stores: t
+    }),
+    secondary: n({
+      beat: r,
+      cta: s,
+      slot: "secondary",
+      stores: t
+    })
+  };
+}, v = (r, o = {}) => {
+  const a = l();
+  return (s, t = {}, e) => m({
+    beat: r,
+    stores: a,
+    hostActions: o,
+    params: t
+  }, s, e);
+};
+export {
+  d as useBeatCtaActions,
+  v as useCtaHandler
+};
+
+//# sourceMappingURL=useCtaAction.es.js.map

package/dist/insights-v2/ctaActions/useCtaAction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCtaAction.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/useCtaAction.ts"],"sourcesContent":["import type { Beat, PrimaryCTA, SecondaryCTA } from '../../core'\nimport { useGlobalStore } from '../../common'\nimport type { BeatActions } from '../beatActions'\nimport type { CtaHandlerName } from './ctaHandlers'\nimport { resolveCtaState, runCtaAction, runCtaHandler } from './runCtaAction'\nimport type { CtaSlot, CtaState, RunHandlerOptions } from './types'\n\nconst EMPTY_CTA: PrimaryCTA = { label: '', block: '' }\n\nexport interface BeatCtaActions {\n  runCta: (\n    slot: CtaSlot,\n    cta: PrimaryCTA | SecondaryCTA,\n    params?: Record<string, unknown>,\n  ) => Promise<void>\n  primary: CtaState\n  secondary: CtaState\n}\n\n/**\n * The card's click runner plus per-slot enabled state. Call from an `observer` so `disabledWhen`\n * store reads re-render. `beatActions` is a parameter: BaseLayout mounts its provider below this.\n */\nexport const useBeatCtaActions = (\n  beat: Beat,\n  beatActions: BeatActions = {},\n  primaryCta: PrimaryCTA | SecondaryCTA = EMPTY_CTA,\n  secondaryCta: PrimaryCTA | SecondaryCTA = EMPTY_CTA,\n): BeatCtaActions => {\n  const stores = useGlobalStore()\n\n  return {\n    runCta: (slot, cta, params = {}) =>\n      runCtaAction({ beat, cta, slot, stores, hostActions: beatActions, params }),\n    primary: resolveCtaState({ beat, cta: primaryCta, slot: 'primary', stores }),\n    secondary: resolveCtaState({ beat, cta: secondaryCta, slot: 'secondary', stores }),\n  }\n}\n\n/**\n * Runs a handler from inside a drawer, e.g. `runHandler('createBudget', { categoryGuid, amount },\n * { onSuccess: ['refreshBeat'] })`. Inside a block, pass `useBeatActions()` as `beatActions`.\n */\nexport const useCtaHandler = (beat: Beat, beatActions: BeatActions = {}) => {\n  const stores = useGlobalStore()\n\n  return (\n    handlerName: CtaHandlerName,\n    params: Record<string, unknown> = {},\n    options?: RunHandlerOptions,\n  ) => runCtaHandler({ beat, stores, hostActions: beatActions, params }, handlerName, options)\n}\n"],"mappings":";;AAOA,IAAM,IAAwB;AAAA,EAAE,OAAO;AAAA,EAAI,OAAO;AAAG,GAgBxC,IAAA,CACX,GACA,IAA2B,CAAC,GAC5B,IAAwC,GACxC,IAA0C,MACvB;AACnB,QAAM,IAAS,EAAe;AAE9B,SAAO;AAAA,IACL,QAAA,CAAS,GAAM,GAAK,IAAS,CAAC,MAC5B,EAAa;AAAA,MAAE,MAAA;AAAA,MAAM,KAAA;AAAA,MAAK,MAAA;AAAA,MAAM,QAAA;AAAA,MAAQ,aAAa;AAAA,MAAa,QAAA;AAAA,IAAO,CAAC;AAAA,IAC5E,SAAS,EAAgB;AAAA,MAAE,MAAA;AAAA,MAAM,KAAK;AAAA,MAAY,MAAM;AAAA,MAAW,QAAA;AAAA,IAAO,CAAC;AAAA,IAC3E,WAAW,EAAgB;AAAA,MAAE,MAAA;AAAA,MAAM,KAAK;AAAA,MAAc,MAAM;AAAA,MAAa,QAAA;AAAA,IAAO,CAAC;AAAA,EACnF;AACF,GAMa,IAAA,CAAiB,GAAY,IAA2B,CAAC,MAAM;AAC1E,QAAM,IAAS,EAAe;AAE9B,SAAA,CACE,GACA,IAAkC,CAAC,GACnC,MACG,EAAc;AAAA,IAAE,MAAA;AAAA,IAAM,QAAA;AAAA,IAAQ,aAAa;AAAA,IAAa,QAAA;AAAA,EAAO,GAAG,GAAa,CAAO;AAC7F"}

package/dist/insights-v2/index.d.ts

@@ -22,7 +22,9 @@ export { default as HiddenConfirmationCard, type HiddenConfirmationCardProps, }
 export { default as FeedbackDialog, type FeedbackDialogCloseReason, type FeedbackDialogProps, } from './components/FeedbackDialog';
 export { default as FeedbackBar, type FeedbackBarProps } from './components/FeedbackBar';
 export { ObsolesceBanner, type ObsolesceBannerProps, type ObsolesceBannerState, type ObsolesceBannerCopy, } from './components/ObsolesceBanner';
-export { useBeatActions, type BeatActions, type MenuActionHandlers, type UpdateParams, type FeedbackParams, type DismissParams, type InsightMenuAction, type InsightRating, } from './beatActions';
+export { HOST_ACTIONS, useBeatCtaActions, useCtaHandler } from './ctaActions';
+export type { BeatCtaActions, CtaContext, CtaEffect, CtaHandlerName, CtaParams, CtaStateContext, CtaStep, HostActionName, RunHandlerOptions, } from './ctaActions';
+export { useBeatActions, type BeatActions, type CtaActionParams, type MenuActionHandlers, type UpdateParams, type FeedbackParams, type DismissParams, type InsightMenuAction, type InsightRating, } from './beatActions';
 export { default as LogoTile } from './components/LogoTile';
 export { default as MerchantHighlightCard } from './components/MerchantHighlightCard';
 export { default as P2PLogoStack } from './components/P2PLogoStack';

package/dist/insights-v2/index.es.js

@@ -1,101 +1,106 @@
 import o from "./components/StatusPill.es.js";
-import { resolveInsightRender as t } from "./resolveInsightRender.es.js";
+import { resolveInsightRender as m } from "./resolveInsightRender.es.js";
 import { useBeatActions as a } from "./beatActions.es.js";
 import f from "./components/BadgedTile.es.js";
 import { OverflowMenu as n } from "./components/OverflowMenu.es.js";
 import { InsightOptionsMenu as c } from "./components/InsightOptionsMenu.es.js";
-import d, { isLogoGuid as g } from "./components/LogoFromGuid.es.js";
+import d, { isLogoGuid as C } from "./components/LogoFromGuid.es.js";
 import B from "./components/StatusBadge.es.js";
 import h from "./components/CompactInsightCard.es.js";
 import S from "./components/InsightErrorCard.es.js";
-import { BAR_CHART_VARIANTS as b, barChartVariant as D, buildChartData as L, buildDataSeries as T } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
-import { BarchartBlock as v } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
-import { DoubleBarChartBlock as E } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
-import P from "./blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
-import M from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
+import { BAR_CHART_VARIANTS as T, barChartVariant as b, buildChartData as D, buildDataSeries as I } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
+import { BarchartBlock as H } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
+import { DoubleBarChartBlock as O } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
+import E from "./blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
+import R from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
 import V from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import y from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import G from "./components/TransferLogoCard.es.js";
-import _ from "./blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
+import N from "./blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
 import { BudgetBlock as U } from "./blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
 import q from "./components/SaveAnExtraCard.es.js";
 import J from "./blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
 import Q from "./components/InsightTransactionRow.es.js";
 import Y from "./components/TransactionListCard.es.js";
 import { TransactionBlock as $, TransactionBlockVariant as rr } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import mr from "./components/WithdrawalCard.es.js";
+import tr from "./components/WithdrawalCard.es.js";
 import ir from "./blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
 import { SVGImageBlock as pr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
 import er from "./components/AccountHeroCard.es.js";
 import sr from "./components/AmountPill.es.js";
 import lr from "./components/DesignateEmergencySavingsCard.es.js";
-import { FeedbackBar as gr } from "./components/FeedbackBar.es.js";
-import Br from "./components/FeedbackDialog.es.js";
-import { DismissInsightDialog as hr } from "./components/DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as Sr } from "./components/HiddenConfirmationCard.es.js";
-import { ErrorCard as br } from "./components/ErrorCard.es.js";
-import { LoadingCard as Lr } from "./components/LoadingCard.es.js";
-import { ObsolesceBanner as Ir } from "./components/ObsolesceBanner.es.js";
-import wr from "./components/BaseLayout.es.js";
-import Hr from "./components/StatusMessageCard.es.js";
-import Rr from "./components/LogoTile.es.js";
-import Or from "./components/LogoClusterCard.es.js";
-import xr from "./components/MerchantHighlightCard.es.js";
-import Fr from "./components/P2PLogoStack.es.js";
-import Wr from "./components/SavingsOpportunityCard.es.js";
-import Nr from "./components/SubscriptionHeroCard.es.js";
-import jr from "./components/UpcomingBillCard.es.js";
+import { ErrorCard as Cr } from "./components/ErrorCard.es.js";
+import { FeedbackBar as Br } from "./components/FeedbackBar.es.js";
+import hr from "./components/FeedbackDialog.es.js";
+import { DismissInsightDialog as Sr } from "./components/DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as Tr } from "./components/HiddenConfirmationCard.es.js";
+import { LoadingCard as Dr } from "./components/LoadingCard.es.js";
+import { ObsolesceBanner as Lr } from "./components/ObsolesceBanner.es.js";
+import { HOST_ACTIONS as vr } from "./ctaActions/hostActions.es.js";
+import { useBeatCtaActions as wr, useCtaHandler as Er } from "./ctaActions/useCtaAction.es.js";
+import Rr from "./components/BaseLayout.es.js";
+import Vr from "./components/StatusMessageCard.es.js";
+import yr from "./components/LogoTile.es.js";
+import Gr from "./components/LogoClusterCard.es.js";
+import Nr from "./components/MerchantHighlightCard.es.js";
+import Ur from "./components/P2PLogoStack.es.js";
+import qr from "./components/SavingsOpportunityCard.es.js";
+import Jr from "./components/SubscriptionHeroCard.es.js";
+import Qr from "./components/UpcomingBillCard.es.js";
 export {
   y as AccountBlock,
   er as AccountHeroCard,
-  _ as AccountSwitchBlock,
+  N as AccountSwitchBlock,
   sr as AmountPill,
-  b as BAR_CHART_VARIANTS,
+  T as BAR_CHART_VARIANTS,
   f as BadgedTile,
-  v as BarchartBlock,
-  wr as BaseLayout,
+  H as BarchartBlock,
+  Rr as BaseLayout,
   U as BudgetBlock,
   h as CompactInsightCard,
   lr as DesignateEmergencySavingsCard,
-  hr as DismissInsightDialog,
-  M as DonutChartBlock,
-  E as DoubleBarChartBlock,
+  Sr as DismissInsightDialog,
+  R as DonutChartBlock,
+  O as DoubleBarChartBlock,
   V as DoubleProgressBarBlock,
-  br as ErrorCard,
-  gr as FeedbackBar,
-  Br as FeedbackDialog,
-  Sr as HiddenConfirmationCard,
+  Cr as ErrorCard,
+  Br as FeedbackBar,
+  hr as FeedbackDialog,
+  vr as HOST_ACTIONS,
+  Tr as HiddenConfirmationCard,
   S as InsightErrorCard,
   c as InsightOptionsMenu,
   Q as InsightTransactionRow,
-  Lr as LoadingCard,
-  Or as LogoClusterCard,
+  Dr as LoadingCard,
+  Gr as LogoClusterCard,
   d as LogoFromGuid,
-  Rr as LogoTile,
-  xr as MerchantHighlightCard,
-  Ir as ObsolesceBanner,
+  yr as LogoTile,
+  Nr as MerchantHighlightCard,
+  Lr as ObsolesceBanner,
   n as OverflowMenu,
-  Fr as P2PLogoStack,
+  Ur as P2PLogoStack,
   pr as SVGImageBlock,
   q as SaveAnExtraCard,
   J as SaveExtraBlock,
-  Wr as SavingsOpportunityCard,
+  qr as SavingsOpportunityCard,
   B as StatusBadge,
-  Hr as StatusMessageCard,
+  Vr as StatusMessageCard,
   o as StatusPill,
-  P as StepChartBlock,
-  Nr as SubscriptionHeroCard,
+  E as StepChartBlock,
+  Jr as SubscriptionHeroCard,
   $ as TransactionBlock,
   rr as TransactionBlockVariant,
   Y as TransactionListCard,
   G as TransferLogoCard,
-  jr as UpcomingBillCard,
+  Qr as UpcomingBillCard,
   ir as WithdrawalBlock,
-  mr as WithdrawalCard,
-  D as barChartVariant,
-  L as buildChartData,
-  T as buildDataSeries,
-  g as isLogoGuid,
-  t as resolveInsightRender,
-  a as useBeatActions
+  tr as WithdrawalCard,
+  b as barChartVariant,
+  D as buildChartData,
+  I as buildDataSeries,
+  C as isLogoGuid,
+  m as resolveInsightRender,
+  a as useBeatActions,
+  wr as useBeatCtaActions,
+  Er as useCtaHandler
 };

package/dist/insights-v2/mappings/actionBlocksKey.d.ts

@@ -4,4 +4,5 @@ export declare const actionBlocksKey: {
     TRANSCATION_HISTORY_ACTION_BLOCK: string;
     TRANSACTION_DETAILS_ACTION_BLOCK: string;
     CONTACT_SUPPORT_ACTION_BLOCK: string;
+    RECURRING_TRANSACTION_ACTION_BLOCK: string;
 };

package/dist/insights-v2/mappings/actionBlocksKey.es.js

@@ -3,7 +3,8 @@ var _ = {
   MAKE_TRANSFER_ACTION_BLOCK: "make_transfer",
   TRANSCATION_HISTORY_ACTION_BLOCK: "transaction_history_block",
   TRANSACTION_DETAILS_ACTION_BLOCK: "transaction_details_block",
-  CONTACT_SUPPORT_ACTION_BLOCK: "contact_support_block"
+  CONTACT_SUPPORT_ACTION_BLOCK: "contact_support_block",
+  RECURRING_TRANSACTION_ACTION_BLOCK: "recurring_transaction_block"
 };
 export {
   _ as actionBlocksKey

package/dist/insights-v2/mappings/actionBlocksKey.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\n//\n// Names follow ditto: its registry ends every CTA block in `_block` and the V2 envelope copies those\n// names verbatim (`transaction_details_block`, `contact_support_block`). `make_transfer` is a legacy\n// name that stays as an alias until the last legacy payload is gone.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'transaction_details_block',\n  CONTACT_SUPPORT_ACTION_BLOCK: 'contact_support_block',\n}\n"],"mappings":"AAiBA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,8BAA8B;AAChC"}
+{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\n//\n// Names follow ditto: its registry ends every CTA block in `_block` and the V2 envelope copies those\n// names verbatim (`transaction_details_block`, `contact_support_block`). `make_transfer` is a legacy\n// name that stays as an alias until the last legacy payload is gone.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'transaction_details_block',\n  CONTACT_SUPPORT_ACTION_BLOCK: 'contact_support_block',\n  RECURRING_TRANSACTION_ACTION_BLOCK: 'recurring_transaction_block',\n}\n"],"mappings":"AAiBA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,8BAA8B;AAAA,EAC9B,oCAAoC;AACtC"}

package/dist/insights-v2/mappings/blocks.es.js

@@ -1,78 +1,85 @@
 import { ContactSupportActionBlock as a } from "../actionBlocks/ContactSupportActionBlock.es.js";
-import { actionBlocksKey as o } from "./actionBlocksKey.es.js";
+import { actionBlocksKey as r } from "./actionBlocksKey.es.js";
 import { BarchartBlock as c } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
-import { DoubleBarChartBlock as l } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
-import i from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
+import { DoubleBarChartBlock as i } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
+import l from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
 import m from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
 import n from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import p from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import _ from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
-import { BudgetBlock as k } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import s from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import { BudgetBlock as s } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
+import k from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
 import { TransactionBlock as B } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
 import C from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import f from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as u } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import { PlaceholderActionBlock as T } from "../actionBlocks/PlaceholderActionBlock.es.js";
-import { getMakeTransferDrawerTitle as b } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
-import { MakeTransferActionBlockLayer as A } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import u from "../blocks/ImageBlocks/ImageBlock.es.js";
+import { SVGImageBlock as T } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import { PlaceholderActionBlock as f } from "../actionBlocks/PlaceholderActionBlock.es.js";
+import { getMakeTransferDrawerTitle as A } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
+import { MakeTransferActionBlockLayer as b } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
 import { getDrawerHeaderTitle as O } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
-import { TransactionDetailsBlock as h } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
-import { useTransactionDetailsPrepare as d } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
-import { TransactionHistoryBlock as L } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
-var t = (e) => {
-}, N = /* @__PURE__ */ new Set([
+import { TransactionDetailsBlock as N } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import { useTransactionDetailsPrepare as h } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
+import { TransactionHistoryBlock as d } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
+import { useRecurringTransactionPrepare as g } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
+import { RecurringTransactionBlock as I } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
+var e = (t) => {
+}, L = /* @__PURE__ */ new Set([
   "",
   "null",
   "undefined"
-]), j = (e) => {
-  const r = e?.trim().toLowerCase();
-  return !!r && !N.has(r);
-}, J = {
-  [o.PLACEHOLDER_ACTION_BLOCK]: {
-    Component: T,
-    usePrepare: t,
+]), Z = (t) => {
+  const o = t?.trim().toLowerCase();
+  return !!o && !L.has(o);
+}, $ = {
+  [r.PLACEHOLDER_ACTION_BLOCK]: {
+    Component: f,
+    usePrepare: e,
     title: () => "Action Block Layer Drilldown"
   },
-  [o.MAKE_TRANSFER_ACTION_BLOCK]: {
-    Component: A,
-    usePrepare: t,
-    title: b
+  [r.MAKE_TRANSFER_ACTION_BLOCK]: {
+    Component: b,
+    usePrepare: e,
+    title: A
   },
-  [o.TRANSCATION_HISTORY_ACTION_BLOCK]: {
-    Component: L,
-    usePrepare: t,
+  [r.TRANSCATION_HISTORY_ACTION_BLOCK]: {
+    Component: d,
+    usePrepare: e,
     title: O
   },
-  [o.TRANSACTION_DETAILS_ACTION_BLOCK]: {
-    Component: h,
-    usePrepare: d,
+  [r.TRANSACTION_DETAILS_ACTION_BLOCK]: {
+    Component: N,
+    usePrepare: h,
     title: () => "Transaction Details"
   },
-  [o.CONTACT_SUPPORT_ACTION_BLOCK]: {
+  [r.RECURRING_TRANSACTION_ACTION_BLOCK]: {
+    Component: I,
+    usePrepare: g,
+    title: (t, o) => o.recurring?.expense_details ?? ""
+  },
+  [r.CONTACT_SUPPORT_ACTION_BLOCK]: {
     Component: a,
-    usePrepare: t,
-    title: (e, r) => r.help?.request_support ?? ""
+    usePrepare: e,
+    title: (t, o) => o.help?.request_support ?? ""
   }
-}, Q = {
+}, oo = {
   account_block: p,
   account_switch_block: _,
   bar_chart_block: c,
-  budget_block: k,
+  budget_block: s,
   donut_chart_block: m,
-  double_bar_chart_block: l,
+  double_bar_chart_block: i,
   double_progress_bar_block: n,
-  image_block: f,
-  save_extra_block: s,
-  step_chart_block: i,
-  svg_image_block: u,
+  image_block: u,
+  save_extra_block: k,
+  step_chart_block: l,
+  svg_image_block: T,
   withdrawal_block: C,
   transaction_block: B
 };
 export {
-  J as actionBlocks,
-  Q as blocks,
-  j as hasDrawerBlock
+  $ as actionBlocks,
+  oo as blocks,
+  Z as hasDrawerBlock
 };
 
 //# sourceMappingURL=blocks.es.js.map

package/dist/insights-v2/mappings/blocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\n  WithdrawalBlock,\n  TransactionBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { ContactSupportActionBlock } from '../actionBlocks/ContactSupportActionBlock'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport { TransactionHistoryBlock } from '../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock'\nimport { getDrawerHeaderTitle } from '../actionBlocks/TransactionHistoryBlock/utils'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\n// Keys live in ./actionBlocksKey (imported directly by chart blocks/tests too) to avoid a\n// circular import between this module and the chart blocks — see that file for details.\nimport { actionBlocksKey } from './actionBlocksKey'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy (e.g.\n  // MakeTransfer reads its variant title from layout.ts). Falls back to the CTA label.\n  title?: (variant: string | null | undefined, copy: GlobalCopy) => string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: {\n    Component: TransactionHistoryBlock,\n    usePrepare: noop,\n    title: getDrawerHeaderTitle,\n  },\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: {\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  },\n  // The block renders its own drawer (the help module's RequestSupport) on top of the action\n  // drawer, so the action drawer's title is the CTA label.\n  [actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK]: {\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  image_block: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqCA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,IAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAgBa,IAAe;AAAA,EACzB,CAAA,EAAgB,wBAAA,GAA2B;AAAA,IAC1C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACC,CAAA,EAAgB,0BAAA,GAA6B;AAAA,IAC5C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EAGC,CAAA,EAAgB,4BAAA,GAA+B;AAAA,IAC9C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,MAAM,mBAAmB;AAAA,EAC3D;AACF,GAEa,IAAS;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AACrB"}
+{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\n  WithdrawalBlock,\n  TransactionBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { ContactSupportActionBlock } from '../actionBlocks/ContactSupportActionBlock'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport { TransactionHistoryBlock } from '../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock'\nimport { getDrawerHeaderTitle } from '../actionBlocks/TransactionHistoryBlock/utils'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\n// Keys live in ./actionBlocksKey (imported directly by chart blocks/tests too) to avoid a\n// circular import between this module and the chart blocks — see that file for details.\nimport { actionBlocksKey } from './actionBlocksKey'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy (e.g.\n  // MakeTransfer reads its variant title from layout.ts). Falls back to the CTA label.\n  title?: (variant: string | null | undefined, copy: GlobalCopy) => string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: {\n    Component: TransactionHistoryBlock,\n    usePrepare: noop,\n    title: getDrawerHeaderTitle,\n  },\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: {\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  },\n  // Expense Details for one recurring subscription. Which subscription a beat names is resolved in\n  // `RecurringTransactionBlock/subscriptionBeats.ts`, not through this registry.\n  [actionBlocksKey.RECURRING_TRANSACTION_ACTION_BLOCK]: {\n    Component: RecurringTransactionBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.recurring?.expense_details ?? '',\n  },\n  // The block renders its own drawer (the help module's RequestSupport) on top of the action\n  // drawer, so the action drawer's title is the CTA label.\n  [actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK]: {\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  image_block: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,IAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAgBa,IAAe;AAAA,EACzB,CAAA,EAAgB,wBAAA,GAA2B;AAAA,IAC1C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACC,CAAA,EAAgB,0BAAA,GAA6B;AAAA,IAC5C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EAGC,CAAA,EAAgB,kCAAA,GAAqC;AAAA,IACpD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,WAAW,mBAAmB;AAAA,EAChE;AAAA,EAGC,CAAA,EAAgB,4BAAA,GAA+B;AAAA,IAC9C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,MAAM,mBAAmB;AAAA,EAC3D;AACF,GAEa,KAAS;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.64",
+  "version": "9.4.66",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",