@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/core/utils/TrendsUtil.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsUtil.es.js","names":[],"sources":["../../../src/core/utils/TrendsUtil.ts"],"sourcesContent":["import { GridComparatorFn } from '@mui/x-data-grid-pro'\n\nimport { CategoryColors, CategoryGuids, CategoryGuidToName } from '../constants'\nimport { DetailedCategoryWithTransactions, MonthlyCategoryTotals } from '../types'\n\ntype DataPoint = { x: Date; y: number }\ntype Dataset = DataPoint[]\n\ntype CategoryTotalData = {\n  top_level_category_guid: string\n  category_guid: string\n  amount: number\n  year_month: number // e.g. 202409\n}\n\ntype GroupedCategoryTotalData = {\n  [categoryGuid: string]: CategoryTotalData[]\n}\n\nexport interface StackedLineChartData {\n  top_level_category_guid: string\n  category_guid: string\n  category_name: string\n  category_color: string\n  dataset: Dataset\n}\n\nconst getCategoryColor = (categoryGuid: string): string => {\n  return CategoryColors[categoryGuid] ?? CategoryColors.default\n}\n\nconst getCategoryName = (categoryGuid: string): string => {\n  return CategoryGuidToName[categoryGuid]\n}\n\nfunction createYearMonthRange(start: Date, end: Date): number[] {\n  const result = []\n  const current = new Date(start)\n\n  while (current <= end) {\n    const year = current.getFullYear()\n    const month = String(current.getMonth() + 1).padStart(2, '0')\n    result.push(Number(`${year}${month}`))\n    current.setMonth(current.getMonth() + 1)\n  }\n\n  return result\n}\n\nconst createGroupedCategoryTotals = (totals: MonthlyCategoryTotals[]): GroupedCategoryTotalData => {\n  return totals.reduce((result, item) => {\n    const totalData: CategoryTotalData = {\n      top_level_category_guid: item.top_level_category_guid,\n      category_guid: item.category_guid,\n      amount: item.total,\n      year_month: item.year_month,\n    }\n\n    const { top_level_category_guid, category_guid } = totalData\n\n    // Ensure category bucket exists\n    if (!result[category_guid]) {\n      result[category_guid] = []\n    }\n    result[category_guid].push(totalData)\n\n    // Ensure top-level category bucket exists (if different than category)\n    if (top_level_category_guid !== category_guid) {\n      if (!result[top_level_category_guid]) {\n        result[top_level_category_guid] = []\n      }\n      result[top_level_category_guid].push(totalData)\n    }\n\n    return result\n  }, {} as GroupedCategoryTotalData)\n}\n\nexport const getStackedLineChartData = (\n  totals: MonthlyCategoryTotals[],\n  start: Date,\n  end: Date,\n): StackedLineChartData[] => {\n  const groupedTotals = createGroupedCategoryTotals(totals)\n  const yearMonths = createYearMonthRange(start, end)\n\n  return Object.entries(groupedTotals).map(([categoryGuid, totals]) => {\n    const topLevelCategoryGuid = totals[0].top_level_category_guid\n    // Build dataset for current category\n    const dataset: Dataset = yearMonths\n      // Build chart coordinates and fill missing totals with 0\n      .map((yearMonth) => {\n        // Sum category totals for same month\n        // (totals with same top_level_category_guid but different category_guid)\n        // And fill missing totals with 0\n        // (necessary for StackedLineChart lines to be smooth)\n        const sumTotal = totals\n          .filter((total) => total.year_month === yearMonth)\n          .reduce((sum, total) => sum + Math.abs(total.amount), 0)\n\n        const year = Number(String(yearMonth).slice(0, 4))\n        const month = Number(String(yearMonth).slice(4))\n        const date = new Date(year, month - 1)\n\n        return { x: date, y: sumTotal }\n      })\n      .sort((a, b) => a.x.getTime() - b.x.getTime())\n\n    return {\n      top_level_category_guid: topLevelCategoryGuid,\n      category_guid: categoryGuid,\n      category_name: getCategoryName(categoryGuid),\n      category_color: getCategoryColor(topLevelCategoryGuid),\n      dataset: dataset,\n    }\n  })\n}\n\nexport const amountComparator: GridComparatorFn<string | number> = (v1, v2) => {\n  const num1 = typeof v1 === 'string' ? parseFloat(v1.replace(/[^0-9.-]+/g, '')) : v1\n  const num2 = typeof v2 === 'string' ? parseFloat(v2.replace(/[^0-9.-]+/g, '')) : v2\n\n  return (num1 || 0) - (num2 || 0)\n}\n\nexport const categoryComparator: GridComparatorFn<string> = (cat1, cat2) => {\n  // Always keep \"General\" categories at the bottom of the list\n  return cat1.indexOf('General') >= 0 ? 1 : cat1.localeCompare(cat2)\n}\n\nconst buildTooltipLabels = (data: DetailedCategoryWithTransactions, monthsCount: number) => {\n  const subcategories = data.subCategories.filter((subcategory) => subcategory.currentAmount !== 0)\n  const monthsData = data.totalMonthlyAmounts.slice(-monthsCount)\n\n  const formatMonthLabel = (label: string) => label.substring(0, 3) + ' ' + label.slice(-4)\n\n  return monthsData.map((monthData) => {\n    const monthLabel = formatMonthLabel(monthData.label)\n\n    const subcategoryEntries = subcategories.map((subcategory) => {\n      const monthEntry = subcategory.monthlyAmounts\n        .slice(-monthsCount)\n        .find((entry) => formatMonthLabel(entry.label) === monthLabel)\n\n      return {\n        label: subcategory.name,\n        amount: Math.abs(monthEntry?.amount || 0),\n        header: monthLabel,\n      }\n    })\n\n    const parentMonthEntry = data.monthlyAmounts\n      .slice(-monthsCount)\n      .find((entry) => formatMonthLabel(entry.label) === monthLabel)\n\n    const parentEntry = {\n      label: data.name,\n      amount: Math.abs(parentMonthEntry?.amount || 0),\n      header: monthLabel,\n    }\n\n    return [parentEntry, ...subcategoryEntries].sort((a, b) => b.amount - a.amount)\n  })\n}\n\nexport const buildCategoryDetailsChartData = (\n  data: DetailedCategoryWithTransactions | null,\n  monthsCount: number,\n) => {\n  const monthlyAmounts = data\n    ? data.totalMonthlyAmounts.slice(-monthsCount).map((monthData) => ({\n        x: monthData.label.substring(0, 3),\n        y: Math.abs(monthData.amount),\n      }))\n    : []\n\n  const tooltipLabels = data ? buildTooltipLabels(data, monthsCount) : []\n\n  return { monthlyAmounts, tooltipLabels }\n}\n\nexport const filterAndSortCategoriesWithTransactions = (\n  categories: DetailedCategoryWithTransactions[],\n): DetailedCategoryWithTransactions[] => {\n  return categories\n    .slice()\n    .filter(\n      (category) =>\n        category.totalAmount !== 0 &&\n        !category.isTransfer &&\n        category.guid !== CategoryGuids.INVESTMENTS,\n    )\n    .sort((a, b) => Math.abs(b.totalAmount) - Math.abs(a.totalAmount))\n}\n"],"mappings":"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"}

package/dist/core/utils/UserUtils.es.js

@@ -0,0 +1,6 @@
+var r = (e, a) => !!e.find((n) => n.feature_name === a)?.is_enabled;
+export {
+  r as isFeatureEnabled
+};
+
+//# sourceMappingURL=UserUtils.es.js.map

package/dist/core/utils/UserUtils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserUtils.es.js","names":[],"sources":["../../../src/core/utils/UserUtils.ts"],"sourcesContent":["import type { UserFeature } from '../types'\n\nexport const isFeatureEnabled = (userFeatures: UserFeature[], featureName: string): boolean =>\n  !!userFeatures.find((f) => f.feature_name === featureName)?.is_enabled\n"],"mappings":"AAEA,IAAa,IAAA,CAAoB,GAA6B,MAC5D,CAAC,CAAC,EAAa,KAAA,CAAM,MAAM,EAAE,iBAAiB,CAAW,GAAG"}

package/dist/dashboard/Dashboard.es.js

@@ -0,0 +1,99 @@
+import { useGlobalStore as x } from "../common/context/hooks.es.js";
+import { useScreenSize as v } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as b } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { Banner as S } from "../common/components/Banner.es.js";
+import D from "./Greeting.es.js";
+import { DashboardLocation as c } from "./constants/Dashboard.es.js";
+import r from "react";
+import { observer as z } from "mobx-react-lite";
+import d from "@mui/material/Stack";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@mui/material/Skeleton";
+import m from "@mui/material/Grid";
+var M = ({ widgets: s, isLoading: n }) => {
+  const { isDesktop: h, isMobile: l } = v(), { copyStore: p } = x();
+  b({
+    widgetName: "Dashboard",
+    isLoaded: !n
+  });
+  const t = r.useMemo(() => s.filter((e) => e.location !== c.Disabled).sort((e, g) => e.index - g.index), [s]), u = r.useMemo(() => t.filter((e) => e.location === c.Main), [t]), f = r.useMemo(() => t.filter((e) => e.location === c.RightSide), [t]);
+  return /* @__PURE__ */ a(m, {
+    container: !0,
+    spacing: l ? 0 : 24,
+    children: [
+      /* @__PURE__ */ i(m, {
+        size: 12,
+        sx: { pt: 16 },
+        children: p.isInitialized && /* @__PURE__ */ i(D, {})
+      }),
+      /* @__PURE__ */ a(m, {
+        size: {
+          xs: 12,
+          lg: 8
+        },
+        children: [
+          /* @__PURE__ */ i(S, {}),
+          n && /* @__PURE__ */ a(d, {
+            direction: "column",
+            spacing: 24,
+            children: [
+              /* @__PURE__ */ i(o, {
+                height: 100,
+                variant: "rounded",
+                width: "100%"
+              }),
+              /* @__PURE__ */ i(o, {
+                height: 300,
+                variant: "rounded",
+                width: "100%"
+              }),
+              /* @__PURE__ */ i(o, {
+                height: 300,
+                variant: "rounded",
+                width: "100%"
+              })
+            ]
+          }),
+          !n && /* @__PURE__ */ i(d, {
+            direction: "column",
+            spacing: 24,
+            children: h ? u.map((e) => /* @__PURE__ */ i(r.Fragment, { children: e.component }, e.index)) : t.map((e) => /* @__PURE__ */ i(r.Fragment, { children: e.component }, e.index))
+          })
+        ]
+      }),
+      h && /* @__PURE__ */ i(m, {
+        size: { lg: 4 },
+        children: n ? /* @__PURE__ */ a(d, {
+          direction: "column",
+          spacing: 24,
+          children: [
+            /* @__PURE__ */ i(o, {
+              height: 200,
+              variant: "rounded",
+              width: "100%"
+            }),
+            /* @__PURE__ */ i(o, {
+              height: 100,
+              variant: "rounded",
+              width: "100%"
+            }),
+            /* @__PURE__ */ i(o, {
+              height: 300,
+              variant: "rounded",
+              width: "100%"
+            })
+          ]
+        }) : /* @__PURE__ */ i(d, {
+          direction: "column",
+          spacing: 24,
+          children: f.map((e) => /* @__PURE__ */ i(r.Fragment, { children: e.component }, e.index))
+        })
+      })
+    ]
+  });
+}, T = z(M);
+export {
+  T as default
+};
+
+//# sourceMappingURL=Dashboard.es.js.map

