@mx-cartographer/experiences 9.1.1 → 9.1.3-alpha.al0

package/dist/{WidgetContainer-DJnp6t6c.mjs → WidgetContainer-CjdCY4sj.mjs}

@@ -16,8 +16,8 @@ import { a as se, u as le, f as Re, i as Ce, W as xe } from "./hooks-97sNJ_lf.mj
 import { addMonths as ee } from "date-fns/addMonths";
 import { addDays as De } from "date-fns/addDays";
 import { addYears as te } from "date-fns/addYears";
-import { differenceInCalendarDays as ye } from "date-fns/differenceInCalendarDays";
-import { endOfDay as ke } from "date-fns/endOfDay";
+import { differenceInCalendarDays as ke } from "date-fns/differenceInCalendarDays";
+import { endOfDay as ye } from "date-fns/endOfDay";
 import { endOfMonth as W } from "date-fns/endOfMonth";
 import { endOfToday as ae } from "date-fns/endOfToday";
 import { endOfYear as Te } from "date-fns/endOfYear";
@@ -41,7 +41,7 @@ import { u as de } from "./useScreenSize-mWpmnh5w.mjs";
 import { f as M, D as P } from "./DateFormats-HudZ3Bjs.mjs";
 import { L as Ge } from "./Loader-CxeBwuPG.mjs";
 import He from "@mui/material/useMediaQuery";
-import { A as ne } from "./Analytics-WeZYytR0.mjs";
+import { A as ne } from "./Analytics-D-jdcL72.mjs";
 const We = (n) => {
   const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = de(n), s = He("(min-width:900px)"), _ = 24;
   let l = 48, D = 32, g = 0, c = "h1", R = !1;
@@ -79,7 +79,7 @@ const We = (n) => {
   shouldShrinkToIcon: r = !0,
   variant: s = "outlined"
 }) => {
-  const _ = Be(), { isMobile: l } = de(), { announce: D, ariaLive: g } = Ne(), [c, R] = p.useState(m), [o, S] = p.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, L] = p.useState(c), [E, y] = p.useState(!1), [j, A] = p.useState(!0), [k, w] = p.useState(6), B = {
+  const _ = Be(), { isMobile: l } = de(), { announce: D, ariaLive: g } = Ne(), [c, R] = p.useState(m), [o, S] = p.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, L] = p.useState(c), [E, k] = p.useState(!1), [j, A] = p.useState(!0), [y, w] = p.useState(6), B = {
     buttons: [
       { ariaLabel: "3 Months", label: "3M", value: 3 },
       { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -97,10 +97,10 @@ const We = (n) => {
     R(m), L(m);
   }, [m]), p.useEffect(() => {
     (s === "timeframebuttons" || s === "timeframetabs") && n.onRangeChanged(V());
-  }, [k]);
+  }, [y]);
   const V = () => {
     const t = W(ae());
-    return [W(K(t, k)), t];
+    return [W(K(t, y)), t];
   }, N = (t) => {
     const [i, u] = c, f = t === "previous";
     let b;
@@ -116,7 +116,7 @@ const We = (n) => {
         f ? re(v, 1) : te(v, 1)
       ];
     } else {
-      const T = ye(u, i), v = f ? Se : De;
+      const T = ke(u, i), v = f ? Se : De;
       b = [v(i, T), v(u, T)];
     }
     R(b), n.onRangeChanged(b);
