@mx-cartographer/experiences 9.3.5 → 9.3.7-alpha.al0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [9.3.7] - 08-19-2026
+
+- **FIXED** - Duplicate budget bubbles rendered when creating a budget due to a race condition between the HTTP POST response and the concurrent WebSocket creation event; `BudgetsStore` now performs idempotent upserts and deduplicates budgets and merchant budgets by GUID
+
+## [9.3.6] - 08-12-2026
+
+- **ADDED** - Creating the new TransparentOverdraftV2 insight
+
 ## [9.3.5] - 08-12-2026
 
 - **FIXED** - Transaction detail view showed transfer/credit amounts (e.g. an account-to-account transfer deposit) as an unsigned, default-colored amount because the header keyed off `isIncome` (true only for the Income category) while the list keyed off `transaction_type`; the detail view now uses `transaction_type === CREDIT` so credits render as `+$Amount` in success green, consistent with the transactions list (MEW-3703)

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

@@ -1,17 +1,17 @@
-import { CategoryGuids as i } from "../constants/Category.es.js";
+import { CategoryGuids as a } from "../constants/Category.es.js";
 import { BudgetsApi as o } from "../api/BudgetsApi.es.js";
-import { augmentBudgets as u, findBudget as c, findSubBudget as h } from "../utils/BudgetUtil.es.js";
+import { augmentBudgets as g, findBudget as c, findSubBudget as h } from "../utils/BudgetUtil.es.js";
 import { endOfMonth as l } from "date-fns/endOfMonth";