package/dist/dashboard/Dashboard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.es.js","names":[],"sources":["../../src/dashboard/Dashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Grid from '@mui/material/Grid'\nimport Skeleton from '@mui/material/Skeleton'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore, useScreenSize, useWidgetLoadTimer } from '../common'\n\nimport { Banner } from '../common/components/Banner'\n\nimport Greeting from './Greeting'\nimport { DashboardLocation } from './constants/Dashboard'\nimport type { DashboardWidget } from './types/DashboardTypes'\n\nexport interface DashboardProps {\n  widgets: DashboardWidget[]\n  isLoading: boolean\n}\n\nconst Dashboard: React.FC<DashboardProps> = ({ widgets, isLoading }) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { copyStore } = useGlobalStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'Dashboard',\n    isLoaded: !isLoading,\n  })\n\n  const sortedWidgets = React.useMemo(\n    () =>\n      widgets\n        .filter((widget) => widget.location !== DashboardLocation.Disabled)\n        .sort((w1, w2) => w1.index - w2.index),\n    [widgets],\n  )\n\n  const mainWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.Main),\n    [sortedWidgets],\n  )\n\n  const sideWidgets = React.useMemo(\n    () => sortedWidgets.filter((widget) => widget.location === DashboardLocation.RightSide),\n    [sortedWidgets],\n  )\n\n  return (\n    <Grid container={true} spacing={isMobile ? 0 : 24}>\n      <Grid size={12} sx={{ pt: 16 }}>\n        {copyStore.isInitialized && <Greeting />}\n      </Grid>\n\n      {/* Main Column */}\n      <Grid size={{ xs: 12, lg: 8 }}>\n        <Banner />\n        {isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n          </Stack>\n        )}\n        {!isLoading && (\n          <Stack direction=\"column\" spacing={24}>\n            {isDesktop\n              ? mainWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))\n              : sortedWidgets.map((widget) => (\n                  <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n                ))}\n          </Stack>\n        )}\n      </Grid>\n\n      {/* Right Column */}\n      {isDesktop && (\n        <Grid size={{ lg: 4 }}>\n          {isLoading ? (\n            <Stack direction=\"column\" spacing={24}>\n              <Skeleton height={200} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n              <Skeleton height={300} variant=\"rounded\" width=\"100%\" />\n            </Stack>\n          ) : (\n            <Stack direction=\"column\" spacing={24}>\n              {sideWidgets.map((widget) => (\n                <React.Fragment key={widget.index}>{widget.component}</React.Fragment>\n              ))}\n            </Stack>\n          )}\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n\nexport default observer(Dashboard)\n"],"mappings":"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"}

