@mx-cartographer/experiences 9.5.3 → 9.6.0-alpha-ram1-connect-widget-testing

package/dist/insights-v2/actionBlocks/SurveyModalActionBlock.es.js

@@ -0,0 +1,47 @@
+import { useGlobalCopyStore as c, useInsightsV2Store as u } from "../../common/context/hooks.es.js";
+import { useBeatActions as m } from "../beatActions.es.js";
+import b from "../components/SurveyModal.es.js";
+import { observer as p } from "mobx-react-lite";
+import { jsx as _ } from "react/jsx-runtime";
+var A = p(function({ beat: t }) {
+  const { closeActionDrawer: s } = u(), { onSubmitFeedback: r } = m(), a = c(), o = t.insights_payload, e = a.insights_feed?.survey_modal;
+  if (!o || !e) return null;
+  const i = {
+    title: e.title,
+    options: [{
+      overline: e.yes_overline,
+      label: e.yes_label,
+      tone: "positive"
+    }, {
+      overline: e.no_overline,
+      label: e.no_label,
+      tone: "negative"
+    }],
+    submitText: e.submit,
+    closeAriaLabel: e.close_aria,
+    reasonsTitle: e.reasons_title,
+    reasonOptions: Object.values(e.reason_options ?? {}),
+    backText: e.back,
+    characterLimitLabel: e.character_limit,
+    successMessage: e.success_message,
+    errorMessage: e.error_message,
+    tryAgainText: e.try_again,
+    toastCloseAriaLabel: e.toast_close_aria
+  };
+  return /* @__PURE__ */ _(b, {
+    copy: i,
+    isOpen: !0,
+    onClose: () => s(),
+    onSubmit: (n, l) => r?.({
+      beatGuid: o.guid,
+      source: "cta",
+      option: n,
+      detail: l
+    })
+  });
+});
+export {
+  A as SurveyModalActionBlock
+};
+
+//# sourceMappingURL=SurveyModalActionBlock.es.js.map

