@mx-cartographer/experiences 9.4.56 → 9.4.58

package/dist/core/utils/TransactionUtils.es.js

@@ -1,22 +1,20 @@
-import { CategoryGuidToName as y, CategoryGuids as h } from "../constants/Category.es.js";
+import { CategoryGuidToName as y, CategoryGuids as T } from "../constants/Category.es.js";
 import { DATE_FORMATS_INTL as m, formatDate as f } from "../constants/DateFormats.es.js";
 import { TransactionStatus as C, TransactionType as v } from "../types/Transaction.es.js";
 import { getLocalizedCategoryName as A } from "./CategoryUtil.es.js";
-import { formatCurrency as E } from "./NumberFormatting.es.js";
-import { fromUnixUTC as S } from "./DateUtil.es.js";
-import { TABLE_CONST as b } from "../constants/Table.es.js";
+import { formatCurrency as O } from "./NumberFormatting.es.js";
+import { endOfUtcDay as D, fromUnixUTC as h, startOfUtcDay as E } from "./DateUtil.es.js";
+import { TABLE_CONST as S } from "../constants/Table.es.js";
 import { COLUMN_NAMES as _ } from "../constants/Transaction.es.js";
-import { format as O } from "date-fns/format";
-import { startOfMonth as D } from "date-fns/startOfMonth";
-import { startOfToday as N } from "date-fns/startOfToday";
-import { endOfToday as M } from "date-fns/endOfToday";
-import { fromUnixTime as U } from "date-fns/fromUnixTime";
-import { getUnixTime as T } from "date-fns/getUnixTime";
-var te = (t) => t.top_level_category_guid === h.TRANSFER, re = (t, r, o, d = [], i) => {
+import { format as b } from "date-fns/format";
+import { startOfMonth as N } from "date-fns/startOfMonth";
+import { startOfToday as M } from "date-fns/startOfToday";
+import { endOfToday as U } from "date-fns/endOfToday";
+var X = (t) => t.top_level_category_guid === T.TRANSFER, ee = (t, r, n, d = [], i) => {
   const c = r.reduce((e, s) => ({
     ...e,
     [s.guid]: s
-  }), {}), n = o.reduce((e, s) => ({
+  }), {}), o = n.reduce((e, s) => ({
     ...e,
     [s.guid]: s
   }), {}), a = d.reduce((e, s) => {
@@ -32,7 +30,7 @@ var te = (t) => t.top_level_category_guid === h.TRANSFER, re = (t, r, o, d = [],
     };
   }, {});
   return t.map((e) => {
-    const s = c[e.account_guid], u = e.category_guid ? n[e.category_guid] : null, g = a[e.guid] ?? [];
+    const s = c[e.account_guid], u = e.category_guid ? o[e.category_guid] : null, g = a[e.guid] ?? [];
     return {
       ...e,
       account: s?.user_name || "Unknown",
@@ -40,78 +38,78 @@ var te = (t) => t.top_level_category_guid === h.TRANSFER, re = (t, r, o, d = [],
       accountIsHidden: s?.is_hidden,
       category: u ? A(u, i) : "Uncategorized",
       institutionName: s?.institution?.name || s?.institutionName || void 0,
-      isIncome: e.top_level_category_guid === h.INCOME,
+      isIncome: e.top_level_category_guid === T.INCOME,
       isPending: e.feed_status === C.PENDING,
       number: s?.account_number || "",
       payee: e.description,
       tags: g
     };
   });
-}, L = "uncategorized", oe = (t, r, o, d, i, c) => {
-  const n = R(t, i, c), a = I(n, o, d);
+}, L = "uncategorized", te = (t, r, n, d, i, c) => {
+  const o = R(t, i, c), a = I(o, n, d);
   return r.forEach((e) => {
     const s = a.findIndex((g) => g.guid === e), u = c.filter((g) => g.parent_guid === e);
     a.splice(s + 1, 0, ...u);
   }), a;
-}, R = (t, r, o) => {
+}, R = (t, r, n) => {
   const { accounts: d = [], dateRange: i = {
-    start: D(N()),
-    end: M()
-  }, custom: c = () => !0, searchTerm: n = "", showSplits: a = !1 } = t;
-  return o.filter((e) => a ? !e.has_been_split : !e.parent_guid).filter((e) => !!d.find((s) => s === e.account_guid)).filter((e) => e.date >= T(i.start) && e.date <= T(i.end)).filter(c).filter((e) => {
-    if (n === L && e.has_been_split) return !1;
-    if (/^spl/i.test(n) && (e.has_been_split || e.parent_guid)) return !0;
-    const s = e.tags.some((g) => p(n, r.find((l) => l.guid === g)?.name)), u = U(e.date);
-    return p(n, e.payee) || p(n, e.feed_description) || p(n, e.category) || p(n, f(u, m.MONTH)) || p(n, f(u, m.DAY)) || p(n, f(u, m.FULL_MONTH_DAY)) || p(n, f(u, m.MONTH_DAY_YEAR)) || p(n, O(u, "do")) || p(n, e.account) || p(n, E(e.amount, "0,0.00")) || p(n, e.memo) || s;
+    start: N(M()),
+    end: U()
+  }, custom: c = () => !0, searchTerm: o = "", showSplits: a = !1 } = t;
+  return n.filter((e) => a ? !e.has_been_split : !e.parent_guid).filter((e) => !!d.find((s) => s === e.account_guid)).filter((e) => e.date >= E(i.start) && e.date <= D(i.end)).filter(c).filter((e) => {
+    if (o === L && e.has_been_split) return !1;
+    if (/^spl/i.test(o) && (e.has_been_split || e.parent_guid)) return !0;
+    const s = e.tags.some((g) => p(o, r.find((l) => l.guid === g)?.name)), u = h(e.date);
+    return p(o, e.payee) || p(o, e.feed_description) || p(o, e.category) || p(o, f(u, m.MONTH)) || p(o, f(u, m.DAY)) || p(o, f(u, m.FULL_MONTH_DAY)) || p(o, f(u, m.MONTH_DAY_YEAR)) || p(o, b(u, "do")) || p(o, e.account) || p(o, O(e.amount, "0,0.00")) || p(o, e.memo) || s;
   });
-}, I = (t, r, o) => [...t].sort((d, i) => {
-  const c = r, n = (d[c] || "") > (i[c] || "");
-  let a = n ? -1 : 1, e = n ? 1 : -1;
-  return (r === _.DATE || r === _.AMOUNT) && (a = n ? 1 : -1, e = n ? -1 : 1), o === b.ASC ? a : e;
+}, I = (t, r, n) => [...t].sort((d, i) => {
+  const c = r, o = (d[c] || "") > (i[c] || "");
+  let a = o ? -1 : 1, e = o ? 1 : -1;
+  return (r === _.DATE || r === _.AMOUNT) && (a = o ? 1 : -1, e = o ? -1 : 1), n === S.ASC ? a : e;
 }), p = (t, r) => {
-  const o = t.toLowerCase().split(" "), d = r?.toString().toLowerCase() ?? "";
-  return o.every((i) => d.indexOf(i) > -1);
+  const n = t.toLowerCase().split(" "), d = r?.toString().toLowerCase() ?? "";
+  return n.every((i) => d.indexOf(i) > -1);
 };
 function w(t) {
   return new Set(t.filter((r) => r.parent_guid !== void 0).map((r) => r.parent_guid));
 }
 function j(t) {
-  return t.reduce((r, o) => (o.parent_guid && (r[o.parent_guid] || (r[o.parent_guid] = []), r[o.parent_guid].push(o)), r), {});
+  return t.reduce((r, n) => (n.parent_guid && (r[n.parent_guid] || (r[n.parent_guid] = []), r[n.parent_guid].push(n)), r), {});
 }
-function ne(t, r) {
-  const o = w(r), d = j(r), i = /* @__PURE__ */ new Set(), c = [];
-  for (const n of t) o.has(n.guid) ? (d[n.guid] ?? []).slice().sort((a, e) => Math.abs(e.amount) - Math.abs(a.amount)).forEach((a) => {
+function re(t, r) {
+  const n = w(r), d = j(r), i = /* @__PURE__ */ new Set(), c = [];
+  for (const o of t) n.has(o.guid) ? (d[o.guid] ?? []).slice().sort((a, e) => Math.abs(e.amount) - Math.abs(a.amount)).forEach((a) => {
     i.has(a.guid) || (c.push(a), i.add(a.guid));
-  }) : i.has(n.guid) || (c.push(n), i.add(n.guid));
+  }) : i.has(o.guid) || (c.push(o), i.add(o.guid));
   return c;
 }
-var ie = (t, r) => {
-  const o = x(G(t, r)), d = new Blob([o], { type: "text/csv;charset=utf-8;" }), i = document.createElement("a");
+var ne = (t, r) => {
+  const n = F(G(t, r)), d = new Blob([n], { type: "text/csv;charset=utf-8;" }), i = document.createElement("a");
   i.href = URL.createObjectURL(d), i.setAttribute("download", "transactions.csv"), document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(i.href);
-}, G = (t, r) => t.map((o) => ({
-  Date: f(S(o.date), m.YEAR_MONTH_DAY),
-  Description: F(o),
-  "Original Description": o.feed_description,
-  Amount: `${o.amount}`,
-  Type: o.transaction_type === v.CREDIT ? "Credit" : "Debit",
-  "Parent Category": y[o.top_level_category_guid || ""],
-  Category: o.category,
-  Account: o.account,
-  Tags: B(o, r),
-  Memo: o.memo,
-  Pending: o.isPending ? "TRUE" : "FALSE"
-})), P = (t) => t ? /[,"\n\r]/.test(t) ? `"${t.replace(/"/g, '""')}"` : t : "", x = (t) => t.length === 0 ? "" : Object.keys(t[0]).join(",").concat(`\r
+}, G = (t, r) => t.map((n) => ({
+  Date: f(h(n.date), m.YEAR_MONTH_DAY),
+  Description: B(n),
+  "Original Description": n.feed_description,
+  Amount: `${n.amount}`,
+  Type: n.transaction_type === v.CREDIT ? "Credit" : "Debit",
+  "Parent Category": y[n.top_level_category_guid || ""],
+  Category: n.category,
+  Account: n.account,
+  Tags: Y(n, r),
+  Memo: n.memo,
+  Pending: n.isPending ? "TRUE" : "FALSE"
+})), P = (t) => t ? /[,"\n\r]/.test(t) ? `"${t.replace(/"/g, '""')}"` : t : "", F = (t) => t.length === 0 ? "" : Object.keys(t[0]).join(",").concat(`\r
 `) + t.map((r) => Object.values(r).map(P).join(",")).join(`\r
-`), F = (t) => {
+`), B = (t) => {
   let r = t.parent_guid ? "Split: " : "";
   return r += t.is_hidden ? "(Excluded) " : "", r += t.description, r;
-}, B = (t, r) => t.tags.map((o) => r.filter((d) => d.guid === o)[0]?.name ?? "").join(" ");
+}, Y = (t, r) => t.tags.map((n) => r.filter((d) => d.guid === n)[0]?.name ?? "").join(" ");
 export {
-  re as buildDetailedTransactions,
-  ie as exportTransactionsToCSV,
-  ne as flattenTransactionsWithSplits,
-  te as isTransferTransaction,
-  oe as sortAndFilterTransactions
+  ee as buildDetailedTransactions,
+  ne as exportTransactionsToCSV,
+  re as flattenTransactionsWithSplits,
+  X as isTransferTransaction,
+  te as sortAndFilterTransactions
 };
 
 //# sourceMappingURL=TransactionUtils.es.js.map

package/dist/core/utils/TransactionUtils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionUtils.es.js","names":[],"sources":["../../../src/core/utils/TransactionUtils.ts"],"sourcesContent":["import { endOfToday } from 'date-fns/endOfToday'\nimport { format } from 'date-fns/format'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { TABLE_CONST } from '../constants/Table'\nimport {\n  CategoryGuids,\n  CategoryGuidToName,\n  DATE_FORMATS_INTL,\n  formatDate,\n  ORDINAL_DATE_FORMAT,\n} from '../constants'\nimport { COLUMN_NAMES } from '../constants/Transaction'\nimport { TransactionStatus, TransactionType } from '../types'\nimport type { Category, CategoryCopy, DetailedAccount, Tag, Tagging, Transaction } from '../types'\n\nimport { type TransactionFilter } from '../stores/TransactionStore'\n\nimport { getLocalizedCategoryName } from './CategoryUtil'\nimport { fromUnixUTC } from './DateUtil'\nimport { formatCurrency } from './NumberFormatting'\n\ninterface AccountsMap {\n  [key: string]: DetailedAccount\n}\n\n// True for account-to-account transfers (top-level Transfer category). Used to\n// swap the payee/description for the institution name in the transaction detail\n// header, the table Payee column, and the mobile list.\nexport const isTransferTransaction = (\n  transaction: Pick<Transaction, 'top_level_category_guid'>,\n): boolean => transaction.top_level_category_guid === CategoryGuids.TRANSFER\n\ninterface CategoriesMap {\n  [key: string]: Category\n}\n\ninterface TaggingsMap {\n  [key: string]: string[]\n}\n\nexport const buildDetailedTransactions = (\n  transactions: Transaction[],\n  accounts: DetailedAccount[],\n  categories: Category[],\n  taggings: Tagging[] = [],\n  categoryCopy: CategoryCopy,\n) => {\n  const accountsMap = accounts.reduce((acc: AccountsMap, account: DetailedAccount) => {\n    return { ...acc, [account.guid]: account }\n  }, {})\n\n  const categoriesMap = categories.reduce((acc: CategoriesMap, category: Category) => {\n    return { ...acc, [category.guid]: category }\n  }, {})\n\n  const taggingsMap = taggings.reduce((acc: TaggingsMap, tagging: Tagging) => {\n    const { transaction_guid, tag_guid } = tagging\n\n    if (!acc[transaction_guid]) {\n      return {\n        ...acc,\n        [transaction_guid]: [tag_guid],\n      }\n    }\n    const tags = [...acc[transaction_guid], tag_guid] as string[]\n\n    return {\n      ...acc,\n      [transaction_guid]: tags,\n    }\n  }, {})\n\n  return transactions.map((transaction: Transaction) => {\n    const account = accountsMap[transaction.account_guid]\n    const category = transaction.category_guid ? categoriesMap[transaction.category_guid] : null\n    const tags = taggingsMap[transaction.guid] ?? []\n\n    return {\n      ...transaction,\n      account: account?.user_name || 'Unknown',\n      accountIsClosed: account?.is_closed,\n      accountIsHidden: account?.is_hidden,\n      category: category ? getLocalizedCategoryName(category, categoryCopy) : 'Uncategorized',\n      institutionName: account?.institution?.name || account?.institutionName || undefined,\n      isIncome: transaction.top_level_category_guid === CategoryGuids.INCOME,\n      isPending: transaction.feed_status === TransactionStatus.PENDING,\n      number: account?.account_number || '',\n      payee: transaction.description,\n      tags,\n    }\n  })\n}\n\nconst UNCATEGORIZED_TERM = 'uncategorized'\n\nexport const sortAndFilterTransactions = (\n  filter: TransactionFilter,\n  expandedSplits: string[],\n  sortColumn: string,\n  sortDirection: string,\n  tags: Tag[],\n  transactions: Transaction[],\n) => {\n  const filteredTransactions = filterTransactions(filter, tags, transactions)\n\n  const sortedTransactions = sortTransactions(filteredTransactions, sortColumn, sortDirection)\n\n  expandedSplits.forEach((guid) => {\n    const index = sortedTransactions.findIndex((t) => t.guid === guid)\n    const children = transactions.filter((t) => t.parent_guid === guid)\n    sortedTransactions.splice(index + 1, 0, ...children)\n  })\n  return sortedTransactions\n}\n\nconst filterTransactions = (\n  filter: TransactionFilter,\n  tags: Tag[],\n  transactions: Transaction[],\n) => {\n  const {\n    accounts = [],\n    dateRange = { start: startOfMonth(startOfToday()), end: endOfToday() },\n    custom = () => true,\n    searchTerm: searchFilter = '',\n    showSplits = false,\n  } = filter\n\n  return (\n    transactions\n      // Filters out parent of split transactions when showSplits is true and filters out split\n      // transaction children when showSplits is false\n      .filter((t) => (showSplits ? !t.has_been_split : !t.parent_guid))\n      // Filter for selected accounts\n      .filter((t) => Boolean(accounts.find((guid) => guid === t.account_guid)))\n      // Filter for Date Range.\n      // NOTE: bounds are local-midnight (getUnixTime of a local Date) while dates\n      // are rendered/exported on the UTC calendar day (fromUnixUTC). For a\n      // midnight-UTC row near a month boundary in a negative-offset browser the\n      // two can disagree by a day. Left as-is here to keep this fix low-risk;\n      // unifying range + search on UTC is tracked with the core-data ISO\n      // migration (MEW-3961 follow-up).\n      .filter((t) => t.date >= getUnixTime(dateRange.start) && t.date <= getUnixTime(dateRange.end))\n      // Custom filter\n      .filter(custom)\n      // Search filter\n      .filter((transaction) => {\n        // Don't return uncategorized split transactions\n        if (searchFilter === UNCATEGORIZED_TERM && transaction.has_been_split) {\n          return false\n        }\n\n        // Split check - When searching for \"Splits\" and transaction is a split or is a parent of a split(s)\n        const splitPattern = /^spl/i\n        if (\n          splitPattern.test(searchFilter) &&\n          (transaction.has_been_split || Boolean(transaction.parent_guid))\n        ) {\n          return true\n        }\n\n        // Check transactions tags\n        const isTagIncludedInSearch = transaction.tags.some((guid) =>\n          isIncludedInSearch(searchFilter, tags.find((tag) => tag.guid === guid)?.name),\n        )\n        const date = fromUnixTime(transaction.date)\n        return (\n          isIncludedInSearch(searchFilter, transaction.payee) ||\n          isIncludedInSearch(searchFilter, transaction.feed_description) ||\n          isIncludedInSearch(searchFilter, transaction.category) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.MONTH)) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.DAY)) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.FULL_MONTH_DAY)) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)) ||\n          isIncludedInSearch(searchFilter, format(date, ORDINAL_DATE_FORMAT)) ||\n          isIncludedInSearch(searchFilter, transaction.account) ||\n          isIncludedInSearch(searchFilter, formatCurrency(transaction.amount, '0,0.00')) ||\n          isIncludedInSearch(searchFilter, transaction.memo) ||\n          isTagIncludedInSearch\n        )\n      })\n  )\n}\n\nconst sortTransactions = (\n  transactions: Transaction[],\n  sortColumn: string,\n  sortDirection: string,\n) => {\n  return [...transactions].sort((a: Transaction, b: Transaction) => {\n    const column = sortColumn as keyof Transaction\n    const sortCompare = (a[column] || '') > (b[column] || '')\n\n    let sortASC = sortCompare ? -1 : 1\n    let sortDESC = sortCompare ? 1 : -1\n\n    if (sortColumn === COLUMN_NAMES.DATE || sortColumn === COLUMN_NAMES.AMOUNT) {\n      sortASC = sortCompare ? 1 : -1\n      sortDESC = sortCompare ? -1 : 1\n    }\n\n    return sortDirection === TABLE_CONST.ASC ? sortASC : sortDESC\n  })\n}\n\n/**\n * Determines if a value is included within the terms set in the search bar\n */\nconst isIncludedInSearch = (searchFilter: string, value: string | null | undefined) => {\n  const lowerCasedTerms = searchFilter.toLowerCase().split(' ')\n  const lowerCasedValue = value?.toString().toLowerCase() ?? ''\n\n  return lowerCasedTerms.every((filter) => lowerCasedValue.indexOf(filter) > -1)\n}\n\n// TODO: Change the way formatting data is exported in order to handle localization\ntype FormattedTransaction = {\n  Date: string\n  Description: string\n  'Original Description': string\n  Amount: string\n  Type: string\n  'Parent Category': string\n  Category: string\n  Account: string\n  Tags: string\n  Memo: string\n  Pending: string\n}\n\n/**\n * Collects the GUIDs of all transactions that act as parents\n * to one or more split (child) transactions.\n */\nfunction extractParentTransactionGuids(transactions: Transaction[]): Set<string> {\n  return new Set(\n    transactions.filter((tx) => tx.parent_guid !== undefined).map((tx) => tx.parent_guid!),\n  )\n}\n\n/**\n * Organizes child transactions by their parent transaction GUID.\n * Returns a map from parent GUID to an array of its child transactions.\n */\nfunction mapChildTransactionsByParent(transactions: Transaction[]): Record<string, Transaction[]> {\n  return transactions.reduce<Record<string, Transaction[]>>((accumulator, tx) => {\n    if (tx.parent_guid) {\n      if (!accumulator[tx.parent_guid]) accumulator[tx.parent_guid] = []\n      accumulator[tx.parent_guid].push(tx)\n    }\n    return accumulator\n  }, {})\n}\n\n/**\n * Produces a list of transactions based on the given sorted transactions,\n * where parent transactions that have split children are replaced by those\n * children sorted by descending absolute amount. All other transactions\n * are included as-is, with duplicates removed.\n */\nexport function flattenTransactionsWithSplits(\n  sortedTransactions: Transaction[],\n  allTransactions: Transaction[],\n): Transaction[] {\n  // Set of parent transaction GUIDs that have split child transactions\n  const parentTransactionGuidsWithSplits = extractParentTransactionGuids(allTransactions)\n\n  // Map from parent GUID to array of its child split transactions\n  const childTransactionsGroupedByParent = mapChildTransactionsByParent(allTransactions)\n\n  // Track GUIDs of transactions already included in the result to avoid duplicates\n  const processedTransactionGuids = new Set<string>()\n\n  // Resulting list of transactions with parents replaced by their split children\n  const flattenedTransactionList: Transaction[] = []\n\n  for (const transaction of sortedTransactions) {\n    if (parentTransactionGuidsWithSplits.has(transaction.guid)) {\n      // This transaction is a parent with splits, so replace it with its children\n      const splitChildTransactions = childTransactionsGroupedByParent[transaction.guid] ?? []\n\n      splitChildTransactions\n        .slice()\n        .sort((a, b) => Math.abs(b.amount) - Math.abs(a.amount))\n        .forEach((childTransaction) => {\n          if (!processedTransactionGuids.has(childTransaction.guid)) {\n            flattenedTransactionList.push(childTransaction)\n            processedTransactionGuids.add(childTransaction.guid)\n          }\n        })\n    } else if (!processedTransactionGuids.has(transaction.guid)) {\n      // Normal transaction (no splits), add as-is if not already added\n      flattenedTransactionList.push(transaction)\n      processedTransactionGuids.add(transaction.guid)\n    }\n  }\n\n  return flattenedTransactionList\n}\n\nexport const exportTransactionsToCSV = (transactions: Transaction[], tags: Tag[]) => {\n  const csvContent = structureCSVData(formatTransactions(transactions, tags))\n\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })\n  const link = document.createElement('a')\n  link.href = URL.createObjectURL(blob)\n  link.setAttribute('download', 'transactions.csv')\n\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n\n  URL.revokeObjectURL(link.href)\n}\n\n/**\n * Formats a list of transactions into a list that will be used when\n * downloaded to a CSV file.\n */\nconst formatTransactions = (transactions: Transaction[], tags: Tag[]) => {\n  return transactions.map((transaction) => ({\n    // Post dates are calendar days; format on the UTC day so the export can't\n    // shift to the prior day in a Western-offset browser.\n    Date: formatDate(fromUnixUTC(transaction.date), DATE_FORMATS_INTL.YEAR_MONTH_DAY),\n    Description: getDescription(transaction),\n    'Original Description': transaction.feed_description,\n    Amount: `${transaction.amount}`,\n    Type: transaction.transaction_type === TransactionType.CREDIT ? 'Credit' : 'Debit',\n    'Parent Category': CategoryGuidToName[transaction.top_level_category_guid || ''],\n    Category: transaction.category,\n    Account: transaction.account,\n    Tags: getTags(transaction, tags),\n    Memo: transaction.memo,\n    Pending: transaction.isPending ? 'TRUE' : 'FALSE',\n  })) as FormattedTransaction[]\n}\n\n/**\n * Escapes a value for safe CSV output\n */\nconst escapeCsvField = (field?: string | null): string => {\n  if (!field) return ''\n  return /[,\"\\n\\r]/.test(field) ? `\"${field.replace(/\"/g, '\"\"')}\"` : field\n}\n\n/**\n * Structures the CSV file data using the formatted transactions\n */\nconst structureCSVData = (formattedTransactions: FormattedTransaction[]) => {\n  // Guard the empty export: Object.keys(undefined) would throw for a zero-row\n  // list (e.g. an over-filtered range), so emit an empty file instead.\n  if (formattedTransactions.length === 0) return ''\n\n  const csvHeader = Object.keys(formattedTransactions[0]).join(',').concat('\\r\\n')\n  const csvRows = formattedTransactions\n    .map((transaction) => Object.values(transaction).map(escapeCsvField).join(','))\n    .join('\\r\\n')\n\n  return csvHeader + csvRows\n}\n\n/**\n * Get the description for a transaction that will be used within the CSV copy.\n * We want to highlight that split transactions are a split as well as\n * hidden transactions are hidden.\n */\nconst getDescription = (transaction: Transaction) => {\n  let description = transaction.parent_guid ? 'Split: ' : ''\n  description += transaction.is_hidden ? '(Excluded) ' : ''\n  description += transaction.description\n\n  return description\n}\n\nconst getTags = (transaction: Transaction, tags: Tag[]) => {\n  return transaction.tags\n    .map((tagGuid) => {\n      const tag = tags.filter((t) => t.guid === tagGuid)[0]\n\n      return tag?.name ?? ''\n    })\n    .join(' ')\n}\n"],"mappings":"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"}
+{"version":3,"file":"TransactionUtils.es.js","names":[],"sources":["../../../src/core/utils/TransactionUtils.ts"],"sourcesContent":["import { endOfToday } from 'date-fns/endOfToday'\nimport { format } from 'date-fns/format'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { TABLE_CONST } from '../constants/Table'\nimport {\n  CategoryGuids,\n  CategoryGuidToName,\n  DATE_FORMATS_INTL,\n  formatDate,\n  ORDINAL_DATE_FORMAT,\n} from '../constants'\nimport { COLUMN_NAMES } from '../constants/Transaction'\nimport { TransactionStatus, TransactionType } from '../types'\nimport type { Category, CategoryCopy, DetailedAccount, Tag, Tagging, Transaction } from '../types'\n\nimport { type TransactionFilter } from '../stores/TransactionStore'\n\nimport { getLocalizedCategoryName } from './CategoryUtil'\nimport { endOfUtcDay, fromUnixUTC, startOfUtcDay } from './DateUtil'\nimport { formatCurrency } from './NumberFormatting'\n\ninterface AccountsMap {\n  [key: string]: DetailedAccount\n}\n\n// True for account-to-account transfers (top-level Transfer category). Used to\n// swap the payee/description for the institution name in the transaction detail\n// header, the table Payee column, and the mobile list.\nexport const isTransferTransaction = (\n  transaction: Pick<Transaction, 'top_level_category_guid'>,\n): boolean => transaction.top_level_category_guid === CategoryGuids.TRANSFER\n\ninterface CategoriesMap {\n  [key: string]: Category\n}\n\ninterface TaggingsMap {\n  [key: string]: string[]\n}\n\nexport const buildDetailedTransactions = (\n  transactions: Transaction[],\n  accounts: DetailedAccount[],\n  categories: Category[],\n  taggings: Tagging[] = [],\n  categoryCopy: CategoryCopy,\n) => {\n  const accountsMap = accounts.reduce((acc: AccountsMap, account: DetailedAccount) => {\n    return { ...acc, [account.guid]: account }\n  }, {})\n\n  const categoriesMap = categories.reduce((acc: CategoriesMap, category: Category) => {\n    return { ...acc, [category.guid]: category }\n  }, {})\n\n  const taggingsMap = taggings.reduce((acc: TaggingsMap, tagging: Tagging) => {\n    const { transaction_guid, tag_guid } = tagging\n\n    if (!acc[transaction_guid]) {\n      return {\n        ...acc,\n        [transaction_guid]: [tag_guid],\n      }\n    }\n    const tags = [...acc[transaction_guid], tag_guid] as string[]\n\n    return {\n      ...acc,\n      [transaction_guid]: tags,\n    }\n  }, {})\n\n  return transactions.map((transaction: Transaction) => {\n    const account = accountsMap[transaction.account_guid]\n    const category = transaction.category_guid ? categoriesMap[transaction.category_guid] : null\n    const tags = taggingsMap[transaction.guid] ?? []\n\n    return {\n      ...transaction,\n      account: account?.user_name || 'Unknown',\n      accountIsClosed: account?.is_closed,\n      accountIsHidden: account?.is_hidden,\n      category: category ? getLocalizedCategoryName(category, categoryCopy) : 'Uncategorized',\n      institutionName: account?.institution?.name || account?.institutionName || undefined,\n      isIncome: transaction.top_level_category_guid === CategoryGuids.INCOME,\n      isPending: transaction.feed_status === TransactionStatus.PENDING,\n      number: account?.account_number || '',\n      payee: transaction.description,\n      tags,\n    }\n  })\n}\n\nconst UNCATEGORIZED_TERM = 'uncategorized'\n\nexport const sortAndFilterTransactions = (\n  filter: TransactionFilter,\n  expandedSplits: string[],\n  sortColumn: string,\n  sortDirection: string,\n  tags: Tag[],\n  transactions: Transaction[],\n) => {\n  const filteredTransactions = filterTransactions(filter, tags, transactions)\n\n  const sortedTransactions = sortTransactions(filteredTransactions, sortColumn, sortDirection)\n\n  expandedSplits.forEach((guid) => {\n    const index = sortedTransactions.findIndex((t) => t.guid === guid)\n    const children = transactions.filter((t) => t.parent_guid === guid)\n    sortedTransactions.splice(index + 1, 0, ...children)\n  })\n  return sortedTransactions\n}\n\nconst filterTransactions = (\n  filter: TransactionFilter,\n  tags: Tag[],\n  transactions: Transaction[],\n) => {\n  const {\n    accounts = [],\n    dateRange = { start: startOfMonth(startOfToday()), end: endOfToday() },\n    custom = () => true,\n    searchTerm: searchFilter = '',\n    showSplits = false,\n  } = filter\n\n  return (\n    transactions\n      // Filters out parent of split transactions when showSplits is true and filters out split\n      // transaction children when showSplits is false\n      .filter((t) => (showSplits ? !t.has_been_split : !t.parent_guid))\n      // Filter for selected accounts\n      .filter((t) => Boolean(accounts.find((guid) => guid === t.account_guid)))\n      // Date range on the UTC calendar day, the same day the Date cell, CSV export\n      // and category totals use. Local-midnight bounds put a midnight-UTC row near\n      // a month boundary in a different month than the chart. (MEW-4191)\n      .filter(\n        (t) => t.date >= startOfUtcDay(dateRange.start) && t.date <= endOfUtcDay(dateRange.end),\n      )\n      // Custom filter\n      .filter(custom)\n      // Search filter\n      .filter((transaction) => {\n        // Don't return uncategorized split transactions\n        if (searchFilter === UNCATEGORIZED_TERM && transaction.has_been_split) {\n          return false\n        }\n\n        // Split check - When searching for \"Splits\" and transaction is a split or is a parent of a split(s)\n        const splitPattern = /^spl/i\n        if (\n          splitPattern.test(searchFilter) &&\n          (transaction.has_been_split || Boolean(transaction.parent_guid))\n        ) {\n          return true\n        }\n\n        // Check transactions tags\n        const isTagIncludedInSearch = transaction.tags.some((guid) =>\n          isIncludedInSearch(searchFilter, tags.find((tag) => tag.guid === guid)?.name),\n        )\n        const date = fromUnixUTC(transaction.date)\n        return (\n          isIncludedInSearch(searchFilter, transaction.payee) ||\n          isIncludedInSearch(searchFilter, transaction.feed_description) ||\n          isIncludedInSearch(searchFilter, transaction.category) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.MONTH)) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.DAY)) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.FULL_MONTH_DAY)) ||\n          isIncludedInSearch(searchFilter, formatDate(date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)) ||\n          isIncludedInSearch(searchFilter, format(date, ORDINAL_DATE_FORMAT)) ||\n          isIncludedInSearch(searchFilter, transaction.account) ||\n          isIncludedInSearch(searchFilter, formatCurrency(transaction.amount, '0,0.00')) ||\n          isIncludedInSearch(searchFilter, transaction.memo) ||\n          isTagIncludedInSearch\n        )\n      })\n  )\n}\n\nconst sortTransactions = (\n  transactions: Transaction[],\n  sortColumn: string,\n  sortDirection: string,\n) => {\n  return [...transactions].sort((a: Transaction, b: Transaction) => {\n    const column = sortColumn as keyof Transaction\n    const sortCompare = (a[column] || '') > (b[column] || '')\n\n    let sortASC = sortCompare ? -1 : 1\n    let sortDESC = sortCompare ? 1 : -1\n\n    if (sortColumn === COLUMN_NAMES.DATE || sortColumn === COLUMN_NAMES.AMOUNT) {\n      sortASC = sortCompare ? 1 : -1\n      sortDESC = sortCompare ? -1 : 1\n    }\n\n    return sortDirection === TABLE_CONST.ASC ? sortASC : sortDESC\n  })\n}\n\n/**\n * Determines if a value is included within the terms set in the search bar\n */\nconst isIncludedInSearch = (searchFilter: string, value: string | null | undefined) => {\n  const lowerCasedTerms = searchFilter.toLowerCase().split(' ')\n  const lowerCasedValue = value?.toString().toLowerCase() ?? ''\n\n  return lowerCasedTerms.every((filter) => lowerCasedValue.indexOf(filter) > -1)\n}\n\n// TODO: Change the way formatting data is exported in order to handle localization\ntype FormattedTransaction = {\n  Date: string\n  Description: string\n  'Original Description': string\n  Amount: string\n  Type: string\n  'Parent Category': string\n  Category: string\n  Account: string\n  Tags: string\n  Memo: string\n  Pending: string\n}\n\n/**\n * Collects the GUIDs of all transactions that act as parents\n * to one or more split (child) transactions.\n */\nfunction extractParentTransactionGuids(transactions: Transaction[]): Set<string> {\n  return new Set(\n    transactions.filter((tx) => tx.parent_guid !== undefined).map((tx) => tx.parent_guid!),\n  )\n}\n\n/**\n * Organizes child transactions by their parent transaction GUID.\n * Returns a map from parent GUID to an array of its child transactions.\n */\nfunction mapChildTransactionsByParent(transactions: Transaction[]): Record<string, Transaction[]> {\n  return transactions.reduce<Record<string, Transaction[]>>((accumulator, tx) => {\n    if (tx.parent_guid) {\n      if (!accumulator[tx.parent_guid]) accumulator[tx.parent_guid] = []\n      accumulator[tx.parent_guid].push(tx)\n    }\n    return accumulator\n  }, {})\n}\n\n/**\n * Produces a list of transactions based on the given sorted transactions,\n * where parent transactions that have split children are replaced by those\n * children sorted by descending absolute amount. All other transactions\n * are included as-is, with duplicates removed.\n */\nexport function flattenTransactionsWithSplits(\n  sortedTransactions: Transaction[],\n  allTransactions: Transaction[],\n): Transaction[] {\n  // Set of parent transaction GUIDs that have split child transactions\n  const parentTransactionGuidsWithSplits = extractParentTransactionGuids(allTransactions)\n\n  // Map from parent GUID to array of its child split transactions\n  const childTransactionsGroupedByParent = mapChildTransactionsByParent(allTransactions)\n\n  // Track GUIDs of transactions already included in the result to avoid duplicates\n  const processedTransactionGuids = new Set<string>()\n\n  // Resulting list of transactions with parents replaced by their split children\n  const flattenedTransactionList: Transaction[] = []\n\n  for (const transaction of sortedTransactions) {\n    if (parentTransactionGuidsWithSplits.has(transaction.guid)) {\n      // This transaction is a parent with splits, so replace it with its children\n      const splitChildTransactions = childTransactionsGroupedByParent[transaction.guid] ?? []\n\n      splitChildTransactions\n        .slice()\n        .sort((a, b) => Math.abs(b.amount) - Math.abs(a.amount))\n        .forEach((childTransaction) => {\n          if (!processedTransactionGuids.has(childTransaction.guid)) {\n            flattenedTransactionList.push(childTransaction)\n            processedTransactionGuids.add(childTransaction.guid)\n          }\n        })\n    } else if (!processedTransactionGuids.has(transaction.guid)) {\n      // Normal transaction (no splits), add as-is if not already added\n      flattenedTransactionList.push(transaction)\n      processedTransactionGuids.add(transaction.guid)\n    }\n  }\n\n  return flattenedTransactionList\n}\n\nexport const exportTransactionsToCSV = (transactions: Transaction[], tags: Tag[]) => {\n  const csvContent = structureCSVData(formatTransactions(transactions, tags))\n\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })\n  const link = document.createElement('a')\n  link.href = URL.createObjectURL(blob)\n  link.setAttribute('download', 'transactions.csv')\n\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n\n  URL.revokeObjectURL(link.href)\n}\n\n/**\n * Formats a list of transactions into a list that will be used when\n * downloaded to a CSV file.\n */\nconst formatTransactions = (transactions: Transaction[], tags: Tag[]) => {\n  return transactions.map((transaction) => ({\n    // Post dates are calendar days; format on the UTC day so the export can't\n    // shift to the prior day in a Western-offset browser.\n    Date: formatDate(fromUnixUTC(transaction.date), DATE_FORMATS_INTL.YEAR_MONTH_DAY),\n    Description: getDescription(transaction),\n    'Original Description': transaction.feed_description,\n    Amount: `${transaction.amount}`,\n    Type: transaction.transaction_type === TransactionType.CREDIT ? 'Credit' : 'Debit',\n    'Parent Category': CategoryGuidToName[transaction.top_level_category_guid || ''],\n    Category: transaction.category,\n    Account: transaction.account,\n    Tags: getTags(transaction, tags),\n    Memo: transaction.memo,\n    Pending: transaction.isPending ? 'TRUE' : 'FALSE',\n  })) as FormattedTransaction[]\n}\n\n/**\n * Escapes a value for safe CSV output\n */\nconst escapeCsvField = (field?: string | null): string => {\n  if (!field) return ''\n  return /[,\"\\n\\r]/.test(field) ? `\"${field.replace(/\"/g, '\"\"')}\"` : field\n}\n\n/**\n * Structures the CSV file data using the formatted transactions\n */\nconst structureCSVData = (formattedTransactions: FormattedTransaction[]) => {\n  // Guard the empty export: Object.keys(undefined) would throw for a zero-row\n  // list (e.g. an over-filtered range), so emit an empty file instead.\n  if (formattedTransactions.length === 0) return ''\n\n  const csvHeader = Object.keys(formattedTransactions[0]).join(',').concat('\\r\\n')\n  const csvRows = formattedTransactions\n    .map((transaction) => Object.values(transaction).map(escapeCsvField).join(','))\n    .join('\\r\\n')\n\n  return csvHeader + csvRows\n}\n\n/**\n * Get the description for a transaction that will be used within the CSV copy.\n * We want to highlight that split transactions are a split as well as\n * hidden transactions are hidden.\n */\nconst getDescription = (transaction: Transaction) => {\n  let description = transaction.parent_guid ? 'Split: ' : ''\n  description += transaction.is_hidden ? '(Excluded) ' : ''\n  description += transaction.description\n\n  return description\n}\n\nconst getTags = (transaction: Transaction, tags: Tag[]) => {\n  return transaction.tags\n    .map((tagGuid) => {\n      const tag = tags.filter((t) => t.guid === tagGuid)[0]\n\n      return tag?.name ?? ''\n    })\n    .join(' ')\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,IAAa,IAAA,CACX,MACY,EAAY,4BAA4B,EAAc,UAUvD,KAAA,CACX,GACA,GACA,GACA,IAAsB,CAAC,GACvB,MACG;AACH,QAAM,IAAc,EAAS,OAAA,CAAQ,GAAkB,OAC9C;AAAA,IAAE,GAAG;AAAA,IAAM,CAAA,EAAQ,IAAA,GAAO;AAAA,EAAQ,IACxC,CAAC,CAAC,GAEC,IAAgB,EAAW,OAAA,CAAQ,GAAoB,OACpD;AAAA,IAAE,GAAG;AAAA,IAAM,CAAA,EAAS,IAAA,GAAO;AAAA,EAAS,IAC1C,CAAC,CAAC,GAEC,IAAc,EAAS,OAAA,CAAQ,GAAkB,MAAqB;AAC1E,UAAM,EAAE,kBAAA,GAAkB,UAAA,EAAA,IAAa;AAEvC,QAAI,CAAC,EAAI,CAAA,EACP,QAAO;AAAA,MACL,GAAG;AAAA,MACF,CAAA,CAAA,GAAmB,CAAC,CAAQ;AAAA,IAC/B;AAEF,UAAM,IAAO,CAAC,GAAG,EAAI,CAAA,GAAmB,CAAQ;AAEhD,WAAO;AAAA,MACL,GAAG;AAAA,MACF,CAAA,CAAA,GAAmB;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAa,IAAA,CAAK,MAA6B;AACpD,UAAM,IAAU,EAAY,EAAY,YAAA,GAClC,IAAW,EAAY,gBAAgB,EAAc,EAAY,aAAA,IAAiB,MAClF,IAAO,EAAY,EAAY,IAAA,KAAS,CAAC;AAE/C,WAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS,GAAS,aAAa;AAAA,MAC/B,iBAAiB,GAAS;AAAA,MAC1B,iBAAiB,GAAS;AAAA,MAC1B,UAAU,IAAW,EAAyB,GAAU,CAAY,IAAI;AAAA,MACxE,iBAAiB,GAAS,aAAa,QAAQ,GAAS,mBAAmB;AAAA,MAC3E,UAAU,EAAY,4BAA4B,EAAc;AAAA,MAChE,WAAW,EAAY,gBAAgB,EAAkB;AAAA,MACzD,QAAQ,GAAS,kBAAkB;AAAA,MACnC,OAAO,EAAY;AAAA,MACnB,MAAA;AAAA,IACF;AAAA,EACF,CAAC;AACH,GAEM,IAAqB,iBAEd,KAAA,CACX,GACA,GACA,GACA,GACA,GACA,MACG;AACH,QAAM,IAAuB,EAAmB,GAAQ,GAAM,CAAY,GAEpE,IAAqB,EAAiB,GAAsB,GAAY,CAAa;AAE3F,SAAA,EAAe,QAAA,CAAS,MAAS;AAC/B,UAAM,IAAQ,EAAmB,UAAA,CAAW,MAAM,EAAE,SAAS,CAAI,GAC3D,IAAW,EAAa,OAAA,CAAQ,MAAM,EAAE,gBAAgB,CAAI;AAClE,IAAA,EAAmB,OAAO,IAAQ,GAAG,GAAG,GAAG,CAAQ;AAAA,EACrD,CAAC,GACM;AACT,GAEM,IAAA,CACJ,GACA,GACA,MACG;AACH,QAAM,EACJ,UAAA,IAAW,CAAC,GACZ,WAAA,IAAY;AAAA,IAAE,OAAO,EAAa,EAAa,CAAC;AAAA,IAAG,KAAK,EAAW;AAAA,EAAE,GACrE,QAAA,IAAA,MAAe,IACf,YAAY,IAAe,IAC3B,YAAA,IAAa,GAAA,IACX;AAEJ,SACE,EAGG,OAAA,CAAQ,MAAO,IAAa,CAAC,EAAE,iBAAiB,CAAC,EAAE,WAAY,EAE/D,OAAA,CAAQ,MAAM,EAAQ,EAAS,KAAA,CAAM,MAAS,MAAS,EAAE,YAAY,CAAE,EAIvE,OAAA,CACE,MAAM,EAAE,QAAQ,EAAc,EAAU,KAAK,KAAK,EAAE,QAAQ,EAAY,EAAU,GAAG,CACxF,EAEC,OAAO,CAAM,EAEb,OAAA,CAAQ,MAAgB;AAEvB,QAAI,MAAiB,KAAsB,EAAY,eACrD,QAAO;AAKT,QACE,QAAa,KAAK,CAAY,MAC7B,EAAY,kBAA0B,EAAY,aAEnD,QAAO;AAIT,UAAM,IAAwB,EAAY,KAAK,KAAA,CAAM,MACnD,EAAmB,GAAc,EAAK,KAAA,CAAM,MAAQ,EAAI,SAAS,CAAI,GAAG,IAAI,CAC9E,GACM,IAAO,EAAY,EAAY,IAAI;AACzC,WACE,EAAmB,GAAc,EAAY,KAAK,KAClD,EAAmB,GAAc,EAAY,gBAAgB,KAC7D,EAAmB,GAAc,EAAY,QAAQ,KACrD,EAAmB,GAAc,EAAW,GAAM,EAAkB,KAAK,CAAC,KAC1E,EAAmB,GAAc,EAAW,GAAM,EAAkB,GAAG,CAAC,KACxE,EAAmB,GAAc,EAAW,GAAM,EAAkB,cAAc,CAAC,KACnF,EAAmB,GAAc,EAAW,GAAM,EAAkB,cAAc,CAAC,KACnF,EAAmB,GAAc,EAAO,GAAA,IAAyB,CAAC,KAClE,EAAmB,GAAc,EAAY,OAAO,KACpD,EAAmB,GAAc,EAAe,EAAY,QAAQ,QAAQ,CAAC,KAC7E,EAAmB,GAAc,EAAY,IAAI,KACjD;AAAA,EAEJ,CAAC;AAEP,GAEM,IAAA,CACJ,GACA,GACA,MAEO,CAAC,GAAG,CAAY,EAAE,KAAA,CAAM,GAAgB,MAAmB;AAChE,QAAM,IAAS,GACT,KAAe,EAAE,CAAA,KAAW,OAAO,EAAE,CAAA,KAAW;AAEtD,MAAI,IAAU,IAAc,KAAK,GAC7B,IAAW,IAAc,IAAI;AAEjC,UAAI,MAAe,EAAa,QAAQ,MAAe,EAAa,YAClE,IAAU,IAAc,IAAI,IAC5B,IAAW,IAAc,KAAK,IAGzB,MAAkB,EAAY,MAAM,IAAU;AACvD,CAAC,GAMG,IAAA,CAAsB,GAAsB,MAAqC;AACrF,QAAM,IAAkB,EAAa,YAAY,EAAE,MAAM,GAAG,GACtD,IAAkB,GAAO,SAAS,EAAE,YAAY,KAAK;AAE3D,SAAO,EAAgB,MAAA,CAAO,MAAW,EAAgB,QAAQ,CAAM,IAAI,EAAE;AAC/E;AAqBA,SAAS,EAA8B,GAA0C;AAC/E,SAAO,IAAI,IACT,EAAa,OAAA,CAAQ,MAAO,EAAG,gBAAgB,MAAS,EAAE,IAAA,CAAK,MAAO,EAAG,WAAY,CACvF;AACF;AAMA,SAAS,EAA6B,GAA4D;AAChG,SAAO,EAAa,OAAA,CAAuC,GAAa,OAClE,EAAG,gBACA,EAAY,EAAG,WAAA,MAAc,EAAY,EAAG,WAAA,IAAe,CAAC,IACjE,EAAY,EAAG,WAAA,EAAa,KAAK,CAAE,IAE9B,IACN,CAAC,CAAC;AACP;AAQA,SAAgB,GACd,GACA,GACe;AAEf,QAAM,IAAmC,EAA8B,CAAe,GAGhF,IAAmC,EAA6B,CAAe,GAG/E,IAA4B,oBAAI,IAAY,GAG5C,IAA0C,CAAC;AAEjD,aAAW,KAAe,EACxB,CAAI,EAAiC,IAAI,EAAY,IAAI,KAExB,EAAiC,EAAY,IAAA,KAAS,CAAC,GAGnF,MAAM,EACN,KAAA,CAAM,GAAG,MAAM,KAAK,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,EAAE,MAAM,CAAC,EACtD,QAAA,CAAS,MAAqB;AAC7B,IAAK,EAA0B,IAAI,EAAiB,IAAI,MACtD,EAAyB,KAAK,CAAgB,GAC9C,EAA0B,IAAI,EAAiB,IAAI;AAAA,EAEvD,CAAC,IACO,EAA0B,IAAI,EAAY,IAAI,MAExD,EAAyB,KAAK,CAAW,GACzC,EAA0B,IAAI,EAAY,IAAI;AAIlD,SAAO;AACT;AAEA,IAAa,KAAA,CAA2B,GAA6B,MAAgB;AACnF,QAAM,IAAa,EAAiB,EAAmB,GAAc,CAAI,CAAC,GAEpE,IAAO,IAAI,KAAK,CAAC,CAAU,GAAG,EAAE,MAAM,0BAA0B,CAAC,GACjE,IAAO,SAAS,cAAc,GAAG;AACvC,EAAA,EAAK,OAAO,IAAI,gBAAgB,CAAI,GACpC,EAAK,aAAa,YAAY,kBAAkB,GAEhD,SAAS,KAAK,YAAY,CAAI,GAC9B,EAAK,MAAM,GACX,SAAS,KAAK,YAAY,CAAI,GAE9B,IAAI,gBAAgB,EAAK,IAAI;AAC/B,GAMM,IAAA,CAAsB,GAA6B,MAChD,EAAa,IAAA,CAAK,OAAiB;AAAA,EAGxC,MAAM,EAAW,EAAY,EAAY,IAAI,GAAG,EAAkB,cAAc;AAAA,EAChF,aAAa,EAAe,CAAW;AAAA,EACvC,wBAAwB,EAAY;AAAA,EACpC,QAAQ,GAAG,EAAY,MAAA;AAAA,EACvB,MAAM,EAAY,qBAAqB,EAAgB,SAAS,WAAW;AAAA,EAC3E,mBAAmB,EAAmB,EAAY,2BAA2B,EAAA;AAAA,EAC7E,UAAU,EAAY;AAAA,EACtB,SAAS,EAAY;AAAA,EACrB,MAAM,EAAQ,GAAa,CAAI;AAAA,EAC/B,MAAM,EAAY;AAAA,EAClB,SAAS,EAAY,YAAY,SAAS;AAC5C,EAAE,GAME,IAAA,CAAkB,MACjB,IACE,WAAW,KAAK,CAAK,IAAI,IAAI,EAAM,QAAQ,MAAM,IAAI,CAAA,MAAO,IADhD,IAOf,IAAA,CAAoB,MAGpB,EAAsB,WAAW,IAAU,KAE7B,OAAO,KAAK,EAAsB,CAAA,CAAE,EAAE,KAAK,GAAG,EAAE,OAAO;AAAA,CAKlE,IAJS,EACb,IAAA,CAAK,MAAgB,OAAO,OAAO,CAAW,EAAE,IAAI,CAAc,EAAE,KAAK,GAAG,CAAC,EAC7E,KAAK;AAAA,CAEW,GAQf,IAAA,CAAkB,MAA6B;AACnD,MAAI,IAAc,EAAY,cAAc,YAAY;AACxD,SAAA,KAAe,EAAY,YAAY,gBAAgB,IACvD,KAAe,EAAY,aAEpB;AACT,GAEM,IAAA,CAAW,GAA0B,MAClC,EAAY,KAChB,IAAA,CAAK,MACQ,EAAK,OAAA,CAAQ,MAAM,EAAE,SAAS,CAAO,EAAE,CAAA,GAEvC,QAAQ,EACrB,EACA,KAAK,GAAG"}

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

@@ -10,8 +10,12 @@ interface BaseLayoutProps {
     beat: Beat;
     beatActions?: BeatActions;
     obsolete?: ObsoleteState;
+    /** Swap only the block slot for a LoadingCard (e.g. while a sampled beat loads). */
+    isLoading?: boolean;
+    /** Replace the entire card with an ErrorCard (e.g. when the sample fails to load). */
+    isError?: boolean;
 }
-declare const BaseLayout: (({ beat, beatActions, obsolete }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element | null) & {
+declare const BaseLayout: (({ beat, beatActions, obsolete, isLoading, isError, }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export default BaseLayout;

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

@@ -1,25 +1,27 @@
-import { useAppConfig as T, useGlobalCopyStore as F, useInsightsV2Store as A } from "../../common/context/hooks.es.js";
-import { sendBeatCta as I } from "../../common/utils/PostMessage.es.js";
-import { blocks as E, hasDrawerBlock as H } from "../mappings/blocks.es.js";
-import M from "./Footer.es.js";
-import { BeatActionsProvider as G } from "../beatActions.es.js";
-import R from "./Header.es.js";
-import { FeedbackBar as j } from "./FeedbackBar.es.js";
-import z from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as N } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as P } from "./HiddenConfirmationCard.es.js";
-import { ObsolesceBanner as U } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as V } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatFeedbackFlow as W } from "../hooks/useBeatFeedbackFlow.es.js";
-import { observer as X } from "mobx-react-lite";
+import { useAppConfig as A, useGlobalCopyStore as I, useInsightsV2Store as E } from "../../common/context/hooks.es.js";
+import { sendBeatCta as H } from "../../common/utils/PostMessage.es.js";
+import { blocks as M, hasDrawerBlock as G } from "../mappings/blocks.es.js";
+import R from "./Footer.es.js";
+import { BeatActionsProvider as j } from "../beatActions.es.js";
+import z from "./Header.es.js";
+import { FeedbackBar as N } from "./FeedbackBar.es.js";
+import P from "./FeedbackDialog.es.js";
+import { DismissInsightDialog as U } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as V } from "./HiddenConfirmationCard.es.js";
+import { ErrorCard as W } from "./ErrorCard.es.js";
+import { LoadingCard as X } from "./LoadingCard.es.js";
+import { ObsolesceBanner as Y } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as q } from "../actionBlocks/ActionBlockLayer.es.js";
+import { useBeatFeedbackFlow as J } from "../hooks/useBeatFeedbackFlow.es.js";
+import { observer as K } from "mobx-react-lite";
 import m from "@mui/material/Stack";
-import { P as Y } from "@mxenabled/mxui";
+import { P as Q } from "@mxenabled/mxui";
 import p from "@mui/material/Button";
-import { ChevronRight as q } from "@mxenabled/mx-icons";
-import { Fragment as J, jsx as o, jsxs as r } from "react/jsx-runtime";
-import K from "@mui/material/Box";
-import Q from "@mui/material/Card";
-var Z = {}, $ = {
+import { ChevronRight as Z } from "@mxenabled/mx-icons";
+import { Fragment as $, jsx as o, jsxs as t } from "react/jsx-runtime";
+import ee from "@mui/material/Box";
+import oe from "@mui/material/Card";
+var ie = {}, re = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -28,29 +30,31 @@ var Z = {}, $ = {
   backgroundColor: "background.default",
   opacity: 0.7,
   zIndex: 1
-}, _e = X(({ beat: i, beatActions: h = Z, obsolete: s }) => {
-  const { openCtaDrawer: y } = A(), g = F(), { is_mobile_webview: k, clientConfig: v } = T(), e = W(i, h), t = i.insights_payload;
-  if (!t || e.cardState === "dismissed") return null;
-  const { instance_slot: _, primary_cta: n, secondary_cta: a, sub_title: C, title: x, widget_type: S, guid: d, user_guid: w, dismissed_at: B } = t, { block: D } = _, u = (L, O) => {
-    H(L) ? y(d, O) : I(i, {
-      isMobileWebview: k,
-      webviewScheme: v?.master?.ui_message_webview_url_scheme,
-      userGuid: w
+}, De = K(({ beat: i, beatActions: h = ie, obsolete: s, isLoading: y = !1, isError: g = !1 }) => {
+  const { openCtaDrawer: C } = E(), k = I(), { is_mobile_webview: v, clientConfig: _ } = A(), e = J(i, h);
+  if (g) return /* @__PURE__ */ o(W, {});
+  const r = i.insights_payload;
+  if (!r || e.cardState === "dismissed") return null;
+  const { instance_slot: x, primary_cta: n, secondary_cta: a, sub_title: S, title: w, widget_type: B, guid: d, user_guid: D, dismissed_at: L } = r, { block: O } = x, u = (T, F) => {
+    G(T) ? C(d, F) : H(i, {
+      isMobileWebview: v,
+      webviewScheme: _?.master?.ui_message_webview_url_scheme,
+      userGuid: D
     });
-  }, b = E[D], f = S === "mini", l = g.insights_feed?.general, c = s?.state === "not_refreshable" && !B && !!l;
-  return /* @__PURE__ */ o(G, {
+  }, f = M[O], b = B === "mini", l = k.insights_feed?.general, c = s?.state === "not_refreshable" && !L && !!l;
+  return /* @__PURE__ */ o(j, {
     value: e.wrappedActions,
-    children: /* @__PURE__ */ r(m, {
+    children: /* @__PURE__ */ t(m, {
       sx: { mb: 16 },
       children: [
-        e.cardState === "confirming" ? /* @__PURE__ */ o(P, {
+        e.cardState === "confirming" ? /* @__PURE__ */ o(V, {
           onClose: e.collapseConfirmation,
           onLeaveFeedback: e.openHideSurvey,
           onUndo: e.undoDismiss
-        }) : /* @__PURE__ */ r(J, { children: [s && l && /* @__PURE__ */ o(U, {
+        }) : /* @__PURE__ */ t($, { children: [s && l && /* @__PURE__ */ o(Y, {
           ...s,
           copy: l
-        }), /* @__PURE__ */ r(Q, {
+        }), /* @__PURE__ */ t(oe, {
           inert: c,
           sx: { ...c && {
             position: "relative",
@@ -58,17 +62,17 @@ var Z = {}, $ = {
             pointerEvents: "none"
           } },
           children: [
-            c && /* @__PURE__ */ o(K, { sx: $ }),
-            /* @__PURE__ */ o(R, {
-              isMini: f,
-              subtitle: C,
-              title: x ?? ""
+            c && /* @__PURE__ */ o(ee, { sx: re }),
+            /* @__PURE__ */ o(z, {
+              isMini: b,
+              subtitle: S,
+              title: w ?? ""
             }),
-            b && /* @__PURE__ */ o(b, {
+            y ? /* @__PURE__ */ o(X, {}) : f && /* @__PURE__ */ o(f, {
               beatGuid: d,
-              payload: t
+              payload: r
             }),
-            /* @__PURE__ */ r(m, {
+            /* @__PURE__ */ t(m, {
               sx: {
                 gap: 6,
                 pb: 16,
@@ -76,11 +80,11 @@ var Z = {}, $ = {
                 pr: 16,
                 pt: 12
               },
-              children: [/* @__PURE__ */ o(Y, {
-                dangerouslySetInnerHTML: { __html: t.description.html_text },
+              children: [/* @__PURE__ */ o(Q, {
+                dangerouslySetInnerHTML: { __html: r.description.html_text },
                 variant: "subtitle2"
               }), i?.in_description_cta && /* @__PURE__ */ o(p, {
-                endIcon: /* @__PURE__ */ o(q, {}),
+                endIcon: /* @__PURE__ */ o(Z, {}),
                 onClick: () => {
                 },
                 sx: {
@@ -91,7 +95,7 @@ var Z = {}, $ = {
                 children: i.in_description_cta
               })]
             }),
-            !f && n?.label && /* @__PURE__ */ r(m, {
+            !b && n?.label && /* @__PURE__ */ t(m, {
               sx: {
                 gap: 8,
                 pb: 16,
@@ -107,19 +111,19 @@ var Z = {}, $ = {
                 children: a.label
               })]
             }),
-            /* @__PURE__ */ o(j, {
+            /* @__PURE__ */ o(N, {
               onTellUsMore: e.openRatingSurvey,
               show: e.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ o(V, { beat: i }),
-        /* @__PURE__ */ o(N, {
+        /* @__PURE__ */ o(q, { beat: i }),
+        /* @__PURE__ */ o(U, {
           isOpen: e.isDismissOpen,
           onClose: e.closeDismissDialog,
           onDismiss: e.confirmDismiss
         }),
-        e.isSurveyOpen && /* @__PURE__ */ o(z, {
+        e.isSurveyOpen && /* @__PURE__ */ o(P, {
           characterLimitLabel: e.survey.characterLimitLabel,
           closeAriaLabel: e.survey.closeAriaLabel,
           isOpen: !0,
@@ -132,13 +136,13 @@ var Z = {}, $ = {
           secondaryText: e.survey.backText,
           title: e.survey.title
         }),
-        e.cardState === "visible" && t.footer && /* @__PURE__ */ o(M, { footer: t.footer })
+        e.cardState === "visible" && r.footer && /* @__PURE__ */ o(R, { footer: r.footer })
       ]
     })
   });
 });
 export {
-  _e as default
+  De as default
 };
 
 //# sourceMappingURL=BaseLayout.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({ beat, beatActions = NO_BEAT_ACTIONS, obsolete }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const {\n      instance_slot,\n      primary_cta,\n      secondary_cta,\n      sub_title,\n      title,\n      widget_type,\n      guid,\n      user_guid,\n      dismissed_at,\n    } = insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={sub_title} title={title ?? ''} />\n                {Block && <Block beatGuid={guid} payload={insights_payload} />}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <P\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    variant=\"subtitle2\"\n                  />\n                  {/* TODO: Migrate to insights_payload.in_description_cta once backend provides it */}\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}
+{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport ErrorCard from './ErrorCard'\nimport LoadingCard from './LoadingCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n  /** Swap only the block slot for a LoadingCard (e.g. while a sampled beat loads). */\n  isLoading?: boolean\n  /** Replace the entire card with an ErrorCard (e.g. when the sample fails to load). */\n  isError?: boolean\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({\n    beat,\n    beatActions = NO_BEAT_ACTIONS,\n    obsolete,\n    isLoading = false,\n    isError = false,\n  }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    // Error replaces the entire card; loading only swaps the block slot (below).\n    if (isError) return <ErrorCard />\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const {\n      instance_slot,\n      primary_cta,\n      secondary_cta,\n      sub_title,\n      title,\n      widget_type,\n      guid,\n      user_guid,\n      dismissed_at,\n    } = insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={sub_title} title={title ?? ''} />\n                {isLoading ? (\n                  <LoadingCard />\n                ) : (\n                  Block && <Block beatGuid={guid} payload={insights_payload} />\n                )}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <P\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    variant=\"subtitle2\"\n                  />\n                  {/* TODO: Migrate to insights_payload.in_description_cta once backend provides it */}\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+export interface ErrorCardProps {
+    /** Force the CIBC illustration. When omitted, derived from the app's copy namespace. */
+    isCibc?: boolean;
+    onRetry?: () => void;
+}
+/**
+ * Card-framed error state for the InsightsV2 feed.
+ *
+ * Reads its copy from the experiences copy store and derives the CIBC variant from
+ * the app config, so the host only has to signal that an error occurred.
+ */
+export declare const ErrorCard: (({ isCibc, onRetry }: ErrorCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default ErrorCard;

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

@@ -0,0 +1,85 @@
+import { useAppConfig as m, useGlobalCopyStore as p } from "../../common/context/hooks.es.js";
+import { BlobSVG as d } from "../../common/components/Error.es.js";
+import { ThemedSVGImage as i } from "./chartblocks/ThemedSVGImage.es.js";
+import { ReactComponent as x } from "./shared/images/ErrorViewCibc.es.js";
+import { observer as g } from "mobx-react-lite";
+import { Icon as h, P as f, Text as y } from "@mxenabled/mxui";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Button as u, Card as C, Stack as r } from "@mui/material";
+var b = "cibc_custom_copy", v = () => window.location.reload(), B = g(({ isCibc: n, onRetry: a = v }) => {
+  const s = p(), { options: c } = m(), t = s.insights_feed?.general, l = n ?? c?.custom_copy_namespace === b;
+  return /* @__PURE__ */ e(C, {
+    sx: { pt: 32 },
+    children: /* @__PURE__ */ o(r, {
+      sx: { gap: 32 },
+      children: [/* @__PURE__ */ o(r, {
+        sx: {
+          alignItems: "center",
+          gap: 16,
+          px: 16
+        },
+        children: [l ? /* @__PURE__ */ e(i, {
+          divProps: { style: {
+            maxWidth: 150,
+            width: "100%"
+          } },
+          image: x
+        }) : /* @__PURE__ */ o(r, {
+          sx: {
+            position: "relative",
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [/* @__PURE__ */ e(i, {
+            divProps: { style: {
+              position: "absolute",
+              zIndex: 0
+            } },
+            image: d
+          }), /* @__PURE__ */ e(h, {
+            color: "primary",
+            name: "error",
+            size: 48,
+            sx: { zIndex: 1 }
+          })]
+        }), /* @__PURE__ */ o(r, {
+          sx: {
+            alignItems: "center",
+            gap: 2
+          },
+          children: [/* @__PURE__ */ e(y, {
+            bold: !0,
+            variant: "body1",
+            children: t?.error_heading
+          }), /* @__PURE__ */ e(f, {
+            color: "text.secondary",
+            sx: {
+              fontWeight: 400,
+              textAlign: "center"
+            },
+            variant: "subtitle2",
+            children: t?.error_message
+          })]
+        })]
+      }), /* @__PURE__ */ e(r, {
+        sx: {
+          pb: 16,
+          px: 16
+        },
+        children: /* @__PURE__ */ e(u, {
+          color: "primary",
+          onClick: a,
+          variant: "outlined",
+          children: t?.try_again
+        })
+      })]
+    })
+  });
+});
+export {
+  B as ErrorCard,
+  B as default
+};
+
+//# sourceMappingURL=ErrorCard.es.js.map