@mx-cartographer/experiences 9.5.0 → 9.5.2

package/dist/recurringtransactions/components/shared/recurringsettings/SelectTransaction.es.js

@@ -1,15 +1,14 @@
-import { useGlobalCopyStore as l } from "../../../../common/context/hooks.es.js";
-import { isEligibleRepeatingTransaction as m } from "../../../../core/utils/RecurringTransactionsUtil.es.js";
-import p from "../../../../common/components/SearchBox.es.js";
-import { useTransactionsUiStore as f } from "../../../../transactions/context/hooks.es.js";
-import h from "../../../../transactions/components/shared/TransactionList.es.js";
+import { useGlobalCopyStore as m } from "../../../../common/context/hooks.es.js";
+import h from "../../../../common/components/SearchBox.es.js";
+import { useTransactionsUiStore as p } from "../../../../transactions/context/hooks.es.js";
+import f from "../../../../transactions/components/shared/TransactionList.es.js";
 import { observer as _ } from "mobx-react-lite";
 import u from "@mui/material/Stack";
 import { P as d } from "@mxenabled/mxui";
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-var V = _(({ bgcolor: e = "background.default", description: o, onSearch: i, onSelected: c }) => {
-  const { recurring: r } = l(), { searchValue: s, setSearchValue: n } = f();
-  return /* @__PURE__ */ g(u, {
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+var y = _(({ bgcolor: e = "background.default", description: o, eligibilityFilter: c, onSearch: s, onSelected: i }) => {
+  const { recurring: r } = m(), { searchValue: n, setSearchValue: l } = p();
+  return /* @__PURE__ */ x(u, {
     sx: {
       bgcolor: e,
       gap: 16,
@@ -20,27 +19,27 @@ var V = _(({ bgcolor: e = "background.default", description: o, onSearch: i, onS
         sx: { mx: 24 },
         children: o
       }),
-      /* @__PURE__ */ a(p, {
+      /* @__PURE__ */ a(h, {
         ariaLabel: r.select_transaction_search_aria,
         cancelAriaLabel: r.select_transaction_search_cancel_aria,
         onChange: (t) => {
-          n(t), i(t);
+          l(t), s(t);
         },
         placeholder: r.select_transaction_search_placeholder,
-        searchValue: s
+        searchValue: n
       }),
-      /* @__PURE__ */ a(h, {
+      /* @__PURE__ */ a(f, {
         bgcolor: e,
-        filter: m,
+        filter: c,
         height: "auto",
-        onClick: c,
+        onClick: i,
         showLoader: !1
       })
     ]
   });
 });
 export {
-  V as SelectTransaction
+  y as SelectTransaction
 };
 
 //# sourceMappingURL=SelectTransaction.es.js.map

package/dist/recurringtransactions/components/shared/recurringsettings/SelectTransaction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTransaction.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/SelectTransaction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SearchBox, useGlobalCopyStore } from '../../../../common'\nimport { isEligibleRepeatingTransaction } from '../../../../core/utils/RecurringTransactionsUtil'\nimport { TransactionList, useTransactionsUiStore } from '../../../../transactions'\n\ninterface SelectTransactionProps {\n  bgcolor?: string\n  description?: string\n  onSearch: (value: string) => void\n  onSelected: (guid: string) => void\n}\n\nexport const SelectTransaction = observer(\n  ({\n    bgcolor = 'background.default',\n    description,\n    onSearch,\n    onSelected,\n  }: SelectTransactionProps) => {\n    const { recurring: recurringCopy } = useGlobalCopyStore()\n    const { searchValue, setSearchValue } = useTransactionsUiStore()\n\n    return (\n      <Stack sx={{ bgcolor, gap: 16, pt: 8 }}>\n        {description && <P sx={{ mx: 24 }}>{description}</P>}\n        <SearchBox\n          ariaLabel={recurringCopy.select_transaction_search_aria}\n          cancelAriaLabel={recurringCopy.select_transaction_search_cancel_aria}\n          onChange={(value) => {\n            setSearchValue(value)\n            onSearch(value)\n          }}\n          placeholder={recurringCopy.select_transaction_search_placeholder}\n          searchValue={searchValue}\n        />\n        <TransactionList\n          bgcolor={bgcolor}\n          filter={isEligibleRepeatingTransaction}\n          height=\"auto\"\n          onClick={onSelected}\n          showLoader={false}\n        />\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;AAiBA,IAAa,IAAoB,EAAA,CAC9B,EACC,SAAA,IAAU,sBACV,aAAA,GACA,UAAA,GACA,YAAA,EAAA,MAC4B;AAC5B,QAAM,EAAE,WAAW,EAAA,IAAkB,EAAmB,GAClD,EAAE,aAAA,GAAa,gBAAA,EAAA,IAAmB,EAAuB;AAE/D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,SAAA;AAAA,MAAS,KAAK;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,IAArC,UAAA;AAAA,MACG,KAAe,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAI,UAAA;AAAA,MAAe,CAAA;AAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,EAAc;AAAA,QACzB,iBAAiB,EAAc;AAAA,QAC/B,UAAA,CAAW,MAAU;AACnB,UAAA,EAAe,CAAK,GACpB,EAAS,CAAK;AAAA,QAChB;AAAA,QACA,aAAa,EAAc;AAAA,QACd,aAAA;AAAA,MACd,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACW,SAAA;AAAA,QACT,QAAQ;AAAA,QACR,QAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,MACb,CAAA;AAAA,IACI;AAAA;AAEX,CACF"}
+{"version":3,"file":"SelectTransaction.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/recurringsettings/SelectTransaction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SearchBox, useGlobalCopyStore } from '../../../../common'\nimport { type Transaction } from '../../../../core'\nimport { TransactionList, useTransactionsUiStore } from '../../../../transactions'\n\ninterface SelectTransactionProps {\n  bgcolor?: string\n  description?: string\n  /**\n   * Restricts the selectable transactions. Create flows pass the Sherlock-aligned eligibility\n   * filter; flows that may select any transaction (Mark as Paid) omit it.\n   */\n  eligibilityFilter?: (transaction: Transaction) => boolean\n  onSearch: (value: string) => void\n  onSelected: (guid: string) => void\n}\n\nexport const SelectTransaction = observer(\n  ({\n    bgcolor = 'background.default',\n    description,\n    eligibilityFilter,\n    onSearch,\n    onSelected,\n  }: SelectTransactionProps) => {\n    const { recurring: recurringCopy } = useGlobalCopyStore()\n    const { searchValue, setSearchValue } = useTransactionsUiStore()\n\n    return (\n      <Stack sx={{ bgcolor, gap: 16, pt: 8 }}>\n        {description && <P sx={{ mx: 24 }}>{description}</P>}\n        <SearchBox\n          ariaLabel={recurringCopy.select_transaction_search_aria}\n          cancelAriaLabel={recurringCopy.select_transaction_search_cancel_aria}\n          onChange={(value) => {\n            setSearchValue(value)\n            onSearch(value)\n          }}\n          placeholder={recurringCopy.select_transaction_search_placeholder}\n          searchValue={searchValue}\n        />\n        <TransactionList\n          bgcolor={bgcolor}\n          filter={eligibilityFilter}\n          height=\"auto\"\n          onClick={onSelected}\n          showLoader={false}\n        />\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAsBA,IAAa,IAAoB,EAAA,CAC9B,EACC,SAAA,IAAU,sBACV,aAAA,GACA,mBAAA,GACA,UAAA,GACA,YAAA,EAAA,MAC4B;AAC5B,QAAM,EAAE,WAAW,EAAA,IAAkB,EAAmB,GAClD,EAAE,aAAA,GAAa,gBAAA,EAAA,IAAmB,EAAuB;AAE/D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,SAAA;AAAA,MAAS,KAAK;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,IAArC,UAAA;AAAA,MACG,KAAe,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAI,UAAA;AAAA,MAAe,CAAA;AAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,EAAc;AAAA,QACzB,iBAAiB,EAAc;AAAA,QAC/B,UAAA,CAAW,MAAU;AACnB,UAAA,EAAe,CAAK,GACpB,EAAS,CAAK;AAAA,QAChB;AAAA,QACA,aAAa,EAAc;AAAA,QACd,aAAA;AAAA,MACd,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACW,SAAA;AAAA,QACT,QAAQ;AAAA,QACR,QAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,MACb,CAAA;AAAA,IACI;AAAA;AAEX,CACF"}

package/dist/settings/components/devices/DeviceList.es.js

@@ -6,8 +6,8 @@ import { Icon as l, Text as t } from "@mxenabled/mxui";
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { useTheme as g } from "@mui/material/styles";
 import _ from "@mui/material/Box";
-import c from "@mui/material/IconButton";
 import { fromUnixTime as C } from "date-fns/fromUnixTime";
+import c from "@mui/material/IconButton";
 import k from "@mui/material/Accordion";
 import w from "@mui/material/AccordionDetails";
 import v from "@mui/material/AccordionSummary";

package/dist/settings/components/devices/DeviceTable.es.js

@@ -7,8 +7,8 @@ import { Icon as n, Text as d } from "@mxenabled/mxui";
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
 import { alpha as y, useTheme as C } from "@mui/material/styles";
 import m from "@mui/material/Box";
-import c from "@mui/material/IconButton";
 import { fromUnixTime as g } from "date-fns/fromUnixTime";
+import c from "@mui/material/IconButton";
 import { DataGridPro as v } from "@mui/x-data-grid-pro";
 import { formatDistanceToNow as I } from "date-fns/formatDistanceToNow";
 var F = ({ devices: l, onClickDeviceEdit: s, onClickDeviceDelete: u }) => {

package/dist/settings/components/notifications/AccountProfileListItem.es.js

@@ -1,8 +1,8 @@
 import { buildDynamicCopy as D } from "../../../core/utils/Localization.es.js";
 import { useAccountStore as A, useGlobalCopyStore as C } from "../../../common/context/hooks.es.js";
-import x from "../../../common/components/dialog/Dialog.es.js";
-import { AccountNotificationTypes as P } from "../../../core/types/Notification.es.js";
-import { formatCurrency as T, formatOrdinal as v } from "../../../core/utils/NumberFormatting.es.js";
+import { AccountNotificationTypes as x } from "../../../core/types/Notification.es.js";
+import { formatCurrency as P, formatOrdinal as T } from "../../../core/utils/NumberFormatting.es.js";
+import v from "../../../common/components/dialog/Dialog.es.js";
 import I from "../../../common/components/CurrencyInput.es.js";
 import { ToggleButtonListItem as w } from "../../../common/components/listitems/ToggleButtonListItem.es.js";
 import i from "react";
@@ -17,7 +17,7 @@ import { AdapterDateFns as N } from "@mui/x-date-pickers/AdapterDateFns";
 import { DateCalendar as j } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as z } from "@mui/x-date-pickers/LocalizationProvider";
 var et = S(({ onProfileUpdated: r, profile: t }) => {
-  const { common: m, recurring: d, settings: e } = C(), { updateAccount: y } = A(), n = t.notification_type === P.DebtPaymentReminder, [_, c] = i.useState(!1), [s, l] = i.useState(t.threshold || 0), [u, p] = i.useState(t.account?.day_payment_is_due || 0), h = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? D(e.notification_debt_payment_date, v(t.account?.day_payment_is_due)) : e.notification_debt_payment_zero_state, f = n ? b : T(t.threshold ?? 0, "0,0"), g = async () => {
+  const { common: m, recurring: d, settings: e } = C(), { updateAccount: y } = A(), n = t.notification_type === x.DebtPaymentReminder, [_, c] = i.useState(!1), [s, l] = i.useState(t.threshold || 0), [u, p] = i.useState(t.account?.day_payment_is_due || 0), h = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? D(e.notification_debt_payment_date, T(t.account?.day_payment_is_due)) : e.notification_debt_payment_zero_state, f = n ? b : P(t.threshold ?? 0, "0,0"), g = async () => {
     n && t.account ? await y({
       ...t.account,
       day_payment_is_due: u
@@ -42,7 +42,7 @@ var et = S(({ onProfileUpdated: r, profile: t }) => {
     }),
     primaryText: h,
     secondaryText: t.is_enabled ? f : e.notification_disabled
-  }), /* @__PURE__ */ o(x, {
+  }), /* @__PURE__ */ o(v, {
     copy: {
       title: n ? d.day_of_the_month : e.notification_threshold_label,
       close_aria: m.close_aria

package/dist/settings/components/notifications/NotificationSettings.es.js

@@ -1,8 +1,8 @@
 import { useAccountStore as O, useAppConfig as j, useGlobalCopyStore as w, useGlobalUiStore as G, useSettingsStore as M } from "../../../common/context/hooks.es.js";
 import { useInsightsEnabled as R } from "../../../common/hooks/useInsightsEnabled.es.js";
+import { NotificationTypes as i } from "../../../core/types/Notification.es.js";
 import { useWidgetLoadTimer as T } from "../../../common/hooks/useWidgetLoadTimer.es.js";
 import W from "../../../common/components/drawer/Drawer.es.js";
-import { NotificationTypes as i } from "../../../core/types/Notification.es.js";
 import $ from "../../../common/components/Loader.es.js";
 import { AccountNotificationProfiles as y } from "./AccountNotificationProfiles.es.js";
 import { BudgetNotificationProfiles as I } from "./BudgetNotificationProfiles.es.js";

package/dist/spending/components/SpendingDonut.es.js

@@ -2,8 +2,8 @@ import { CategoryGuids as j } from "../../core/constants/Category.es.js";
 import k from "../../common/components/charts/Donut.es.js";
 import { useGlobalCopyStore as G } from "../../common/context/hooks.es.js";
 import { useScreenSize as I } from "../../common/hooks/useScreenSize.es.js";
-import { useAriaLive as V } from "../../common/hooks/useAriaLive.es.js";
 import { formatCurrency as c } from "../../core/utils/NumberFormatting.es.js";
+import { useAriaLive as V } from "../../common/hooks/useAriaLive.es.js";
 import h from "react";
 import { observer as W } from "mobx-react-lite";
 import s from "@mui/material/Stack";

package/dist/transactions/components/shared/TransactionDetails.es.js

@@ -1,11 +1,11 @@
 import { buildDynamicCopy as U } from "../../../core/utils/Localization.es.js";
 import { DATE_FORMATS_INTL as de, formatDate as me } from "../../../core/constants/DateFormats.es.js";
 import { useAppConfig as ce, useCategoryStore as ue, useEvent as pe, useGlobalCopyStore as ge, useGlobalUiStore as fe, useTransactionStore as he, useUserStore as _e } from "../../../common/context/hooks.es.js";
-import { ANALYTICS_EVENTS as Te } from "../../../common/constants/Analytics.es.js";
-import { TransactionType as ye } from "../../../core/types/Transaction.es.js";
-import { isFeatureEnabled as Ce } from "../../../core/utils/UserUtils.es.js";
+import { TransactionType as Te } from "../../../core/types/Transaction.es.js";
+import { fromUnixUTC as ye } from "../../../core/utils/DateUtil.es.js";
 import { formatCurrency as V } from "../../../core/utils/NumberFormatting.es.js";
-import { fromUnixUTC as Se } from "../../../core/utils/DateUtil.es.js";
+import { ANALYTICS_EVENTS as Ce } from "../../../common/constants/Analytics.es.js";
+import { isFeatureEnabled as Se } from "../../../core/utils/UserUtils.es.js";
 import { isTransferTransaction as be } from "../../../core/utils/TransactionUtils.es.js";
 import De from "../../../common/components/Loader.es.js";
 import { BottomActions as m, DEFAULT_BOTTOM_ACTIONS as Ae, DEFAULT_TOP_ACTIONS as ve, TopActions as f } from "../../constants/Actions.es.js";
@@ -45,10 +45,10 @@ import q from "@mui/material/List";
 import Qe from "@mui/material/Alert";
 import Ze from "@mui/material/Snackbar";
 var et = ({ bottomActions: _ = Ae, canFlagTransaction: K = !0, topActions: v = ve, transaction: e, shouldShowEmbeddedCard: I = !0, onContactSupport: x }) => {
-  const { onEvent: X } = pe(), { config: Y } = ce(), { isCopyLoaded: $ } = fe(), { userFeatures: J } = _e(), { accounts: Q, common: Z, insights_feed: l } = ge(), { detailedCategories: L } = ue(), { alert: w, associatedBeats: E, detailedTransactions: M, cachedStartDate: O, loadEmbeddedInstanceTransactions: ee, setAlert: B } = he(), [te, N] = n.useState(!1), [k, F] = n.useState(!1), [oe, re] = n.useState(!1), ie = $e(), ae = e?.number && e.number.length > 4, P = e?.transaction_type === ye.CREDIT, R = be(e) && !!e.institutionName, a = n.useMemo(() => E.find((o) => o.associated_transaction_guid === e.guid), [E, e]), T = I ? Ie(a) : "legacy", y = T === "v2" ? a?.insights_payload : void 0, r = I && T === "legacy" ? ze(Z, a) : null, ne = (o) => {
+  const { onEvent: X } = pe(), { config: Y } = ce(), { isCopyLoaded: $ } = fe(), { userFeatures: J } = _e(), { accounts: Q, common: Z, insights_feed: l } = ge(), { detailedCategories: L } = ue(), { alert: w, associatedBeats: E, detailedTransactions: M, cachedStartDate: O, loadEmbeddedInstanceTransactions: ee, setAlert: B } = he(), [te, N] = n.useState(!1), [k, F] = n.useState(!1), [oe, re] = n.useState(!1), ie = $e(), ae = e?.number && e.number.length > 4, P = e?.transaction_type === Te.CREDIT, R = be(e) && !!e.institutionName, a = n.useMemo(() => E.find((o) => o.associated_transaction_guid === e.guid), [E, e]), T = I ? Ie(a) : "legacy", y = T === "v2" ? a?.insights_payload : void 0, r = I && T === "legacy" ? ze(Z, a) : null, ne = (o) => {
     o.block === Ee.CONTACT_SUPPORT_ACTION_BLOCK && x?.();
   }, [d, C] = n.useState(r ? r.dataSeries.length - 1 : 0);
-  n.useEffect(() => X(Te.TRANSACTION_DETAILS_VIEW, { transaction_guid: e.guid }), []), n.useEffect(() => {
+  n.useEffect(() => X(Ce.TRANSACTION_DETAILS_VIEW, { transaction_guid: e.guid }), []), n.useEffect(() => {
     if (!r || r.dataSeries.length === 0) return;
     const { date: o } = r.dataSeries[d], i = j(o);
     Ye(i, O) && (F(!0), ee(i).finally(() => {
@@ -74,7 +74,7 @@ var et = ({ bottomActions: _ = Ae, canFlagTransaction: K = !0, topActions: v = v
     if (!r?.dataSeries?.length) return [];
     const { guid: o, date: i } = r.dataSeries[d], u = j(i), p = Xe(i);
     return M.filter((g) => {
-      const G = Se(g.date);
+      const G = ye(g.date);
       return G >= u && G <= p && g.guid === o;
     });
   }, [
@@ -84,7 +84,7 @@ var et = ({ bottomActions: _ = Ae, canFlagTransaction: K = !0, topActions: v = v
     k
   ]);
   if (!$) return /* @__PURE__ */ t(De, {});
-  const c = Ce(J, "MX_TXN_DETAILS_VIEW_ONLY"), le = ie.palette.mode === "dark" ? "grey.800" : "grey.100";
+  const c = Se(J, "MX_TXN_DETAILS_VIEW_ONLY"), le = ie.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ s(Je, {
     className: "mx-txn-transaction-details",
     width: "100%",

package/dist/transactions/components/shared/TransactionList.es.js

@@ -1,6 +1,6 @@
 import { useEvent as z, useTransactionStore as N } from "../../../common/context/hooks.es.js";
-import { ANALYTICS_EVENTS as O } from "../../../common/constants/Analytics.es.js";
-import { fromUnixUTCToDayOfWeekAndDate as H } from "../../../core/utils/DateUtil.es.js";
+import { fromUnixUTCToDayOfWeekAndDate as O } from "../../../core/utils/DateUtil.es.js";
+import { ANALYTICS_EVENTS as H } from "../../../common/constants/Analytics.es.js";
 import U from "../../../common/components/Loader.es.js";
 import k from "../../../common/components/ZeroState.es.js";
 import { useTransactionsUiStore as W } from "../../context/hooks.es.js";
@@ -31,7 +31,7 @@ var _ = 65, v = 32, M = ({ bgcolor: x, filter: s, height: E = "calc(100dvh - 36p
       b(r.guid);
       return;
     }
-    D(O.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+    D(H.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: r?.account_guid,
       transaction_guid: t
     }), f?.(t);
@@ -73,7 +73,7 @@ var _ = 65, v = 32, M = ({ bgcolor: x, filter: s, height: E = "calc(100dvh - 36p
               children: [
                 a && /* @__PURE__ */ o(w, {
                   bgcolor: x,
-                  children: H(r.date)
+                  children: O(r.date)
                 }),
                 /* @__PURE__ */ o(j, {
                   component: "div",

package/dist/transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction.es.js

@@ -1,7 +1,7 @@
 import { buildDynamicCopy as n } from "../../../../../core/utils/Localization.es.js";
 import { useAccountStore as N, useBudgetsStore as z, useGlobalCopyStore as H, useTransactionStore as V } from "../../../../../common/context/hooks.es.js";
-import { useAriaLive as W } from "../../../../../common/hooks/useAriaLive.es.js";
 import { formatCurrency as B } from "../../../../../core/utils/NumberFormatting.es.js";
+import { useAriaLive as W } from "../../../../../common/hooks/useAriaLive.es.js";
 import q from "../../../../../common/components/CurrencyDialog.es.js";
 import J from "../../../../../budgets/components/MerchantBudgetDetailsDrawer.es.js";
 import s from "react";

package/dist/transactions/components/shared/transactiondetails/actions/DateAction.es.js

@@ -1,8 +1,8 @@
 import { DATE_FORMATS_INTL as A, formatDate as C } from "../../../../../core/constants/DateFormats.es.js";
 import { useEvent as S, useGlobalCopyStore as I, useTransactionStore as v } from "../../../../../common/context/hooks.es.js";
-import L from "../../../../../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as g } from "../../../../../common/constants/Analytics.es.js";
-import { fromUnixUTC as s, toUnixUTC as N } from "../../../../../core/utils/DateUtil.es.js";
+import { fromUnixUTC as s, toUnixUTC as L } from "../../../../../core/utils/DateUtil.es.js";
+import g from "../../../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as N } from "../../../../../common/constants/Analytics.es.js";
 import { useTransactionsUiStore as b } from "../../../../context/hooks.es.js";
 import { ON_CLICK_EVENTS as D } from "../../../../constants/OnClickEvents.es.js";
 import c from "react";
@@ -22,7 +22,7 @@ import { LocalizationProvider as K } from "@mui/x-date-pickers/LocalizationProvi
 import { StaticDatePicker as Y } from "@mui/x-date-pickers/StaticDatePicker";
 var dt = ({ transaction: e }) => {
   const { onEvent: n } = S(), { updateTransaction: p } = v(), { updateManualTransaction: f } = b(), { common: o, transactions: r } = I(), _ = k(), [u, a] = c.useState(!1), [i, T] = c.useState(e.date), x = (m) => {
-    m && T(N(m));
+    m && T(L(m));
   }, y = async () => {
     if (e.is_manual && !e.guid) {
       f({
@@ -34,7 +34,7 @@ var dt = ({ transaction: e }) => {
     await p({
       ...e,
       date: i
-    }), n(g.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), a(!1);
+    }), n(N.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), a(!1);
   }, h = _.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ l(P, {
     className: "mx-txn-date-action",
@@ -72,7 +72,7 @@ var dt = ({ transaction: e }) => {
           sx: { color: "text.primary" }
         }) })
       ]
-    }), /* @__PURE__ */ t(L, {
+    }), /* @__PURE__ */ t(g, {
       ariaLabelClose: o.close_aria,
       isOpen: u,
       onClose: () => a(!1),

package/dist/transactions/components/splitmanager/SplitManager.es.js

@@ -1,7 +1,7 @@
 import { buildDynamicCopy as S } from "../../../core/utils/Localization.es.js";
 import { useEvent as g, useGlobalCopyStore as v } from "../../../common/context/hooks.es.js";
-import { useAriaLive as h } from "../../../common/hooks/useAriaLive.es.js";
-import { formatCurrency as x } from "../../../core/utils/NumberFormatting.es.js";
+import { formatCurrency as h } from "../../../core/utils/NumberFormatting.es.js";
+import { useAriaLive as x } from "../../../common/hooks/useAriaLive.es.js";
 import { ON_CLICK_EVENTS as y } from "../../constants/OnClickEvents.es.js";
 import E from "./SplitRow.es.js";
 import s from "react";
@@ -13,12 +13,12 @@ import { Cancel as D } from "@mxenabled/mx-icons";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import p from "@mui/material/Box";
 var I = ({ onAddSplit: c, onCategoryChanged: _, onDeleteSplit: f, onUpdateAmount: u, splits: t, transaction: d }) => {
-  const { transactions: o } = v(), { onEvent: C } = g(), [n, e] = s.useState(""), { announce: i, ariaLive: b } = h();
+  const { transactions: o } = v(), { onEvent: C } = g(), [n, e] = s.useState(""), { announce: i, ariaLive: b } = x();
   return s.useEffect(() => {
     if (t.length <= 1)
       e(o.split_transaction_errors_min_splits), i(o.split_transaction_errors_min_splits);
     else if (t[0].amount < 0) {
-      const a = S(o.split_transaction_errors_totals_must_equal_amount, x(d.amount, "0,0.00"));
+      const a = S(o.split_transaction_errors_totals_must_equal_amount, h(d.amount, "0,0.00"));
       e(a), i(a);
     } else
       e(""), i("");

package/dist/transactions/utils/Transactions.es.js

@@ -1,6 +1,6 @@
 import { DATE_FORMATS_INTL as n, formatDate as f } from "../../core/constants/DateFormats.es.js";
-import { formatCurrency as u } from "../../core/utils/NumberFormatting.es.js";
 import { fromUnixUTC as m } from "../../core/utils/DateUtil.es.js";
+import { formatCurrency as u } from "../../core/utils/NumberFormatting.es.js";
 import { isSameDay as o } from "date-fns/isSameDay";
 var c = (r, e) => {
   if (r === 0) return !0;

package/dist/trends/components/CategoriesListItem.es.js

@@ -1,7 +1,7 @@
 import { useEvent as C, useGlobalCopyStore as T, useTrendsStore as I } from "../../common/context/hooks.es.js";
-import { ANALYTICS_EVENTS as v } from "../../common/constants/Analytics.es.js";
+import { formatCurrency as v } from "../../core/utils/NumberFormatting.es.js";
+import { ANALYTICS_EVENTS as S } from "../../common/constants/Analytics.es.js";
 import { getCategoryColor as a } from "../../core/utils/CategoryUtil.es.js";
-import { formatCurrency as S } from "../../core/utils/NumberFormatting.es.js";
 import { ListItemRow as g } from "../../common/components/ListItemRow.es.js";
 import { TRENDS_ANALYTICS_METADATA as x } from "../constants/TrendsWidget.es.js";
 import u from "react";
@@ -14,7 +14,7 @@ import _ from "@mui/material/Divider";
 import N from "@mui/material/Skeleton";
 var H = E(({ totalAmount: c, guid: t, name: m, transactions: i, onClick: r, isLastItem: l = !1, showDivider: p = !0 }) => {
   const { trends: n } = T(), { onEvent: f } = C(), s = R(), { isSelectedRangeLoaded: e } = I(), d = `${i.length} ${i.length === 1 ? n.transaction : n.transactions}`, h = () => {
-    r?.(), f(v.TRENDS_CLICK_LIST_ITEM, {
+    r?.(), f(S.TRENDS_CLICK_LIST_ITEM, {
       ...x,
       listItem: m
     });
@@ -29,7 +29,7 @@ var H = E(({ totalAmount: c, guid: t, name: m, transactions: i, onClick: r, isLa
       }
     }) : void 0,
     onClick: e && r ? h : void 0,
-    rightContent: S(Math.abs(c), "0,0.00"),
+    rightContent: v(Math.abs(c), "0,0.00"),
     rightIcon: e && r ? /* @__PURE__ */ o(A, {}) : void 0,
     subtitle: e ? d : /* @__PURE__ */ o(N, {
       "data-testid": "transaction-count-skeleton",

package/dist/trends/components/CategoryDetails.es.js

@@ -1,8 +1,8 @@
 import { useAppConfig as I, useGlobalCopyStore as A, useTransactionStore as G, useTrendsStore as R } from "../../common/context/hooks.es.js";
 import { useScreenSize as j } from "../../common/hooks/useScreenSize.es.js";
-import k from "../../common/components/drawer/Drawer.es.js";
-import { getCategoryColor as z } from "../../core/utils/CategoryUtil.es.js";
-import { formatCurrency as M } from "../../core/utils/NumberFormatting.es.js";
+import { formatCurrency as k } from "../../core/utils/NumberFormatting.es.js";
+import z from "../../common/components/drawer/Drawer.es.js";
+import { getCategoryColor as M } from "../../core/utils/CategoryUtil.es.js";
 import $ from "../../transactions/components/transactionwidget/actions/ExportCsvAction.es.js";
 import B from "../../transactions/components/shared/TransactionList.es.js";
 import E from "../../transactions/components/shared/TransactionDetails.es.js";
@@ -20,7 +20,7 @@ import K from "@mui/material/ListItemText";
 var dt = O(() => {
   const h = W(), { is_mobile_webview: u } = I(), { isDesktop: g, isSmallTablet: y, isTablet: b } = j(), { common: C, trends: o } = A(), { selectedCategoryData: e, selectedDateRangeMonthRange: x } = R(), { sortedTransactions: a } = G(), [m, l] = d.useState(null);
   if (!e) return null;
-  const { guid: r, name: v, is_income: _, totalAmount: S } = e, T = z(r, h), L = _ ? o.income_label : o.spending_label, w = ` ${e.transactions.length === 1 ? o.transaction : o.transactions} (${e.transactions.length})`, s = d.useMemo(() => a.find((n) => n.guid === m), [m, a]), D = a.length > 0 && !u && (g || b && !y), p = (n) => n.category_guid === r || n.top_level_category_guid === r;
+  const { guid: r, name: v, is_income: _, totalAmount: S } = e, T = M(r, h), L = _ ? o.income_label : o.spending_label, w = ` ${e.transactions.length === 1 ? o.transaction : o.transactions} (${e.transactions.length})`, s = d.useMemo(() => a.find((n) => n.guid === m), [m, a]), D = a.length > 0 && !u && (g || b && !y), p = (n) => n.category_guid === r || n.top_level_category_guid === r;
   return /* @__PURE__ */ i(c, {
     sx: {
       alignItems: "center",
@@ -60,7 +60,7 @@ var dt = O(() => {
               /* @__PURE__ */ t(f, {
                 component: "div",
                 variant: "h3",
-                children: M(Math.abs(S), "0,0.00")
+                children: k(Math.abs(S), "0,0.00")
               })
             ] })
           }),
@@ -87,7 +87,7 @@ var dt = O(() => {
         height: "calc(100vh - 475px)",
         onClick: l
       }),
-      /* @__PURE__ */ t(k, {
+      /* @__PURE__ */ t(z, {
         ariaLabelClose: C.close_aria,
         isOpen: !!s,
         onClose: () => l(""),

package/dist/trends/components/TrendsChart.es.js

@@ -1,5 +1,5 @@
-import { useCategoryStore as g, useGlobalCopyStore as p } from "../../common/context/hooks.es.js";
 import { AccountType as c } from "../../core/types/Account.es.js";
+import { useCategoryStore as g, useGlobalCopyStore as p } from "../../common/context/hooks.es.js";
 import { INCOME_ACCOUNT_TYPES as u, PAYMENT_ACCOUNT_TYPES as m, SPENDING_ACCOUNT_TYPES as d } from "../../common/constants/Account.es.js";
 import { useAccountUiStore as A } from "../../accounts/hooks/useUiStore.es.js";
 import { LineChart as T } from "../../common/components/charts/LineChart.es.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.5.0",
+  "version": "9.5.2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -217,7 +217,7 @@
     "@mui/x-charts": "^8.29.2",
     "@mxenabled/cssinjs": "^0.6.0",
     "@mxenabled/mx-icons": "^2.3.0",
-    "@mxenabled/mxui": "^2.12.1",
+    "@mxenabled/mxui": "^2.12.2",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.14.9",
     "bowser": "^2.14.1",