package/dist/dashboard/Greeting.es.js

@@ -0,0 +1,49 @@
+import { useAppConfig as p, useGlobalCopyStore as u } from "../common/context/hooks.es.js";
+import { useScreenSize as g } from "../common/hooks/useScreenSize.es.js";
+import { GlobalAccountFilter as h } from "../common/components/GlobalAccountFilter.es.js";
+import _ from "../common/components/ConnectDrawer.es.js";
+import w from "../common/components/addaccounts/AddAccounts.es.js";
+import s from "react";
+import { observer as C } from "mobx-react-lite";
+import n from "@mui/material/Stack";
+import { H2 as x, P as v } from "@mxenabled/mxui";
+import b from "@mui/material/Paper";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useMediaQuery as y } from "@mui/system";
+var S = () => {
+  const [i, c] = s.useState(!1), m = y("(max-width:320px)"), { common: o, connect: l } = u(), { config: a } = p(), { isMobile: f } = g(), d = () => {
+    const t = (/* @__PURE__ */ new Date()).getHours();
+    return t > 1 && t < 12 ? o.good_morning : t >= 12 && t < 18 ? o.good_afternoon : o.good_evening;
+  };
+  return /* @__PURE__ */ r(s.Fragment, { children: [/* @__PURE__ */ e(b, {
+    sx: {
+      gap: 12,
+      mb: f ? 24 : 0,
+      p: 24
+    },
+    children: /* @__PURE__ */ r(n, {
+      alignItems: "center",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */ r(n, { children: [/* @__PURE__ */ e(x, {
+        variant: m ? "h2" : "h1",
+        children: d()
+      }), /* @__PURE__ */ e(v, {
+        color: "text.secondary",
+        children: o.heres_your_spending_overview
+      })] }), /* @__PURE__ */ r(n, {
+        flexDirection: "row",
+        children: [a.show_connections_widget_in_master && /* @__PURE__ */ e(w, { handleConnectClick: () => c(!0) }), /* @__PURE__ */ e(h, {})]
+      })]
+    })
+  }), i && /* @__PURE__ */ e(_, {
+    onClose: () => c(!1),
+    showConnectWidget: i,
+    title: l.mini_title
+  })] });
+}, Q = C(S);
+export {
+  Q as default
+};
+
+//# sourceMappingURL=Greeting.es.js.map

