@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/budgets/BubbleBudgetsMiniWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/budgets/BubbleBudgetsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  MiniWidgetContainer,\n  useBudgetsStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useWidgetContainerProvider,\n  useWidgetLoadTimer,\n} from '../common'\nimport { type BudgetsCopy, type MiniWidgetProps } from '../core'\n\nimport { AddBudgets } from './components/AddBudgets'\nimport { BubbleBudgets } from './components/BubbleBudgets'\nimport { getBudgetDifference } from '../core/utils/BudgetUtil'\nimport { formatCurrency } from '../core/utils/NumberFormatting'\n\ninterface BubbleBudgetsContentProps {\n  budgetsCopy: BudgetsCopy\n  difference: number\n  handleAddClick: () => void\n  shouldShowZeroState: boolean\n}\n\nconst BubbleBudgetsContent: React.FC<BubbleBudgetsContentProps> = ({\n  budgetsCopy,\n  difference,\n  handleAddClick,\n  shouldShowZeroState,\n}) => {\n  const { availableHeight = 0 } = useWidgetContainerProvider()\n  const initialHeightRef = React.useRef<number | null>(null)\n\n  React.useEffect(() => {\n    if (availableHeight > 0 && initialHeightRef.current === null) {\n      initialHeightRef.current = availableHeight\n    }\n  }, [availableHeight])\n\n  const bubbleHeight = React.useMemo(() => {\n    const baseHeight = initialHeightRef.current ?? availableHeight\n\n    if (baseHeight > 0) return Math.round(Math.max(120, Math.min(450, baseHeight * 0.8))) - 40\n\n    return 450\n  }, [availableHeight])\n\n  return (\n    <Stack sx={{ height: '100%', justifyContent: 'space-between' }}>\n      <BubbleBudgets\n        createBudgetOnClick={handleAddClick}\n        height={bubbleHeight}\n        isMiniWidget={true}\n        shouldShowZeroState={shouldShowZeroState}\n      />\n\n      {!shouldShowZeroState && (\n        <Box ml={16}>\n          <Text bold={true} color={difference < 0 ? 'error.main' : 'success.main'}>\n            {formatCurrency(Math.abs(difference), '0,0')}\n          </Text>\n          <Text>\n            {difference < 0 ? budgetsCopy.overspent_in_budgets : budgetsCopy.left_in_budgets}\n          </Text>\n        </Box>\n      )}\n    </Stack>\n  )\n}\n\nconst BubbleBudgetsMiniWidget = (props: MiniWidgetProps) => {\n  const theme = useTheme()\n\n  const { onEvent } = useEvent()\n  const { detailedBudgets: budgets, isDataLoaded, loadBudgetData, setTheme } = useBudgetsStore()\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccounts } = useGlobalUiStore()\n  const { loadDateRangeCategoryTotals, loadMonthlyCategoryTotals } = useCategoryStore()\n  const difference = getBudgetDifference(budgets)\n\n  const [isAddOpen, setIsAddOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!isDataLoaded) {\n      loadBudgetData().finally()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    setTheme(theme)\n  }, [theme])\n\n  React.useEffect(() => {\n    if (isInitialized && !isDataLoaded) {\n      loadDateRangeCategoryTotals(\n        selectedAccounts,\n        startOfMonth(new Date()),\n        endOfMonth(new Date()),\n      ).finally()\n      loadMonthlyCategoryTotals(selectedAccounts).finally()\n    }\n  }, [isInitialized, selectedAccounts, isDataLoaded])\n\n  const handleAddClick = () => {\n    setIsAddOpen(true)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_ADD)\n  }\n\n  const handleBudgetAdded = () => {\n    setIsAddOpen(false)\n  }\n\n  const handleBudgetsRecalculated = () => setIsAddOpen(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'BubbleBudgetsMiniWidget',\n    isLoaded: isDataLoaded,\n  })\n\n  if (!isInitialized || !isDataLoaded) return <Loader />\n\n  const shouldShowZeroState = budgets.length === 0\n\n  return (\n    <MiniWidgetContainer\n      contentStyles={{ height: 'calc(100% - 66px)', ':last-child': { pb: 0 } }}\n      primaryCtaLabel={shouldShowZeroState ? budgetsCopy.get_started_cta : budgetsCopy.details_cta}\n      primaryCtaLabelAria={budgetsCopy.details_cta_aria}\n      sx={{ height: '100%' }}\n      title={budgetsCopy.budgets_title}\n      {...props}\n    >\n      <BubbleBudgetsContent\n        budgetsCopy={budgetsCopy}\n        difference={difference}\n        handleAddClick={handleAddClick}\n        shouldShowZeroState={shouldShowZeroState}\n      />\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isAddOpen}\n        onClose={() => setIsAddOpen(false)}\n        title={budgetsCopy.add_new_title}\n      >\n        <AddBudgets\n          onAddBudget={handleBudgetAdded}\n          onRecalculateBudgets={handleBudgetsRecalculated}\n        />\n      </Drawer>\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(BubbleBudgetsMiniWidget)\n"],"mappings":"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"}

package/dist/budgets/BubbleBudgetsWidget/index.es.js

