@mx-cartographer/experiences 9.4.42 → 9.4.43

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

@@ -1,123 +1,131 @@
 import { CategoryGuids as i } from "../../core/constants/Category.es.js";
-import { useAppConfig as E, useCategoryStore as J, useGlobalCopyStore as K, useGlobalUiStore as P, useTransactionStore as Q } from "../../common/context/hooks.es.js";
-import O from "../../common/components/drawer/Drawer.es.js";
-import { exportTransactionsToCSV as X } from "../../core/utils/TransactionUtils.es.js";
-import Y from "../../transactions/components/shared/TransactionList.es.js";
-import Z from "../../transactions/components/shared/TransactionDetails.es.js";
-import { getIncomeData as tt, getSpendingData as et } from "../utils/SpendingData.es.js";
-import G from "./SpendingTabLabel.es.js";
-import N from "./SpendingChart.es.js";
+import { useAppConfig as O, useCategoryStore as K, useGlobalCopyStore as P, useGlobalUiStore as Q, useTransactionStore as X } from "../../common/context/hooks.es.js";
+import G from "../../common/components/drawer/Drawer.es.js";
+import { exportTransactionsToCSV as Y } from "../../core/utils/TransactionUtils.es.js";
+import Z from "../../transactions/components/shared/TransactionList.es.js";
+import tt from "../../transactions/components/shared/TransactionDetails.es.js";
+import { getIncomeData as et, getSpendingData as ot } from "../utils/SpendingData.es.js";
+import N from "./SpendingTabLabel.es.js";
+import R from "./SpendingChart.es.js";
 import s from "react";