package/dist/dashboard/Greeting.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Greeting.es.js","names":[],"sources":["../../src/dashboard/Greeting.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport Paper from '@mui/material/Paper'\n\nimport { H2, P } from '@mxenabled/mxui'\nimport { useMediaQuery } from '@mui/system'\n\nimport { ConnectDrawer, useAppConfig, useGlobalCopyStore, useScreenSize } from '../common'\n\nimport AddAccounts from '../common/components/addaccounts/AddAccounts'\nimport { GlobalAccountFilter } from '../common/components/GlobalAccountFilter'\n\nconst Greeting = () => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const isSmallMobileDevice = useMediaQuery('(max-width:320px)')\n\n  const { common: commonCopy, connect: connectCopy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  const { isMobile } = useScreenSize()\n\n  const getGreeting = () => {\n    const now = new Date()\n    const hour = now.getHours()\n\n    if (hour > 1 && hour < 12) {\n      return commonCopy.good_morning\n    } else if (hour >= 12 && hour < 18) {\n      return commonCopy.good_afternoon\n    } else {\n      return commonCopy.good_evening\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <Paper sx={{ gap: 12, mb: isMobile ? 24 : 0, p: 24 }}>\n        <Stack alignItems=\"center\" flexDirection=\"row\" justifyContent=\"space-between\">\n          <Stack>\n            <H2 variant={isSmallMobileDevice ? 'h2' : 'h1'}>{getGreeting()}</H2>\n            <P color=\"text.secondary\">{commonCopy.heres_your_spending_overview}</P>\n          </Stack>\n          <Stack flexDirection=\"row\">\n            {config.show_connections_widget_in_master && (\n              <AddAccounts handleConnectClick={() => setShowConnectWidget(true)} />\n            )}\n            <GlobalAccountFilter />\n          </Stack>\n        </Stack>\n      </Paper>\n      {showConnectWidget && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={connectCopy.mini_title}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n\nexport default observer(Greeting)\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,IAAA,MAAiB;AACrB,QAAM,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAEhE,IAAsB,EAAc,mBAAmB,GAEvD,EAAE,QAAQ,GAAY,SAAS,EAAA,IAAgB,EAAmB,GAClE,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,IAAA,MAAoB;AAExB,UAAM,KAAO,oBADG,KACH,GAAI,SAAS;AAE1B,WAAI,IAAO,KAAK,IAAO,KACd,EAAW,eACT,KAAQ,MAAM,IAAO,KACvB,EAAW,iBAEX,EAAW;AAAA,EAEtB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,KAAK;AAAA,MAAI,IAAI,IAAW,KAAK;AAAA,MAAG,GAAG;AAAA,IAAG;AAAA,cACjD,gBAAA,EAAC,GAAD;AAAA,MAAO,YAAW;AAAA,MAAS,eAAc;AAAA,MAAM,gBAAe;AAAA,gBAA9D,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAI,SAAS,IAAsB,OAAO;AAAA,kBAAO,EAAY;AAAA,MAAM,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,kBAAkB,EAAW;AAAA,MAAgC,CAAA,CACjE,EAAA,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,QAAO,eAAc;AAAA,kBAArB,CACG,EAAO,qCACN,gBAAA,EAAC,GAAD,EAAa,oBAAA,MAA0B,EAAqB,EAAI,EAAI,CAAA,GAEtE,gBAAA,EAAC,GAAD,CAAsB,CAAA,CACjB;AAAA,QACF;AAAA;EACF,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,SAAA,MAAe,EAAqB,EAAK;AAAA,IACtB,mBAAA;AAAA,IACnB,OAAO,EAAY;AAAA,EACpB,CAAA,CAEW,EAAA,CAAA;AAEpB,GAEA,IAAe,EAAS,CAAQ"}

package/dist/dashboard/constants/Dashboard.es.js

@@ -0,0 +1,8 @@
+var i = /* @__PURE__ */ (function(e) {
+  return e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e;
+})({});
+export {
+  i as DashboardLocation
+};
+
+//# sourceMappingURL=Dashboard.es.js.map

package/dist/dashboard/constants/Dashboard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.es.js","names":[],"sources":["../../../src/dashboard/constants/Dashboard.ts"],"sourcesContent":["export enum DashboardLocation {\n  Main = 0,\n  RightSide = 1,\n  Disabled = 2,\n}\n"],"mappings":"AAAA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,EAAA,OAAA,CAAA,IAAA,QACA,EAAA,EAAA,YAAA,CAAA,IAAA,aACA,EAAA,EAAA,WAAA,CAAA,IAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/dashboard/index.es.js

@@ -1,155 +1,6 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import o from "react";
-import { observer as p } from "mobx-react-lite";
-import u from "@mui/material/Grid";
-import m from "@mui/material/Skeleton";
-import s from "@mui/material/Stack";
-import { useTheme as S } from "@mui/material/styles";
-import { e as w, u as b, i as v } from "../hooks-97sNJ_lf.mjs";
-import C from "@mui/material/Paper";
-import { Icon as _, H2 as M, P as D } from "@mxenabled/mxui";
-import { useMediaQuery as G } from "@mui/system";
-import z from "@mui/material/Box";
-import W from "@mui/material/Button";
-import k from "@mui/material/IconButton";
-import A from "@mui/material/Tooltip";
-import I from "@mui/material/useMediaQuery";
-import { G as B } from "../GlobalAccountFilter-BhzR5Vb1.mjs";
-import { u as y } from "../useScreenSize-mWpmnh5w.mjs";
-import { C as F } from "../ConnectDrawer-CYP3sd5f.mjs";
-import { u as R } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-const T = p(() => {
-  const t = S(), {
-    appDataStore: { banner: r, loadBanner: i, user: a }
-  } = w();
-  return o.useEffect(() => {
-    i().finally();
-  }, [a]), r?.image_url ? /* @__PURE__ */ e(
-    s,
-    {
-      sx: {
-        alignItems: "center",
-        width: "100%",
-        mb: 24
-      },
-      children: /* @__PURE__ */ e(
-        "a",
-        {
-          href: r?.redirect_url,
-          rel: "noreferrer",
-          style: {
-            width: "100%"
-          },
-          target: "_blank",
-          children: /* @__PURE__ */ e(
-            "img",
-            {
-              alt: "",
-              src: r.image_url,
-              style: {
-                width: "100%",
-                height: "auto",
-                border: `1px solid ${t.palette.grey[300]}`
-              }
-            }
-          )
-        }
-      )
-    }
-  ) : null;
-}), $ = ({ handleConnectClick: t }) => {
-  const { common: r } = b(), i = I("(max-width: 700px)");
-  return /* @__PURE__ */ e(z, { children: i ? /* @__PURE__ */ e(A, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ e(
-    k,
-    {
-      "aria-controls": "add_accounts",
-      "aria-describedby": "add-accounts",
-      "aria-haspopup": !0,
-      "aria-label": r.add_accounts,
-      color: "primary",
-      onClick: t,
-      children: /* @__PURE__ */ e(_, { name: "add", size: 24 })
-    }
-  ) }) : /* @__PURE__ */ e(
-    W,
-    {
-      "aria-controls": "add_accounts",
-      "aria-haspopup": !0,
-      "aria-label": r.add_accounts,
-      onClick: t,
-      startIcon: /* @__PURE__ */ e(_, { name: "add", size: 24 }),
-      sx: {
-        p: 12,
-        whiteSpace: "nowrap",
-        minWidth: "max-content"
-      },
-      variant: "text",
-      children: r.add_accounts
-    }
-  ) });
-}, j = p($), Q = () => {
-  const [t, r] = o.useState(!1), i = G("(max-width:320px)"), { common: a, connect: g } = b(), { config: d } = v(), { isMobile: f } = y(), x = () => {
-    const l = (/* @__PURE__ */ new Date()).getHours();
-    return l > 1 && l < 12 ? a.good_morning : l >= 12 && l < 18 ? a.good_afternoon : a.good_evening;
-  };
-  return /* @__PURE__ */ c(o.Fragment, { children: [
-    /* @__PURE__ */ e(C, { sx: { gap: 12, mb: f ? 24 : 0, p: 24 }, children: /* @__PURE__ */ c(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ c(s, { children: [
-        /* @__PURE__ */ e(M, { variant: i ? "h2" : "h1", children: x() }),
-        /* @__PURE__ */ e(D, { color: "text.secondary", children: a.heres_your_spending_overview })
-      ] }),
-      /* @__PURE__ */ c(s, { flexDirection: "row", children: [
-        d.show_connections_widget_in_master && /* @__PURE__ */ e(j, { handleConnectClick: () => r(!0) }),
-        /* @__PURE__ */ e(B, {})
-      ] })
-    ] }) }),
-    t && /* @__PURE__ */ e(
-      F,
-      {
-        onClose: () => r(!1),
-        showConnectWidget: t,
-        title: g.mini_title
-      }
-    )
-  ] });
-}, H = p(Q);
-var h = /* @__PURE__ */ ((t) => (t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t))(h || {});
-const P = ({ widgets: t, isLoading: r }) => {
-  const { isDesktop: i, isMobile: a } = y(), { copyStore: g } = w();
-  R({
-    widgetName: "Dashboard",
-    isLoaded: !r
-  });
-  const d = o.useMemo(
-    () => t.filter((n) => n.location !== h.Disabled).sort((n, l) => n.index - l.index),
-    [t]
-  ), f = o.useMemo(
-    () => d.filter((n) => n.location === h.Main),
-    [d]
-  ), x = o.useMemo(
-    () => d.filter((n) => n.location === h.RightSide),
-    [d]
-  );
-  return /* @__PURE__ */ c(u, { container: !0, spacing: a ? 0 : 24, children: [
-    /* @__PURE__ */ e(u, { size: 12, sx: { pt: 16 }, children: g.isInitialized && /* @__PURE__ */ e(H, {}) }),
-    /* @__PURE__ */ c(u, { size: { xs: 12, lg: 8 }, children: [
-      /* @__PURE__ */ e(T, {}),
-      r && /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
-      ] }),
-      !r && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? f.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) : d.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) })
-    ] }),
-    i && /* @__PURE__ */ e(u, { size: { lg: 4 }, children: r ? /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ e(m, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) }) })
-  ] });
-}, se = p(P);
+import { DashboardLocation as a } from "./constants/Dashboard.es.js";
+import t from "./Dashboard.es.js";
 export {
-  se as Dashboard,
-  h as DashboardLocation
+  t as Dashboard,
+  a as DashboardLocation
 };