package/dist/insights-v2/actionBlocks/SurveyModalActionBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyModalActionBlock.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/SurveyModalActionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport SurveyModal, { type SurveyModalContent } from '../components/SurveyModal'\nimport { useBeatActions } from '../beatActions'\nimport type { ActionBlockProps } from '../mappings/blocks'\n\n/**\n * `survey_modal_block` — the \"Does this look right?\" confirmation survey\n * (Figma `1941:212640`). Registered like any other drawer block; its content\n * is a MODAL (the dialog portals over the drawer).\n *\n * The survey has no action buttons — its rows act: the positive row submits\n * to the host via `beatActions.onSubmitFeedback` (source `cta`) and shows the\n * status snackbar; the negative row opens the FeedbackModal reasons dialog.\n * The session ends when the flow does (snackbar dismissed or dialogs closed).\n *\n * Copy comes from `insights_feed.survey_modal` in GlobalCopy.\n */\nexport const SurveyModalActionBlock = observer(function SurveyModalActionBlock({\n  beat,\n}: ActionBlockProps) {\n  const { closeActionDrawer } = useInsightsV2Store()\n  const { onSubmitFeedback } = useBeatActions()\n  const copyStore = useGlobalCopyStore()\n\n  const insights_payload = beat.insights_payload\n  const surveyCopy = copyStore.insights_feed?.survey_modal\n\n  if (!insights_payload || !surveyCopy) return null\n\n  const copy: SurveyModalContent = {\n    title: surveyCopy.title,\n    options: [\n      { overline: surveyCopy.yes_overline, label: surveyCopy.yes_label, tone: 'positive' },\n      { overline: surveyCopy.no_overline, label: surveyCopy.no_label, tone: 'negative' },\n    ],\n    submitText: surveyCopy.submit,\n\n    closeAriaLabel: surveyCopy.close_aria,\n    reasonsTitle: surveyCopy.reasons_title,\n    reasonOptions: Object.values(surveyCopy.reason_options ?? {}),\n    backText: surveyCopy.back,\n    characterLimitLabel: surveyCopy.character_limit,\n    successMessage: surveyCopy.success_message,\n    errorMessage: surveyCopy.error_message,\n    tryAgainText: surveyCopy.try_again,\n    toastCloseAriaLabel: surveyCopy.toast_close_aria,\n  }\n\n  // Returned (not just fired): a host promise rejection drives the modal's\n  // error snackbar + Try Again retry. The session closes when the flow ends\n  // (snackbar dismissed), not on submit.\n\n  //TODO: Need to update the onSubmit functionality as per pulse. This function is mis-matching with the current approach of switchdirectdeposit and setupdirectdeposit\n  const handleSubmit = (option: string, detail?: string) =>\n    onSubmitFeedback?.({\n      beatGuid: insights_payload.guid,\n      source: 'cta',\n      option,\n      detail,\n    })\n\n  return (\n    <SurveyModal\n      copy={copy}\n      isOpen={true}\n      onClose={() => closeActionDrawer()}\n      onSubmit={handleSubmit}\n    />\n  )\n})\n"],"mappings":";;;;;AAmBA,IAAa,IAAyB,EAAS,SAAgC,EAC7E,MAAA,EAAA,GACmB;AACnB,QAAM,EAAE,mBAAA,EAAA,IAAsB,EAAmB,GAC3C,EAAE,kBAAA,EAAA,IAAqB,EAAe,GACtC,IAAY,EAAmB,GAE/B,IAAmB,EAAK,kBACxB,IAAa,EAAU,eAAe;AAE5C,MAAI,CAAC,KAAoB,CAAC,EAAY,QAAO;AAE7C,QAAM,IAA2B;AAAA,IAC/B,OAAO,EAAW;AAAA,IAClB,SAAS,CACP;AAAA,MAAE,UAAU,EAAW;AAAA,MAAc,OAAO,EAAW;AAAA,MAAW,MAAM;AAAA,IAAW,GACnF;AAAA,MAAE,UAAU,EAAW;AAAA,MAAa,OAAO,EAAW;AAAA,MAAU,MAAM;AAAA,IAAW,CACnF;AAAA,IACA,YAAY,EAAW;AAAA,IAEvB,gBAAgB,EAAW;AAAA,IAC3B,cAAc,EAAW;AAAA,IACzB,eAAe,OAAO,OAAO,EAAW,kBAAkB,CAAC,CAAC;AAAA,IAC5D,UAAU,EAAW;AAAA,IACrB,qBAAqB,EAAW;AAAA,IAChC,gBAAgB,EAAW;AAAA,IAC3B,cAAc,EAAW;AAAA,IACzB,cAAc,EAAW;AAAA,IACzB,qBAAqB,EAAW;AAAA,EAClC;AAeA,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,QAAQ;AAAA,IACR,SAAA,MAAe,EAAkB;AAAA,IACjC,UAbE,CAAgB,GAAgB,MACpC,IAAmB;AAAA,MACjB,UAAU,EAAiB;AAAA,MAC3B,QAAQ;AAAA,MACR,QAAA;AAAA,MACA,QAAA;AAAA,IACF,CAAC;AAAA,EAQA,CAAA;AAEL,CAAC"}

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

@@ -13,7 +13,7 @@ export interface UpdateParams {
 }
 export interface FeedbackParams {
     beatGuid: string;
-    source: InsightRating | 'hide';
+    source: InsightRating | 'hide' | 'cta';
     option: string;
     detail?: string;
 }
@@ -35,7 +35,7 @@ export interface CtaActionParams {
 export interface BeatActions {
     onMenuAction?: MenuActionHandlers;
     onUpdate?: (params: UpdateParams) => void;
-    onSubmitFeedback?: (params: FeedbackParams) => void;
+    onSubmitFeedback?: (params: FeedbackParams) => void | Promise<void>;
     onDismissInsight?: (params: DismissParams) => void;
     onUndoDismiss?: (params: {
         beatGuid: string;

package/dist/insights-v2/beatActions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"beatActions.es.js","names":[],"sources":["../../src/insights-v2/beatActions.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\nimport type { DismissType } from './components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from './components/FeedbackDialog'\n\nexport type InsightMenuAction = 'helpful' | 'not_helpful' | 'hide'\nexport type InsightRating = 'helpful' | 'not_helpful'\n\nexport interface MenuActionHandlers {\n  onAction: (action: InsightMenuAction) => void\n  onOpen?: () => void\n  disabled?: boolean\n}\n\nexport interface UpdateParams {\n  beatGuid: string\n}\n\nexport interface FeedbackParams {\n  beatGuid: string\n  source: InsightRating | 'hide'\n  option: string\n  detail?: string\n}\n\nexport interface DismissParams {\n  beatGuid: string\n  type: DismissType\n}\n\n/**\n * A CTA side effect the host must perform because experiences cannot (beat-owned endpoints,\n * spending plan items, third-party SDKs). `name` is agreed between the ctaActions table and\n * the host; see insights-v2/ctaActions/README.md for the list.\n */\nexport interface CtaActionParams {\n  beatGuid: string\n  name: string\n  params?: Record<string, unknown>\n}\n\n/** Host callbacks for a beat card. */\nexport interface BeatActions {\n  onMenuAction?: MenuActionHandlers\n  onUpdate?: (params: UpdateParams) => void\n  onSubmitFeedback?: (params: FeedbackParams) => void\n  onDismissInsight?: (params: DismissParams) => void\n  onUndoDismiss?: (params: { beatGuid: string }) => void\n  onFeedbackDialogClose?: (reason: FeedbackDialogCloseReason) => void\n  onFeedbackDialogBack?: () => void\n  onFeedbackTextFocus?: () => void\n  /**\n   * Opens the host's contact-support flow for a `contact_support_block` CTA. insights-v2 cannot\n   * import the help module (hosts that don't ship it stub the import), so the host supplies it:\n   * the experiences Help widget wires `RequestSupport`; pulse wires its own. When absent, the CTA\n   * renders disabled (see `isContactSupportCtaDisabled`).\n   */\n  onContactSupport?: () => void\n  onCtaAction?: (params: CtaActionParams) => Promise<void> | void\n}\n\nconst BeatActionsContext = createContext<BeatActions>({})\n\nexport const BeatActionsProvider = ({\n  value,\n  children,\n}: {\n  value: BeatActions\n  children: ReactNode\n}) => <BeatActionsContext.Provider value={value}>{children}</BeatActionsContext.Provider>\n\nexport const useBeatActions = () => useContext(BeatActionsContext)\n"],"mappings":";;AA6DA,IAAM,IAAqB,EAA2B,CAAC,CAAC,GAE3C,IAAA,CAAuB,EAClC,OAAA,GACA,UAAA,EAAA,MAII,gBAAA,EAAC,EAAmB,UAApB;AAAA,EAAoC,OAAA;AAAA,EAAQ,UAAA;AAAsC,CAAA,GAE3E,IAAA,MAAuB,EAAW,CAAkB"}
+{"version":3,"file":"beatActions.es.js","names":[],"sources":["../../src/insights-v2/beatActions.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\nimport type { DismissType } from './components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from './components/FeedbackDialog'\n\nexport type InsightMenuAction = 'helpful' | 'not_helpful' | 'hide'\nexport type InsightRating = 'helpful' | 'not_helpful'\n\nexport interface MenuActionHandlers {\n  onAction: (action: InsightMenuAction) => void\n  onOpen?: () => void\n  disabled?: boolean\n}\n\nexport interface UpdateParams {\n  beatGuid: string\n}\n\nexport interface FeedbackParams {\n  beatGuid: string\n  source: InsightRating | 'hide' | 'cta'\n  option: string\n  detail?: string\n}\n\nexport interface DismissParams {\n  beatGuid: string\n  type: DismissType\n}\n\n/**\n * A CTA side effect the host must perform because experiences cannot (beat-owned endpoints,\n * spending plan items, third-party SDKs). `name` is agreed between the ctaActions table and\n * the host; see insights-v2/ctaActions/README.md for the list.\n */\nexport interface CtaActionParams {\n  beatGuid: string\n  name: string\n  params?: Record<string, unknown>\n}\n\n/** Host callbacks for a beat card. */\nexport interface BeatActions {\n  onMenuAction?: MenuActionHandlers\n  onUpdate?: (params: UpdateParams) => void\n  onSubmitFeedback?: (params: FeedbackParams) => void | Promise<void>\n  onDismissInsight?: (params: DismissParams) => void\n  onUndoDismiss?: (params: { beatGuid: string }) => void\n  onFeedbackDialogClose?: (reason: FeedbackDialogCloseReason) => void\n  onFeedbackDialogBack?: () => void\n  onFeedbackTextFocus?: () => void\n  /**\n   * Opens the host's contact-support flow for a `contact_support_block` CTA. insights-v2 cannot\n   * import the help module (hosts that don't ship it stub the import), so the host supplies it:\n   * the experiences Help widget wires `RequestSupport`; pulse wires its own. When absent, the CTA\n   * renders disabled (see `isContactSupportCtaDisabled`).\n   */\n  onContactSupport?: () => void\n  onCtaAction?: (params: CtaActionParams) => Promise<void> | void\n}\n\nconst BeatActionsContext = createContext<BeatActions>({})\n\nexport const BeatActionsProvider = ({\n  value,\n  children,\n}: {\n  value: BeatActions\n  children: ReactNode\n}) => <BeatActionsContext.Provider value={value}>{children}</BeatActionsContext.Provider>\n\nexport const useBeatActions = () => useContext(BeatActionsContext)\n"],"mappings":";;AA6DA,IAAM,IAAqB,EAA2B,CAAC,CAAC,GAE3C,IAAA,CAAuB,EAClC,OAAA,GACA,UAAA,EAAA,MAII,gBAAA,EAAC,EAAmB,UAApB;AAAA,EAAoC,OAAA;AAAA,EAAQ,UAAA;AAAsC,CAAA,GAE3E,IAAA,MAAuB,EAAW,CAAkB"}

package/dist/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.d.ts

@@ -1,3 +1,3 @@
 import { Theme } from '@mui/material/styles';
 import { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData';
-export declare const getDonutChartColors: (variant: string | null, blockData: InsightsInstanceSlotData, theme: Theme) => [string, string];
+export declare const getDonutChartColors: (variant: string | null | undefined, blockData: InsightsInstanceSlotData, theme: Theme) => [string, string];

package/dist/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles'\nimport { getCategoryColor } from '../../../../core/utils/CategoryUtil'\nimport { getLayoutConfig } from './layout'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\nexport const getDonutChartColors = (\n  variant: string | null,\n  blockData: InsightsInstanceSlotData,\n  theme: Theme,\n): [string, string] => {\n  const layouts = getLayoutConfig(theme)\n  const variantConfig = layouts[variant as keyof ReturnType<typeof getLayoutConfig>] as\n    | { dynamicPrimary: string; secondaryColor: string }\n    | { secondaryColor: string }\n    | { colors: [string, string] }\n\n  if ('dynamicPrimary' in variantConfig && variantConfig.dynamicPrimary === 'creditUtilization') {\n    const utilization = Number(blockData.main?.value ?? 0)\n    const primaryColor = utilization > 30 ? theme.palette.error.main : theme.palette.warning.main\n    return [primaryColor, variantConfig.secondaryColor]\n  }\n\n  if ('secondaryColor' in variantConfig) {\n    const categoryColor = getCategoryColor(blockData.category_guid ?? '', theme)\n    return [categoryColor, variantConfig.secondaryColor]\n  }\n\n  return variantConfig.colors\n}\n"],"mappings":";;AAKA,IAAa,IAAA,CACX,GACA,GACA,MACqB;AAErB,QAAM,IADU,EAAgB,CACV,EAAQ,CAAA;AAK9B,SAAI,oBAAoB,KAAiB,EAAc,mBAAmB,sBAGjE,CAFa,OAAO,EAAU,MAAM,SAAS,CAC/B,IAAc,KAAK,EAAM,QAAQ,MAAM,OAAO,EAAM,QAAQ,QAAQ,MACnE,EAAc,cAAc,IAGhD,oBAAoB,IAEf,CADe,EAAiB,EAAU,iBAAiB,IAAI,CAC9D,GAAe,EAAc,cAAc,IAG9C,EAAc;AACvB"}
+{"version":3,"file":"utils.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles'\nimport { getCategoryColor } from '../../../../core/utils/CategoryUtil'\nimport { getLayoutConfig } from './layout'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\nexport const getDonutChartColors = (\n  variant: string | null | undefined,\n  blockData: InsightsInstanceSlotData,\n  theme: Theme,\n): [string, string] => {\n  const layouts = getLayoutConfig(theme)\n  const variantConfig = layouts[variant as keyof ReturnType<typeof getLayoutConfig>] as\n    | { dynamicPrimary: string; secondaryColor: string }\n    | { secondaryColor: string }\n    | { colors: [string, string] }\n\n  if ('dynamicPrimary' in variantConfig && variantConfig.dynamicPrimary === 'creditUtilization') {\n    const utilization = Number(blockData.main?.value ?? 0)\n    const primaryColor = utilization > 30 ? theme.palette.error.main : theme.palette.warning.main\n    return [primaryColor, variantConfig.secondaryColor]\n  }\n\n  if ('secondaryColor' in variantConfig) {\n    const categoryColor = getCategoryColor(blockData.category_guid ?? '', theme)\n    return [categoryColor, variantConfig.secondaryColor]\n  }\n\n  return variantConfig.colors\n}\n"],"mappings":";;AAKA,IAAa,IAAA,CACX,GACA,GACA,MACqB;AAErB,QAAM,IADU,EAAgB,CACV,EAAQ,CAAA;AAK9B,SAAI,oBAAoB,KAAiB,EAAc,mBAAmB,sBAGjE,CAFa,OAAO,EAAU,MAAM,SAAS,CAC/B,IAAc,KAAK,EAAM,QAAQ,MAAM,OAAO,EAAM,QAAQ,QAAQ,MACnE,EAAc,cAAc,IAGhD,oBAAoB,IAEf,CADe,EAAiB,EAAU,iBAAiB,IAAI,CAC9D,GAAe,EAAc,cAAc,IAG9C,EAAc;AACvB"}

package/dist/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const getLayoutConfig: (theme: Theme, variant: string | null) => {
+export declare const getLayoutConfig: (theme: Theme, variant?: string | null) => {
     color: string[];
 } | {
     color: string[];

package/dist/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles'\n\nexport const getLayoutConfig = (theme: Theme, variant: string | null) => {\n  const config = {\n    SpendToIncome: {\n      color: [theme.palette.categories.billsUtilities, theme.palette.chart.chart1] as string[],\n    },\n    DebtToIncome: {\n      color: [theme.palette.chart.chart5, theme.palette.chart.chart1] as string[],\n    },\n    SavingsToIncome: {\n      color: [theme.palette.chartMono.chartMono5, theme.palette.chartMono.chartMono3] as string[],\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":"AAEA,IAAa,IAAA,CAAmB,GAAc,OAYrC;AAAA,EAVL,eAAe,EACb,OAAO,CAAC,EAAM,QAAQ,WAAW,gBAAgB,EAAM,QAAQ,MAAM,MAAM,EAC7E;AAAA,EACA,cAAc,EACZ,OAAO,CAAC,EAAM,QAAQ,MAAM,QAAQ,EAAM,QAAQ,MAAM,MAAM,EAChE;AAAA,EACA,iBAAiB,EACf,OAAO,CAAC,EAAM,QAAQ,UAAU,YAAY,EAAM,QAAQ,UAAU,UAAU,EAChF;AAEK,GAAO,CAAA"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles'\n\nexport const getLayoutConfig = (theme: Theme, variant?: string | null) => {\n  const config = {\n    SpendToIncome: {\n      color: [theme.palette.categories.billsUtilities, theme.palette.chart.chart1] as string[],\n    },\n    DebtToIncome: {\n      color: [theme.palette.chart.chart5, theme.palette.chart.chart1] as string[],\n    },\n    SavingsToIncome: {\n      color: [theme.palette.chartMono.chartMono5, theme.palette.chartMono.chartMono3] as string[],\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":"AAEA,IAAa,IAAA,CAAmB,GAAc,OAYrC;AAAA,EAVL,eAAe,EACb,OAAO,CAAC,EAAM,QAAQ,WAAW,gBAAgB,EAAM,QAAQ,MAAM,MAAM,EAC7E;AAAA,EACA,cAAc,EACZ,OAAO,CAAC,EAAM,QAAQ,MAAM,QAAQ,EAAM,QAAQ,MAAM,MAAM,EAChE;AAAA,EACA,iBAAiB,EACf,OAAO,CAAC,EAAM,QAAQ,UAAU,YAAY,EAAM,QAAQ,UAAU,UAAU,EAChF;AAEK,GAAO,CAAA"}

package/dist/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.d.ts

@@ -1,7 +1,7 @@
 import { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData';
 interface IconComponentProps {
     blockData: InsightsInstanceSlotData;
-    variant: string | null;
+    variant?: string | null;
 }
 export declare const IconComponent: ({ blockData, variant }: IconComponentProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { IconBacking } from '../../../../common'\nimport { getLayoutConfig } from './layout'\nimport { useTheme } from '@mui/material/styles'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\ninterface IconComponentProps {\n  blockData: InsightsInstanceSlotData\n  variant: string | null\n}\n\nexport const IconComponent = ({ blockData, variant }: IconComponentProps) => {\n  const theme = useTheme()\n  const layoutConfig = getLayoutConfig(theme)[variant as keyof ReturnType<typeof getLayoutConfig>]\n\n  if (blockData.institution_guid) {\n    return (\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', position: 'relative' }}>\n        <InstitutionLogo\n          alt={`${blockData.institution_name}`}\n          institutionGuid={`${blockData.institution_guid}`}\n          size={48}\n        />\n        <IconBacking size={20} sx={{ position: 'absolute', right: -8, top: -8 }}>\n          <Icon\n            color=\"error\"\n            fill={true}\n            name=\"error\"\n            size={20}\n            sx={{ gridColumn: 1, gridRow: 1, zIndex: 2 }}\n          />\n        </IconBacking>\n      </Stack>\n    )\n  }\n\n  if (blockData.icon_name) {\n    return (\n      <Stack\n        sx={{\n          alignItems: 'center',\n          bgcolor: layoutConfig.logo_bGcolor,\n          borderRadius: '6px',\n          height: 48,\n          justifyContent: 'center',\n          width: 48,\n          ...(layoutConfig.logo_border_color && {\n            borderColor: layoutConfig.logo_border_color,\n            borderStyle: 'solid',\n            borderWidth: 1.5,\n          }),\n        }}\n      >\n        <Icon\n          name={blockData.icon_name}\n          size={24}\n          sx={{\n            color: layoutConfig.logo_color,\n          }}\n        />\n      </Stack>\n    )\n  }\n\n  return null\n}\n"],"mappings":";;;;;;;AAaA,IAAa,IAAA,CAAiB,EAAE,WAAA,GAAW,SAAA,EAAA,MAAkC;AAC3E,QAAM,IAAQ,EAAS,GACjB,IAAe,EAAgB,CAAK,EAAE,CAAA;AAE5C,SAAI,EAAU,mBAEV,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,MAAO,UAAU;AAAA,IAAW;AAAA,IAA9E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAG,EAAU,gBAAA;AAAA,MAClB,iBAAiB,GAAG,EAAU,gBAAA;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,MAAM;AAAA,MAAI,IAAI;AAAA,QAAE,UAAU;AAAA,QAAY,OAAO;AAAA,QAAI,KAAK;AAAA,MAAG;AAAA,MACpE,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAM;AAAA,QACN,IAAI;AAAA,UAAE,YAAY;AAAA,UAAG,SAAS;AAAA,UAAG,QAAQ;AAAA,QAAE;AAAA,MAC5C,CAAA;AAAA,IACU,CAAA,CACR;AAAA,OAIP,EAAU,YAEV,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,SAAS,EAAa;AAAA,MACtB,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,GAAI,EAAa,qBAAqB;AAAA,QACpC,aAAa,EAAa;AAAA,QAC1B,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAU;AAAA,MAChB,MAAM;AAAA,MACN,IAAI,EACF,OAAO,EAAa,WACtB;AAAA,IACD,CAAA;AAAA,EACI,CAAA,IAIJ;AACT"}
+{"version":3,"file":"IconComponent.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { IconBacking } from '../../../../common'\nimport { getLayoutConfig } from './layout'\nimport { useTheme } from '@mui/material/styles'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\ninterface IconComponentProps {\n  blockData: InsightsInstanceSlotData\n  variant?: string | null\n}\n\nexport const IconComponent = ({ blockData, variant }: IconComponentProps) => {\n  const theme = useTheme()\n  const layoutConfig = getLayoutConfig(theme)[variant as keyof ReturnType<typeof getLayoutConfig>]\n\n  if (blockData.institution_guid) {\n    return (\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', position: 'relative' }}>\n        <InstitutionLogo\n          alt={`${blockData.institution_name}`}\n          institutionGuid={`${blockData.institution_guid}`}\n          size={48}\n        />\n        <IconBacking size={20} sx={{ position: 'absolute', right: -8, top: -8 }}>\n          <Icon\n            color=\"error\"\n            fill={true}\n            name=\"error\"\n            size={20}\n            sx={{ gridColumn: 1, gridRow: 1, zIndex: 2 }}\n          />\n        </IconBacking>\n      </Stack>\n    )\n  }\n\n  if (blockData.icon_name) {\n    return (\n      <Stack\n        sx={{\n          alignItems: 'center',\n          bgcolor: layoutConfig.logo_bGcolor,\n          borderRadius: '6px',\n          height: 48,\n          justifyContent: 'center',\n          width: 48,\n          ...(layoutConfig.logo_border_color && {\n            borderColor: layoutConfig.logo_border_color,\n            borderStyle: 'solid',\n            borderWidth: 1.5,\n          }),\n        }}\n      >\n        <Icon\n          name={blockData.icon_name}\n          size={24}\n          sx={{\n            color: layoutConfig.logo_color,\n          }}\n        />\n      </Stack>\n    )\n  }\n\n  return null\n}\n"],"mappings":";;;;;;;AAaA,IAAa,IAAA,CAAiB,EAAE,WAAA,GAAW,SAAA,EAAA,MAAkC;AAC3E,QAAM,IAAQ,EAAS,GACjB,IAAe,EAAgB,CAAK,EAAE,CAAA;AAE5C,SAAI,EAAU,mBAEV,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,MAAO,UAAU;AAAA,IAAW;AAAA,IAA9E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAG,EAAU,gBAAA;AAAA,MAClB,iBAAiB,GAAG,EAAU,gBAAA;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,MAAM;AAAA,MAAI,IAAI;AAAA,QAAE,UAAU;AAAA,QAAY,OAAO;AAAA,QAAI,KAAK;AAAA,MAAG;AAAA,MACpE,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAM;AAAA,QACN,IAAI;AAAA,UAAE,YAAY;AAAA,UAAG,SAAS;AAAA,UAAG,QAAQ;AAAA,QAAE;AAAA,MAC5C,CAAA;AAAA,IACU,CAAA,CACR;AAAA,OAIP,EAAU,YAEV,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,SAAS,EAAa;AAAA,MACtB,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,GAAI,EAAa,qBAAqB;AAAA,QACpC,aAAa,EAAa;AAAA,QAC1B,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAU;AAAA,MAChB,MAAM;AAAA,MACN,IAAI,EACF,OAAO,EAAa,WACtB;AAAA,IACD,CAAA;AAAA,EACI,CAAA,IAIJ;AACT"}

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.d.ts

@@ -15,11 +15,14 @@ export declare const TransactionBlockVariant: {
 /**
  * The `transaction_block` (ditto `blocks.name` for LargeTransactionV2).
  *
- * Renders rows the backend already localized and carried inline on `instance_slot.data_series`
+ * Renders rows the backend already localized and carried inline on `instance_slot.data.series`
  * (`logo`, `primary_text`, `secondary_text`, `amount`). Only the amount is formatted here,
  * because the contract sends it as a number.
  *
- * Under `with_header` the card header comes from `instance_slot.header_text`, which tupac sends
+ * This is the full/mini shape. The reduced widgets (micro, embedded) resolve to the row logo
+ * alone, carried flat on `data.logo` with no `series`, and are drawn by `CompactInsightCard`.
+ *
+ * Under `with_header` the card header comes from `instance_slot.data.header_text`, which tupac sends
  * as the transaction date. It deliberately does *not* come from the first row: on a `with_merchant`
  * card a row's `secondary_text` is the category, so reading it here rendered the category twice
  * and dropped the date entirely.

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js

@@ -1,72 +1,73 @@
-import { useCategoryStore as u } from "../../../../common/context/hooks.es.js";
-import { formatCurrency as c } from "../../../../core/utils/NumberFormatting.es.js";
-import { logoFromRef as g } from "../../../components/shared/EntityLogo.es.js";
-import l from "../../../components/TransactionListCard.es.js";
-import { observer as _ } from "mobx-react-lite";
-import { CategoryIcon as f, InstitutionLogo as h, MerchantLogo as p } from "@mxenabled/mxui";
-import { Icon as y } from "@mxenabled/mx-icons";
-import { jsx as o } from "react/jsx-runtime";
-import m from "@mui/material/Box";
-var x = {
+import { useCategoryStore as g } from "../../../../common/context/hooks.es.js";
+import { slot as c } from "../../../../core/types/Insights.es.js";
+import { formatCurrency as l } from "../../../../core/utils/NumberFormatting.es.js";
+import { logoFromRef as _ } from "../../../components/shared/EntityLogo.es.js";
+import f from "../../../components/TransactionListCard.es.js";
+import { observer as h } from "mobx-react-lite";
+import { CategoryIcon as y, InstitutionLogo as p, MerchantLogo as x } from "@mxenabled/mxui";
+import { Icon as v } from "@mxenabled/mx-icons";
+import { jsx as r } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+var I = {
   WithHeader: "with_header",
   NoHeader: "no_header"
-}, r = 32, v = Math.round(r * 0.625), I = (i, n) => {
-  const t = g(i.logo, i.primary_text);
+}, o = 32, G = Math.round(o * 0.625), C = (i, n) => {
+  const t = _(i.logo, i.primary_text);
   if (t) {
-    if (t.logo_name) return /* @__PURE__ */ o(m, {
+    if (t.logo_name) return /* @__PURE__ */ r(d, {
       sx: {
         alignItems: "center",
         display: "flex",
-        height: r,
+        height: o,
         justifyContent: "center",
-        width: r
+        width: o
       },
-      children: /* @__PURE__ */ o(y, {
+      children: /* @__PURE__ */ r(v, {
         name: t.logo_name,
-        size: v,
+        size: G,
         sx: { color: t.logo_color }
       })
     });
-    if (t.merchant_guid) return /* @__PURE__ */ o(p, {
+    if (t.merchant_guid) return /* @__PURE__ */ r(x, {
       alt: t.merchant_name ?? "",
       categoryGuid: t.category_guid ? n(t.category_guid) : "",
       merchantGuid: t.merchant_guid,
-      size: r
+      size: o
     });
-    if (t.institution_guid) return /* @__PURE__ */ o(h, {
+    if (t.institution_guid) return /* @__PURE__ */ r(p, {
       alt: t.institution_name ?? "",
       institutionGuid: t.institution_guid,
-      size: r
+      size: o
     });
     if (t.category_guid) {
       const a = n(t.category_guid);
-      return /* @__PURE__ */ o(m, {
+      return /* @__PURE__ */ r(d, {
         "data-testid": `category-icon-${a}`,
         sx: { display: "flex" },
-        children: /* @__PURE__ */ o(f, {
+        children: /* @__PURE__ */ r(y, {
           categoryGuid: a,
-          size: r
+          size: o
         })
       });
     }
   }
-}, H = _(({ payload: i }) => {
-  const { getTopLevelCategoryGuid: n } = u(), { data_series: t, header_text: a, variant: s } = i.instance_slot;
-  if (!t?.length) return null;
-  const d = s === x.WithHeader ? a : void 0;
-  return /* @__PURE__ */ o(l, {
-    header: d,
-    rows: t.map((e) => ({
-      amount: typeof e.amount == "number" ? c(e.amount, "0,0.00") : "",
-      leading: I(e, n),
+}, j = h(({ payload: i }) => {
+  const { getTopLevelCategoryGuid: n } = g(), { data: t, variant: a } = i.instance_slot, s = c(t, "series"), m = c(t, "header_text");
+  if (!Array.isArray(s) || !s.length) return null;
+  const u = a === I.WithHeader && typeof m == "string" ? m : void 0;
+  return /* @__PURE__ */ r(f, {
+    header: u,
+    rows: s.map((e) => ({
+      amount: typeof e.amount == "number" ? l(e.amount, "0,0.00") : "",
+      leading: C(e, n),
       subtitle: e.secondary_text ?? "",
       title: e.primary_text ?? ""
     }))
   });
 });
 export {
-  H as TransactionBlock,
-  x as TransactionBlockVariant
+  j as TransactionBlock,
+  I as TransactionBlockVariant
 };
 
 //# sourceMappingURL=TransactionBlock.es.js.map

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport { CategoryIcon, InstitutionLogo, MerchantLogo } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useCategoryStore } from '../../../../common'\nimport type { InsightsPayload, InstanceSlotRow } from '../../../../core'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\nimport TransactionListCard from '../../../components/TransactionListCard'\nimport { logoFromRef } from '../../../components/shared/EntityLogo'\n\ninterface TransactionBlockProps {\n  payload: InsightsPayload\n  beatGuid?: string\n}\n\n/**\n * Variants from ditto `lib/ditto/beats/large_transaction_v2.yml`:\n * - `with_header` — transaction row under a date header (the `with_merchant` card).\n * - `no_header`   — the row alone (the `no_merchant` card).\n */\nexport const TransactionBlockVariant = {\n  WithHeader: 'with_header',\n  NoHeader: 'no_header',\n} as const\n\nconst ROW_LOGO_SIZE = 32\n// Same glyph-to-tile ratio mxui's `CategoryIcon` uses, so a status icon sits like the other logos.\nconst ROW_ICON_SIZE = Math.round(ROW_LOGO_SIZE * 0.625)\n\n/**\n * Renders the row's leading logo from its `LogoRef`: a status icon, or an entity guid whose prefix\n * names the entity. An unrecognized prefix renders no logo rather than guessing.\n *\n * `resolveTopLevelCategory`: mxui's `CategoryIcon` only knows the top-level category guids and\n * silently falls back to the Uncategorized icon for a sub-category. The details drawer avoids\n * this by passing `transaction.top_level_category_guid`; the row only has the raw guid, so it is\n * walked up to its parent here (identity until categories load). That applies both to a `CAT-`\n * row logo and to a merchant's `fallback_guid`, which `MerchantLogo` draws through the same\n * `CategoryIcon` when the merchant image fails to load.\n */\nconst renderRowLogo = (row: InstanceSlotRow, resolveTopLevelCategory: (guid: string) => string) => {\n  const logo = logoFromRef(row.logo, row.primary_text)\n\n  if (!logo) return undefined\n\n  if (logo.logo_name) {\n    // A fixed box the size of the other logos keeps the row's text column aligned.\n    return (\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: ROW_LOGO_SIZE,\n          justifyContent: 'center',\n          width: ROW_LOGO_SIZE,\n        }}\n      >\n        <Icon name={logo.logo_name} size={ROW_ICON_SIZE} sx={{ color: logo.logo_color }} />\n      </Box>\n    )\n  }\n\n  if (logo.merchant_guid) {\n    return (\n      <MerchantLogo\n        alt={logo.merchant_name ?? ''}\n        categoryGuid={logo.category_guid ? resolveTopLevelCategory(logo.category_guid) : ''}\n        merchantGuid={logo.merchant_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.institution_guid) {\n    return (\n      <InstitutionLogo\n        alt={logo.institution_name ?? ''}\n        institutionGuid={logo.institution_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.category_guid) {\n    const topLevelGuid = resolveTopLevelCategory(logo.category_guid)\n    return (\n      <Box data-testid={`category-icon-${topLevelGuid}`} sx={{ display: 'flex' }}>\n        <CategoryIcon categoryGuid={topLevelGuid} size={ROW_LOGO_SIZE} />\n      </Box>\n    )\n  }\n\n  return undefined\n}\n\n/**\n * The `transaction_block` (ditto `blocks.name` for LargeTransactionV2).\n *\n * Renders rows the backend already localized and carried inline on `instance_slot.data_series`\n * (`logo`, `primary_text`, `secondary_text`, `amount`). Only the amount is formatted here,\n * because the contract sends it as a number.\n *\n * Under `with_header` the card header comes from `instance_slot.header_text`, which tupac sends\n * as the transaction date. It deliberately does *not* come from the first row: on a `with_merchant`\n * card a row's `secondary_text` is the category, so reading it here rendered the category twice\n * and dropped the date entirely.\n */\nexport const TransactionBlock = observer(({ payload }: TransactionBlockProps) => {\n  const { getTopLevelCategoryGuid } = useCategoryStore()\n  const { data_series: rows, header_text, variant } = payload.instance_slot\n\n  if (!rows?.length) return null\n\n  const header = variant === TransactionBlockVariant.WithHeader ? header_text : undefined\n\n  return (\n    <TransactionListCard\n      header={header}\n      rows={rows.map((row) => ({\n        amount: typeof row.amount === 'number' ? formatCurrency(row.amount, '0,0.00') : '',\n        leading: renderRowLogo(row, getTopLevelCategoryGuid),\n        subtitle: row.secondary_text ?? '',\n        title: row.primary_text ?? '',\n      }))}\n    />\n  )\n})\n"],"mappings":";;;;;;;;;AAwBA,IAAa,IAA0B;AAAA,EACrC,YAAY;AAAA,EACZ,UAAU;AACZ,GAEM,IAAgB,IAEhB,IAAgB,KAAK,MAAM,IAAgB,KAAK,GAahD,IAAA,CAAiB,GAAsB,MAAsD;AACjG,QAAM,IAAO,EAAY,EAAI,MAAM,EAAI,YAAY;AAEnD,MAAK,GAEL;AAAA,QAAI,EAAK,UAEP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM,EAAK;AAAA,QAAW,MAAM;AAAA,QAAe,IAAI,EAAE,OAAO,EAAK,WAAW;AAAA,MAAI,CAAA;AAAA,IAC/E,CAAA;AAIT,QAAI,EAAK,cACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,iBAAiB;AAAA,MAC3B,cAAc,EAAK,gBAAgB,EAAwB,EAAK,aAAa,IAAI;AAAA,MACjF,cAAc,EAAK;AAAA,MACnB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,iBACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,oBAAoB;AAAA,MAC9B,iBAAiB,EAAK;AAAA,MACtB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,eAAe;AACtB,YAAM,IAAe,EAAwB,EAAK,aAAa;AAC/D,aACE,gBAAA,EAAC,GAAD;AAAA,QAAK,eAAa,iBAAiB,CAAA;AAAA,QAAgB,IAAI,EAAE,SAAS,OAAO;AAAA,QACvE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAc,MAAM;AAAA,QAAgB,CAAA;AAAA,MAC7D,CAAA;AAAA,IAET;AAAA;AAGF,GAca,IAAmB,EAAA,CAAU,EAAE,SAAA,EAAA,MAAqC;AAC/E,QAAM,EAAE,yBAAA,EAAA,IAA4B,EAAiB,GAC/C,EAAE,aAAa,GAAM,aAAA,GAAa,SAAA,EAAA,IAAY,EAAQ;AAE5D,MAAI,CAAC,GAAM,OAAQ,QAAO;AAE1B,QAAM,IAAS,MAAY,EAAwB,aAAa,IAAc;AAE9E,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,MAAM,EAAK,IAAA,CAAK,OAAS;AAAA,MACvB,QAAQ,OAAO,EAAI,UAAW,WAAW,EAAe,EAAI,QAAQ,QAAQ,IAAI;AAAA,MAChF,SAAS,EAAc,GAAK,CAAuB;AAAA,MACnD,UAAU,EAAI,kBAAkB;AAAA,MAChC,OAAO,EAAI,gBAAgB;AAAA,IAC7B,EAAE;AAAA,EACH,CAAA;AAEL,CAAC"}
+{"version":3,"file":"TransactionBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport { CategoryIcon, InstitutionLogo, MerchantLogo } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useCategoryStore } from '../../../../common'\nimport { slot } from '../../../../core'\nimport type { InsightsPayload, InstanceSlotRow } from '../../../../core'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\nimport TransactionListCard from '../../../components/TransactionListCard'\nimport { logoFromRef } from '../../../components/shared/EntityLogo'\n\ninterface TransactionBlockProps {\n  payload: InsightsPayload\n  beatGuid?: string\n}\n\n/**\n * Variants from ditto `lib/ditto/beats/large_transaction_v2.yml`:\n * - `with_header` — transaction row under a date header (the `with_merchant` card).\n * - `no_header`   — the row alone (the `no_merchant` card).\n */\nexport const TransactionBlockVariant = {\n  WithHeader: 'with_header',\n  NoHeader: 'no_header',\n} as const\n\nconst ROW_LOGO_SIZE = 32\n// Same glyph-to-tile ratio mxui's `CategoryIcon` uses, so a status icon sits like the other logos.\nconst ROW_ICON_SIZE = Math.round(ROW_LOGO_SIZE * 0.625)\n\n/**\n * Renders the row's leading logo from its `LogoRef`: a status icon, or an entity guid whose prefix\n * names the entity. An unrecognized prefix renders no logo rather than guessing.\n *\n * `resolveTopLevelCategory`: mxui's `CategoryIcon` only knows the top-level category guids and\n * silently falls back to the Uncategorized icon for a sub-category. The details drawer avoids\n * this by passing `transaction.top_level_category_guid`; the row only has the raw guid, so it is\n * walked up to its parent here (identity until categories load). That applies both to a `CAT-`\n * row logo and to a merchant's `fallback_guid`, which `MerchantLogo` draws through the same\n * `CategoryIcon` when the merchant image fails to load.\n */\nconst renderRowLogo = (row: InstanceSlotRow, resolveTopLevelCategory: (guid: string) => string) => {\n  const logo = logoFromRef(row.logo, row.primary_text)\n\n  if (!logo) return undefined\n\n  if (logo.logo_name) {\n    // A fixed box the size of the other logos keeps the row's text column aligned.\n    return (\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: ROW_LOGO_SIZE,\n          justifyContent: 'center',\n          width: ROW_LOGO_SIZE,\n        }}\n      >\n        <Icon name={logo.logo_name} size={ROW_ICON_SIZE} sx={{ color: logo.logo_color }} />\n      </Box>\n    )\n  }\n\n  if (logo.merchant_guid) {\n    return (\n      <MerchantLogo\n        alt={logo.merchant_name ?? ''}\n        categoryGuid={logo.category_guid ? resolveTopLevelCategory(logo.category_guid) : ''}\n        merchantGuid={logo.merchant_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.institution_guid) {\n    return (\n      <InstitutionLogo\n        alt={logo.institution_name ?? ''}\n        institutionGuid={logo.institution_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.category_guid) {\n    const topLevelGuid = resolveTopLevelCategory(logo.category_guid)\n    return (\n      <Box data-testid={`category-icon-${topLevelGuid}`} sx={{ display: 'flex' }}>\n        <CategoryIcon categoryGuid={topLevelGuid} size={ROW_LOGO_SIZE} />\n      </Box>\n    )\n  }\n\n  return undefined\n}\n\n/**\n * The `transaction_block` (ditto `blocks.name` for LargeTransactionV2).\n *\n * Renders rows the backend already localized and carried inline on `instance_slot.data.series`\n * (`logo`, `primary_text`, `secondary_text`, `amount`). Only the amount is formatted here,\n * because the contract sends it as a number.\n *\n * This is the full/mini shape. The reduced widgets (micro, embedded) resolve to the row logo\n * alone, carried flat on `data.logo` with no `series`, and are drawn by `CompactInsightCard`.\n *\n * Under `with_header` the card header comes from `instance_slot.data.header_text`, which tupac sends\n * as the transaction date. It deliberately does *not* come from the first row: on a `with_merchant`\n * card a row's `secondary_text` is the category, so reading it here rendered the category twice\n * and dropped the date entirely.\n */\nexport const TransactionBlock = observer(({ payload }: TransactionBlockProps) => {\n  const { getTopLevelCategoryGuid } = useCategoryStore()\n  const { data, variant } = payload.instance_slot\n  const series = slot<InstanceSlotRow[]>(data, 'series')\n  const headerText = slot<string>(data, 'header_text')\n\n  if (!Array.isArray(series) || !series.length) return null\n\n  const header =\n    variant === TransactionBlockVariant.WithHeader && typeof headerText === 'string'\n      ? headerText\n      : undefined\n\n  return (\n    <TransactionListCard\n      header={header}\n      rows={series.map((row) => ({\n        amount: typeof row.amount === 'number' ? formatCurrency(row.amount, '0,0.00') : '',\n        leading: renderRowLogo(row, getTopLevelCategoryGuid),\n        subtitle: row.secondary_text ?? '',\n        title: row.primary_text ?? '',\n      }))}\n    />\n  )\n})\n"],"mappings":";;;;;;;;;;AAyBA,IAAa,IAA0B;AAAA,EACrC,YAAY;AAAA,EACZ,UAAU;AACZ,GAEM,IAAgB,IAEhB,IAAgB,KAAK,MAAM,IAAgB,KAAK,GAahD,IAAA,CAAiB,GAAsB,MAAsD;AACjG,QAAM,IAAO,EAAY,EAAI,MAAM,EAAI,YAAY;AAEnD,MAAK,GAEL;AAAA,QAAI,EAAK,UAEP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM,EAAK;AAAA,QAAW,MAAM;AAAA,QAAe,IAAI,EAAE,OAAO,EAAK,WAAW;AAAA,MAAI,CAAA;AAAA,IAC/E,CAAA;AAIT,QAAI,EAAK,cACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,iBAAiB;AAAA,MAC3B,cAAc,EAAK,gBAAgB,EAAwB,EAAK,aAAa,IAAI;AAAA,MACjF,cAAc,EAAK;AAAA,MACnB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,iBACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,oBAAoB;AAAA,MAC9B,iBAAiB,EAAK;AAAA,MACtB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,eAAe;AACtB,YAAM,IAAe,EAAwB,EAAK,aAAa;AAC/D,aACE,gBAAA,EAAC,GAAD;AAAA,QAAK,eAAa,iBAAiB,CAAA;AAAA,QAAgB,IAAI,EAAE,SAAS,OAAO;AAAA,QACvE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAc,MAAM;AAAA,QAAgB,CAAA;AAAA,MAC7D,CAAA;AAAA,IAET;AAAA;AAGF,GAiBa,IAAmB,EAAA,CAAU,EAAE,SAAA,EAAA,MAAqC;AAC/E,QAAM,EAAE,yBAAA,EAAA,IAA4B,EAAiB,GAC/C,EAAE,MAAA,GAAM,SAAA,EAAA,IAAY,EAAQ,eAC5B,IAAS,EAAwB,GAAM,QAAQ,GAC/C,IAAa,EAAa,GAAM,aAAa;AAEnD,MAAI,CAAC,MAAM,QAAQ,CAAM,KAAK,CAAC,EAAO,OAAQ,QAAO;AAErD,QAAM,IACJ,MAAY,EAAwB,cAAc,OAAO,KAAe,WACpE,IACA;AAEN,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,MAAM,EAAO,IAAA,CAAK,OAAS;AAAA,MACzB,QAAQ,OAAO,EAAI,UAAW,WAAW,EAAe,EAAI,QAAQ,QAAQ,IAAI;AAAA,MAChF,SAAS,EAAc,GAAK,CAAuB;AAAA,MACnD,UAAU,EAAI,kBAAkB;AAAA,MAChC,OAAO,EAAI,gBAAgB;AAAA,IAC7B,EAAE;AAAA,EACH,CAAA;AAEL,CAAC"}

package/dist/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.d.ts

@@ -1,5 +1,5 @@
 import { BlockProps } from '../../types';
-/** The Withdrawal row on `instance_slot.data_series`. */
+/** The Withdrawal row on `instance_slot.data.series`. */
 export interface WithdrawalRow {
     amount?: number;
     amount_label?: string;
@@ -9,7 +9,7 @@ export interface WithdrawalRow {
 }
 /**
  * The `withdrawal_block` (Highlight Withdrawal), reading one row on
- * `instance_slot.data_series`. Text (`amount_label`, `withdrawal_date`,
+ * `instance_slot.data.series`. Text (`amount_label`, `withdrawal_date`,
  * `balance_label`) renders as sent; `amount` and `balance` are numbers and are formatted by the
  * card. Renders nothing unless the row carries both numbers.
  */

package/dist/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js

@@ -1,11 +1,12 @@
-import l from "../../../components/WithdrawalCard.es.js";
+import { slot as l } from "../../../../core/types/Insights.es.js";
+import o from "../../../components/WithdrawalCard.es.js";
 import n from "@mui/material/Stack";
 import { jsx as t } from "react/jsx-runtime";
-var s = ({ payload: e }) => {
-  const r = e.instance_slot.data_series, [a] = Array.isArray(r) ? r : [];
+var c = ({ payload: e }) => {
+  const r = l(e.instance_slot.data, "series"), [a] = Array.isArray(r) ? r : [];
   return !Number.isFinite(a?.amount) || !Number.isFinite(a?.balance) ? null : /* @__PURE__ */ t(n, {
     sx: { px: 16 },
-    children: /* @__PURE__ */ t(l, {
+    children: /* @__PURE__ */ t(o, {
       amount: a.amount,
       amountLabel: a.amount_label,
       balance: a.balance,
@@ -15,7 +16,7 @@ var s = ({ payload: e }) => {
   });
 };
 export {
-  s as default
+  c as default
 };
 
 //# sourceMappingURL=WithdrawalBlock.es.js.map

package/dist/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithdrawalBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport WithdrawalCard from '../../../components/WithdrawalCard'\nimport type { BlockProps } from '../../types'\n\n/** The Withdrawal row on `instance_slot.data_series`. */\nexport interface WithdrawalRow {\n  amount?: number\n  amount_label?: string\n  balance?: number\n  balance_label?: string\n  withdrawal_date?: string\n}\n\n/**\n * The `withdrawal_block` (Highlight Withdrawal), reading one row on\n * `instance_slot.data_series`. Text (`amount_label`, `withdrawal_date`,\n * `balance_label`) renders as sent; `amount` and `balance` are numbers and are formatted by the\n * card. Renders nothing unless the row carries both numbers.\n */\nconst WithdrawalBlock = ({ payload }: BlockProps) => {\n  const rows = payload.instance_slot.data_series\n  const [row] = (Array.isArray(rows) ? rows : []) as WithdrawalRow[]\n\n  if (!Number.isFinite(row?.amount) || !Number.isFinite(row?.balance)) return null\n\n  return (\n    <Stack sx={{ px: 16 }}>\n      <WithdrawalCard\n        amount={row.amount as number}\n        amountLabel={row.amount_label}\n        balance={row.balance as number}\n        balanceLabel={row.balance_label}\n        withdrawalDate={row.withdrawal_date}\n      />\n    </Stack>\n  )\n}\n\nexport default WithdrawalBlock\n"],"mappings":";;;AAoBA,IAAM,IAAA,CAAmB,EAAE,SAAA,EAAA,MAA0B;AACnD,QAAM,IAAO,EAAQ,cAAc,aAC7B,CAAC,CAAA,IAAQ,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC;AAE7C,SAAI,CAAC,OAAO,SAAS,GAAK,MAAM,KAAK,CAAC,OAAO,SAAS,GAAK,OAAO,IAAU,OAG1E,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,IAAI,GAAG;AAAA,IAClB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAI;AAAA,MACZ,aAAa,EAAI;AAAA,MACjB,SAAS,EAAI;AAAA,MACb,cAAc,EAAI;AAAA,MAClB,gBAAgB,EAAI;AAAA,IACrB,CAAA;AAAA,EACI,CAAA;AAEX"}
+{"version":3,"file":"WithdrawalBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { slot } from '../../../../core'\nimport WithdrawalCard from '../../../components/WithdrawalCard'\nimport type { BlockProps } from '../../types'\n\n/** The Withdrawal row on `instance_slot.data.series`. */\nexport interface WithdrawalRow {\n  amount?: number\n  amount_label?: string\n  balance?: number\n  balance_label?: string\n  withdrawal_date?: string\n}\n\n/**\n * The `withdrawal_block` (Highlight Withdrawal), reading one row on\n * `instance_slot.data.series`. Text (`amount_label`, `withdrawal_date`,\n * `balance_label`) renders as sent; `amount` and `balance` are numbers and are formatted by the\n * card. Renders nothing unless the row carries both numbers.\n */\nconst WithdrawalBlock = ({ payload }: BlockProps) => {\n  const rows = slot<WithdrawalRow[]>(payload.instance_slot.data, 'series')\n  const [row] = Array.isArray(rows) ? rows : []\n\n  if (!Number.isFinite(row?.amount) || !Number.isFinite(row?.balance)) return null\n\n  return (\n    <Stack sx={{ px: 16 }}>\n      <WithdrawalCard\n        amount={row.amount as number}\n        amountLabel={row.amount_label}\n        balance={row.balance as number}\n        balanceLabel={row.balance_label}\n        withdrawalDate={row.withdrawal_date}\n      />\n    </Stack>\n  )\n}\n\nexport default WithdrawalBlock\n"],"mappings":";;;;AAqBA,IAAM,IAAA,CAAmB,EAAE,SAAA,EAAA,MAA0B;AACnD,QAAM,IAAO,EAAsB,EAAQ,cAAc,MAAM,QAAQ,GACjE,CAAC,CAAA,IAAO,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC;AAE5C,SAAI,CAAC,OAAO,SAAS,GAAK,MAAM,KAAK,CAAC,OAAO,SAAS,GAAK,OAAO,IAAU,OAG1E,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,IAAI,GAAG;AAAA,IAClB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAI;AAAA,MACZ,aAAa,EAAI;AAAA,MACjB,SAAS,EAAI;AAAA,MACb,cAAc,EAAI;AAAA,MAClB,gBAAgB,EAAI;AAAA,IACrB,CAAA;AAAA,EACI,CAAA;AAEX"}

package/dist/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.d.ts

@@ -1,4 +1,4 @@
-export declare const getLayoutConfig: (variant: string | null, isCibc?: boolean) => {
+export declare const getLayoutConfig: (variant?: string | null, isCibc?: boolean) => {
     image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 } | {
     image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

package/dist/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.ts"],"sourcesContent":["// SVGs to be moved to S3 and imported from there.\nimport { ReactComponent as UpcomingTaxDeadline } from './images/UpcomingTaxDeadlineAlert.svg'\nimport { ReactComponent as UpcomingTaxDeadlineCIBC } from './images/UpcomingTaxDeadlineAlertCIBC.svg'\n\nimport { ReactComponent as FederalBankHoliday } from './images/FederalBankHoliday.svg'\nimport { ReactComponent as FederalBankHolidayCIBC } from './images/FederalBankHolidayCibc.svg'\n\nimport { ReactComponent as DesignateEmergencySavingsAccount } from './images/DesignateEmergencySavingsAccount.svg'\n\nexport const getLayoutConfig = (variant: string | null, isCibc: boolean = false) => {\n  const config = {\n    Holiday: {\n      image: isCibc ? FederalBankHolidayCIBC : FederalBankHoliday,\n    },\n    Reminder: {\n      image: isCibc ? UpcomingTaxDeadlineCIBC : UpcomingTaxDeadline,\n    },\n    Savings: {\n      image: DesignateEmergencySavingsAccount,\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAmB,GAAwB,IAAkB,QAYjE;AAAA,EAVL,SAAS,EACP,OAAO,IAAS,IAAyB,EAC3C;AAAA,EACA,UAAU,EACR,OAAO,IAAS,IAA0B,EAC5C;AAAA,EACA,SAAS,EACP,OAAO,EACT;AAEK,GAAO,CAAA"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.ts"],"sourcesContent":["// SVGs to be moved to S3 and imported from there.\nimport { ReactComponent as UpcomingTaxDeadline } from './images/UpcomingTaxDeadlineAlert.svg'\nimport { ReactComponent as UpcomingTaxDeadlineCIBC } from './images/UpcomingTaxDeadlineAlertCIBC.svg'\n\nimport { ReactComponent as FederalBankHoliday } from './images/FederalBankHoliday.svg'\nimport { ReactComponent as FederalBankHolidayCIBC } from './images/FederalBankHolidayCibc.svg'\n\nimport { ReactComponent as DesignateEmergencySavingsAccount } from './images/DesignateEmergencySavingsAccount.svg'\n\nexport const getLayoutConfig = (variant?: string | null, isCibc: boolean = false) => {\n  const config = {\n    Holiday: {\n      image: isCibc ? FederalBankHolidayCIBC : FederalBankHoliday,\n    },\n    Reminder: {\n      image: isCibc ? UpcomingTaxDeadlineCIBC : UpcomingTaxDeadline,\n    },\n    Savings: {\n      image: DesignateEmergencySavingsAccount,\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAmB,GAAyB,IAAkB,QAYlE;AAAA,EAVL,SAAS,EACP,OAAO,IAAS,IAAyB,EAC3C;AAAA,EACA,UAAU,EACR,OAAO,IAAS,IAA0B,EAC5C;AAAA,EACA,SAAS,EACP,OAAO,EACT;AAEK,GAAO,CAAA"}

package/dist/insights-v2/components/BaseLayout.es.js

@@ -3,18 +3,18 @@ import { BeatActionsProvider as R } from "../beatActions.es.js";
 import { isContactSupportCtaDisabled as H } from "../actionBlocks/ContactSupportActionBlock.es.js";
 import { logoFromRef as M } from "./shared/EntityLogo.es.js";
 import { actionBlocksKey as P } from "../mappings/actionBlocksKey.es.js";
-import { ErrorCard as U } from "./ErrorCard.es.js";
-import { blocks as j } from "../mappings/blocks.es.js";
-import z from "./Footer.es.js";
-import G from "./Header.es.js";
-import { FeedbackBar as K } from "./FeedbackBar.es.js";
-import X from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as V } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as W } from "./HiddenConfirmationCard.es.js";
-import { LoadingCard as Y } from "./LoadingCard.es.js";
-import { ObsolesceBanner as q } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as J } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatCtaActions as Q } from "../ctaActions/useCtaAction.es.js";
+import U from "./FeedbackDialog.es.js";
+import { ErrorCard as j } from "./ErrorCard.es.js";
+import { useBeatCtaActions as z } from "../ctaActions/useCtaAction.es.js";
+import { blocks as G } from "../mappings/blocks.es.js";
+import K from "./Footer.es.js";
+import X from "./Header.es.js";
+import { FeedbackBar as V } from "./FeedbackBar.es.js";
+import { DismissInsightDialog as W } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as Y } from "./HiddenConfirmationCard.es.js";
+import { LoadingCard as q } from "./LoadingCard.es.js";
+import { ObsolesceBanner as J } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as Q } from "../actionBlocks/ActionBlockLayer.es.js";
 import { useBeatFeedbackFlow as Z } from "../hooks/useBeatFeedbackFlow.es.js";
 import { observer as $ } from "mobx-react-lite";
 import b from "@mui/material/Stack";
@@ -42,8 +42,8 @@ var so = {}, no = {
   px: 2,
   textTransform: "none"
 }, Ro = $(({ beat: t, beatActions: s = so, obsolete: c, isLoading: x = !1, isError: _ = !1 }) => {
-  const v = N(), { config: S } = E(), o = Z(t, s), { runCta: T, primary: C, secondary: g } = Q(t, s, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta);
-  if (_) return /* @__PURE__ */ i(U, {});
+  const v = N(), { config: S } = E(), o = Z(t, s), { runCta: T, primary: C, secondary: g } = z(t, s, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta);
+  if (_) return /* @__PURE__ */ i(j, {});
   const e = t.insights_payload;
   if (!e || o.cardState === "dismissed") return null;
   const { instance_slot: B, primary_cta: r, secondary_cta: n, sub_title: O, title: D, widget_type: L, guid: I, dismissed_at: F } = e, { block: A } = B, w = O ?? (e.subtitle ? {
@@ -57,17 +57,17 @@ var so = {}, no = {
       }
       await T(f, u);
     }
-  }, k = j[A], d = L === "mini", m = v.insights_feed?.general, p = c?.state === "not_refreshable" && !F && !!m;
+  }, k = G[A], d = L === "mini", m = v.insights_feed?.general, p = c?.state === "not_refreshable" && !F && !!m;
   return /* @__PURE__ */ i(R, {
     value: o.wrappedActions,
     children: /* @__PURE__ */ a(b, {
       sx: { mb: 16 },
       children: [
-        o.cardState === "confirming" ? /* @__PURE__ */ i(W, {
+        o.cardState === "confirming" ? /* @__PURE__ */ i(Y, {
           onClose: o.collapseConfirmation,
           onLeaveFeedback: o.openHideSurvey,
           onUndo: o.undoDismiss
-        }) : /* @__PURE__ */ a(to, { children: [c && m && /* @__PURE__ */ i(q, {
+        }) : /* @__PURE__ */ a(to, { children: [c && m && /* @__PURE__ */ i(J, {
           ...c,
           copy: m
         }), /* @__PURE__ */ a(ao, {
@@ -79,12 +79,12 @@ var so = {}, no = {
           } },
           children: [
             p && /* @__PURE__ */ i(ro, { sx: no }),
-            /* @__PURE__ */ i(G, {
+            /* @__PURE__ */ i(X, {
               isMini: d,
               subtitle: w,
               title: D ?? ""
             }),
-            x ? /* @__PURE__ */ i(Y, {}) : k && /* @__PURE__ */ i(k, {
+            x ? /* @__PURE__ */ i(q, {}) : k && /* @__PURE__ */ i(k, {
               beatGuid: I,
               payload: e
             }),
@@ -136,19 +136,19 @@ var so = {}, no = {
                 children: n.label
               })]
             }),
-            /* @__PURE__ */ i(K, {
+            /* @__PURE__ */ i(V, {
               onTellUsMore: o.openRatingSurvey,
               show: o.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ i(J, { beat: t }),
-        /* @__PURE__ */ i(V, {
+        /* @__PURE__ */ i(Q, { beat: t }),
+        /* @__PURE__ */ i(W, {
           isOpen: o.isDismissOpen,
           onClose: o.closeDismissDialog,
           onDismiss: o.confirmDismiss
         }),
-        o.isSurveyOpen && /* @__PURE__ */ i(X, {
+        o.isSurveyOpen && /* @__PURE__ */ i(U, {
           characterLimitLabel: o.survey.characterLimitLabel,
           closeAriaLabel: o.survey.closeAriaLabel,
           isOpen: !0,
@@ -161,7 +161,7 @@ var so = {}, no = {
           secondaryText: o.survey.backText,
           title: o.survey.title
         }),
-        o.cardState === "visible" && e.footer && /* @__PURE__ */ i(z, { footer: e.footer })
+        o.cardState === "visible" && e.footer && /* @__PURE__ */ i(K, { footer: e.footer })
       ]
     })
   });

package/dist/insights-v2/components/CompactInsightCard.d.ts

@@ -19,13 +19,13 @@ export interface CompactInsightCardProps {
  * The one compact renderer the micro and embedded envelopes share (`insights_v2.2.md` §8.3).
  *
  * Figma 1941:111897 (Embedded | Large Transaction): a title row with the overflow slot, the HTML
- * description with the primary CTA under it, and on the right the first slot row's logo in a
- * `<BadgedTile>`. Under ditto's `embedded` variant the tile takes a status badge; micro sends no
- * variant and draws the logo alone. The card lays out from the envelope alone and never reads
+ * description with the primary CTA under it, and on the right the slot's `logo` in a
+ * `<BadgedTile>`. Under ditto's `with_warning_badge` variant the tile takes a status badge; under
+ * `minimal` it draws the logo alone. The card lays out from the envelope alone and never reads
  * `widget_type`.
  *
  * The icon falls back to the neutral insight glyph **here**, not in `LogoFromGuid`, when the slot
- * has no row. The `pill` on the same envelope is the transaction row's, not the card's.
+ * carries no logo. The `pill` on the same envelope is the transaction row's, not the card's.
  */
 declare const CompactInsightCard: ({ isCtaDisabled, onCtaClick, onTap, payload, }: CompactInsightCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CompactInsightCard;