@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/common/components/ConnectDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectDrawer.js","sources":["../../../src/common/components/ConnectDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport useTheme from '@mui/material/styles/useTheme'\nimport { ConnectWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from '../../accounts/components/ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../../accounts/constants/Accounts'\nimport { CONNECT_WIDGET_ID } from '../constants/Connect'\nimport { useConnectStore } from '../context/hooks'\n\ninterface ConnectDrawerProps {\n  loadWidgetProps?: object\n  onClose: () => void\n  showConnectWidget: boolean\n  title: string\n}\n\nconst ConnectDrawer: React.FC<ConnectDrawerProps> = ({\n  loadWidgetProps,\n  onClose,\n  showConnectWidget,\n  title,\n}) => {\n  let connectWidget: ConnectWidget\n\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n\n  React.useEffect(() => {\n    if (showConnectWidget) {\n      setIsLoading(true)\n      loadWidget({ mode: mode, ...loadWidgetProps }).then((res) => {\n        connectWidget = new ConnectWidget({\n          container: `#${CONNECT_WIDGET_ID}`,\n          style: {\n            height: 'calc(100% - 62px)',\n            maxWidth: '450px',\n            position: 'absolute',\n            width: '100%',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectWidget?.unmount()\n    }\n  }, [showConnectWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_manage_connection_aria}\n      isOpen={showConnectWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECT_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectDrawer)\n"],"names":["ConnectDrawer","loadWidgetProps","onClose","showConnectWidget","title","connectWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","isLoading","setIsLoading","React","hasError","setHasError","mode","useTheme","res","ConnectWidget","CONNECT_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectDrawer$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACA,MAAAC;AAEE,QAAA,EAAE,iBAAAC,MAAoBC,KACtB,EAAE,YAAAC,MAAeC,KACjB,EAAE,SAASC,EAAY,IAAIC,EAAmB,GAC9C,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK,GAC9C;AAAA,IACJ,SAAS,EAAE,MAAAG,EAAK;AAAA,MACdC,EAAS;AAEb,SAAAJ,EAAM,UAAU,OACVX,KACFU,EAAa,EAAI,GACNL,EAAA,EAAE,MAAAS,GAAY,GAAGhB,EAAiB,CAAA,EAAE,KAAK,CAACkB,MAAQ;AAC3D,IAAAd,IAAgB,IAAIe,EAAc;AAAA,MAChC,WAAW,IAAIC,CAAiB;AAAA,MAChC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAN,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EAAA,CACF,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAX,GAAe,QAAQ;AAAA,EAAA,IAExB,CAACF,CAAiB,CAAC,GAGpB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACL,QAAAD,KACQI;MAClB;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAI,EAAA,IAAIH,GACN,UAAA;AAAA,QAAAN,KAAa,gBAAAO,EAAAG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEd,KAAa,gBAAAU,EAACG,GAAc,EAAA,QAAQC,EAAuB,SAAS;AAAA,MAAA,GACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,KAAAC,EAAS5B,CAAa;"}

package/dist/common/components/CurrencyInput.js

@@ -0,0 +1,234 @@
+import { jsx as n } from "react/jsx-runtime";
+import s from "react";
+import { css as q } from "@mxenabled/cssinjs";
+import { v4 as B } from "uuid";
+import { useTokens as O, TextField as W, P as l } from "@mxenabled/mxui";
+import { buildDynamicCopy as d, getLocale as _ } from "../utils/Localization.js";
+import { getCurrencyCodes as j, formatCurrency as y } from "../utils/NumberFormatting.js";
+import { CurrencyCodes as D, MAX_MONEY_INPUT as C } from "../constants/Numbers.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../constants/Account.js";
+import "../constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "./accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as F } from "../context/hooks.js";
+import "../context/GlobalDataProvider.js";
+import "../context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "./charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "./charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "./ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "./WidgetContainer.js";
+import "./ConnectDrawer.js";
+import "@mui/material/CircularProgress";
+import "./SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "./ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const Do = ({
+  allowDecimals: m = !0,
+  ariaLabel: b,
+  amount: e,
+  amountIsRequired: g = !0,
+  copy: c,
+  customValidate: h = () => !0,
+  errorText: M = "",
+  label: S,
+  minAmount: u = 1,
+  setAmount: $,
+  setHasValidInput: t,
+  ...x
+}) => {
+  const [a, o] = s.useState(""), { common: N } = F(), i = c || N.currency_input, T = O(), k = G(T), P = /^[0-9]*$/, R = /^(\d)*(\,)?([0-9]{1,2})?$/, A = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  let p;
+  const E = s.useRef(B());
+  if (m)
+    switch (j()) {
+      case D.CAD:
+        p = R;
+        break;
+      default:
+        p = A;
+        break;
+    }
+  else
+    p = P;
+  s.useEffect(() => {
+    f(e);
+  }, [e]);
+  const f = (r) => {
+    !g && (r === "" || r === "." || r === ",") ? (o(""), t?.(!1)) : Number(r) < u ? (o(
+      d(
+        i.error_amount_must_be_equal_to,
+        y(u, "0")
+      )
+    ), t?.(!1)) : Number(r) > C ? (o(
+      d(
+        i.error_amount_must_be_less_than_or_equal_to,
+        y(C, m ? "0,0.00" : "0,0", Math.floor)
+      )
+    ), t?.(!1)) : r.toString().match(p) ? h() ? (o(""), t?.(!0)) : (o(M), t?.(!1)) : (o(i.error_amount_is_invalid), t?.(!1)), $(r.toString());
+  };
+  return /* @__PURE__ */ n(
+    W,
+    {
+      InputProps: {
+        endAdornment: _().includes("fr-ca") ? /* @__PURE__ */ n(l, { children: "$" }) : void 0,
+        startAdornment: _().includes("fr-ca") ? void 0 : /* @__PURE__ */ n(l, { children: "$" })
+      },
+      "aria-label": b || i.enter_amount,
+      className: `mx-cmn-currency-input ${k}`,
+      error: !!a,
+      helperText: a,
+      inputMode: m ? "decimal" : "numeric",
+      inputProps: {
+        noValidate: !0,
+        pattern: "[0-9]*"
+      },
+      label: S,
+      name: `currency-input-${E.current}`,
+      onChange: (r) => f(r.target.value),
+      value: e,
+      ...x
+    }
+  );
+}, G = (m) => q({
+  "& .MuiInputBase-adornedStart > .p": {
+    marginRight: m.Spacing.Tiny
+  }
+});
+export {
+  Do as default
+};
+//# sourceMappingURL=CurrencyInput.js.map

package/dist/common/components/CurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.js","sources":["../../../src/common/components/CurrencyInput.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport type { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField'\n\nimport { P, TextField, useTokens } from '@mxenabled/mxui'\n\nimport { buildDynamicCopy, getLocale } from '../utils/Localization'\nimport { formatCurrency, getCurrencyCodes } from '../utils/NumberFormatting'\nimport { CurrencyCodes, MAX_MONEY_INPUT } from '../constants/Numbers'\nimport { CurrencyInputCopy } from '../types'\nimport { useGlobalCopyStore } from '../../common'\n\ntype CurrencyInputProps = {\n  allowDecimals?: boolean\n  amountIsRequired?: boolean\n  ariaLabel?: string\n  amount: string | number\n  copy?: CurrencyInputCopy\n  customValidate?: () => boolean\n  errorText?: string\n  label?: string\n  minAmount?: number\n  setAmount: (s: string) => void\n  setHasValidInput?: (b: boolean) => void\n} & MuiTextFieldProps\n\nconst CurrencyInput: React.FC<CurrencyInputProps> = ({\n  allowDecimals = true,\n  ariaLabel,\n  amount,\n  amountIsRequired = true,\n  copy,\n  customValidate = () => true,\n  errorText = '',\n  label,\n  minAmount = 1,\n  setAmount,\n  setHasValidInput,\n  ...rest\n}) => {\n  const [errorMsg, setErrorMsg] = React.useState('')\n  const { common: commonCopy } = useGlobalCopyStore()\n  const customCopy = copy ? copy : commonCopy.currency_input\n\n  const tokens = useTokens()\n  const styles = getStyles(tokens)\n\n  const numbersOnly = /^[0-9]*$/\n  // disabling this lint rule because this \"useless\" escape is not useless and breaks functionality if removed\n  // eslint-disable-next-line no-useless-escape\n  const numbersWithComma = /^(\\d)*(\\,)?([0-9]{1,2})?$/\n  const numbersWithDecimal = /^(\\d)*(\\.)?([0-9]{1,2})?$/\n  let pattern: RegExp\n\n  const nameRef = React.useRef(uuidv4())\n\n  if (allowDecimals) {\n    switch (getCurrencyCodes()) {\n      case CurrencyCodes.CAD:\n        pattern = numbersWithComma\n        break\n      default:\n        pattern = numbersWithDecimal\n        break\n    }\n  } else {\n    pattern = numbersOnly\n  }\n\n  React.useEffect(() => {\n    handleValidation(amount)\n  }, [amount])\n\n  const handleValidation = (value: string | number) => {\n    if (!amountIsRequired && (value === '' || value === '.' || value === ',')) {\n      // don't display error in these instances, but indicate the input isn't valid\n      setErrorMsg('')\n      setHasValidInput?.(false)\n    } else if (Number(value) < minAmount) {\n      // display error if number is negative\n      setErrorMsg(\n        buildDynamicCopy(\n          customCopy.error_amount_must_be_equal_to,\n          formatCurrency(minAmount, '0'),\n        ) as string,\n      )\n      setHasValidInput?.(false)\n    } else if (Number(value) > MAX_MONEY_INPUT) {\n      // display error if number is greater than max amount allowed\n      setErrorMsg(\n        buildDynamicCopy(\n          customCopy.error_amount_must_be_less_than_or_equal_to,\n          formatCurrency(MAX_MONEY_INPUT, allowDecimals ? '0,0.00' : '0,0', Math.floor),\n        ) as string,\n      )\n      setHasValidInput?.(false)\n    } else if (!value.toString().match(pattern)) {\n      // check that input is valid and display error on special characters, etc\n      setErrorMsg(customCopy.error_amount_is_invalid)\n      setHasValidInput?.(false)\n    } else if (!customValidate()) {\n      // if custom error validation returns false, error passed in by parent is displayed\n      setErrorMsg(errorText)\n      setHasValidInput?.(false)\n    } else {\n      // input is valid!\n      setErrorMsg('')\n      setHasValidInput?.(true)\n    }\n\n    setAmount(value.toString())\n  }\n\n  return (\n    <TextField\n      InputProps={{\n        endAdornment: getLocale().includes('fr-ca') ? <P>$</P> : undefined,\n        startAdornment: !getLocale().includes('fr-ca') ? <P>$</P> : undefined,\n      }}\n      aria-label={ariaLabel || customCopy.enter_amount}\n      className={`mx-cmn-currency-input ${styles}`}\n      error={Boolean(errorMsg)}\n      helperText={errorMsg}\n      inputMode={allowDecimals ? 'decimal' : 'numeric'}\n      inputProps={{\n        noValidate: true,\n        pattern: '[0-9]*',\n      }}\n      label={label}\n      name={`currency-input-${nameRef.current}`}\n      onChange={(e: any) => handleValidation(e.target.value)}\n      value={amount}\n      {...rest}\n    />\n  )\n}\n\nconst getStyles = (tokens: any) =>\n  css({\n    '& .MuiInputBase-adornedStart > .p': {\n      marginRight: tokens.Spacing.Tiny,\n    },\n  })\n\nexport default CurrencyInput\n"],"names":["CurrencyInput","allowDecimals","ariaLabel","amount","amountIsRequired","copy","customValidate","errorText","label","minAmount","setAmount","setHasValidInput","rest","errorMsg","setErrorMsg","React","commonCopy","useGlobalCopyStore","customCopy","tokens","useTokens","styles","getStyles","numbersOnly","numbersWithComma","numbersWithDecimal","pattern","nameRef","uuidv4","getCurrencyCodes","CurrencyCodes","handleValidation","value","buildDynamicCopy","formatCurrency","MAX_MONEY_INPUT","jsx","TextField","getLocale","P","e","css"],"mappings":"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"}

package/dist/common/components/CurrencyText.js

@@ -0,0 +1,173 @@
+import { jsxs as c } from "react/jsx-runtime";
+import { Text as u } from "@mxenabled/mxui";
+import "date-fns/getUnixTime";
+import "bowser";
+import "date-fns/intlFormat";
+import "../constants/Account.js";
+import "../constants/Category.js";
+import "react";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "./accountfilter/AccountFilterOptions.js";
+import "../context/GlobalDataProvider.js";
+import "../context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "./charts/linechart/CustomLegend.js";
+import "@mui/material";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "./charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "./ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "./WidgetContainer.js";
+import "./ConnectDrawer.js";
+import "uuid";
+import { formatCurrency as x } from "../utils/NumberFormatting.js";
+import "@mui/material/CircularProgress";
+import "./SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "./ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "date-fns/fromUnixTime";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addWeeks";
+import "date-fns/getDay";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const eo = ({
+  isIncome: o = !1,
+  amount: m = 0,
+  bold: i,
+  color: r,
+  formatString: p,
+  sx: e,
+  symbol: t,
+  variant: n,
+  ...s
+}) => /* @__PURE__ */ c(u, { bold: i, color: r || (o ? "success.main" : "text.primary"), sx: e, variant: n, ...s, children: [
+  t && t,
+  x(Number(m), p ?? "0,0.00")
+] });
+export {
+  eo as CurrencyText
+};
+//# sourceMappingURL=CurrencyText.js.map

package/dist/common/components/CurrencyText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyText.js","sources":["../../../src/common/components/CurrencyText.tsx"],"sourcesContent":["import React from 'react'\nimport { SxProps } from '@mui/material/styles'\nimport { Text } from '@mxenabled/mxui'\nimport { TypographyProps } from '@mui/material/Typography'\n\nimport { formatCurrency } from '../utils'\n\ninterface CurrencyTextProps extends TypographyProps {\n  isIncome?: boolean\n  amount: number | string\n  bold?: boolean\n  color?: string\n  formatString?: string\n  sx?: SxProps\n  symbol?: string\n  variant?: TypographyProps['variant']\n}\n\nexport const CurrencyText: React.FC<CurrencyTextProps> = ({\n  isIncome = false,\n  amount = 0,\n  bold,\n  color,\n  formatString,\n  sx,\n  symbol,\n  variant,\n  ...rest\n}) => {\n  const textColor = () => {\n    if (color) {\n      return color\n    } else {\n      return isIncome ? 'success.main' : 'text.primary'\n    }\n  }\n\n  return (\n    <Text bold={bold} color={textColor()} sx={sx} variant={variant} {...rest}>\n      {symbol && symbol}\n      {formatCurrency(Number(amount), formatString ?? '0,0.00')}\n    </Text>\n  )\n}\n"],"names":["CurrencyText","isIncome","amount","bold","color","formatString","sx","symbol","variant","rest","jsxs","Text","formatCurrency"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAUI,gBAAAC,EAACC,KAAK,MAAAR,GAAY,OARdC,MAGKH,IAAW,iBAAiB,iBAKC,IAAAK,GAAQ,SAAAE,GAAmB,GAAGC,GACjE,UAAA;AAAA,EAAUF,KAAAA;AAAA,EACVK,EAAe,OAAOV,CAAM,GAAGG,KAAgB,QAAQ;AAC1D,EAAA,CAAA;"}

package/dist/common/components/DataRow.js

@@ -0,0 +1,30 @@
+import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import l from "@mui/material/Avatar";
+import i from "@mui/material/ListItem";
+import p from "@mui/material/ListItemAvatar";
+import c from "@mui/material/ListItemButton";
+import h from "@mui/material/ListItemText";
+import { Icon as a, IconWeight as f } from "@mxenabled/mxui";
+import g from "@mui/material/ListItemIcon";
+const w = ({ iconName: m, label: n, onClick: t, value: s }) => {
+  const e = /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(l, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ r(a, { name: m, sx: { color: "text.primary" }, weight: f.Dark }) }) }),
+    /* @__PURE__ */ r(
+      h,
+      {
+        primary: n,
+        primaryTypographyProps: { variant: "XSmall" },
+        secondary: s,
+        secondaryTypographyProps: { color: "text.default", variant: "Body", fontWeight: 600 }
+      }
+    )
+  ] });
+  return t ? /* @__PURE__ */ r(i, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ o(c, { onClick: t, children: [
+    e,
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(a, { name: "chevron_right", size: 24 }) })
+  ] }) }) : /* @__PURE__ */ r(i, { disableGutters: !1, disablePadding: !1, children: e });
+};
+export {
+  w as default
+};
+//# sourceMappingURL=DataRow.js.map