-//# sourceMappingURL=index.es.js.map

package/dist/debts/DebtsWidget.es.js

@@ -0,0 +1,138 @@
+import { useAccountStore as X, useAppConfig as Z, useDebtStore as $, useEvent as tt, useGlobalCopyStore as et, useGlobalUiStore as ot, useGoalStore as rt } from "../common/context/hooks.es.js";
+import { useScreenSize as nt } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as st } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as d } from "../common/constants/Analytics.es.js";
+import { AccountType as n } from "../core/types/Account.es.js";
+import { buildEmptyStateProps as it, transformDebtsChartData as at } from "../core/utils/DebtUtils.es.js";
+import ct from "../common/components/Loader.es.js";
+import { WidgetContainer as lt } from "../common/components/WidgetContainer.es.js";
+import dt from "../common/components/ConnectDrawer.es.js";
+import { EmptyState as mt } from "../common/components/EmptyState.es.js";
+import { useAccountUiStore as pt } from "../accounts/hooks/useUiStore.es.js";
+import { useDebtsUiStore as ft } from "./hooks/useDebtsUiStore.es.js";
+import ut from "./components/SnowballCard.es.js";
+import Dt from "./components/SnowballDrawer.es.js";
+import { DebtsChart as Ct } from "./components/DebtsChart.es.js";
+import bt from "./components/DebtDrawer.es.js";
+import St from "./components/PaydownDrawer.es.js";
+import { DebtsTable as wt } from "./components/DebtsTable.es.js";
+import { DebtsPriorityAction as ht } from "./components/actions/DebtsPriorityAction.es.js";
+import { PaydownButton as xt } from "./components/debtspaydown/PaydownButton.es.js";
+import e from "react";
+import { observer as At } from "mobx-react-lite";
+import C from "@mui/material/Stack";
+import { Fragment as _t, jsx as t, jsxs as m } from "react/jsx-runtime";
+var yt = ({ onBackClick: L, onMenuClick: O, sx: k }) => {
+  const { isDesktop: v, isMobile: o } = nt(), { connect: N, debts: b } = et(), { onEvent: s } = tt(), { config: { show_connections_widget_in_master: P } } = Z(), { isInitialized: p } = ot(), { setSelectedAccount: W } = pt(), { selectedDebtPriority: S, setSelectedDebtChartData: G } = ft(), { isAccountDataLoaded: f, loadAccountData: R, detailedAccounts: B, visibleDebtAccounts: w } = X(), { isAllGoalDataLoaded: h, loadGoalData: F, monthlyCashFlowProfile: x } = rt(), { debts: u } = $(), [H, A] = e.useState(!1), [K, _] = e.useState(!1), [z, y] = e.useState(!1), [i, M] = e.useState(""), [U, E] = e.useState(!1);
+  st({
+    widgetName: "DebtsWidget",
+    isLoaded: f && h
+  });
+  const a = e.useMemo(() => {
+    const r = x?.extra_payment ?? 0;
+    return at(u, S, r);
+  }, [
+    u,
+    S,
+    x
+  ]);
+  e.useEffect(() => {
+    f || R().finally(), s(d.DEBTS_VIEW);
+  }, []), e.useEffect(() => {
+    p && F().finally();
+  }, [p]);
+  const g = (r) => M(r), I = () => {
+    const r = w.find((D) => D.guid === i), T = a.find((D) => D.guid === i);
+    r && W(r), T && G(T), A(!0);
+  }, j = () => s(d.DEBTS_CLICK_FILTER), V = () => {
+    y(!0), s(d.DEBTS_CLICK_SNOWBALL_CTA);
+  }, Y = () => {
+    _(!0), s(d.DEBTS_CLICK_PAYDOWN);
+  };
+  if (!p || !f || !h) return /* @__PURE__ */ t(ct, {});
+  const q = B.length === 0, J = w.length === 0, Q = u.length === 0, c = q || J || Q, l = it(b, P, () => E(!0));
+  return /* @__PURE__ */ m(lt, {
+    actions: [/* @__PURE__ */ t(ht, { disabled: c }, "prioritize-debts")],
+    allowedAccountTypes: [
+      n.CREDIT_CARD,
+      n.LOAN,
+      n.MORTGAGE,
+      n.LINE_OF_CREDIT,
+      n.CHECKING_LINE_OF_CREDIT
+    ],
+    hasDivider: !0,
+    onAccountsFilterClick: j,
+    onBackClick: L,
+    onMenuClick: O,
+    slotComponent: /* @__PURE__ */ t(xt, {
+      disabled: c,
+      onClick: Y
+    }, "extra-paydown"),
+    sx: k,
+    title: b.title,
+    children: [
+      /* @__PURE__ */ m(C, {
+        sx: {
+          pt: 48,
+          px: v ? "48px" : "24px"
+        },
+        children: [c && /* @__PURE__ */ t(mt, {
+          header: l.header,
+          icon: "note_stack",
+          onClick: l.onClickHandler,
+          primaryButton: l.primaryButton,
+          subText: l.description,
+          sx: { maxWidth: 400 }
+        }), !c && /* @__PURE__ */ m(_t, { children: [/* @__PURE__ */ m(C, {
+          sx: {
+            alignItems: o ? "flex-start" : "flex-end",
+            flexDirection: o ? "column" : "row",
+            mx: o ? "-12px" : 0
+          },
+          children: [/* @__PURE__ */ t(Ct, {
+            debts: a,
+            height: o ? 250 : void 0,
+            hoveredDebtGuid: i,
+            onClickArea: I,
+            onHoverArea: g,
+            sx: { mr: o ? "4px" : "-48px" }
+          }), /* @__PURE__ */ t(ut, {
+            debts: a,
+            onClickCta: V,
+            sx: { mb: o ? "0px" : "64px" }
+          })]
+        }), /* @__PURE__ */ t(C, {
+          sx: { mx: o ? "-24px" : 0 },
+          children: /* @__PURE__ */ t(wt, {
+            debts: a,
+            hoveredDebtGuid: i,
+            onClickRow: I,
+            onHoverRow: g
+          })
+        })] })]
+      }),
+      /* @__PURE__ */ t(Dt, {
+        isOpen: z,
+        onClose: () => y(!1)
+      }),
+      /* @__PURE__ */ t(bt, {
+        isOpen: H,
+        onClose: () => A(!1)
+      }),
+      /* @__PURE__ */ t(St, {
+        isOpen: K,
+        onClose: () => _(!1)
+      }),
+      /* @__PURE__ */ t(dt, {
+        onClose: () => E(!1),
+        showConnectWidget: U,
+        title: N.mini_title
+      })
+    ]
+  });
+}, Jt = At(yt);
+export {
+  Jt as default
+};
+
+//# sourceMappingURL=DebtsWidget.es.js.map