-import { observer as ot } from "mobx-react-lite";
-import R from "@mui/material/Stack";
-import { Icon as at } from "@mxenabled/mxui";
-import nt from "@mui/material/Button";
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import rt from "@mui/material/Box";
-import k from "@mui/material/Tab";
-import st from "@mui/material/Tabs";
-import { useTheme as it } from "@mui/material";
-var ct = (n) => [
+import { observer as at } from "mobx-react-lite";
+import k from "@mui/material/Stack";
+import { Icon as nt } from "@mxenabled/mxui";
+import rt from "@mui/material/Button";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import st from "@mui/material/Box";
+import A from "@mui/material/Tab";
+import it from "@mui/material/Tabs";
+import { useTheme as ct } from "@mui/material";
+var lt = (n) => [
   n.palette.chartMono.chartMono5,
   n.palette.chartMono.chartMono4,
   n.palette.chartMono.chartMono3,
   n.palette.chartMono.chartMono2,
   n.palette.chartMono.chartMono1,
   n.palette.chartMono.chartMono6
-], lt = () => {
-  const n = it(), { is_mobile_webview: A } = E(), { clientConfig: b } = E(), { categories: c, dateRangeCategoryTotals: l } = J(), { goals: B, spending: r, transactions: V } = K(), { displayedDateRange: T, selectedAccountGuids: y } = P(), { setFilter: d, sortedTransactions: g, sortedTransactionsWithSplits: L, tags: j } = Q(), p = b?.master?.deep_link_params?.account_guids, F = b?.master?.deep_link_params?.view, [m, v] = s.useState(""), [u, W] = s.useState(F === "income" ? 1 : 0), [M, w] = s.useState(""), [z, _] = s.useState(!1), f = s.useMemo(() => et(c, B, n, l), [c, l]), I = s.useMemo(() => tt(c, l, ct(n)), [c, l]), h = s.useMemo(() => g.find((t) => t.guid === M), [M, g]), U = (t, a) => {
-    W(a), v("");
-  }, x = (t, a = !1) => {
-    a ? $(t) : v(m === t || t === "0" ? "" : t);
-  }, $ = (t) => {
-    d({
-      accounts: p || y,
-      dateRange: T,
-      custom: (a) => m === "other" ? a.top_level_category_guid === t : a.category_guid === t,
+], dt = () => {
+  const n = ct(), { is_mobile_webview: B } = O(), { clientConfig: T } = O(), { categories: c, dateRangeCategoryTotals: l } = K(), { categories: d, goals: V, spending: r, transactions: L } = P(), { displayedDateRange: y, selectedAccountGuids: v } = Q(), { setFilter: p, sortedTransactions: _, sortedTransactionsWithSplits: j, tags: F } = X(), m = T?.master?.deep_link_params?.account_guids, W = T?.master?.deep_link_params?.view, [u, M] = s.useState(""), [g, z] = s.useState(W === "income" ? 1 : 0), [w, I] = s.useState(""), [U, f] = s.useState(!1), h = s.useMemo(() => ot(c, V, d, n, l), [
+    c,
+    d,
+    l
+  ]), x = s.useMemo(() => et(c, d, l, lt(n)), [
+    c,
+    d,
+    l
+  ]), S = s.useMemo(() => _.find((t) => t.guid === w), [w, _]), $ = (t, a) => {
+    z(a), M("");
+  }, D = (t, a = !1) => {
+    a ? q(t) : M(u === t || t === "0" ? "" : t);
+  }, q = (t) => {
+    p({
+      accounts: m || v,
+      dateRange: y,
+      custom: (a) => u === "other" ? a.top_level_category_guid === t : a.category_guid === t,
       showSplits: !0
-    }), _(!0);
-  }, D = (t) => {
+    }), f(!0);
+  }, E = (t) => {
     const a = {
-      accounts: p || y,
-      dateRange: T
+      accounts: m || v,
+      dateRange: y
     };
-    if (u === 0) if (t === "other") {
-      const o = f.categoryData.find((S) => S.guid === "other");
-      d({
+    if (g === 0) if (t === "other") {
+      const o = h.categoryData.find((C) => C.guid === "other");
+      p({
         ...a,
-        custom: (S) => !!o?.categoryTotals?.find((H) => H.guid === S.top_level_category_guid)
+        custom: (C) => !!o?.categoryTotals?.find((J) => J.guid === C.top_level_category_guid)
       });
-    } else d({
+    } else p({
       ...a,
       custom: (o) => t ? o.top_level_category_guid === t : o.top_level_category_guid !== i.INCOME && o.category_guid !== i.INCOME && o.top_level_category_guid !== i.INVESTMENTS && o.top_level_category_guid !== i.TRANSFER,
       showSplits: !!t
     });
-    else d({
+    else p({
       ...a,
       custom: (o) => t ? o.category_guid === t : o.category_guid === i.INCOME || o.top_level_category_guid === i.INCOME
     });
-    _(!0);
-  }, q = () => {
-    X(L, j);
+    f(!0);
+  }, H = () => {
+    Y(j, F);
   };
-  return /* @__PURE__ */ C(rt, { children: [
-    /* @__PURE__ */ C(st, {
-      onChange: U,
-      value: u,
+  return /* @__PURE__ */ b(st, { children: [
+    /* @__PURE__ */ b(it, {
+      onChange: $,
+      value: g,
       variant: "fullWidth",
-      children: [/* @__PURE__ */ e(k, { label: /* @__PURE__ */ e(G, {
-        amount: f.totalAmount,
+      children: [/* @__PURE__ */ e(A, { label: /* @__PURE__ */ e(N, {
+        amount: h.totalAmount,
         label: r.spend_tab_title
-      }) }), /* @__PURE__ */ e(k, { label: /* @__PURE__ */ e(G, {
-        amount: I.totalAmount,
+      }) }), /* @__PURE__ */ e(A, { label: /* @__PURE__ */ e(N, {
+        amount: x.totalAmount,
         label: r.income_tab_title
       }) })]
     }),
-    u === 0 && /* @__PURE__ */ e(N, {
-      data: f,
-      onSelected: x,
-      onViewTransactions: D,
-      selectedId: m,
+    g === 0 && /* @__PURE__ */ e(R, {
+      data: h,
+      onSelected: D,
+      onViewTransactions: E,
+      selectedId: u,
       title: r.spend_tab_title
     }),
-    u === 1 && /* @__PURE__ */ e(N, {
-      data: I,
-      onSelected: x,
-      onViewTransactions: D,
-      selectedId: m,
+    g === 1 && /* @__PURE__ */ e(R, {
+      data: x,
+      onSelected: D,
+      onViewTransactions: E,
+      selectedId: u,
       title: r.income_tab_title
     }),
-    /* @__PURE__ */ e(O, {
+    /* @__PURE__ */ e(G, {
       ariaLabelClose: r.close_drawer_aria,
-      isOpen: z,
-      onClose: () => _(!1),
+      isOpen: U,
+      onClose: () => f(!1),
       title: r.transactions_drawer_title,
-      children: /* @__PURE__ */ C(R, { children: [!A && g.length > 0 && /* @__PURE__ */ e(R, {
+      children: /* @__PURE__ */ b(k, { children: [!B && _.length > 0 && /* @__PURE__ */ e(k, {
         direction: "row",
         justifyContent: "right",
         mb: -24,
         mr: 8,
         mt: 8,
         zIndex: 1,
-        children: /* @__PURE__ */ e(nt, {
-          onClick: q,
-          startIcon: /* @__PURE__ */ e(at, { name: "ios_share" }),
+        children: /* @__PURE__ */ e(rt, {
+          onClick: H,
+          startIcon: /* @__PURE__ */ e(nt, { name: "ios_share" }),
           variant: "text",
-          children: V.export_csv_btn
+          children: L.export_csv_btn
         })
-      }), /* @__PURE__ */ e(Y, { onClick: w })] })
+      }), /* @__PURE__ */ e(Z, { onClick: I })] })
     }),
-    /* @__PURE__ */ e(O, {
+    /* @__PURE__ */ e(G, {
       ariaLabelClose: r.close_drawer_aria,
-      isOpen: !!h,
-      onClose: () => w(""),
+      isOpen: !!S,
+      onClose: () => I(""),
       title: r.transaction_details_drawer_title,
-      children: h && /* @__PURE__ */ e(Z, { transaction: h })
+      children: S && /* @__PURE__ */ e(tt, { transaction: S })
     })
   ] });
-}, Et = ot(lt);
+}, Ot = at(dt);
 export {
-  Et as default
+  Ot as default
 };
 
 //# sourceMappingURL=Spending.es.js.map

package/dist/spending/components/Spending.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spending.es.js","names":[],"sources":["../../../src/spending/components/Spending.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { useTheme } from '@mui/material'\nimport type { Theme } from '@mui/system'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { CategoryGuids } from '../../core/constants'\nimport { Transaction } from '../../core'\nimport { exportTransactionsToCSV } from '../../core/utils/TransactionUtils'\n\nimport { TransactionDetails, TransactionList } from '../../transactions'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\nimport SpendingChart from './SpendingChart'\nimport SpendingTabLabel from './SpendingTabLabel'\n\nconst getIncomeColors = (theme: Theme) => {\n  return [\n    theme.palette.chartMono.chartMono5,\n    theme.palette.chartMono.chartMono4,\n    theme.palette.chartMono.chartMono3,\n    theme.palette.chartMono.chartMono2,\n    theme.palette.chartMono.chartMono1,\n    theme.palette.chartMono.chartMono6,\n  ]\n}\n\nconst Spending = () => {\n  const theme = useTheme()\n  const { is_mobile_webview } = useAppConfig()\n\n  const { clientConfig } = useAppConfig()\n  const { categories, dateRangeCategoryTotals } = useCategoryStore()\n\n  const {\n    goals: goalsCopy,\n    spending: spendingCopy,\n    transactions: transactionCopy,\n  } = useGlobalCopyStore()\n  const { displayedDateRange, selectedAccountGuids } = useGlobalUiStore()\n  const {\n    setFilter,\n    sortedTransactions: transactions,\n    sortedTransactionsWithSplits,\n    tags,\n  } = useTransactionStore()\n\n  const accountGuids = clientConfig?.master?.deep_link_params?.account_guids\n  const view = clientConfig?.master?.deep_link_params?.view\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(view === 'income' ? 1 : 0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n  const [transactionsOpen, setTransactionsOpen] = React.useState(false)\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, goalsCopy, theme, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () => getIncomeData(categories, dateRangeCategoryTotals, getIncomeColors(theme)),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string, isSubcategory: boolean = false) => {\n    if (isSubcategory) {\n      handleSelectedSubcategory(id)\n    } else {\n      setSelectedId(selectedId === id || id === '0' ? '' : id)\n    }\n  }\n\n  const handleSelectedSubcategory = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    setFilter({\n      ...transactionFilter,\n      custom: (t: Transaction) =>\n        selectedId === 'other' ? t.top_level_category_guid === id : t.category_guid === id,\n      showSplits: true,\n    })\n\n    setTransactionsOpen(true)\n  }\n\n  const handleViewTransactions = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    if (selectedTab === 0) {\n      // Spending\n      if (id === 'other') {\n        const other = spendingData.categoryData.find((c) => c.guid === 'other')\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            Boolean(other?.categoryTotals?.find((ct) => ct.guid === t.top_level_category_guid)),\n        })\n      } else {\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            id\n              ? t.top_level_category_guid === id\n              : t.top_level_category_guid !== CategoryGuids.INCOME &&\n                t.category_guid !== CategoryGuids.INCOME &&\n                t.top_level_category_guid !== CategoryGuids.INVESTMENTS &&\n                t.top_level_category_guid !== CategoryGuids.TRANSFER,\n          showSplits: Boolean(id),\n        })\n      }\n    } else {\n      // Income\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          id\n            ? t.category_guid === id\n            : t.category_guid === CategoryGuids.INCOME ||\n              t.top_level_category_guid === CategoryGuids.INCOME,\n      })\n    }\n\n    setTransactionsOpen(true)\n  }\n\n  const handleExportToCsv = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n  }\n\n  return (\n    <Box>\n      <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n            />\n          }\n        />\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n            />\n          }\n        />\n      </Tabs>\n      {selectedTab === 0 && (\n        <SpendingChart\n          data={spendingData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.spend_tab_title}\n        />\n      )}\n      {selectedTab === 1 && (\n        <SpendingChart\n          data={incomeData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.income_tab_title}\n        />\n      )}\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={transactionsOpen}\n        onClose={() => setTransactionsOpen(false)}\n        title={spendingCopy.transactions_drawer_title}\n      >\n        <Stack>\n          {!is_mobile_webview && transactions.length > 0 && (\n            <Stack direction=\"row\" justifyContent=\"right\" mb={-24} mr={8} mt={8} zIndex={1}>\n              <Button\n                onClick={handleExportToCsv}\n                startIcon={<Icon name=\"ios_share\" />}\n                variant=\"text\"\n              >\n                {transactionCopy.export_csv_btn}\n              </Button>\n            </Stack>\n          )}\n          <TransactionList onClick={setTransactionGuid} />\n        </Stack>\n      </Drawer>\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={Boolean(transaction)}\n        onClose={() => setTransactionGuid('')}\n        title={spendingCopy.transaction_details_drawer_title}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n    </Box>\n  )\n}\n\nexport default observer(Spending)\n"],"mappings":"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"}
+{"version":3,"file":"Spending.es.js","names":[],"sources":["../../../src/spending/components/Spending.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { useTheme } from '@mui/material'\nimport type { Theme } from '@mui/system'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { CategoryGuids } from '../../core/constants'\nimport { Transaction } from '../../core'\nimport { exportTransactionsToCSV } from '../../core/utils/TransactionUtils'\n\nimport { TransactionDetails, TransactionList } from '../../transactions'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\nimport SpendingChart from './SpendingChart'\nimport SpendingTabLabel from './SpendingTabLabel'\n\nconst getIncomeColors = (theme: Theme) => {\n  return [\n    theme.palette.chartMono.chartMono5,\n    theme.palette.chartMono.chartMono4,\n    theme.palette.chartMono.chartMono3,\n    theme.palette.chartMono.chartMono2,\n    theme.palette.chartMono.chartMono1,\n    theme.palette.chartMono.chartMono6,\n  ]\n}\n\nconst Spending = () => {\n  const theme = useTheme()\n  const { is_mobile_webview } = useAppConfig()\n\n  const { clientConfig } = useAppConfig()\n  const { categories, dateRangeCategoryTotals } = useCategoryStore()\n\n  const {\n    categories: categoriesCopy,\n    goals: goalsCopy,\n    spending: spendingCopy,\n    transactions: transactionCopy,\n  } = useGlobalCopyStore()\n  const { displayedDateRange, selectedAccountGuids } = useGlobalUiStore()\n  const {\n    setFilter,\n    sortedTransactions: transactions,\n    sortedTransactionsWithSplits,\n    tags,\n  } = useTransactionStore()\n\n  const accountGuids = clientConfig?.master?.deep_link_params?.account_guids\n  const view = clientConfig?.master?.deep_link_params?.view\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(view === 'income' ? 1 : 0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n  const [transactionsOpen, setTransactionsOpen] = React.useState(false)\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, goalsCopy, categoriesCopy, theme, dateRangeCategoryTotals),\n    [categories, categoriesCopy, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () =>\n      getIncomeData(categories, categoriesCopy, dateRangeCategoryTotals, getIncomeColors(theme)),\n    [categories, categoriesCopy, dateRangeCategoryTotals],\n  )\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string, isSubcategory: boolean = false) => {\n    if (isSubcategory) {\n      handleSelectedSubcategory(id)\n    } else {\n      setSelectedId(selectedId === id || id === '0' ? '' : id)\n    }\n  }\n\n  const handleSelectedSubcategory = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    setFilter({\n      ...transactionFilter,\n      custom: (t: Transaction) =>\n        selectedId === 'other' ? t.top_level_category_guid === id : t.category_guid === id,\n      showSplits: true,\n    })\n\n    setTransactionsOpen(true)\n  }\n\n  const handleViewTransactions = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    if (selectedTab === 0) {\n      // Spending\n      if (id === 'other') {\n        const other = spendingData.categoryData.find((c) => c.guid === 'other')\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            Boolean(other?.categoryTotals?.find((ct) => ct.guid === t.top_level_category_guid)),\n        })\n      } else {\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            id\n              ? t.top_level_category_guid === id\n              : t.top_level_category_guid !== CategoryGuids.INCOME &&\n                t.category_guid !== CategoryGuids.INCOME &&\n                t.top_level_category_guid !== CategoryGuids.INVESTMENTS &&\n                t.top_level_category_guid !== CategoryGuids.TRANSFER,\n          showSplits: Boolean(id),\n        })\n      }\n    } else {\n      // Income\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          id\n            ? t.category_guid === id\n            : t.category_guid === CategoryGuids.INCOME ||\n              t.top_level_category_guid === CategoryGuids.INCOME,\n      })\n    }\n\n    setTransactionsOpen(true)\n  }\n\n  const handleExportToCsv = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n  }\n\n  return (\n    <Box>\n      <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n            />\n          }\n        />\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n            />\n          }\n        />\n      </Tabs>\n      {selectedTab === 0 && (\n        <SpendingChart\n          data={spendingData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.spend_tab_title}\n        />\n      )}\n      {selectedTab === 1 && (\n        <SpendingChart\n          data={incomeData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.income_tab_title}\n        />\n      )}\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={transactionsOpen}\n        onClose={() => setTransactionsOpen(false)}\n        title={spendingCopy.transactions_drawer_title}\n      >\n        <Stack>\n          {!is_mobile_webview && transactions.length > 0 && (\n            <Stack direction=\"row\" justifyContent=\"right\" mb={-24} mr={8} mt={8} zIndex={1}>\n              <Button\n                onClick={handleExportToCsv}\n                startIcon={<Icon name=\"ios_share\" />}\n                variant=\"text\"\n              >\n                {transactionCopy.export_csv_btn}\n              </Button>\n            </Stack>\n          )}\n          <TransactionList onClick={setTransactionGuid} />\n        </Stack>\n      </Drawer>\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={Boolean(transaction)}\n        onClose={() => setTransactionGuid('')}\n        title={spendingCopy.transaction_details_drawer_title}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n    </Box>\n  )\n}\n\nexport default observer(Spending)\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material';
-import { Category, DateRangeCategoryTotals, GoalsCopy } from '../../core';
+import { Category, CategoryCopy, DateRangeCategoryTotals, GoalsCopy } from '../../core';
 import { DonutData } from '../../common/components/charts/Donut';
 export interface CategoryTotal {
     guid: string;
@@ -18,18 +18,20 @@ export interface SpendingData {
  * Excludes Income and Transfers
  *
  * @param categories - Array of all categories
- * @param copy - Localized copy
+ * @param goalsCopy - Goals copy (supplies the "Other" bucket + parent rollup labels)
+ * @param categoryCopy - Category copy (default category names)
  * @param theme - The current theme to use for colors
  * @param totals - And array of type DateRangeCategoryTotals
  */
-export declare const getSpendingData: (categories: Category[], copy: GoalsCopy, // TODO: Replace after `Other` is added to SpendingCopy
-theme: Theme, totals: DateRangeCategoryTotals[]) => SpendingData;
+export declare const getSpendingData: (categories: Category[], goalsCopy: GoalsCopy, // TODO: Replace after `Other` is added to SpendingCopy
+categoryCopy: CategoryCopy, theme: Theme, totals: DateRangeCategoryTotals[]) => SpendingData;
 /**
  * Returns an object of type SpendingData containing a subset of category totals related to income
  * Only includes Income subcategories
  *
  * @param categories - Array of all categories
+ * @param categoryCopy - Localized category copy (default category names)
  * @param monthlyTotals - And array of type DateRangeCategoryTotals
  * @param colors - An array of color strings to use for income colors
  */
-export declare const getIncomeData: (categories: Category[], monthlyTotals: DateRangeCategoryTotals[], colors: string[]) => SpendingData;
+export declare const getIncomeData: (categories: Category[], categoryCopy: CategoryCopy, monthlyTotals: DateRangeCategoryTotals[], colors: string[]) => SpendingData;

package/dist/spending/utils/SpendingData.es.js

@@ -1,58 +1,61 @@
-import { CategoryGuids as m } from "../../core/constants/Category.es.js";
-import { getCategoryColor as p } from "../../core/utils/CategoryUtil.es.js";
-var c = 5, f = (i, l, r, s) => s.reduce((a, n) => {
+import { CategoryGuids as p } from "../../core/constants/Category.es.js";
+import { getCategoryColor as f, getLocalizedCategoryName as h } from "../../core/utils/CategoryUtil.es.js";
+var _ = 5, y = (i, l, s, r, m) => m.reduce((a, n) => {
   const t = i.find((d) => d.guid === n.category_guid);
   if (!t) return a;
-  const e = t.parent_guid ?? t.guid, g = i.find((d) => d.guid === e);
-  if (!g || n.total <= 0) return a;
-  const o = {
+  const e = t.parent_guid ?? t.guid, u = i.find((d) => d.guid === e);
+  if (!u || n.total <= 0) return a;
+  const o = h(t, s), g = {
     guid: t.guid,
-    name: t.guid === e ? `${l.parent_category_totals_label_general} ${t.name}` : t.name,
-    color: p(g.guid, r),
+    name: t.guid === e ? `${l.parent_category_totals_label_general} ${o}` : o,
+    color: f(u.guid, r),
     amount: n.total
-  }, u = a.find((d) => d.guid === e);
-  return u ? (u.amount += n.total, u.categoryTotals?.push(o)) : a.push({
+  }, c = a.find((d) => d.guid === e);
+  return c ? (c.amount += n.total, c.categoryTotals?.push(g)) : a.push({
     guid: e,
-    name: g.name,
-    color: p(g.guid, r),
-    categoryTotals: [o],
+    name: h(u, s),
+    color: f(u.guid, r),
+    categoryTotals: [g],
     amount: n.total
   }), a;
-}, []), C = (i, l, r, s) => {
-  const a = f(i, l, r, s).filter((o) => o.guid !== m.INCOME && o.guid !== m.INVESTMENTS && o.guid !== m.TRANSFER && o.amount > 0).sort((o, u) => u.amount - o.amount), n = a.reduce((o, u) => o + u.amount, 0), t = a.length > c ? c : a.length, e = a.slice(0, t), g = e.map((o) => ({
+}, []), T = (i, l, s, r, m) => {
+  const a = y(i, l, s, r, m).filter((o) => o.guid !== p.INCOME && o.guid !== p.INVESTMENTS && o.guid !== p.TRANSFER && o.amount > 0).sort((o, g) => g.amount - o.amount), n = a.reduce((o, g) => o + g.amount, 0), t = a.length > _ ? _ : a.length, e = a.slice(0, t), u = e.map((o) => ({
     id: o.guid,
-    color: p(o.guid, r),
+    color: f(o.guid, r),
     label: o.name,
     value: o.amount / n * 100
   }));
   if (a.length > 5) {
-    const o = a.slice(c), u = o.reduce((d, _) => d + _.amount, 0);
+    const o = a.slice(_), g = o.reduce((c, d) => c + d.amount, 0);
     e.push({
       guid: "other",
       color: r.palette.categories.others || "",
       name: l.saving_goal_other,
       categoryTotals: o,
-      amount: u
-    }), g.push({
+      amount: g
+    }), u.push({
       id: "other",
       color: r.palette.categories.others || "",
       label: l.saving_goal_other,
-      value: u / n * 100
+      value: g / n * 100
     });
   }
   return {
     categoryData: e,
-    donutData: g,
+    donutData: u,
     totalAmount: n
   };
-}, T = (i, l, r) => {
-  const s = i.filter((t) => t.guid === m.INCOME || t.parent_guid === m.INCOME), a = l.filter((t) => s.some((e) => e.guid === t.category_guid)).sort((t, e) => t.total - e.total).map((t, e) => ({
-    guid: t.category_guid,
-    name: i.find((g) => g.guid === t.category_guid)?.name,
-    color: r[e % r.length],
-    categoryTotals: [],
-    amount: Math.abs(t.total)
-  })), n = a.reduce((t, e) => t + e.amount, 0);
+}, N = (i, l, s, r) => {
+  const m = i.filter((t) => t.guid === p.INCOME || t.parent_guid === p.INCOME), a = s.filter((t) => m.some((e) => e.guid === t.category_guid)).sort((t, e) => t.total - e.total).map((t, e) => {
+    const u = i.find((o) => o.guid === t.category_guid);
+    return {
+      guid: t.category_guid,
+      name: u ? h(u, l) : void 0,
+      color: r[e % r.length],
+      categoryTotals: [],
+      amount: Math.abs(t.total)
+    };
+  }), n = a.reduce((t, e) => t + e.amount, 0);
   return {
     categoryData: a,
     donutData: a.map((t) => ({
@@ -65,8 +68,8 @@ var c = 5, f = (i, l, r, s) => s.reduce((a, n) => {
   };
 };
 export {
-  T as getIncomeData,
-  C as getSpendingData
+  N as getIncomeData,
+  T as getSpendingData
 };
 
 //# sourceMappingURL=SpendingData.es.js.map

package/dist/spending/utils/SpendingData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpendingData.es.js","names":[],"sources":["../../../src/spending/utils/SpendingData.ts"],"sourcesContent":["import { Theme } from '@mui/material'\n\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport { CategoryGuids } from '../../core/constants'\nimport { Category, DateRangeCategoryTotals, GoalsCopy } from '../../core'\nimport type { DonutData } from '../../common/components/charts/Donut'\n\nconst TOP_CATEGORY_LENGTH = 5\n\nexport interface CategoryTotal {\n  guid: string\n  name: string\n  color: string\n  categoryTotals?: CategoryTotal[]\n  amount: number\n}\n\nexport interface SpendingData {\n  categoryData: CategoryTotal[]\n  donutData: DonutData[]\n  totalAmount: number\n}\n\n/**\n * Rolls all categories up into parent categories and return an array of CategoryTotal items.\n * @param categories - Array of all categories\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nconst getTotalsByParentCategory = (\n  categories: Category[],\n  copy: GoalsCopy,\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n  return totals.reduce((acc, curr) => {\n    // Find category and if it doesn't exist, return acc\n    const category = categories.find((c) => c.guid === curr.category_guid)\n    if (!category) return acc\n\n    // Find parent category and if it doesn't exist, return acc\n    const parentGuid = category.parent_guid ?? category.guid\n    const parentCategory = categories.find((c) => c.guid === parentGuid)\n    if (!parentCategory) return acc\n\n    // Skip negative totals — they represent credits/income/transfers, not spending\n    if (curr.total <= 0) return acc\n\n    const categoryTotal = {\n      guid: category.guid,\n      name:\n        category.guid === parentGuid\n          ? `${copy.parent_category_totals_label_general} ${category.name}`\n          : category.name,\n      color: getCategoryColor(parentCategory.guid, theme),\n      amount: curr.total,\n    }\n\n    // If parent category has already been added to acc then find it and add the current total,\n    // otherwise add the parent category to acc.\n    const parentCategoryTotal = acc.find((ct) => ct.guid === parentGuid)\n    if (parentCategoryTotal) {\n      parentCategoryTotal.amount += curr.total\n      parentCategoryTotal.categoryTotals?.push(categoryTotal)\n    } else {\n      acc.push({\n        guid: parentGuid,\n        name: parentCategory.name,\n        color: getCategoryColor(parentCategory.guid, theme),\n        categoryTotals: [categoryTotal],\n        amount: curr.total,\n      })\n    }\n\n    return acc\n  }, [] as CategoryTotal[])\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to spending\n * Excludes Income and Transfers\n *\n * @param categories - Array of all categories\n * @param copy - Localized copy\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nexport const getSpendingData = (\n  categories: Category[],\n  copy: GoalsCopy, // TODO: Replace after `Other` is added to SpendingCopy\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): SpendingData => {\n  const parentCategoryTotals = getTotalsByParentCategory(categories, copy, theme, totals)\n\n  // Filter out Income and Transfers from spending totals\n  // Sort in decending order by amount\n  const spendingTotals = parentCategoryTotals\n    .filter(\n      (ct) =>\n        ct.guid !== CategoryGuids.INCOME &&\n        ct.guid !== CategoryGuids.INVESTMENTS &&\n        ct.guid !== CategoryGuids.TRANSFER &&\n        ct.amount > 0,\n    )\n    .sort((cat1, cat2) => cat2.amount - cat1.amount)\n\n  // Calculate the total spend\n  const totalAmount = spendingTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Find the number of top categories to include\n  const length =\n    spendingTotals.length > TOP_CATEGORY_LENGTH ? TOP_CATEGORY_LENGTH : spendingTotals.length\n\n  // Only include the top categories\n  const categoryData = spendingTotals.slice(0, length)\n\n  // Map the category data to donut data\n  const donutData = categoryData.map((categoryTotal) => ({\n    id: categoryTotal.guid,\n    color: getCategoryColor(categoryTotal.guid, theme),\n    label: categoryTotal.name,\n    value: (categoryTotal.amount / totalAmount) * 100,\n  }))\n\n  // If there additional categories outside of the top categories, combine them into an Other category\n  if (spendingTotals.length > 5) {\n    const otherCategories = spendingTotals.slice(TOP_CATEGORY_LENGTH)\n    const otherTotal = otherCategories.reduce(\n      (acc: number, total: CategoryTotal) => acc + total.amount,\n      0,\n    )\n    categoryData.push({\n      guid: 'other',\n      color: theme.palette.categories.others || '',\n      name: copy.saving_goal_other,\n      categoryTotals: otherCategories,\n      amount: otherTotal,\n    })\n\n    donutData.push({\n      id: 'other',\n      color: theme.palette.categories.others || '',\n      label: copy.saving_goal_other,\n      value: (otherTotal / totalAmount) * 100,\n    })\n  }\n\n  // Return an object of type SpendingData\n  return {\n    categoryData,\n    donutData,\n    totalAmount,\n  }\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to income\n * Only includes Income subcategories\n *\n * @param categories - Array of all categories\n * @param monthlyTotals - And array of type DateRangeCategoryTotals\n * @param colors - An array of color strings to use for income colors\n */\nexport const getIncomeData = (\n  categories: Category[],\n  monthlyTotals: DateRangeCategoryTotals[],\n  colors: string[],\n): SpendingData => {\n  // Get all income subcategories\n  const incomeCategories = categories.filter(\n    (category) =>\n      category.guid === CategoryGuids.INCOME || category.parent_guid === CategoryGuids.INCOME,\n  )\n\n  // Filter, sort & map DateRangeCategoryTotals to CategoryTotal objects\n  // The filter return only subcategories with a parent category of Income\n  // The sort is in acending order due to amounts being negative\n  const incomeTotals: CategoryTotal[] = monthlyTotals\n    .filter((total) => incomeCategories.some((category) => category.guid === total.category_guid))\n    .sort((total1, total2) => total1.total - total2.total)\n    .map((total, index) => {\n      return {\n        guid: total.category_guid,\n        name: categories.find((cat) => cat.guid === total.category_guid)?.name,\n        color: colors[index % colors.length],\n        categoryTotals: [],\n        amount: Math.abs(total.total),\n      }\n    }) as CategoryTotal[]\n\n  // Calculates the total income amount\n  const totalAmount = incomeTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Maps the income totals to donut data\n  const donutData = incomeTotals.map((incomeTotal) => ({\n    id: incomeTotal.guid,\n    color: incomeTotal.color,\n    label: incomeTotal.name,\n    value: (incomeTotal.amount / totalAmount) * 100,\n  }))\n\n  // Return an object of type SpendingData\n  return {\n    categoryData: incomeTotals,\n    donutData,\n    totalAmount,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"SpendingData.es.js","names":[],"sources":["../../../src/spending/utils/SpendingData.ts"],"sourcesContent":["import { Theme } from '@mui/material'\n\nimport { getCategoryColor, getLocalizedCategoryName } from '../../core/utils/CategoryUtil'\nimport { CategoryGuids } from '../../core/constants'\nimport { Category, CategoryCopy, DateRangeCategoryTotals, GoalsCopy } from '../../core'\nimport type { DonutData } from '../../common/components/charts/Donut'\n\nconst TOP_CATEGORY_LENGTH = 5\n\nexport interface CategoryTotal {\n  guid: string\n  name: string\n  color: string\n  categoryTotals?: CategoryTotal[]\n  amount: number\n}\n\nexport interface SpendingData {\n  categoryData: CategoryTotal[]\n  donutData: DonutData[]\n  totalAmount: number\n}\n\n/**\n * Rolls all categories up into parent categories and return an array of CategoryTotal items.\n * @param categories - Array of all categories\n * @param goalsCopy - Goals copy (supplies the parent-category rollup label)\n * @param categoryCopy - Localized category copy (default category names)\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nconst getTotalsByParentCategory = (\n  categories: Category[],\n  goalsCopy: GoalsCopy,\n  categoryCopy: CategoryCopy,\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n  return totals.reduce((acc, curr) => {\n    // Find category and if it doesn't exist, return acc\n    const category = categories.find((c) => c.guid === curr.category_guid)\n    if (!category) return acc\n\n    // Find parent category and if it doesn't exist, return acc\n    const parentGuid = category.parent_guid ?? category.guid\n    const parentCategory = categories.find((c) => c.guid === parentGuid)\n    if (!parentCategory) return acc\n\n    // Skip negative totals — they represent credits/income/transfers, not spending\n    if (curr.total <= 0) return acc\n\n    const localizedCategoryName = getLocalizedCategoryName(category, categoryCopy)\n\n    const categoryTotal = {\n      guid: category.guid,\n      name:\n        category.guid === parentGuid\n          ? `${goalsCopy.parent_category_totals_label_general} ${localizedCategoryName}`\n          : localizedCategoryName,\n      color: getCategoryColor(parentCategory.guid, theme),\n      amount: curr.total,\n    }\n\n    // If parent category has already been added to acc then find it and add the current total,\n    // otherwise add the parent category to acc.\n    const parentCategoryTotal = acc.find((ct) => ct.guid === parentGuid)\n    if (parentCategoryTotal) {\n      parentCategoryTotal.amount += curr.total\n      parentCategoryTotal.categoryTotals?.push(categoryTotal)\n    } else {\n      acc.push({\n        guid: parentGuid,\n        name: getLocalizedCategoryName(parentCategory, categoryCopy),\n        color: getCategoryColor(parentCategory.guid, theme),\n        categoryTotals: [categoryTotal],\n        amount: curr.total,\n      })\n    }\n\n    return acc\n  }, [] as CategoryTotal[])\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to spending\n * Excludes Income and Transfers\n *\n * @param categories - Array of all categories\n * @param goalsCopy - Goals copy (supplies the \"Other\" bucket + parent rollup labels)\n * @param categoryCopy - Category copy (default category names)\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nexport const getSpendingData = (\n  categories: Category[],\n  goalsCopy: GoalsCopy, // TODO: Replace after `Other` is added to SpendingCopy\n  categoryCopy: CategoryCopy,\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): SpendingData => {\n  const parentCategoryTotals = getTotalsByParentCategory(\n    categories,\n    goalsCopy,\n    categoryCopy,\n    theme,\n    totals,\n  )\n\n  // Filter out Income and Transfers from spending totals\n  // Sort in decending order by amount\n  const spendingTotals = parentCategoryTotals\n    .filter(\n      (ct) =>\n        ct.guid !== CategoryGuids.INCOME &&\n        ct.guid !== CategoryGuids.INVESTMENTS &&\n        ct.guid !== CategoryGuids.TRANSFER &&\n        ct.amount > 0,\n    )\n    .sort((cat1, cat2) => cat2.amount - cat1.amount)\n\n  // Calculate the total spend\n  const totalAmount = spendingTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Find the number of top categories to include\n  const length =\n    spendingTotals.length > TOP_CATEGORY_LENGTH ? TOP_CATEGORY_LENGTH : spendingTotals.length\n\n  // Only include the top categories\n  const categoryData = spendingTotals.slice(0, length)\n\n  // Map the category data to donut data\n  const donutData = categoryData.map((categoryTotal) => ({\n    id: categoryTotal.guid,\n    color: getCategoryColor(categoryTotal.guid, theme),\n    label: categoryTotal.name,\n    value: (categoryTotal.amount / totalAmount) * 100,\n  }))\n\n  // If there additional categories outside of the top categories, combine them into an Other category\n  if (spendingTotals.length > 5) {\n    const otherCategories = spendingTotals.slice(TOP_CATEGORY_LENGTH)\n    const otherTotal = otherCategories.reduce(\n      (acc: number, total: CategoryTotal) => acc + total.amount,\n      0,\n    )\n    categoryData.push({\n      guid: 'other',\n      color: theme.palette.categories.others || '',\n      name: goalsCopy.saving_goal_other,\n      categoryTotals: otherCategories,\n      amount: otherTotal,\n    })\n\n    donutData.push({\n      id: 'other',\n      color: theme.palette.categories.others || '',\n      label: goalsCopy.saving_goal_other,\n      value: (otherTotal / totalAmount) * 100,\n    })\n  }\n\n  // Return an object of type SpendingData\n  return {\n    categoryData,\n    donutData,\n    totalAmount,\n  }\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to income\n * Only includes Income subcategories\n *\n * @param categories - Array of all categories\n * @param categoryCopy - Localized category copy (default category names)\n * @param monthlyTotals - And array of type DateRangeCategoryTotals\n * @param colors - An array of color strings to use for income colors\n */\nexport const getIncomeData = (\n  categories: Category[],\n  categoryCopy: CategoryCopy,\n  monthlyTotals: DateRangeCategoryTotals[],\n  colors: string[],\n): SpendingData => {\n  // Get all income subcategories\n  const incomeCategories = categories.filter(\n    (category) =>\n      category.guid === CategoryGuids.INCOME || category.parent_guid === CategoryGuids.INCOME,\n  )\n\n  // Filter, sort & map DateRangeCategoryTotals to CategoryTotal objects\n  // The filter return only subcategories with a parent category of Income\n  // The sort is in acending order due to amounts being negative\n  const incomeTotals: CategoryTotal[] = monthlyTotals\n    .filter((total) => incomeCategories.some((category) => category.guid === total.category_guid))\n    .sort((total1, total2) => total1.total - total2.total)\n    .map((total, index) => {\n      const category = categories.find((cat) => cat.guid === total.category_guid)\n      return {\n        guid: total.category_guid,\n        name: category ? getLocalizedCategoryName(category, categoryCopy) : undefined,\n        color: colors[index % colors.length],\n        categoryTotals: [],\n        amount: Math.abs(total.total),\n      }\n    }) as CategoryTotal[]\n\n  // Calculates the total income amount\n  const totalAmount = incomeTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Maps the income totals to donut data\n  const donutData = incomeTotals.map((incomeTotal) => ({\n    id: incomeTotal.guid,\n    color: incomeTotal.color,\n    label: incomeTotal.name,\n    value: (incomeTotal.amount / totalAmount) * 100,\n  }))\n\n  // Return an object of type SpendingData\n  return {\n    categoryData: incomeTotals,\n    donutData,\n    totalAmount,\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.42",
+  "version": "9.4.43",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",