package/dist/common/components/DataRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataRow.js","sources":["../../../src/common/components/DataRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { Icon, IconWeight } from '@mxenabled/mxui'\nimport ListItemIcon from '@mui/material/ListItemIcon'\n\ninterface DataRowProps {\n  iconName: string\n  label: string\n  onClick?: () => void\n  value: string\n}\n\nconst DataRow: React.FC<DataRowProps> = ({ iconName, label, onClick, value }) => {\n  const rowContents = (\n    <>\n      <ListItemAvatar>\n        <Avatar sx={{ bgcolor: 'border.light' }} variant=\"rounded\">\n          <Icon name={iconName} sx={{ color: 'text.primary' }} weight={IconWeight.Dark} />\n        </Avatar>\n      </ListItemAvatar>\n      <ListItemText\n        primary={label}\n        primaryTypographyProps={{ variant: 'XSmall' }}\n        secondary={value}\n        secondaryTypographyProps={{ color: 'text.default', variant: 'Body', fontWeight: 600 }}\n      />\n    </>\n  )\n\n  return onClick ? (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton onClick={onClick}>\n        {rowContents}\n        <ListItemIcon>\n          <Icon name=\"chevron_right\" size={24} />\n        </ListItemIcon>\n      </ListItemButton>\n    </ListItem>\n  ) : (\n    <ListItem disableGutters={false} disablePadding={false}>\n      {rowContents}\n    </ListItem>\n  )\n}\n\nexport default DataRow\n"],"names":["DataRow","iconName","label","onClick","value","rowContents","jsxs","Fragment","jsx","ListItemAvatar","Avatar","Icon","IconWeight","ListItemText","ListItem","ListItemButton","ListItemIcon"],"mappings":";;;;;;;;AAkBA,MAAMA,IAAkC,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,OAAAC,QAAY;AAC/E,QAAMC,IAEF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,4BAACC,GAAO,EAAA,IAAI,EAAE,SAAS,eAAA,GAAkB,SAAQ,WAC/C,UAAA,gBAAAF,EAACG,KAAK,MAAMV,GAAU,IAAI,EAAE,OAAO,kBAAkB,QAAQW,EAAW,KAAM,CAAA,EAAA,CAChF,EACF,CAAA;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,SAASX;AAAA,QACT,wBAAwB,EAAE,SAAS,SAAS;AAAA,QAC5C,WAAWE;AAAA,QACX,0BAA0B,EAAE,OAAO,gBAAgB,SAAS,QAAQ,YAAY,IAAI;AAAA,MAAA;AAAA,IACtF;AAAA,EACF,EAAA,CAAA;AAGK,SAAAD,sBACJW,GAAS,EAAA,gBAAgB,IAAM,gBAAgB,IAC9C,UAAC,gBAAAR,EAAAS,GAAA,EAAe,SAAAZ,GACb,UAAA;AAAA,IAAAE;AAAA,IACD,gBAAAG,EAACQ,KACC,UAAC,gBAAAR,EAAAG,GAAA,EAAK,MAAK,iBAAgB,MAAM,IAAI,EACvC,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,IAEC,gBAAAH,EAAAM,GAAA,EAAS,gBAAgB,IAAO,gBAAgB,IAC9C,UACHT,EAAA,CAAA;AAEJ;"}