@@ -126,10 +126,10 @@ const We = (n) => {
     ), n.onRangeChanged(C);
   }, I = (t, i) => {
     t[1] = t[1] ?? t[0];
-    const u = [t[0], t[1] ? ke(t[1]) : t[1]], f = M(u[0], P.MONTH_DAY_YEAR), b = M(u[1], P.MONTH_DAY_YEAR);
+    const u = [t[0], t[1] ? ye(t[1]) : t[1]], f = M(u[0], P.MONTH_DAY_YEAR), b = M(u[1], P.MONTH_DAY_YEAR);
     L(u), S(i), D(`${a.dateRangeEditTitle}: ${f} - ${b}`);
   }, G = (t) => {
-    w(t);
+    w(t), n.onTimeframeClick?.(t);
   };
   return /* @__PURE__ */ h(oe, { className: "mx-cmn-date-range-selector", m: 4, children: [
     /* @__PURE__ */ h(
@@ -179,7 +179,7 @@ const We = (n) => {
                   {
                     "aria-disabled": n.shouldDisablePicker,
                     color: d,
-                    onClick: () => n.shouldDisablePicker ? null : y(!0),
+                    onClick: () => n.shouldDisablePicker ? null : k(!0),
                     startIcon: /* @__PURE__ */ e(x, { name: "calendar_month", size: 20 }),
                     sx: {
                       p: l ? 0 : 8
@@ -212,7 +212,7 @@ const We = (n) => {
               color: d,
               exclusive: !0,
               orientation: "horizontal",
-              value: k,
+              value: y,
               children: B.buttons.map((t) => /* @__PURE__ */ e(
                 Ae,
                 {
@@ -232,7 +232,7 @@ const We = (n) => {
               indicatorColor: "primary",
               onChange: (t, i) => G(i),
               textColor: "primary",
-              value: k,
+              value: y,
               variant: "fullWidth",
               children: B.tabs.map((t) => /* @__PURE__ */ e(
                 Ye,
@@ -253,9 +253,9 @@ const We = (n) => {
       {
         ariaLabelClose: a.dateRangeCloseAria,
         isOpen: E,
-        onClose: () => y(!1),
+        onClose: () => k(!1),
         onPrimaryAction: () => {
-          O(), y(!1);
+          O(), k(!1);
         },
         primaryText: a.dateRangeEditApply,
         title: a.dateRangeEditTitle,
@@ -279,7 +279,7 @@ const We = (n) => {
       {
         copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
-        onClose: () => y(!1),
+        onClose: () => k(!1),
         onPrimaryAction: () => O(),
         primaryText: a.dateRangeEditApply,
         sx: {
@@ -358,7 +358,7 @@ const We = (n) => {
     sx: S = {},
     title: C = ""
   }) => {
-    const [L, { height: E, width: y }] = J(), [j, { height: A, width: k }] = J(), { onEvent: w } = Re(), {
+    const [L, { height: E, width: k }] = J(), [j, { height: A, width: y }] = J(), { onEvent: w } = Re(), {
       actionsFlex: B,
       containerSquareCorners: V,
       headerHeadingLevel: N,
@@ -370,7 +370,7 @@ const We = (n) => {
       isDesktop: u,
       isViewportAbove900: f,
       slotSx: b
-    } = We(y), { isCopyLoaded: T } = se(), { common: v } = le(), {
+    } = We(k), { isCopyLoaded: T } = se(), { common: v } = le(), {
       config: { display_widget_headings: me }
     } = Ce(), ce = () => {
       g && (g(), w(ne.WIDGET_BACK_CLICK));
@@ -378,9 +378,9 @@ const We = (n) => {
     if (p.useEffect(() => {
       w(ne.WIDGET_SIZE_CHANGED, {
         height: A,
-        width: k
+        width: y
       });
-    }, [A, k]), !T)
+    }, [A, y]), !T)
       return /* @__PURE__ */ e(Ge, {});
     const ue = () => c && i && !f ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(x, { name: "menu_open", size: t, sx: { transform: "rotate(180deg)" } }) }) : g ? /* @__PURE__ */ e(
       $,
@@ -469,7 +469,7 @@ const We = (n) => {
           ),
           i && (o || X),
           i && l && /* @__PURE__ */ e(ge, {}),
-          /* @__PURE__ */ e(he, { ref: j, sx: { p: 0 }, children: /* @__PURE__ */ e(xe, { availableHeight: E, availableWidth: y, children: m }) })
+          /* @__PURE__ */ e(he, { ref: j, sx: { p: 0 }, children: /* @__PURE__ */ e(xe, { availableHeight: E, availableWidth: k, children: m }) })
         ] })
       }
     );
@@ -480,4 +480,4 @@ export {
   wt as W,
   We as u
 };
-//# sourceMappingURL=WidgetContainer-DJnp6t6c.mjs.map
+//# sourceMappingURL=WidgetContainer-CjdCY4sj.mjs.map

package/dist/WidgetContainer-CjdCY4sj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContainer-CjdCY4sj.mjs","sources":["../src/common/hooks/useWidgetHeaderStyles.ts","../src/common/components/daterangeselector/DateRangeSelector.tsx","../src/common/components/WidgetDateRangeSelector.tsx","../src/common/components/WidgetContainer.tsx"],"sourcesContent":["import useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { useScreenSize } from './useScreenSize'\n\nexport const useWidgetHeaderStyles = (availableWidth?: number) => {\n  const { isDesktop, isMobile, isSmallTablet, isTablet } = useScreenSize(availableWidth)\n  const isViewportAbove900 = useMediaQuery('(min-width:900px)')\n\n  const iconSize = 24\n\n  // large variant\n  // L & XL breakpoints\n  let headerPaddingX = 48\n  let headerPaddingTop = 32\n  let headerPaddingBottom = 0\n  let headerHeadingLevel: 'h1' | 'h2' | 'h3' = 'h1'\n  let containerSquareCorners = false\n\n  const isCompact = isMobile || isSmallTablet\n\n  if (isTablet && !isSmallTablet) {\n    // M breakpoint\n    headerPaddingX = 24\n    headerPaddingTop = 24\n    headerHeadingLevel = 'h2'\n  } else if (isCompact) {\n    // small variant\n    // S, XS, XXS breakpoints\n    headerPaddingX = 8\n    headerPaddingTop = 10\n    headerPaddingBottom = 10\n    headerHeadingLevel = 'h3'\n\n    containerSquareCorners = true\n  }\n\n  const slotSx = {\n    pb: isCompact ? 12 : 0,\n    ...(isCompact && {\n      px: headerPaddingX,\n      '& .mx-cmn-date-range-selector': { m: 0, width: '100%' },\n      '& .mx-cmn-date-range-selector > .MuiBox-root': { display: 'flex', justifyContent: 'center' },\n      '& .MuiButtonGroup-root': { width: '100%' },\n      '& .MuiButtonGroup-middleButton': { flex: 1 },\n      '& .MuiToggleButtonGroup-root': { width: '100%', justifyContent: 'center' },\n    }),\n  }\n\n  return {\n    actionsFlex: isCompact ? 0 : 1,\n    containerSquareCorners,\n    headerHeadingLevel,\n    headerPaddingBottom,\n    headerPaddingTop,\n    headerPaddingX,\n    iconSize,\n    isCompact,\n    isDesktop,\n    isViewportAbove900,\n    slotSx,\n  }\n}\n","import React from 'react'\nimport { addMonths } from 'date-fns/addMonths'\nimport { addDays } from 'date-fns/addDays'\nimport { addYears } from 'date-fns/addYears'\nimport { differenceInCalendarDays } from 'date-fns/differenceInCalendarDays'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { endOfYear } from 'date-fns/endOfYear'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { startOfYear } from 'date-fns/startOfYear'\nimport { subMonths } from 'date-fns/subMonths'\nimport { subDays } from 'date-fns/subDays'\nimport { subYears } from 'date-fns/subYears'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport ButtonGroup from '@mui/material/ButtonGroup'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport { DateRangePicker, DateRangePickerCopy, Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { useScreenSize } from '../../hooks'\nimport { useAriaLive } from '../../hooks/useAriaLive'\nimport Dialog from '../dialog/Dialog'\nimport Drawer from '../drawer/Drawer'\n\nexport type DateRangeSelectorCopy = {\n  dateRangePickerCopy: DateRangePickerCopy\n  dateRangeEditApply: string\n  dateRangeEditTitle: string\n  dateRangeNextAria: string\n  dateRangePreviousAria: string\n  dateRangeCloseAria: string\n}\n\nexport type CalendarActions = {\n  shouldDisableNext?: boolean\n  shouldDisablePrevious?: boolean\n  shouldDisablePicker?: boolean\n  onRangeChanged: (dateRange: DateRange<Date>) => void\n  /**\n   * Fires only when the user actively selects a timeframe button/tab (3M/6M/9M/1Y).\n   * Unlike onRangeChanged, this does NOT fire on mount, so it's safe for click analytics.\n   */\n  onTimeframeClick?: (timeframe: number) => void\n}\n\nexport interface DateRangeSelectorProps {\n  calendarActions: CalendarActions\n  color?: 'primary' | 'secondary'\n  copy: DateRangeSelectorCopy\n  range?: DateRange<Date>\n  shouldShrinkToIcon?: boolean\n  variant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs'\n}\n\nexport type Timeframe = {\n  ariaLabel?: string\n  label: string\n  value: number\n}\n\nconst DateRangeSelector: React.FC<DateRangeSelectorProps> = ({\n  calendarActions,\n  color = 'primary',\n  copy,\n  range = [startOfMonth(startOfToday()), endOfMonth(endOfToday())],\n  shouldShrinkToIcon = true,\n  variant = 'outlined',\n}) => {\n  const theme = useTheme()\n  const { isMobile } = useScreenSize()\n  const { announce, ariaLive } = useAriaLive()\n\n  const [dateRange, setDateRange] = React.useState<DateRange<Date>>(range)\n  const [shortcut, setShortcut] = React.useState(copy.dateRangePickerCopy.dateRangeThisMonth)\n  const [pickerDateRange, setPickerDateRange] = React.useState(dateRange)\n  const [isPickerOpen, setIsPickerOpen] = React.useState(false)\n  const [isMonthFormat, setIsMonthFormat] = React.useState(true)\n  const [timeframe, setTimeframe] = React.useState(6)\n\n  // TODO: put labels in mrs content and use as copy\n  const timeframes = {\n    buttons: [\n      { ariaLabel: '3 Months', label: '3M', value: 3 },\n      { ariaLabel: '6 Months', label: '6M', value: 6 },\n      { ariaLabel: '9 Months', label: '9M', value: 9 },\n      { ariaLabel: '1 Year', label: '1Y', value: 12 },\n    ],\n    tabs: [\n      { label: '3 Months', value: 3 },\n      { label: '6 Months', value: 6 },\n      { label: '9 Months', value: 9 },\n      { label: '1 Year', value: 12 },\n    ],\n  }\n\n  React.useEffect(() => {\n    setDateRange(range)\n    setPickerDateRange(range)\n  }, [range])\n\n  // dates for timeframe buttons\n  // using today's date as the end date, looks back 3, 6, 9, or 12 months\n  React.useEffect(() => {\n    if (variant === 'timeframebuttons' || variant === 'timeframetabs') {\n      calendarActions.onRangeChanged(getTimeFrameDates())\n    }\n  }, [timeframe])\n\n  const getTimeFrameDates = () => {\n    const timeframeEndDate = endOfMonth(endOfToday()) as Date\n    const timeframeBeginDate = endOfMonth(subMonths(timeframeEndDate, timeframe))\n    return [timeframeBeginDate, timeframeEndDate] as DateRange<Date>\n  }\n\n  const handlePrevNextClick = (direction: 'previous' | 'next') => {\n    const [beginDate, endDate] = dateRange as [Date, Date]\n    const isPrev = direction === 'previous'\n\n    let newRange: DateRange<Date>\n\n    // Month-based shortcuts\n    if (\n      shortcut === copy.dateRangePickerCopy.dateRangeThisMonth ||\n      shortcut === copy.dateRangePickerCopy.dateRangeLastMonth\n    ) {\n      newRange = [\n        isPrev ? subMonths(beginDate, 1) : addMonths(beginDate, 1),\n        endOfMonth(isPrev ? subMonths(endDate, 1) : addMonths(endDate, 1)),\n      ]\n    }\n    // Year-based shortcuts\n    else if (\n      shortcut === copy.dateRangePickerCopy.dateRangeYTD ||\n      shortcut === copy.dateRangePickerCopy.dateRangeLastYear\n    ) {\n      const startYear = startOfYear(beginDate)\n      const endYear = endOfYear(beginDate)\n      newRange = [\n        isPrev ? subYears(startYear, 1) : addYears(startYear, 1),\n        isPrev ? subYears(endYear, 1) : addYears(endYear, 1),\n      ]\n    }\n    // Custom date range - shift by the current range duration\n    else {\n      const dayOffset = differenceInCalendarDays(endDate, beginDate)\n      const dateModifier = isPrev ? subDays : addDays\n      newRange = [dateModifier(beginDate, dayOffset), dateModifier(endDate, dayOffset)]\n    }\n\n    setDateRange(newRange)\n    calendarActions.onRangeChanged(newRange)\n  }\n\n  const handleRangeChanged = () => {\n    setDateRange(pickerDateRange)\n    setIsMonthFormat(\n      shortcut === copy.dateRangePickerCopy.dateRangeThisMonth ||\n        shortcut === copy.dateRangePickerCopy.dateRangeLastMonth,\n    )\n    calendarActions.onRangeChanged(pickerDateRange)\n  }\n\n  const handleDataRangePickerChange = (range: DateRange<Date>, shortcut: string) => {\n    range[1] = range[1] ?? range[0]\n\n    const adjustedRange: DateRange<Date> = [range[0], range[1] ? endOfDay(range[1]) : range[1]]\n    const startFormatted = formatDate(adjustedRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n    const endFormatted = formatDate(adjustedRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n\n    setPickerDateRange(adjustedRange)\n    setShortcut(shortcut)\n    announce(`${copy.dateRangeEditTitle}: ${startFormatted} - ${endFormatted}`)\n  }\n\n  const handleTimeframeChanged = (timeframe: number) => {\n    setTimeframe(timeframe)\n    calendarActions.onTimeframeClick?.(timeframe)\n  }\n\n  return (\n    <Box className=\"mx-cmn-date-range-selector\" m={4}>\n      <Box\n        sx={{\n          [theme.breakpoints.down('sm')]: {\n            display: shouldShrinkToIcon ? 'none' : 'flex',\n            justifyContent: 'center',\n          },\n          [theme.breakpoints.up('sm')]: { display: 'inline-flex' },\n        }}\n      >\n        {variant === 'readonly' && (\n          <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n            <Icon name=\"calendar_month\" size={24} />\n            <Text bold={true}>\n              {formatDate(pickerDateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY)}\n            </Text>\n            <Icon name=\"remove\" />\n            <Text bold={true}>\n              {formatDate(pickerDateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n            </Text>\n          </Stack>\n        )}\n\n        {variant !== 'readonly' &&\n          variant !== 'timeframebuttons' &&\n          variant !== 'timeframetabs' && (\n            <ButtonGroup\n              color={color}\n              sx={{\n                '& .MuiButtonGroup-grouped': {\n                  padding: isMobile ? 0 : 12,\n                },\n                '& .MuiButtonGroup-middleButton': {\n                  px: 24,\n                },\n                height: 44,\n              }}\n              variant={variant}\n            >\n              <Button\n                aria-disabled={calendarActions.shouldDisablePrevious}\n                aria-label={copy.dateRangePreviousAria}\n                color={calendarActions.shouldDisablePrevious ? 'secondary' : 'primary'}\n                onClick={() =>\n                  calendarActions.shouldDisablePrevious ? null : handlePrevNextClick('previous')\n                }\n              >\n                <Icon name=\"chevron_left\" size={20} />\n              </Button>\n              <Button\n                aria-disabled={calendarActions.shouldDisablePicker}\n                color={color}\n                onClick={() => (calendarActions.shouldDisablePicker ? null : setIsPickerOpen(true))}\n                startIcon={<Icon name=\"calendar_month\" size={20} />}\n                sx={{\n                  p: isMobile ? 0 : 8,\n                }}\n              >\n                {isMonthFormat ? (\n                  formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_YEAR)\n                ) : (\n                  <span>\n                    {formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)} -{' '}\n                    {formatDate(dateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n                  </span>\n                )}\n              </Button>\n              <Button\n                aria-disabled={calendarActions.shouldDisableNext}\n                aria-label={copy.dateRangeNextAria}\n                color={calendarActions.shouldDisableNext ? 'secondary' : 'primary'}\n                onClick={() =>\n                  calendarActions.shouldDisableNext ? null : handlePrevNextClick('next')\n                }\n              >\n                <Icon name=\"chevron_right\" size={20} />\n              </Button>\n            </ButtonGroup>\n          )}\n\n        {variant === 'timeframebuttons' && (\n          <ToggleButtonGroup\n            aria-label={copy.dateRangeEditTitle}\n            color={color}\n            exclusive={true}\n            orientation=\"horizontal\"\n            value={timeframe}\n          >\n            {timeframes.buttons.map((timeframe: Timeframe) => (\n              <ToggleButton\n                aria-label={timeframe.ariaLabel}\n                key={timeframe.label}\n                onClick={() => handleTimeframeChanged(timeframe.value)}\n                sx={{ width: 56 }}\n                value={timeframe.value}\n              >\n                {timeframe.label}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n        )}\n\n        {variant === 'timeframetabs' && (\n          <Tabs\n            indicatorColor=\"primary\"\n            onChange={(_, newValue) => handleTimeframeChanged(newValue)}\n            textColor=\"primary\"\n            value={timeframe}\n            variant=\"fullWidth\"\n          >\n            {timeframes.tabs.map((timeframe: Timeframe) => (\n              <Tab\n                key={timeframe.label}\n                label={\n                  <Text bold={true} variant=\"body1\">\n                    {timeframe.label}\n                  </Text>\n                }\n                sx={{ minWidth: 80 }}\n                value={timeframe.value}\n              />\n            ))}\n          </Tabs>\n        )}\n      </Box>\n\n      {isPickerOpen && isMobile && (\n        <Drawer\n          ariaLabelClose={copy.dateRangeCloseAria}\n          isOpen={isPickerOpen}\n          onClose={() => setIsPickerOpen(false)}\n          onPrimaryAction={() => {\n            handleRangeChanged()\n            setIsPickerOpen(false)\n          }}\n          primaryText={copy.dateRangeEditApply}\n          title={copy.dateRangeEditTitle}\n        >\n          {ariaLive}\n          <DateRangePicker\n            copy={copy.dateRangePickerCopy}\n            dateRange={pickerDateRange}\n            onRangeChanged={handleDataRangePickerChange}\n            selectedShortcut={shortcut}\n            sx={{ p: 0 }}\n          />\n        </Drawer>\n      )}\n\n      {isPickerOpen && !isMobile && (\n        <Dialog\n          copy={{ title: copy.dateRangeEditTitle }}\n          isOpen={true}\n          onClose={() => setIsPickerOpen(false)}\n          onPrimaryAction={() => handleRangeChanged()}\n          primaryText={copy.dateRangeEditApply}\n          sx={{\n            '& .MuiDialogContent-root': {\n              padding: 0,\n            },\n          }}\n        >\n          {ariaLive}\n          <DateRangePicker\n            copy={copy.dateRangePickerCopy}\n            dateRange={pickerDateRange}\n            onRangeChanged={handleDataRangePickerChange}\n            selectedShortcut={shortcut}\n            sx={{\n              pt: 0,\n              '& .MuiPickersLayout-toolbar': {\n                gridColumn: '1/4',\n              },\n            }}\n          />\n        </Dialog>\n      )}\n    </Box>\n  )\n}\n\nexport default DateRangeSelector\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGlobalUiStore } from '../context'\n\nimport { DateRangeSelector } from './daterangeselector'\nimport { CalendarActions, DateRangeSelectorCopy } from './daterangeselector/DateRangeSelector'\n\ninterface WidgetDateRangeSelectorProps {\n  calendarActions: CalendarActions\n  dateRange?: { start: Date; end: Date }\n  dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs'\n}\n\nexport const WidgetDateRangeSelector: React.FC<WidgetDateRangeSelectorProps> = observer(\n  ({ calendarActions, dateRange, dateRangeVariant }) => {\n    const { displayedDateRange } = useGlobalUiStore()\n    const { common: commonCopy } = useGlobalCopyStore()\n\n    const dateRangeSelectorCopy = {\n      dateRangePickerCopy: {\n        dateRangeFrom: commonCopy.date_range_picker.from,\n        dateRangeTo: commonCopy.date_range_picker.to,\n        dateRangeCustom: commonCopy.date_range_picker.custom,\n        dateRangeSelectARange: commonCopy.date_range_picker.select_range,\n        dateRangeThisMonth: commonCopy.date_range_picker.this_month,\n        dateRangeLastMonth: commonCopy.date_range_picker.last_month,\n        dateRangeLast30Days: commonCopy.date_range_picker.last_30_days,\n        dateRangeLast90Days: commonCopy.date_range_picker.last_90_days,\n        dateRangeYTD: commonCopy.date_range_picker.ytd,\n        dateRangeLastYear: commonCopy.date_range_picker.last_year,\n        dateRangeSelect: commonCopy.date_range_picker.select,\n      },\n      dateRangeEditApply: commonCopy.date_range_picker.edit_apply,\n      dateRangeEditTitle: commonCopy.date_range_picker.edit_title,\n      dateRangeNextAria: commonCopy.date_range_picker.next_aria,\n      dateRangePreviousAria: commonCopy.date_range_picker.previous_aria,\n    } as DateRangeSelectorCopy\n\n    const startDate = dateRange ? dateRange.start : displayedDateRange.start\n    const endDate = dateRange ? dateRange.end : displayedDateRange.end\n\n    return (\n      <DateRangeSelector\n        calendarActions={calendarActions}\n        copy={dateRangeSelectorCopy}\n        range={[startDate, endDate]}\n        shouldShrinkToIcon={false}\n        variant={dateRangeVariant}\n      />\n    )\n  },\n)\n","import React, { PropsWithChildren } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { ChevronLeft } from '@mxenabled/mx-icons'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { AccountType } from '../../core'\nimport {\n  useAppConfig,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  WidgetContainerProvider,\n} from '../context'\nimport { useWidgetHeaderStyles } from '../hooks'\nimport { useDimensions } from '../hooks/useDimensions'\n\nimport { CalendarActions } from './daterangeselector/DateRangeSelector'\nimport { GlobalAccountFilter } from './GlobalAccountFilter'\nimport { WidgetDateRangeSelector } from './WidgetDateRangeSelector'\nimport Loader from './Loader'\n\ntype Action = {\n  label: string\n  iconName: string\n  onClick: () => void\n}\n\ninterface WidgetContainerProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  actions?: (Action | React.JSX.Element)[]\n  calendarActions?: CalendarActions\n  className?: string\n  dateRange?: { start: Date; end: Date }\n  dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs'\n  hasDivider?: boolean\n  onBackClick?: () => void\n  onMenuClick?: () => void\n  onAccountsFilterClick?: () => void\n  showAccountFilter?: boolean\n  slotComponent?: React.ReactElement\n  sx?: SxProps\n  title?: string\n}\n\nexport const WidgetContainer: React.FC<PropsWithChildren<WidgetContainerProps>> = observer(\n  ({\n    actions,\n    allowedAccountTypes,\n    calendarActions,\n    children,\n    className = 'mx-cmn-widget',\n    dateRange,\n    dateRangeVariant,\n    hasDivider = false,\n    onAccountsFilterClick,\n    onBackClick,\n    onMenuClick,\n    showAccountFilter = true,\n    slotComponent,\n    sx = {},\n    title = '',\n  }) => {\n    const [containerRef, { height, width }] = useDimensions()\n    const [contentRef, { height: contentHeight, width: contentWidth }] = useDimensions()\n    const { onEvent } = useEvent()\n\n    const {\n      actionsFlex,\n      containerSquareCorners,\n      headerHeadingLevel,\n      headerPaddingBottom,\n      headerPaddingTop,\n      headerPaddingX,\n      iconSize,\n      isCompact,\n      isDesktop,\n      isViewportAbove900,\n      slotSx,\n    } = useWidgetHeaderStyles(width)\n    const { isCopyLoaded } = useGlobalUiStore()\n    const { common: commonCopy } = useGlobalCopyStore()\n    const {\n      config: { display_widget_headings: showTitle },\n    } = useAppConfig()\n\n    const handleBackClick = () => {\n      if (onBackClick) {\n        onBackClick()\n        onEvent(ANALYTICS_EVENTS.WIDGET_BACK_CLICK)\n      }\n    }\n\n    React.useEffect(() => {\n      onEvent(ANALYTICS_EVENTS.WIDGET_SIZE_CHANGED, {\n        height: contentHeight,\n        width: contentWidth,\n      })\n    }, [contentHeight, contentWidth])\n\n    if (!isCopyLoaded) {\n      return <Loader />\n    }\n\n    const getNavButton = () => {\n      if (onMenuClick && isCompact && !isViewportAbove900) {\n        return (\n          <IconButton color=\"primary\" onClick={onMenuClick} sx={{ p: 10 }}>\n            <Icon name=\"menu_open\" size={iconSize} sx={{ transform: 'rotate(180deg)' }} />\n          </IconButton>\n        )\n      }\n\n      if (onBackClick) {\n        return (\n          <IconButton\n            aria-label={commonCopy.back_to_dashboard}\n            color=\"primary\"\n            onClick={handleBackClick}\n            sx={{ p: 10 }}\n          >\n            <ChevronLeft size={24} />\n          </IconButton>\n        )\n      }\n\n      return null\n    }\n\n    const defaultSlotComponent = calendarActions && (\n      <Stack alignItems=\"center\" sx={slotSx}>\n        <WidgetDateRangeSelector\n          calendarActions={calendarActions}\n          dateRange={dateRange}\n          dateRangeVariant={dateRangeVariant}\n        />\n      </Stack>\n    )\n\n    return (\n      <Paper\n        className={className}\n        elevation={1}\n        ref={containerRef}\n        square={containerSquareCorners}\n        sx={{\n          borderBottomLeftRadius: 0,\n          borderBottomRightRadius: 0,\n          margin: 0,\n          overflowY: 'auto',\n          height: '100%',\n          ...sx,\n        }}\n      >\n        <Card>\n          <Stack\n            alignItems=\"center\"\n            alignSelf=\"stretch\"\n            direction=\"row\"\n            justifyContent=\"space-between\"\n            sx={{\n              pb: headerPaddingBottom,\n              pt: headerPaddingTop,\n              px: headerPaddingX,\n            }}\n          >\n            {getNavButton()}\n            <Stack alignItems=\"flex-start\" minWidth={0} sx={{ flex: 1 }}>\n              {showTitle && (\n                <Text sx={{ width: '100%' }} truncate={true} variant={headerHeadingLevel}>\n                  {title}\n                </Text>\n              )}\n            </Stack>\n            {!isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n            <Stack\n              alignItems=\"center\"\n              direction=\"row\"\n              justifyContent=\"flex-end\"\n              sx={{ flex: actionsFlex, flexShrink: 0 }}\n            >\n              {showAccountFilter && (\n                <GlobalAccountFilter\n                  allowedAccountTypes={allowedAccountTypes}\n                  isDesktop={isDesktop}\n                  onAccountFilterClick={onAccountsFilterClick}\n                />\n              )}\n              {actions?.map((action) => {\n                if (React.isValidElement(action))\n                  return React.cloneElement(action, { isDesktop } as Partial<unknown>)\n                const { iconName, onClick, label } = action as Action\n                return isDesktop ? (\n                  <Button\n                    key={iconName}\n                    onClick={onClick}\n                    startIcon={<Icon name={iconName} size={iconSize} />}\n                  >\n                    {label}\n                  </Button>\n                ) : (\n                  <IconButton aria-label={label} color=\"primary\" key={iconName} onClick={onClick}>\n                    <Icon name={iconName} size={iconSize} />\n                  </IconButton>\n                )\n              })}\n            </Stack>\n          </Stack>\n          {isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n          {isCompact && hasDivider && <Divider />}\n          <CardContent ref={contentRef} sx={{ p: 0 }}>\n            <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n              {children}\n            </WidgetContainerProvider>\n          </CardContent>\n        </Card>\n      </Paper>\n    )\n  },\n)\n"],"names":["useWidgetHeaderStyles","availableWidth","isDesktop","isMobile","isSmallTablet","isTablet","useScreenSize","isViewportAbove900","useMediaQuery","iconSize","headerPaddingX","headerPaddingTop","headerPaddingBottom","headerHeadingLevel","containerSquareCorners","isCompact","slotSx","DateRangeSelector","calendarActions","color","copy","range","startOfMonth","startOfToday","endOfMonth","endOfToday","shouldShrinkToIcon","variant","theme","useTheme","announce","ariaLive","useAriaLive","dateRange","setDateRange","React","shortcut","setShortcut","pickerDateRange","setPickerDateRange","isPickerOpen","setIsPickerOpen","isMonthFormat","setIsMonthFormat","timeframe","setTimeframe","timeframes","getTimeFrameDates","timeframeEndDate","subMonths","handlePrevNextClick","direction","beginDate","endDate","isPrev","newRange","addMonths","startYear","startOfYear","endYear","endOfYear","subYears","addYears","dayOffset","differenceInCalendarDays","dateModifier","subDays","addDays","handleRangeChanged","handleDataRangePickerChange","adjustedRange","endOfDay","startFormatted","formatDate","DATE_FORMATS_INTL","endFormatted","handleTimeframeChanged","jsxs","Box","Stack","jsx","Icon","Text","ButtonGroup","Button","ToggleButtonGroup","ToggleButton","Tabs","_","newValue","Tab","Drawer","DateRangePicker","Dialog","WidgetDateRangeSelector","observer","dateRangeVariant","displayedDateRange","useGlobalUiStore","commonCopy","useGlobalCopyStore","dateRangeSelectorCopy","startDate","WidgetContainer","actions","allowedAccountTypes","children","className","hasDivider","onAccountsFilterClick","onBackClick","onMenuClick","showAccountFilter","slotComponent","sx","title","containerRef","height","width","useDimensions","contentRef","contentHeight","contentWidth","onEvent","useEvent","actionsFlex","isCopyLoaded","showTitle","useAppConfig","handleBackClick","ANALYTICS_EVENTS","Loader","getNavButton","IconButton","ChevronLeft","defaultSlotComponent","Paper","Card","GlobalAccountFilter","action","iconName","onClick","label","Divider","CardContent","WidgetContainerProvider"],"mappings":"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"}

package/dist/accounts/index.es.js

@@ -12,15 +12,15 @@ import Z from "@mui/system/Stack";
 import { f as U } from "../NumberFormatting--XMeeBfr.mjs";
 import { u as X, g as e1 } from "../AccountDetailsHeader-BliEZhz7.mjs";
 import { A as K1, a as z1, b as $1 } from "../AccountDetailsHeader-BliEZhz7.mjs";
-import { A as E, a as t1 } from "../AccountDetailsDrawer-C1hhmlmI.mjs";
-import { b as q1, u as J1 } from "../AccountDetailsDrawer-C1hhmlmI.mjs";
+import { A as E, a as t1 } from "../AccountDetailsDrawer-Cq4kiiKD.mjs";
+import { b as q1, u as J1 } from "../AccountDetailsDrawer-Cq4kiiKD.mjs";
 import { i as z, u as R, a as x, c as N, f as $ } from "../hooks-97sNJ_lf.mjs";
-import { A } from "../Analytics-WeZYytR0.mjs";
+import { A } from "../Analytics-D-jdcL72.mjs";
 import { C as l1 } from "../ConnectionsDrawer-CZU9ku-k.mjs";
 import { u as Y } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as T } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as B } from "../Loader-CxeBwuPG.mjs";
-import { W as n1 } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as n1 } from "../WidgetContainer-CjdCY4sj.mjs";
 import { C as q } from "../ConnectDrawer-CW4LA3H3.mjs";
 import i1 from "@mui/material/ListItem";
 import { c as W } from "../Account-DR7Plrqy.mjs";

package/dist/budgets/index.es.js

@@ -31,12 +31,12 @@ import Je from "@mui/material/Tooltip";
 import { u as ge } from "../useScreenSize-mWpmnh5w.mjs";
 import { L as pe } from "../Loader-CxeBwuPG.mjs";
 import { E as _e } from "../EmptyState-CJUDc3kD.mjs";
-import { A as P } from "../Analytics-WeZYytR0.mjs";
+import { A as P } from "../Analytics-D-jdcL72.mjs";
 import Ee from "@mui/material/Tab";
 import Qe from "@mui/material/Tabs";
 import { e as et, g as we } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as ve } from "../EmbeddedCard-DH8vQ3qN.mjs";
-import { T as tt, c as ot } from "../TransactionDetails-roZ5xLq8.mjs";
+import { T as ve } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { T as tt, c as ot } from "../TransactionDetails-DT-MQqOB.mjs";
 import Te from "@mui/material/Card";
 import De from "@mui/material/CardContent";
 import { S as Se } from "../StatusBar-CPfSXe80.mjs";
@@ -45,9 +45,9 @@ import { u as nt, C as at } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
 import Pe from "@mui/material/CardHeader";
 import { subDays as rt } from "date-fns/subDays";
 import st from "@mui/material/IconButton";
-import { M as it } from "../ManageIncome-Be9WHv-s.mjs";
+import { M as it } from "../ManageIncome-B_8i71mE.mjs";
 import { u as je } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as ct } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as ct } from "../WidgetContainer-CjdCY4sj.mjs";
 import { g as lt, a as dt } from "../BudgetUtil-Bg2AQJpQ.mjs";
 import { M as ut } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { b as mt } from "../CurrencyDialog-DumQCTPO.mjs";

package/dist/cashflow/index.es.js

@@ -15,13 +15,13 @@ import { I as ue } from "../InformationTooltip-4su8bn1e.mjs";
 import { u as Ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { M as Qe } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { E as Ze } from "../EmptyState-CJUDc3kD.mjs";
-import { R as et } from "../RecurringSettings-kRqAViNn.mjs";
+import { R as et } from "../RecurringSettings-hs0YUp83.mjs";
 import tt from "@mui/material/Tabs";
 import _e from "@mui/material/Tab";
 import { getUnixTime as ce } from "date-fns/getUnixTime";
 import K from "@mui/material/List";
 import X from "@mui/material/ListItem";
-import { A as nt } from "../AccountDetailsDrawer-C1hhmlmI.mjs";
+import { A as nt } from "../AccountDetailsDrawer-Cq4kiiKD.mjs";
 import { f as $, D as P } from "../DateFormats-HudZ3Bjs.mjs";
 import ot from "@mui/material/ListSubheader";
 import { f as q } from "../NumberFormatting--XMeeBfr.mjs";
@@ -32,18 +32,18 @@ import { g as He } from "../AccountUtils-Cbh8r9cP.mjs";
 import { DataGridPro as it } from "@mui/x-data-grid-pro";
 import { T as Ce } from "../TabContentContainer-B0eYJP5p.mjs";
 import F from "@mui/material/Button";
-import { M as at, S as rt, i as ct, b as we, c as st } from "../ManageIncome-Be9WHv-s.mjs";
+import { M as at, S as rt, i as ct, b as we, c as st } from "../ManageIncome-B_8i71mE.mjs";
 import { D as We } from "../Drawer-DsnW2o0v.mjs";
 import { subDays as Me } from "date-fns/subDays";
 import { startOfToday as se } from "date-fns/startOfToday";
 import { endOfToday as lt } from "date-fns/endOfToday";
-import { W as dt } from "../WidgetContainer-DJnp6t6c.mjs";
+import { W as dt } from "../WidgetContainer-CjdCY4sj.mjs";
 import { c as Y } from "../Account-DR7Plrqy.mjs";
-import { A as Se } from "../Analytics-WeZYytR0.mjs";
+import { A as Se } from "../Analytics-D-jdcL72.mjs";
 import { formatISO as mt } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
 import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ut, a as ht } from "../EmbeddedCard-DH8vQ3qN.mjs";
+import { S as ut, a as ht } from "../EmbeddedCard-DCOQnTz-.mjs";
 import { F as ft, R as Ie, d as ve } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { k as gt } from "../DateUtil-CzBmbjmA.mjs";
 const z = () => {

package/dist/common/components/daterangeselector/DateRangeSelector.d.ts

@@ -14,6 +14,11 @@ export type CalendarActions = {
     shouldDisablePrevious?: boolean;
     shouldDisablePicker?: boolean;
     onRangeChanged: (dateRange: DateRange<Date>) => void;
+    /**
+     * Fires only when the user actively selects a timeframe button/tab (3M/6M/9M/1Y).
+     * Unlike onRangeChanged, this does NOT fire on mount, so it's safe for click analytics.
+     */
+    onTimeframeClick?: (timeframe: number) => void;
 };
 export interface DateRangeSelectorProps {
     calendarActions: CalendarActions;

package/dist/common/index.es.js

@@ -4,7 +4,7 @@ import { f as j, b as V, a as K, c as Z, g as J, d as X } from "../NumberFormatt
 import { C as rr, a as er, b as or } from "../CurrencyDialog-DumQCTPO.mjs";
 import { C as ar } from "../CurrencyInput-DaGEQaLW.mjs";
 import { D as nr, S as ir } from "../Select-CSpkK5cR.mjs";
-import { D as lr, W as mr, u as dr } from "../WidgetContainer-DJnp6t6c.mjs";
+import { D as lr, W as mr, u as dr } from "../WidgetContainer-CjdCY4sj.mjs";
 import { D as fr } from "../Dialog-Bvd2n8hz.mjs";
 import { D as yr } from "../Donut-SzzfZDHF.mjs";
 import { D as xr } from "../Drawer-DsnW2o0v.mjs";
@@ -22,7 +22,7 @@ import { R as wr } from "../ResponsiveButton-CC9F_Ezk.mjs";
 import { S as Lr } from "../SelectionBox-B4xELRgp.mjs";
 import { S as Ur } from "../StatusBar-CPfSXe80.mjs";
 import { I as Br, P as Rr, S as qr, T as Yr } from "../TabContentContainer-B0eYJP5p.mjs";
-import { A as $r } from "../Analytics-WeZYytR0.mjs";
+import { A as $r } from "../Analytics-D-jdcL72.mjs";
 import { C as Qr } from "../ConnectCard-D7uxoH5Y.mjs";
 import { C as Vr } from "../ConnectDrawer-CW4LA3H3.mjs";
 import { C as Zr } from "../CurrencyText-CCbE6MmF.mjs";

package/dist/dashboard/index.es.js

@@ -1,30 +1,31 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import o from "react";
-import { observer as p } from "mobx-react-lite";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import n from "react";
+import { observer as h } 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 { useTheme as C } from "@mui/material/styles";
+import { e as w, u as _, i as S } from "../hooks-97sNJ_lf.mjs";
+import v from "@mui/material/Paper";
+import { Icon as b, H2 as M, P as k } from "@mxenabled/mxui";
+import { useMediaQuery as D } from "@mui/system";
+import { usePostHog as G } from "posthog-js/react";
 import z from "@mui/material/Box";
-import W from "@mui/material/Button";
-import k from "@mui/material/IconButton";
+import E from "@mui/material/Button";
+import W 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 { G as R } from "../GlobalAccountFilter-BhzR5Vb1.mjs";
 import { u as y } from "../useScreenSize-mWpmnh5w.mjs";
-import { C as F } from "../ConnectDrawer-CW4LA3H3.mjs";
-import { u as R } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-const T = p(() => {
-  const t = S(), {
-    appDataStore: { banner: r, loadBanner: i, user: a }
+import { C as T } from "../ConnectDrawer-CW4LA3H3.mjs";
+import { u as B } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+const F = h(() => {
+  const r = C(), {
+    appDataStore: { banner: t, loadBanner: i, user: c }
   } = w();
-  return o.useEffect(() => {
+  return n.useEffect(() => {
     i().finally();
-  }, [a]), r?.image_url ? /* @__PURE__ */ e(
+  }, [c]), t?.image_url ? /* @__PURE__ */ e(
     s,
     {
       sx: {
@@ -35,7 +36,7 @@ const T = p(() => {
       children: /* @__PURE__ */ e(
         "a",
         {
-          href: r?.redirect_url,
+          href: t?.redirect_url,
           rel: "noreferrer",
           style: {
             width: "100%"
@@ -45,11 +46,11 @@ const T = p(() => {
             "img",
             {
               alt: "",
-              src: r.image_url,
+              src: t.image_url,
               style: {
                 width: "100%",
                 height: "auto",
-                border: `1px solid ${t.palette.grey[300]}`
+                border: `1px solid ${r.palette.grey[300]}`
               }
             }
           )
@@ -57,99 +58,120 @@ const T = p(() => {
       )
     }
   ) : 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,
+}), H = ({ handleConnectClick: r }) => {
+  const { common: t } = _(), i = I("(max-width: 700px)");
+  return /* @__PURE__ */ e(z, { children: i ? /* @__PURE__ */ e(A, { id: "add-accounts", placement: "bottom", title: t.add_accounts, children: /* @__PURE__ */ e(
+    W,
     {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": r.add_accounts,
+      "aria-label": t.add_accounts,
       color: "primary",
-      onClick: t,
-      children: /* @__PURE__ */ e(_, { name: "add", size: 24 })
+      onClick: r,
+      children: /* @__PURE__ */ e(b, { name: "add", size: 24 })
     }
   ) }) : /* @__PURE__ */ e(
-    W,
+    E,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
-      "aria-label": r.add_accounts,
-      onClick: t,
-      startIcon: /* @__PURE__ */ e(_, { name: "add", size: 24 }),
+      "aria-label": t.add_accounts,
+      onClick: r,
+      startIcon: /* @__PURE__ */ e(b, { name: "add", size: 24 }),
       sx: {
         p: 12,
         whiteSpace: "nowrap",
         minWidth: "max-content"
       },
       variant: "text",
-      children: r.add_accounts
+      children: t.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 = () => {
+}, P = h(H), $ = () => {
+  const r = G();
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: () => {
+        r.captureException(new Error("PostHog experiences source maps test"));
+      },
+      style: {
+        backgroundColor: "red",
+        color: "white",
+        border: "none",
+        padding: "8px 16px",
+        borderRadius: 4,
+        cursor: "pointer",
+        marginRight: 8
+      },
+      children: "Test Experiences Error"
+    }
+  );
+}, j = () => {
+  const [r, t] = n.useState(!1), i = D("(max-width:320px)"), { common: c, connect: g } = _(), { config: d } = S(), { 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 l > 1 && l < 12 ? c.good_morning : l >= 12 && l < 18 ? c.good_afternoon : c.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: [
+  return /* @__PURE__ */ a(n.Fragment, { children: [
+    /* @__PURE__ */ e(v, { sx: { gap: 12, mb: f ? 24 : 0, p: 24 }, children: /* @__PURE__ */ a(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ a(s, { children: [
         /* @__PURE__ */ e(M, { variant: i ? "h2" : "h1", children: x() }),
-        /* @__PURE__ */ e(D, { color: "text.secondary", children: a.heres_your_spending_overview })
+        /* @__PURE__ */ e(k, { color: "text.secondary", children: c.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, {})
+      /* @__PURE__ */ a(s, { flexDirection: "row", children: [
+        d.show_connections_widget_in_master && /* @__PURE__ */ e(P, { handleConnectClick: () => t(!0) }),
+        /* @__PURE__ */ e($, {}),
+        /* @__PURE__ */ e(R, {})
       ] })
     ] }) }),
-    t && /* @__PURE__ */ e(
-      F,
+    r && /* @__PURE__ */ e(
+      T,
       {
-        onClose: () => r(!1),
-        showConnectWidget: t,
+        onClose: () => t(!1),
+        showConnectWidget: r,
         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({
+}, Q = h(j);
+var p = /* @__PURE__ */ ((r) => (r[r.Main = 0] = "Main", r[r.RightSide = 1] = "RightSide", r[r.Disabled = 2] = "Disabled", r))(p || {});
+const N = ({ widgets: r, isLoading: t }) => {
+  const { isDesktop: i, isMobile: c } = y(), { copyStore: g } = w();
+  B({
     widgetName: "Dashboard",
-    isLoaded: !r
+    isLoaded: !t
   });
-  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),
+  const d = n.useMemo(
+    () => r.filter((o) => o.location !== p.Disabled).sort((o, l) => o.index - l.index),
+    [r]
+  ), f = n.useMemo(
+    () => d.filter((o) => o.location === p.Main),
     [d]
-  ), x = o.useMemo(
-    () => d.filter((n) => n.location === h.RightSide),
+  ), x = n.useMemo(
+    () => d.filter((o) => o.location === p.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: [
+  return /* @__PURE__ */ a(u, { container: !0, spacing: c ? 0 : 24, children: [
+    /* @__PURE__ */ e(u, { size: 12, sx: { pt: 16 }, children: g.isInitialized && /* @__PURE__ */ e(Q, {}) }),
+    /* @__PURE__ */ a(u, { size: { xs: 12, lg: 8 }, children: [
+      /* @__PURE__ */ e(F, {}),
+      t && /* @__PURE__ */ a(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)) })
+      !t && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? f.map((o) => /* @__PURE__ */ e(n.Fragment, { children: o.component }, o.index)) : d.map((o) => /* @__PURE__ */ e(n.Fragment, { children: o.component }, o.index)) })
     ] }),
-    i && /* @__PURE__ */ e(u, { size: { lg: 4 }, children: r ? /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+    i && /* @__PURE__ */ e(u, { size: { lg: 4 }, children: t ? /* @__PURE__ */ a(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)) }) })
+    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((o) => /* @__PURE__ */ e(n.Fragment, { children: o.component }, o.index)) }) })
   ] });
-}, se = p(P);
+}, me = h(N);
 export {
-  se as Dashboard,
-  h as DashboardLocation
+  me as Dashboard,
+  p as DashboardLocation
 };
 //# sourceMappingURL=index.es.js.map