package/dist/debts/DebtsWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsWidget.es.js","names":[],"sources":["../../src/debts/DebtsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  ANALYTICS_EVENTS,\n  ConnectDrawer,\n  EmptyState,\n  Loader,\n  useAccountStore,\n  useAppConfig,\n  useDebtStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useGoalStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { AccountType, WidgetProps } from '../core'\n\nimport SnowballCard from './components/SnowballCard'\nimport SnowballDrawer from './components/SnowballDrawer'\nimport DebtDrawer from './components/DebtDrawer'\nimport PaydownDrawer from './components/PaydownDrawer'\nimport { DebtsChart } from './components/DebtsChart'\nimport { DebtsTable } from './components/DebtsTable'\nimport { DebtsPriorityAction } from './components/actions/DebtsPriorityAction'\nimport { buildEmptyStateProps, transformDebtsChartData } from '../core/utils/DebtUtils'\nimport { useAccountUiStore } from '../accounts'\nimport { useDebtsUiStore } from './hooks/useDebtsUiStore'\nimport { PaydownButton } from './components/debtspaydown/PaydownButton'\n\nconst DebtsWidget: React.FC<WidgetProps> = ({ onBackClick, onMenuClick, sx }) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { connect: connectCopy, debts: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n  const {\n    config: { show_connections_widget_in_master },\n  } = useAppConfig()\n  const { isInitialized } = useGlobalUiStore()\n  const { setSelectedAccount } = useAccountUiStore()\n  const { selectedDebtPriority, setSelectedDebtChartData } = useDebtsUiStore()\n\n  const {\n    isAccountDataLoaded,\n    loadAccountData,\n    detailedAccounts,\n    visibleDebtAccounts: accounts,\n  } = useAccountStore()\n  const { isAllGoalDataLoaded, loadGoalData, monthlyCashFlowProfile } = useGoalStore()\n  const { debts } = useDebtStore()\n\n  const [isDebtDrawerOpen, setIsDebtDrawerOpen] = React.useState(false)\n  const [isPaydownDrawerOpen, setIsPaydownDrawerOpen] = React.useState(false)\n  const [isSnowballDrawerOpen, setIsSnowballDrawerOpen] = React.useState(false)\n  const [hoveredDebtGuid, setHoveredDebtGuid] = React.useState('')\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'DebtsWidget',\n    isLoaded: isAccountDataLoaded && isAllGoalDataLoaded,\n  })\n\n  const debtsChartData = React.useMemo(() => {\n    const extraPaydown = monthlyCashFlowProfile?.extra_payment ?? 0\n    return transformDebtsChartData(debts, selectedDebtPriority, extraPaydown)\n  }, [debts, selectedDebtPriority, monthlyCashFlowProfile])\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n    onEvent(ANALYTICS_EVENTS.DEBTS_VIEW)\n  }, [])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadGoalData().finally()\n    }\n  }, [isInitialized])\n\n  const onHoverDebt = (guid: string) => setHoveredDebtGuid(guid)\n\n  const onClickDebt = () => {\n    const account = accounts.find((a) => a.guid === hoveredDebtGuid)\n    const chartData = debtsChartData.find((d) => d.guid === hoveredDebtGuid)\n    if (account) setSelectedAccount(account)\n    if (chartData) setSelectedDebtChartData(chartData)\n    setIsDebtDrawerOpen(true)\n  }\n\n  const onClickAccountFilter = () => onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_FILTER)\n\n  const onClickSnowballCta = () => {\n    setIsSnowballDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_SNOWBALL_CTA)\n  }\n\n  const onClickPaydown = () => {\n    setIsPaydownDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_PAYDOWN)\n  }\n\n  if (!isInitialized || !isAccountDataLoaded || !isAllGoalDataLoaded) {\n    return <Loader />\n  }\n\n  const hasNoAccounts = detailedAccounts.length === 0\n  const hasNoDebtAccounts = accounts.length === 0\n  const hasNoDebts = debts.length === 0\n  const showEmptyState = hasNoAccounts || hasNoDebtAccounts || hasNoDebts\n\n  const emptyStateProps = buildEmptyStateProps(copy, show_connections_widget_in_master, () =>\n    setShowConnectWidget(true),\n  )\n\n  return (\n    <WidgetContainer\n      actions={[<DebtsPriorityAction disabled={showEmptyState} key=\"prioritize-debts\" />]}\n      allowedAccountTypes={[\n        AccountType.CREDIT_CARD,\n        AccountType.LOAN,\n        AccountType.MORTGAGE,\n        AccountType.LINE_OF_CREDIT,\n        AccountType.CHECKING_LINE_OF_CREDIT,\n      ]}\n      hasDivider={true}\n      onAccountsFilterClick={onClickAccountFilter}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      slotComponent={\n        <PaydownButton disabled={showEmptyState} key=\"extra-paydown\" onClick={onClickPaydown} />\n      }\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack sx={{ pt: 48, px: isDesktop ? '48px' : '24px' }}>\n        {showEmptyState && (\n          <EmptyState\n            header={emptyStateProps.header}\n            icon=\"note_stack\"\n            onClick={emptyStateProps.onClickHandler}\n            primaryButton={emptyStateProps.primaryButton}\n            subText={emptyStateProps.description}\n            sx={{ maxWidth: 400 }}\n          />\n        )}\n        {!showEmptyState && (\n          <>\n            <Stack\n              sx={{\n                alignItems: isMobile ? 'flex-start' : 'flex-end',\n                flexDirection: isMobile ? 'column' : 'row',\n                mx: isMobile ? '-12px' : 0,\n              }}\n            >\n              <DebtsChart\n                debts={debtsChartData}\n                height={isMobile ? 250 : undefined}\n                hoveredDebtGuid={hoveredDebtGuid}\n                onClickArea={onClickDebt}\n                onHoverArea={onHoverDebt}\n                sx={{ mr: isMobile ? '4px' : '-48px' }}\n              />\n              <SnowballCard\n                debts={debtsChartData}\n                onClickCta={onClickSnowballCta}\n                sx={{ mb: isMobile ? '0px' : '64px' }}\n              />\n            </Stack>\n            <Stack sx={{ mx: isMobile ? '-24px' : 0 }}>\n              <DebtsTable\n                debts={debtsChartData}\n                hoveredDebtGuid={hoveredDebtGuid}\n                onClickRow={onClickDebt}\n                onHoverRow={onHoverDebt}\n              />\n            </Stack>\n          </>\n        )}\n      </Stack>\n      <SnowballDrawer\n        isOpen={isSnowballDrawerOpen}\n        onClose={() => setIsSnowballDrawerOpen(false)}\n      />\n      <DebtDrawer isOpen={isDebtDrawerOpen} onClose={() => setIsDebtDrawerOpen(false)} />\n      <PaydownDrawer isOpen={isPaydownDrawerOpen} onClose={() => setIsPaydownDrawerOpen(false)} />\n      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(DebtsWidget)\n"],"mappings":"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"}

package/dist/debts/components/DebtDrawer.es.js

@@ -0,0 +1,26 @@
+import { useGlobalCopyStore as i } from "../../common/context/hooks.es.js";
+import m from "../../common/components/drawer/Drawer.es.js";
+import d from "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.es.js";
+import { useDebtsUiStore as c } from "../hooks/useDebtsUiStore.es.js";
+import f from "./debtsdrawer/DebtDetailsChart.es.js";
+import p from "./debtsdrawer/DebtDetailsContent.es.js";
+import n from "@mui/material/Stack";
+import { Fragment as u, jsx as t, jsxs as D } from "react/jsx-runtime";
+var j = ({ isOpen: e, onClose: o }) => {
+  const { debts: r } = i(), { showError: a, showCompleted: l } = c(), s = a || l ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(f, {});
+  return /* @__PURE__ */ t(m, {
+    ariaLabelClose: r.details_close_aria,
+    isOpen: e,
+    onClose: o,
+    title: r.details_title,
+    children: /* @__PURE__ */ D(n, {
+      bgcolor: "background.default",
+      children: [/* @__PURE__ */ t(d, { customDetailsChart: s }), /* @__PURE__ */ t(p, {})]
+    })
+  });
+};
+export {
+  j as default
+};
+
+//# sourceMappingURL=DebtDrawer.es.js.map

package/dist/debts/components/DebtDrawer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtDrawer.es.js","names":[],"sources":["../../../src/debts/components/DebtDrawer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Drawer, useGlobalCopyStore } from '../../common'\nimport { useDebtsUiStore } from '../hooks/useDebtsUiStore'\n\nimport AccountDetailsHeader from '../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader'\nimport DebtDetailsChart from './debtsdrawer/DebtDetailsChart'\nimport DebtDetailsContent from './debtsdrawer/DebtDetailsContent'\n\ninterface DebtDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst DebtDrawer = ({ isOpen, onClose }: DebtDrawerProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n  const headerChart = showError || showCompleted ? <></> : <DebtDetailsChart />\n\n  return (\n    <Drawer\n      ariaLabelClose={copy.details_close_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={copy.details_title}\n    >\n      <Stack bgcolor=\"background.default\">\n        <AccountDetailsHeader customDetailsChart={headerChart} />\n        <DebtDetailsContent />\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport default DebtDrawer\n"],"mappings":";;;;;;;;AAcA,IAAM,IAAA,CAAc,EAAE,QAAA,GAAQ,SAAA,EAAA,MAA+B;AAC3D,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB,GAC/C,IAAc,KAAa,IAAgB,gBAAA,EAAA,GAAA,CAAI,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAmB,CAAA;AAE5E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACb,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAK;AAAA,cAEZ,gBAAA,EAAC,GAAD;AAAA,MAAO,SAAQ;AAAA,gBAAf,CACE,gBAAA,EAAC,GAAD,EAAsB,oBAAoB,EAAc,CAAA,GACxD,gBAAA,EAAC,GAAD,CAAqB,CAAA,CAChB;AAAA;EACD,CAAA;AAEZ"}