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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { type Budget, type Transaction } from '../../core'\n\nimport { BudgetDetails } from './budgetdetails/BudgetDetails'\nimport { BudgetAmount } from './shared/BudgetAmount'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport const BudgetDetailsDrawer = observer(() => {\n  const { selectedAccountGuids } = useGlobalUiStore()\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const {\n    alert,\n    dateRange,\n    deleteBudget,\n    selectedBudget,\n    selectedSubBudget,\n    setAlert,\n    setSelectedBudget,\n    updateBudget,\n  } = useBudgetsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isEditOpen, setIsEditOpen] = React.useState(false)\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(``)\n\n  React.useEffect(() => {\n    if (selectedBudget && !selectedSubBudget) {\n      setAmount(`${selectedBudget.amount}`)\n      setIsOpen(true)\n      setFilter({\n        accounts: selectedAccountGuids,\n        dateRange: dateRange,\n        custom: (t: Transaction) =>\n          t.category_guid === selectedBudget.category_guid ||\n          t.top_level_category_guid === selectedBudget.category_guid,\n        showSplits: true,\n      })\n    }\n  }, [selectedBudget])\n\n  const handleUpdateBudget = async () => {\n    if (selectedBudget) {\n      await updateBudget({\n        ...selectedBudget,\n        amount: Number(amount),\n        percentage: (selectedBudget.category.totalAmount / Number(amount)) * 100,\n      } as Budget)\n      setIsEditOpen(false)\n      setAlert(buildDynamicCopy(copy.alert_budget_updated, selectedBudget.category.name) as string)\n    }\n  }\n\n  const handleDeleteBudget = async () => {\n    if (selectedBudget) {\n      await deleteBudget(selectedBudget.guid)\n      setAlert(buildDynamicCopy(copy.alert_budget_deleted, selectedBudget.category.name) as string)\n    }\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setIsOpen(false)\n    // Wait for the close animation before set the selected budget\n    setTimeout(() => {\n      setSelectedBudget(undefined)\n    }, 250)\n  }\n\n  const handleEditClose = () => {\n    setIsEditOpen(false)\n    setAmount(`${selectedBudget?.amount}`)\n  }\n\n  if (!selectedBudget) {\n    return undefined\n  }\n\n  return (\n    <React.Fragment>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={() => setIsEditOpen(true)}\n        onSecondaryAction={() => setIsDeleteOpen(true)}\n        primaryText={copy.details_edit_button}\n        secondaryColor=\"error\"\n        secondaryText={copy.details_delete_button}\n        title={copy.details_title}\n      >\n        <BudgetDetails budget={selectedBudget} />\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert('')}\n          open={Boolean(alert)}\n        >\n          <Alert closeText=\"\" onClose={() => setAlert('')} severity={'success'} variant=\"filled\">\n            {alert}\n          </Alert>\n        </Snackbar>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.details_edit_title }}\n        disablePrimaryButton={Number(amount) <= 0}\n        isOpen={isEditOpen}\n        onClose={handleEditClose}\n        onPrimaryAction={handleUpdateBudget}\n        onSecondaryAction={handleEditClose}\n        primaryText={copy.edit_save_button}\n      >\n        <BudgetAmount\n          amount={amount}\n          categoryName={selectedBudget.category.name}\n          onAmountChanged={setAmount}\n        />\n      </Dialog>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.delete_title }}\n        isOpen={isDeleteOpen}\n        onClose={() => setIsDeleteOpen(false)}\n        onPrimaryAction={handleDeleteBudget}\n        primaryColor=\"error\"\n        primaryText={copy.details_delete_button}\n        secondaryColor=\"secondary\"\n      >\n        <Text variant=\"subtitle1\">\n          {buildDynamicCopy(copy.delete_description, selectedBudget.category.name) as string}\n        </Text>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n"],"mappings":"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"}

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

@@ -1,126 +0,0 @@
-import { buildDynamicCopy as _ } from "../../../core/utils/Localization/index.es.js";
-import { useBudgetsStore as z, useGlobalCopyStore as M, useGlobalUiStore as k, useTransactionStore as H } from "../../../common/context/hooks/index.es.js";
-import U from "../../../common/components/drawer/Drawer/index.es.js";
-import { getCategoryColor as T } from "../../../core/utils/CategoryUtil/index.es.js";
-import { getRemainingAmountSpentPercentage as W } from "../../../core/utils/BudgetUtil/index.es.js";
-import q from "../../../common/components/Loader/index.es.js";
-import J from "../../../common/components/CurrencyDialog/index.es.js";
-import K from "../../../transactions/components/shared/TransactionList/index.es.js";
-import { BudgetDetailsTopSection as Q } from "../shared/BudgetDetailsTopSection/index.es.js";
-import i from "react";
-import { observer as X } from "mobx-react-lite";
-import { CategoryIcon as Y } from "@mxenabled/mxui";
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { alpha as Z, useTheme as ee } from "@mui/material/styles";
-import te from "@mui/material/Alert";
-import oe from "@mui/material/Snackbar";
-var c = {
-  CANCEL_DELETE: "Cancel - Delete",
-  END_SAVE: "End - Save",
-  END_DELETE: "End - Delete",
-  START_DELETE: "Start - Delete"
-}, re = ({ onClose: A, onEvent: s, onViewHistory: L, transactionListProps: x }) => {
-  const { alert: u, dateRange: f, deleteBudget: B, selectedBudget: e, selectedSubBudget: N, setAlert: m, setSelectedBudget: v, updateBudget: w } = z(), { budgets: o, common: p } = M(), { isCopyLoaded: G, selectedAccountGuids: R } = k(), E = ee(), { setFilter: V } = H(), [a, d] = i.useState(""), [t, n] = i.useState(null), [P, C] = i.useState(!1), g = i.useRef(!1);
-  if (i.useEffect(() => {
-    !e || N || (d(`${e.amount}`), V({
-      accounts: R,
-      dateRange: f,
-      custom: ({ category_guid: l, top_level_category_guid: y }) => {
-        const { category_guid: D } = e;
-        return l === D || y === D;
-      }
-    }), C(!0));
-  }, [e]), !G) return /* @__PURE__ */ r(q, {});
-  if (!e) return null;
-  const b = () => {
-    d(""), n(null), C(!1), setTimeout(() => {
-      v(void 0), A?.();
-    }, 250);
-  }, S = () => {
-    t === "delete" && s?.(c.CANCEL_DELETE, a), d(e.amount ? `${e.amount}` : ""), n(null);
-  }, F = async () => {
-    if (t === "edit") {
-      if (g.current) return;
-      g.current = !0, await w({
-        ...e,
-        amount: Number(a)
-      }), s?.(c.END_SAVE, a), m(_(o.alert_budget_updated, e.category.name)), n(null), g.current = !1;
-    }
-    t === "delete" && (await B(e.guid), s?.(c.END_DELETE, a), b());
-  }, { remainingAmount: O, spentPercentage: $, iconColor: I } = W(e.transaction_total ?? 0, e.amount ?? 0), j = (l, y) => _(l, /* @__PURE__ */ r("b", { children: y }));
-  return /* @__PURE__ */ h(i.Fragment, { children: [/* @__PURE__ */ h(U, {
-    ariaLabelClose: p.close_aria,
-    footerStyles: {
-      px: 24,
-      py: 16
-    },
-    isOpen: P,
-    onClose: b,
-    onPrimaryAction: () => n("edit"),
-    onSecondaryAction: () => {
-      s?.(c.START_DELETE, a), n("delete");
-    },
-    primaryText: o.details_edit_button,
-    secondaryColor: "error",
-    secondaryText: o.details_delete_button,
-    sx: { "& .list-wrapper": { pr: 24 } },
-    title: _(o.details_type_title, e.category.name),
-    children: [
-      /* @__PURE__ */ r(Q, {
-        amount: e.amount,
-        icon: /* @__PURE__ */ r(Y, {
-          categoryGuid: e.category.guid,
-          size: 44,
-          sx: {
-            bgcolor: Z(T(e.category.guid, E), 0.15),
-            border: `1px solid ${T(e.category.guid, E)}`,
-            color: "text.primary"
-          }
-        }),
-        iconColor: I,
-        onViewHistory: L,
-        remainingAmount: O,
-        spentPercentage: $,
-        startDate: (f.start.getTime() ?? 0) / 1e3,
-        totalTransaction: e.transaction_total
-      }),
-      /* @__PURE__ */ r(K, { ...x }),
-      u && /* @__PURE__ */ r(oe, {
-        anchorOrigin: {
-          horizontal: "right",
-          vertical: "bottom"
-        },
-        autoHideDuration: 3500,
-        onClose: () => m(""),
-        open: !!u,
-        children: /* @__PURE__ */ r(te, {
-          closeText: "",
-          onClose: () => m(""),
-          severity: "success",
-          variant: "filled",
-          children: u
-        })
-      })
-    ]
-  }), t && /* @__PURE__ */ r(J, {
-    closeAriaLabel: p.close_aria,
-    content: j(o[t === "edit" ? "edit_budget_content" : "delete_description"], e.category.name),
-    handleInputChange: (l) => d(l.toString()),
-    handleModalClose: S,
-    handlePrimaryAction: F,
-    handleSecondaryAction: S,
-    inputLabel: t === "edit" ? o.details_edit_title : "",
-    inputValue: a,
-    isOpen: !0,
-    primaryColor: t === "edit" ? "primary" : "error",
-    primaryText: o[t === "edit" ? "add_save_button" : "details_delete_button"],
-    secondaryColor: t === "edit" ? "primary" : "inherit",
-    secondaryText: p.cancel_button,
-    title: o[t === "edit" ? "details_edit_title" : "delete_title"]
-  })] });
-}, be = X(re);
-export {
-  be as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BudgetDetailsDrawerV2.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\n\nimport Snackbar from '@mui/material/Snackbar'\nimport { alpha, useTheme } from '@mui/material/styles'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport {\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { type Budget, type Transaction } from '../../core'\nimport { CurrencyDialog, Drawer, Loader } from '../../common/components'\nimport { TransactionList } from '../../transactions'\nimport { type TransactionListProps } from '../../transactions/components/shared/TransactionList'\n\nimport { getRemainingAmountSpentPercentage } from '../../core/utils/BudgetUtil'\n\nimport { BudgetDetailsTopSection } from './shared/BudgetDetailsTopSection'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nenum Action {\n  DELETE = 'delete',\n  EDIT = 'edit',\n}\n\ninterface BudgetDetailsDrawerV2Props {\n  onClose?: () => void\n  onEvent?: (event: string, amount: string) => void\n  onViewHistory?: () => void\n  transactionListProps?: TransactionListProps\n}\n\nconst EVENT_MESSAGES = {\n  CANCEL_DELETE: 'Cancel - Delete',\n  END_SAVE: 'End - Save',\n  END_DELETE: 'End - Delete',\n  START_DELETE: 'Start - Delete',\n}\n\n// V2 implementation of Budget Details Drawer.\n// This will replace BudgetDetailsDrawer\n// after the PFM design is finalized\n// and aligned with Insights.\n\nconst BudgetDetailsDrawerV2 = ({\n  onClose,\n  onEvent,\n  onViewHistory,\n  transactionListProps,\n}: BudgetDetailsDrawerV2Props) => {\n  const {\n    alert,\n    dateRange,\n    deleteBudget,\n    selectedBudget,\n    selectedSubBudget,\n    setAlert,\n    setSelectedBudget,\n    updateBudget,\n  } = useBudgetsStore()\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, selectedAccountGuids } = useGlobalUiStore()\n  const theme = useTheme()\n  const { setFilter } = useTransactionStore()\n\n  const [amount, setAmount] = React.useState('')\n  const [formAction, setFormAction] = React.useState<Action | null>(null)\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const inProgress = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!selectedBudget || selectedSubBudget) return\n\n    setAmount(`${selectedBudget.amount}`)\n    setFilter({\n      accounts: selectedAccountGuids,\n      dateRange,\n      custom: ({ category_guid, top_level_category_guid }: Transaction) => {\n        const { category_guid: budgetCategoryGuid } = selectedBudget\n        return (\n          category_guid === budgetCategoryGuid || top_level_category_guid === budgetCategoryGuid\n        )\n      },\n    })\n    setIsOpen(true)\n  }, [selectedBudget])\n\n  if (!isCopyLoaded) return <Loader />\n  if (!selectedBudget) return null\n\n  const handleClose = () => {\n    setAmount('')\n    setFormAction(null)\n    setIsOpen(false)\n\n    setTimeout(() => {\n      setSelectedBudget(undefined)\n      onClose?.()\n    }, 250)\n  }\n\n  const handleFormDialogClose = () => {\n    if (formAction === Action.DELETE) onEvent?.(EVENT_MESSAGES.CANCEL_DELETE, amount)\n\n    setAmount(selectedBudget.amount ? `${selectedBudget.amount}` : '')\n    setFormAction(null)\n  }\n\n  const handlePrimaryAction = async () => {\n    if (formAction === Action.EDIT) {\n      if (inProgress.current) return\n      inProgress.current = true\n\n      await updateBudget({\n        ...selectedBudget,\n        amount: Number(amount),\n      } as Budget)\n      onEvent?.(EVENT_MESSAGES.END_SAVE, amount)\n\n      setAlert(\n        buildDynamicCopy(budgetsCopy.alert_budget_updated, selectedBudget.category.name) as string,\n      )\n      setFormAction(null)\n\n      inProgress.current = false\n    }\n\n    if (formAction === Action.DELETE) {\n      await deleteBudget(selectedBudget.guid)\n      onEvent?.(EVENT_MESSAGES.END_DELETE, amount)\n\n      handleClose()\n    }\n  }\n\n  const { remainingAmount, spentPercentage, iconColor } = getRemainingAmountSpentPercentage(\n    selectedBudget.transaction_total ?? 0,\n    selectedBudget.amount ?? 0,\n  )\n\n  const buildCopyWithBold = (copyKey: string, content: React.ReactNode): string => {\n    return buildDynamicCopy(copyKey, <b>{content}</b>) as string\n  }\n\n  return (\n    <React.Fragment>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        footerStyles={{\n          px: 24,\n          py: 16,\n        }}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={() => setFormAction(Action.EDIT)}\n        onSecondaryAction={() => {\n          onEvent?.(EVENT_MESSAGES.START_DELETE, amount)\n          setFormAction(Action.DELETE)\n        }}\n        primaryText={budgetsCopy.details_edit_button}\n        secondaryColor=\"error\"\n        secondaryText={budgetsCopy.details_delete_button}\n        sx={{\n          '& .list-wrapper': {\n            pr: 24,\n          },\n        }}\n        title={\n          buildDynamicCopy(budgetsCopy.details_type_title, selectedBudget.category.name) as string\n        }\n      >\n        <BudgetDetailsTopSection\n          amount={selectedBudget.amount}\n          icon={\n            <CategoryIcon\n              categoryGuid={selectedBudget.category.guid}\n              size={44}\n              sx={{\n                bgcolor: alpha(getCategoryColor(selectedBudget.category.guid, theme), 0.15),\n                border: `1px solid ${getCategoryColor(selectedBudget.category.guid, theme)}`,\n                color: 'text.primary',\n              }}\n            />\n          }\n          iconColor={iconColor}\n          onViewHistory={onViewHistory}\n          remainingAmount={remainingAmount}\n          spentPercentage={spentPercentage}\n          startDate={(dateRange.start.getTime() ?? 0) / 1000}\n          totalTransaction={selectedBudget.transaction_total}\n        />\n        <TransactionList {...transactionListProps} />\n        {alert && (\n          <Snackbar\n            anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n            autoHideDuration={3500}\n            onClose={() => setAlert('')}\n            open={Boolean(alert)}\n          >\n            <Alert closeText=\"\" onClose={() => setAlert('')} severity=\"success\" variant=\"filled\">\n              {alert}\n            </Alert>\n          </Snackbar>\n        )}\n      </Drawer>\n      {formAction && (\n        <CurrencyDialog\n          closeAriaLabel={commonCopy.close_aria}\n          content={buildCopyWithBold(\n            budgetsCopy[formAction === Action.EDIT ? 'edit_budget_content' : 'delete_description'],\n            selectedBudget.category.name,\n          )}\n          handleInputChange={(value) => setAmount(value.toString())}\n          handleModalClose={handleFormDialogClose}\n          handlePrimaryAction={handlePrimaryAction}\n          handleSecondaryAction={handleFormDialogClose}\n          inputLabel={formAction === Action.EDIT ? budgetsCopy.details_edit_title : ''}\n          inputValue={amount}\n          isOpen={true}\n          primaryColor={formAction === Action.EDIT ? 'primary' : 'error'}\n          primaryText={\n            budgetsCopy[formAction === Action.EDIT ? 'add_save_button' : 'details_delete_button']\n          }\n          secondaryColor={formAction === Action.EDIT ? 'primary' : 'inherit'}\n          secondaryText={commonCopy.cancel_button}\n          title={budgetsCopy[formAction === Action.EDIT ? 'details_edit_title' : 'delete_title']}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n\nexport default observer(BudgetDetailsDrawerV2)\n"],"mappings":"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"}

package/dist/budgets/components/BudgetList/BudgetRow/index.es.js

@@ -1,71 +0,0 @@
-import { formatCurrency as c } from "../../../../core/utils/NumberFormatting/index.es.js";
-import h from "../../../../common/components/donuts/SingleSegmentDonut/index.es.js";
-import "react";
-import a from "@mui/material/Stack";
-import { CategoryIcon as b, Text as o } from "@mxenabled/mxui";
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import y from "@mui/material/ListItem";
-import v from "@mui/material/ListItemButton";
-import x from "@mui/material/ListItemText";
-import C from "@mui/material/ListItemAvatar";
-var _ = ({ budget: r, onClick: m }) => {
-  const { amount: s, budgetColors: { background: d, description: p }, category_guid: l, description: u, percentage: i, subBudgets: f, transaction_total: g } = r, n = i > 100;
-  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ e(v, {
-    onClick: () => m?.(r),
-    children: [/* @__PURE__ */ t(C, {
-      sx: {
-        mb: -8,
-        mr: 16
-      },
-      children: /* @__PURE__ */ t(h, {
-        color: d,
-        percent: i,
-        size: 40,
-        children: /* @__PURE__ */ t(b, {
-          categoryGuid: l,
-          variant: "basic"
-        })
-      })
-    }), /* @__PURE__ */ t(x, {
-      primary: /* @__PURE__ */ e(a, {
-        component: "span",
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ t(o, {
-          bold: !0,
-          variant: "body1",
-          children: r.category.name
-        }), /* @__PURE__ */ t(o, {
-          fontWeight: 400,
-          variant: "body1",
-          children: `
-                  ${c(g, "0,0")} /
-                  ${c(s, "0,0")}
-                `
-        })]
-      }),
-      secondary: /* @__PURE__ */ e(a, {
-        component: "span",
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ t(o, {
-          variant: "caption",
-          children: `${f.length} Sub-budgets`
-        }), /* @__PURE__ */ t(o, {
-          bold: n,
-          sx: {
-            color: p,
-            ...n && { ".MuiListItemButton-root:hover &, .MuiListItemButton-root:active &": { color: "error.dark" } }
-          },
-          variant: "caption",
-          children: u
-        })]
-      })
-    })]
-  }) });
-};
-export {
-  _ as BudgetRow
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BudgetList/BudgetRow/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/budgetlist/BudgetRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut } from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface BudgetRowProps {\n  budget: DetailedBudget\n  onClick?: (budget: DetailedBudget) => void\n}\n\nexport const BudgetRow: React.FC<BudgetRowProps> = ({ budget, onClick }) => {\n  const {\n    amount,\n    budgetColors: { background, description: descriptionColor },\n    category_guid,\n    description,\n    percentage,\n    subBudgets,\n    transaction_total,\n  } = budget\n\n  const overBudget = percentage > 100\n\n  return (\n    <ListItem>\n      <ListItemButton onClick={() => onClick?.(budget)}>\n        <ListItemAvatar sx={{ mb: -8, mr: 16 }}>\n          <SingleSegmentDonut color={background} percent={percentage} size={40}>\n            <CategoryIcon categoryGuid={category_guid} variant=\"basic\" />\n          </SingleSegmentDonut>\n        </ListItemAvatar>\n        <ListItemText\n          primary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text bold={true} variant=\"body1\">\n                {budget.category.name}\n              </Text>\n              <Text fontWeight={400} variant=\"body1\">\n                {`\n                  ${formatCurrency(transaction_total, '0,0')} /\n                  ${formatCurrency(amount, '0,0')}\n                `}\n              </Text>\n            </Stack>\n          }\n          secondary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text variant=\"caption\">{`${subBudgets.length} Sub-budgets`}</Text>\n              <Text\n                bold={overBudget}\n                sx={{\n                  color: descriptionColor,\n                  ...(overBudget && {\n                    '.MuiListItemButton-root:hover &, .MuiListItemButton-root:active &': {\n                      color: 'error.dark',\n                    },\n                  }),\n                }}\n                variant=\"caption\"\n              >\n                {description}\n              </Text>\n            </Stack>\n          }\n        />\n      </ListItemButton>\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAA,CAAuC,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAc;AAC1E,QAAM,EACJ,QAAA,GACA,cAAc,EAAE,YAAA,GAAY,aAAa,EAAA,GACzC,eAAA,GACA,aAAA,GACA,YAAA,GACA,YAAA,GACA,mBAAA,EAAA,IACE,GAEE,IAAa,IAAa;AAEhC,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,IAAU,CAAM;AAAA,cAA/C,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,gBACnC,gBAAA,EAAC,GAAD;AAAA,QAAoB,OAAO;AAAA,QAAY,SAAS;AAAA,QAAY,MAAM;AAAA,kBAChE,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAe,SAAQ;AAAA,QAAS,CAAA;AAAA,MAC1C,CAAA;AAAA,IACN,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,kBAAvD,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAO,SAAS;AAAA,QACb,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,YAAY;AAAA,UAAK,SAAQ;AAAA,oBAC5B;AAAA,oBACG,EAAe,GAAmB,KAAK,CAAA;AAAA,oBACvC,EAAe,GAAQ,KAAK,CAAA;AAAA;AAAA,QAE5B,CAAA,CACD;AAAA;MAET,WACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,kBAAvD,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAW,GAAG,EAAW,MAAA;AAAA,QAA2B,CAAA,GAClE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,IAAI;AAAA,YACF,OAAO;AAAA,YACP,GAAI,KAAc,EAChB,qEAAqE,EACnE,OAAO,aACT,EACF;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,oBAEP;AAAA,QACG,CAAA,CACD;AAAA;IAEV,CAAA,CACa;AAAA,KACR,CAAA;AAEd"}

package/dist/budgets/components/BudgetList/SubBudgetRow/index.es.js

@@ -1,62 +0,0 @@
-import { useBudgetsStore as d } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as o } from "../../../../core/utils/NumberFormatting/index.es.js";
-import f from "../../../../common/components/donuts/SingleSegmentDonut/index.es.js";
-import "react";
-import { observer as u } from "mobx-react-lite";
-import e from "@mui/material/Stack";
-import { CategoryIcon as l, Text as n } from "@mxenabled/mxui";
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import y from "@mui/material/ListItem";
-import b from "@mui/material/ListItemButton";
-import h from "@mui/material/ListItemText";
-import S from "@mui/material/ListItemAvatar";
-var z = u(({ budget: r }) => {
-  const { amount: i, budgetColors: { background: m }, category: c, percentage: a, transaction_total: s } = r, { setSelectedSubBudget: p } = d();
-  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ g(b, {
-    onClick: () => p(r),
-    children: [/* @__PURE__ */ t(S, {
-      sx: {
-        mb: -8,
-        mr: 16
-      },
-      children: /* @__PURE__ */ t(f, {
-        color: m,
-        percent: a,
-        size: 40,
-        children: /* @__PURE__ */ t(l, {
-          categoryGuid: c.parent_guid,
-          variant: "basic"
-        })
-      })
-    }), /* @__PURE__ */ t(h, {
-      primary: /* @__PURE__ */ t(e, {
-        component: "span",
-        direction: "row",
-        justifyContent: "space-between",
-        children: /* @__PURE__ */ t(n, {
-          bold: !0,
-          variant: "body1",
-          children: r.category.name
-        })
-      }),
-      secondary: /* @__PURE__ */ t(e, {
-        component: "span",
-        direction: "row",
-        justifyContent: "space-between",
-        children: /* @__PURE__ */ t(n, {
-          fontWeight: 400,
-          variant: "body1",
-          children: `
-                  ${o(s, "0,0")} / 
-                  ${o(i, "0,0")}
-                `
-        })
-      })
-    })]
-  }) });
-});
-export {
-  z as SubBudgetRow
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BudgetList/SubBudgetRow/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/budgetlist/SubBudgetRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut, useBudgetsStore } from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface SubBudgetRowProps {\n  budget: DetailedBudget\n}\n\nexport const SubBudgetRow: React.FC<SubBudgetRowProps> = observer(({ budget }) => {\n  const {\n    amount,\n    budgetColors: { background },\n    category,\n    percentage,\n    transaction_total,\n  } = budget\n\n  const { setSelectedSubBudget } = useBudgetsStore()\n\n  return (\n    <ListItem>\n      <ListItemButton onClick={() => setSelectedSubBudget(budget)}>\n        <ListItemAvatar sx={{ mb: -8, mr: 16 }}>\n          <SingleSegmentDonut color={background} percent={percentage} size={40}>\n            <CategoryIcon categoryGuid={category.parent_guid} variant=\"basic\" />\n          </SingleSegmentDonut>\n        </ListItemAvatar>\n        <ListItemText\n          primary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text bold={true} variant=\"body1\">\n                {budget.category.name}\n              </Text>\n            </Stack>\n          }\n          secondary={\n            <Stack component=\"span\" direction=\"row\" justifyContent=\"space-between\">\n              <Text fontWeight={400} variant=\"body1\">\n                {`\n                  ${formatCurrency(transaction_total, '0,0')} / \n                  ${formatCurrency(amount, '0,0')}\n                `}\n              </Text>\n            </Stack>\n          }\n        />\n      </ListItemButton>\n    </ListItem>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,IAA4C,EAAA,CAAU,EAAE,QAAA,EAAA,MAAa;AAChF,QAAM,EACJ,QAAA,GACA,cAAc,EAAE,YAAA,EAAA,GAChB,UAAA,GACA,YAAA,GACA,mBAAA,EAAA,IACE,GAEE,EAAE,sBAAA,EAAA,IAAyB,EAAgB;AAEjD,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAqB,CAAM;AAAA,cAA1D,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,gBACnC,gBAAA,EAAC,GAAD;AAAA,QAAoB,OAAO;AAAA,QAAY,SAAS;AAAA,QAAY,MAAM;AAAA,kBAChE,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc,EAAS;AAAA,UAAa,SAAQ;AAAA,QAAS,CAAA;AAAA,MACjD,CAAA;AAAA,IACN,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,kBACrD,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAO,SAAS;AAAA,QACb,CAAA;AAAA,MACD,CAAA;AAAA,MAET,WACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,kBACrD,gBAAA,EAAC,GAAD;AAAA,UAAM,YAAY;AAAA,UAAK,SAAQ;AAAA,oBAC5B;AAAA,oBACG,EAAe,GAAmB,KAAK,CAAA;AAAA,oBACvC,EAAe,GAAQ,KAAK,CAAA;AAAA;AAAA,QAE5B,CAAA;AAAA,MACD,CAAA;AAAA,IAEV,CAAA,CACa;AAAA,KACR,CAAA;AAEd,CAAC"}

package/dist/budgets/components/BudgetList/SubBudgetZeroState/index.es.js

@@ -1,38 +0,0 @@
-import { useGlobalCopyStore as e } from "../../../../common/context/hooks/index.es.js";
-import { observer as a } from "mobx-react-lite";
-import n from "@mui/material/Stack";
-import { Icon as s, Text as r } from "@mxenabled/mxui";
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-var l = a(() => {
-  const { budgets: t } = e();
-  return /* @__PURE__ */ c(n, {
-    alignItems: "center",
-    gap: 12,
-    height: "auto",
-    mb: 24,
-    mt: 24,
-    children: [
-      /* @__PURE__ */ o(s, {
-        color: "action",
-        name: "bubble_chart",
-        sx: { fontSize: 32 }
-      }),
-      /* @__PURE__ */ o(r, {
-        bold: !0,
-        color: "text.secondary",
-        variant: "body2",
-        children: t.zero_state_no_sub_budgets
-      }),
-      /* @__PURE__ */ o(r, {
-        color: "text.secondary",
-        variant: "caption",
-        children: t.zero_state_no_sub_budgets_description
-      })
-    ]
-  });
-});
-export {
-  l as SubBudgetZeroState
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/budgets/components/BudgetList/SubBudgetZeroState/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/budgets/components/budgetlist/SubBudgetZeroState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport { observer } from 'mobx-react-lite'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\nexport const SubBudgetZeroState = observer(() => {\n  const { budgets: copy } = useGlobalCopyStore()\n\n  return (\n    <Stack alignItems=\"center\" gap={12} height=\"auto\" mb={24} mt={24}>\n      <Icon color=\"action\" name=\"bubble_chart\" sx={{ fontSize: 32 }} />\n      <Text bold={true} color=\"text.secondary\" variant=\"body2\">\n        {copy.zero_state_no_sub_budgets}\n      </Text>\n      <Text color=\"text.secondary\" variant=\"caption\">\n        {copy.zero_state_no_sub_budgets_description}\n      </Text>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;AAOA,IAAa,IAAqB,EAAA,MAAe;AAC/C,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB;AAE7C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,KAAK;AAAA,IAAI,QAAO;AAAA,IAAO,IAAI;AAAA,IAAI,IAAI;AAAA,cAA9D;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAS,MAAK;AAAA,QAAe,IAAI,EAAE,UAAU,GAAG;AAAA,MAAI,CAAA;AAAA,MAChE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAC9C,EAAK;AAAA,MACF,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAClC,EAAK;AAAA,MACF,CAAA;AAAA,IACD;AAAA;AAEX,CAAC"}

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

@@ -1,44 +0,0 @@
-import { useBudgetsStore as p, useEvent as c, useGlobalCopyStore as l } from "../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as n } from "../../../common/constants/Analytics/index.es.js";
-import { BudgetRow as a } from "../budgetlist/BudgetRow/index.es.js";
-import g from "react";
-import { observer as u } from "mobx-react-lite";
-import { H3 as f } from "@mxenabled/mxui";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import C from "@mui/material/Card";
-import B from "@mui/material/CardContent";
-import _ from "@mui/material/CardHeader";
-import h from "@mui/material/Divider";
-import E from "@mui/material/List";
-var j = u(() => {
-  const { onEvent: o } = c(), { budgets: i } = l(), { detailedBudgets: m, setSelectedBudget: d } = p(), s = (e) => {
-    d(e), o(n.BUDGETS_CLICK_BUDGET_CATEGORY, {
-      budget_category: e.category.name,
-      click_type: "list"
-    });
-  };
-  return /* @__PURE__ */ r(C, {
-    elevation: 2,
-    children: [/* @__PURE__ */ t(_, {
-      sx: {
-        pb: 8,
-        pl: 24
-      },
-      title: /* @__PURE__ */ t(f, { children: i.budget_categories_title })
-    }), /* @__PURE__ */ t(B, {
-      sx: {
-        p: 0,
-        ":last-child": { p: 0 }
-      },
-      children: /* @__PURE__ */ t(E, { children: m.map((e) => /* @__PURE__ */ r(g.Fragment, { children: [/* @__PURE__ */ t(a, {
-        budget: e,
-        onClick: s
-      }), /* @__PURE__ */ t(h, {})] }, e.guid)) })
-    })]
-  });
-});
-export {
-  j as BudgetList
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BudgetList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useBudgetsStore, useEvent, useGlobalCopyStore } from '../../common'\nimport { type DetailedBudget } from '../../core'\n\nimport { BudgetRow } from './budgetlist/BudgetRow'\n\nexport const BudgetList = observer(() => {\n  const { onEvent } = useEvent()\n  const { budgets: copy } = useGlobalCopyStore()\n  const { detailedBudgets: budgets, setSelectedBudget } = useBudgetsStore()\n\n  const handleBudgetClick = (budget: DetailedBudget) => {\n    setSelectedBudget(budget)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_BUDGET_CATEGORY, {\n      budget_category: budget.category.name,\n      click_type: 'list',\n    })\n  }\n\n  return (\n    <Card elevation={2}>\n      <CardHeader sx={{ pb: 8, pl: 24 }} title={<H3>{copy.budget_categories_title}</H3>} />\n      <CardContent sx={{ p: 0, ':last-child': { p: 0 } }}>\n        <List>\n          {budgets.map((budget) => (\n            <React.Fragment key={budget.guid}>\n              <BudgetRow budget={budget} onClick={handleBudgetClick} />\n              <Divider />\n            </React.Fragment>\n          ))}\n        </List>\n      </CardContent>\n    </Card>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAgBA,IAAa,IAAa,EAAA,MAAe;AACvC,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,iBAAiB,GAAS,mBAAA,EAAA,IAAsB,EAAgB,GAElE,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;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAW;AAAA,cAAjB,CACE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI;AAAA,QAAE,IAAI;AAAA,QAAG,IAAI;AAAA,MAAG;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,wBAA4B,CAAA;AAAA,IAAI,CAAA,GACpF,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,eAAe,EAAE,GAAG,EAAE;AAAA,MAAE;AAAA,gBAC/C,gBAAA,EAAC,GAAD,EAAA,UACG,EAAQ,IAAA,CAAK,MACZ,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAmB,QAAA;AAAA,QAAQ,SAAS;AAAA,MAAoB,CAAA,GACxD,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAHK,EAAO,IAGZ,CACjB,EACG,CAAA;AAAA,IACK,CAAA,CACT;AAAA;AAEV,CAAC"}

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

@@ -1,109 +0,0 @@
-import { useAppConfig as B, useBudgetsStore as x, useCategoryStore as v, useGlobalCopyStore as z, useWidgetContainerProvider as A } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as D } from "../../../common/hooks/useScreenSize/index.es.js";
-import E from "../../../common/components/Loader/index.es.js";
-import { EmptyState as u } from "../../../common/components/EmptyState/index.es.js";
-import a from "react";
-import { Fragment as j, jsx as s } from "react/jsx-runtime";
-var P = ({ isMiniWidget: o = !1, onConnectAccountsClick: m, createBudgetOnClick: n }) => {
-  const { config: h } = B(), { recalculateBudgets: g } = x(), { spendCategories: d } = v(), { budgets: t } = z(), { availableWidth: b } = A(), { isMobile: l } = D(b), r = o && l, [p, i] = a.useState(!1), [y, f] = a.useState(!1), [w, c] = a.useState(!1), C = a.useMemo(() => [...d.filter((e) => e.totalAverageAmount > 0)], [d]), _ = async () => {
-    c(!0);
-    const { data: e, isSuccess: S } = await g(C);
-    c(!1), S ? (e.length === 0 && f(!0), i(!1)) : i(!0);
-  };
-  return w ? /* @__PURE__ */ s(E, {}) : p ? /* @__PURE__ */ s(u, {
-    header: t.autogenerate_budgets_error_header,
-    icon: "error",
-    iconColor: "#4D4D4D",
-    onClick: (e) => {
-      e === "primary" ? _() : n();
-    },
-    primaryButton: t.autogenerate_budgets_error_primary_button,
-    secondaryButton: t.zero_state_generate_budgets_secondary_button,
-    subText: t.autogenerate_budgets_error_subheader,
-    sx: {
-      width: { sm: 468 },
-      ".buttons-footer": {
-        width: 208,
-        ...r && {
-          mt: 16,
-          button: { height: "max-content" }
-        }
-      },
-      ...r && {
-        justifyContent: "center",
-        mt: 0,
-        svg: {
-          height: 32,
-          width: 32
-        }
-      }
-    }
-  }) : /* @__PURE__ */ s(j, { children: y ? /* @__PURE__ */ s(u, {
-    header: t.zero_state_generate_budgets_header,
-    icon: "error",
-    iconColor: "#4D4D4D",
-    onClick: (e) => {
-      e === "primary" ? m() : n();
-    },
-    primaryButton: h.show_connections_widget_in_master ? t.zero_state_generate_budgets_primary_button : void 0,
-    secondaryButton: t.zero_state_generate_budgets_secondary_button,
-    subText: t.zero_state_generate_budgets_subheader,
-    sx: {
-      width: o ? "100%" : { sm: 500 },
-      height: o ? "100%" : { sm: 468 },
-      mt: r ? 0 : 50,
-      ".buttons-footer": {
-        width: 208,
-        height: 100,
-        ...r && {
-          mt: 16,
-          button: { height: "max-content" }
-        }
-      },
-      padding: o ? 5 : 0,
-      ...r && {
-        justifyContent: "center",
-        svg: {
-          height: 32,
-          width: 32
-        }
-      }
-    }
-  }) : /* @__PURE__ */ s(u, {
-    header: t.create_budgets_title,
-    icon: "bubble_chart",
-    iconColor: "#1A1A1A",
-    onClick: (e) => {
-      e === "primary" ? _() : n();
-    },
-    primaryButton: t.empty_state_primary_button,
-    secondaryButton: o ? void 0 : t.empty_state_secondary_button,
-    subText: t.empty_state_subheader,
-    sx: {
-      width: o ? "100%" : { sm: 432 },
-      height: o ? "100%" : { sm: 468 },
-      mt: r ? 0 : 50,
-      ".buttons-footer": {
-        width: 208,
-        height: 100,
-        ...r && {
-          mt: 24,
-          button: { height: "max-content" }
-        }
-      },
-      padding: o ? 4 : 0,
-      ...r && {
-        justifyContent: "center",
-        svg: {
-          height: 32,
-          width: 32
-        }
-      }
-    }
-  }) });
-};
-export {
-  P as BudgetsEmptyState
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/BudgetsEmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  useAppConfig,\n  EmptyState,\n  Loader,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useWidgetContainerProvider,\n} from '../../common'\n\ninterface BudgetsEmptyStateProps {\n  isMiniWidget?: boolean\n  onConnectAccountsClick: () => void\n  createBudgetOnClick: () => void\n}\nexport const BudgetsEmptyState: React.FC<BudgetsEmptyStateProps> = ({\n  isMiniWidget = false,\n  onConnectAccountsClick,\n  createBudgetOnClick,\n}) => {\n  const { config } = useAppConfig()\n  const { recalculateBudgets } = useBudgetsStore()\n  const { spendCategories } = useCategoryStore()\n  const { budgets: copy } = useGlobalCopyStore()\n  const { availableWidth } = useWidgetContainerProvider()\n  const { isMobile } = useScreenSize(availableWidth)\n\n  const isCompact = isMiniWidget && isMobile\n\n  const [isError, setError] = React.useState(false)\n  const [shouldShowEmptyGeneratedBudgets, setShouldShowEmptyGeneratedBudgets] =\n    React.useState(false)\n  const [recalculateBudgetsLoading, setRecalculateBudgetsLoading] = React.useState(false)\n\n  const newBudgetCategories = React.useMemo(() => {\n    return [...spendCategories.filter((category) => category.totalAverageAmount > 0)]\n  }, [spendCategories])\n\n  const autoGenerateBudgets = async () => {\n    setRecalculateBudgetsLoading(true)\n    const { data, isSuccess } = await recalculateBudgets(newBudgetCategories)\n    setRecalculateBudgetsLoading(false)\n    if (isSuccess) {\n      if (data.length === 0) {\n        setShouldShowEmptyGeneratedBudgets(true)\n      }\n      setError(false)\n    } else {\n      setError(true)\n    }\n  }\n\n  if (recalculateBudgetsLoading) {\n    return <Loader />\n  }\n  if (isError) {\n    return (\n      <EmptyState\n        header={copy.autogenerate_budgets_error_header}\n        icon={'error'}\n        iconColor=\"#4D4D4D\"\n        onClick={(buttonType) => {\n          if (buttonType === 'primary') {\n            autoGenerateBudgets()\n          } else {\n            createBudgetOnClick()\n          }\n        }}\n        primaryButton={copy.autogenerate_budgets_error_primary_button}\n        secondaryButton={copy.zero_state_generate_budgets_secondary_button}\n        subText={copy.autogenerate_budgets_error_subheader}\n        sx={{\n          width: { sm: 468 },\n          '.buttons-footer': {\n            width: 208,\n            ...(isCompact && { mt: 16, button: { height: 'max-content' } }),\n          },\n          ...(isCompact && { justifyContent: 'center', mt: 0, svg: { height: 32, width: 32 } }),\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {shouldShowEmptyGeneratedBudgets ? (\n        <EmptyState\n          header={copy.zero_state_generate_budgets_header}\n          icon=\"error\"\n          iconColor=\"#4D4D4D\"\n          onClick={(buttonType: string) => {\n            if (buttonType === 'primary') {\n              onConnectAccountsClick()\n            } else {\n              createBudgetOnClick()\n            }\n          }}\n          primaryButton={\n            config.show_connections_widget_in_master\n              ? copy.zero_state_generate_budgets_primary_button\n              : undefined\n          }\n          secondaryButton={copy.zero_state_generate_budgets_secondary_button}\n          subText={copy.zero_state_generate_budgets_subheader}\n          sx={{\n            width: isMiniWidget ? '100%' : { sm: 500 },\n            height: isMiniWidget ? '100%' : { sm: 468 },\n            mt: isCompact ? 0 : 50,\n            '.buttons-footer': {\n              width: 208,\n              height: 100,\n              ...(isCompact && { mt: 16, button: { height: 'max-content' } }),\n            },\n            padding: isMiniWidget ? 5 : 0,\n            ...(isCompact && { justifyContent: 'center', svg: { height: 32, width: 32 } }),\n          }}\n        />\n      ) : (\n        <EmptyState\n          header={copy.create_budgets_title}\n          icon=\"bubble_chart\"\n          iconColor=\"#1A1A1A\"\n          onClick={(buttonType: string) => {\n            if (buttonType === 'primary') {\n              autoGenerateBudgets()\n            } else {\n              createBudgetOnClick()\n            }\n          }}\n          primaryButton={copy.empty_state_primary_button}\n          secondaryButton={!isMiniWidget ? copy.empty_state_secondary_button : undefined}\n          subText={copy.empty_state_subheader}\n          sx={{\n            width: isMiniWidget ? '100%' : { sm: 432 },\n            height: isMiniWidget ? '100%' : { sm: 468 },\n            mt: isCompact ? 0 : 50,\n            '.buttons-footer': {\n              width: 208,\n              height: 100,\n              ...(isCompact && { mt: 24, button: { height: 'max-content' } }),\n            },\n            padding: isMiniWidget ? 4 : 0,\n            ...(isCompact && { justifyContent: 'center', svg: { height: 32, width: 32 } }),\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,54 +0,0 @@
-import { buildDynamicCopy as g } from "../../../core/utils/Localization/index.es.js";
-import { useGlobalCopyStore as D, useTransactionStore as T } from "../../../common/context/hooks/index.es.js";
-import b from "../../../common/components/drawer/Drawer/index.es.js";
-import { getRemainingAmountSpentPercentage as x } from "../../../core/utils/BudgetUtil/index.es.js";
-import C from "../../../transactions/components/shared/TransactionList/index.es.js";
-import { BudgetDetailsTopSection as S } from "../shared/BudgetDetailsTopSection/index.es.js";
-import { CurrencyDialogAction as c } from "../../../transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction/index.es.js";
-import h from "react";
-import { observer as v } from "mobx-react-lite";
-import { MerchantLogo as w } from "@mxenabled/mxui";
-import { jsx as e, jsxs as A } from "react/jsx-runtime";
-var E = ({ merchantBudget: t, transaction: o, onClose: p, isOpen: u, setCurrencyDialogAction: a, renderingToast: l }) => {
-  const { budgets: r, common: d } = D(), { sortedTransactions: n } = T(), i = h.useMemo(() => n.reduce((m, s) => s.parent_guid ? m : m + s.amount, 0), [n]), { remainingAmount: f, spentPercentage: y, iconColor: _ } = x(i, t.amount ?? 0);
-  return /* @__PURE__ */ A(b, {
-    ariaLabelClose: d.close_aria,
-    footerStyles: {
-      px: 24,
-      py: 16
-    },
-    isOpen: u,
-    onClose: p,
-    onPrimaryAction: () => a(c.EDIT),
-    onSecondaryAction: () => {
-      a(c.DELETE);
-    },
-    primaryText: r.details_edit_button,
-    secondaryColor: "error",
-    secondaryText: r.details_delete_button,
-    sx: { "& .list-wrapper": { pr: 24 } },
-    title: g(r.details_type_title, t.merchant_name),
-    children: [
-      /* @__PURE__ */ e(S, {
-        amount: t.amount,
-        icon: /* @__PURE__ */ e(w, {
-          categoryGuid: o.top_level_category_guid || "",
-          merchantGuid: o.merchant_guid || ""
-        }),
-        iconColor: _,
-        remainingAmount: f,
-        spentPercentage: y,
-        startDate: o.date,
-        totalTransaction: i
-      }),
-      /* @__PURE__ */ e(C, {}),
-      l?.()
-    ]
-  });
-}, z = v(E);
-export {
-  E as MerchantBudgetDetailsDrawer,
-  z as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/budgets/components/MerchantBudgetDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MerchantLogo } from '@mxenabled/mxui'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { BudgetDetailsTopSection } from './shared/BudgetDetailsTopSection'\n\nimport { getRemainingAmountSpentPercentage } from '../../core/utils/BudgetUtil'\n\nimport { useGlobalCopyStore, useTransactionStore } from '../../common'\nimport { type Transaction } from '../../core'\nimport { Drawer } from '../../common/components'\nimport type { MerchantBudget } from '../../core/types/Budget'\nimport { TransactionList } from '../../transactions'\nimport { CurrencyDialogAction } from '../../transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface MerchantBudgetDetailsDrawerProps {\n  merchantBudget: MerchantBudget\n  transaction: Transaction\n  onClose: () => void\n  isOpen: boolean\n  setCurrencyDialogAction: (action: CurrencyDialogAction) => void\n  renderingToast?: () => React.ReactNode\n}\n\nexport const MerchantBudgetDetailsDrawer = ({\n  merchantBudget,\n  transaction,\n  onClose,\n  isOpen,\n  setCurrencyDialogAction,\n  renderingToast,\n}: MerchantBudgetDetailsDrawerProps) => {\n  const { budgets: budgetsCopy, common: commonCopy } = useGlobalCopyStore()\n\n  const { sortedTransactions } = useTransactionStore()\n\n  const transactionTotal = React.useMemo(() => {\n    return sortedTransactions.reduce((acc, t) => {\n      if (!t.parent_guid) {\n        return acc + t.amount\n      }\n      return acc\n    }, 0)\n  }, [sortedTransactions])\n\n  const { remainingAmount, spentPercentage, iconColor } = getRemainingAmountSpentPercentage(\n    transactionTotal,\n    merchantBudget.amount ?? 0,\n  )\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      footerStyles={{\n        px: 24,\n        py: 16,\n      }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={() => setCurrencyDialogAction(CurrencyDialogAction.EDIT)}\n      onSecondaryAction={() => {\n        setCurrencyDialogAction(CurrencyDialogAction.DELETE)\n      }}\n      primaryText={budgetsCopy.details_edit_button}\n      secondaryColor=\"error\"\n      secondaryText={budgetsCopy.details_delete_button}\n      sx={{\n        '& .list-wrapper': {\n          pr: 24,\n        },\n      }}\n      title={\n        buildDynamicCopy(budgetsCopy.details_type_title, merchantBudget.merchant_name) as string\n      }\n    >\n      <BudgetDetailsTopSection\n        amount={merchantBudget.amount}\n        icon={\n          <MerchantLogo\n            categoryGuid={transaction.top_level_category_guid || ''}\n            merchantGuid={transaction.merchant_guid || ''}\n          />\n        }\n        iconColor={iconColor}\n        remainingAmount={remainingAmount}\n        spentPercentage={spentPercentage}\n        startDate={transaction.date}\n        totalTransaction={transactionTotal}\n      />\n      <TransactionList />\n      {renderingToast?.()}\n    </Drawer>\n  )\n}\n\nexport default observer(MerchantBudgetDetailsDrawer)\n"],"mappings":";;;;;;;;;;;AA2BA,IAAa,IAAA,CAA+B,EAC1C,gBAAA,GACA,aAAA,GACA,SAAA,GACA,QAAA,GACA,yBAAA,GACA,gBAAA,EAAA,MACsC;AACtC,QAAM,EAAE,SAAS,GAAa,QAAQ,EAAA,IAAe,EAAmB,GAElE,EAAE,oBAAA,EAAA,IAAuB,EAAoB,GAE7C,IAAmB,EAAM,QAAA,MACtB,EAAmB,OAAA,CAAQ,GAAK,MAChC,EAAE,cAGA,IAFE,IAAM,EAAE,QAGhB,CAAC,GACH,CAAC,CAAkB,CAAC,GAEjB,EAAE,iBAAA,GAAiB,iBAAA,GAAiB,WAAA,EAAA,IAAc,EACtD,GACA,EAAe,UAAU,CAC3B;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,cAAc;AAAA,MACZ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACQ,QAAA;AAAA,IACC,SAAA;AAAA,IACT,iBAAA,MAAuB,EAAwB,EAAqB,IAAI;AAAA,IACxE,mBAAA,MAAyB;AACvB,MAAA,EAAwB,EAAqB,MAAM;AAAA,IACrD;AAAA,IACA,aAAa,EAAY;AAAA,IACzB,gBAAe;AAAA,IACf,eAAe,EAAY;AAAA,IAC3B,IAAI,EACF,mBAAmB,EACjB,IAAI,GACN,EACF;AAAA,IACA,OACE,EAAiB,EAAY,oBAAoB,EAAe,aAAa;AAAA,cArBjF;AAAA,MAwBE,gBAAA,EAAC,GAAD;AAAA,QACE,QAAQ,EAAe;AAAA,QACvB,MACE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAc,EAAY,2BAA2B;AAAA,UACrD,cAAc,EAAY,iBAAiB;AAAA,QAC5C,CAAA;AAAA,QAEQ,WAAA;AAAA,QACM,iBAAA;AAAA,QACA,iBAAA;AAAA,QACjB,WAAW,EAAY;AAAA,QACvB,kBAAkB;AAAA,MACnB,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,MACjB,IAAiB;AAAA,IACZ;AAAA;AAEZ,GAEA,IAAe,EAAS,CAA2B"}