-import { startOfMonth as p } from "date-fns/startOfMonth";
-import { startOfToday as g } from "date-fns/startOfToday";
-import { makeAutoObservable as B, reaction as S, runInAction as d } from "mobx";
-var x = class {
+import { startOfMonth as B } from "date-fns/startOfMonth";
+import { startOfToday as n } from "date-fns/startOfToday";
+import { makeAutoObservable as p, reaction as f, runInAction as i } from "mobx";
+var M = class {
   api = new o("/", "");
   globalStore;
   alert = "";
   dateRange = {
-    start: p(g()),
-    end: l(g())
+    start: B(n()),
+    end: l(n())
   };
   budgets = [];
   selectedBudget;
@@ -20,10 +20,10 @@ var x = class {
   theme = {};
   merchantBudgets = [];
   constructor(t) {
-    this.globalStore = t, this.api = new o(t.endpoint, t.sessionToken, t.onError), B(this);
+    this.globalStore = t, this.api = new o(t.endpoint, t.sessionToken, t.onError), p(this);
   }
   loadBudgetData = async () => {
-    this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), S(() => this.detailedBudgets, (t) => {
+    this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), f(() => this.detailedBudgets, (t) => {
       if (t) {
         const e = this.selectedBudget;
         e && (this.selectedBudget = c(t, e.guid));
@@ -33,10 +33,10 @@ var x = class {
     });
   };
   get detailedBudgets() {
-    return u(this.budgets.filter((t) => t.category_guid !== i.INCOME && t.category_guid !== i.TRANSFER && t.category_guid !== i.INVESTMENTS), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
+    return g(this.budgets.filter((t) => t.category_guid !== a.INCOME && t.category_guid !== a.TRANSFER && t.category_guid !== a.INVESTMENTS), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
   }
   get incomeBudget() {
-    return u(this.budgets.filter((t) => !t.parent_guid), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).reduce((t, e) => e.category_guid !== i.INCOME ? t : !t || e.percentage > t.percentage ? e : t, void 0)?.amount;
+    return g(this.budgets.filter((t) => !t.parent_guid), this.globalStore.categoryStore.detailedCategories, this.globalStore.copyStore.copy.budgets, this.theme).reduce((t, e) => e.category_guid !== a.INCOME ? t : !t || e.percentage > t.percentage ? e : t, void 0)?.amount;
   }
   get unbudgetedCategories() {
     return this.globalStore.categoryStore.spendCategories.filter((t) => !this.detailedBudgets.find((e) => e.category_guid === t.guid));
@@ -47,8 +47,9 @@ var x = class {
   addBudget = async (t, e, r = null) => {
     try {
       const s = await this.api.addBudget(t, e, r);
-      d(() => {
-        this.budgets.push(s);
+      i(() => {
+        const d = this.budgets.findIndex((u) => u.guid === s.guid);
+        d >= 0 ? this.budgets[d] = s : this.budgets.push(s);
       });
     } catch (s) {
       console.error("Error adding budget:", s), this.globalStore.captureException(s, { store: "BudgetsStore" });
@@ -56,7 +57,7 @@ var x = class {
   };
   deleteBudget = async (t) => {
     try {
-      await this.api.deleteBudget(t), d(() => {
+      await this.api.deleteBudget(t), i(() => {
         const e = this.budgets.findIndex((r) => r.guid === t);
         e >= 0 && this.budgets.splice(e, 1);
       });
@@ -74,7 +75,8 @@ var x = class {
   };
   setAlert = (t) => this.alert = t;
   setBudgets = (t) => {
-    this.budgets = t, this.isDataLoaded = !0;
+    const e = /* @__PURE__ */ new Set();
+    this.budgets = t.filter((r) => !r.guid || !e.has(r.guid) ? (r.guid && e.add(r.guid), !0) : !1), this.isDataLoaded = !0;
   };
   setDateRange = (t) => this.dateRange = t;
   setSelectedBudget = (t) => this.selectedBudget = t;
@@ -83,7 +85,7 @@ var x = class {
   recalculateBudgets = async (t) => {
     try {
       for (const r of t) {
-        const s = this.budgets.find((a) => a.category_guid === r.guid);
+        const s = this.budgets.find((d) => d.category_guid === r.guid);
         s ? await this.api.updateBudget({
           ...s,
           amount: r.totalAverageAmount
@@ -105,7 +107,7 @@ var x = class {
   updateBudget = async (t) => {
     try {
       const e = await this.api.updateBudget(t);
-      d(() => {
+      i(() => {
         const r = this.budgets.findIndex((s) => s.guid === t.guid);
         r >= 0 && (this.budgets[r] = e);
       });
@@ -115,13 +117,15 @@ var x = class {
   };
   getMerchantBudgetByMerchantGuid = (t) => this.merchantBudgets.find((e) => e?.merchant_guid === t);
   setMerchantBudgets = (t) => {
-    this.merchantBudgets = t;
+    const e = /* @__PURE__ */ new Set();
+    this.merchantBudgets = t.filter((r) => !r.guid || !e.has(r.guid) ? (r.guid && e.add(r.guid), !0) : !1);
   };
   addMerchantBudget = async (t, e) => {
     try {
       const r = await this.api.addMerchantBudget(t, e);
-      return d(() => {
-        this.merchantBudgets.push(r);
+      return i(() => {
+        const s = this.merchantBudgets.findIndex((d) => d.guid === r.guid);
+        s >= 0 ? this.merchantBudgets[s] = r : this.merchantBudgets.push(r);
       }), { isSuccess: !0 };
     } catch (r) {
       return console.error("Error adding merchant budget:", r), this.globalStore.captureException(r, { store: "BudgetsStore" }), { isSuccess: !1 };
@@ -130,9 +134,9 @@ var x = class {
   updateMerchantBudget = async (t) => {
     try {
       const { guid: e, amount: r } = t, s = await this.api.updateMerchantBudget(e, r);
-      return d(() => {
-        const a = this.merchantBudgets.findIndex((n) => n.guid === t.guid);
-        a >= 0 && (this.merchantBudgets[a] = s);
+      return i(() => {
+        const d = this.merchantBudgets.findIndex((u) => u.guid === t.guid);
+        d >= 0 && (this.merchantBudgets[d] = s);
       }), { isSuccess: !0 };
     } catch (e) {
       return console.error("Error updating merchant budget:", e), this.globalStore.captureException(e, { store: "BudgetsStore" }), { isSuccess: !1 };
@@ -140,7 +144,7 @@ var x = class {
   };
   deleteMerchantBudget = async (t) => {
     try {
-      return await this.api.deleteMerchantBudget(t), d(() => {
+      return await this.api.deleteMerchantBudget(t), i(() => {
         this.merchantBudgets = this.merchantBudgets.filter((e) => e.guid !== t);
       }), { isSuccess: !0 };
     } catch (e) {
@@ -149,7 +153,7 @@ var x = class {
   };
 };
 export {
-  x as BudgetsStore
+  M as BudgetsStore
 };
 
 //# sourceMappingURL=BudgetsStore.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n  Budget,\n  Category,\n  DateRange,\n  DetailedBudget,\n  DetailedCategory,\n  MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n  api: BudgetsApi = new BudgetsApi('/', '')\n\n  globalStore: GlobalStore\n\n  alert: string = ''\n  dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n  budgets: Budget[] = []\n  selectedBudget: DetailedBudget | undefined\n  selectedSubBudget: DetailedBudget | undefined\n  isDataLoaded = false\n  theme = {} as Theme\n  merchantBudgets: MerchantBudget[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  loadBudgetData = async () => {\n    if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n      await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n    }\n    await this.loadBudgets()\n\n    /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n    reaction(\n      () => this.detailedBudgets,\n      (detailedBudgets) => {\n        if (detailedBudgets) {\n          const budget = this.selectedBudget\n          if (budget) {\n            this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n          }\n\n          const subBudget = this.selectedSubBudget\n          if (subBudget && subBudget.parent_guid) {\n            this.selectedSubBudget = findSubBudget(\n              detailedBudgets,\n              subBudget.guid,\n              subBudget.parent_guid,\n            )\n          }\n        }\n      },\n    )\n  }\n\n  get detailedBudgets(): DetailedBudget[] {\n    return augmentBudgets(\n      this.budgets.filter(\n        (budget: Budget) =>\n          budget.category_guid !== CategoryGuids.INCOME &&\n          budget.category_guid !== CategoryGuids.TRANSFER &&\n          budget.category_guid !== CategoryGuids.INVESTMENTS,\n      ),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    ).sort((a, b) => {\n      if (a.percentage > b.percentage) return -1\n      if (a.percentage < b.percentage) return 1\n      return 0\n    })\n  }\n\n  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n  get incomeBudget(): number | undefined {\n    const filteredBudgets = augmentBudgets(\n      this.budgets.filter((budget: Budget) => !budget.parent_guid),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    )\n\n    const incomeBudget = filteredBudgets.reduce(\n      (acc, curr) => {\n        if (curr.category_guid !== CategoryGuids.INCOME) return acc\n        if (!acc || curr.percentage > acc.percentage) return curr\n        return acc\n      },\n      undefined as DetailedBudget | undefined,\n    )\n\n    return incomeBudget?.amount\n  }\n\n  get unbudgetedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.spendCategories.filter(\n      (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n    )\n  }\n\n  get totalBudgeted(): number {\n    return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n  }\n\n  addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n    try {\n      const budget = await this.api.addBudget(category, amount, parentGuid)\n      runInAction(() => {\n        this.budgets.push(budget)\n      })\n    } catch (error) {\n      console.error('Error adding budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  deleteBudget = async (guid: string) => {\n    try {\n      await this.api.deleteBudget(guid)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((budget) => budget.guid === guid)\n        if (index >= 0) {\n          this.budgets.splice(index, 1)\n        }\n      })\n    } catch (error) {\n      console.error('Error deleting budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  loadBudgets = async () => {\n    try {\n      const budgets = await this.api.getBudgets()\n      this.setBudgets(budgets)\n    } catch (error) {\n      console.error('Error occurred while loading budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      throw error\n    }\n  }\n\n  setAlert = (alert: string) => (this.alert = alert)\n\n  setBudgets = (budgets: Budget[]) => {\n    this.budgets = budgets\n    this.isDataLoaded = true\n  }\n\n  setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n  setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n  setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n  setTheme = (theme: Theme) => (this.theme = theme)\n\n  /**\n   * Recalculate budget by using the average amount from top-level categories\n   * @param categories Detailed categories\n   */\n  recalculateBudgets = async (categories: DetailedCategory[]) => {\n    try {\n      for (const category of categories) {\n        const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n        if (budget) {\n          await this.api.updateBudget({\n            ...budget,\n            amount: category.totalAverageAmount,\n          })\n        } else {\n          await this.api.addBudget(category, category.totalAverageAmount)\n        }\n      }\n      const budgetsToDelete = this.budgets.filter(\n        (budget) => !categories.find((c) => c.guid === budget.category_guid),\n      )\n\n      for (const budgetToDelete of budgetsToDelete) {\n        await this.api.deleteBudget(budgetToDelete.guid)\n      }\n\n      await this.loadBudgets()\n\n      return { data: this.budgets, isSuccess: true }\n    } catch (error) {\n      console.error('Error recalculating budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { data: [], isSuccess: false }\n    }\n  }\n\n  updateBudget = async (budget: Budget) => {\n    try {\n      const updatedBudget = await this.api.updateBudget(budget)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = updatedBudget\n        }\n      })\n    } catch (error) {\n      console.error('Error updating budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n    return this.merchantBudgets.find(\n      (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n    )\n  }\n\n  setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n    this.merchantBudgets = merchantBudgets\n  }\n\n  addMerchantBudget = async (merchantGuid: string, amount: number) => {\n    try {\n      const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n      runInAction(() => {\n        this.merchantBudgets.push(newMerchantBudget)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error adding merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n    try {\n      const { guid: merchantBudgetGuid, amount } = merchantBudget\n      const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = updatedMerchantBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n    try {\n      await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n      runInAction(() => {\n        this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error deleting merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n  Budget,\n  Category,\n  DateRange,\n  DetailedBudget,\n  DetailedCategory,\n  MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n  api: BudgetsApi = new BudgetsApi('/', '')\n\n  globalStore: GlobalStore\n\n  alert: string = ''\n  dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n  budgets: Budget[] = []\n  selectedBudget: DetailedBudget | undefined\n  selectedSubBudget: DetailedBudget | undefined\n  isDataLoaded = false\n  theme = {} as Theme\n  merchantBudgets: MerchantBudget[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  loadBudgetData = async () => {\n    if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n      await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n    }\n    await this.loadBudgets()\n\n    /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n    reaction(\n      () => this.detailedBudgets,\n      (detailedBudgets) => {\n        if (detailedBudgets) {\n          const budget = this.selectedBudget\n          if (budget) {\n            this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n          }\n\n          const subBudget = this.selectedSubBudget\n          if (subBudget && subBudget.parent_guid) {\n            this.selectedSubBudget = findSubBudget(\n              detailedBudgets,\n              subBudget.guid,\n              subBudget.parent_guid,\n            )\n          }\n        }\n      },\n    )\n  }\n\n  get detailedBudgets(): DetailedBudget[] {\n    return augmentBudgets(\n      this.budgets.filter(\n        (budget: Budget) =>\n          budget.category_guid !== CategoryGuids.INCOME &&\n          budget.category_guid !== CategoryGuids.TRANSFER &&\n          budget.category_guid !== CategoryGuids.INVESTMENTS,\n      ),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    ).sort((a, b) => {\n      if (a.percentage > b.percentage) return -1\n      if (a.percentage < b.percentage) return 1\n      return 0\n    })\n  }\n\n  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n  get incomeBudget(): number | undefined {\n    const filteredBudgets = augmentBudgets(\n      this.budgets.filter((budget: Budget) => !budget.parent_guid),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    )\n\n    const incomeBudget = filteredBudgets.reduce(\n      (acc, curr) => {\n        if (curr.category_guid !== CategoryGuids.INCOME) return acc\n        if (!acc || curr.percentage > acc.percentage) return curr\n        return acc\n      },\n      undefined as DetailedBudget | undefined,\n    )\n\n    return incomeBudget?.amount\n  }\n\n  get unbudgetedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.spendCategories.filter(\n      (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n    )\n  }\n\n  get totalBudgeted(): number {\n    return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n  }\n\n  addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n    try {\n      const budget = await this.api.addBudget(category, amount, parentGuid)\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = budget\n        } else {\n          this.budgets.push(budget)\n        }\n      })\n    } catch (error) {\n      console.error('Error adding budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  deleteBudget = async (guid: string) => {\n    try {\n      await this.api.deleteBudget(guid)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((budget) => budget.guid === guid)\n        if (index >= 0) {\n          this.budgets.splice(index, 1)\n        }\n      })\n    } catch (error) {\n      console.error('Error deleting budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  loadBudgets = async () => {\n    try {\n      const budgets = await this.api.getBudgets()\n      this.setBudgets(budgets)\n    } catch (error) {\n      console.error('Error occurred while loading budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      throw error\n    }\n  }\n\n  setAlert = (alert: string) => (this.alert = alert)\n\n  setBudgets = (budgets: Budget[]) => {\n    const seen = new Set<string>()\n    this.budgets = budgets.filter((budget) => {\n      if (!budget.guid || !seen.has(budget.guid)) {\n        if (budget.guid) seen.add(budget.guid)\n        return true\n      }\n      return false\n    })\n    this.isDataLoaded = true\n  }\n\n  setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n  setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n  setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n  setTheme = (theme: Theme) => (this.theme = theme)\n\n  /**\n   * Recalculate budget by using the average amount from top-level categories\n   * @param categories Detailed categories\n   */\n  recalculateBudgets = async (categories: DetailedCategory[]) => {\n    try {\n      for (const category of categories) {\n        const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n        if (budget) {\n          await this.api.updateBudget({\n            ...budget,\n            amount: category.totalAverageAmount,\n          })\n        } else {\n          await this.api.addBudget(category, category.totalAverageAmount)\n        }\n      }\n      const budgetsToDelete = this.budgets.filter(\n        (budget) => !categories.find((c) => c.guid === budget.category_guid),\n      )\n\n      for (const budgetToDelete of budgetsToDelete) {\n        await this.api.deleteBudget(budgetToDelete.guid)\n      }\n\n      await this.loadBudgets()\n\n      return { data: this.budgets, isSuccess: true }\n    } catch (error) {\n      console.error('Error recalculating budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { data: [], isSuccess: false }\n    }\n  }\n\n  updateBudget = async (budget: Budget) => {\n    try {\n      const updatedBudget = await this.api.updateBudget(budget)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = updatedBudget\n        }\n      })\n    } catch (error) {\n      console.error('Error updating budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n    return this.merchantBudgets.find(\n      (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n    )\n  }\n\n  setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n    const seen = new Set<string>()\n    this.merchantBudgets = merchantBudgets.filter((mb) => {\n      if (!mb.guid || !seen.has(mb.guid)) {\n        if (mb.guid) seen.add(mb.guid)\n        return true\n      }\n      return false\n    })\n  }\n\n  addMerchantBudget = async (merchantGuid: string, amount: number) => {\n    try {\n      const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === newMerchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = newMerchantBudget\n        } else {\n          this.merchantBudgets.push(newMerchantBudget)\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error adding merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n    try {\n      const { guid: merchantBudgetGuid, amount } = merchantBudget\n      const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = updatedMerchantBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n    try {\n      await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n      runInAction(() => {\n        this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error deleting merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CommonBeatProps } from '../../../types/CommonBeat';
+export interface TransparentOverdraftV2Props extends CommonBeatProps {
+    accountName: string;
+    formattedProjectedBalance: string;
+    projectedBalanceLabel: string;
+}
+export declare const TransparentOverdraftV2: React.FC<TransparentOverdraftV2Props>;

package/dist/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2.es.js

@@ -0,0 +1,50 @@
+import { InsightButton as i } from "../../shared/InsightsCard/InsightButton.es.js";
+import { BeatCardMUI as s } from "../../shared/InsightsCard/BeatCardMUI.es.js";
+import { TransparentOverdraftV2Body as c } from "./TransparentOverdraftV2Body.es.js";
+import "react";
+import n from "@mui/material/Stack";
+import { Text as f } from "@mxenabled/mxui";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+var T = ({ accountName: m, beat: t, buttonProps: e, formattedProjectedBalance: d, isMini: o, projectedBalanceLabel: p, ...a }) => /* @__PURE__ */ r(s, {
+  ...a,
+  beat: t,
+  button: /* @__PURE__ */ h(n, {
+    sx: { gap: 8 },
+    children: [/* @__PURE__ */ r(i, {
+      ...e,
+      beat: t
+    }), /* @__PURE__ */ r(i, {
+      ...e,
+      beat: t,
+      hide: !t.supporting_action,
+      primary: !1
+    })]
+  }),
+  header: {
+    ...a.header,
+    subHeader: /* @__PURE__ */ r(n, {
+      alignItems: "center",
+      direction: "row",
+      sx: {
+        gap: 4,
+        mt: 4
+      },
+      children: /* @__PURE__ */ r(f, {
+        sx: { color: "text.secondary" },
+        variant: "body2",
+        children: m
+      })
+    })
+  },
+  isMini: o,
+  children: /* @__PURE__ */ r(c, {
+    formattedProjectedBalance: d,
+    isMini: o ?? !1,
+    projectedBalanceLabel: p
+  })
+});
+export {
+  T as TransparentOverdraftV2
+};
+
+//# sourceMappingURL=TransparentOverdraftV2.es.js.map

package/dist/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransparentOverdraftV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { TransparentOverdraftV2Body } from './TransparentOverdraftV2Body'\n\nexport interface TransparentOverdraftV2Props extends CommonBeatProps {\n  accountName: string\n  formattedProjectedBalance: string\n  projectedBalanceLabel: string\n}\n\nexport const TransparentOverdraftV2: React.FC<TransparentOverdraftV2Props> = ({\n  accountName,\n  beat,\n  buttonProps,\n  formattedProjectedBalance,\n  isMini,\n  projectedBalanceLabel,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        <Stack sx={{ gap: 8 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n          <InsightButton\n            {...buttonProps}\n            beat={beat}\n            hide={!beat.supporting_action}\n            primary={false}\n          />\n        </Stack>\n      }\n      header={{\n        ...restProps.header,\n        subHeader: (\n          <Stack alignItems=\"center\" direction=\"row\" sx={{ gap: 4, mt: 4 }}>\n            {/* Remove InstitutionLogo until the V2 payload carries institution_guid */}\n            <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n              {accountName}\n            </Text>\n          </Stack>\n        ),\n      }}\n      isMini={isMini}\n    >\n      <TransparentOverdraftV2Body\n        formattedProjectedBalance={formattedProjectedBalance}\n        isMini={isMini ?? false}\n        projectedBalanceLabel={projectedBalanceLabel}\n      />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAiE,EAC5E,aAAA,GACA,MAAA,GACA,aAAA,GACA,2BAAA,GACA,QAAA,GACA,uBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,IAApB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAe,GAAI;AAAA,MAAmB,MAAA;AAAA,IAAO,CAAA,GAC7C,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,MAAM,CAAC,EAAK;AAAA,MACZ,SAAS;AAAA,IACV,CAAA,CACI;AAAA;EAET,QAAQ;AAAA,IACN,GAAG,EAAU;AAAA,IACb,WACE,gBAAA,EAAC,GAAD;AAAA,MAAO,YAAW;AAAA,MAAS,WAAU;AAAA,MAAM,IAAI;AAAA,QAAE,KAAK;AAAA,QAAG,IAAI;AAAA,MAAE;AAAA,MAE7D,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,QAAG,SAAQ;AAAA,QAC5C,UAAA;AAAA,MACG,CAAA;AAAA,IACD,CAAA;AAAA,EAEX;AAAA,EACQ,QAAA;AAAA,EAER,UAAA,gBAAA,EAAC,GAAD;AAAA,IAC6B,2BAAA;AAAA,IAC3B,QAAQ,KAAU;AAAA,IACK,uBAAA;AAAA,EACxB,CAAA;AACU,CAAA"}

package/dist/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2Body.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface TransparentOverdraftV2BodyProps {
+    formattedProjectedBalance: string;
+    isMini: boolean;
+    projectedBalanceLabel: string;
+}
+export declare const TransparentOverdraftV2Body: React.FC<TransparentOverdraftV2BodyProps>;
+export {};

package/dist/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2Body.es.js

@@ -0,0 +1,68 @@
+import "react";
+import e from "@mui/material/Stack";
+import { P as c, Text as m } from "@mxenabled/mxui";
+import { Icon as s } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import d from "@mui/material/Card";
+var y = ({ formattedProjectedBalance: i, isMini: o = !1, projectedBalanceLabel: a }) => {
+  const t = {
+    boxContainer: {
+      bgcolor: "warning.light",
+      marginBottom: o ? 0 : 24,
+      py: 16,
+      px: 24,
+      width: "100%"
+    },
+    card: {
+      alignItems: "center",
+      borderRadius: 2,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      p: 16,
+      width: "100%"
+    }
+  };
+  return /* @__PURE__ */ r(e, {
+    sx: t.boxContainer,
+    children: /* @__PURE__ */ n(d, {
+      sx: {
+        ...t.card,
+        bgcolor: "background.paper"
+      },
+      children: [/* @__PURE__ */ r(m, {
+        component: "span",
+        sx: {
+          color: "text.primary",
+          fontWeight: 700,
+          mb: 4
+        },
+        variant: o ? "h2" : "h1",
+        children: i
+      }), /* @__PURE__ */ n(e, {
+        alignItems: "center",
+        direction: "row",
+        sx: { gap: 4 },
+        children: [/* @__PURE__ */ r(s, {
+          "aria-hidden": "true",
+          fill: !0,
+          name: "error",
+          size: 16,
+          sx: { color: "warning.main" }
+        }), /* @__PURE__ */ r(c, {
+          sx: {
+            color: "text.secondary",
+            fontWeight: 400
+          },
+          variant: "body2",
+          children: a
+        })]
+      })]
+    })
+  });
+};
+export {
+  y as TransparentOverdraftV2Body
+};
+
+//# sourceMappingURL=TransparentOverdraftV2Body.es.js.map

package/dist/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2Body.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransparentOverdraftV2Body.es.js","names":[],"sources":["../../../../../src/insights/components/insights/TransparentOverdraftV2/TransparentOverdraftV2Body.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\ninterface TransparentOverdraftV2BodyProps {\n  formattedProjectedBalance: string\n  isMini: boolean\n  projectedBalanceLabel: string\n}\n\nexport const TransparentOverdraftV2Body: React.FC<TransparentOverdraftV2BodyProps> = ({\n  formattedProjectedBalance,\n  isMini = false,\n  projectedBalanceLabel,\n}) => {\n  const styles = {\n    boxContainer: {\n      bgcolor: 'warning.light',\n      marginBottom: isMini ? 0 : 24,\n      py: 16,\n      px: 24,\n      width: '100%',\n    },\n    card: {\n      alignItems: 'center',\n      borderRadius: 2,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      p: 16,\n      width: '100%',\n    },\n  }\n\n  return (\n    <Stack sx={styles.boxContainer}>\n      <Card\n        sx={{\n          ...styles.card,\n          bgcolor: 'background.paper',\n        }}\n      >\n        <Text\n          component=\"span\"\n          sx={{ color: 'text.primary', fontWeight: 700, mb: 4 }}\n          variant={isMini ? 'h2' : 'h1'}\n        >\n          {formattedProjectedBalance}\n        </Text>\n\n        <Stack alignItems=\"center\" direction=\"row\" sx={{ gap: 4 }}>\n          <Icon\n            aria-hidden=\"true\"\n            fill={true}\n            name=\"error\"\n            size={16}\n            sx={{ color: 'warning.main' }}\n          />\n          <P sx={{ color: 'text.secondary', fontWeight: 400 }} variant=\"body2\">\n            {projectedBalanceLabel}\n          </P>\n        </Stack>\n      </Card>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,IAAA,CAAyE,EACpF,2BAAA,GACA,QAAA,IAAS,IACT,uBAAA,EAAA,MACI;AACJ,QAAM,IAAS;AAAA,IACb,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,cAAc,IAAS,IAAI;AAAA,MAC3B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAO;AAAA,IAChB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,GAAG,EAAO;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MAJF,UAAA,CAME,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,IAAI;AAAA,UAAE,OAAO;AAAA,UAAgB,YAAY;AAAA,UAAK,IAAI;AAAA,QAAE;AAAA,QACpD,SAAS,IAAS,OAAO;AAAA,QAExB,UAAA;AAAA,MACG,CAAA,GAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,IAAI,EAAE,KAAK,EAAE;AAAA,QAAxD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,eAAY;AAAA,UACZ,MAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAM;AAAA,UACN,IAAI,EAAE,OAAO,eAAe;AAAA,QAC7B,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI;AAAA,YAAE,OAAO;AAAA,YAAkB,YAAY;AAAA,UAAI;AAAA,UAAG,SAAQ;AAAA,UAC1D,UAAA;AAAA,QACA,CAAA,CACE;AAAA,MACH,CAAA,CAAA;AAAA;EACD,CAAA;AAEX"}

package/dist/insights/components/insights/TransparentOverdraftV2/index.d.ts

@@ -0,0 +1 @@
+export * from './TransparentOverdraftV2';

package/dist/insights/components/insights/index.d.ts

@@ -19,6 +19,7 @@ export * from './P2pCategorization';
 export * from './SavingsAccountBalancesSummary';
 export * from './SetUpDirectDeposit';
 export * from './SwitchDirectDeposit';
+export * from './TransparentOverdraftV2';
 export * from './UnifiedDeposit';
 export * from './WeeklyNoSpendDays';
 export * from './MarketingHub';

package/dist/insights/index.es.js

@@ -17,7 +17,7 @@ import { MiniInsightCard as U } from "./components/shared/MiniInsightCard.es.js"
 import { MenuAction as H } from "./components/shared/MenuAction.es.js";
 import w from "./components/shared/P2P/P2PMultipleCategorization.es.js";
 import V from "./components/shared/SaveEnoughToLiveOnBottomSection.es.js";
-import O from "./components/shared/SaveEnoughToLiveOnTopSection.es.js";
+import z from "./components/shared/SaveEnoughToLiveOnTopSection.es.js";
 import W from "./components/shared/StatusIndicator.es.js";
 import R from "./components/shared/TransactionCard.es.js";
 import { DirectDeposit as X } from "./components/shared/DirectDeposit/DirectDeposit.es.js";
@@ -43,7 +43,7 @@ import { LinedCardZeroState as ko } from "./components/shared/ZeroState/LinedCar
 import { ErrorCard as Eo } from "./components/shared/ErrorCard/ErrorCard.es.js";
 import { FeedbackHeader as Lo } from "./components/shared/GenericFeedback/FeedbackHeader.es.js";
 import { FeedbackButtons as xo } from "./components/shared/GenericFeedback/FeedbackButtons.es.js";
-import { FeedbackDescription as zo } from "./components/shared/GenericFeedback/FeedbackDescription.es.js";
+import { FeedbackDescription as Oo } from "./components/shared/GenericFeedback/FeedbackDescription.es.js";
 import { FeedbackOptions as No } from "./components/shared/GenericFeedback/FeedbackOptions.es.js";
 import { BeatFeedbackText as Go } from "./components/shared/GenericFeedback/FeedbackText.es.js";
 import { AccountDiscoverability as jo } from "./components/insights/AccountDiscoverability/AccountDiscoverability.es.js";
@@ -70,7 +70,7 @@ import { MonthlyEmergencyFundReviewBody as kr } from "./components/insights/Mont
 import { LastMonthsContributionSection as Er } from "./components/insights/MonthlyEmergencyFundReview/LastMonthsContributionSection.es.js";
 import { ProjectedCompletionSection as Lr } from "./components/insights/MonthlyEmergencyFundReview/ProjectedCompletionSection.es.js";
 import { TotalSavedSection as xr } from "./components/insights/MonthlyEmergencyFundReview/TotalSection.es.js";
-import { MonthlySavingsToIncomeComparison as zr } from "./components/insights/MonthlySavingsToIncomeComparison/MonthlySavingsToIncomeComparison.es.js";
+import { MonthlySavingsToIncomeComparison as Or } from "./components/insights/MonthlySavingsToIncomeComparison/MonthlySavingsToIncomeComparison.es.js";
 import { MonthlySpendingComparisonV2 as Nr } from "./components/insights/MonthlySpendingComparisonV2/MonthlySpendingComparisonV2.es.js";
 import { MonthlySpendToIncomeComparisonV2 as Gr } from "./components/insights/MonthlySpendToIncomeComparisonV2/MonthlySpendToIncomeComparisonV2.es.js";
 import { P2pCategorization as jr } from "./components/insights/P2pCategorization/P2pCategorization.es.js";
@@ -81,14 +81,15 @@ import { SetUpDirectDepositBody as _r } from "./components/insights/SetUpDirectD
 import { AccountBox as ot } from "./components/insights/SwitchDirectDeposit/AccountBox.es.js";
 import { SwitchDirectDepositMainContainer as tt } from "./components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer.es.js";
 import { SwitchDirectDepositBody as mt } from "./components/insights/SwitchDirectDeposit/SwitchDirectDepositBody.es.js";
-import { UnifiedDeposit as at } from "./components/insights/UnifiedDeposit/UnifiedDeposit.es.js";
-import { WeeklyNoSpendDays as nt } from "./components/insights/WeeklyNoSpendDays/WeeklyNoSpendDays.es.js";
-import { UserFeedback as dt } from "./components/insights/UserFeedback/UserFeedback.es.js";
-import { DirectDepositDeepLink as st } from "./components/shared/DeepLinks/DirectDeposit/DirectDepositDeepLink.es.js";
-import { Header as lt } from "./components/feed/Header.es.js";
-import { P2PCategorizationSingleAccount as ut } from "./components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.es.js";
-import { DrillDownCalculation as Bt, variants as gt } from "./components/shared/DrillDownCalculation/DrillDownCalculation.es.js";
-import { SaveAnExtra100 as yt } from "./components/shared/SaveAnExtra100/SaveAnExtra100.es.js";
+import { TransparentOverdraftV2 as at } from "./components/insights/TransparentOverdraftV2/TransparentOverdraftV2.es.js";
+import { UnifiedDeposit as nt } from "./components/insights/UnifiedDeposit/UnifiedDeposit.es.js";
+import { WeeklyNoSpendDays as dt } from "./components/insights/WeeklyNoSpendDays/WeeklyNoSpendDays.es.js";
+import { UserFeedback as st } from "./components/insights/UserFeedback/UserFeedback.es.js";
+import { DirectDepositDeepLink as lt } from "./components/shared/DeepLinks/DirectDeposit/DirectDepositDeepLink.es.js";
+import { Header as ut } from "./components/feed/Header.es.js";
+import { P2PCategorizationSingleAccount as Bt } from "./components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.es.js";
+import { DrillDownCalculation as ht, variants as yt } from "./components/shared/DrillDownCalculation/DrillDownCalculation.es.js";
+import { SaveAnExtra100 as Tt } from "./components/shared/SaveAnExtra100/SaveAnExtra100.es.js";
 export {
   ot as AccountBox,
   jo as AccountDiscoverability,
@@ -122,7 +123,7 @@ export {
   sr as CustomTransaction,
   Mo as Description,
   X as DirectDeposit,
-  st as DirectDepositDeepLink,
+  lt as DirectDepositDeepLink,
   q as DirectDepositSubHeader,
   ur as DiscoveredAccountsBody,
   T as DiscoveredAccountsConnect,
@@ -130,7 +131,7 @@ export {
   hr as DiscoveredAccountsMiniInsight,
   f as DoubleBarChart,
   c as DoubleBarChartMXUI,
-  Bt as DrillDownCalculation,
+  ht as DrillDownCalculation,
   vo as EmbeddedCard,
   C as EmptyBarChart,
   Eo as ErrorCard,
@@ -138,11 +139,11 @@ export {
   vr as FederalBankHolidayMUI,
   xo as FeedbackButtons,
   Ao as FeedbackCard,
-  zo as FeedbackDescription,
+  Oo as FeedbackDescription,
   Lo as FeedbackHeader,
   No as FeedbackOptions,
   K as FullFeedBodyHeader,
-  lt as Header,
+  ut as Header,
   Fo as InsightButton,
   Er as LastMonthsContributionSection,
   Y as LeftBox,
@@ -153,11 +154,11 @@ export {
   U as MiniInsightCard,
   Fr as MonthlyDebtToIncomeComparisonV2,
   kr as MonthlyEmergencyFundReviewBody,
-  zr as MonthlySavingsToIncomeComparison,
+  Or as MonthlySavingsToIncomeComparison,
   Gr as MonthlySpendToIncomeComparisonV2,
   Nr as MonthlySpendingComparisonV2,
   Ar as Offer,
-  ut as P2PCategorizationSingleAccount,
+  Bt as P2PCategorizationSingleAccount,
   w as P2PMultipleCategorization,
   jr as P2pCategorization,
   Zr as P2pCategorizationMultipleTransactions,
@@ -167,9 +168,9 @@ export {
   I as PulseGraidentBox,
   b as PulseProgressBar,
   ro as RightBox,
-  yt as SaveAnExtra100,
+  Tt as SaveAnExtra100,
   V as SaveEnoughToLiveOnBottomSection,
-  O as SaveEnoughToLiveOnTopSection,
+  z as SaveEnoughToLiveOnTopSection,
   Qr as SavingsAccountBalancesSummary,
   _r as SetUpDirectDepositBody,
   lr as SharedDeposit,
@@ -178,8 +179,9 @@ export {
   tt as SwitchDirectDepositMainContainer,
   xr as TotalSavedSection,
   R as TransactionCard,
-  at as UnifiedDeposit,
-  dt as UserFeedback,
-  nt as WeeklyNoSpendDays,
-  gt as variants
+  at as TransparentOverdraftV2,
+  nt as UnifiedDeposit,
+  st as UserFeedback,
+  dt as WeeklyNoSpendDays,
+  yt as variants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.3.5",
+  "version": "9.3.7-alpha.al0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",