package/dist/common/components/EmptyState.js

@@ -0,0 +1,56 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import n from "@mui/material/Button";
+import o from "@mui/material/Stack";
+import { Icon as l } from "@mxenabled/mx-icons";
+import { H2 as d, Text as f } from "@mxenabled/mxui";
+const v = ({
+  iconColor: i,
+  header: c,
+  icon: x,
+  onClick: t,
+  primaryButton: p,
+  secondaryButton: e,
+  subText: m,
+  sx: s
+}) => /* @__PURE__ */ a(
+  o,
+  {
+    sx: {
+      mt: 54,
+      alignItems: "center",
+      alignSelf: "center",
+      ...s
+    },
+    children: [
+      /* @__PURE__ */ r(l, { name: x, size: 54, sx: { color: i } }),
+      /* @__PURE__ */ r(d, { color: "text.primary", sx: { textWrap: "wrap", textAlign: "center" }, children: c }),
+      /* @__PURE__ */ r(
+        f,
+        {
+          color: "text.secondary",
+          sx: { textAlign: "center", textWrap: "wrap" },
+          variant: "Paragraph",
+          children: m
+        }
+      ),
+      /* @__PURE__ */ a(
+        o,
+        {
+          className: "buttons-footer",
+          sx: {
+            gap: 12,
+            mt: 48
+          },
+          children: [
+            /* @__PURE__ */ r(n, { onClick: () => t("primary"), sx: { textWrap: "nowrap" }, variant: "contained", children: p }),
+            e && /* @__PURE__ */ r(n, { onClick: () => t("secondary"), sx: { textWrap: "nowrap" }, variant: "text", children: e })
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  v as EmptyState
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/common/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../src/common/components/EmptyState.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n  iconColor?: string\n  header: string\n  icon: string\n  onClick: (buttonType: string) => void\n  primaryButton: string\n  secondaryButton?: string\n  subText: string\n  sx?: SxProps\n}\n\nexport const EmptyState: React.FC<EmptyWidgetProps> = ({\n  iconColor,\n  header,\n  icon,\n  onClick,\n  primaryButton,\n  secondaryButton,\n  subText,\n  sx,\n}) => {\n  return (\n    <Stack\n      sx={{\n        mt: 54,\n        alignItems: 'center',\n        alignSelf: 'center',\n        ...sx,\n      }}\n    >\n      <Icon name={icon} size={54} sx={{ color: iconColor }} />\n      <H2 color=\"text.primary\" sx={{ textWrap: 'wrap', textAlign: 'center' }}>\n        {header}\n      </H2>\n      <Text\n        color=\"text.secondary\"\n        sx={{ textAlign: 'center', textWrap: 'wrap' }}\n        variant=\"Paragraph\"\n      >\n        {subText}\n      </Text>\n      <Stack\n        className=\"buttons-footer\"\n        sx={{\n          gap: 12,\n          mt: 48,\n        }}\n      >\n        <Button onClick={() => onClick('primary')} sx={{ textWrap: 'nowrap' }} variant=\"contained\">\n          {primaryButton}\n        </Button>\n        {secondaryButton && (\n          <Button onClick={() => onClick('secondary')} sx={{ textWrap: 'nowrap' }} variant=\"text\">\n            {secondaryButton}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n"],"names":["EmptyState","iconColor","header","icon","onClick","primaryButton","secondaryButton","subText","sx","jsxs","Stack","jsx","Icon","H2","Text","Button"],"mappings":";;;;;AAqBO,MAAMA,IAAyC,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,GAAGF;AAAA,IACL;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAG,EAAAC,GAAA,EAAK,MAAMT,GAAM,MAAM,IAAI,IAAI,EAAE,OAAOF,EAAa,EAAA,CAAA;AAAA,MACtD,gBAAAU,EAACE,GAAG,EAAA,OAAM,gBAAe,IAAI,EAAE,UAAU,QAAQ,WAAW,SAAS,GAClE,UACHX,EAAA,CAAA;AAAA,MACA,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,IAAI,EAAE,WAAW,UAAU,UAAU,OAAO;AAAA,UAC5C,SAAQ;AAAA,UAEP,UAAAP;AAAA,QAAA;AAAA,MACH;AAAA,MACA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,KAAK;AAAA,YACL,IAAI;AAAA,UACN;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAC,EAACI,GAAO,EAAA,SAAS,MAAMX,EAAQ,SAAS,GAAG,IAAI,EAAE,UAAU,SAAA,GAAY,SAAQ,aAC5E,UACHC,GAAA;AAAA,YACCC,KACC,gBAAAK,EAACI,GAAO,EAAA,SAAS,MAAMX,EAAQ,WAAW,GAAG,IAAI,EAAE,UAAU,YAAY,SAAQ,QAC9E,UACHE,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/common/components/ErrorBoundary.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { H3 as s } from "@mxenabled/mxui";
+const n = {
+  text: "Oops! Something went wrong."
+};
+class h extends o.Component {
+  state = {
+    hasError: !1
+  };
+  componentDidCatch(r, t) {
+    console.error("Uncaught error:", r, t);
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ e(s, { sx: { pt: 24 }, children: n.text }) : this.props.children;
+  }
+}
+export {
+  h as default
+};
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/common/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../src/common/components/ErrorBoundary.tsx"],"sourcesContent":["import React from 'react'\n\nimport { H3 } from '@mxenabled/mxui'\n\nexport interface ErrorProps {\n  children?: React.ReactNode\n}\n\nexport interface ErrorState {\n  hasError: boolean\n}\n\nconst copy = {\n  text: 'Oops! Something went wrong.',\n}\n\nclass ErrorBoundary extends React.Component<ErrorProps, ErrorState> {\n  state: ErrorState = {\n    hasError: false,\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('Uncaught error:', error, errorInfo)\n  }\n\n  static getDerivedStateFromError(): ErrorState {\n    return { hasError: true }\n  }\n\n  render() {\n    if (this.state.hasError) return <H3 sx={{ pt: 24 }}>{copy.text}</H3>\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],"names":["copy","ErrorBoundary","React","error","errorInfo","jsx","H3"],"mappings":";;;AAYA,MAAMA,IAAO;AAAA,EACX,MAAM;AACR;AAEA,MAAMC,UAAsBC,EAAM,UAAkC;AAAA,EAClE,QAAoB;AAAA,IAClB,UAAU;AAAA,EAAA;AAAA,EAGZ,kBAAkBC,GAAcC,GAA4B;AAClD,YAAA,MAAM,mBAAmBD,GAAOC,CAAS;AAAA,EACnD;AAAA,EAEA,OAAO,2BAAuC;AACrC,WAAA,EAAE,UAAU;EACrB;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAAkB,gBAAAC,EAAAC,GAAA,EAAG,IAAI,EAAE,IAAI,GAAA,GAAO,UAAAN,EAAK,KAAK,CAAA,IAExD,KAAK,MAAM;AAAA,EACpB;AACF;"}

package/dist/common/components/IconBacking.js

@@ -0,0 +1,40 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import m from "@mui/material/Box";
+import c from "@mui/material/Stack";
+const x = ({
+  backingSx: r,
+  children: i,
+  size: o,
+  sx: t
+}) => /* @__PURE__ */ d(
+  c,
+  {
+    sx: {
+      display: "grid",
+      placeItems: "center",
+      zIndex: 3,
+      ...t
+    },
+    children: [
+      i,
+      /* @__PURE__ */ e(
+        m,
+        {
+          sx: {
+            backgroundColor: "common.white",
+            borderRadius: "50%",
+            height: o,
+            width: o,
+            gridRow: 1,
+            gridColumn: 1,
+            ...r
+          }
+        }
+      )
+    ]
+  }
+);
+export {
+  x as default
+};
+//# sourceMappingURL=IconBacking.js.map

package/dist/common/components/IconBacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBacking.js","sources":["../../../src/common/components/IconBacking.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface IconProps {\n  backingSx?: SxProps\n  size: number\n  sx?: SxProps\n}\n\nconst IconBacking: React.FC<React.PropsWithChildren<IconProps>> = ({\n  backingSx,\n  children,\n  size,\n  sx,\n}) => (\n  <Stack\n    sx={{\n      display: 'grid',\n      placeItems: 'center',\n      zIndex: 3,\n      ...sx,\n    }}\n  >\n    {children}\n\n    <Box\n      sx={{\n        backgroundColor: 'common.white',\n        borderRadius: '50%',\n        height: size,\n        width: size,\n        gridRow: 1,\n        gridColumn: 1,\n        ...backingSx,\n      }}\n    />\n  </Stack>\n)\n\nexport default IconBacking\n"],"names":["IconBacking","backingSx","children","size","sx","jsxs","Stack","jsx","Box"],"mappings":";;;AAUA,MAAMA,IAA4D,CAAC;AAAA,EACjE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAAC;AACF,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,GAAGF;AAAA,IACL;AAAA,IAEC,UAAA;AAAA,MAAAF;AAAA,MAED,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,QAAQL;AAAA,YACR,OAAOA;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,GAAGF;AAAA,UACL;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AACF;"}