@@ -1,143 +0,0 @@
-import { useAccountStore as K, useBudgetsStore as V, useCategoryStore as P, useEvent as Y, useGlobalCopyStore as Z, useGlobalUiStore as q, useRecurringTransactionsStore as J } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as Q } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as X } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import $ from "../../common/components/drawer/Drawer/index.es.js";
-import { ANALYTICS_EVENTS as u } from "../../common/constants/Analytics/index.es.js";
-import ee from "../../common/components/Loader/index.es.js";
-import { WidgetContainer as te } from "../../common/components/WidgetContainer/index.es.js";
-import { AddBudgets as oe } from "../components/AddBudgets/index.es.js";
-import { BubbleBudgets as re } from "../components/BubbleBudgets/index.es.js";
-import { BudgetDetailsDrawer as ie } from "../components/BudgetDetailsDrawer/index.es.js";
-import { BudgetList as ae } from "../components/BudgetList/index.es.js";
-import { Overview as se } from "../components/Overview/index.es.js";
-import i from "react";
-import { observer as ne } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { endOfMonth as S } from "date-fns/endOfMonth";
-import { startOfMonth as g } from "date-fns/startOfMonth";
-import { startOfToday as a } from "date-fns/startOfToday";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useTheme as le } from "@mui/material/styles";
-import { isAfter as de } from "date-fns/isAfter";
-import ce from "@mui/material/Alert";
-import me from "@mui/material/Snackbar";
-var A = 480, We = ne(({ onBackClick: T, onMenuClick: v, sx: y }) => {
-  const E = le(), { onEvent: s } = Y(), { visibleAccounts: _ } = K(), { budgets: n, common: w } = Z(), { isInitialized: l, selectedAccounts: d, setDisplayedDate: L } = q(), { alert: p, dateRange: t, isDataLoaded: c, loadBudgetData: R, setDateRange: m, setAlert: D, setTheme: I, detailedBudgets: b } = V(), { setDateRange: O } = J(), { loadDateRangeCategoryTotals: k, loadMonthlyCategoryTotals: x } = P(), { isSmallTablet: W, isMobile: G, isSmallMobile: M } = Q(), o = W || G || M, [N, r] = i.useState(!1);
-  X({
-    widgetName: "BubbleBudgetsWidget",
-    isLoaded: c
-  }), i.useEffect(() => {
-    I(E), c || R().finally(() => {
-      s(u.BUDGETS_VIEW);
-    });
-  }, []), i.useEffect(() => (m({
-    start: g(a()),
-    end: S(a())
-  }), () => {
-    m({
-      start: g(a()),
-      end: S(a())
-    });
-  }), [_]), i.useEffect(() => {
-    l && (L(t.start, t.end), k(d, t.start, t.end).finally(), x(d).finally(), O(t));
-  }, [
-    l,
-    d,
-    t
-  ]);
-  const U = (B) => {
-    m({
-      start: B[0] || /* @__PURE__ */ new Date(),
-      end: B[1] || /* @__PURE__ */ new Date()
-    });
-  }, j = () => {
-    s(u.BUDGETS_CLICK_FILTER);
-  }, C = () => {
-    r(!0), s(u.BUDGETS_CLICK_ADD);
-  }, z = () => {
-    r(!1);
-  }, F = () => {
-    r(!1);
-  }, H = de(t.end, g(/* @__PURE__ */ new Date()));
-  return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ h(te, {
-    actions: [{
-      iconName: "add",
-      label: n.add_title,
-      onClick: C
-    }],
-    calendarActions: {
-      onRangeChanged: U,
-      shouldDisableNext: H,
-      shouldDisablePicker: !0
-    },
-    hasDivider: !0,
-    onAccountsFilterClick: j,
-    onBackClick: T,
-    onMenuClick: v,
-    sx: y,
-    title: n.budgets_title,
-    children: [
-      /* @__PURE__ */ h(f, {
-        direction: o ? "column" : "row",
-        height: "100%",
-        sx: { justifyContent: "center" },
-        width: "100%",
-        children: [/* @__PURE__ */ e(f, {
-          height: o ? 450 : "calc(100dvh - 150px)",
-          children: /* @__PURE__ */ e(re, {
-            createBudgetOnClick: C,
-            height: o ? 450 : 800,
-            isDraggable: !0,
-            shouldShowZeroState: b.length === 0,
-            unavailableWidth: o ? 0 : A
-          })
-        }), b.length !== 0 && /* @__PURE__ */ h(f, {
-          gap: 24,
-          height: "100%",
-          sx: {
-            mr: 24,
-            mt: 48
-          },
-          width: o ? "100%" : A,
-          children: [/* @__PURE__ */ e(se, {}), /* @__PURE__ */ e(ae, {})]
-        })]
-      }),
-      /* @__PURE__ */ e(ie, {}),
-      /* @__PURE__ */ e($, {
-        ariaLabelClose: w.close_aria,
-        isOpen: N,
-        onClose: () => r(!1),
-        title: n.add_new_title,
-        children: /* @__PURE__ */ e(oe, {
-          onAddBudget: z,
-          onRecalculateBudgets: F
-        })
-      }),
-      /* @__PURE__ */ e(me, {
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "right"
-        },
-        autoHideDuration: 3500,
-        onClose: () => {
-          D("");
-        },
-        open: !!p,
-        children: /* @__PURE__ */ e(ce, {
-          closeText: "",
-          onClose: () => {
-            D("");
-          },
-          severity: "success",
-          variant: "filled",
-          children: p
-        })
-      })
-    ]
-  });
-});
-export {
-  We as BubbleBudgetsWidget
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/BubbleBudgetsWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/budgets/BubbleBudgetsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { isAfter } from 'date-fns/isAfter'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  useAccountStore,\n  useBudgetsStore,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport { AddBudgets } from './components/AddBudgets'\nimport { BubbleBudgets } from './components/BubbleBudgets'\nimport { BudgetDetailsDrawer } from './components/BudgetDetailsDrawer'\nimport { BudgetList } from './components/BudgetList'\nimport { Overview } from './components/Overview'\n\nconst BUDGET_LIST_WIDTH = 480\n\nexport const BubbleBudgetsWidget: React.FC<WidgetProps> = observer(\n  ({ onBackClick, onMenuClick, sx }) => {\n    const theme = useTheme()\n    const { onEvent } = useEvent()\n    const { visibleAccounts: accounts } = useAccountStore()\n    const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n    const { isInitialized, selectedAccounts, setDisplayedDate } = useGlobalUiStore()\n    const {\n      alert,\n      dateRange,\n      isDataLoaded,\n      loadBudgetData,\n      setDateRange,\n      setAlert,\n      setTheme,\n      detailedBudgets: budgets,\n    } = useBudgetsStore()\n    const { setDateRange: setRecurringDateRange } = useRecurringTransactionsStore()\n    const { loadDateRangeCategoryTotals, loadMonthlyCategoryTotals } = useCategoryStore()\n    const { isSmallTablet, isMobile, isSmallMobile } = useScreenSize()\n    const isColumnWidths = isSmallTablet || isMobile || isSmallMobile\n\n    const [isAddOpen, setIsAddOpen] = React.useState(false)\n\n    useWidgetLoadTimer({\n      widgetName: 'BubbleBudgetsWidget',\n      isLoaded: isDataLoaded,\n    })\n\n    React.useEffect(() => {\n      setTheme(theme)\n      if (!isDataLoaded) {\n        loadBudgetData().finally(() => {\n          onEvent(ANALYTICS_EVENTS.BUDGETS_VIEW)\n        })\n      }\n    }, [])\n\n    React.useEffect(() => {\n      setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n\n      return () => {\n        setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n      }\n    }, [accounts])\n\n    React.useEffect(() => {\n      if (isInitialized) {\n        setDisplayedDate(dateRange.start, dateRange.end)\n        loadDateRangeCategoryTotals(selectedAccounts, dateRange.start, dateRange.end).finally()\n        loadMonthlyCategoryTotals(selectedAccounts).finally()\n        setRecurringDateRange(dateRange)\n      }\n    }, [isInitialized, selectedAccounts, dateRange])\n\n    const onMonthChanged = (dateRange: DateRange<Date>) => {\n      setDateRange({ start: dateRange[0] || new Date(), end: dateRange[1] || new Date() })\n    }\n\n    const handleAccountFilterClick = () => {\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_FILTER)\n    }\n\n    const handleAddClick = () => {\n      setIsAddOpen(true)\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_ADD)\n    }\n\n    const handleBudgetAdded = () => {\n      setIsAddOpen(false)\n    }\n\n    const handleBudgetsRecalculated = () => {\n      setIsAddOpen(false)\n    }\n\n    const shouldDisableNext = isAfter(dateRange.end, startOfMonth(new Date()))\n\n    if (!isInitialized || !isDataLoaded) return <Loader />\n\n    return (\n      <WidgetContainer\n        actions={[\n          {\n            iconName: 'add',\n            label: copy.add_title,\n            onClick: handleAddClick,\n          },\n        ]}\n        calendarActions={{\n          onRangeChanged: onMonthChanged,\n          shouldDisableNext,\n          shouldDisablePicker: true,\n        }}\n        hasDivider={true}\n        onAccountsFilterClick={handleAccountFilterClick}\n        onBackClick={onBackClick}\n        onMenuClick={onMenuClick}\n        sx={sx}\n        title={copy.budgets_title}\n      >\n        <Stack\n          direction={!isColumnWidths ? 'row' : 'column'}\n          height=\"100%\"\n          sx={{ justifyContent: 'center' }}\n          width=\"100%\"\n        >\n          <Stack height={!isColumnWidths ? 'calc(100dvh - 150px)' : 450}>\n            <BubbleBudgets\n              createBudgetOnClick={handleAddClick}\n              height={!isColumnWidths ? 800 : 450}\n              isDraggable={true}\n              shouldShowZeroState={budgets.length === 0}\n              unavailableWidth={!isColumnWidths ? BUDGET_LIST_WIDTH : 0}\n            />\n          </Stack>\n          {budgets.length !== 0 && (\n            <Stack\n              gap={24}\n              height=\"100%\"\n              sx={{ mr: 24, mt: 48 }}\n              width={!isColumnWidths ? BUDGET_LIST_WIDTH : '100%'}\n            >\n              <Overview />\n              <BudgetList />\n            </Stack>\n          )}\n        </Stack>\n\n        <BudgetDetailsDrawer />\n\n        <Drawer\n          ariaLabelClose={commonCopy.close_aria}\n          isOpen={isAddOpen}\n          onClose={() => setIsAddOpen(false)}\n          title={copy.add_new_title}\n        >\n          <AddBudgets\n            onAddBudget={handleBudgetAdded}\n            onRecalculateBudgets={handleBudgetsRecalculated}\n          />\n        </Drawer>\n\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => {\n            setAlert('')\n          }}\n          open={Boolean(alert)}\n        >\n          <Alert\n            closeText=\"\"\n            onClose={() => {\n              setAlert('')\n            }}\n            severity={'success'}\n            variant=\"filled\"\n          >\n            {alert}\n          </Alert>\n        </Snackbar>\n      </WidgetContainer>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/budgets/components/AddBudgets/index.es.js

@@ -1,31 +0,0 @@
-import { buildDynamicCopy as s } from "../../../core/utils/Localization/index.es.js";
-import { useBudgetsStore as n, useGlobalCopyStore as c } from "../../../common/context/hooks/index.es.js";
-import { Header as g } from "../addbudget/Header/index.es.js";
-import { RecalculateBudgets as l } from "../addbudget/RecalculateBudgets/index.es.js";
-import { UnbudgetedRow as f } from "../addbudget/UnbudgetedRow/index.es.js";
-import { observer as b } from "mobx-react-lite";
-import B from "@mui/material/Stack";
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import x from "@mui/material/Box";
-import A from "@mui/material/List";
-var G = b(({ onAddBudget: e, onRecalculateBudgets: t }) => {
-  const { budgets: d } = c(), { addBudget: m, setAlert: i, unbudgetedCategories: u } = n(), a = async (r, p) => {
-    await m(r, p), e?.(), i(s(d.alert_budget_created, r.name));
-  };
-  return /* @__PURE__ */ h(B, { children: [
-    /* @__PURE__ */ o(g, {}),
-    /* @__PURE__ */ o(x, {
-      bgcolor: "background.paper",
-      children: /* @__PURE__ */ o(A, { children: u.map((r) => /* @__PURE__ */ o(f, {
-        category: r,
-        onAddBudget: a
-      }, r.guid)) })
-    }),
-    /* @__PURE__ */ o(l, { onRecalculateBudgets: t })
-  ] });
-});
-export {
-  G as AddBudgets
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/AddBudgets/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/AddBudgets.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { useBudgetsStore, useGlobalCopyStore } from '../../common'\nimport { type DetailedCategory } from '../../core'\n\nimport { Header } from './addbudget/Header'\nimport { RecalculateBudgets } from './addbudget/RecalculateBudgets'\nimport { UnbudgetedRow } from './addbudget/UnbudgetedRow'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface AddBudgetsProps {\n  onAddBudget?: () => void\n  onRecalculateBudgets?: () => void\n}\n\nexport const AddBudgets = observer(({ onAddBudget, onRecalculateBudgets }: AddBudgetsProps) => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { addBudget, setAlert, unbudgetedCategories } = useBudgetsStore()\n\n  const handleOnAddBudget = async (category: DetailedCategory, amount: number) => {\n    await addBudget(category, amount)\n    onAddBudget?.()\n    setAlert(buildDynamicCopy(copy.alert_budget_created, category.name) as string)\n  }\n\n  return (\n    <Stack>\n      <Header />\n\n      <Box bgcolor=\"background.paper\">\n        <List>\n          {unbudgetedCategories.map((category) => (\n            <UnbudgetedRow\n              category={category}\n              key={category.guid}\n              onAddBudget={handleOnAddBudget}\n            />\n          ))}\n        </List>\n      </Box>\n\n      <RecalculateBudgets onRecalculateBudgets={onRecalculateBudgets} />\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,sBAAA,EAAA,MAA4C;AAC7F,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,WAAA,GAAW,UAAA,GAAU,sBAAA,EAAA,IAAyB,EAAgB,GAEhE,IAAoB,OAAO,GAA4B,MAAmB;AAC9E,UAAM,EAAU,GAAU,CAAM,GAChC,IAAc,GACd,EAAS,EAAiB,EAAK,sBAAsB,EAAS,IAAI,CAAW;AAAA,EAC/E;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,CAAS,CAAA;AAAA,IAET,gBAAA,EAAC,GAAD;AAAA,MAAK,SAAQ;AAAA,gBACX,gBAAA,EAAC,GAAD,EAAA,UACG,EAAqB,IAAA,CAAK,MACzB,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QAEV,aAAa;AAAA,MACd,GAFM,EAAS,IAEf,CACF,EACG,CAAA;AAAA,IACH,CAAA;AAAA,IAEL,gBAAA,EAAC,GAAD,EAA0C,sBAAA,EAAuB,CAAA;AAAA,EAC5D,EAAA,CAAA;AAEX,CAAC"}

package/dist/budgets/components/BubbleBudgets/index.es.js

@@ -1,47 +0,0 @@
-import { useBudgetsStore as E, useEvent as h, useGlobalCopyStore as T, useGlobalUiStore as v, useWidgetContainerProvider as y } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as x } from "../../../common/hooks/useScreenSize/index.es.js";
-import { ANALYTICS_EVENTS as i } from "../../../common/constants/Analytics/index.es.js";
-import A from "../../../accounts/components/ConnectionsDrawer/index.es.js";
-import G from "../BubbleChart/index.es.js";
-import { BudgetsEmptyState as N } from "../BudgetsEmptyState/index.es.js";
-import a from "react";
-import { observer as k } from "mobx-react-lite";
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import U from "@mui/material/Box";
-var Y = k(({ createBudgetOnClick: l = () => {
-}, height: m, isDraggable: u = !1, isMiniWidget: t = !1, shouldShowZeroState: o, unavailableWidth: C = 24 }) => {
-  const { onEvent: n } = h(), { setSelectedBudget: f } = E(), { isInitialized: d } = v(), { accounts: p } = T(), { availableWidth: r } = y(), { isMobile: b } = x(), [g, s] = a.useState(!1), S = a.useMemo(() => r - C, [r]), _ = (c) => {
-    f(c), n(i.BUDGETS_CLICK_BUDGET_CATEGORY, {
-      budget_category: c.category.name,
-      click_type: "bubble"
-    });
-  }, B = () => {
-    s(!0), n(i.ACCOUNTS_CLICK_CONNECT);
-  };
-  return /* @__PURE__ */ I(U, {
-    ml: o || b ? 0 : 24,
-    sx: {
-      alignSelf: "center",
-      ...t && { height: "100%" }
-    },
-    children: [o || !d ? /* @__PURE__ */ e(N, {
-      createBudgetOnClick: l,
-      isMiniWidget: t,
-      onConnectAccountsClick: B
-    }) : /* @__PURE__ */ e(G, {
-      height: m,
-      isDraggable: u,
-      onClick: _,
-      width: S
-    }), /* @__PURE__ */ e(A, {
-      onClose: () => s(!1),
-      showConnectionsWidget: g,
-      title: p.manage_connections
-    })]
-  });
-});
-export {
-  Y as BubbleBudgets
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BubbleBudgets/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BubbleBudgets.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport ConnectionsDrawer from '../../accounts/components/ConnectionsDrawer'\nimport BubbleChart from './BubbleChart'\n\nimport {\n  ANALYTICS_EVENTS,\n  useBudgetsStore,\n  useEvent,\n  useGlobalUiStore,\n  useWidgetContainerProvider,\n  useScreenSize,\n  useGlobalCopyStore,\n} from '../../common'\nimport { type DetailedBudget } from '../../core'\n\nimport { BudgetsEmptyState } from './BudgetsEmptyState'\n\ninterface BubbleBudgetsProps {\n  createBudgetOnClick?: () => void\n  height: number\n  isDraggable?: boolean\n  isMiniWidget?: boolean\n  shouldShowZeroState: boolean\n  unavailableWidth?: number\n}\n\nexport const BubbleBudgets: React.FC<BubbleBudgetsProps> = observer(\n  ({\n    createBudgetOnClick = () => {},\n    height,\n    isDraggable = false,\n    isMiniWidget = false,\n    shouldShowZeroState,\n    unavailableWidth = 24,\n  }) => {\n    const { onEvent } = useEvent()\n    const { setSelectedBudget } = useBudgetsStore()\n    const { isInitialized } = useGlobalUiStore()\n    const { accounts: accountsCopy } = useGlobalCopyStore()\n    const { availableWidth } = useWidgetContainerProvider()\n    const { isMobile } = useScreenSize()\n\n    const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n    const width = React.useMemo(() => {\n      return availableWidth - unavailableWidth\n    }, [availableWidth])\n\n    const handleBubbleClick = (budget: DetailedBudget) => {\n      setSelectedBudget(budget)\n      onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_BUDGET_CATEGORY, {\n        budget_category: budget.category.name,\n        click_type: 'bubble',\n      })\n    }\n\n    const handleManageConnections = () => {\n      setShowConnectionsWidget(true)\n      onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n    }\n\n    return (\n      <Box\n        ml={shouldShowZeroState || isMobile ? 0 : 24}\n        sx={{ alignSelf: 'center', ...(isMiniWidget && { height: '100%' }) }}\n      >\n        {shouldShowZeroState || !isInitialized ? (\n          <BudgetsEmptyState\n            createBudgetOnClick={createBudgetOnClick}\n            isMiniWidget={isMiniWidget}\n            onConnectAccountsClick={handleManageConnections}\n          />\n        ) : (\n          <BubbleChart\n            height={height}\n            isDraggable={isDraggable}\n            onClick={handleBubbleClick}\n            width={width}\n          />\n        )}\n\n        <ConnectionsDrawer\n          onClose={() => setShowConnectionsWidget(false)}\n          showConnectionsWidget={showConnectionsWidget}\n          title={accountsCopy.manage_connections}\n        />\n      </Box>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AA8BA,IAAa,IAA8C,EAAA,CACxD,EACC,qBAAA,IAAA,MAA4B;AAAC,GAC7B,QAAA,GACA,aAAA,IAAc,IACd,cAAA,IAAe,IACf,qBAAA,GACA,kBAAA,IAAmB,GAAA,MACf;AACJ,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,mBAAA,EAAA,IAAsB,EAAgB,GACxC,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,gBAAA,EAAA,IAAmB,EAA2B,GAChD,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,CAAC,GAAuB,CAAA,IAA4B,EAAM,SAAS,EAAK,GAExE,IAAQ,EAAM,QAAA,MACX,IAAiB,GACvB,CAAC,CAAc,CAAC,GAEb,IAAA,CAAqB,MAA2B;AACpD,IAAA,EAAkB,CAAM,GACxB,EAAQ,EAAiB,+BAA+B;AAAA,MACtD,iBAAiB,EAAO,SAAS;AAAA,MACjC,YAAY;AAAA,IACd,CAAC;AAAA,EACH,GAEM,IAAA,MAAgC;AACpC,IAAA,EAAyB,EAAI,GAC7B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,KAAuB,IAAW,IAAI;AAAA,IAC1C,IAAI;AAAA,MAAE,WAAW;AAAA,MAAU,GAAI,KAAgB,EAAE,QAAQ,OAAO;AAAA,IAAG;AAAA,cAFrE,CAIG,KAAuB,CAAC,IACvB,gBAAA,EAAC,GAAD;AAAA,MACuB,qBAAA;AAAA,MACP,cAAA;AAAA,MACd,wBAAwB;AAAA,IACzB,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACK,aAAA;AAAA,MACb,SAAS;AAAA,MACF,OAAA;AAAA,IACR,CAAA,GAGH,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe,EAAyB,EAAK;AAAA,MACtB,uBAAA;AAAA,MACvB,OAAO,EAAa;AAAA,IACrB,CAAA,CACE;AAAA;AAET,CACF"}

package/dist/budgets/components/BubbleChart/Bubble/index.es.js

@@ -1,128 +0,0 @@
-import { useWidgetContainerProvider as L } from "../../../../common/context/hooks/index.es.js";
-import R from "../Mercury/index.es.js";
-import x from "react";
-import { Icon as A, Text as d } from "@mxenabled/mxui";
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { useTheme as O } from "@mui/material/styles";
-import P from "@mui/material/Tooltip";
-var r = 75, u = 50;
-function U({ bubble: t, isDraggable: v, onClick: f = () => {
-} }) {
-  const [$, s] = x.useState(!1), T = O(), { availableWidth: p } = L(), D = x.useMemo(() => {
-    if (t)
-      return {
-        amount: t.amount,
-        budgetColors: t.budgetColors,
-        guid: t.guid,
-        radius: t.radius,
-        transaction_total: t.transaction_total
-      };
-  }, [
-    t.amount,
-    t.budgetColors,
-    t.guid,
-    t.radius,
-    t.transaction_total
-  ]);
-  if (!t) return;
-  const { budgetColors: { background: k, text: l }, category: { icon: C, name: m }, guid: i, description: n, radius: o, x: E, y: M } = t, g = p < 400 ? -8 : -12;
-  let y = g, a = g;
-  o > r ? (y = -14, a = -45) : o > u && (a = -32);
-  let h = 32;
-  o <= r && (h = p < 400 ? 16 : 24);
-  const S = `${t.category.name}: ${n}`, _ = { modifiers: [{
-    name: "offset",
-    options: { offset: [0, 15] }
-  }] }, w = (c) => {
-    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), f(t));
-  }, B = () => {
-    s(!0);
-  }, H = () => {
-    s(!1);
-  };
-  return /* @__PURE__ */ I("g", {
-    "aria-label": `${m} - ${n}`,
-    className: "bubble",
-    id: `bubble-${i}`,
-    onBlur: H,
-    onClick: () => f(t),
-    onFocus: B,
-    onKeyDown: w,
-    onMouseEnter: () => s(!0),
-    onMouseLeave: () => s(!1),
-    role: "button",
-    style: {
-      cursor: v ? "pointer" : "default",
-      touchAction: "manipulation"
-    },
-    tabIndex: 0,
-    textAnchor: "middle",
-    x: E,
-    y: M,
-    children: [
-      /* @__PURE__ */ e("style", { children: `
-          .bubble:focus,
-          .bubble:focus-visible {
-            outline: none;
-          }
-          .bubble:focus circle,
-          .bubble:focus-visible circle {
-            stroke: ${T.palette.primary.main};
-            stroke-width: 3;
-            stroke-opacity: 0.8;
-          }
-        ` }),
-      /* @__PURE__ */ e(P, {
-        open: $,
-        slotProps: { popper: _ },
-        title: S,
-        children: /* @__PURE__ */ e("circle", {
-          fill: k,
-          id: `circle-${i}`,
-          r: o
-        })
-      }),
-      /* @__PURE__ */ e("svg", {
-        x: y,
-        y: a,
-        children: /* @__PURE__ */ e(A, {
-          name: C,
-          size: h,
-          sx: { fill: l }
-        })
-      }),
-      o > r && /* @__PURE__ */ e(d, {
-        bold: !0,
-        component: "text",
-        id: `budget-category-${i}`,
-        sx: { fill: l },
-        variant: "body2",
-        y: 4,
-        children: m
-      }),
-      o > u && /* @__PURE__ */ e(d, {
-        bold: !0,
-        component: "text",
-        id: `budget-description-${i}-1`,
-        sx: { fill: l },
-        variant: "body1",
-        y: o <= r ? 12 : 24,
-        children: o <= r ? n.split(" ")[0] : n
-      }),
-      o <= r && o > u && /* @__PURE__ */ e(d, {
-        component: "text",
-        id: `budget-description-${i}-2`,
-        sx: { fill: l },
-        variant: "caption",
-        y: 28,
-        children: n.split(" ")[1]
-      }),
-      /* @__PURE__ */ e(R, { bubble: D })
-    ]
-  }, i);
-}
-export {
-  U as Bubble
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BubbleChart/Bubble/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/bubblechart/Bubble.tsx"],"sourcesContent":["import React from 'react'\n\nimport Tooltip from '@mui/material/Tooltip'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport Mercury from './Mercury'\n\nimport { useWidgetContainerProvider } from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport type { BubbleData } from '../BubbleChart'\n\nconst LARGE_THRESHOLD = 75\nconst MEDIUM_THRESHOLD = 50\n\ninterface BubbleProps {\n  bubble: BubbleData\n  isDraggable: boolean\n  onClick?: (budget: DetailedBudget) => void\n}\n\nexport function Bubble({ bubble, isDraggable, onClick = () => {} }: BubbleProps) {\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const theme = useTheme()\n\n  const { availableWidth } = useWidgetContainerProvider()\n\n  const budgetBubble = React.useMemo(() => {\n    if (!bubble) return undefined\n    return {\n      amount: bubble.amount,\n      budgetColors: bubble.budgetColors,\n      guid: bubble.guid,\n      radius: bubble.radius,\n      transaction_total: bubble.transaction_total,\n    }\n  }, [bubble.amount, bubble.budgetColors, bubble.guid, bubble.radius, bubble.transaction_total])\n\n  if (!bubble) return undefined\n\n  const {\n    budgetColors: { background, text: textColor },\n    category: { icon, name },\n    guid,\n    description,\n    radius,\n    x,\n    y,\n  } = bubble\n\n  const defaultSvgOffset = availableWidth < 400 ? -8 : -12\n\n  let iconX = defaultSvgOffset\n  let iconY = defaultSvgOffset\n\n  if (radius > LARGE_THRESHOLD) {\n    iconX = -14\n    iconY = -45\n  } else if (radius > MEDIUM_THRESHOLD) {\n    iconY = -32\n  }\n\n  let iconDimension = 32\n\n  if (radius <= LARGE_THRESHOLD) {\n    iconDimension = availableWidth < 400 ? 16 : 24\n  }\n\n  const tooltipText = `${bubble.category.name}: ${description}`\n  const tooltipPopperSlot = {\n    modifiers: [\n      {\n        name: 'offset',\n        options: { offset: [0, 15] },\n      },\n    ],\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onClick(bubble)\n    }\n  }\n\n  const handleFocus = () => {\n    setShowTooltip(true)\n  }\n\n  const handleBlur = () => {\n    setShowTooltip(false)\n  }\n\n  return (\n    <g\n      aria-label={`${name} - ${description}`}\n      className=\"bubble\"\n      id={`bubble-${guid}`}\n      key={guid}\n      onBlur={handleBlur}\n      onClick={() => onClick(bubble)}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n      role=\"button\"\n      style={{ cursor: isDraggable ? 'pointer' : 'default', touchAction: 'manipulation' }}\n      tabIndex={0}\n      textAnchor=\"middle\"\n      x={x}\n      y={y}\n    >\n      <style>\n        {`\n          .bubble:focus,\n          .bubble:focus-visible {\n            outline: none;\n          }\n          .bubble:focus circle,\n          .bubble:focus-visible circle {\n            stroke: ${theme.palette.primary.main};\n            stroke-width: 3;\n            stroke-opacity: 0.8;\n          }\n        `}\n      </style>\n      <Tooltip open={showTooltip} slotProps={{ popper: tooltipPopperSlot }} title={tooltipText}>\n        <circle fill={background} id={`circle-${guid}`} r={radius} />\n      </Tooltip>\n\n      <svg x={iconX} y={iconY}>\n        <Icon name={icon} size={iconDimension} sx={{ fill: textColor }} />\n      </svg>\n\n      {radius > LARGE_THRESHOLD && (\n        <Text\n          bold={true}\n          component=\"text\"\n          id={`budget-category-${guid}`}\n          sx={{ fill: textColor }}\n          variant=\"body2\"\n          /* @ts-expect-error Property doesn't exist on type */\n          y={4}\n        >\n          {name}\n        </Text>\n      )}\n\n      {radius > MEDIUM_THRESHOLD && (\n        <Text\n          bold={true}\n          component=\"text\"\n          id={`budget-description-${guid}-1`}\n          sx={{ fill: textColor }}\n          variant=\"body1\"\n          /* @ts-expect-error Property doesn't exist on type */\n          y={radius <= LARGE_THRESHOLD ? 12 : 24}\n        >\n          {radius <= LARGE_THRESHOLD ? description.split(' ')[0] : description}\n        </Text>\n      )}\n\n      {radius <= LARGE_THRESHOLD && radius > MEDIUM_THRESHOLD && (\n        <Text\n          component=\"text\"\n          id={`budget-description-${guid}-2`}\n          sx={{ fill: textColor }}\n          variant=\"caption\"\n          /* @ts-expect-error Property doesn't exist on type */\n          y={28}\n        >\n          {description.split(' ')[1]}\n        </Text>\n      )}\n\n      <Mercury bubble={budgetBubble as BubbleData} />\n    </g>\n  )\n}\n"],"mappings":"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"}

package/dist/budgets/components/BubbleChart/Mercury/index.es.js

@@ -1,29 +0,0 @@
-import { arcTween as f } from "../../../utils/BubblesSVG/index.es.js";
-import i from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as p } from "@mui/material/styles";
-import * as r from "d3";
-var l = 5, y = 2e3, R = ({ bubble: a }) => {
-  const c = p(), { amount: m, guid: n, budgetColors: { mercury: u }, radius: s, transaction_total: d } = a, t = `mercury-${n}`;
-  return i.useEffect(() => {
-    r.select(`.${t}`).selectAll(".status").remove(), r.select(`.${t}`).append("path").transition().duration(y).delay(0).attr("class", "status").attr("style", `fill: ${u}; fill-opacity: 1;`).attrTween("d", () => f(a));
-  }, [
-    m,
-    s,
-    d
-  ]), /* @__PURE__ */ o("g", {
-    className: t,
-    children: /* @__PURE__ */ o("path", {
-      d: r.arc().innerRadius((e) => e - 2 * l).outerRadius((e) => e - l).startAngle(0).endAngle(2 * Math.PI)(s) || "",
-      style: {
-        fill: c.palette.common.white,
-        fillOpacity: 0.35
-      }
-    })
-  });
-}, A = i.memo(R);
-export {
-  A as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BubbleChart/Mercury/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/bubblechart/Mercury.tsx"],"sourcesContent":["import React from 'react'\nimport * as d3 from 'd3'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { arcTween } from '../../utils/BubblesSVG'\n\nimport type { BubbleData } from '../BubbleChart'\n\nconst PROGRESS_INDICATOR_SIZE = 5\nconst PROGRESS_DURATION = 2000\n\ninterface MercuryProps {\n  bubble: BubbleData\n}\n\nconst Mercury = ({ bubble }: MercuryProps) => {\n  const theme = useTheme()\n  const {\n    amount,\n    guid,\n    budgetColors: { mercury },\n    radius,\n    transaction_total,\n  } = bubble\n\n  const bubbleId = `mercury-${guid}`\n\n  React.useEffect(() => {\n    // Remove previous status arc\n    d3.select(`.${bubbleId}`).selectAll('.status').remove()\n\n    // Append updated status arc\n    d3.select(`.${bubbleId}`)\n      .append('path')\n      .transition()\n      .duration(PROGRESS_DURATION)\n      .delay(0)\n      .attr('class', 'status')\n      .attr('style', `fill: ${mercury}; fill-opacity: 1;`)\n      .attrTween('d', () => arcTween(bubble))\n  }, [amount, radius, transaction_total])\n\n  const trackArc = d3\n    .arc<number>()\n    .innerRadius((radius: number) => radius - 2 * PROGRESS_INDICATOR_SIZE)\n    .outerRadius((radius: number) => radius - PROGRESS_INDICATOR_SIZE)\n    .startAngle(0)\n    .endAngle(2 * Math.PI)\n\n  return (\n    <g className={bubbleId}>\n      <path\n        d={trackArc(radius) || ''}\n        style={{ fill: theme.palette.common.white, fillOpacity: 0.35 }}\n      />\n    </g>\n  )\n}\n\nexport default React.memo(Mercury)\n"],"mappings":";;;;;AASA,IAAM,IAA0B,GAC1B,IAAoB,KAMpB,IAAA,CAAW,EAAE,QAAA,EAAA,MAA2B;AAC5C,QAAM,IAAQ,EAAS,GACjB,EACJ,QAAA,GACA,MAAA,GACA,cAAc,EAAE,SAAA,EAAA,GAChB,QAAA,GACA,mBAAA,EAAA,IACE,GAEE,IAAW,WAAW,CAAA;AAE5B,SAAA,EAAM,UAAA,MAAgB;AAEpB,IAAA,EAAG,OAAO,IAAI,CAAA,EAAU,EAAE,UAAU,SAAS,EAAE,OAAO,GAGtD,EAAG,OAAO,IAAI,CAAA,EAAU,EACrB,OAAO,MAAM,EACb,WAAW,EACX,SAAS,CAAiB,EAC1B,MAAM,CAAC,EACP,KAAK,SAAS,QAAQ,EACtB,KAAK,SAAS,SAAS,CAAA,oBAA2B,EAClD,UAAU,KAAA,MAAW,EAAS,CAAM,CAAC;AAAA,EAC1C,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAQ;AAAA,EAAiB,CAAC,GAUpC,gBAAA,EAAC,KAAD;AAAA,IAAG,WAAW;AAAA,cACZ,gBAAA,EAAC,QAAD;AAAA,MACE,GAVW,EACd,IAAY,EACZ,YAAA,CAAa,MAAmB,IAAS,IAAI,CAAuB,EACpE,YAAA,CAAa,MAAmB,IAAS,CAAuB,EAChE,WAAW,CAAC,EACZ,SAAS,IAAI,KAAK,EAKZ,EAAS,CAAM,KAAK;AAAA,MACvB,OAAO;AAAA,QAAE,MAAM,EAAM,QAAQ,OAAO;AAAA,QAAO,aAAa;AAAA,MAAK;AAAA,IAC9D,CAAA;AAAA,EACA,CAAA;AAEP,GAEA,IAAe,EAAM,KAAK,CAAO"}

package/dist/budgets/components/BubbleChart/index.es.js

@@ -1,59 +0,0 @@
-import { useBudgetsStore as x } from "../../../common/context/hooks/index.es.js";
-import { computeScaledNodes as y, enableDrag as B, resize as E, simulate as R } from "../../utils/BubblesSVG/index.es.js";
-import { Bubble as C } from "../bubblechart/Bubble/index.es.js";
-import t from "react";
-import { observer as M } from "mobx-react-lite";
-import { jsx as d } from "react/jsx-runtime";
-var g = ({ height: o, width: s, isDraggable: i = !1, onClick: p = () => {
-} }) => {
-  const [v, f] = t.useState([]), r = t.useRef(null), b = t.useRef(!1), { detailedBudgets: c } = x(), l = t.useCallback(() => {
-    const e = r.current, u = R(c), m = u.nodes();
-    if (e) {
-      const N = e.nodes(), S = new Map(N.map((n) => [n.guid, n]));
-      m.forEach((n) => {
-        const a = S.get(n.guid);
-        a && Object.assign(n, {
-          vx: a.vx,
-          vy: a.vy,
-          x: a.x,
-          y: a.y
-        });
-      });
-    }
-    r.current = u, b.current = !1, f(m);
-  }, [c]);
-  return t.useEffect(() => {
-    l();
-  }, [l]), t.useEffect(() => () => {
-    r.current && (r.current.stop(), r.current = null);
-  }, []), t.useEffect(() => {
-    const e = r.current;
-    if (!e) return;
-    const u = y(e.nodes(), c, s > 0 && s < 450 || o > 0 && o < 300, o, s);
-    e.nodes(u), E(e, o, s), i && setTimeout(() => {
-      B(e);
-    }, 0), f([...u]);
-  }, [
-    o,
-    s,
-    i,
-    c
-  ]), /* @__PURE__ */ d("svg", {
-    height: o,
-    style: {
-      overflow: "visible",
-      touchAction: "manipulation"
-    },
-    width: Math.abs(s),
-    children: v.map((e) => /* @__PURE__ */ d(C, {
-      bubble: e,
-      isDraggable: i,
-      onClick: p
-    }, e.guid))
-  });
-}, _ = M(g);
-export {
-  _ as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BubbleChart/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BubbleChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { SimulationNodeDatum } from 'd3-force'\n\nimport { useBudgetsStore } from '../../common'\nimport { type DetailedBudget } from '../../core'\n\nimport {\n  computeScaledNodes,\n  enableDrag,\n  resize,\n  simulate,\n  type SimulationType,\n} from '../utils/BubblesSVG'\n\nimport { Bubble } from './bubblechart/Bubble'\n\nexport interface BubbleData extends DetailedBudget, SimulationNodeDatum {\n  radius: number\n}\n\ninterface BubbleChartProps {\n  height: number\n  width: number\n  isDraggable?: boolean\n  onClick?: (budget: DetailedBudget) => void\n}\n\nconst BubbleChart: React.FC<BubbleChartProps> = ({\n  height,\n  width,\n  isDraggable = false,\n  onClick = () => {},\n}) => {\n  const [simulationNodes, setSimulationNodes] = React.useState<BubbleData[]>([])\n\n  const simulationRef = React.useRef<SimulationType | null>(null)\n  const dragEnabledRef = React.useRef<boolean>(false)\n\n  const { detailedBudgets: budgets } = useBudgetsStore()\n\n  const updateSimulation = React.useCallback(() => {\n    const previousSimulation = simulationRef.current\n    const currentSimulation = simulate(budgets)\n    const currentNodes = currentSimulation.nodes()\n\n    if (previousSimulation) {\n      const previousNodes = previousSimulation.nodes()\n      const previousNodesMap = new Map(previousNodes.map((node) => [node.guid, node]))\n\n      currentNodes.forEach((node) => {\n        const previousNode = previousNodesMap.get(node.guid)\n        if (previousNode) {\n          Object.assign(node, {\n            vx: previousNode.vx,\n            vy: previousNode.vy,\n            x: previousNode.x,\n            y: previousNode.y,\n          })\n        }\n      })\n    }\n\n    simulationRef.current = currentSimulation\n    dragEnabledRef.current = false\n    setSimulationNodes(currentNodes)\n  }, [budgets])\n\n  React.useEffect(() => {\n    updateSimulation()\n  }, [updateSimulation])\n\n  React.useEffect(() => {\n    return () => {\n      if (simulationRef.current) {\n        simulationRef.current.stop()\n        simulationRef.current = null\n      }\n    }\n  }, [])\n\n  React.useEffect(() => {\n    const simulation = simulationRef.current\n    if (!simulation) return\n\n    const nodes = simulation.nodes()\n    const isCompact = (width > 0 && width < 450) || (height > 0 && height < 300)\n\n    const updatedNodes = computeScaledNodes(nodes, budgets, isCompact, height, width)\n    simulation.nodes(updatedNodes)\n    resize(simulation, height, width)\n\n    if (isDraggable) {\n      setTimeout(() => {\n        enableDrag(simulation)\n      }, 0)\n    }\n\n    setSimulationNodes([...updatedNodes])\n  }, [height, width, isDraggable, budgets])\n\n  return (\n    <svg\n      height={height}\n      style={{ overflow: 'visible', touchAction: 'manipulation' }}\n      width={Math.abs(width)}\n    >\n      {simulationNodes.map((bubble) => (\n        <Bubble bubble={bubble} isDraggable={isDraggable} key={bubble.guid} onClick={onClick} />\n      ))}\n    </svg>\n  )\n}\n\nexport default observer(BubbleChart)\n"],"mappings":";;;;;;AA4BA,IAAM,IAAA,CAA2C,EAC/C,QAAA,GACA,OAAA,GACA,aAAA,IAAc,IACd,SAAA,IAAA,MAAgB;AAAC,EAAA,MACb;AACJ,QAAM,CAAC,GAAiB,CAAA,IAAsB,EAAM,SAAuB,CAAC,CAAC,GAEvE,IAAgB,EAAM,OAA8B,IAAI,GACxD,IAAiB,EAAM,OAAgB,EAAK,GAE5C,EAAE,iBAAiB,EAAA,IAAY,EAAgB,GAE/C,IAAmB,EAAM,YAAA,MAAkB;AAC/C,UAAM,IAAqB,EAAc,SACnC,IAAoB,EAAS,CAAO,GACpC,IAAe,EAAkB,MAAM;AAE7C,QAAI,GAAoB;AACtB,YAAM,IAAgB,EAAmB,MAAM,GACzC,IAAmB,IAAI,IAAI,EAAc,IAAA,CAAK,MAAS,CAAC,EAAK,MAAM,CAAI,CAAC,CAAC;AAE/E,MAAA,EAAa,QAAA,CAAS,MAAS;AAC7B,cAAM,IAAe,EAAiB,IAAI,EAAK,IAAI;AACnD,QAAI,KACF,OAAO,OAAO,GAAM;AAAA,UAClB,IAAI,EAAa;AAAA,UACjB,IAAI,EAAa;AAAA,UACjB,GAAG,EAAa;AAAA,UAChB,GAAG,EAAa;AAAA,QAClB,CAAC;AAAA,MAEL,CAAC;AAAA,IACH;AAEA,IAAA,EAAc,UAAU,GACxB,EAAe,UAAU,IACzB,EAAmB,CAAY;AAAA,EACjC,GAAG,CAAC,CAAO,CAAC;AAEZ,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAiB;AAAA,EACnB,GAAG,CAAC,CAAgB,CAAC,GAErB,EAAM,UAAA,MACJ,MAAa;AACX,IAAI,EAAc,YAChB,EAAc,QAAQ,KAAK,GAC3B,EAAc,UAAU;AAAA,EAE5B,GACC,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,UAAM,IAAa,EAAc;AACjC,QAAI,CAAC,EAAY;AAKjB,UAAM,IAAe,EAHP,EAAW,MAGe,GAAO,GAF5B,IAAQ,KAAK,IAAQ,OAAS,IAAS,KAAK,IAAS,KAEL,GAAQ,CAAK;AAChF,IAAA,EAAW,MAAM,CAAY,GAC7B,EAAO,GAAY,GAAQ,CAAK,GAE5B,KACF,WAAA,MAAiB;AACf,MAAA,EAAW,CAAU;AAAA,IACvB,GAAG,CAAC,GAGN,EAAmB,CAAC,GAAG,CAAY,CAAC;AAAA,EACtC,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAO;AAAA,IAAa;AAAA,EAAO,CAAC,GAGtC,gBAAA,EAAC,OAAD;AAAA,IACU,QAAA;AAAA,IACR,OAAO;AAAA,MAAE,UAAU;AAAA,MAAW,aAAa;AAAA,IAAe;AAAA,IAC1D,OAAO,KAAK,IAAI,CAAK;AAAA,cAEpB,EAAgB,IAAA,CAAK,MACpB,gBAAA,EAAC,GAAD;AAAA,MAAgB,QAAA;AAAA,MAAqB,aAAA;AAAA,MAAwC,SAAA;AAAA,IAAU,GAAhC,EAAO,IAAyB,CACxF;AAAA,EACE,CAAA;AAET,GAEA,IAAe,EAAS,CAAW"}

package/dist/budgets/components/BudgetDetailsDrawer/index.es.js

@@ -1,106 +0,0 @@
-import { buildDynamicCopy as c } from "../../../core/utils/Localization/index.es.js";
-import { useBudgetsStore as E, useGlobalCopyStore as N, useGlobalUiStore as P, useTransactionStore as G } from "../../../common/context/hooks/index.es.js";
-import _ from "../../../common/components/dialog/Dialog/index.es.js";
-import I from "../../../common/components/drawer/Drawer/index.es.js";
-import { BudgetAmount as $ } from "../shared/BudgetAmount/index.es.js";
-import { BudgetDetails as j } from "../budgetdetails/BudgetDetails/index.es.js";
-import r from "react";
-import { observer as F } from "mobx-react-lite";
-import { Text as R } from "@mxenabled/mxui";
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import U from "@mui/material/Alert";
-import k from "@mui/material/Snackbar";
-var Z = F(() => {
-  const { selectedAccountGuids: b } = P(), { budgets: t, common: n } = N(), { alert: d, dateRange: h, deleteBudget: C, selectedBudget: e, selectedSubBudget: S, setAlert: a, setSelectedBudget: B, updateBudget: A } = E(), { setFilter: D } = G(), [v, u] = r.useState(!1), [x, s] = r.useState(!1), [O, m] = r.useState(!1), [i, l] = r.useState("");
-  r.useEffect(() => {
-    e && !S && (l(`${e.amount}`), u(!0), D({
-      accounts: b,
-      dateRange: h,
-      custom: (y) => y.category_guid === e.category_guid || y.top_level_category_guid === e.category_guid,
-      showSplits: !0
-    }));
-  }, [e]);
-  const T = async () => {
-    e && (await A({
-      ...e,
-      amount: Number(i),
-      percentage: e.category.totalAmount / Number(i) * 100
-    }), s(!1), a(c(t.alert_budget_updated, e.category.name)));
-  }, w = async () => {
-    e && (await C(e.guid), a(c(t.alert_budget_deleted, e.category.name))), p();
-  }, p = () => {
-    u(!1), setTimeout(() => {
-      B(void 0);
-    }, 250);
-  }, g = () => {
-    s(!1), l(`${e?.amount}`);
-  };
-  if (e)
-    return /* @__PURE__ */ f(r.Fragment, { children: [
-      /* @__PURE__ */ f(I, {
-        ariaLabelClose: n.close_aria,
-        isOpen: v,
-        onClose: p,
-        onPrimaryAction: () => s(!0),
-        onSecondaryAction: () => m(!0),
-        primaryText: t.details_edit_button,
-        secondaryColor: "error",
-        secondaryText: t.details_delete_button,
-        title: t.details_title,
-        children: [/* @__PURE__ */ o(j, { budget: e }), /* @__PURE__ */ o(k, {
-          anchorOrigin: {
-            vertical: "bottom",
-            horizontal: "right"
-          },
-          autoHideDuration: 3500,
-          onClose: () => a(""),
-          open: !!d,
-          children: /* @__PURE__ */ o(U, {
-            closeText: "",
-            onClose: () => a(""),
-            severity: "success",
-            variant: "filled",
-            children: d
-          })
-        })]
-      }),
-      /* @__PURE__ */ o(_, {
-        copy: {
-          close_aria: n.close_aria,
-          title: t.details_edit_title
-        },
-        disablePrimaryButton: Number(i) <= 0,
-        isOpen: x,
-        onClose: g,
-        onPrimaryAction: T,
-        onSecondaryAction: g,
-        primaryText: t.edit_save_button,
-        children: /* @__PURE__ */ o($, {
-          amount: i,
-          categoryName: e.category.name,
-          onAmountChanged: l
-        })
-      }),
-      /* @__PURE__ */ o(_, {
-        copy: {
-          close_aria: n.close_aria,
-          title: t.delete_title
-        },
-        isOpen: O,
-        onClose: () => m(!1),
-        onPrimaryAction: w,
-        primaryColor: "error",
-        primaryText: t.details_delete_button,
-        secondaryColor: "secondary",
-        children: /* @__PURE__ */ o(R, {
-          variant: "subtitle1",
-          children: c(t.delete_description, e.category.name)
-        })
-      })
-    ] });
-});
-export {
-  Z as BudgetDetailsDrawer
-};
-
-//# sourceMappingURL=index.es.js.map