@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/trends/utils/SpendingData.d.ts

@@ -1,4 +1,4 @@
-import { MonthlyCategoryTotals } from '../../common';
+import { MonthlyCategoryTotals } from '../../core';
 type DateRange = {
     start: Date;
     end: Date;

package/dist/trends/utils/TrendsTable.d.ts

@@ -1,12 +1,14 @@
 import { GridColDef } from '@mui/x-data-grid-pro';
-import { DetailedCategory, TrendsCopy } from '../../common';
+import { DetailedCategory, TrendsCopy } from '../../core';
 export declare const generateMonthHeaders: (start: Date, end: Date) => string[];
 export declare const getTrendsTableColumns: (monthHeaders: string[], copy: TrendsCopy) => GridColDef[];
-export declare const getTrendsTableRows: (categories: DetailedCategory[], copy: TrendsCopy, monthHeaders: string[], parentCategory?: DetailedCategory) => {
+export type TrendsTableRow = {
     id: string;
     category: string;
     category_guid: string;
     isParent: boolean;
     top_level_category_guid: string;
     total: number;
-}[];
+    monthlyAmounts: Record<string, number>;
+};
+export declare const getTrendsTableRows: (categories: DetailedCategory[], copy: TrendsCopy, isIncome: boolean, monthHeaders: string[], parentCategory?: DetailedCategory) => TrendsTableRow[];

package/dist/trends/utils/TrendsWidget.d.ts

@@ -0,0 +1,7 @@
+import { TrendsCopy } from '../../core';
+export declare const buildEmptyStateProps: (copy: TrendsCopy, hasAggregation: boolean, handler: () => void) => {
+    description: string;
+    header: string;
+    onClickHandler: (() => void) | undefined;
+    primaryButton: string | undefined;
+};

package/dist/trends/utils/shared.d.ts

@@ -1,5 +1,5 @@
-import { MonthlyCategoryTotals } from '../../common';
-import { StackedLineChartData } from './TrendsData';
+import { MonthlyCategoryTotals } from '../../core';
+import { StackedLineChartData } from '../../core/utils/TrendsUtil';
 type TotalsData = MonthlyCategoryTotals | StackedLineChartData;
 export declare const isIncome: (totals: TotalsData) => boolean;
 export declare const isExpense: (totals: TotalsData) => boolean;

package/dist/{useAccountDisplayName-DbkgGLdg.mjs → useAccountDisplayName-CFa_MrS6.mjs}

@@ -1,10 +1,10 @@
-import s from "react";
-import { g as e } from "./AccountDisplayName-CO7z3v99.mjs";
-import { a as n } from "./hooks-fY_n74f7.mjs";
+import e from "react";
+import { g as s } from "./AccountDisplayName-CO7z3v99.mjs";
+import { a as n } from "./hooks-BaO_gOI6.mjs";
 const i = (o) => {
   const { config: a } = n();
-  return s.useMemo(
-    () => e(o, {
+  return e.useMemo(
+    () => s(o, {
       allowNickname: a?.show_account_nicknames_in_master
     }),
     [o, a?.show_account_nicknames_in_master]

package/dist/{useAriaLive-B3_pRUio.mjs → useAriaLive-MkYebyUR.mjs}

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import e from "react";
 import u from "@mui/material/Box";
-const x = (a = "polite") => {
-  const [s, o] = e.useState(""), [t, r] = e.useState(a), n = e.useCallback((c, i) => {
-    i && r(i), o(c);
+const f = (i = "polite") => {
+  const [s, o] = e.useState(""), [t, r] = e.useState(i), n = e.useCallback((c, a) => {
+    a && r(a), o(c);
   }, []), p = e.useMemo(
     () => /* @__PURE__ */ l(
       u,
@@ -31,5 +31,5 @@ const x = (a = "polite") => {
   return { announce: n, ariaLive: p };
 };
 export {
-  x as u
+  f as u
 };

package/dist/{useDimensions-27p2evRx.mjs → useDimensions-CeDR9V8N.mjs}

@@ -7,19 +7,19 @@ const d = (i, s) => t.useMemo(() => {
     }, s);
   };
 }, [i, s]);
-function R(i = 100) {
+function D(i = 100) {
   const [s, o] = t.useState({
     width: 0,
     height: 0
   }), e = t.useRef(null), u = t.useRef(s), f = d((n, r) => {
     (n !== u.current.width || r !== u.current.height) && (o({ width: n, height: r }), u.current = { width: n, height: r });
-  }, i), m = t.useCallback(
+  }, i), l = t.useCallback(
     (n) => {
       if (e.current && (e.current.disconnect(), e.current = null), n?.nodeType === Node.ELEMENT_NODE) {
         const r = new ResizeObserver(([c]) => {
           if (c && c.borderBoxSize) {
-            const { inlineSize: l, blockSize: b } = c.borderBoxSize[0];
-            f(l, b);
+            const { inlineSize: m, blockSize: b } = c.borderBoxSize[0];
+            f(m, b);
           }
         });
         r.observe(n), e.current = r;
@@ -29,8 +29,8 @@ function R(i = 100) {
   );
   return t.useEffect(() => () => {
     e.current && e.current.disconnect();
-  }, []), [m, s];
+  }, []), [l, s];
 }
 export {
-  R as u
+  D as u
 };

package/dist/{useInsightsEnabled-dhmXeSyF.mjs → useInsightsEnabled-DaNLPmUU.mjs}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as a } from "react";
-import { f as o } from "./hooks-fY_n74f7.mjs";
+import { f as o } from "./hooks-BaO_gOI6.mjs";
 const f = () => {
   const { isInitialized: e, appDataStore: t } = o(), [s, i] = n(!1);
   return a(() => {

package/dist/{useScreenSize-B6JyS_Lj.mjs → useScreenSize-mWpmnh5w.mjs}

@@ -1,4 +1,4 @@
-import k from "@mui/material/styles/useTheme";
+import { useTheme as k } from "@mui/material/styles";
 import o from "@mui/material/useMediaQuery";
 const l = (s) => {
   const e = k(), { xs: n, sm: r, md: p, lg: t, xl: i } = e.breakpoints.values;
@@ -16,7 +16,7 @@ const l = (s) => {
     // Between 600 and 1200
     isTablet: o(e.breakpoints.between("sm", "lg"))
   };
-  return s && (m = {
+  return s !== void 0 && (m = {
     // Larger than 1536
     isLargeDesktop: s > i,
     // Larger than 1200
@@ -26,7 +26,7 @@ const l = (s) => {
     // Smaller than 444
     isSmallMobile: s < n,
     // Between 600 and 900
-    isSmallTablet: s >= r && s <= p,
+    isSmallTablet: s >= r && s < p,
     // Between 600 and 1200
     isTablet: s > r && s <= t
   }), m;

package/dist/{useWidgetLoadTimer-CrUzxN-P.mjs → useWidgetLoadTimer-CJb-RELP.mjs}

@@ -1,5 +1,5 @@
 import { useRef as r, useEffect as c } from "react";
-import { g as l } from "./hooks-fY_n74f7.mjs";
+import { g as l } from "./hooks-BaO_gOI6.mjs";
 let n = !0;
 const d = ({ widgetName: i, isLoaded: u = !0 }) => {
   const { onEvent: o } = l(), t = r(null), s = r(!1), e = r(!1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.0-alpha.mega1",
+  "version": "9.0.0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -33,6 +33,10 @@
       "import": "./dist/common/index.es.js",
       "types": "./dist/common/index.d.ts"
     },
+    "./core": {
+      "import": "./dist/core/index.es.js",
+      "types": "./dist/core/index.d.ts"
+    },
     "./dashboard": {
       "import": "./dist/dashboard/index.es.js",
       "types": "./dist/dashboard/index.d.ts"
@@ -53,6 +57,10 @@
       "import": "./dist/help/index.es.js",
       "types": "./dist/help/index.d.ts"
     },
+    "./insights": {
+      "import": "./dist/insights/index.es.js",
+      "types": "./dist/insights/index.d.ts"
+    },
     "./investments": {
       "import": "./dist/investments/index.es.js",
       "types": "./dist/investments/index.d.ts"
@@ -114,6 +122,9 @@
       "common": [
         "./dist/common/index.d.ts"
       ],
+      "core": [
+        "./dist/core/index.d.ts"
+      ],
       "dashboard": [
         "./dist/dashboard/index.d.ts"
       ],
@@ -129,6 +140,9 @@
       "help": [
         "./dist/help/index.d.ts"
       ],
+      "insights": [
+        "./dist/insights/index.d.ts"
+      ],
       "investments": [
         "./dist/investments/index.d.ts"
       ],
@@ -170,47 +184,50 @@
     "prepare": "husky install",
     "prepublishOnly": "yarn build",
     "storybook": "storybook dev -p 6006",
-    "test": "vitest",
-    "testui": "vitest --ui --coverage",
-    "citest": "vitest run --coverage"
+    "test": "vitest --workspace=vitest.workspace.ts",
+    "testui": "vitest --workspace=vitest.workspace.ts --ui --coverage",
+    "citest": "vitest run --workspace=vitest.workspace.ts --coverage"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/lab": "^5.0.0-alpha.177",
-    "@mui/material": "^5.18.0",
-    "@mui/system": "^5.18.0",
-    "@mui/x-charts": "^8.23.0",
-    "@mui/x-data-grid-pro": "^7.29.8",
+    "@emotion/styled": "^11.14.1",
+    "@mui/lab": "^7",
+    "@mui/material": "7.3.11",
+    "@mui/system": "7.3.11",
+    "@mui/x-charts": "^8.28.2",
+    "@mui/x-data-grid-pro": "^7.29.12",
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
-    "@mxenabled/mx-icons": "^1.5.1",
-    "@mxenabled/mxui": "^1.5.8",
-    "@mxenabled/web-widget-sdk": "^0.0.13",
-    "@tanstack/react-virtual": "^3.13.2",
-    "bowser": "^2.11.0",
+    "@mxenabled/mx-icons": "^2",
+    "@mxenabled/mxui": "2.5.3",
+    "@mxenabled/web-widget-sdk": "^0.0.15",
+    "@tanstack/react-virtual": "^3.13.24",
+    "bowser": "^2.14.1",
     "d3": "^7.9.0",
     "date-fns": "^4.1.0",
-    "mobx": "^6.13.6",
-    "mobx-react-lite": "^4.1.0",
+    "mobx": "^6.15.0",
+    "mobx-react-lite": "^4.1.1",
     "numeral": "^2.0.6",
-    "posthog-js": "^1.230.1",
-    "react-intersection-observer": "^10.0.2",
-    "uuid": "^11.1.0"
+    "posthog-js": "^1.370.1",
+    "react": "^19",
+    "react-confetti": "^6.4.0",
+    "react-dom": "^19",
+    "react-intersection-observer": "^10.0.3",
+    "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@babel/eslint-parser": "^7.26.10",
-    "@storybook/addon-a11y": "^8.6.4",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-vite": "^8.6.4",
-    "@storybook/test": "^8.6.4",
-    "@storybook/theming": "^8.6.4",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/test": "^8.6.18",
+    "@storybook/theming": "^8.6.18",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -220,8 +237,8 @@
     "@types/jest": "^29.5.14",
     "@types/numeral": "^2.0.5",
     "@types/prop-types": "^15.7.14",
-    "@types/react": "^19.2.10",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
@@ -245,32 +262,37 @@
     "path": "^0.12.7",
     "prettier": "^3.5.3",
     "prop-types": "^15.8.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "storybook": "^8.6.4",
+    "storybook": "^8.6.18",
     "storybook-addon-mock": "^5.0.0",
     "storybook-dark-mode": "4.0.1",
-    "typescript": "^5.8.2",
+    "typescript": "^5.9.3",
     "vi-canvas-mock": "^1.0.0",
-    "vite": "^5.4.21",
-    "vite-plugin-dts": "^4.5.3",
+    "vite": "5.4.21",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.8"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@mui/material": "^5",
-    "@mxenabled/mxui": "^1",
+    "@mui/material": "^7",
+    "@mxenabled/mxui": "^2",
     "d3": "^7",
     "date-fns": "^3",
     "mobx": "^6",
     "mobx-react-lite": "^4",
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "files": [
     "dist",
     "CHANGELOG.md",
     "README.md"
   ],
-  "packageManager": "yarn@4.12.0"
+  "resolutions": {
+    "react": "^19",
+    "react-dom": "^19",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
+  },
+  "packageManager": "yarn@4.14.1"
 }

package/dist/AccountApi-DgZ8ILj1.mjs

@@ -1,19 +0,0 @@
-import { F as s, A as e } from "./Fetch-DecPFeGU.mjs";
-class r {
-  fetchInstance;
-  constructor(t, c, n) {
-    this.fetchInstance = new s(t, c, void 0, n);
-  }
-  createAccount = async (t) => this.fetchInstance.post(e.ACCOUNTS, t).then((c) => c.account).catch((c) => c);
-  deleteAccount = async (t) => this.fetchInstance.delete(`${e.ACCOUNTS}/${t}`).catch((c) => c);
-  getAccounts = async () => this.fetchInstance.get(e.ACCOUNTS).then((t) => t.accounts).catch((t) => t);
-  getInstitutions = async () => this.fetchInstance.get(e.INSTITUTIONS).then((t) => t).catch((t) => t);
-  getMembers = async () => this.fetchInstance.get(e.MEMBERS).then((t) => t.members).catch((t) => t);
-  getMonthlyAccountBalances = async (t) => this.fetchInstance.get(`${e.ACCOUNTS}/${t}/monthly_account_balances`).then((c) => c.monthly_account_balances).catch((c) => c);
-  mergeAccounts = async (t) => this.fetchInstance.put(`${e.ACCOUNTS}/merge`, { accounts: t }).then((c) => c).catch((c) => c);
-  refreshAllMembers = async () => this.fetchInstance.get(`${e.MEMBERS}/refresh_all`).then((t) => t).catch((t) => t);
-  updateAccount = async (t) => this.fetchInstance.put(`${e.ACCOUNTS}/${t.guid}`, t).then((c) => c.account).catch((c) => c);
-}
-export {
-  r as A
-};

package/dist/AccountDetailsHeader-BOV91g1o.mjs

@@ -1,95 +0,0 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { observer as f } from "mobx-react-lite";
-import s from "@mui/material/Stack";
-import { H3 as T, InstitutionLogo as x, Text as l, H2 as D } from "@mxenabled/mxui";
-import p from "react";
-import { G as N, d as C, m as P, f as G, u as O } from "./hooks-fY_n74f7.mjs";
-import { g as R } from "./AccountFields-BRRH37K1.mjs";
-import { A as r } from "./Account-CMjOp7S2.mjs";
-import w from "@mui/material/Card";
-import v from "@mui/material/CardContent";
-import L from "@mui/material/CardHeader";
-import { L as H } from "./Loader-BSWSYqvn.mjs";
-import { I as M, P as U, S as Y } from "./Account-BIKn4XEZ.mjs";
-import { u as j } from "./useAccountDisplayName-DbkgGLdg.mjs";
-import { f as z } from "./NumberFormatting-DjTD0t3W.mjs";
-const _ = () => {
-  if (!p.useContext(N))
-    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return C().uiStore;
-}, B = (i, e) => {
-  const c = [r.LOAN, r.MORTGAGE, r.PROPERTY].includes(
-    i
-  ), n = [
-    r.CREDIT_CARD,
-    r.LINE_OF_CREDIT,
-    r.PREPAID,
-    r.CHECKING_LINE_OF_CREDIT
-  ].includes(i);
-  return c ? { title: e.label_payments, description: e.chart_title_payments } : n ? { title: e.label_payments_spend, description: e.chart_title_payments_spend } : { title: e.label_income_spend, description: e.chart_title_income_spend };
-}, k = ({
-  sx: i,
-  ChartComponent: e,
-  header: c
-}) => {
-  const { loadMonthlyCategoryTotals: n } = P(), { isInitialized: o } = G(), { selectedAccount: d } = _(), [u, m] = p.useState(!1);
-  return p.useEffect(() => {
-    o && n([d]).finally(() => {
-      m(!0);
-    });
-  }, [o, d]), !o || !u ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ a(
-    w,
-    {
-      sx: {
-        "& .MuiCardContent-root:last-child": {
-          pb: 0
-        },
-        ...i
-      },
-      children: [
-        /* @__PURE__ */ t(L, { sx: { pb: 0 }, title: /* @__PURE__ */ t(T, { sx: { pb: 4 }, children: c }) }),
-        /* @__PURE__ */ t(v, { sx: { p: 0 }, children: e ? /* @__PURE__ */ t(e, {}) : null })
-      ]
-    }
-  );
-}, F = f(k), V = ({
-  customDetailsChart: i,
-  ChartComponent: e
-}) => {
-  const { institutions: c } = C(), { selectedAccount: n } = _(), { accounts: o } = O(), { firstSubtitle: d, firstValue: u, hasAvailableBalance: m, secondSubtitle: h, secondValue: b } = R(n, o), A = c.find(
-    (I) => I.guid === n?.institution_guid
-  ), S = [
-    ...M,
-    ...U,
-    ...Y
-  ].includes(n.account_type), g = j(n), { title: y, description: E } = B(n.account_type, o);
-  return /* @__PURE__ */ a(s, { bgcolor: "background.default", p: 24, children: [
-    /* @__PURE__ */ a(s, { gap: 12, children: [
-      /* @__PURE__ */ t(
-        x,
-        {
-          alt: o.institution_logo_alt,
-          institutionGuid: n.institution_guid || "",
-          size: 64
-        }
-      ),
-      /* @__PURE__ */ t(l, { variant: "Small", children: A?.name })
-    ] }),
-    /* @__PURE__ */ a(s, { gap: 8, mb: 24, mt: 4, children: [
-      /* @__PURE__ */ t(D, { children: g }),
-      /* @__PURE__ */ a(s, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(l, { bold: m, variant: "Body", children: d }),
-        /* @__PURE__ */ t(l, { bold: !0, variant: "Body", children: z(u, "0,0.00") })
-      ] }),
-      /* @__PURE__ */ a(s, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(l, { variant: "Small", children: h }),
-        /* @__PURE__ */ t(l, { variant: "Small", children: b })
-      ] })
-    ] }),
-    S && /* @__PURE__ */ t(s, { "aria-label": E, role: "img", children: i || /* @__PURE__ */ t(F, { ChartComponent: e, header: y }) })
-  ] });
-}, at = f(V);
-export {
-  at as A,
-  _ as u
-};

package/dist/AccountFields-BRRH37K1.mjs

@@ -1,140 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Text as y, Icon as p } from "@mxenabled/mxui";
-import { A as d, a as v, P as h, b as F } from "./Account-CMjOp7S2.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-CuE8aSZN.mjs";
-import { F as m } from "./GlobalAccountFilter-BpWlPAl5.mjs";
-import { f as _, i as b, a as N, b as S } from "./NumberFormatting-DjTD0t3W.mjs";
-import { b as i } from "./Localization-2MODESHW.mjs";
-import { f as o, D as f } from "./Dialog-CWymUiuO.mjs";
-const x = (l, e) => {
-  const r = [
-    {
-      event: "account_details_click_account_name",
-      label: e.account_name,
-      name: "user_name",
-      placeholder: i(e.enter_value, e.account_name),
-      type: m.Input,
-      validation: (a) => a ? "" : i(e.field_is_required, e.account_name),
-      valueFormatter: (a) => a
-    }
-  ];
-  if (T(l)) {
-    r.unshift({
-      label: e.account_balance,
-      name: "balance",
-      placeholder: i(e.enter_value, e.account_balance),
-      type: m.Currency,
-      valueFormatter: (t) => _(t, "0,0.00")
-    });
-    const a = Object.keys(d).filter((t) => Number(t)).map((t) => ({
-      label: e.account_types[t],
-      value: Number(t),
-      icon: /* @__PURE__ */ u(p, { name: v[t] })
-    }));
-    r.push({
-      label: e.account_type,
-      name: "account_type",
-      options: a,
-      placeholder: i(e.select_value, e.account_type),
-      type: m.Select,
-      valueFormatter: (t) => a.find((n) => n.value === t)?.label
-    });
-  }
-  if (l.account_type === d.PROPERTY) {
-    const a = Object.keys(h).filter((t) => Number(t)).map((t) => ({
-      label: e.property_types[t],
-      value: Number(t),
-      icon: /* @__PURE__ */ u(p, { name: F[t] })
-    }));
-    r.push({
-      label: e.property_type,
-      name: "property_type",
-      options: a,
-      placeholder: i(e.select_value, e.property_type),
-      type: m.Select,
-      valueFormatter: (t) => a.find((n) => n.value === t)?.label
-    });
-  }
-  if (D(l)) {
-    let a = e.interest_rate, t = "interest_rate";
-    l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), r.push({
-      event: "account_details_click_interest_rate",
-      label: a,
-      name: t,
-      placeholder: i(e.enter_value, a),
-      type: m.Input,
-      validation: (n) => b(n) ? "" : e.error_amount_is_invalid,
-      valueFormatter: (n) => b(n) ? N(n / 100) : n
-    });
-  }
-  return A(l) && (r.push({
-    label: e.minimum_payment,
-    name: "minimum_payment",
-    placeholder: i(e.enter_value, e.minimum_payment),
-    type: m.Currency,
-    valueFormatter: (a) => _(a, "0,0.00")
-  }), l.payment_due_at ? r.push({
-    label: e.next_payment,
-    name: "payment_due_at",
-    type: m.Date,
-    valueFormatter: (a) => {
-      const t = typeof a == "number" ? new Date(a * 1e3) : a;
-      return o(t, f.MED_MONTH_SHORT_DAY_FULL_YEAR);
-    }
-  }) : r.push({
-    label: e.day_payment_due,
-    name: "day_payment_is_due",
-    placeholder: i(e.enter_value, e.day_payment_due),
-    type: m.Date,
-    valueFormatter: (a) => i(
-      e.day_of_every_month,
-      S(a <= 31 ? a : new Date(a).getDate())
-    )
-  })), g(l) && r.push({
-    label: e.credit_limit,
-    name: "credit_limit",
-    placeholder: i(e.enter_value, e.credit_limit),
-    type: m.Currency,
-    valueFormatter: (a) => _(a, "0,0.00")
-  }), O(l) && r.push({
-    label: e.original_balance,
-    minAmount: 1,
-    name: "original_balance",
-    placeholder: i(e.enter_value, e.original_balance),
-    type: m.Currency,
-    valueFormatter: (a) => _(a, "0,0.00")
-  }), r;
-}, C = (l, e) => {
-  let r = "", a = null, t = null, n = null, s = !1;
-  switch (l.account_type) {
-    case 1:
-    case 2: {
-      l.available_balance ? (r = e.available_balance, a = l.available_balance, t = l.available_balance ? e.current_balance : null, n = _(l.balance, "0,0.00"), s = !0) : (r = e.current_balance, a = l.balance);
-      break;
-    }
-    default:
-      if (r = e.current_balance, a = l.balance, l.minimum_payment && l.payment_due_at) {
-        const c = typeof l.payment_due_at == "number" ? new Date(l.payment_due_at * 1e3) : l.payment_due_at;
-        t = /* @__PURE__ */ u(y, { component: "strong", variant: "XSmall", children: i(
-          e.payment_due_on,
-          _(l.minimum_payment, "0,0.00"),
-          o(c, f.FULL_MONTH_DAY)
-        ) });
-      } else l.credit_limit && (t = e.available_credit, n = _(l.credit_limit - (l?.balance ?? 0), "0,0.00"));
-  }
-  return {
-    firstSubtitle: r,
-    firstValue: a,
-    secondSubtitle: t,
-    secondValue: n,
-    hasAvailableBalance: s
-  };
-}, B = (l, e) => l.reduce((a, t) => {
-  const s = C(t, e).firstValue || 0;
-  return a + s;
-}, 0);
-export {
-  x as a,
-  B as b,
-  C as g
-};