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

package/dist/trends/TrendsWidget/index.es.js

@@ -1,207 +0,0 @@
-import { useAccountStore as _e, useAppConfig as Te, useCategoryStore as Se, useEvent as ye, useGlobalCopyStore as we, useGlobalStore as De, useGlobalUiStore as Ee, useTransactionStore as Le, useTrendsStore as Ae } from "../../common/context/hooks/index.es.js";
-import { useInsightsEnabled as be } from "../../common/hooks/useInsightsEnabled/index.es.js";
-import { useScreenSize as Ie } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as xe } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import Re from "../../common/components/drawer/Drawer/index.es.js";
-import { ANALYTICS_EVENTS as r } from "../../common/constants/Analytics/index.es.js";
-import ve from "../../common/components/Loader/index.es.js";
-import { WidgetContainer as Ne } from "../../common/components/WidgetContainer/index.es.js";
-import Be from "../../common/components/ConnectDrawer/index.es.js";
-import { EmptyState as We } from "../../common/components/EmptyState/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as c } from "../constants/TrendsWidget/index.es.js";
-import ke from "../components/TrendsViewToggle/index.es.js";
-import He from "../components/DateRangeText/index.es.js";
-import Ge from "../components/TrendsTableContainer/index.es.js";
-import Me from "../components/CategoriesList/index.es.js";
-import Oe from "../components/TrendsInsights/index.es.js";
-import { CategoryDetails as ze } from "../components/CategoryDetails/index.es.js";
-import Ke from "../components/TrendsChartTotals/index.es.js";
-import { TRENDS_BEAT_TEMPLATES as Ve } from "../constants/TrendsInsights/index.es.js";
-import { buildEmptyStateProps as Fe } from "../utils/TrendsWidget/index.es.js";
-import i from "react";
-import { observer as Pe } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import je from "@mui/material/Button";
-import { ArrowBack as Ue } from "@mxenabled/mx-icons";
-import { Fragment as Ye, jsx as e, jsxs as s } from "react/jsx-runtime";
-import D from "@mui/material/Box";
-import { addSeconds as $e } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as k } from "date-fns/differenceInCalendarMonths";
-var qe = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
-  const { onEvent: a } = ye(), { config: E } = Te(), { isDesktop: z, isLargeDesktop: K, isMobile: C } = Ie(), { isAccountDataLoaded: h, loadAccountData: V, visibleAccounts: F } = _e(), { categoriesLoaded: P, loadCategories: j, loadDateRangeCategoryTotals: U, loadMonthlyCategoryTotals: Y, monthlyCategoryTotals: d, monthlyTotalsLoaded: $ } = Se(), { isTransactionDataLoaded: q, loadTransactionData: J, setFilter: Q } = Le(), { selectedCategoryData: _, selectedDateRange: o, setSelectedCategoryData: L, setSelectedDateRange: X } = Ae(), { isInitialized: T, selectedAccounts: S, selectedAccountGuids: Z } = Ee(), { trends: l, connect: ee } = we(), { beatStore: A } = De(), b = be() && E.show_insights_widget_in_master, m = z || K, [I, te] = i.useState(!1), [y, oe] = i.useState(!1), [p, ie] = i.useState("Chart"), [w, x] = i.useState(""), [R, ne] = i.useState(window.innerHeight), ae = m ? 56 : 0, v = R - 208, re = R - (b ? 550 + ae : 266), [se, N] = i.useState(!1), le = E.show_connections_widget_in_master;
-  xe({
-    widgetName: "TrendsWidget",
-    isLoaded: I
-  });
-  const B = i.useMemo(() => y ? A.getFilteredBeats({ templates: Ve }) : [], [y]);
-  i.useEffect(() => {
-    const t = () => ne(window.innerHeight);
-    return window.addEventListener("resize", t), h || V().finally(), P || j().finally(), q || J().finally(), () => window.removeEventListener("resize", t);
-  }, []), i.useEffect(() => {
-    T && h && (A.loadBeats().finally(() => oe(!0)), U(S, o.start, o.end).then(() => {
-      Y(S, o.start, o.end).finally();
-    }).finally(() => {
-      te(!0), a(r.TRENDS_LOAD_WIDGET, {
-        ...c,
-        time_period: `${k(o.end, o.start)}M`
-      });
-    }));
-  }, [
-    T,
-    h,
-    S,
-    o
-  ]), i.useEffect(() => {
-    if (d.length !== 0) {
-      const t = {
-        accounts: Z,
-        dateRange: {
-          start: o.start,
-          end: o.end
-        }
-      };
-      Q({
-        ...t,
-        custom: (n) => !!d.find((g) => g.top_level_category_guid === n.top_level_category_guid || g.category_guid === n.category_guid)
-      });
-    }
-  }, [d]);
-  const ce = (t) => {
-    L(t);
-  }, de = () => {
-    L(null), a(r.TRENDS_CLICK_BACK, c);
-  }, me = () => {
-    N(!0), a(r.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, ge = (t, n) => {
-    ie(n ?? p), a(r.TRENDS_CLICK_TOGGLE_VIEW, {
-      ...c,
-      toggleView: n
-    });
-  }, fe = (t) => {
-    const n = $e(t?.[0], 1), g = t?.[1], Ce = k(g, n);
-    X({
-      start: n,
-      end: g
-    }), a(r.TRENDS_CLICK_TIME_WINDOW, {
-      ...c,
-      time_period: Ce + "M"
-    });
-  }, he = (t) => {
-    a(r.TRENDS_CLICK_FILTER, {
-      ...c,
-      filterValue: t
-    });
-  }, pe = (t) => {
-    x(t);
-  }, ue = () => {
-    x(""), a(r.TRENDS_CLICK_ALL_CATEGORIES, c);
-  };
-  if (!T || !h || !I || !$) return /* @__PURE__ */ e(ve, {});
-  const W = F.length === 0 || d.length === 0, u = Fe(l, le, me);
-  return /* @__PURE__ */ s(Ne, {
-    calendarActions: { onRangeChanged: fe },
-    dateRange: o,
-    dateRangeVariant: C ? "timeframetabs" : "timeframebuttons",
-    onAccountsFilterClick: he,
-    onBackClick: H,
-    onMenuClick: G,
-    sx: O,
-    title: l.title,
-    children: [/* @__PURE__ */ s(f, {
-      sx: { px: C ? 0 : 48 },
-      children: [
-        /* @__PURE__ */ s(f, {
-          flexDirection: "row",
-          justifyContent: "space-between",
-          sx: {
-            px: C ? 16 : 0,
-            py: 16
-          },
-          children: [/* @__PURE__ */ e(He, {
-            selectedCategoryGuid: w,
-            selectedDateRange: o
-          }), /* @__PURE__ */ e(ke, {
-            onTabChange: ge,
-            selectedTab: p
-          })]
-        }),
-        /* @__PURE__ */ e(f, {
-          alignItems: "center",
-          flexDirection: "row",
-          sx: { pb: 8 },
-          width: "100%",
-          children: /* @__PURE__ */ e(D, {
-            flexGrow: 1,
-            children: w && /* @__PURE__ */ s(je, {
-              onClick: ue,
-              sx: {
-                p: 0,
-                pr: 5
-              },
-              children: [/* @__PURE__ */ e(Ue, {}), l.all_categories]
-            })
-          })
-        }),
-        W && /* @__PURE__ */ e(We, {
-          header: u.header,
-          icon: "multiline_chart",
-          onClick: u.onClickHandler,
-          primaryButton: u.primaryButton,
-          subText: u.description,
-          sx: {
-            height: v,
-            maxWidth: 432
-          }
-        }),
-        !W && /* @__PURE__ */ s(f, {
-          flexDirection: m ? "row" : "column",
-          gap: m ? 48 : 16,
-          children: [p === "Chart" && /* @__PURE__ */ s(Ye, { children: [/* @__PURE__ */ e(D, {
-            sx: { width: m ? "68%" : "100%" },
-            children: /* @__PURE__ */ e(Ke, {
-              availableHeight: v,
-              minHeight: 450,
-              selectedDateRange: o,
-              totals: d
-            })
-          }), /* @__PURE__ */ s(f, {
-            gap: 16,
-            sx: { width: m ? "32%" : "100%" },
-            children: [b && y && B.length > 0 && /* @__PURE__ */ e(Oe, {
-              beats: B,
-              onInsightCardClick: M
-            }), /* @__PURE__ */ e(Me, {
-              availableHeight: re,
-              onCategoryClick: ce
-            })]
-          })] }), p === "Table" && /* @__PURE__ */ e(D, {
-            sx: { width: "100%" },
-            children: /* @__PURE__ */ e(Ge, {
-              height: "unset",
-              onClickRow: pe,
-              selectedCategory: w,
-              selectedDateRange: o
-            })
-          })]
-        }),
-        /* @__PURE__ */ e(Re, {
-          ariaLabelClose: l.close_category_details,
-          isOpen: !!_,
-          onClose: de,
-          shouldShowHeaderShadow: !0,
-          title: _?.is_income ? l.category_income : l.category_spending,
-          children: _ && /* @__PURE__ */ e(ze, {})
-        })
-      ]
-    }), /* @__PURE__ */ e(Be, {
-      onClose: () => N(!1),
-      showConnectWidget: se,
-      title: ee.mini_title
-    })]
-  });
-}, Lt = Pe(qe);
-export {
-  Lt as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/TrendsWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/trends/TrendsWidget.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\nimport { addSeconds } from 'date-fns/addSeconds'\nimport { differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { ArrowBack } from '@mxenabled/mx-icons'\n\nimport {\n  ANALYTICS_EVENTS,\n  ConnectDrawer,\n  Drawer,\n  EmptyState,\n  Loader,\n  WidgetContainer,\n  useAccountStore,\n  useAppConfig,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalStore,\n  useGlobalUiStore,\n  useInsightsEnabled,\n  useScreenSize,\n  useTransactionStore,\n  useTrendsStore,\n  useWidgetLoadTimer,\n} from '../common'\nimport { type Beat, type DetailedCategoryWithTransactions, Transaction, WidgetProps } from '../core'\n\nimport DateRangeText from './components/DateRangeText'\nimport TrendsViewToggle, { type TrendsTabValue } from './components/TrendsViewToggle'\nimport TrendsTableContainer from './components/TrendsTableContainer'\nimport CategoriesList from './components/CategoriesList'\nimport InsightsCarousel from './components/TrendsInsights'\nimport { CategoryDetails } from './components/CategoryDetails'\nimport TrendsChartTotals from './components/TrendsChartTotals'\nimport { TRENDS_ANALYTICS_METADATA } from './constants/TrendsWidget'\nimport { TRENDS_BEAT_TEMPLATES } from './constants/TrendsInsights'\nimport { buildEmptyStateProps } from './utils/TrendsWidget'\n\ninterface TrendsWidgetProps extends WidgetProps {\n  onInsightCardClick?: (beat?: Beat) => void\n}\n\nconst TrendsWidget: React.FC<TrendsWidgetProps> = ({\n  onBackClick,\n  onMenuClick,\n  onInsightCardClick,\n  sx,\n}) => {\n  const { onEvent } = useEvent()\n  const { config } = useAppConfig()\n  const { isDesktop, isLargeDesktop, isMobile } = useScreenSize()\n  const { isAccountDataLoaded, loadAccountData, visibleAccounts: accounts } = useAccountStore()\n  const {\n    categoriesLoaded,\n    loadCategories,\n    loadDateRangeCategoryTotals,\n    loadMonthlyCategoryTotals,\n    monthlyCategoryTotals,\n    monthlyTotalsLoaded,\n  } = useCategoryStore()\n  const { isTransactionDataLoaded, loadTransactionData, setFilter } = useTransactionStore()\n  const { selectedCategoryData, selectedDateRange, setSelectedCategoryData, setSelectedDateRange } =\n    useTrendsStore()\n  const { isInitialized, selectedAccounts, selectedAccountGuids } = useGlobalUiStore()\n  const { trends: copy, connect: connectCopy } = useGlobalCopyStore()\n  const { beatStore } = useGlobalStore()\n  const insightsEnabled = useInsightsEnabled()\n\n  // allows clients to disable insights in trends while still enabling insights\n  const showInsights = insightsEnabled && config.show_insights_widget_in_master\n  const isLargeLayout = isDesktop || isLargeDesktop\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n  const [isBeatsLoaded, setIsBeatsLoaded] = React.useState(false)\n  const [selectedTab, setSelectedTab] = React.useState<TrendsTabValue>('Chart')\n  const [selectedCategory, setSelectedCategory] = React.useState('')\n\n  // Control responsive chart height based on available widget iframe viewport height\n  const [viewportHeight, setViewportHeight] = React.useState(window.innerHeight)\n  const insightsPadding = isLargeLayout ? 56 : 0\n  const availableChartHeight = viewportHeight - 208 // unavailable height on desktop\n  const availableListHeight = viewportHeight - (showInsights ? 550 + insightsPadding : 266)\n\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n  const hasAggregation = config.show_connections_widget_in_master\n\n  useWidgetLoadTimer({\n    widgetName: 'TrendsWidget',\n    isLoaded: isWidgetInitialized,\n  })\n  const filteredBeats = React.useMemo(() => {\n    if (!isBeatsLoaded) return []\n    return beatStore.getFilteredBeats({ templates: TRENDS_BEAT_TEMPLATES })\n  }, [isBeatsLoaded])\n\n  React.useEffect(() => {\n    // Setup resize listener for responsive chart and list heights\n    const handleResize = () => setViewportHeight(window.innerHeight)\n    window.addEventListener('resize', handleResize)\n\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n    if (!categoriesLoaded) {\n      loadCategories().finally()\n    }\n    if (!isTransactionDataLoaded) {\n      loadTransactionData().finally()\n    }\n\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  // Initialize monthlyCategoryTotals, and reload on account or date range change\n  React.useEffect(() => {\n    if (isInitialized && isAccountDataLoaded) {\n      beatStore.loadBeats().finally(() => setIsBeatsLoaded(true))\n      loadDateRangeCategoryTotals(selectedAccounts, selectedDateRange.start, selectedDateRange.end)\n        .then(() => {\n          loadMonthlyCategoryTotals(\n            selectedAccounts,\n            selectedDateRange.start,\n            selectedDateRange.end,\n          ).finally()\n        })\n        .finally(() => {\n          setIsWidgetInitialized(true)\n          onEvent(ANALYTICS_EVENTS.TRENDS_LOAD_WIDGET, {\n            ...TRENDS_ANALYTICS_METADATA,\n            time_period: `${differenceInCalendarMonths(selectedDateRange.end, selectedDateRange.start)}M`,\n          })\n        })\n    }\n  }, [isInitialized, isAccountDataLoaded, selectedAccounts, selectedDateRange])\n\n  React.useEffect(() => {\n    // if monthlyCategoryTotals has data, filter transactions\n    if (monthlyCategoryTotals.length !== 0) {\n      const transactionFilter = {\n        accounts: selectedAccountGuids,\n        dateRange: { start: selectedDateRange.start, end: selectedDateRange.end },\n      }\n\n      // this filter sets sortedTransactions in the transaction store\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          Boolean(\n            monthlyCategoryTotals.find(\n              (cat) =>\n                cat.top_level_category_guid === t.top_level_category_guid ||\n                cat.category_guid === t.category_guid,\n            ),\n          ),\n      })\n    }\n  }, [monthlyCategoryTotals])\n\n  const handleDetailOpen = (selected: DetailedCategoryWithTransactions) => {\n    setSelectedCategoryData(selected)\n  }\n\n  const handleDetailClose = () => {\n    setSelectedCategoryData(null)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_BACK, TRENDS_ANALYTICS_METADATA)\n  }\n\n  const handleEmptyStateClick = () => {\n    setShowConnectWidget(true)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_CONNECT_ACCOUNTS)\n  }\n\n  const onTabChange = (_event: React.SyntheticEvent, newValue: TrendsTabValue) => {\n    setSelectedTab(newValue ?? selectedTab)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TOGGLE_VIEW, {\n      ...TRENDS_ANALYTICS_METADATA,\n      toggleView: newValue,\n    })\n  }\n\n  const onRangeChanged = (dateRange: DateRange<Date>) => {\n    const startDate = addSeconds(dateRange?.[0] as Date, 1)\n    const endDate = dateRange?.[1] as Date\n    const months = differenceInCalendarMonths(endDate, startDate)\n\n    setSelectedDateRange({ start: startDate, end: endDate })\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TIME_WINDOW, {\n      ...TRENDS_ANALYTICS_METADATA,\n      time_period: months + 'M',\n    })\n  }\n\n  const onAccountsFilterClick = (selectedAccountGuids?: string[]) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_FILTER, {\n      ...TRENDS_ANALYTICS_METADATA,\n      filterValue: selectedAccountGuids,\n    })\n  }\n\n  const onClickRow = (guid: string) => {\n    setSelectedCategory(guid)\n  }\n\n  const onViewAllCategories = () => {\n    setSelectedCategory('')\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_ALL_CATEGORIES, TRENDS_ANALYTICS_METADATA)\n  }\n\n  if (!isInitialized || !isAccountDataLoaded || !isWidgetInitialized || !monthlyTotalsLoaded)\n    return <Loader />\n\n  const isEmptyTrendsState = accounts.length === 0 || monthlyCategoryTotals.length === 0\n\n  const emptyStateProps = buildEmptyStateProps(copy, hasAggregation, handleEmptyStateClick)\n\n  return (\n    <WidgetContainer\n      calendarActions={{ onRangeChanged }}\n      dateRange={selectedDateRange}\n      dateRangeVariant={isMobile ? 'timeframetabs' : 'timeframebuttons'}\n      onAccountsFilterClick={onAccountsFilterClick}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack\n        sx={{\n          px: isMobile ? 0 : 48,\n        }}\n      >\n        <Stack\n          flexDirection=\"row\"\n          justifyContent=\"space-between\"\n          sx={{ px: isMobile ? 16 : 0, py: 16 }}\n        >\n          <DateRangeText\n            selectedCategoryGuid={selectedCategory}\n            selectedDateRange={selectedDateRange}\n          />\n          <TrendsViewToggle onTabChange={onTabChange} selectedTab={selectedTab} />\n        </Stack>\n        <Stack alignItems=\"center\" flexDirection=\"row\" sx={{ pb: 8 }} width=\"100%\">\n          <Box flexGrow={1}>\n            {selectedCategory && (\n              <Button onClick={onViewAllCategories} sx={{ p: 0, pr: 5 }}>\n                <ArrowBack />\n                {copy.all_categories}\n              </Button>\n            )}\n          </Box>\n        </Stack>\n\n        {isEmptyTrendsState && (\n          <EmptyState\n            header={emptyStateProps.header}\n            icon=\"multiline_chart\"\n            onClick={emptyStateProps.onClickHandler}\n            primaryButton={emptyStateProps.primaryButton}\n            subText={emptyStateProps.description}\n            sx={{ height: availableChartHeight, maxWidth: 432 }}\n          />\n        )}\n        {!isEmptyTrendsState && (\n          <Stack flexDirection={isLargeLayout ? 'row' : 'column'} gap={isLargeLayout ? 48 : 16}>\n            {selectedTab === 'Chart' && (\n              <>\n                <Box sx={{ width: isLargeLayout ? '68%' : '100%' }}>\n                  <TrendsChartTotals\n                    availableHeight={availableChartHeight}\n                    minHeight={450}\n                    selectedDateRange={selectedDateRange}\n                    totals={monthlyCategoryTotals}\n                  />\n                </Box>\n                <Stack gap={16} sx={{ width: isLargeLayout ? '32%' : '100%' }}>\n                  {/* Only show insights enabled and there are beats to show */}\n                  {showInsights && isBeatsLoaded && filteredBeats.length > 0 && (\n                    <InsightsCarousel\n                      beats={filteredBeats}\n                      onInsightCardClick={onInsightCardClick}\n                    />\n                  )}\n                  <CategoriesList\n                    availableHeight={availableListHeight}\n                    onCategoryClick={handleDetailOpen}\n                  />\n                </Stack>\n              </>\n            )}\n            {selectedTab === 'Table' && (\n              <Box sx={{ width: '100%' }}>\n                <TrendsTableContainer\n                  height=\"unset\"\n                  onClickRow={onClickRow}\n                  selectedCategory={selectedCategory}\n                  selectedDateRange={selectedDateRange}\n                />\n              </Box>\n            )}\n          </Stack>\n        )}\n        <Drawer\n          ariaLabelClose={copy.close_category_details}\n          isOpen={Boolean(selectedCategoryData)}\n          onClose={handleDetailClose}\n          shouldShowHeaderShadow={true}\n          title={selectedCategoryData?.is_income ? copy.category_income : copy.category_spending}\n        >\n          {selectedCategoryData && <CategoryDetails />}\n        </Drawer>\n      </Stack>\n\n      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(TrendsWidget)\n"],"mappings":"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"}

package/dist/trends/ZeroStateMicroWidget/index.es.js

@@ -1,30 +0,0 @@
-import { useGlobalCopyStore as n } from "../../common/context/hooks/index.es.js";
-import { observer as a } from "mobx-react-lite";
-import o from "@mui/material/Stack";
-import { P as e } from "@mxenabled/mxui";
-import { MultilineChart as s } from "@mxenabled/mx-icons";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-var h = a(() => {
-  const { trends: t } = n();
-  return /* @__PURE__ */ i(o, {
-    sx: {
-      alignItems: "start",
-      flexDirection: "row",
-      gap: 12
-    },
-    children: [/* @__PURE__ */ r(s, { size: 32 }), /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(e, {
-      fontWeight: 600,
-      variant: "body1",
-      children: t.zero_state_content_header
-    }), /* @__PURE__ */ r(e, {
-      color: "text.secondary",
-      variant: "subtitle2",
-      children: t.zero_state_content_description
-    })] })]
-  });
-});
-export {
-  h as ZeroStateMicroWidget
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/ZeroStateMicroWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/trends/ZeroStateMicroWidget.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { MultilineChart } from '@mxenabled/mx-icons'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore } from '../common'\n\nexport const ZeroStateMicroWidget = observer(() => {\n  const { trends: copy } = useGlobalCopyStore()\n\n  return (\n    <Stack sx={{ alignItems: 'start', flexDirection: 'row', gap: 12 }}>\n      <MultilineChart size={32} />\n      <Stack>\n        <P fontWeight={600} variant=\"body1\">\n          {copy.zero_state_content_header}\n        </P>\n        <P color=\"text.secondary\" variant=\"subtitle2\">\n          {copy.zero_state_content_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AAUA,IAAa,IAAuB,EAAA,MAAe;AACjD,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB;AAE5C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAS,eAAe;AAAA,MAAO,KAAK;AAAA,IAAG;AAAA,cAAhE,CACE,gBAAA,EAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,GAC3B,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAG,YAAY;AAAA,MAAK,SAAQ;AAAA,gBACzB,EAAK;AAAA,IACL,CAAA,GACH,gBAAA,EAAC,GAAD;AAAA,MAAG,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC/B,EAAK;AAAA,IACL,CAAA,CACE,EAAA,CAAA,CACF;AAAA;AAEX,CAAC"}

package/dist/trends/components/CategoriesList/index.es.js

@@ -1,64 +0,0 @@
-import { useEvent as v, useGlobalCopyStore as T, useTrendsStore as A } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as D } from "../../../common/hooks/useScreenSize/index.es.js";
-import { ANALYTICS_EVENTS as M } from "../../../common/constants/Analytics/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as _ } from "../../constants/TrendsWidget/index.es.js";
-import { CollapseExpandListItem as b } from "../../../common/components/listitems/CollapseExpandListItem/index.es.js";
-import a from "../CategoriesListItem/index.es.js";
-import d from "react";
-import { observer as k } from "mobx-react-lite";
-import c from "@mui/material/Stack";
-import { H3 as N } from "@mxenabled/mxui";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import f from "@mui/material/List";
-import w from "@mui/material/Collapse";
-var J = k(({ availableHeight: n = 0, onCategoryClick: l }) => {
-  const { collapsedCategories: i, visibleCategories: o, setVisibleListLength: L } = A(), { isLargeDesktop: u, isDesktop: C } = D(), { trends: g } = T(), { onEvent: E } = v(), [r, m] = d.useState(!1), x = C || u;
-  d.useEffect(() => {
-    const t = Math.floor(n / 64) - 1, s = o.length + i.length;
-    t !== o.length && (L(x ? Math.max(t, 5) : 5), m(t >= s));
-  }, [n]);
-  const I = () => {
-    m(!r), E(M.TRENDS_CLICK_VIEW_MORE, { ..._ });
-  }, p = o.length + (r ? i.length : 0);
-  return /* @__PURE__ */ h(c, {
-    sx: { width: "100%" },
-    children: [/* @__PURE__ */ e(c, {
-      sx: {
-        pb: 4,
-        pt: 16,
-        px: 16
-      },
-      children: /* @__PURE__ */ e(N, { children: g.categories })
-    }), /* @__PURE__ */ h(f, { children: [
-      o.map((t, s) => /* @__PURE__ */ e(a, {
-        ...t,
-        isLastItem: s === p - 1,
-        onClick: t.transactions.length > 0 ? () => l(t) : void 0,
-        showDivider: !0
-      }, t.guid)),
-      /* @__PURE__ */ e(w, {
-        component: "li",
-        in: r,
-        sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-        children: /* @__PURE__ */ e(f, { children: i.map((t, s) => {
-          const S = o.length + s;
-          return /* @__PURE__ */ e(a, {
-            ...t,
-            isLastItem: S === p - 1,
-            onClick: t.transactions.length > 0 ? () => l(t) : void 0,
-            showDivider: !0
-          }, t.guid);
-        }) })
-      }),
-      i.length > 0 && /* @__PURE__ */ e(b, {
-        isExpanded: r,
-        onClick: I
-      })
-    ] })]
-  });
-});
-export {
-  J as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/CategoriesList/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/CategoriesList.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Collapse from '@mui/material/Collapse'\n\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  useEvent,\n  useGlobalCopyStore,\n  useScreenSize,\n  useTrendsStore,\n} from '../../common'\nimport { type DetailedCategoryWithTransactions } from '../../core'\nimport { CollapseExpandListItem } from '../../common/components/listitems/CollapseExpandListItem'\nimport CategoriesListItem from './CategoriesListItem'\nimport { TRENDS_ANALYTICS_METADATA } from '../constants/TrendsWidget'\n\ninterface CategoriesListProps {\n  availableHeight?: number\n  minHeight?: number\n  onCategoryClick: (data: DetailedCategoryWithTransactions) => void\n}\n\nconst CategoriesList: React.FC<CategoriesListProps> = observer(\n  ({ availableHeight = 0, onCategoryClick }) => {\n    const { collapsedCategories, visibleCategories, setVisibleListLength } = useTrendsStore()\n    const { isLargeDesktop, isDesktop } = useScreenSize()\n    const { trends: copy } = useGlobalCopyStore()\n    const { onEvent } = useEvent()\n    const [isExpanded, setIsExpanded] = React.useState(false)\n\n    const isLargeLayout = isDesktop || isLargeDesktop\n\n    React.useEffect(() => {\n      // Divide available height by item height (64px), minus 1 for more/less button\n      const newVisibleListLength = Math.floor(availableHeight / 64) - 1\n      const totalListItems = visibleCategories.length + collapsedCategories.length\n\n      if (newVisibleListLength !== visibleCategories.length) {\n        // Always show at least 5 items on large layout, and 5 items on small layout\n        // Also ignores when availableHeight < 0 on initial render\n        setVisibleListLength(isLargeLayout ? Math.max(newVisibleListLength, 5) : 5)\n        setIsExpanded(newVisibleListLength >= totalListItems)\n      }\n    }, [availableHeight])\n\n    const handleCollapseExpand = () => {\n      setIsExpanded(!isExpanded)\n      onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_VIEW_MORE, {\n        ...TRENDS_ANALYTICS_METADATA,\n      })\n    }\n\n    const totalCategories = visibleCategories.length + (isExpanded ? collapsedCategories.length : 0)\n    return (\n      <Stack sx={{ width: '100%' }}>\n        <Stack sx={{ pb: 4, pt: 16, px: 16 }}>\n          <H3>{copy.categories}</H3>\n        </Stack>\n        <List>\n          {visibleCategories.map((category, index) => (\n            <CategoriesListItem\n              key={category.guid}\n              {...category}\n              isLastItem={index === totalCategories - 1}\n              onClick={\n                category.transactions.length > 0 ? () => onCategoryClick(category) : undefined\n              }\n              showDivider={true}\n            />\n          ))}\n          <Collapse\n            component=\"li\"\n            in={isExpanded}\n            sx={{ '&.MuiCollapse-root .MuiListItemButton-root': { paddingLeft: 24 } }}\n          >\n            <List>\n              {collapsedCategories.map((category, index) => {\n                const adjustedIndex = visibleCategories.length + index\n                return (\n                  <CategoriesListItem\n                    key={category.guid}\n                    {...category}\n                    isLastItem={adjustedIndex === totalCategories - 1}\n                    onClick={\n                      category.transactions.length > 0 ? () => onCategoryClick(category) : undefined\n                    }\n                    showDivider={true}\n                  />\n                )\n              })}\n            </List>\n          </Collapse>\n          {collapsedCategories.length > 0 && (\n            <CollapseExpandListItem isExpanded={isExpanded} onClick={handleCollapseExpand} />\n          )}\n        </List>\n      </Stack>\n    )\n  },\n)\n\nexport default CategoriesList\n"],"mappings":";;;;;;;;;;;;;AA4BA,IAAM,IAAgD,EAAA,CACnD,EAAE,iBAAA,IAAkB,GAAG,iBAAA,EAAA,MAAsB;AAC5C,QAAM,EAAE,qBAAA,GAAqB,mBAAA,GAAmB,sBAAA,EAAA,IAAyB,EAAe,GAClF,EAAE,gBAAA,GAAgB,WAAA,EAAA,IAAc,EAAc,GAC9C,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAK,GAElD,IAAgB,KAAa;AAEnC,EAAA,EAAM,UAAA,MAAgB;AAEpB,UAAM,IAAuB,KAAK,MAAM,IAAkB,EAAE,IAAI,GAC1D,IAAiB,EAAkB,SAAS,EAAoB;AAEtE,IAAI,MAAyB,EAAkB,WAG7C,EAAqB,IAAgB,KAAK,IAAI,GAAsB,CAAC,IAAI,CAAC,GAC1E,EAAc,KAAwB,CAAc;AAAA,EAExD,GAAG,CAAC,CAAe,CAAC;AAEpB,QAAM,IAAA,MAA6B;AACjC,IAAA,EAAc,CAAC,CAAU,GACzB,EAAQ,EAAiB,wBAAwB,EAC/C,GAAG,EACL,CAAC;AAAA,EACH,GAEM,IAAkB,EAAkB,UAAU,IAAa,EAAoB,SAAS;AAC9F,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,OAAO,OAAO;AAAA,cAA3B,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,gBACjC,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,WAAe,CAAA;AAAA,IACpB,CAAA,GACP,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,MACG,EAAkB,IAAA,CAAK,GAAU,MAChC,gBAAA,EAAC,GAAD;AAAA,QAEE,GAAI;AAAA,QACJ,YAAY,MAAU,IAAkB;AAAA,QACxC,SACE,EAAS,aAAa,SAAS,IAAA,MAAU,EAAgB,CAAQ,IAAI;AAAA,QAEvE,aAAa;AAAA,MACd,GAPM,EAAS,IAOf,CACF;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,IAAI;AAAA,QACJ,IAAI,EAAE,8CAA8C,EAAE,aAAa,GAAG,EAAE;AAAA,kBAExE,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,GAAU,MAAU;AAC5C,gBAAM,IAAgB,EAAkB,SAAS;AACjD,iBACE,gBAAA,EAAC,GAAD;AAAA,YAEE,GAAI;AAAA,YACJ,YAAY,MAAkB,IAAkB;AAAA,YAChD,SACE,EAAS,aAAa,SAAS,IAAA,MAAU,EAAgB,CAAQ,IAAI;AAAA,YAEvE,aAAa;AAAA,UACd,GAPM,EAAS,IAOf;AAAA,QAEL,CAAC,EACG,CAAA;AAAA,MACE,CAAA;AAAA,MACT,EAAoB,SAAS,KAC5B,gBAAA,EAAC,GAAD;AAAA,QAAoC,YAAA;AAAA,QAAY,SAAS;AAAA,MAAuB,CAAA;AAAA,IAE9E,EAAA,CAAA,CACD;AAAA;AAEX,CACF"}

package/dist/trends/components/CategoriesListItem/index.es.js

@@ -1,44 +0,0 @@
-import { useEvent as h, useGlobalCopyStore as I } from "../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as T } from "../../../common/constants/Analytics/index.es.js";
-import { getCategoryColor as s } from "../../../core/utils/CategoryUtil/index.es.js";
-import { formatCurrency as g } from "../../../core/utils/NumberFormatting/index.es.js";
-import { ListItemRow as v } from "../../../common/components/ListItemRow/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as x } from "../../constants/TrendsWidget/index.es.js";
-import E from "react";
-import { observer as y } from "mobx-react-lite";
-import { CategoryIcon as A } from "@mxenabled/mxui";
-import { ChevronRight as S } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { alpha as d, useTheme as u } from "@mui/material/styles";
-import L from "@mui/material/Divider";
-var V = y(({ totalAmount: a, guid: o, name: r, transactions: e, onClick: m, isLastItem: l = !1, showDivider: p = !0 }) => {
-  const { trends: i } = I(), { onEvent: c } = h(), n = u(), f = `${e.length} ${e.length === 1 ? i.transaction : i.transactions}`, C = () => {
-    m?.(), c(T.TRENDS_CLICK_LIST_ITEM, {
-      ...x,
-      listItem: r
-    });
-  };
-  return /* @__PURE__ */ b(E.Fragment, { children: [/* @__PURE__ */ t(v, {
-    leftIcon: o ? /* @__PURE__ */ t(A, {
-      categoryGuid: o,
-      sx: {
-        bgcolor: d(s(o, n), 0.15),
-        border: `1px solid ${s(o, n)}`,
-        color: "text.primary"
-      }
-    }) : void 0,
-    onClick: C,
-    rightContent: g(Math.abs(a), "0,0.00"),
-    rightIcon: m ? /* @__PURE__ */ t(S, {}) : void 0,
-    subtitle: f,
-    title: r
-  }), p && /* @__PURE__ */ t(L, {
-    component: "li",
-    sx: { ml: l ? 24 : 68 }
-  })] }, o);
-});
-export {
-  V as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/CategoriesListItem/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/CategoriesListItem.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport { alpha } from '@mui/material/styles'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, ListItemRow, useEvent, useGlobalCopyStore } from '../../common'\nimport { type DetailedCategoryWithTransactions } from '../../core'\n\nimport { TRENDS_ANALYTICS_METADATA } from '../constants/TrendsWidget'\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\ninterface CategoriesListItemProps extends DetailedCategoryWithTransactions {\n  onClick?: () => void\n  isLastItem?: boolean\n  showDivider?: boolean\n}\n\nconst CategoriesListItem = observer(\n  ({\n    totalAmount,\n    guid,\n    name,\n    transactions,\n    onClick,\n    isLastItem = false,\n    showDivider = true,\n  }: CategoriesListItemProps) => {\n    const { trends: copy } = useGlobalCopyStore()\n    const { onEvent } = useEvent()\n    const theme = useTheme()\n\n    const transactionCountText = `${transactions.length} ${transactions.length === 1 ? copy.transaction : copy.transactions}`\n\n    const handleClick = () => {\n      onClick?.()\n      onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_LIST_ITEM, {\n        ...TRENDS_ANALYTICS_METADATA,\n        listItem: name,\n      })\n    }\n\n    return (\n      <React.Fragment key={guid}>\n        <ListItemRow\n          leftIcon={\n            guid ? (\n              <CategoryIcon\n                categoryGuid={guid}\n                sx={{\n                  bgcolor: alpha(getCategoryColor(guid, theme), 0.15),\n                  border: `1px solid ${getCategoryColor(guid, theme)}`,\n                  color: 'text.primary',\n                }}\n              />\n            ) : undefined\n          }\n          onClick={handleClick}\n          rightContent={formatCurrency(Math.abs(totalAmount), '0,0.00')}\n          rightIcon={onClick ? <ChevronRight /> : undefined}\n          subtitle={transactionCountText}\n          title={name}\n        />\n        {showDivider && <Divider component=\"li\" sx={{ ml: isLastItem ? 24 : 68 }} />}\n      </React.Fragment>\n    )\n  },\n)\n\nexport default CategoriesListItem\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAM,IAAqB,EAAA,CACxB,EACC,aAAA,GACA,MAAA,GACA,MAAA,GACA,cAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,aAAA,IAAc,GAAA,MACe;AAC7B,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,IAAQ,EAAS,GAEjB,IAAuB,GAAG,EAAa,MAAA,IAAU,EAAa,WAAW,IAAI,EAAK,cAAc,EAAK,YAAA,IAErG,IAAA,MAAoB;AACxB,IAAA,IAAU,GACV,EAAQ,EAAiB,wBAAwB;AAAA,MAC/C,GAAG;AAAA,MACH,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,UACE,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc;AAAA,MACd,IAAI;AAAA,QACF,SAAS,EAAM,EAAiB,GAAM,CAAK,GAAG,IAAI;AAAA,QAClD,QAAQ,aAAa,EAAiB,GAAM,CAAK,CAAA;AAAA,QACjD,OAAO;AAAA,MACT;AAAA,IACD,CAAA,IACC;AAAA,IAEN,SAAS;AAAA,IACT,cAAc,EAAe,KAAK,IAAI,CAAW,GAAG,QAAQ;AAAA,IAC5D,WAAW,IAAU,gBAAA,EAAC,GAAD,CAAe,CAAA,IAAI;AAAA,IACxC,UAAU;AAAA,IACV,OAAO;AAAA,EACR,CAAA,GACA,KAAe,gBAAA,EAAC,GAAD;AAAA,IAAS,WAAU;AAAA,IAAK,IAAI,EAAE,IAAI,IAAa,KAAK,GAAG;AAAA,EAAI,CAAA,CAC7D,EAAA,GArBK,CAqBL;AAEpB,CACF"}

package/dist/trends/components/CategoryDetailChart/index.es.js

@@ -1,45 +0,0 @@
-import { useEvent as a, useTrendsStore as m } from "../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as l } from "../../../common/constants/Analytics/index.es.js";
-import { LineChart as u } from "../../../common/components/charts/LineChart/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as h } from "../../constants/TrendsWidget/index.es.js";
-import { observer as n } from "mobx-react-lite";
-import A from "@mui/material/Stack";
-import { jsx as e } from "react/jsx-runtime";
-var f = n(({ chartLabel: r, chartColor: t }) => {
-  const { onEvent: o } = a(), { categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: i } } = m();
-  return /* @__PURE__ */ e(A, {
-    sx: {
-      pt: 12,
-      width: "100%"
-    },
-    children: /* @__PURE__ */ e(u, {
-      baseline: "min",
-      colors: [t],
-      curveType: "bump",
-      customTooltipLabels: i,
-      datasets: [s],
-      height: 265,
-      labels: [r],
-      markStyles: () => ({ stroke: t }),
-      onItemClick: () => {
-        o(l.TRENDS_CLICK_CHART, h);
-      },
-      showArea: !0,
-      showAverage: !0,
-      showAxisHighlight: !0,
-      showLegend: !0,
-      showTooltip: !0,
-      showXAxis: !0,
-      showXAxisTicks: !0,
-      showYAxis: !0,
-      showYAxisTicks: !0,
-      useCustomMark: !0,
-      valueFormatterString: "0,0"
-    })
-  });
-});
-export {
-  f as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/CategoryDetailChart/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/CategoryDetailChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ANALYTICS_EVENTS, useEvent, useTrendsStore } from '../../common'\nimport { LineChart } from '../../common/components/charts/LineChart'\n\nimport { TRENDS_ANALYTICS_METADATA } from '../constants/TrendsWidget'\ninterface CategoryDetailChartProps {\n  chartColor: string\n  chartLabel: string\n}\nconst CategoryDetailChart = observer(({ chartLabel, chartColor }: CategoryDetailChartProps) => {\n  const { onEvent } = useEvent()\n  const {\n    categoryDetailsChartData: { monthlyAmounts, tooltipLabels },\n  } = useTrendsStore()\n\n  const handleItemClick = () => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_CHART, TRENDS_ANALYTICS_METADATA)\n  }\n\n  return (\n    <Stack sx={{ pt: 12, width: '100%' }}>\n      <LineChart\n        baseline=\"min\"\n        colors={[chartColor]}\n        curveType=\"bump\"\n        customTooltipLabels={tooltipLabels}\n        datasets={[monthlyAmounts]}\n        height={265}\n        labels={[chartLabel]}\n        markStyles={() => ({\n          stroke: chartColor,\n        })}\n        onItemClick={handleItemClick}\n        showArea={true}\n        showAverage={true}\n        showAxisHighlight={true}\n        showLegend={true}\n        showTooltip={true}\n        showXAxis={true}\n        showXAxisTicks={true}\n        showYAxis={true}\n        showYAxisTicks={true}\n        useCustomMark={true}\n        valueFormatterString=\"0,0\"\n      />\n    </Stack>\n  )\n})\nexport default CategoryDetailChart\n"],"mappings":";;;;;;;AAYA,IAAM,IAAsB,EAAA,CAAU,EAAE,YAAA,GAAY,YAAA,EAAA,MAA2C;AAC7F,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EACJ,0BAA0B,EAAE,gBAAA,GAAgB,eAAA,EAAA,EAAA,IAC1C,EAAe;AAMnB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,OAAO;AAAA,IAAO;AAAA,cACjC,gBAAA,EAAC,GAAD;AAAA,MACE,UAAS;AAAA,MACT,QAAQ,CAAC,CAAU;AAAA,MACnB,WAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,UAAU,CAAC,CAAc;AAAA,MACzB,QAAQ;AAAA,MACR,QAAQ,CAAC,CAAU;AAAA,MACnB,YAAA,OAAmB,EACjB,QAAQ,EACV;AAAA,MACA,aAjBA,MAAwB;AAC5B,QAAA,EAAQ,EAAiB,oBAAoB,CAAyB;AAAA,MACxE;AAAA,MAgBM,UAAU;AAAA,MACV,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,sBAAqB;AAAA,IACtB,CAAA;AAAA,EACI,CAAA;AAEX,CAAC"}

package/dist/trends/components/CategoryDetails/index.es.js

@@ -1,104 +0,0 @@
-import { useAppConfig as I, useGlobalCopyStore as A, useTransactionStore as G, useTrendsStore as R } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as j } from "../../../common/hooks/useScreenSize/index.es.js";
-import k from "../../../common/components/drawer/Drawer/index.es.js";
-import { getCategoryColor as z } from "../../../core/utils/CategoryUtil/index.es.js";
-import { formatCurrency as M } from "../../../core/utils/NumberFormatting/index.es.js";
-import $ from "../../../transactions/components/transactionwidget/actions/ExportCsvAction/index.es.js";
-import B from "../../../transactions/components/shared/TransactionList/index.es.js";
-import E from "../../../transactions/components/shared/TransactionDetails/index.es.js";
-import F from "../CategoryDetailChart/index.es.js";
-import d from "react";
-import { observer as O } from "mobx-react-lite";
-import c from "@mui/material/Stack";
-import { CategoryIcon as P, Text as f } from "@mxenabled/mxui";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useTheme as W } from "@mui/material/styles";
-import q from "@mui/material/List";
-import H from "@mui/material/ListItem";
-import J from "@mui/material/ListItemText";
-import K from "@mui/material/ListItemAvatar";
-var dt = O(() => {
-  const h = W(), { is_mobile_webview: u } = I(), { isDesktop: g, isSmallTablet: y, isTablet: b } = j(), { common: C, trends: o } = A(), { selectedCategoryData: e, selectedDateRangeMonthRange: x } = R(), { sortedTransactions: a } = G(), [m, l] = d.useState(null);
-  if (!e) return null;
-  const { guid: r, name: v, is_income: _, totalAmount: S } = e, T = z(r, h), L = _ ? o.income_label : o.spending_label, w = ` ${e.transactions.length === 1 ? o.transaction : o.transactions} (${e.transactions.length})`, s = d.useMemo(() => a.find((n) => n.guid === m), [m, a]), D = a.length > 0 && !u && (g || b && !y), p = (n) => n.category_guid === r || n.top_level_category_guid === r;
-  return /* @__PURE__ */ i(c, {
-    sx: {
-      alignItems: "center",
-      height: "100%"
-    },
-    children: [
-      /* @__PURE__ */ i(c, {
-        sx: {
-          borderRadius: 0,
-          pb: 4,
-          pt: 16,
-          px: 12,
-          width: "100%"
-        },
-        children: [
-          /* @__PURE__ */ t(q, {
-            sx: { px: 12 },
-            children: /* @__PURE__ */ i(H, { children: [
-              /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(P, { categoryGuid: r }) }),
-              /* @__PURE__ */ t(J, {
-                primary: v,
-                secondary: x,
-                slotProps: {
-                  primary: {
-                    component: "div",
-                    variant: "h3",
-                    fontSize: 18,
-                    fontWeight: 700
-                  },
-                  secondary: {
-                    component: "div",
-                    variant: "body2",
-                    fontSize: 13
-                  }
-                }
-              }),
-              /* @__PURE__ */ t(f, {
-                component: "div",
-                variant: "h3",
-                children: M(Math.abs(S), "0,0.00")
-              })
-            ] })
-          }),
-          /* @__PURE__ */ t(F, {
-            chartColor: T,
-            chartLabel: L
-          }),
-          /* @__PURE__ */ i(c, {
-            alignItems: "center",
-            direction: "row",
-            justifyContent: "space-between",
-            sx: { mx: 12 },
-            children: [/* @__PURE__ */ t(f, {
-              bold: !0,
-              variant: "body1",
-              children: w
-            }), D && /* @__PURE__ */ t($, { filter: p })]
-          })
-        ]
-      }),
-      /* @__PURE__ */ t(B, {
-        bgcolor: "transparent",
-        filter: p,
-        height: "calc(100vh - 475px)",
-        onClick: l
-      }),
-      /* @__PURE__ */ t(k, {
-        ariaLabelClose: C.close_aria,
-        isOpen: !!s,
-        onClose: () => l(""),
-        title: o.transaction,
-        children: s && /* @__PURE__ */ t(E, { transaction: s })
-      })
-    ]
-  });
-});
-export {
-  dt as CategoryDetails
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/CategoryDetails/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/CategoryDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useGlobalCopyStore,\n  useTrendsStore,\n  useTransactionStore,\n  useScreenSize,\n} from '../../common'\nimport { type Transaction } from '../../core'\n\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport { ExportCsvAction, TransactionDetails, TransactionList } from '../../transactions'\n\nimport CategoryDetailChart from './CategoryDetailChart'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\nexport const CategoryDetails = observer(() => {\n  const theme = useTheme()\n  const { is_mobile_webview } = useAppConfig()\n  const { isDesktop, isSmallTablet, isTablet } = useScreenSize()\n  const { common: commonCopy, trends: copy } = useGlobalCopyStore()\n  const { selectedCategoryData, selectedDateRangeMonthRange } = useTrendsStore()\n  const { sortedTransactions: transactions } = useTransactionStore()\n\n  const [transactionGuid, setTransactionGuid] = React.useState<string | null>(null)\n\n  if (!selectedCategoryData) {\n    return null\n  }\n\n  const { guid, name, is_income, totalAmount } = selectedCategoryData\n\n  const chartColor = getCategoryColor(guid, theme)\n  const chartLabel = is_income ? copy.income_label : copy.spending_label\n  const transactionCountLabel = ` ${\n    selectedCategoryData.transactions.length === 1 ? copy.transaction : copy.transactions\n  } (${selectedCategoryData.transactions.length})`\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const shouldShowExportButton =\n    transactions.length > 0 && !is_mobile_webview && (isDesktop || (isTablet && !isSmallTablet))\n\n  const categoryFilter = (t: Transaction) =>\n    t.category_guid === guid || t.top_level_category_guid === guid\n\n  return (\n    <Stack sx={{ alignItems: 'center', height: '100%' }}>\n      <Stack sx={{ borderRadius: 0, pb: 4, pt: 16, px: 12, width: '100%' }}>\n        <List sx={{ px: 12 }}>\n          <ListItem>\n            <ListItemAvatar>\n              <CategoryIcon categoryGuid={guid} />\n            </ListItemAvatar>\n            <ListItemText\n              primary={name}\n              secondary={selectedDateRangeMonthRange}\n              slotProps={{\n                primary: { component: 'div', variant: 'h3', fontSize: 18, fontWeight: 700 },\n                secondary: { component: 'div', variant: 'body2', fontSize: 13 },\n              }}\n            />\n            <Text component=\"div\" variant=\"h3\">\n              {formatCurrency(Math.abs(totalAmount), '0,0.00')}\n            </Text>\n          </ListItem>\n        </List>\n\n        <CategoryDetailChart chartColor={chartColor} chartLabel={chartLabel} />\n\n        <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\" sx={{ mx: 12 }}>\n          <Text bold={true} variant=\"body1\">\n            {transactionCountLabel}\n          </Text>\n          {shouldShowExportButton && <ExportCsvAction filter={categoryFilter} />}\n        </Stack>\n      </Stack>\n      <TransactionList\n        bgcolor=\"transparent\"\n        filter={categoryFilter}\n        height=\"calc(100vh - 475px)\"\n        onClick={setTransactionGuid}\n      />\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={Boolean(transaction)}\n        onClose={() => setTransactionGuid('')}\n        title={copy.transaction}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n    </Stack>\n  )\n})\n"],"mappings":"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"}

package/dist/trends/components/DateRangeText/index.es.js

@@ -1,26 +0,0 @@
-import { DATE_FORMATS_INTL as r, formatDate as e } from "../../../core/constants/DateFormats/index.es.js";
-import { useCategoryStore as _, useGlobalCopyStore as a } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as f } from "../../../common/hooks/useScreenSize/index.es.js";
-import O from "react";
-import { H3 as p, Text as x } from "@mxenabled/mxui";
-import { jsx as m, jsxs as H } from "react/jsx-runtime";
-import M from "@mui/material/Box";
-var Y = ({ selectedDateRange: t, selectedCategoryGuid: T }) => {
-  const { trends: i } = a(), { isMobile: o, isDesktop: s } = f(), { getCategoryName: l } = _(), n = O.useMemo(() => `${t.start.getFullYear() === t.end.getFullYear() ? e(t.start, o ? r.MONTH_SHORT : r.MONTH_LONG) : e(t.start, o ? r.MONTH_SHORT_YEAR : r.MONTH_YEAR)} - ${e(t.end, o ? r.MONTH_SHORT_YEAR : r.MONTH_YEAR)}`, [t, o]), u = l(T) || (o ? i.sub_title : i.sub_title_by_category);
-  return /* @__PURE__ */ H(M, { children: [/* @__PURE__ */ m(p, {
-    sx: {
-      fontSize: s ? null : 15,
-      overflow: "visible",
-      textOverflow: "unset"
-    },
-    children: u
-  }), /* @__PURE__ */ m(x, {
-    variant: s ? "subtitle1" : "body2",
-    children: n
-  })] });
-};
-export {
-  Y as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/DateRangeText/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/DateRangeText.tsx"],"sourcesContent":["import React from 'react'\nimport { H3, Text } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport { useCategoryStore, useGlobalCopyStore, useScreenSize } from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\n\ninterface DateRangeTextProps {\n  selectedDateRange: { start: Date; end: Date }\n  selectedCategoryGuid: string\n}\n\nconst DateRangeText = ({ selectedDateRange, selectedCategoryGuid }: DateRangeTextProps) => {\n  const { trends: copy } = useGlobalCopyStore()\n  const { isMobile, isDesktop } = useScreenSize()\n  const { getCategoryName } = useCategoryStore()\n\n  // Build date range text for display\n  // e.g. October 2023 - March 2024, or Oct 2023 - Mar 2024\n  const dateRangeText = React.useMemo(() => {\n    const startDate =\n      selectedDateRange.start.getFullYear() === selectedDateRange.end.getFullYear()\n        ? formatDate(\n            selectedDateRange.start,\n            isMobile ? DATE_FORMATS_INTL.MONTH_SHORT : DATE_FORMATS_INTL.MONTH_LONG,\n          )\n        : formatDate(\n            selectedDateRange.start,\n            isMobile ? DATE_FORMATS_INTL.MONTH_SHORT_YEAR : DATE_FORMATS_INTL.MONTH_YEAR,\n          )\n    const endDate = formatDate(\n      selectedDateRange.end,\n      isMobile ? DATE_FORMATS_INTL.MONTH_SHORT_YEAR : DATE_FORMATS_INTL.MONTH_YEAR,\n    )\n    return `${startDate} - ${endDate}`\n  }, [selectedDateRange, isMobile])\n\n  const categoryName = getCategoryName(selectedCategoryGuid)\n  const titleText = categoryName || (isMobile ? copy.sub_title : copy.sub_title_by_category)\n\n  return (\n    <Box>\n      <H3\n        sx={{\n          fontSize: !isDesktop ? 15 : null,\n          overflow: 'visible',\n          textOverflow: 'unset',\n        }}\n      >\n        {titleText}\n      </H3>\n\n      <Text variant={isDesktop ? 'subtitle1' : 'body2'}>{dateRangeText}</Text>\n    </Box>\n  )\n}\n\nexport default DateRangeText\n"],"mappings":";;;;;;;AAWA,IAAM,IAAA,CAAiB,EAAE,mBAAA,GAAmB,sBAAA,EAAA,MAA+C;AACzF,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,UAAA,GAAU,WAAA,EAAA,IAAc,EAAc,GACxC,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GAIvC,IAAgB,EAAM,QAAA,MAenB,GAbL,EAAkB,MAAM,YAAY,MAAM,EAAkB,IAAI,YAAY,IACxE,EACE,EAAkB,OAClB,IAAW,EAAkB,cAAc,EAAkB,UAC/D,IACA,EACE,EAAkB,OAClB,IAAW,EAAkB,mBAAmB,EAAkB,UACpE,CAAA,MACU,EACd,EAAkB,KAClB,IAAW,EAAkB,mBAAmB,EAAkB,UAE3C,CAAA,IACxB,CAAC,GAAmB,CAAQ,CAAC,GAG1B,IADe,EAAgB,CACnB,MAAiB,IAAW,EAAK,YAAY,EAAK;AAEpE,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,UAAW,IAAiB,OAAL;AAAA,MACvB,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,cAEC;AAAA,EACC,CAAA,GAEJ,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAS,IAAY,cAAc;AAAA,cAAU;AAAA,EAAoB,CAAA,CACpE,EAAA,CAAA;AAET"}