@levi-gemcommerce/analytics 1.0.0-dev.19 → 1.0.0-dev.21

package/dist/esm/hooks/index.d.ts

@@ -3,4 +3,4 @@ export { useFetchCurrencyRates } from './useFetchCurrencyRates';
 export { useFormatLineChartData } from './useFormatLineChartData';
 export { usePopoverResizeObserver } from './usePopoverResizeObserver';
 export { useToggle } from './useToggle';
-export { useWindowSize } from './useWindowSize';
+export { useWindowSize } from './publish/useWindowSize';

package/dist/esm/hooks/publish/index.d.ts

@@ -0,0 +1,2 @@
+export { useIsStickyById } from './useStickyDetectById';
+export { useStickyFilterBoxProps } from './useStickyFilterBoxProps';

package/dist/esm/hooks/publish/useStickyDetectById.d.ts

@@ -0,0 +1,8 @@
+type UseIsStickyByIdProps = {
+    id: string;
+    stickyTop: number;
+    threshold?: number;
+    enabled?: boolean;
+};
+export declare const useIsStickyById: ({ id, stickyTop, threshold, enabled }: UseIsStickyByIdProps) => boolean;
+export {};

package/dist/esm/hooks/publish/useStickyFilterBoxProps.d.ts

@@ -0,0 +1,6 @@
+import type { BoxProps } from '@shopify/polaris';
+type IUseStickyFilterBoxPropsArgs = {
+    id: string;
+};
+export declare const useStickyFilterBoxProps: ({ id }: IUseStickyFilterBoxPropsArgs) => Partial<BoxProps>;
+export {};

package/dist/esm/hooks/publish/useWindowSize.d.ts

@@ -0,0 +1,18 @@
+export interface IWindowSize {
+    width: number;
+    height: number;
+}
+export interface IUseWindowSizeResult {
+    windowSize: IWindowSize;
+    windowWidth: {
+        xs: boolean;
+        md: boolean;
+        lg: boolean;
+        xsDown: boolean;
+        '1200Down': boolean;
+        '1040Down': boolean;
+    };
+    isMobileTabletView: boolean;
+    isMobileView: boolean;
+}
+export declare const useWindowSize: () => IUseWindowSizeResult;

package/dist/esm/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components';
 export * from './constants';
-export * from './hooks';
+export * from './hooks/publish';
 export * from './providers';
 export * from './stores';
 export * from './utils/dayjs';

package/dist/esm/index.js

@@ -1,8 +1,7 @@
 "use client"
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Text, Box, InlineStack, Icon, InlineGrid, Tooltip, Button, BlockStack, Checkbox, RadioButton, Popover, ActionList, Link, SkeletonDisplayText, List, Card, SkeletonBodyText, TextField, Collapsible, useBreakpoints, Select, Scrollable, OptionList, DatePicker, ButtonGroup } from '@shopify/polaris';
-import * as React from 'react';
-import React__default, { useMemo, useCallback, useState, useEffect, forwardRef, Fragment as Fragment$1, useRef, useImperativeHandle, createContext, useContext } from 'react';
+import React, { useMemo, useCallback, useState, useEffect, forwardRef, Fragment as Fragment$1, useRef, useImperativeHandle, createContext, useContext } from 'react';
 import dayjs from 'dayjs';
 export { default as dayjs } from 'dayjs';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear.js';
@@ -12,6 +11,7 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import { useQuery } from '@tanstack/react-query';
 import { PolarisVizProvider, LineChart, DonutChart } from '@shopify/polaris-viz';
+import chartStyle from '@shopify/polaris-viz/build/esm/styles.css?url';
 
 var EMetricKey;
 (function (EMetricKey) {
@@ -201,9 +201,9 @@ const DEFAULT_CURRENCY_ANALYTIC = 'USD';
 var THUMB_PRODUCT_DEFAULT = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI5MCIKICBoZWlnaHQ9IjcyIgogIHZpZXdCb3g9IjAgMCA5MCA3MiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNDguNzUgMzQuNUM0OS45OTI2IDM0LjUgNTEgMzMuNDkyNiA1MSAzMi4yNUM1MSAzMS4wMDc0IDQ5Ljk5MjYgMzAgNDguNzUgMzBDNDcuNTA3NCAzMCA0Ni41IDMxLjAwNzQgNDYuNSAzMi4yNUM0Ni41IDMzLjQ5MjYgNDcuNTA3NCAzNC41IDQ4Ljc1IDM0LjVaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgogIDxwYXRoCiAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgIGNsaXBSdWxlPSJldmVub2RkIgogICAgZD0iTTQzLjUyNjggMjYuMjVINDYuNDczMkM0Ny42OTI0IDI2LjI1IDQ4LjY3NTggMjYuMjUgNDkuNDcyMiAyNi4zMTVDNTAuMjkyMiAyNi4zODIgNTEuMDEyNCAyNi41MjM2IDUxLjY3ODcgMjYuODYzMUM1Mi43MzcxIDI3LjQwMjQgNTMuNTk3NiAyOC4yNjI5IDU0LjEzNjkgMjkuMzIxM0M1NC40NzY0IDI5Ljk4NzYgNTQuNjE4IDMwLjcwNzggNTQuNjg1IDMxLjUyNzhDNTQuNzUgMzIuMzI0MiA1NC43NSAzMy4zMDc2IDU0Ljc1IDM0LjUyNjhWMzcuNDczMkM1NC43NSAzOC42OTI0IDU0Ljc1IDM5LjY3NTggNTQuNjg1IDQwLjQ3MjJDNTQuNjE4IDQxLjI5MjIgNTQuNDc2NCA0Mi4wMTI0IDU0LjEzNjkgNDIuNjc4N0M1My41OTc2IDQzLjczNzEgNTIuNzM3MSA0NC41OTc2IDUxLjY3ODcgNDUuMTM2OUM1MS4wMTI0IDQ1LjQ3NjQgNTAuMjkyMiA0NS42MTggNDkuNDcyMiA0NS42ODVDNDguNjc1OCA0NS43NSA0Ny42OTI0IDQ1Ljc1IDQ2LjQ3MzIgNDUuNzVINDMuNTI2OEM0Mi4zMDc2IDQ1Ljc1IDQxLjMyNDIgNDUuNzUgNDAuNTI3OCA0NS42ODVDMzkuNzA3OCA0NS42MTggMzguOTg3NiA0NS40NzY0IDM4LjMyMTMgNDUuMTM2OUMzNy4yNjI5IDQ0LjU5NzYgMzYuNDAyNCA0My43MzcxIDM1Ljg2MzEgNDIuNjc4N0MzNS41MjM2IDQyLjAxMjQgMzUuMzgyIDQxLjI5MjIgMzUuMzE1IDQwLjQ3MjJDMzUuMjUgMzkuNjc1OCAzNS4yNSAzOC42OTI0IDM1LjI1IDM3LjQ3MzJWMzQuNTI2OEMzNS4yNSAzMy4zMDc2IDM1LjI1IDMyLjMyNDIgMzUuMzE1IDMxLjUyNzhDMzUuMzgyIDMwLjcwNzggMzUuNTIzNiAyOS45ODc2IDM1Ljg2MzEgMjkuMzIxM0MzNi40MDI0IDI4LjI2MjkgMzcuMjYyOSAyNy40MDI0IDM4LjMyMTMgMjYuODYzMUMzOC45ODc2IDI2LjUyMzYgMzkuNzA3OCAyNi4zODIgNDAuNTI3OCAyNi4zMTVDNDEuMzI0MiAyNi4yNSA0Mi4zMDc2IDI2LjI1IDQzLjUyNjggMjYuMjVaTTQwLjcxMSAyOC41NTc2QzQwLjAzMDIgMjguNjEzMiAzOS42MzkxIDI4LjcxNjkgMzkuMzQyOCAyOC44Njc5QzM4LjcwNzcgMjkuMTkxNCAzOC4xOTE0IDI5LjcwNzcgMzcuODY3OSAzMC4zNDI4QzM3LjcxNjkgMzAuNjM5MSAzNy42MTMyIDMxLjAzMDIgMzcuNTU3NiAzMS43MTFDMzcuNTAwOSAzMi40MDUgMzcuNSAzMy4yOTYzIDM3LjUgMzQuNTc1VjM2LjcxNzdMMzguNTg0MiAzNS40MTY3QzM5LjU3MjQgMzQuMjMwOSA0MS4zNjU1IDM0LjE0OTYgNDIuNDU2OSAzNS4yNDFMNDYuNSAzOS4yODQxTDQ4LjI2OTQgMzcuNTE0NkM0OS4zNzU3IDM2LjQwODMgNTEuMTk4IDM2LjUwOTMgNTIuMTc1NCAzNy43MzA5TDUyLjQ5OTUgMzguMTM2MUM1Mi41IDM3LjkxMzEgNTIuNSAzNy42NzY1IDUyLjUgMzcuNDI1VjM0LjU3NUM1Mi41IDMzLjI5NjMgNTIuNDk5MSAzMi40MDUgNTIuNDQyNCAzMS43MTFDNTIuMzg2OCAzMS4wMzAyIDUyLjI4MzEgMzAuNjM5MSA1Mi4xMzIxIDMwLjM0MjhDNTEuODA4NiAyOS43MDc3IDUxLjI5MjMgMjkuMTkxNCA1MC42NTcyIDI4Ljg2NzlDNTAuMzYwOSAyOC43MTY5IDQ5Ljk2OTggMjguNjEzMiA0OS4yODkgMjguNTU3NkM0OC41OTUgMjguNTAwOSA0Ny43MDM3IDI4LjUgNDYuNDI1IDI4LjVINDMuNTc1QzQyLjI5NjMgMjguNSA0MS40MDUgMjguNTAwOSA0MC43MTEgMjguNTU3NlpNMzcuNTU3NiA0MC4yODlDMzcuNTU0MyA0MC4yNDkyIDM3LjU1MTMgNDAuMjA4OCAzNy41NDg0IDQwLjE2NzhDMzcuNTcxMSA0MC4xNDQ4IDM3LjU5MzEgNDAuMTIwNiAzNy42MTQyIDQwLjA5NTNMNDAuMzEyNyAzNi44NTcxQzQwLjQ1MzkgMzYuNjg3NyA0MC43MSAzNi42NzYxIDQwLjg2NTkgMzYuODMyTDQ1LjcwNDUgNDEuNjcwNkM0Ni4xNDM4IDQyLjEwOTkgNDYuODU2MSA0Mi4xMDk5IDQ3LjI5NTUgNDEuNjcwNkw0OS44NjA0IDM5LjEwNTZDNTAuMDE4NSAzOC45NDc2IDUwLjI3ODggMzguOTYyIDUwLjQxODQgMzkuMTM2NUw1Mi4yMzc3IDQxLjQxMDdDNTIuMjA1NiA0MS41MDEgNTIuMTcwNCA0MS41ODIyIDUyLjEzMjEgNDEuNjU3MkM1MS44MDg2IDQyLjI5MjMgNTEuMjkyMyA0Mi44MDg2IDUwLjY1NzIgNDMuMTMyMUM1MC4zNjA5IDQzLjI4MzEgNDkuOTY5OCA0My4zODY4IDQ5LjI4OSA0My40NDI0QzQ4LjU5NSA0My40OTkxIDQ3LjcwMzcgNDMuNSA0Ni40MjUgNDMuNUg0My41NzVDNDIuMjk2MyA0My41IDQxLjQwNSA0My40OTkxIDQwLjcxMSA0My40NDI0QzQwLjAzMDIgNDMuMzg2OCAzOS42MzkxIDQzLjI4MzEgMzkuMzQyOCA0My4xMzIxQzM4LjcwNzcgNDIuODA4NiAzOC4xOTE0IDQyLjI5MjMgMzcuODY3OSA0MS42NTcyQzM3LjcxNjkgNDEuMzYwOSAzNy42MTMyIDQwLjk2OTggMzcuNTU3NiA0MC4yODlaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgo8L3N2Zz4K";
 
 var SvgArrowRightIcon = function SvgArrowRightIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"
   }));
@@ -211,9 +211,9 @@ var SvgArrowRightIcon = function SvgArrowRightIcon(props) {
 SvgArrowRightIcon.displayName = "ArrowRightIcon";
 
 var SvgCalendarIcon = function SvgCalendarIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.75 3.5a.75.75 0 0 0-1.5 0v.407a3.075 3.075 0 0 0-.702.252 3.75 3.75 0 0 0-1.64 1.639c-.226.444-.32.924-.365 1.47-.043.531-.043 1.187-.043 2v1.464c0 .813 0 1.469.043 2 .045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365.531.043 1.187.043 2 .043h3.383c.323 0 .542 0 .735-.02a3.75 3.75 0 0 0 3.344-3.344c.02-.193.02-.412.02-.735v-2.883c0-.813 0-1.469-.043-2-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64 3.076 3.076 0 0 0-.702-.251v-.407a.75.75 0 0 0-1.5 0v.259c-.373-.009-.794-.009-1.268-.009h-1.964c-.474 0-.895 0-1.268.009v-.259Zm-1.521 1.995c.197-.1.458-.17.912-.207.462-.037 1.057-.038 1.909-.038h1.9c.853 0 1.447 0 1.91.038.453.037.714.107.912.207.423.216.767.56.983.984.1.197.17.458.207.912.014.18.024.38.029.609h-9.982c.006-.228.015-.429.03-.61.036-.453.106-.714.206-.911a2.25 2.25 0 0 1 .984-.984Zm-1.229 4.005v1.2c0 .853 0 1.447.038 1.91.037.453.107.714.207.912.216.423.56.767.984.983.197.1.458.17.912.207.462.037 1.057.038 1.909.038h3.306c.385 0 .52-.001.626-.012a2.25 2.25 0 0 0 2.006-2.006c.011-.106.012-.241.012-.626v-2.606h-10Z"
   }));
@@ -221,9 +221,9 @@ var SvgCalendarIcon = function SvgCalendarIcon(props) {
 SvgCalendarIcon.displayName = "CalendarIcon";
 
 var SvgCheckIcon = function SvgCheckIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M15.78 5.97a.75.75 0 0 1 0 1.06l-6.5 6.5a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 1 1 1.06-1.06l2.72 2.72 5.97-5.97a.75.75 0 0 1 1.06 0Z"
   }));
@@ -231,9 +231,9 @@ var SvgCheckIcon = function SvgCheckIcon(props) {
 SvgCheckIcon.displayName = "CheckIcon";
 
 var SvgChevronDownIcon = function SvgChevronDownIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"
   }));
@@ -241,9 +241,9 @@ var SvgChevronDownIcon = function SvgChevronDownIcon(props) {
 SvgChevronDownIcon.displayName = "ChevronDownIcon";
 
 var SvgChevronRightIcon = function SvgChevronRightIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"
   }));
@@ -251,9 +251,9 @@ var SvgChevronRightIcon = function SvgChevronRightIcon(props) {
 SvgChevronRightIcon.displayName = "ChevronRightIcon";
 
 var SvgChevronUpIcon = function SvgChevronUpIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14.53 12.28a.75.75 0 0 1-1.06 0l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06Z"
   }));
@@ -999,23 +999,21 @@ const LINE_SERIES_COLORS = {
     all: [...SERIES_COLORS.all],
 };
 const MetricChartProvider = ({ children, minHeight = CHART_MIN_HEIGHT, seriesColors = LINE_SERIES_COLORS, }) => {
-    return (jsx(PolarisVizProvider, { themes: {
-            Light: {
-                chartContainer: {
-                    minHeight,
-                },
-                grid: {
-                    horizontalOverflow: true,
-                    verticalOverflow: true,
-                    horizontalMargin: 0,
-                },
-                seriesColors,
-            },
-        }, children: children }));
+    return (jsxs(Fragment, { children: [jsx("link", { rel: "stylesheet", href: chartStyle }), jsx(PolarisVizProvider, { themes: {
+                    Light: {
+                        chartContainer: {
+                            minHeight,
+                        },
+                        grid: {
+                            horizontalOverflow: true,
+                            verticalOverflow: true,
+                            horizontalMargin: 0,
+                        },
+                        seriesColors,
+                    },
+                }, children: children })] }));
 };
 
-const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 const NONE_VALUE = 'None';
 const PLACEHOLDER_VALUE = '-';
 
@@ -1313,35 +1311,6 @@ const useFormatLineChartData = ({ metricKey, columnTypes }) => {
     return { formatValue, yAxisOptions };
 };
 
-const usePopoverResizeObserver = ({ active, onHeightChange, selector = '.Polaris-Popover__Content--fluidContent', }) => {
-    useEffect(() => {
-        if (!active)
-            return;
-        let resizeObserver = null;
-        const setupResizeObserver = () => {
-            const popoverContent = document.querySelector(selector);
-            if (popoverContent && !resizeObserver) {
-                resizeObserver = new ResizeObserver((entries) => {
-                    for (const entry of entries) {
-                        const { height } = entry.contentRect;
-                        onHeightChange?.(height);
-                    }
-                });
-                resizeObserver.observe(popoverContent);
-            }
-        };
-        setTimeout(() => {
-            setupResizeObserver();
-        }, 200);
-        return () => {
-            if (resizeObserver) {
-                resizeObserver.disconnect();
-                resizeObserver = null;
-            }
-        };
-    }, [active, selector]);
-};
-
 /**
  * Returns a stateful value, and a set of memoized functions to toggle it,
  * set it to true and set it to false
@@ -2672,4 +2641,47 @@ const GTimePicker = (props) => {
     return (jsxs(InlineStack, { gap: "200", children: [jsx(MainTimePicker, { ...timePickerProps }), isCompare && (jsx(CompareTimePicker, { rangeAddition: timePickerProps.rangeAddition, popoverProps: timePickerProps.popoverProps }))] }));
 };
 
-export { ANALYTICS_METRIC_TOOLTIP, AnalyticModeSelector, CAMPAIGN_BACKGROUND_MAIN, CHART_MIN_HEIGHT, COMPARE_DATE_TIME_FILTERS_MAP, CompareDateTimePickerAlias, ConvertMoneyProvider, CurrencySelector, DATE_TIME_COMPARISON_FILTERS, DEFAULT_CURRENCY_ANALYTIC, DEFAULT_CURRENT_PERIOD_LABEL, DEFAULT_PREVIOUS_PERIOD_LABEL, DateTimeFilterInputs, DateTimeFilters, DateTimePickerContext, DateTimePickerProvider, GSelectableMetricChartCard, GTimePicker, MainDateTimePickerAlias, MetricChartProvider, MetricDonutChartCard, PLACEHOLDER_VALUE$1 as PLACEHOLDER_VALUE, PREVIOUS_PERIOD_FILTER, SERIES_COLORS, SingleMetricChartCard, TARGET_CHANNEL, TARGET_DEVICES, TARGET_VISITOR, THUMB_PRODUCT_DEFAULT, TREND_TONE, convertDateToTz, convertToDateTimeFilters, createLastDaysRange, dayjsTz, dayjsTzToDate, dayjsTzToLocalTZ, formatDate, formatDateTimeRange, formatDayjs, formatMs, formatTime, formatTimeRange, getDateRangeTitle, getDateTimeFilterBase, getDateTimeFilterByAlias, getDateTimeFilterMapping, getEndOfDayBy, getInitialTimezone, getLast12Months, getLast30Days, getLast365Days, getLast7Days, getLast90Days, getLastMonth, getLastYear, getMonthAndYearByDateFilter, getNoComparison, getPreviousMonth, getPreviousPeriod, getPreviousQuarter, getPreviousWeek, getPreviousYear, getToday, getVersionDateDescription, getVersionDateRangeTitle, getYesterday, isDate, isMidnight, isSameDayTimestamp, isValidDate, isValidYearMonthDayDateString, parseYearMonthDayDateString, setTz, useConvertMoneyContext, useCurrencyRatesStore, useDateTimeFilter, useDateTimePicker, useDateTimePickerContext, useEnhancedEffect, useFetchCurrencyRates, useFormatLineChartData, usePopoverResizeObserver, useToggle, useVersionDateTimeFilters, useWindowSize };
+function isBrowser() {
+    return typeof window !== 'undefined';
+}
+const useIsStickyById = ({ id, stickyTop, threshold = 0, enabled = true }) => {
+    const [isSticky, setIsSticky] = useState(false);
+    useEffect(() => {
+        if (!enabled || !isBrowser())
+            return;
+        const el = document.getElementById(id);
+        if (!el)
+            return;
+        const checkSticky = () => {
+            const rect = el.getBoundingClientRect();
+            setIsSticky(rect.top <= stickyTop + threshold);
+        };
+        checkSticky();
+        window.addEventListener('scroll', checkSticky, { passive: true });
+        window.addEventListener('resize', checkSticky);
+        return () => {
+            window.removeEventListener('scroll', checkSticky);
+            window.removeEventListener('resize', checkSticky);
+        };
+    }, [id, stickyTop, threshold, enabled]);
+    return isSticky;
+};
+
+// Border is deferred until the row is actually stuck so it doesn't flash on initial render.
+const useStickyFilterBoxProps = ({ id }) => {
+    const { isMobileView } = useWindowSize();
+    const enabled = isMobileView && Boolean(id);
+    const isStuck = useIsStickyById({ id, stickyTop: 0, enabled });
+    if (!enabled)
+        return {};
+    return {
+        position: 'sticky',
+        insetBlockStart: '0',
+        zIndex: '10',
+        background: 'bg',
+        paddingBlock: '200',
+        ...(isStuck && { borderBlockEndWidth: '025', borderColor: 'border' }),
+    };
+};
+
+export { ANALYTICS_METRIC_TOOLTIP, AnalyticModeSelector, CAMPAIGN_BACKGROUND_MAIN, CHART_MIN_HEIGHT, COMPARE_DATE_TIME_FILTERS_MAP, CompareDateTimePickerAlias, ConvertMoneyProvider, CurrencySelector, DATE_TIME_COMPARISON_FILTERS, DEFAULT_CURRENCY_ANALYTIC, DEFAULT_CURRENT_PERIOD_LABEL, DEFAULT_PREVIOUS_PERIOD_LABEL, DateTimeFilterInputs, DateTimeFilters, DateTimePickerContext, DateTimePickerProvider, GSelectableMetricChartCard, GTimePicker, MainDateTimePickerAlias, MetricChartProvider, MetricDonutChartCard, PLACEHOLDER_VALUE$1 as PLACEHOLDER_VALUE, PREVIOUS_PERIOD_FILTER, SERIES_COLORS, SingleMetricChartCard, TARGET_CHANNEL, TARGET_DEVICES, TARGET_VISITOR, THUMB_PRODUCT_DEFAULT, TREND_TONE, convertDateToTz, convertToDateTimeFilters, createLastDaysRange, dayjsTz, dayjsTzToDate, dayjsTzToLocalTZ, formatDate, formatDateTimeRange, formatDayjs, formatMs, formatTime, formatTimeRange, getDateRangeTitle, getDateTimeFilterBase, getDateTimeFilterByAlias, getDateTimeFilterMapping, getEndOfDayBy, getInitialTimezone, getLast12Months, getLast30Days, getLast365Days, getLast7Days, getLast90Days, getLastMonth, getLastYear, getMonthAndYearByDateFilter, getNoComparison, getPreviousMonth, getPreviousPeriod, getPreviousQuarter, getPreviousWeek, getPreviousYear, getToday, getVersionDateDescription, getVersionDateRangeTitle, getYesterday, isDate, isMidnight, isSameDayTimestamp, isValidDate, isValidYearMonthDayDateString, parseYearMonthDayDateString, setTz, useConvertMoneyContext, useCurrencyRatesStore, useDateTimeFilter, useDateTimePicker, useDateTimePickerContext, useIsStickyById, useStickyFilterBoxProps, useVersionDateTimeFilters };

package/dist/esm/index.mjs

@@ -1,8 +1,7 @@
 "use client"
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Text, Box, InlineStack, Icon, InlineGrid, Tooltip, Button, BlockStack, Checkbox, RadioButton, Popover, ActionList, Link, SkeletonDisplayText, List, Card, SkeletonBodyText, TextField, Collapsible, useBreakpoints, Select, Scrollable, OptionList, DatePicker, ButtonGroup } from '@shopify/polaris';
-import * as React from 'react';
-import React__default, { useMemo, useCallback, useState, useEffect, forwardRef, Fragment as Fragment$1, useRef, useImperativeHandle, createContext, useContext } from 'react';
+import React, { useMemo, useCallback, useState, useEffect, forwardRef, Fragment as Fragment$1, useRef, useImperativeHandle, createContext, useContext } from 'react';
 import dayjs from 'dayjs';
 export { default as dayjs } from 'dayjs';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear.js';
@@ -12,6 +11,7 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import { useQuery } from '@tanstack/react-query';
 import { PolarisVizProvider, LineChart, DonutChart } from '@shopify/polaris-viz';
+import chartStyle from '@shopify/polaris-viz/build/esm/styles.css?url';
 
 var EMetricKey;
 (function (EMetricKey) {
@@ -201,9 +201,9 @@ const DEFAULT_CURRENCY_ANALYTIC = 'USD';
 var THUMB_PRODUCT_DEFAULT = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI5MCIKICBoZWlnaHQ9IjcyIgogIHZpZXdCb3g9IjAgMCA5MCA3MiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNDguNzUgMzQuNUM0OS45OTI2IDM0LjUgNTEgMzMuNDkyNiA1MSAzMi4yNUM1MSAzMS4wMDc0IDQ5Ljk5MjYgMzAgNDguNzUgMzBDNDcuNTA3NCAzMCA0Ni41IDMxLjAwNzQgNDYuNSAzMi4yNUM0Ni41IDMzLjQ5MjYgNDcuNTA3NCAzNC41IDQ4Ljc1IDM0LjVaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgogIDxwYXRoCiAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgIGNsaXBSdWxlPSJldmVub2RkIgogICAgZD0iTTQzLjUyNjggMjYuMjVINDYuNDczMkM0Ny42OTI0IDI2LjI1IDQ4LjY3NTggMjYuMjUgNDkuNDcyMiAyNi4zMTVDNTAuMjkyMiAyNi4zODIgNTEuMDEyNCAyNi41MjM2IDUxLjY3ODcgMjYuODYzMUM1Mi43MzcxIDI3LjQwMjQgNTMuNTk3NiAyOC4yNjI5IDU0LjEzNjkgMjkuMzIxM0M1NC40NzY0IDI5Ljk4NzYgNTQuNjE4IDMwLjcwNzggNTQuNjg1IDMxLjUyNzhDNTQuNzUgMzIuMzI0MiA1NC43NSAzMy4zMDc2IDU0Ljc1IDM0LjUyNjhWMzcuNDczMkM1NC43NSAzOC42OTI0IDU0Ljc1IDM5LjY3NTggNTQuNjg1IDQwLjQ3MjJDNTQuNjE4IDQxLjI5MjIgNTQuNDc2NCA0Mi4wMTI0IDU0LjEzNjkgNDIuNjc4N0M1My41OTc2IDQzLjczNzEgNTIuNzM3MSA0NC41OTc2IDUxLjY3ODcgNDUuMTM2OUM1MS4wMTI0IDQ1LjQ3NjQgNTAuMjkyMiA0NS42MTggNDkuNDcyMiA0NS42ODVDNDguNjc1OCA0NS43NSA0Ny42OTI0IDQ1Ljc1IDQ2LjQ3MzIgNDUuNzVINDMuNTI2OEM0Mi4zMDc2IDQ1Ljc1IDQxLjMyNDIgNDUuNzUgNDAuNTI3OCA0NS42ODVDMzkuNzA3OCA0NS42MTggMzguOTg3NiA0NS40NzY0IDM4LjMyMTMgNDUuMTM2OUMzNy4yNjI5IDQ0LjU5NzYgMzYuNDAyNCA0My43MzcxIDM1Ljg2MzEgNDIuNjc4N0MzNS41MjM2IDQyLjAxMjQgMzUuMzgyIDQxLjI5MjIgMzUuMzE1IDQwLjQ3MjJDMzUuMjUgMzkuNjc1OCAzNS4yNSAzOC42OTI0IDM1LjI1IDM3LjQ3MzJWMzQuNTI2OEMzNS4yNSAzMy4zMDc2IDM1LjI1IDMyLjMyNDIgMzUuMzE1IDMxLjUyNzhDMzUuMzgyIDMwLjcwNzggMzUuNTIzNiAyOS45ODc2IDM1Ljg2MzEgMjkuMzIxM0MzNi40MDI0IDI4LjI2MjkgMzcuMjYyOSAyNy40MDI0IDM4LjMyMTMgMjYuODYzMUMzOC45ODc2IDI2LjUyMzYgMzkuNzA3OCAyNi4zODIgNDAuNTI3OCAyNi4zMTVDNDEuMzI0MiAyNi4yNSA0Mi4zMDc2IDI2LjI1IDQzLjUyNjggMjYuMjVaTTQwLjcxMSAyOC41NTc2QzQwLjAzMDIgMjguNjEzMiAzOS42MzkxIDI4LjcxNjkgMzkuMzQyOCAyOC44Njc5QzM4LjcwNzcgMjkuMTkxNCAzOC4xOTE0IDI5LjcwNzcgMzcuODY3OSAzMC4zNDI4QzM3LjcxNjkgMzAuNjM5MSAzNy42MTMyIDMxLjAzMDIgMzcuNTU3NiAzMS43MTFDMzcuNTAwOSAzMi40MDUgMzcuNSAzMy4yOTYzIDM3LjUgMzQuNTc1VjM2LjcxNzdMMzguNTg0MiAzNS40MTY3QzM5LjU3MjQgMzQuMjMwOSA0MS4zNjU1IDM0LjE0OTYgNDIuNDU2OSAzNS4yNDFMNDYuNSAzOS4yODQxTDQ4LjI2OTQgMzcuNTE0NkM0OS4zNzU3IDM2LjQwODMgNTEuMTk4IDM2LjUwOTMgNTIuMTc1NCAzNy43MzA5TDUyLjQ5OTUgMzguMTM2MUM1Mi41IDM3LjkxMzEgNTIuNSAzNy42NzY1IDUyLjUgMzcuNDI1VjM0LjU3NUM1Mi41IDMzLjI5NjMgNTIuNDk5MSAzMi40MDUgNTIuNDQyNCAzMS43MTFDNTIuMzg2OCAzMS4wMzAyIDUyLjI4MzEgMzAuNjM5MSA1Mi4xMzIxIDMwLjM0MjhDNTEuODA4NiAyOS43MDc3IDUxLjI5MjMgMjkuMTkxNCA1MC42NTcyIDI4Ljg2NzlDNTAuMzYwOSAyOC43MTY5IDQ5Ljk2OTggMjguNjEzMiA0OS4yODkgMjguNTU3NkM0OC41OTUgMjguNTAwOSA0Ny43MDM3IDI4LjUgNDYuNDI1IDI4LjVINDMuNTc1QzQyLjI5NjMgMjguNSA0MS40MDUgMjguNTAwOSA0MC43MTEgMjguNTU3NlpNMzcuNTU3NiA0MC4yODlDMzcuNTU0MyA0MC4yNDkyIDM3LjU1MTMgNDAuMjA4OCAzNy41NDg0IDQwLjE2NzhDMzcuNTcxMSA0MC4xNDQ4IDM3LjU5MzEgNDAuMTIwNiAzNy42MTQyIDQwLjA5NTNMNDAuMzEyNyAzNi44NTcxQzQwLjQ1MzkgMzYuNjg3NyA0MC43MSAzNi42NzYxIDQwLjg2NTkgMzYuODMyTDQ1LjcwNDUgNDEuNjcwNkM0Ni4xNDM4IDQyLjEwOTkgNDYuODU2MSA0Mi4xMDk5IDQ3LjI5NTUgNDEuNjcwNkw0OS44NjA0IDM5LjEwNTZDNTAuMDE4NSAzOC45NDc2IDUwLjI3ODggMzguOTYyIDUwLjQxODQgMzkuMTM2NUw1Mi4yMzc3IDQxLjQxMDdDNTIuMjA1NiA0MS41MDEgNTIuMTcwNCA0MS41ODIyIDUyLjEzMjEgNDEuNjU3MkM1MS44MDg2IDQyLjI5MjMgNTEuMjkyMyA0Mi44MDg2IDUwLjY1NzIgNDMuMTMyMUM1MC4zNjA5IDQzLjI4MzEgNDkuOTY5OCA0My4zODY4IDQ5LjI4OSA0My40NDI0QzQ4LjU5NSA0My40OTkxIDQ3LjcwMzcgNDMuNSA0Ni40MjUgNDMuNUg0My41NzVDNDIuMjk2MyA0My41IDQxLjQwNSA0My40OTkxIDQwLjcxMSA0My40NDI0QzQwLjAzMDIgNDMuMzg2OCAzOS42MzkxIDQzLjI4MzEgMzkuMzQyOCA0My4xMzIxQzM4LjcwNzcgNDIuODA4NiAzOC4xOTE0IDQyLjI5MjMgMzcuODY3OSA0MS42NTcyQzM3LjcxNjkgNDEuMzYwOSAzNy42MTMyIDQwLjk2OTggMzcuNTU3NiA0MC4yODlaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgo8L3N2Zz4K";
 
 var SvgArrowRightIcon = function SvgArrowRightIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"
   }));
@@ -211,9 +211,9 @@ var SvgArrowRightIcon = function SvgArrowRightIcon(props) {
 SvgArrowRightIcon.displayName = "ArrowRightIcon";
 
 var SvgCalendarIcon = function SvgCalendarIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.75 3.5a.75.75 0 0 0-1.5 0v.407a3.075 3.075 0 0 0-.702.252 3.75 3.75 0 0 0-1.64 1.639c-.226.444-.32.924-.365 1.47-.043.531-.043 1.187-.043 2v1.464c0 .813 0 1.469.043 2 .045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365.531.043 1.187.043 2 .043h3.383c.323 0 .542 0 .735-.02a3.75 3.75 0 0 0 3.344-3.344c.02-.193.02-.412.02-.735v-2.883c0-.813 0-1.469-.043-2-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64 3.076 3.076 0 0 0-.702-.251v-.407a.75.75 0 0 0-1.5 0v.259c-.373-.009-.794-.009-1.268-.009h-1.964c-.474 0-.895 0-1.268.009v-.259Zm-1.521 1.995c.197-.1.458-.17.912-.207.462-.037 1.057-.038 1.909-.038h1.9c.853 0 1.447 0 1.91.038.453.037.714.107.912.207.423.216.767.56.983.984.1.197.17.458.207.912.014.18.024.38.029.609h-9.982c.006-.228.015-.429.03-.61.036-.453.106-.714.206-.911a2.25 2.25 0 0 1 .984-.984Zm-1.229 4.005v1.2c0 .853 0 1.447.038 1.91.037.453.107.714.207.912.216.423.56.767.984.983.197.1.458.17.912.207.462.037 1.057.038 1.909.038h3.306c.385 0 .52-.001.626-.012a2.25 2.25 0 0 0 2.006-2.006c.011-.106.012-.241.012-.626v-2.606h-10Z"
   }));
@@ -221,9 +221,9 @@ var SvgCalendarIcon = function SvgCalendarIcon(props) {
 SvgCalendarIcon.displayName = "CalendarIcon";
 
 var SvgCheckIcon = function SvgCheckIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M15.78 5.97a.75.75 0 0 1 0 1.06l-6.5 6.5a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 1 1 1.06-1.06l2.72 2.72 5.97-5.97a.75.75 0 0 1 1.06 0Z"
   }));
@@ -231,9 +231,9 @@ var SvgCheckIcon = function SvgCheckIcon(props) {
 SvgCheckIcon.displayName = "CheckIcon";
 
 var SvgChevronDownIcon = function SvgChevronDownIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"
   }));
@@ -241,9 +241,9 @@ var SvgChevronDownIcon = function SvgChevronDownIcon(props) {
 SvgChevronDownIcon.displayName = "ChevronDownIcon";
 
 var SvgChevronRightIcon = function SvgChevronRightIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"
   }));
@@ -251,9 +251,9 @@ var SvgChevronRightIcon = function SvgChevronRightIcon(props) {
 SvgChevronRightIcon.displayName = "ChevronRightIcon";
 
 var SvgChevronUpIcon = function SvgChevronUpIcon(props) {
-  return /*#__PURE__*/React__default.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14.53 12.28a.75.75 0 0 1-1.06 0l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06Z"
   }));
@@ -999,23 +999,21 @@ const LINE_SERIES_COLORS = {
     all: [...SERIES_COLORS.all],
 };
 const MetricChartProvider = ({ children, minHeight = CHART_MIN_HEIGHT, seriesColors = LINE_SERIES_COLORS, }) => {
-    return (jsx(PolarisVizProvider, { themes: {
-            Light: {
-                chartContainer: {
-                    minHeight,
-                },
-                grid: {
-                    horizontalOverflow: true,
-                    verticalOverflow: true,
-                    horizontalMargin: 0,
-                },
-                seriesColors,
-            },
-        }, children: children }));
+    return (jsxs(Fragment, { children: [jsx("link", { rel: "stylesheet", href: chartStyle }), jsx(PolarisVizProvider, { themes: {
+                    Light: {
+                        chartContainer: {
+                            minHeight,
+                        },
+                        grid: {
+                            horizontalOverflow: true,
+                            verticalOverflow: true,
+                            horizontalMargin: 0,
+                        },
+                        seriesColors,
+                    },
+                }, children: children })] }));
 };
 
-const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 const NONE_VALUE = 'None';
 const PLACEHOLDER_VALUE = '-';
 
@@ -1313,35 +1311,6 @@ const useFormatLineChartData = ({ metricKey, columnTypes }) => {
     return { formatValue, yAxisOptions };
 };
 
-const usePopoverResizeObserver = ({ active, onHeightChange, selector = '.Polaris-Popover__Content--fluidContent', }) => {
-    useEffect(() => {
-        if (!active)
-            return;
-        let resizeObserver = null;
-        const setupResizeObserver = () => {
-            const popoverContent = document.querySelector(selector);
-            if (popoverContent && !resizeObserver) {
-                resizeObserver = new ResizeObserver((entries) => {
-                    for (const entry of entries) {
-                        const { height } = entry.contentRect;
-                        onHeightChange?.(height);
-                    }
-                });
-                resizeObserver.observe(popoverContent);
-            }
-        };
-        setTimeout(() => {
-            setupResizeObserver();
-        }, 200);
-        return () => {
-            if (resizeObserver) {
-                resizeObserver.disconnect();
-                resizeObserver = null;
-            }
-        };
-    }, [active, selector]);
-};
-
 /**
  * Returns a stateful value, and a set of memoized functions to toggle it,
  * set it to true and set it to false
@@ -2672,4 +2641,47 @@ const GTimePicker = (props) => {
     return (jsxs(InlineStack, { gap: "200", children: [jsx(MainTimePicker, { ...timePickerProps }), isCompare && (jsx(CompareTimePicker, { rangeAddition: timePickerProps.rangeAddition, popoverProps: timePickerProps.popoverProps }))] }));
 };
 
-export { ANALYTICS_METRIC_TOOLTIP, AnalyticModeSelector, CAMPAIGN_BACKGROUND_MAIN, CHART_MIN_HEIGHT, COMPARE_DATE_TIME_FILTERS_MAP, CompareDateTimePickerAlias, ConvertMoneyProvider, CurrencySelector, DATE_TIME_COMPARISON_FILTERS, DEFAULT_CURRENCY_ANALYTIC, DEFAULT_CURRENT_PERIOD_LABEL, DEFAULT_PREVIOUS_PERIOD_LABEL, DateTimeFilterInputs, DateTimeFilters, DateTimePickerContext, DateTimePickerProvider, GSelectableMetricChartCard, GTimePicker, MainDateTimePickerAlias, MetricChartProvider, MetricDonutChartCard, PLACEHOLDER_VALUE$1 as PLACEHOLDER_VALUE, PREVIOUS_PERIOD_FILTER, SERIES_COLORS, SingleMetricChartCard, TARGET_CHANNEL, TARGET_DEVICES, TARGET_VISITOR, THUMB_PRODUCT_DEFAULT, TREND_TONE, convertDateToTz, convertToDateTimeFilters, createLastDaysRange, dayjsTz, dayjsTzToDate, dayjsTzToLocalTZ, formatDate, formatDateTimeRange, formatDayjs, formatMs, formatTime, formatTimeRange, getDateRangeTitle, getDateTimeFilterBase, getDateTimeFilterByAlias, getDateTimeFilterMapping, getEndOfDayBy, getInitialTimezone, getLast12Months, getLast30Days, getLast365Days, getLast7Days, getLast90Days, getLastMonth, getLastYear, getMonthAndYearByDateFilter, getNoComparison, getPreviousMonth, getPreviousPeriod, getPreviousQuarter, getPreviousWeek, getPreviousYear, getToday, getVersionDateDescription, getVersionDateRangeTitle, getYesterday, isDate, isMidnight, isSameDayTimestamp, isValidDate, isValidYearMonthDayDateString, parseYearMonthDayDateString, setTz, useConvertMoneyContext, useCurrencyRatesStore, useDateTimeFilter, useDateTimePicker, useDateTimePickerContext, useEnhancedEffect, useFetchCurrencyRates, useFormatLineChartData, usePopoverResizeObserver, useToggle, useVersionDateTimeFilters, useWindowSize };
+function isBrowser() {
+    return typeof window !== 'undefined';
+}
+const useIsStickyById = ({ id, stickyTop, threshold = 0, enabled = true }) => {
+    const [isSticky, setIsSticky] = useState(false);
+    useEffect(() => {
+        if (!enabled || !isBrowser())
+            return;
+        const el = document.getElementById(id);
+        if (!el)
+            return;
+        const checkSticky = () => {
+            const rect = el.getBoundingClientRect();
+            setIsSticky(rect.top <= stickyTop + threshold);
+        };
+        checkSticky();
+        window.addEventListener('scroll', checkSticky, { passive: true });
+        window.addEventListener('resize', checkSticky);
+        return () => {
+            window.removeEventListener('scroll', checkSticky);
+            window.removeEventListener('resize', checkSticky);
+        };
+    }, [id, stickyTop, threshold, enabled]);
+    return isSticky;
+};
+
+// Border is deferred until the row is actually stuck so it doesn't flash on initial render.
+const useStickyFilterBoxProps = ({ id }) => {
+    const { isMobileView } = useWindowSize();
+    const enabled = isMobileView && Boolean(id);
+    const isStuck = useIsStickyById({ id, stickyTop: 0, enabled });
+    if (!enabled)
+        return {};
+    return {
+        position: 'sticky',
+        insetBlockStart: '0',
+        zIndex: '10',
+        background: 'bg',
+        paddingBlock: '200',
+        ...(isStuck && { borderBlockEndWidth: '025', borderColor: 'border' }),
+    };
+};
+
+export { ANALYTICS_METRIC_TOOLTIP, AnalyticModeSelector, CAMPAIGN_BACKGROUND_MAIN, CHART_MIN_HEIGHT, COMPARE_DATE_TIME_FILTERS_MAP, CompareDateTimePickerAlias, ConvertMoneyProvider, CurrencySelector, DATE_TIME_COMPARISON_FILTERS, DEFAULT_CURRENCY_ANALYTIC, DEFAULT_CURRENT_PERIOD_LABEL, DEFAULT_PREVIOUS_PERIOD_LABEL, DateTimeFilterInputs, DateTimeFilters, DateTimePickerContext, DateTimePickerProvider, GSelectableMetricChartCard, GTimePicker, MainDateTimePickerAlias, MetricChartProvider, MetricDonutChartCard, PLACEHOLDER_VALUE$1 as PLACEHOLDER_VALUE, PREVIOUS_PERIOD_FILTER, SERIES_COLORS, SingleMetricChartCard, TARGET_CHANNEL, TARGET_DEVICES, TARGET_VISITOR, THUMB_PRODUCT_DEFAULT, TREND_TONE, convertDateToTz, convertToDateTimeFilters, createLastDaysRange, dayjsTz, dayjsTzToDate, dayjsTzToLocalTZ, formatDate, formatDateTimeRange, formatDayjs, formatMs, formatTime, formatTimeRange, getDateRangeTitle, getDateTimeFilterBase, getDateTimeFilterByAlias, getDateTimeFilterMapping, getEndOfDayBy, getInitialTimezone, getLast12Months, getLast30Days, getLast365Days, getLast7Days, getLast90Days, getLastMonth, getLastYear, getMonthAndYearByDateFilter, getNoComparison, getPreviousMonth, getPreviousPeriod, getPreviousQuarter, getPreviousWeek, getPreviousYear, getToday, getVersionDateDescription, getVersionDateRangeTitle, getYesterday, isDate, isMidnight, isSameDayTimestamp, isValidDate, isValidYearMonthDayDateString, parseYearMonthDayDateString, setTz, useConvertMoneyContext, useCurrencyRatesStore, useDateTimeFilter, useDateTimePicker, useDateTimePickerContext, useIsStickyById, useStickyFilterBoxProps, useVersionDateTimeFilters };

package/dist/umd/esm/hooks/index.d.ts

@@ -3,4 +3,4 @@ export { useFetchCurrencyRates } from './useFetchCurrencyRates';
 export { useFormatLineChartData } from './useFormatLineChartData';
 export { usePopoverResizeObserver } from './usePopoverResizeObserver';
 export { useToggle } from './useToggle';
-export { useWindowSize } from './useWindowSize';
+export { useWindowSize } from './publish/useWindowSize';

package/dist/umd/esm/hooks/publish/index.d.ts

@@ -0,0 +1,2 @@
+export { useIsStickyById } from './useStickyDetectById';
+export { useStickyFilterBoxProps } from './useStickyFilterBoxProps';

package/dist/umd/esm/hooks/publish/useStickyDetectById.d.ts

@@ -0,0 +1,8 @@
+type UseIsStickyByIdProps = {
+    id: string;
+    stickyTop: number;
+    threshold?: number;
+    enabled?: boolean;
+};
+export declare const useIsStickyById: ({ id, stickyTop, threshold, enabled }: UseIsStickyByIdProps) => boolean;
+export {};

package/dist/umd/esm/hooks/publish/useStickyFilterBoxProps.d.ts

@@ -0,0 +1,6 @@
+import type { BoxProps } from '@shopify/polaris';
+type IUseStickyFilterBoxPropsArgs = {
+    id: string;
+};
+export declare const useStickyFilterBoxProps: ({ id }: IUseStickyFilterBoxPropsArgs) => Partial<BoxProps>;
+export {};

package/dist/umd/esm/hooks/publish/useWindowSize.d.ts

@@ -0,0 +1,18 @@
+export interface IWindowSize {
+    width: number;
+    height: number;
+}
+export interface IUseWindowSizeResult {
+    windowSize: IWindowSize;
+    windowWidth: {
+        xs: boolean;
+        md: boolean;
+        lg: boolean;
+        xsDown: boolean;
+        '1200Down': boolean;
+        '1040Down': boolean;
+    };
+    isMobileTabletView: boolean;
+    isMobileView: boolean;
+}
+export declare const useWindowSize: () => IUseWindowSizeResult;

package/dist/umd/esm/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components';
 export * from './constants';
-export * from './hooks';
+export * from './hooks/publish';
 export * from './providers';
 export * from './stores';
 export * from './utils/dayjs';

package/dist/umd/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@shopify/polaris"),require("react"),require("dayjs"),require("dayjs/plugin/quarterOfYear.js"),require("dayjs/plugin/timezone.js"),require("dayjs/plugin/utc.js"),require("react-i18next"),require("zustand"),require("@tanstack/react-query"),require("@shopify/polaris-viz")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@shopify/polaris","react","dayjs","dayjs/plugin/quarterOfYear.js","dayjs/plugin/timezone.js","dayjs/plugin/utc.js","react-i18next","zustand","@tanstack/react-query","@shopify/polaris-viz"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).GemAnalytics={},e.jsxRuntime,e.Polaris,e.React,e.dayjs,e.quarterOfYear,e.timezone,e.utc,e.reactI18next,e.zustand,e.reactQuery,e.polarisViz)}(this,function(e,t,n,i,a,r,s,o,l,c,d,u){"use strict";function m(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var h,A=m(i);!function(e){e.SESSION="sessions",e.ORDERS="orders",e.PAGE_VIEWS="pageviews",e.VISITORS="visitors",e.BOUNCE_RATE="bounce_rate",e.CTR="ctr",e.CONVERSION_RATE="conversion_rate",e.AVG_TIME_ON_PAGE="average_time_on_page",e.ADDED_TO_CART="added_to_cart",e.ADD_TO_CART_RATE="added_to_cart_rate",e.REACHED_CHECKOUT="sessions_that_reached_checkout",e.COMPLETE_CHECKOUT="sessions_that_completed_checkout",e.CART_ADDITION="sessions_with_cart_additions",e.AOV="aov",e.REVENUE="revenue",e.RPV="revenue_per_visitor",e.VISITOR_ITEMS="visitor_items",e.DEVICE_ITEMS="device_items",e.TRAFFIC_SOURCE_ITEMS="traffic_source_items"}(h||(h={}));const g={[h.SESSION]:{title:"Sessions",content:"A period during which a visitor interacts with your online store"},[h.VISITORS]:{title:"Visitors",content:"Number of unique individuals who visit your online store"},[h.BOUNCE_RATE]:{title:"Bounce rate",content:"Percentage of visitors who leave your store after viewing only one page, without interacting further",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Bounce rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"sessions with a pageview"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total sessions"})]})},[h.CTR]:{title:"Click-through rate",content:"Percentage of clicks to open new page, compared to the number of times the page was viewed",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Click-through rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total clicks"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total pageviews"})]})},[h.AVG_TIME_ON_PAGE]:{title:"Average time on page",content:"Average duration that visitors spend on a page before clicking to open new page",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Average time on page"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total time on page"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"(total pageviews - total exits)"})]})},[h.PAGE_VIEWS]:{title:"Pageviews",content:"Number of times a page on your online store has been viewed by visitors"},[h.RPV]:{title:"Revenue per visitor",content:"Average revenue generated from each visitor",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Revenue per visitor"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total revenue"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total visitors"})]})},[h.ADDED_TO_CART]:{title:"Added to cart",content:"Total number of the event when a customer adds a product to their cart on your online store"},[h.REACHED_CHECKOUT]:{title:"Sessions that reached checkout",content:"Sessions in your online store in which the checkout page was reached"},[h.COMPLETE_CHECKOUT]:{title:"Sessions that completed checkout",content:"Sessions in your online store in which a purchase was completed"},[h.ORDERS]:{title:"Orders",content:"Number of orders that went through this pages"},[h.CONVERSION_RATE]:{title:"Conversion rate",content:"Percentage of online store sessions that completed an order",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Conversion rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"sessions that completed checkout"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total sessions"})]})},[h.AOV]:{title:"Average order value",content:"Average value of orders placed in your online store",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Average order value"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total revenue"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total orders"})]})},[h.REVENUE]:{title:"Revenue",content:"Total income generated from sales after discounts",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Revenue"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"gross sales"}),t.jsx("span",{className:"formula-operator",children:" - "}),t.jsx("span",{className:"formula-input",children:"discounts"})]})},[h.ADD_TO_CART_RATE]:{title:"Add to cart rate",content:"Percentage of sessions in which the customer added item to the cart",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Added to cart rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"sessions with cart additions"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total sessions"})]})},[h.CART_ADDITION]:{title:"Sessions with cart additions",content:"Sessions in your online store in which a visitor added item to the cart"},[h.VISITOR_ITEMS]:{title:"Sessions by visitor type",content:"<p>Numbers of new and returning visitors</p>",contentList:["New visitor: who accesses your store for the first time after GemX installation","Returning visitor: who comes back to your store after GemX installation"]},[h.DEVICE_ITEMS]:{title:"Sessions by device type",content:"Sessions in your online store by the visitor's device type"},[h.TRAFFIC_SOURCE_ITEMS]:{title:"Sessions by traffic source",content:"Sessions on your page by where visitors come from"}};var p,M,T,f;!function(e){e.ALL_SESSION="ALL_SESSION",e.FIRST_SESSION="FIRST_SESSION",e.PAGE_ONLY="PAGE_ONLY"}(p||(p={})),function(e){e.NEW="new",e.RETURNING="returning"}(M||(M={})),function(e){e.DESKTOP="desktop",e.MOBILE="mobile",e.TABLET="tablet"}(T||(T={})),function(e){e.DIRECT="direct",e.EMAIL="email",e.REFERRAL="referral",e.ORGANIC_SOCIAL="organic-social",e.ORGANIC_SEARCH="organic-search",e.PAID_SOCIAL="paid-social",e.PAID_SEARCH="paid-search",e.SMS="sms"}(f||(f={}));const x=[{value:M.NEW,label:"New"},{value:M.RETURNING,label:"Returning"}],I=[{value:T.DESKTOP,label:"Desktop"},{value:T.TABLET,label:"Tablet"},{value:T.MOBILE,label:"Mobile"}],j=[{value:f.DIRECT,label:"Direct"},{value:f.EMAIL,label:"Email"},{value:f.REFERRAL,label:"Referral"},{value:f.ORGANIC_SOCIAL,label:"Organic social"},{value:f.ORGANIC_SEARCH,label:"Organic search"},{value:f.PAID_SOCIAL,label:"Paid social"},{value:f.PAID_SEARCH,label:"Paid search"},{value:f.SMS,label:"SMS"}],N="Current",D="Previous",E={current:"rgba(64, 176, 230, 1)",comparison:"rgba(161, 202, 231, 1)",all:["#2C7DFF","#F34A70"]},S={POSITIVE:"#007F5F",NEUTRAL:"#4A4A4A"},v="USD";var O="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI5MCIKICBoZWlnaHQ9IjcyIgogIHZpZXdCb3g9IjAgMCA5MCA3MiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNDguNzUgMzQuNUM0OS45OTI2IDM0LjUgNTEgMzMuNDkyNiA1MSAzMi4yNUM1MSAzMS4wMDc0IDQ5Ljk5MjYgMzAgNDguNzUgMzBDNDcuNTA3NCAzMCA0Ni41IDMxLjAwNzQgNDYuNSAzMi4yNUM0Ni41IDMzLjQ5MjYgNDcuNTA3NCAzNC41IDQ4Ljc1IDM0LjVaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgogIDxwYXRoCiAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgIGNsaXBSdWxlPSJldmVub2RkIgogICAgZD0iTTQzLjUyNjggMjYuMjVINDYuNDczMkM0Ny42OTI0IDI2LjI1IDQ4LjY3NTggMjYuMjUgNDkuNDcyMiAyNi4zMTVDNTAuMjkyMiAyNi4zODIgNTEuMDEyNCAyNi41MjM2IDUxLjY3ODcgMjYuODYzMUM1Mi43MzcxIDI3LjQwMjQgNTMuNTk3NiAyOC4yNjI5IDU0LjEzNjkgMjkuMzIxM0M1NC40NzY0IDI5Ljk4NzYgNTQuNjE4IDMwLjcwNzggNTQuNjg1IDMxLjUyNzhDNTQuNzUgMzIuMzI0MiA1NC43NSAzMy4zMDc2IDU0Ljc1IDM0LjUyNjhWMzcuNDczMkM1NC43NSAzOC42OTI0IDU0Ljc1IDM5LjY3NTggNTQuNjg1IDQwLjQ3MjJDNTQuNjE4IDQxLjI5MjIgNTQuNDc2NCA0Mi4wMTI0IDU0LjEzNjkgNDIuNjc4N0M1My41OTc2IDQzLjczNzEgNTIuNzM3MSA0NC41OTc2IDUxLjY3ODcgNDUuMTM2OUM1MS4wMTI0IDQ1LjQ3NjQgNTAuMjkyMiA0NS42MTggNDkuNDcyMiA0NS42ODVDNDguNjc1OCA0NS43NSA0Ny42OTI0IDQ1Ljc1IDQ2LjQ3MzIgNDUuNzVINDMuNTI2OEM0Mi4zMDc2IDQ1Ljc1IDQxLjMyNDIgNDUuNzUgNDAuNTI3OCA0NS42ODVDMzkuNzA3OCA0NS42MTggMzguOTg3NiA0NS40NzY0IDM4LjMyMTMgNDUuMTM2OUMzNy4yNjI5IDQ0LjU5NzYgMzYuNDAyNCA0My43MzcxIDM1Ljg2MzEgNDIuNjc4N0MzNS41MjM2IDQyLjAxMjQgMzUuMzgyIDQxLjI5MjIgMzUuMzE1IDQwLjQ3MjJDMzUuMjUgMzkuNjc1OCAzNS4yNSAzOC42OTI0IDM1LjI1IDM3LjQ3MzJWMzQuNTI2OEMzNS4yNSAzMy4zMDc2IDM1LjI1IDMyLjMyNDIgMzUuMzE1IDMxLjUyNzhDMzUuMzgyIDMwLjcwNzggMzUuNTIzNiAyOS45ODc2IDM1Ljg2MzEgMjkuMzIxM0MzNi40MDI0IDI4LjI2MjkgMzcuMjYyOSAyNy40MDI0IDM4LjMyMTMgMjYuODYzMUMzOC45ODc2IDI2LjUyMzYgMzkuNzA3OCAyNi4zODIgNDAuNTI3OCAyNi4zMTVDNDEuMzI0MiAyNi4yNSA0Mi4zMDc2IDI2LjI1IDQzLjUyNjggMjYuMjVaTTQwLjcxMSAyOC41NTc2QzQwLjAzMDIgMjguNjEzMiAzOS42MzkxIDI4LjcxNjkgMzkuMzQyOCAyOC44Njc5QzM4LjcwNzcgMjkuMTkxNCAzOC4xOTE0IDI5LjcwNzcgMzcuODY3OSAzMC4zNDI4QzM3LjcxNjkgMzAuNjM5MSAzNy42MTMyIDMxLjAzMDIgMzcuNTU3NiAzMS43MTFDMzcuNTAwOSAzMi40MDUgMzcuNSAzMy4yOTYzIDM3LjUgMzQuNTc1VjM2LjcxNzdMMzguNTg0MiAzNS40MTY3QzM5LjU3MjQgMzQuMjMwOSA0MS4zNjU1IDM0LjE0OTYgNDIuNDU2OSAzNS4yNDFMNDYuNSAzOS4yODQxTDQ4LjI2OTQgMzcuNTE0NkM0OS4zNzU3IDM2LjQwODMgNTEuMTk4IDM2LjUwOTMgNTIuMTc1NCAzNy43MzA5TDUyLjQ5OTUgMzguMTM2MUM1Mi41IDM3LjkxMzEgNTIuNSAzNy42NzY1IDUyLjUgMzcuNDI1VjM0LjU3NUM1Mi41IDMzLjI5NjMgNTIuNDk5MSAzMi40MDUgNTIuNDQyNCAzMS43MTFDNTIuMzg2OCAzMS4wMzAyIDUyLjI4MzEgMzAuNjM5MSA1Mi4xMzIxIDMwLjM0MjhDNTEuODA4NiAyOS43MDc3IDUxLjI5MjMgMjkuMTkxNCA1MC42NTcyIDI4Ljg2NzlDNTAuMzYwOSAyOC43MTY5IDQ5Ljk2OTggMjguNjEzMiA0OS4yODkgMjguNTU3NkM0OC41OTUgMjguNTAwOSA0Ny43MDM3IDI4LjUgNDYuNDI1IDI4LjVINDMuNTc1QzQyLjI5NjMgMjguNSA0MS40MDUgMjguNTAwOSA0MC43MTEgMjguNTU3NlpNMzcuNTU3NiA0MC4yODlDMzcuNTU0MyA0MC4yNDkyIDM3LjU1MTMgNDAuMjA4OCAzNy41NDg0IDQwLjE2NzhDMzcuNTcxMSA0MC4xNDQ4IDM3LjU5MzEgNDAuMTIwNiAzNy42MTQyIDQwLjA5NTNMNDAuMzEyNyAzNi44NTcxQzQwLjQ1MzkgMzYuNjg3NyA0MC43MSAzNi42NzYxIDQwLjg2NTkgMzYuODMyTDQ1LjcwNDUgNDEuNjcwNkM0Ni4xNDM4IDQyLjEwOTkgNDYuODU2MSA0Mi4xMDk5IDQ3LjI5NTUgNDEuNjcwNkw0OS44NjA0IDM5LjEwNTZDNTAuMDE4NSAzOC45NDc2IDUwLjI3ODggMzguOTYyIDUwLjQxODQgMzkuMTM2NUw1Mi4yMzc3IDQxLjQxMDdDNTIuMjA1NiA0MS41MDEgNTIuMTcwNCA0MS41ODIyIDUyLjEzMjEgNDEuNjU3MkM1MS44MDg2IDQyLjI5MjMgNTEuMjkyMyA0Mi44MDg2IDUwLjY1NzIgNDMuMTMyMUM1MC4zNjA5IDQzLjI4MzEgNDkuOTY5OCA0My4zODY4IDQ5LjI4OSA0My40NDI0QzQ4LjU5NSA0My40OTkxIDQ3LjcwMzcgNDMuNSA0Ni40MjUgNDMuNUg0My41NzVDNDIuMjk2MyA0My41IDQxLjQwNSA0My40OTkxIDQwLjcxMSA0My40NDI0QzQwLjAzMDIgNDMuMzg2OCAzOS42MzkxIDQzLjI4MzEgMzkuMzQyOCA0My4xMzIxQzM4LjcwNzcgNDIuODA4NiAzOC4xOTE0IDQyLjI5MjMgMzcuODY3OSA0MS42NTcyQzM3LjcxNjkgNDEuMzYwOSAzNy42MTMyIDQwLjk2OTggMzcuNTU3NiA0MC4yODlaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgo8L3N2Zz4K",y=function(e){return i.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),i.createElement("path",{fillRule:"evenodd",d:"M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"}))};y.displayName="ArrowRightIcon";var C=function(e){return i.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),i.createElement("path",{fillRule:"evenodd",d:"M7.75 3.5a.75.75 0 0 0-1.5 0v.407a3.075 3.075 0 0 0-.702.252 3.75 3.75 0 0 0-1.64 1.639c-.226.444-.32.924-.365 1.47-.043.531-.043 1.187-.043 2v1.464c0 .813 0 1.469.043 2 .045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365.531.043 1.187.043 2 .043h3.383c.323 0 .542 0 .735-.02a3.75 3.75 0 0 0 3.344-3.344c.02-.193.02-.412.02-.735v-2.883c0-.813 0-1.469-.043-2-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64 3.076 3.076 0 0 0-.702-.251v-.407a.75.75 0 0 0-1.5 0v.259c-.373-.009-.794-.009-1.268-.009h-1.964c-.474 0-.895 0-1.268.009v-.259Zm-1.521 1.995c.197-.1.458-.17.912-.207.462-.037 1.057-.038 1.909-.038h1.9c.853 0 1.447 0 1.91.038.453.037.714.107.912.207.423.216.767.56.983.984.1.197.17.458.207.912.014.18.024.38.029.609h-9.982c.006-.228.015-.429.03-.61.036-.453.106-.714.206-.911a2.25 2.25 0 0 1 .984-.984Zm-1.229 4.005v1.2c0 .853 0 1.447.038 1.91.037.453.107.714.207.912.216.423.56.767.984.983.197.1.458.17.912.207.462.037 1.057.038 1.909.038h3.306c.385 0 .52-.001.626-.012a2.25 2.25 0 0 0 2.006-2.006c.011-.106.012-.241.012-.626v-2.606h-10Z"}))};C.displayName="CalendarIcon";var R=function(e){return i.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),i.createElement("path",{fillRule:"evenodd",d:"M15.78 5.97a.75.75 0 0 1 0 1.06l-6.5 6.5a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 1 1 1.06-1.06l2.72 2.72 5.97-5.97a.75.75 0 0 1 1.06 0Z"}))};R.displayName="CheckIcon";var k=function(e){return i.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),i.createElement("path",{fillRule:"evenodd",d:"M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"}))};k.displayName="ChevronDownIcon";var b=function(e){return i.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),i.createElement("path",{fillRule:"evenodd",d:"M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"}))};b.displayName="ChevronRightIcon";var P=function(e){return i.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),i.createElement("path",{fillRule:"evenodd",d:"M14.53 12.28a.75.75 0 0 1-1.06 0l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06Z"}))};P.displayName="ChevronUpIcon";const w=/\.0+$/,L=e=>`${e}`.replace(w,""),z=(e,t=2)=>L(e.toFixed(t)),Y=e=>{const[t,n,i]=e.split(".").map(e=>Number(e));return 1e6*(t??0)+1e3*(n??0)+(i??0)},U=e=>e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","),B=e=>e>0&&e<.005,H=(e,t,n=2)=>{const i=((e,t,n=2)=>{if("number"!=typeof e||!t)return;return 0===e?0:parseFloat(z(e/t*100,n))})(e,t,n);if("number"==typeof i)return B(i)?"~0%":`${i}%`},G=(e,t=2)=>B(e)?"~0%":`${z(e,t)}%`;function Q(e){return"string"==typeof e?e:"object"==typeof e&&null!==e&&Object.keys(e).filter(t=>e[t]).join(" ")}function _(...e){return e.map(Q).filter(Boolean).join(" ")}function F(e,t,n="asc"){if(e===t)return 0;if(void 0===e||void 0===t)return void 0===e&&void 0!==t?"asc"===n?-1:1:void 0===t&&void 0!==e?"asc"===n?1:-1:0;const i=e=>"boolean"!=typeof e&&!isNaN(Date.parse(e)),a=e=>"string"==typeof e;let r=0;if(i(e)&&i(t)){r=(e instanceof Date?e:new Date(e))>(t instanceof Date?t:new Date(t))?1:-1}else r=(a(e)&&a(t),e>t?1:-1);return"asc"===n?-r:r}function V(e,t){return"string"==typeof t?t.replace(/\[(\d+)\]/g,".$1").split(".").reduce((e,t)=>e?.[t],e):e[t]}function W(e,t){return t.reduce((e,t)=>function(e,t){const{attr:n,order:i="asc",preferredValue:a,backupAttr:r,orderArrayAttr:s,orderArray:o}=t;return e.slice().sort((e,t)=>{const l=V(e,n),c=V(t,n);if(void 0!==a){if(l===a&&c!==a)return-1;if(c===a&&l!==a)return 1}if(s===n&&o){const e=o[i];return e.indexOf(l)-e.indexOf(c)}const d=F(l,c,i);return 0!==d?d:r?F(e[r],t[r],i):0})}(e,t),e.slice())}a.extend(o),a.extend(s),a.extend(r);let J="UTC";const q="YYYY-MM-DD HH:mm:ss";const X=e=>e?a(e).tz(J):a().tz(J),K=e=>e?a.tz(a(e).format(q),J):a.tz(a().format(q),J),Z=e=>a(e?X(e).format(q):X().format(q)),$=e=>Z(e).toDate();var ee;!function(e){e.DAY="DAY",e.HOUR="HOUR",e.MONTH="MONTH",e.QUARTER="QUARTER",e.WEEK="WEEK",e.YEAR="YEAR"}(ee||(ee={}));const te=60,ne=3600,ie=(e,t,n)=>{if(!e)return"";const i=n?.isExpandDetail?{formatHouse:"MMM D, h:mm A",formatDay:"MMM D, YYYY",formatMonth:"MMM YYYY",formatYear:"MMM YYYY"}:{formatHouse:"h A",formatDay:"MMM D",formatMonth:"MMM YYYY",formatYear:"YYYY"};switch(t){case ee.HOUR:return X(e).format(i.formatHouse);case ee.DAY:case ee.WEEK:return X(e).format(i.formatDay);case ee.MONTH:return X(e).format(i.formatMonth);case ee.QUARTER:{const t=X(e);return`Q${t.quarter()} ${t.format("YYYY")}`}case ee.YEAR:return X(e).format(i.formatYear)}return X(e).format(i.formatMonth)},ae=({children:e,fullWidth:n=!1,cursor:i="pointer",onClick:a,onMouseEnter:r,onMouseLeave:s})=>t.jsx("div",{role:"button",tabIndex:0,className:_({"w-full":n,"cursor-pointer":"pointer"===i,"cursor-default":"default"===i,"cursor-not-allowed":"not-allowed"===i}),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a())},onClick:a,onMouseEnter:r,onMouseLeave:s,children:e}),re=({onClick:e,active:a,content:r,textProps:s,boxProps:o,disabled:l,icon:c})=>{const d=i.useMemo(()=>l?{borderColor:"border-disabled",background:"bg-surface-disabled",...o}:{shadow:a?"button-inset":"button",background:a?"bg-fill-active":"bg-fill",...o},[a,l,o]),u=i.useMemo(()=>l?"text-[var(--p-color-text-disabled)]":a?"text-[var(--p-color-text-subdued)]":"text-[var(--p-color-text)]",[a,l]),m=i.useMemo(()=>t.jsx(n.Text,{as:"span",variant:"bodyMd",fontWeight:"medium",tone:l?"inherit":s?.tone,truncate:!0,...s?.variant&&{variant:s.variant},children:r}),[r,s,l]),h=i.useCallback(()=>{l||e()},[l,e]);return t.jsx(ae,{cursor:l?"default":"pointer",onClick:h,children:t.jsx("div",{className:_(u),children:t.jsxs(n.Box,{padding:"150",paddingInline:"300",paddingInlineEnd:"150",borderRadius:"200",...d,children:[c&&t.jsxs(n.InlineStack,{gap:"200",align:"center",wrap:!1,children:[t.jsx(n.Box,{children:t.jsx(n.Icon,{source:c})}),m]}),!c&&t.jsxs(n.InlineGrid,{columns:"1fr 20px",gap:"200",alignItems:"center",children:[m,t.jsx(n.Icon,{source:a?P:k})]})]})})})},se=({height:e,align:a,inlineAlign:r,display:s,...o})=>{const l=i.useMemo(()=>{if("sticky"!==o.position)return{};const e={position:"sticky"};return o.insetInlineStart&&(e.insetInlineStart=4*Number(o.insetInlineStart)),o.insetInlineEnd&&(e.insetInlineEnd=4*Number(o.insetInlineEnd)),o.insetBlockStart&&(e.insetBlockStart=4*Number(o.insetBlockStart)),o.insetBlockEnd&&(e.insetBlockEnd=4*Number(o.insetBlockEnd)),e},[o.position,o.insetInlineStart,o.insetInlineEnd,o.insetBlockStart,o.insetBlockEnd]);return t.jsx("div",{className:"Polaris-GBlockCenter",style:{...l,"--gp-block-center-height":e,"--gp-block-center-display":s,"--gp-block-center-align":a,"--gp-block-center-inline-align":r,"--gp-block-center-overflow-x":o.overflowX,"--gp-block-center-overflow-y":o.overflowY},children:t.jsx(n.Box,{...o})})},oe=({isEnabled:e=!0,content:i,maxWidth:a,...r})=>e&&!!i?t.jsx(n.Tooltip,{width:"wide",hoverDelay:500,content:i,...r,accessibilityLabel:a?.toString()}):r.children,le=({activatorWrapper:e,children:i,iconRight:a,inset:r,stopPropagation:s=!0,onClick:o,themeTone:l="light",variant:c,...d})=>{const u=e||"div",m="neutral"===c,h=m?void 0:c,A=t.jsx(oe,{activatorWrapper:"tooltip-content",...d.tooltip,children:t.jsx(u,{className:_("Polaris-GButton",{"Polaris-GButton--icon-right":a,"Polaris-GButton--dark":"dark"===l,"Polaris-GButton--neutral":m,"cursor-default":d.disabled,"Polaris-GButton--fullWidth":d.fullWidth,flex:r}),onClick:e=>{s&&e.stopPropagation(),d.disabled||o?.()},children:t.jsx(n.Button,{variant:h,...d,children:i})})});return r?t.jsx(n.Box,{padding:"100",children:A}):A},ce=({...e})=>e.multiple?t.jsx(de,{...e}):t.jsx(ue,{...e}),de=({options:e,onChange:a,onChangeSingleValue:r,emptySelected:s,selected:o,onHover:l,itemHovered:c,dependentDisabledValues:d})=>{const[u,m]=i.useState([]),h=e=>{l&&l(e)};return i.useEffect(()=>{m(()=>o?e.filter(e=>o.includes(e.value)).map(e=>e.value):[])},[o]),t.jsx(n.BlockStack,{children:e.map(i=>{const o=d?.has(i.value),l=s&&1===e.filter(e=>e.selected).length&&s,A=()=>{l||(e=>{r&&r(e);const t=u.includes(e)?u.filter(t=>t!==e):[...u,e];m(t),a(t)})(i.value)};return t.jsx("div",{className:_("flex w-full items-center justify-between",{"cursor-not-allowed":l,"cursor-pointer":!l,"bg-surface-hover rounded-lg":c===i.value}),onClick:()=>{l||i.disabled||A()},onMouseEnter:()=>h(i.value),onMouseLeave:()=>h(void 0),children:l?t.jsx(oe,{isEnabled:i.tooltip?.isEnabled,...i.tooltip,children:t.jsx(n.Box,{paddingBlock:"150",paddingInline:"200",width:"100%",children:t.jsxs(n.InlineStack,{blockAlign:"center",gap:"150",children:[t.jsx(n.Checkbox,{label:i.label,labelHidden:!0,checked:i.selected,disabled:!0}),t.jsx(n.Text,{as:"p",variant:"bodyMd",tone:"subdued",children:i.label})]})})}):t.jsx(n.Box,{paddingBlock:"150",paddingInline:"200",minWidth:"0",children:t.jsxs(n.InlineStack,{blockAlign:"center",gap:"150",wrap:!1,children:[t.jsx(n.Checkbox,{label:i.label,labelHidden:!0,checked:!o&&u.includes(i.value),onChange:A,disabled:i.disabled}),t.jsxs(n.Box,{minWidth:"0",children:[t.jsx(n.Text,{as:"p",variant:"bodyMd",truncate:!0,tone:o?"disabled":"inherit",children:i.label}),i.description&&t.jsx(n.Text,{as:"p",variant:"bodySm",tone:"disabled",truncate:!0,children:i.description})]})]})})},i.value)})})},ue=({options:e,onChange:i})=>t.jsx(n.BlockStack,{gap:"300",children:e.map(e=>t.jsx(n.RadioButton,{label:e.label,checked:e.selected,onChange:()=>i(e.value),helpText:e.helpText?t.jsx(Se,{item:e}):void 0},e.value))}),me=i.forwardRef(({children:e,onClick:n,...a},r)=>{const s=i.useCallback(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),n?.())},[n]);return t.jsx("div",{ref:r,...a,role:"button",tabIndex:0,onKeyDown:s,onClick:n,children:e})});me.displayName="GDiv";const he=/\[(\d+)\](.*?)\[\]/g,Ae=e=>{const{children:a,transformers:r}=e;if(!r||0===Object.values(r).length)return t.jsx(n.Text,{...e,children:a});return t.jsx(n.Text,{...e,children:"string"==typeof a?(e=>{const n=[];let a=0;return e.replace(he,(t,i,s,o)=>{n.push(e.slice(a,o));const l=r[i];return"function"==typeof l?n.push(l(s)):n.push(t),a=o+t.length,t}),n.push(e.slice(a)),n.map((e,n)=>t.jsx(i.Fragment,{children:e},n))})(a):a})};function ge({options:e,selected:i,onChange:a}){const r=e=>{a([e])};return t.jsx(n.Box,{padding:"150",children:t.jsx(n.BlockStack,{gap:"100",children:e.map(e=>{const a=i.includes(e.value);return t.jsx("div",{role:"option","aria-selected":a,tabIndex:0,onClick:()=>r(e.value),onKeyDown:t=>{return n=t,i=e.value,void("Enter"!==n.key&&" "!==n.key||(n.preventDefault(),r(i)));var n,i},className:_("p-1.5 pl-4 rounded-lg cursor-pointer",{"bg-[#F1F1F1]":a,"hover:bg-[#F1F1F1]":!a}),children:t.jsxs(n.InlineStack,{align:"space-between",blockAlign:"center",wrap:!1,gap:"200",children:[t.jsx(n.Box,{minWidth:"0",children:e.label}),a&&t.jsx(n.Box,{children:t.jsx(n.Icon,{source:R})})]})},e.value)})})})}const pe=e=>{const[a,r]=i.useState(!1),{activatorText:s,selected:o,options:l,emptyLabel:c,preferredAlignment:d="right",formatActivatorContent:u=e=>e.join(", ")}=e,m=i.useCallback(()=>r(e=>!e),[]),h=i.useMemo(()=>l.filter(e=>e.active||e.id===o).map(e=>e.content||"").filter(e=>!!e),[l,o]),A=i.useMemo(()=>{if(h.length){const e=u(h);return s?`${s}: ${e}`:e}return c?s?`${s}: ${c}`:c:s},[h,c,s,u]),g=i.useMemo(()=>{switch(e.variant){case"choice":return t.jsx(Me,{...e,setPopoverActive:m});case"action-list":return t.jsx(Te,{...e,setPopoverActive:m})}},[e,m]);return t.jsx(n.Popover,{active:a,activator:t.jsx("div",{className:"flex items-center gap-1",children:t.jsx(n.Button,{onClick:m,disclosure:a?"up":"down",children:A})}),autofocusTarget:"first-node",fluidContent:!0,onClose:m,preferredAlignment:d,children:g})},Me=({options:e,selected:a,onSelect:r,maxWidth:s,minWidth:o,clearable:c,setPopoverActive:d})=>{const{t:u}=l.useTranslation(),m=i.useMemo(()=>e?.length?e.map(e=>({value:e.id,label:e.content||"",selected:!1})):[],[e]),h=i.useCallback(e=>{r(e)},[r]);return t.jsx(n.Box,{maxWidth:s,minWidth:o,paddingBlock:"150",children:t.jsxs(n.BlockStack,{children:[t.jsx(n.BlockStack,{gap:"0",children:t.jsx(ce,{multiple:!0,options:m,selected:a,onChange:h})}),c&&t.jsx(n.Box,{paddingBlock:"150",paddingInline:"200",children:t.jsx(n.InlineStack,{blockAlign:"center",align:"start",children:t.jsx(n.Button,{disabled:!a?.length,onClick:()=>{h([]),d(!1)},variant:"plain",children:u("Clear")})})})]})})},Te=({options:e,selected:a,onSelect:r,helpText:s,maxWidth:o,minWidth:l,setPopoverActive:c})=>{const d=i.useCallback(e=>{r(e),c(!1)},[r,c]),u=i.useMemo(()=>e?.length?e.map(e=>({id:e.id,content:e.content,helpText:e.helpText,onAction:()=>d(e.id),active:e.active||e.id===a,suffix:(e.active||e.id===a)&&t.jsx(n.Icon,{source:R,tone:"success"})})):[],[e,a,d]);return t.jsx(n.Box,{maxWidth:o,minWidth:l,children:t.jsxs(n.BlockStack,{gap:"0",children:[t.jsx(n.ActionList,{actionRole:"menuitem",items:u}),s]})})},fe=({linkAction:e,isDisabled:i,disabledFocus:a,children:r})=>!e||i?t.jsx(t.Fragment,{children:r}):t.jsx("span",{className:_("GTextLink",{"GTextLink--disabled-focus":a}),children:t.jsx(n.Link,{...e,children:t.jsx(t.Fragment,{children:r})})}),xe=e=>{const i=e.height??"50px";return t.jsxs("div",{className:"Polaris-GSkeletonDisplayText",children:[t.jsx("style",{children:`.Polaris-GSkeletonDisplayText .Polaris-SkeletonDisplayText__DisplayText { height: ${i} !important; }`}),t.jsx(n.SkeletonDisplayText,{maxWidth:"100%",size:"extraLarge"})]})};const Ie=({source:e,alt:n,size:i,grayscale:a,defaultSource:r=O,width:s="80",height:o="80",classRemoved:l=!1})=>{var c;const d=a&&"Polaris-GThumbnail--filter",u=_("Polaris-Thumbnail",i&&`${"Polaris-Thumbnail--size"}${(c=i).charAt(0).toUpperCase()}${c.slice(1)}`),m=t.jsx("img",{onError:e=>{e.currentTarget.src=r},alt:n??"Thumbnail",src:`${e??r}`,width:s,height:o,style:{"--gp-grayscale-percentage":a||"100%"},className:_("Polaris-GThumbnail",d)});return l?m:t.jsx("span",{className:u,children:m})},je={default:"w-[210px]",wide:"w-[320px]",large:"w-[328px]"},Ne={start:"flex justify-start",center:"flex justify-center",end:"flex justify-end"},De=i.forwardRef((e,a)=>{const{tooltip:r,wrapper:s="div",activatorProps:o,isHideBorder:l,alignment:c,delay:d=500,textDecoration:u="none",popoverRef:m,preferredAlignment:h="left",showArrow:A=!1}=e,{width:g="default"}=r??{},[p,M]=i.useState(!1),T=s,f=je[g],x=i.useRef(null),I=()=>{x.current&&(clearTimeout(x.current),x.current=null),M(!1)};return i.useImperativeHandle(a,()=>({onClose:I})),t.jsx(T,{className:_("GTooltipCard cursor-pointer",c&&Ne[c],{"GTooltipCard--text-underline":"underline"===u}),onMouseEnter:()=>{x.current=setTimeout(()=>{M(!0)},d)},onMouseLeave:I,children:t.jsx(n.Popover,{ref:m,activator:l?t.jsx(n.InlineStack,{children:e.children}):t.jsx(n.Box,{borderBlockEndWidth:"025",borderStyle:"dashed",borderColor:"border-tertiary",as:s,...o,children:e.children}),activatorWrapper:s,onClose:()=>{},active:p,preferredPosition:"below",preferredAlignment:h,children:r&&t.jsx("div",{className:_(f,{"GTooltipCard-arrow":A}),children:t.jsx(n.Box,{padding:"400",children:t.jsxs(n.BlockStack,{gap:"200",children:[t.jsxs(n.BlockStack,{gap:"100",children:[t.jsx(n.Text,{as:"span",variant:"headingSm",fontWeight:"semibold",children:r.title}),t.jsxs(n.BlockStack,{gap:"200",children:[t.jsx(n.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:t.jsx("span",{dangerouslySetInnerHTML:{__html:r.content}})}),r.contentList&&t.jsx(n.List,{type:"bullet",children:r.contentList.map(e=>t.jsx(n.List.Item,{children:t.jsx(n.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:e})},e))})]})]}),r.formula&&t.jsx("div",{className:"rounded-md font-mono",style:{fontSize:"12px"},children:r.formula})]})})})})})});De.displayName="GTooltipCard";const Ee=({activatorText:e,selected:a,options:r,minWidth:s,maxWidth:o,preferredAlignment:l="right",onSelect:c})=>{const[d,u]=i.useState(!1),[m,h]=i.useState(null),A=()=>u(e=>!e),g=i.useMemo(()=>r.find(e=>e.id===a),[r,a]),p=i.useMemo(()=>{if(g){const t=g.title??g.content;return e?`${e}: ${t}`:t}return e},[g,e]);return t.jsx(n.Popover,{active:d,activator:t.jsx(re,{active:d,content:p,textProps:{variant:"bodySm"},onClick:A}),autofocusTarget:"first-node",fluidContent:!0,onClose:A,preferredAlignment:l,children:t.jsx(n.Box,{maxWidth:o,minWidth:s,padding:"200",children:t.jsx(n.BlockStack,{gap:"200",children:r.map(e=>{const i=e.id===a,r=m===e.id,s=i?"input-border":r?"border-hover":"transparent";return t.jsx(n.Box,{padding:"150",borderWidth:"025",borderColor:s,borderRadius:"100",children:t.jsx("div",{onClick:()=>{return t=e.id,c(t),void u(!1);var t},className:"cursor-pointer",onMouseEnter:()=>h(e.id),onMouseLeave:()=>h(null),children:t.jsxs(n.InlineStack,{gap:"300",align:"space-between",blockAlign:"center",wrap:!1,children:[t.jsxs(n.InlineStack,{gap:"300",blockAlign:"center",wrap:!1,children:[t.jsx("div",{className:"bg-surface-secondary flex items-center justify-center rounded-md min-w-[184px] h-[92px]",children:t.jsx("img",{src:e.icon,alt:e.content,className:"w-full h-full object-contain"})}),t.jsxs(n.BlockStack,{gap:"100",children:[t.jsx(n.Text,{as:"span",variant:"bodyMd",fontWeight:"semibold",children:e.content}),t.jsx(n.Text,{as:"p",variant:"bodyMd",tone:"subdued",children:e.helpText})]})]}),i&&t.jsx(n.Box,{children:t.jsx(n.Icon,{source:R})})]})})},e.id)})})})})},Se=({item:e})=>t.jsxs(n.Text,{as:"p",variant:"bodyMd",children:[e.description,e.inlineAction&&t.jsx(n.Link,{monochrome:!0,onClick:()=>{e.inlineAction?.onAction?e.inlineAction?.onAction():window.open(e.inlineAction?.url,e.inlineAction?.target??"_blank")},children:e.inlineAction?.content})]}),ve=()=>t.jsx(xe,{height:"188px"}),Oe=c.create(e=>({currencyRates:null,setCurrencyRates:t=>e({currencyRates:t})})),ye=async()=>{const e=await fetch("https://cdn.shopify.com/s/javascripts/currencies.js");if(!e.ok)throw new Error("Failed to fetch currency rates");return(e=>{const t={},n=/var Currency=\{rates:\{(.*?)\}\};/s.exec(e),i=n?.[1];if(!i)return t;const a=/([A-Z]+):\s*([\d.e+-]+),/g;let r;for(;null!==(r=a.exec(i));){const[,e,n]=r;e&&n&&(t[e]=parseFloat(n))}return t})(await e.text())},Ce=()=>{const e=Oe(e=>e.setCurrencyRates),{data:t}=d.useQuery({queryKey:["sdk-currency-rates"],queryFn:ye,staleTime:36e5});i.useEffect(()=>{t&&e(t)},[t,e])},Re=i.createContext({getTextPrice:e=>"string"==typeof e?e:`${e??0}`}),ke=()=>i.useContext(Re),be={comparison:E.comparison,single:E.current,all:[...E.all]},Pe=({children:e,minHeight:n=228,seriesColors:i=be})=>t.jsx(u.PolarisVizProvider,{themes:{Light:{chartContainer:{minHeight:n},grid:{horizontalOverflow:!0,verticalOverflow:!0,horizontalMargin:0},seriesColors:i}},children:e}),we="undefined"!=typeof window?A.useLayoutEffect:A.useEffect;var Le,ze,Ye,Ue,Be,He,Ge,Qe,_e,Fe,Ve,We,Je,qe;!function(e){e.DATE="DATE",e.ARRAY="ARRAY",e.OBJECT="OBJECT",e.STRING="STRING",e.INTEGER="INTEGER",e.CURRENCY="CURRENCY",e.PERCENT="PERCENT",e.DURATION="DURATION",e.MONTH="MONTH_TIMESTAMP",e.QUARTER="QUARTER_TIMESTAMP",e.DAY="DAY_TIMESTAMP",e.WEEK="WEEK_TIMESTAMP",e.YEAR="YEAR_TIMESTAMP",e.HOUR="HOUR_TIMESTAMP"}(Le||(Le={})),function(e){e.CAMPAIGNS="experiments",e.VISITOR_ITEMS="visitor_items",e.DEVICE_ITEMS="device_items",e.TRAFFIC_SOURCE_ITEMS="traffic_source_items"}(ze||(ze={})),function(e){e.SESSIONS="sessions",e.SALES="sales"}(Ye||(Ye={})),function(e){e.EQ="=",e.IN="IN",e.LIKE="LIKE"}(Ue||(Ue={})),function(e){e.OR="OR",e.AND="AND"}(Be||(Be={})),function(e){e.DEVICE="device",e.DEVICES="devices",e.VISITOR="visitor_type",e.VISITORS="visitor_types",e.TRAFFIC_SOURCE="traffic_source",e.TRAFFIC_SOURCES="traffic_sources",e.VERSION="version",e.VERSIONS="versions",e.SINGLE_PAGE="page_path",e.LIST_PAGE="page_paths",e.GROUP_CAMPAIGN_ITEM="group_campaign_item",e.GROUP_CAMPAIGN_ITEMS="group_campaign_items",e.SINGLE_CAMPAIGN="experiment_id",e.GROUP_CAMPAIGN="experiment_group_id",e.CAMPAIGN_VERSION_ID="version_id",e.GROUP_CAMPAIGN_VERSION_ID="group_version_id"}(He||(He={})),function(e){e.DEVICE_OPERATOR="deviceOperator",e.VISITOR_OPERATOR="visitorOperator",e.TRAFFIC_SOURCE_OPERATOR="trafficSourceOperator",e.VERSION_OPERATOR="versionOperator",e.PAGE_OPERATOR="pageOperator",e.CAMPAIGN_ITEM_OPERATOR="campaignItemOperator"}(Ge||(Ge={})),function(e){e.NONE="",e.TOTALS="TOTALS",e.ALL="WITH GROUP_TOTALS, TOTALS"}(Qe||(Qe={})),function(e){e.ASC="ASC",e.DESC="DESC"}(_e||(_e={})),function(e){e.PAGE_ITEMS="page_items",e.PAGE_PATHS="page_paths"}(Fe||(Fe={})),function(e){e.PAGE_PATH="page_path"}(Ve||(Ve={})),function(e){e.SHOPIFY_PAGE_ID="shopify_page_id",e.LOCATION_PATH="location_path",e.PAGE_TYPE="page_type",e.PAGE_TITLE="page_title",e.PAGE_PATH="page_path",e.TEMPLATE_SUFFIX="template_suffix"}(We||(We={})),function(e){e.DEFAULT="DEFAULT",e.COMPARISON="COMPARISON",e.TOTALS="TOTALS",e.COMPARISON_TOTALS="COMPARISON_TOTALS"}(Je||(Je={})),function(e){e.HOUR="hour",e.DAY="day",e.WEEK="week",e.MONTH="month",e.QUARTER="quarter",e.YEAR="year"}(qe||(qe={})),Je.DEFAULT,Je.COMPARISON,Je.TOTALS,Je.COMPARISON_TOTALS;const Xe=({value:e,formatter:t,getTextPrice:n,name:i})=>{if(null!==e&&("object"==typeof e||Array.isArray(e)))return e;switch(t){case Le.INTEGER:return U((e??0).toString());case Le.CURRENCY:return n?n(e,!1):`${e??0}`;case Le.DATE:return(e=>{if(!e)return"None";const t=X(e),n=X(),i=X().subtract(1,"day"),a=t.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),r=t.format("YYYY-MM-DD")===i.format("YYYY-MM-DD");if(a)return`Today at ${t.format("HH:mm")}`;if(r)return`Yesterday at ${t.format("HH:mm")}`;const s=n.diff(t,"day");return s>=0&&s<7?`${t.format("dddd")} at ${t.format("HH:mm")}`:`${t.format("MMM D")} at ${t.format("hh:mm a")}`})(e);case Le.PERCENT:return"number"!=typeof e?H(0,1,2)??"":H(e/100,1,2)??"";case Le.DURATION:return(e=>{let t=e;Number.isFinite(e)&&null!=e||(t=0);const n=z(t);if(t>=ne)return`${Math.floor(t/ne)}h ${Math.floor(t%ne/te)}m ${Math.floor(t%te)}s`;if(t>=te)return`${Math.floor(t/te)}m ${Math.floor(t%te)}s`;return`${n}s`})(Number(e));case Le.STRING:{const t=i===ze.CAMPAIGNS?"":"None";return e??t}case Le.DAY:return ie(e,ee.DAY,{isExpandDetail:!0});case Le.HOUR:return ie(e,ee.HOUR,{isExpandDetail:!0});case Le.MONTH:return ie(e,ee.MONTH,{isExpandDetail:!0});case Le.YEAR:return ie(e,ee.YEAR);case Le.WEEK:return ie(e,ee.WEEK,{isExpandDetail:!0});case Le.QUARTER:return ie(e,ee.QUARTER,{isExpandDetail:!0});case Le.OBJECT:case Le.ARRAY:return e;default:return`${e}`}},Ke=e=>{try{const t=(e=>{if(e)return"string"==typeof e?JSON.parse(e):e})(e);if(!Array.isArray(t))return;return t}catch{return}},Ze=e=>Ke(e)?.map(e=>({...e,total:Number(e.total)})),$e=(e,t)=>{const n=e?.[t];return"number"==typeof n?n:0};var et;!function(e){e.NEXT="NEXT",e.PREV="PREV"}(et||(et={}));const tt=({metricKey:e,columnTypes:t})=>{const{formatData:n}=(({getTextPrice:e}={})=>{const{getTextPrice:t}=ke(),n=e??t,i=({value:e,formatter:t,name:i})=>Xe({value:e,formatter:t,getTextPrice:n,name:i});return{formatData:i,computeMetric:({metric:e,previousMetric:t,metricKey:n,formatter:a})=>{if(!(e=>{const t=e?.sessions;return"number"==typeof t&&t>0})(e))return{value:0,change:"-"};const r=$e(e,n),s=$e(t,n),o=i({value:r,formatter:a,name:n});return 0===r&&0!==s?{value:o,change:-100}:0===s?{value:o,change:"-"}:{value:o,change:(r-s)/s*100}}}})(),i=e?t?.[e]:void 0,a=e=>String(n({value:e,formatter:i})),r={labelFormatter:e=>a(Number(e)||0)};return{formatValue:a,yAxisOptions:r}};function nt(e){const[t,n]=i.useState(e);return{value:t,toggle:i.useCallback(()=>n(e=>!e),[]),setTrue:i.useCallback(()=>n(!0),[]),setFalse:i.useCallback(()=>n(!1),[])}}const it=()=>{const[e,t]=i.useState(()=>({width:"undefined"!=typeof window?window.innerWidth:0,height:"undefined"!=typeof window?window.innerHeight:0})),n=i.useMemo(()=>({xs:e.width<=768,md:768<e.width&&e.width<=1024,lg:e.width>1024,xsDown:e.width<768,"1200Down":e.width<1200,"1040Down":e.width<1040}),[e.width]),a=!n.lg,r=n.xs;return i.useEffect(()=>{const e=()=>{t({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),{windowSize:e,windowWidth:n,isMobileTabletView:a,isMobileView:r}},at=({lineChartData:e,isLoading:n,isEmptyMetricData:i,columnTypes:a,metricKey:r})=>{const{formatValue:s,yAxisOptions:o}=tt({metricKey:r,columnTypes:a||{}});return r?n?t.jsx(ve,{}):i?t.jsx(rt,{title:"No data yet",description:"Data needs time to gather"}):t.jsx(Pe,{children:t.jsx(u.LineChart,{data:e,yAxisOptions:o,theme:"Light",tooltipOptions:{titleFormatter:()=>`${g[r]?.title??""}`,keyFormatter:e=>e,renderTooltipContent:e=>t.jsx(ct,{data:e,formatValue:s})},showLegend:!0})}):t.jsx(t.Fragment,{})};const rt=({boxProps:e,minHeight:i,description:a,title:r})=>t.jsx(n.Box,{minWidth:"100%",...e,children:t.jsx(se,{minHeight:i,children:t.jsx(n.Box,{padding:"400",children:t.jsxs(n.BlockStack,{gap:"400",align:"center",inlineAlign:"center",children:[t.jsx("div",{className:"h-[80px] w-[80px]",children:t.jsx(Ie,{source:"data:image/png;base64,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",width:"80px",height:"80px",alt:r,classRemoved:!0})}),t.jsxs(n.BlockStack,{gap:"200",align:"center",inlineAlign:"center",children:[t.jsx(n.Text,{as:"h4",variant:"headingSm",fontWeight:"semibold",children:r}),t.jsx(n.Text,{as:"h4",variant:"bodyMd",tone:"subdued",children:a})]})]})})})}),st=()=>t.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("g",{clipPath:"url(#clip0_18114_1160)",children:t.jsx("path",{d:"M1 1L6.5 6.5M6.5 6.5V1.5M6.5 6.5H1.5",stroke:"#8A8A8A",strokeWidth:"1.5"})}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_18114_1160",children:t.jsx("rect",{width:"8",height:"8",fill:"white"})})})]}),ot=()=>t.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("g",{clipPath:"url(#clip0_18114_1146)",children:t.jsx("path",{d:"M1 7L6.5 1.5M6.5 1.5H1.5M6.5 1.5V6.5",stroke:"#29845A",strokeWidth:"1.5"})}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_18114_1146",children:t.jsx("rect",{width:"8",height:"8",fill:"white",transform:"matrix(0 -1 1 0 0 8)"})})})]}),lt=({change:e})=>"number"!=typeof e?t.jsx("div",{style:{height:"2px",width:"11px",backgroundColor:"#8A8A8A"}}):t.jsxs("div",{style:{display:"flex",maxHeight:"20px",width:"fit-content",alignItems:"center",gap:"4px",borderRadius:"8px",fontSize:"12px",color:e>0?S.POSITIVE:S.NEUTRAL},children:[e<0&&t.jsx(n.InlineStack,{align:"center",children:t.jsx(st,{})}),e>0&&t.jsx(n.InlineStack,{align:"center",children:t.jsx(ot,{})}),t.jsx(n.Text,{as:"span",variant:"bodyXs",fontWeight:"semibold",children:G(Math.abs(e||0))})]}),ct=({data:e,formatValue:i})=>{const{activeIndex:a}=e,r=e?.dataSeries[0]?.data[a],s=e?.dataSeries[1]?.data[a],o=()=>{const e=r.trend?.value;if(!e)return"-";const t=Number(e.replace(/[%~]/g,""));return"negative"===r.trend?.trend?-1*t:t};return t.jsx("div",{className:"w-fit min-w-[175px]",children:t.jsx(n.Card,{padding:"200",children:t.jsxs(n.BlockStack,{gap:"100",children:[t.jsx(n.Text,{as:"p",variant:"bodySm",fontWeight:"semibold",children:e.formatters?.titleFormatter?.(e.title||"")||e.title}),t.jsxs(n.BlockStack,{gap:"100",children:[t.jsxs(n.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[t.jsxs(n.InlineStack,{gap:"100",blockAlign:"center",children:[t.jsx("div",{className:"h-[2px] w-[12px] rounded-[10px] bg-[#4FA9EA]"}),t.jsx(n.Text,{as:"p",variant:"bodySm",fontWeight:"medium",tone:"subdued",children:r.tooltipKey})]}),t.jsxs(n.InlineStack,{blockAlign:"center",gap:"100",children:[t.jsx(n.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:i(r.value)}),t.jsx(lt,{change:o()})]})]}),t.jsxs(n.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[t.jsxs(n.InlineStack,{gap:"100",blockAlign:"center",children:[t.jsx("div",{className:"w-[12px] border border-dashed border-[#A1CAE7]"}),t.jsx(n.Text,{as:"p",variant:"bodySm",tone:"subdued",fontWeight:"medium",children:s.tooltipKey})]}),t.jsxs(n.InlineStack,{blockAlign:"center",gap:"100",children:[t.jsx(n.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:i(s.value)}),t.jsx("div",{className:"opacity-0",children:t.jsx(lt,{change:o()})})]})]})]})]})})})},dt=({isShowOneLine:e})=>e?t.jsx(n.Box,{width:"40%",children:t.jsx(n.SkeletonBodyText,{lines:1})}):t.jsxs(n.BlockStack,{gap:"200",children:[t.jsx(n.Box,{width:"60%",children:t.jsx(n.SkeletonBodyText,{lines:1})}),t.jsx(n.Box,{width:"40%",children:t.jsx(n.SkeletonBodyText,{lines:1})})]}),ut=()=>t.jsx(n.Card,{children:t.jsxs(n.BlockStack,{gap:"400",children:[t.jsx(dt,{isShowOneLine:!0}),t.jsx(ve,{})]})}),mt=({totalValue:e,hideComparison:i})=>t.jsx(n.BlockStack,{gap:"200",children:t.jsxs(n.InlineStack,{blockAlign:"center",gap:"200",wrap:!1,children:[t.jsx(n.InlineStack,{blockAlign:"center",gap:"200",children:t.jsx(n.Text,{as:"span",variant:"headingSm",children:e.value})}),!i&&t.jsx(lt,{change:e.change})]})}),ht=({item:e,isHovered:i,isLoading:a,hideComparison:r,titleVariant:s="headingMd",titleFontWeight:o,onClickTitle:l})=>{const{key:c,title:d,totalValue:u}=e,m=g[c];return a?t.jsx(dt,{}):t.jsxs(n.BlockStack,{gap:"200",children:[t.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e?.stopPropagation(),l?.(c)},children:t.jsxs(n.InlineStack,{wrap:!1,children:[t.jsx(n.Box,{maxWidth:"100%",overflowX:"hidden",children:t.jsx(De,{tooltip:m,children:t.jsx(n.Text,{as:"span",variant:s,fontWeight:o,truncate:!0,children:d})})}),i&&t.jsx("div",{className:"flex h-[20px] w-[20px] items-center",children:t.jsx(n.Icon,{source:b,tone:"inherit"})})]})}),t.jsx(mt,{totalValue:u,hideComparison:r})]})},At=({item:e,isActive:a,isLoading:r,hideComparison:s,onSelect:o,onClickTitle:l})=>{const[c,d]=i.useState(!1),u=a||c;return t.jsx("div",{className:"w-full cursor-pointer overflow-hidden",onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:()=>o(e.key),children:t.jsx(n.Box,{paddingBlock:"150",paddingInline:"300",borderRadius:"200",background:u?"bg-surface-active":void 0,children:t.jsx(ht,{item:e,isHovered:c,isLoading:r,hideComparison:s,titleVariant:"headingSm",titleFontWeight:"semibold",onClickTitle:l})})})};Be.OR,Ge.DEVICE_OPERATOR,He.DEVICE,He.DEVICES,He.DEVICE,Ge.VISITOR_OPERATOR,He.VISITOR,He.VISITORS,He.VISITOR,Ge.TRAFFIC_SOURCE_OPERATOR,He.TRAFFIC_SOURCE,He.TRAFFIC_SOURCES,He.TRAFFIC_SOURCE,Ge.VERSION_OPERATOR,He.VERSION,He.VERSIONS,He.VERSION,Ge.PAGE_OPERATOR,He.SINGLE_PAGE,He.LIST_PAGE,He.SINGLE_PAGE,Ge.CAMPAIGN_ITEM_OPERATOR,He.GROUP_CAMPAIGN_ITEM,He.GROUP_CAMPAIGN_ITEMS,He.GROUP_CAMPAIGN,He.SINGLE_CAMPAIGN,He.SINGLE_CAMPAIGN,He.GROUP_CAMPAIGN;const gt=(e,t)=>{if(0===e&&0===t)return;if(0===t)return e>0?"100%":"0%";const n=(e-t)/t*100;return`${Math.abs(n).toFixed(0)}%`},pt=(e,t)=>{const n=e?.find(e=>e?.type?.toLowerCase()===t.toLowerCase());return n?.total??0},Mt=({targets:e,metricKey:t,totalsRow:n,comparisonTotalsRow:i,sort:a})=>{const r=Ze(n?.[t]),s=Ze(i?.[t]),o=!!i?.[t],l=e.map(({value:e,label:t})=>(({name:e,currentValue:t,prevValue:n,hasPreviousData:i})=>({name:e,data:[{key:"value",value:t}],metadata:{trend:{value:i?gt(t,n):void 0,direction:t>=n?"upward":"downward",trend:t>=n?"positive":"negative"}}}))({name:t,currentValue:pt(r,e),prevValue:pt(s,e),hasPreviousData:o})),c=e=>e.data[0]?.value??0;return a?[...l].sort((e,t)=>c(t)-c(e)):l};const Tt=[{id:p.ALL_SESSION,content:"All sessions",helpText:"Count metrics for all sessions where this page shows up anywhere in the journey: before, during, or after other pages.",icon:"data:image/png;base64,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"},{id:p.FIRST_SESSION,content:"Entry session only",helpText:"Count metrics for sessions only where this page was the very first page visited, then track how they moved through the funnel.",icon:"data:image/png;base64,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"}];var ft;function xt(){return{[e.MainDateTimePickerAlias.TODAY]:{title:"Today",alias:e.MainDateTimePickerAlias.TODAY,getDateRange:Vt},[e.MainDateTimePickerAlias.YESTERDAY]:{title:"Yesterday",alias:e.MainDateTimePickerAlias.YESTERDAY,getDateRange:Wt},[e.MainDateTimePickerAlias.LAST_7_DAYS]:{title:"Last 7 days",alias:e.MainDateTimePickerAlias.LAST_7_DAYS,getDateRange:Jt},[e.MainDateTimePickerAlias.LAST_30_DAYS]:{title:"Last 30 days",alias:e.MainDateTimePickerAlias.LAST_30_DAYS,getDateRange:qt},[e.MainDateTimePickerAlias.LAST_90_DAYS]:{title:"Last 90 days",alias:e.MainDateTimePickerAlias.LAST_90_DAYS,getDateRange:Xt},[e.MainDateTimePickerAlias.LAST_365_DAYS]:{title:"Last 365 days",alias:e.MainDateTimePickerAlias.LAST_365_DAYS,getDateRange:Kt},[e.MainDateTimePickerAlias.LAST_MONTH]:{title:"Last month",alias:e.MainDateTimePickerAlias.LAST_MONTH,getDateRange:Zt},[e.MainDateTimePickerAlias.LAST_12_MONTHS]:{title:"Last 12 months",alias:e.MainDateTimePickerAlias.LAST_12_MONTHS,getDateRange:$t},[e.MainDateTimePickerAlias.LAST_YEAR]:{title:"Last year",alias:e.MainDateTimePickerAlias.LAST_YEAR,getDateRange:en}}}function It(e){return xt()[e]}e.MainDateTimePickerAlias=void 0,(ft=e.MainDateTimePickerAlias||(e.MainDateTimePickerAlias={})).TODAY="today",ft.YESTERDAY="yesterday",ft.LAST_7_DAYS="last7days",ft.LAST_30_DAYS="last30days",ft.LAST_90_DAYS="last90days",ft.LAST_365_DAYS="last365days",ft.LAST_MONTH="lastMonth",ft.LAST_12_MONTHS="last12Months",ft.LAST_YEAR="lastYear";const jt={YMD:"YYYY-MM-DD",MONTH_YEAR:"MMM YYYY",FULL:"MMMM D, YYYY",FULL_WITH_TIME:"MMMM D, YYYY [at] h:mm A",SHORT:"MMM DD, YYYY",SHORT_NO_PAD:"MMM D, YYYY",SHORT_WITH_TIME:"MMM D, YYYY [at] h:mm A",MONTH_DAY:"MMM D",DAY_YEAR:"D, YYYY",TIME:"h:mm A",MONTH_DAY_WITH_TIME:"MMM D [at] h:mm A",YEAR:"YYYY"};const Nt=/^\d{4}-\d{1,2}-\d{1,2}/;function Dt(e){return!isNaN(new Date(e).getDate())}function Et(e){return Nt.test(e)&&Dt(e)}function St(e){return 10===e.length&&Et(e)}function vt(e,t){const n=K(e);return"YMD"===t?n.format(jt.YMD):"MY"===t?n.format(jt.MONTH_YEAR):"FULL"===t?n.format(jt.FULL):"FULL_WITH_TIME"===t?n.format(jt.FULL_WITH_TIME):n.format(jt.SHORT)}function Ot(e,t){const n=K(e),i=K(t);return n.isSame(i,"day")}function yt(e){const{since:t,until:n,format:i=jt.TIME,showNow:a=!1}=e,r=K(t),s=K(n);return`${r.format(i)} - ${a?"Now":s.format(i)}`}function Ct(e){const{since:t,until:n,isShowNow:i}=e,a=K(t),r=K(n),s=a.isSame(X(),"day"),o=a.format(jt.TIME),l=r.format(jt.TIME);if(s){return`Today at ${o} - ${i?"Now":l}`}if(i)return`${a.format(jt.SHORT_WITH_TIME)} - Now`;if(a.isSame(r,"day"))return`${a.format(jt.SHORT_WITH_TIME)} - ${l}`;if(a.isSame(r,"day")){const e=yt({since:t,until:n});return`${a.format(jt.SHORT)} (${e})`}return a.isSame(r,"year")?`${a.format(jt.MONTH_DAY_WITH_TIME)} - ${r.format(jt.MONTH_DAY_WITH_TIME)}, ${r.format(jt.YEAR)}`:`${a.format(jt.SHORT_WITH_TIME)} - ${r.format(jt.SHORT_WITH_TIME)}`}const Rt=(e,t=!1,n)=>t&&bt(e)?e.endOf("day").format(n):e.format(n),kt=(e,t)=>Rt(e?X(e).endOf("day"):X().endOf("day"),!1,t),bt=e=>0===e.hour()&&0===e.minute();function Pt(e,t){const n=K(e),i=K(t);return n.isSame(i,"day")?n.format(jt.SHORT):n.isSame(i,"month")&&n.isSame(i,"year")?`${n.format(jt.MONTH_DAY)} - ${i.format(jt.DAY_YEAR)}`:n.isSame(i,"year")?`${n.format(jt.MONTH_DAY)} - ${i.format(jt.SHORT_NO_PAD)}`:`${n.format(jt.SHORT_NO_PAD)} - ${i.format(jt.SHORT_NO_PAD)}`}function wt(t){const{since:n,until:i,isShowNow:a}=t,r=K(n);return r.isSame(X(),"day")?It(e.MainDateTimePickerAlias.TODAY).title:a?`${r.format(jt.SHORT_NO_PAD)} - Now`:Pt(n,i)}const Lt=({since:e,until:t,isShowNow:n})=>{if(Ot(e,t))return yt({since:e,until:t,showNow:n})},zt=e=>[...e].sort((e,t)=>Y(t.version)-Y(e.version)).map(e=>{if(!e.startedAt)return!1;const t=!e.completedAt,n=Z(e.startedAt).valueOf(),i=t?Z(kt()).valueOf():Z(e.completedAt).valueOf(),a=wt({since:n,until:i,isShowNow:t}),r=Lt({since:n,until:i,isShowNow:t});return{title:a,alias:`${e.version}`,since:n,until:i,isVersion:!0,isCurrentVersion:t,description:r,versionId:e.id}}).filter(Boolean),Yt=()=>({since:0,until:0}),Ut=t=>{const{since:n,until:i,alias:r}=t,s=a(n),o=a(i);if(r===e.MainDateTimePickerAlias.LAST_MONTH)return Zt(s);if(r===e.MainDateTimePickerAlias.LAST_12_MONTHS)return $t(s);if(r===e.MainDateTimePickerAlias.LAST_YEAR)return en(s);const l=o.diff(s,"day")+1,c=s.subtract(l,"day"),d=o.subtract(l,"day");return{since:c.valueOf(),until:d.valueOf()}},Bt=(e,t)=>n=>{const{since:i,until:r}=n,s=a(i),o=a(r).diff(s,"day"),l=s.subtract(e,t),c=l.add(o,"day");return{since:l.valueOf(),until:c.valueOf()}},Ht=Bt(7,"day"),Gt=Bt(3,"month"),Qt=Bt(1,"month"),_t=Bt(1,"year"),Ft=e=>t=>({since:t.subtract(e,"day").valueOf(),until:t.valueOf()}),Vt=e=>({since:e.valueOf(),until:e.valueOf()}),Wt=e=>({since:e.subtract(1,"day").valueOf(),until:e.subtract(1,"day").valueOf()}),Jt=Ft(6),qt=Ft(29),Xt=Ft(89),Kt=Ft(364);function Zt(e){return{since:e.subtract(1,"month").startOf("month").valueOf(),until:e.subtract(1,"month").endOf("month").valueOf()}}function $t(e){return{since:e.subtract(12,"month").startOf("month").valueOf(),until:e.subtract(1,"month").endOf("month").valueOf()}}function en(e){return{since:e.subtract(1,"year").startOf("year").valueOf(),until:e.subtract(1,"year").endOf("year").valueOf()}}const tn=(e,t,n)=>{const i=a(n),r=i.month();if(i.year()!==t||r!==e){const e=i.subtract(1,"month");return{month:e.month(),year:e.year()}}return{month:e,year:t}};var nn;e.CompareDateTimePickerAlias=void 0,(nn=e.CompareDateTimePickerAlias||(e.CompareDateTimePickerAlias={})).NO_COMPARISON="noComparison",nn.PREVIOUS_PERIOD="previousPeriod",nn.PREVIOUS_WEEK="previousWeek",nn.PREVIOUS_MONTH="previousMonth",nn.PREVIOUS_QUARTER="previousQuarter",nn.PREVIOUS_YEAR="previousYear";const an={title:"Previous period",alias:e.CompareDateTimePickerAlias.PREVIOUS_PERIOD,since:0,until:0},rn=[{title:"No comparison",alias:e.CompareDateTimePickerAlias.NO_COMPARISON,since:0,until:0},an,{title:"Previous week",alias:e.CompareDateTimePickerAlias.PREVIOUS_WEEK,since:0,until:0},{title:"Previous quarter",alias:e.CompareDateTimePickerAlias.PREVIOUS_QUARTER,since:0,until:0},{title:"Previous month",alias:e.CompareDateTimePickerAlias.PREVIOUS_MONTH,since:0,until:0},{title:"Previous year",alias:e.CompareDateTimePickerAlias.PREVIOUS_YEAR,since:0,until:0}],sn={[e.CompareDateTimePickerAlias.NO_COMPARISON]:Yt,[e.CompareDateTimePickerAlias.PREVIOUS_PERIOD]:Ut,[e.CompareDateTimePickerAlias.PREVIOUS_WEEK]:Ht,[e.CompareDateTimePickerAlias.PREVIOUS_QUARTER]:Gt,[e.CompareDateTimePickerAlias.PREVIOUS_MONTH]:Qt,[e.CompareDateTimePickerAlias.PREVIOUS_YEAR]:_t},on=()=>{const t=Z().startOf("day"),n=xt(),i=n[e.MainDateTimePickerAlias.TODAY],a={...i,...i.getDateRange(t)},r=n[e.MainDateTimePickerAlias.YESTERDAY],s={...r,...r.getDateRange(t)},o=n[e.MainDateTimePickerAlias.LAST_7_DAYS],l={...o,...o.getDateRange(t)},c=n[e.MainDateTimePickerAlias.LAST_30_DAYS],d={...c,...c.getDateRange(t)},u=n[e.MainDateTimePickerAlias.LAST_90_DAYS],m={...u,...u.getDateRange(t)},h=n[e.MainDateTimePickerAlias.LAST_365_DAYS],A={...h,...h.getDateRange(t)},g=n[e.MainDateTimePickerAlias.LAST_MONTH],p={...g,...g.getDateRange(t)},M=n[e.MainDateTimePickerAlias.LAST_12_MONTHS],T={...M,...M.getDateRange(t)},f=n[e.MainDateTimePickerAlias.LAST_YEAR];return{DATE_TIME_FILTERS:[a,s,l,d,m,A,p,T,{...f,...f.getDateRange(t)}],LAST_7_DAYS_DATE_RANGE:l,LAST_30_DAYS_DATE_RANGE:d}},ln=i.createContext({dateTimePicked:{since:X().valueOf(),until:X().valueOf(),title:"Today",alias:"today"},compareDateTimePicked:an,setDateTimePicked:()=>{},setCompareDateTimePicked:()=>{},resetDateVersion:()=>{}}),cn=()=>{const e=i.useContext(ln);if(!e)throw new Error("useDateTimePickerContext must be used within a DateTimePickerProvider");return e},dn=({ranges:e,initialPicked:t,onApply:n})=>{const{DATE_TIME_FILTERS:r}=on(),s=e||r,{dateTimePicked:o,setDateTimePicked:l}=cn(),[c,d]=i.useState(o),[{month:u,year:m},h]=i.useState({month:a(o.since).month(),year:a(o.since).year()});i.useEffect(()=>{if(o){const e=new Date(o.until);((e,t)=>t.month-e.month+12*(e.year-t.year))({year:m,month:u},{year:e.getFullYear(),month:e.getMonth()})}},[o,u,m]);return i.useEffect(()=>{o&&(d(o),h({month:a(o.since).month(),year:a(o.since).year()}))},[o]),{month:u,year:m,setDate:h,dateRange:c,apply:()=>{l(c),n?.(c)},cancel:()=>{d(o)},dateTimePicked:o,onChange:({end:e})=>{h(tn(u,m,e))},onMonthChange:(e,t)=>{h({month:e,year:t})},onCalendarChange:e=>{const{start:n,end:i,alias:a}=e,r={alias:"custom",title:"Custom",since:n.getTime(),until:i.getTime()},o=s.find(e=>{const t=e.alias===a,r=e.until===i.getTime(),s=e.since===n.getTime();return t||s&&r});d(o||t||r)}}};function un({onBlur:e,dateRange:a,setDateTimePicked:r}){const[s,o]=i.useState(!1),[l,c]=i.useState({}),d=i.useCallback((e,t=!1)=>!a.isVersion||t&&a.isCurrentVersion?vt(e,"FULL"):vt(e,"FULL_WITH_TIME"),[a.isVersion,a.isCurrentVersion]);function u(){o(!1),c({since:d(a.since),until:d(a.until,!0)}),e&&e()}return i.useEffect(()=>{s||c({since:d(a.since),until:d(a.until,!0)})},[a,d]),t.jsxs(n.InlineGrid,{gap:"200",columns:"1fr auto 1fr",children:[t.jsx(n.TextField,{role:"combobox",label:"Since",labelHidden:!0,value:a.since?l.since:"MMMM D, YYYY",onChange:function(e){if(c(t=>({...t,since:e})),St(e)){const t=K(e).startOf("day"),n=K(a.until).endOf("day"),i=t.isAfter(n)?t.endOf("day"):n;r({start:Z(t).toDate(),end:Z(i).toDate()})}},onBlur:()=>u(),onFocus:()=>(o(!0),void c({...l,since:vt(a.since,"YMD")})),autoComplete:"off"}),t.jsx(n.InlineStack,{children:t.jsx(n.Icon,{source:y,tone:"subdued"})}),t.jsx(n.TextField,{role:"combobox",label:"Until",labelHidden:!0,value:a.until?l.until:"MMMM D, YYYY",onChange:function(e){if(c(t=>({...t,until:e})),St(e)){const t=X().endOf("day"),n=K(e).endOf("day"),i=n.isAfter(t)?t:n,s=K(a.since).startOf("day"),o=i.isBefore(s)?i.startOf("day"):s;r({start:Z(o).toDate(),end:Z(i).toDate()})}},onBlur:()=>u(),onFocus:()=>(o(!0),void c({...l,until:vt(a.until,"YMD")})),autoComplete:"off"})]})}function mn(e){const{setDateTimePicked:i,dateTimePicked:a,rangeAddition:r,allRanges:s}=e,{value:o,toggle:l}=nt(!0),c=r?.rangers||[],d=c.map(e=>{const i=a.alias===e.alias;return{value:e.alias,label:t.jsxs(n.Text,{as:"span",truncate:!0,children:[t.jsx(n.Text,{as:"span",variant:"bodyMd",fontWeight:i?"semibold":"regular",children:e.title}),e.description&&t.jsxs(t.Fragment,{children:[" ",t.jsx(n.Text,{as:"span",variant:"bodyXs",fontWeight:"regular",tone:"subdued",children:`(${e.description})`})]})]})}});if(r&&0!==c.length)return t.jsxs(n.Box,{borderBlockEndWidth:"025",borderColor:"border",paddingBlock:"200",children:[t.jsx("div",{className:"px-1.5",children:t.jsx(me,{onClick:l,"aria-expanded":o,className:_("hover:bg-surface-hover cursor-pointer rounded-lg p-1.5"),children:t.jsxs(n.InlineStack,{align:"space-between",blockAlign:"center",children:[t.jsx(n.Text,{as:"span",variant:"bodyMd",children:r.title}),t.jsx(n.Box,{children:t.jsx(n.Icon,{source:o?P:k})})]})})}),t.jsx(n.Collapsible,{open:o,id:"date-time-filter-periods-collapsible",transition:{duration:"200ms",timingFunction:"ease-in-out"},children:t.jsx(ge,{options:d,selected:a?[a.alias]:[],onChange:e=>{const t=e[0],n=s.find(e=>e.alias===t)||s[0];i({start:X(n?.since).toDate(),end:X(n?.until).toDate(),alias:n?.alias})}})})]})}function hn(e){const{setDateTimePicked:i,dateTimePicked:a,allRanges:r,isCompare:s}=e,{DATE_TIME_FILTERS:o}=on(),{mdDown:l}=n.useBreakpoints(),c=s?[...rn]:[...o];return t.jsx(n.Box,{maxWidth:l?"516px":"250px",width:l?"100%":"250px",padding:{xs:"500",md:"0"},paddingBlockEnd:{xs:"100",md:"0"},children:l?t.jsx(n.Select,{label:"dateRangeLabel",labelHidden:!0,onChange:e=>(e=>{const t=r.find(({title:t,alias:n})=>t===e||n===e)||r[0];i({start:X(t?.since).toDate(),end:X(t?.until).toDate(),alias:t?.alias})})(e),value:a?.title||a?.alias||"",options:r.map(({alias:e,title:t})=>t||e)}):t.jsx(n.Scrollable,{style:{maxHeight:"356px"},children:t.jsx(n.Box,{children:t.jsxs(n.BlockStack,{children:[t.jsx(mn,{...e}),t.jsx(n.OptionList,{options:c.map(e=>({value:e.alias,label:e.title})),selected:a?[a.alias]:[],onChange:e=>(e=>{const t=r.find(t=>t.alias===e[0])||r[0];i({start:X(t?.since).toDate(),end:X(t?.until).toDate(),alias:t?.alias})})(e)})]})})})})}const An=({ranges:e,onApply:t})=>{const n=e||rn,{compareDateTimePicked:a,setCompareDateTimePicked:r}=cn(),{dateTimePicked:s}=cn(),[o,l]=i.useState(a),[{month:c,year:d},u]=i.useState({month:X(a.since).month(),year:X(a.since).year()});return{month:c,year:d,setDate:u,dateRange:o,apply:()=>{r(o),t?.(o)},cancel:()=>{l(a)},compareDateTimePicked:a,onChange:({end:e})=>{u(tn(c,d,e))},onMonthChange:(e,t)=>{u({month:e,year:t})},onCalendarChange:({start:e,end:t,alias:i})=>{const a=n.find(e=>e.alias===i);l(a?{...a,...sn[i]({since:s.since,until:s.until})}:{alias:"custom",title:"Custom",since:e.getTime(),until:t.getTime()})}}},gn=e=>{const{dateTimeFilters:r,rangeAddition:s,popoverProps:o,activatorProps:c,actionProps:d,isCompare:u,buttonValue:m,activator:h}=e,A=s?.initialPicked,g=[...r||[],...s?.rangers||[]],p=u?An:dn,{month:M,year:T,dateRange:f,apply:x,cancel:I,onMonthChange:j,onCalendarChange:N,onChange:D}=p({ranges:g,initialPicked:A,onApply:e.onApply}),{t:E}=l.useTranslation(),{mdDown:S,lgUp:v}=n.useBreakpoints(),O=v,y=i.useMemo(()=>{if(f.isVersion&&f.since&&f.until)return Ct({since:f.since,until:f.until,isShowNow:f.isCurrentVersion})},[f.since,f.until,f.isVersion,f.isCurrentVersion]),[R,k]=i.useState(!1),b=i.useRef(null),P=i.useRef(y);R||(P.current=y);const w=P.current;function L({relatedTarget:e}){var t;null!=e&&(t=e,!!b?.current&&function(e,t){if(e===t)return!0;let n=t.parentNode;for(;null!=n;){if(n===e)return!0;n=n.parentNode}return!1}(b.current,t))||k(!1)}function z(){I(),k(!1)}const Y=()=>{u||k(!R)};return t.jsx(n.Popover,{active:R,autofocusTarget:"none",preferredAlignment:"right",preferredPosition:"below",fluidContent:!0,sectioned:!1,fullHeight:!0,activator:t.jsx(se,{height:"100%",minHeight:"28px",align:"center",children:t.jsx(oe,{content:w,maxWidth:h?"large":"extra-large",children:t.jsx(n.Box,{children:h?h({onClick:Y,value:m}):t.jsx(n.Button,{size:"slim",icon:u?void 0:C,onClick:Y,...c,children:m})})})}),onClose:z,...o,children:t.jsxs(n.Scrollable,{vertical:!0,scrollbarWidth:"thin",className:"max-w-[100%]",children:[t.jsx(n.Popover.Pane,{fixed:!0,children:t.jsx("div",{ref:b,children:t.jsxs(n.InlineGrid,{columns:{xs:"1fr",md:"max-content max-content"},gap:"0",children:[t.jsx(hn,{setDateTimePicked:e=>{N(e),D(e)},dateTimePicked:f,rangeAddition:s,allRanges:g,isCompare:u}),t.jsx(n.Box,{padding:"400",maxWidth:S?"320px":"516px",borderInlineStartWidth:"025",borderColor:"border-secondary",children:t.jsxs(n.BlockStack,{gap:"400",children:[t.jsx(un,{setDateTimePicked:N,dateRange:f,onBlur:()=>L}),t.jsx("div",{children:t.jsx(n.DatePicker,{month:M,year:T,selected:f.since||f.until?{start:a(f.since).toDate(),end:a(f.until).toDate()}:void 0,onMonthChange:j,onChange:N,multiMonth:O,allowRange:!0,disableDatesAfter:$()})}),d&&t.jsx(le,{...d,onClick:()=>{k(!1),d.onClick?.()}})]})})]})})}),t.jsx(n.Popover.Pane,{fixed:!0,children:t.jsx(n.Box,{padding:"400",borderBlockStartWidth:"025",borderColor:"border-secondary",children:t.jsx(n.InlineStack,{align:"end",gap:"200",children:t.jsxs(n.ButtonGroup,{children:[t.jsx(n.Button,{onClick:z,children:E("Cancel")}),t.jsx(n.Button,{variant:"primary",onClick:function(){x(),k(!1)},children:E("Apply")})]})})})})]})})},pn=n=>{const{rangeAddition:a,popoverProps:r}=n,s=a?.initialPicked,o=rn,c=[...o,...a?.rangers||[]],{t:d}=l.useTranslation(),{compareDateTimePicked:u}=An({ranges:c,initialPicked:s}),m=i.useMemo(()=>u.alias===e.CompareDateTimePickerAlias.NO_COMPARISON?d("No comparison"):d("Compare to: {{value}}",{value:Pt(u.since,u.until)}),[u,d]);return t.jsx(gn,{dateTimeFilters:o,rangeAddition:a,popoverProps:r,isCompare:!0,buttonValue:m})},Mn=e=>{const{rangeAddition:n,popoverProps:i,activator:a,onApply:r,activatorProps:s,actionProps:o}=e,{DATE_TIME_FILTERS:l}=on(),c=l,d=n?.rangers||[],u=n?.initialPicked,m=[...c,...d],{dateTimePicked:h}=dn({ranges:m,initialPicked:u});return t.jsx(gn,{activatorProps:s,dateTimeFilters:c,rangeAddition:n,popoverProps:i,actionProps:o,buttonValue:(()=>{if(h.isVersion&&d.length>0){const e=h.description?`at ${h.description}`:"";return`Period: ${h.title} ${e}`}return"custom"===h.alias?Pt(h.since,h.until):h.title})(),activator:a,onApply:r})};e.dayjs=a,e.ANALYTICS_METRIC_TOOLTIP=g,e.AnalyticModeSelector=({activatorText:e="View by",value:n,onChange:a})=>{const r=i.useMemo(()=>Tt.map(e=>({...e})),[]);return t.jsx(Ee,{activatorText:e,options:r,selected:n,onSelect:e=>{a(e)},maxWidth:"650px"})},e.CAMPAIGN_BACKGROUND_MAIN={ORIGIN:"#2C7DFF",VARIANT:"#F34A70"},e.CHART_MIN_HEIGHT=228,e.COMPARE_DATE_TIME_FILTERS_MAP=sn,e.ConvertMoneyProvider=({children:e,currency:n,locale:a="en-US"})=>{Ce();const r=Oe(e=>e.currencyRates),s=i.useCallback((e,t,i)=>{if("string"==typeof e)return e;if("number"!=typeof e)return"0";if(!n)return e.toString();const s=r?((e,t,n,i)=>{if(t===n||!i[t]||!i[n])return e;const a=e*i[t]/i[n];return a?Number(a.toFixed(2)):e})(e,v,n,r):e;return L(((e,t=v,n)=>{if("string"==typeof e)return e;if("number"!=typeof e)return;const i="string"==typeof n?{locale:n}:n,a=i?.locale??"en-US";return e>=1e9?`${new Intl.NumberFormat(a,{style:"currency",currency:t,minimumFractionDigits:2,maximumFractionDigits:2}).format(e/1e9)}B`:e>=1e6?`${new Intl.NumberFormat(a,{style:"currency",currency:t,minimumFractionDigits:2,maximumFractionDigits:2}).format(e/1e6)}M`:i?.compact&&Math.abs(e)>=1e3?`${new Intl.NumberFormat(a,{style:"currency",currency:t,minimumFractionDigits:1,maximumFractionDigits:1}).format(e/1e3)}K`:new Intl.NumberFormat(a,{style:"currency",currency:t}).format(e)})(s,n,{locale:a,compact:i?.compact})??"0")},[n,a,r]),o=i.useMemo(()=>({getTextPrice:s}),[s]);return t.jsx(Re.Provider,{value:o,children:e})},e.CurrencySelector=({currencies:e,selected:a,preferredAlignment:r="left",activatorText:s,onSelect:o})=>{const{t:c}=l.useTranslation(),d=i.useRef(o),u=i.useCallback(e=>{d.current?.(e)},[]),m=i.useMemo(()=>{if(!e)return[];const t=e.map(e=>({content:e,id:e}));return t.some(e=>e.id===v)||t.push({content:v,id:v}),W(t,[{attr:"content",order:"asc",preferredValue:v}])},[e]),h=i.useMemo(()=>m.map(e=>({id:e.id,content:e.content,onAction:()=>u(e.id),active:e.id===a,suffix:e.id===a&&t.jsx(n.Icon,{source:R,tone:"success"}),helpText:e.id===v&&t.jsx(n.Text,{as:"p",fontWeight:"semibold",children:c("Default")})})),[m,a,u,c]),A=i.useMemo(()=>!m?.length||1===m.length&&m[0]?.id===v,[m]);return i.useEffect(()=>{d.current=o}),A?null:t.jsx(pe,{options:h,selected:a,variant:"action-list",onSelect:e=>u(e),activatorText:s??c("Currency"),maxWidth:"225px",preferredAlignment:r,helpText:t.jsx(n.Box,{padding:"200",paddingBlockStart:"300",paddingBlockEnd:"300",borderColor:"border-tertiary",background:"bg",children:t.jsx(Ae,{as:"p",variant:"bodyMd",transformers:{1:e=>t.jsx(fe,{linkAction:{url:"https://help.shopify.com/en/manual/international/pricing/exchange-rates#auto-convert",target:"_blank"},children:e},e+"text-link")},children:c("This will follow Shopify's current exchange rate. [1]Read more[]")})})})},e.DATE_TIME_COMPARISON_FILTERS=rn,e.DEFAULT_CURRENCY_ANALYTIC=v,e.DEFAULT_CURRENT_PERIOD_LABEL=N,e.DEFAULT_PREVIOUS_PERIOD_LABEL=D,e.DateTimeFilterInputs=un,e.DateTimeFilters=hn,e.DateTimePickerContext=ln,e.DateTimePickerProvider=({children:n,initDate:r,initDateCompare:s})=>{const[o,l]=i.useState(r||{since:X().set("hour",0).valueOf(),until:X().set("hour",0).valueOf(),title:"Today",alias:"today"}),{DATE_TIME_FILTERS:c}=on(),d=i.useCallback((e,t=o)=>({...an,...sn[e]({since:t.since,until:t.until,alias:t.alias})}),[o]),[u,m]=i.useState(s||d(e.CompareDateTimePickerAlias.PREVIOUS_PERIOD)),h=i.useCallback(t=>{"custom"!==u.alias&&u.alias!==e.CompareDateTimePickerAlias.NO_COMPARISON&&m(d(u.alias,t))},[u,d]),A=i.useCallback(e=>{l(e),h(e)},[h]);return t.jsx(ln.Provider,{value:{dateTimePicked:o,setDateTimePicked:A,compareDateTimePicked:u,setCompareDateTimePicked:m,resetDateVersion:()=>{const e=a(o.since).startOf("day").valueOf(),t=a(o.until).startOf("day").valueOf(),n=c.find(n=>n.since===e&&n.until===t);l({...o,isVersion:!1,versionId:void 0,isCurrentVersion:!1,description:"",title:n?.title||o.title,alias:n?.alias||"custom"})}},children:n})},e.GSelectableMetricChartCard=({metricInfo:e,dataChart:a,defaultActiveTab:r,isLoading:s,isEmptyMetricData:o,hideComparison:l,currentPeriodLabel:c=N,previousPeriodLabel:d=D,columnTypes:u})=>{const[m,h]=i.useState(r),A=i.useMemo(()=>{const e=m?a[m]:void 0;if(!e)return[];const t={name:c,data:e.current};return l?[t]:[t,{name:d,data:e.previous,isComparison:!0}]},[m,a,l,c,d]);return t.jsxs(n.Card,{children:[t.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${e.length}, 1fr)`,gap:"16px",marginBottom:"16px"},children:e.map(e=>t.jsx(At,{item:e,isActive:m===e.key,isLoading:s,hideComparison:l,onSelect:h},e.key))}),t.jsx(at,{lineChartData:A,isLoading:s,isEmptyMetricData:o,metricKey:m,columnTypes:u})]})},e.GTimePicker=e=>{const{isCompare:i,...a}=e;return t.jsxs(n.InlineStack,{gap:"200",children:[t.jsx(Mn,{...a}),i&&t.jsx(pn,{rangeAddition:a.rangeAddition,popoverProps:a.popoverProps})]})},e.MetricChartProvider=Pe,e.MetricDonutChartCard=({label:e,metricKey:a,targets:r,totalsRow:s,comparisonTotalsRow:o,sort:l,isLoading:c,isEmptyMetricData:d,minHeight:m=294,onClick:h})=>{const A=g[a],{windowWidth:p,windowSize:M}=it(),[T,f]=i.useState(!1),x=i.useMemo(()=>Mt({targets:r,metricKey:a,totalsRow:s,comparisonTotalsRow:o,sort:l}),[r,a,s,o,l]);if(c)return t.jsx(ut,{});const I=e=>U(`${e}`),j=p.lg&&M.width<1500;return t.jsx("div",{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:t.jsx(n.Card,{children:t.jsxs(n.BlockStack,{gap:"200",children:[t.jsx(n.InlineStack,{children:t.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e.stopPropagation(),h()},children:t.jsxs(n.InlineStack,{children:[t.jsx(De,{tooltip:A,children:t.jsx(n.Text,{as:"h3",variant:"headingMd",children:e})}),T&&t.jsx(n.Icon,{source:b,tone:"inherit"})]})})}),t.jsx("div",{className:_("flex items-center justify-center",{"max-h-[250px] overflow-hidden":j}),children:d?t.jsx(rt,{title:"No data yet",description:"Data needs time to gather"}):t.jsx(Pe,{minHeight:m,seriesColors:{},children:t.jsx(u.DonutChart,{data:x,legendPosition:"left",showLegendValues:!0,showLegend:!0,theme:"Light",tooltipOptions:{valueFormatter:I},labelFormatter:I})})})]})})})},e.PLACEHOLDER_VALUE="-",e.PREVIOUS_PERIOD_FILTER=an,e.SERIES_COLORS=E,e.SingleMetricChartCard=({metricInfo:e,lineChartData:a,isLoading:r,hideComparison:s,columnTypes:o,isEmptyMetricData:l,onClickTitle:c})=>{const[d,u]=i.useState(!1);return t.jsx("div",{onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),children:t.jsx(n.Card,{children:t.jsxs(n.BlockStack,{gap:"200",children:[t.jsx(ht,{item:e,isHovered:d,isLoading:r,hideComparison:s,onClickTitle:c}),t.jsx(at,{lineChartData:a,isLoading:r,isEmptyMetricData:l,columnTypes:o,metricKey:e.key})]})})})},e.TARGET_CHANNEL=j,e.TARGET_DEVICES=I,e.TARGET_VISITOR=x,e.THUMB_PRODUCT_DEFAULT=O,e.TREND_TONE=S,e.convertDateToTz=K,e.convertToDateTimeFilters=zt,e.createLastDaysRange=Ft,e.dayjsTz=X,e.dayjsTzToDate=$,e.dayjsTzToLocalTZ=Z,e.formatDate=vt,e.formatDateTimeRange=Ct,e.formatDayjs=Rt,e.formatMs=e=>{const t=Math.floor(e/1e3);return[Math.floor(t/3600),Math.floor(t%3600/60),t%60].map(e=>String(e).padStart(2,"0")).join(":")},e.formatTime=function(e){return K(e).format(jt.TIME)},e.formatTimeRange=yt,e.getDateRangeTitle=Pt,e.getDateTimeFilterBase=function(e,t){const n=X(),i=K(e),a=K(t),r=xt();for(const e of Object.values(r)){const t=e.getDateRange(n),r=K(t.since),s=K(t.until),o=i.isSame(r,"day"),l=a.isSame(s,"day");if(o&&l)return{title:e.title,alias:e.alias}}return{title:Pt(e,t),alias:"custom"}},e.getDateTimeFilterByAlias=It,e.getDateTimeFilterMapping=xt,e.getEndOfDayBy=kt,e.getInitialTimezone=function(){return J},e.getLast12Months=$t,e.getLast30Days=qt,e.getLast365Days=Kt,e.getLast7Days=Jt,e.getLast90Days=Xt,e.getLastMonth=Zt,e.getLastYear=en,e.getMonthAndYearByDateFilter=tn,e.getNoComparison=Yt,e.getPreviousMonth=Qt,e.getPreviousPeriod=Ut,e.getPreviousQuarter=Gt,e.getPreviousWeek=Ht,e.getPreviousYear=_t,e.getToday=Vt,e.getVersionDateDescription=Lt,e.getVersionDateRangeTitle=wt,e.getYesterday=Wt,e.isDate=Dt,e.isMidnight=bt,e.isSameDayTimestamp=Ot,e.isValidDate=St,e.isValidYearMonthDayDateString=Et,e.parseYearMonthDayDateString=function(e){return a(e).valueOf()},e.setTz=function(e){J=e,a.tz.setDefault(e)},e.useConvertMoneyContext=ke,e.useCurrencyRatesStore=Oe,e.useDateTimeFilter=on,e.useDateTimePicker=dn,e.useDateTimePickerContext=cn,e.useEnhancedEffect=we,e.useFetchCurrencyRates=Ce,e.useFormatLineChartData=tt,e.usePopoverResizeObserver=({active:e,onHeightChange:t,selector:n=".Polaris-Popover__Content--fluidContent"})=>{i.useEffect(()=>{if(!e)return;let i=null;return setTimeout(()=>{(()=>{const e=document.querySelector(n);e&&!i&&(i=new ResizeObserver(e=>{for(const n of e){const{height:e}=n.contentRect;t?.(e)}}),i.observe(e))})()},200),()=>{i&&(i.disconnect(),i=null)}},[e,n])},e.useToggle=nt,e.useVersionDateTimeFilters=e=>{const{t:t}=l.useTranslation(),n=i.useMemo(()=>e?.length?zt(e):[],[e]);return{rangeAddition:{title:t("Experiment periods"),rangers:n}}},e.useWindowSize=it});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@shopify/polaris"),require("react"),require("dayjs"),require("dayjs/plugin/quarterOfYear.js"),require("dayjs/plugin/timezone.js"),require("dayjs/plugin/utc.js"),require("react-i18next"),require("zustand"),require("@tanstack/react-query"),require("@shopify/polaris-viz"),require("@shopify/polaris-viz/build/esm/styles.css?url")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@shopify/polaris","react","dayjs","dayjs/plugin/quarterOfYear.js","dayjs/plugin/timezone.js","dayjs/plugin/utc.js","react-i18next","zustand","@tanstack/react-query","@shopify/polaris-viz","@shopify/polaris-viz/build/esm/styles.css?url"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).GemAnalytics={},e.jsxRuntime,e.Polaris,e.React,e.dayjs,e.quarterOfYear,e.timezone,e.utc,e.reactI18next,e.zustand,e.reactQuery,e.polarisViz,e.chartStyle)}(this,function(e,t,i,n,a,r,s,o,l,c,d,u,m){"use strict";var h;!function(e){e.SESSION="sessions",e.ORDERS="orders",e.PAGE_VIEWS="pageviews",e.VISITORS="visitors",e.BOUNCE_RATE="bounce_rate",e.CTR="ctr",e.CONVERSION_RATE="conversion_rate",e.AVG_TIME_ON_PAGE="average_time_on_page",e.ADDED_TO_CART="added_to_cart",e.ADD_TO_CART_RATE="added_to_cart_rate",e.REACHED_CHECKOUT="sessions_that_reached_checkout",e.COMPLETE_CHECKOUT="sessions_that_completed_checkout",e.CART_ADDITION="sessions_with_cart_additions",e.AOV="aov",e.REVENUE="revenue",e.RPV="revenue_per_visitor",e.VISITOR_ITEMS="visitor_items",e.DEVICE_ITEMS="device_items",e.TRAFFIC_SOURCE_ITEMS="traffic_source_items"}(h||(h={}));const A={[h.SESSION]:{title:"Sessions",content:"A period during which a visitor interacts with your online store"},[h.VISITORS]:{title:"Visitors",content:"Number of unique individuals who visit your online store"},[h.BOUNCE_RATE]:{title:"Bounce rate",content:"Percentage of visitors who leave your store after viewing only one page, without interacting further",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Bounce rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"sessions with a pageview"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total sessions"})]})},[h.CTR]:{title:"Click-through rate",content:"Percentage of clicks to open new page, compared to the number of times the page was viewed",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Click-through rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total clicks"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total pageviews"})]})},[h.AVG_TIME_ON_PAGE]:{title:"Average time on page",content:"Average duration that visitors spend on a page before clicking to open new page",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Average time on page"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total time on page"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"(total pageviews - total exits)"})]})},[h.PAGE_VIEWS]:{title:"Pageviews",content:"Number of times a page on your online store has been viewed by visitors"},[h.RPV]:{title:"Revenue per visitor",content:"Average revenue generated from each visitor",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Revenue per visitor"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total revenue"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total visitors"})]})},[h.ADDED_TO_CART]:{title:"Added to cart",content:"Total number of the event when a customer adds a product to their cart on your online store"},[h.REACHED_CHECKOUT]:{title:"Sessions that reached checkout",content:"Sessions in your online store in which the checkout page was reached"},[h.COMPLETE_CHECKOUT]:{title:"Sessions that completed checkout",content:"Sessions in your online store in which a purchase was completed"},[h.ORDERS]:{title:"Orders",content:"Number of orders that went through this pages"},[h.CONVERSION_RATE]:{title:"Conversion rate",content:"Percentage of online store sessions that completed an order",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Conversion rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"sessions that completed checkout"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total sessions"})]})},[h.AOV]:{title:"Average order value",content:"Average value of orders placed in your online store",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Average order value"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"total revenue"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total orders"})]})},[h.REVENUE]:{title:"Revenue",content:"Total income generated from sales after discounts",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Revenue"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"gross sales"}),t.jsx("span",{className:"formula-operator",children:" - "}),t.jsx("span",{className:"formula-input",children:"discounts"})]})},[h.ADD_TO_CART_RATE]:{title:"Add to cart rate",content:"Percentage of sessions in which the customer added item to the cart",formula:t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"formula-variable",children:"Added to cart rate"}),t.jsx("span",{children:" = "}),t.jsx("span",{className:"formula-input",children:"sessions with cart additions"}),t.jsx("span",{className:"formula-operator",children:" / "}),t.jsx("span",{className:"formula-input",children:"total sessions"})]})},[h.CART_ADDITION]:{title:"Sessions with cart additions",content:"Sessions in your online store in which a visitor added item to the cart"},[h.VISITOR_ITEMS]:{title:"Sessions by visitor type",content:"<p>Numbers of new and returning visitors</p>",contentList:["New visitor: who accesses your store for the first time after GemX installation","Returning visitor: who comes back to your store after GemX installation"]},[h.DEVICE_ITEMS]:{title:"Sessions by device type",content:"Sessions in your online store by the visitor's device type"},[h.TRAFFIC_SOURCE_ITEMS]:{title:"Sessions by traffic source",content:"Sessions on your page by where visitors come from"}};var g,p,M,T;!function(e){e.ALL_SESSION="ALL_SESSION",e.FIRST_SESSION="FIRST_SESSION",e.PAGE_ONLY="PAGE_ONLY"}(g||(g={})),function(e){e.NEW="new",e.RETURNING="returning"}(p||(p={})),function(e){e.DESKTOP="desktop",e.MOBILE="mobile",e.TABLET="tablet"}(M||(M={})),function(e){e.DIRECT="direct",e.EMAIL="email",e.REFERRAL="referral",e.ORGANIC_SOCIAL="organic-social",e.ORGANIC_SEARCH="organic-search",e.PAID_SOCIAL="paid-social",e.PAID_SEARCH="paid-search",e.SMS="sms"}(T||(T={}));const f=[{value:p.NEW,label:"New"},{value:p.RETURNING,label:"Returning"}],x=[{value:M.DESKTOP,label:"Desktop"},{value:M.TABLET,label:"Tablet"},{value:M.MOBILE,label:"Mobile"}],I=[{value:T.DIRECT,label:"Direct"},{value:T.EMAIL,label:"Email"},{value:T.REFERRAL,label:"Referral"},{value:T.ORGANIC_SOCIAL,label:"Organic social"},{value:T.ORGANIC_SEARCH,label:"Organic search"},{value:T.PAID_SOCIAL,label:"Paid social"},{value:T.PAID_SEARCH,label:"Paid search"},{value:T.SMS,label:"SMS"}],N="Current",j="Previous",D={current:"rgba(64, 176, 230, 1)",comparison:"rgba(161, 202, 231, 1)",all:["#2C7DFF","#F34A70"]},E={POSITIVE:"#007F5F",NEUTRAL:"#4A4A4A"},S="USD";var v="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI5MCIKICBoZWlnaHQ9IjcyIgogIHZpZXdCb3g9IjAgMCA5MCA3MiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNDguNzUgMzQuNUM0OS45OTI2IDM0LjUgNTEgMzMuNDkyNiA1MSAzMi4yNUM1MSAzMS4wMDc0IDQ5Ljk5MjYgMzAgNDguNzUgMzBDNDcuNTA3NCAzMCA0Ni41IDMxLjAwNzQgNDYuNSAzMi4yNUM0Ni41IDMzLjQ5MjYgNDcuNTA3NCAzNC41IDQ4Ljc1IDM0LjVaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgogIDxwYXRoCiAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgIGNsaXBSdWxlPSJldmVub2RkIgogICAgZD0iTTQzLjUyNjggMjYuMjVINDYuNDczMkM0Ny42OTI0IDI2LjI1IDQ4LjY3NTggMjYuMjUgNDkuNDcyMiAyNi4zMTVDNTAuMjkyMiAyNi4zODIgNTEuMDEyNCAyNi41MjM2IDUxLjY3ODcgMjYuODYzMUM1Mi43MzcxIDI3LjQwMjQgNTMuNTk3NiAyOC4yNjI5IDU0LjEzNjkgMjkuMzIxM0M1NC40NzY0IDI5Ljk4NzYgNTQuNjE4IDMwLjcwNzggNTQuNjg1IDMxLjUyNzhDNTQuNzUgMzIuMzI0MiA1NC43NSAzMy4zMDc2IDU0Ljc1IDM0LjUyNjhWMzcuNDczMkM1NC43NSAzOC42OTI0IDU0Ljc1IDM5LjY3NTggNTQuNjg1IDQwLjQ3MjJDNTQuNjE4IDQxLjI5MjIgNTQuNDc2NCA0Mi4wMTI0IDU0LjEzNjkgNDIuNjc4N0M1My41OTc2IDQzLjczNzEgNTIuNzM3MSA0NC41OTc2IDUxLjY3ODcgNDUuMTM2OUM1MS4wMTI0IDQ1LjQ3NjQgNTAuMjkyMiA0NS42MTggNDkuNDcyMiA0NS42ODVDNDguNjc1OCA0NS43NSA0Ny42OTI0IDQ1Ljc1IDQ2LjQ3MzIgNDUuNzVINDMuNTI2OEM0Mi4zMDc2IDQ1Ljc1IDQxLjMyNDIgNDUuNzUgNDAuNTI3OCA0NS42ODVDMzkuNzA3OCA0NS42MTggMzguOTg3NiA0NS40NzY0IDM4LjMyMTMgNDUuMTM2OUMzNy4yNjI5IDQ0LjU5NzYgMzYuNDAyNCA0My43MzcxIDM1Ljg2MzEgNDIuNjc4N0MzNS41MjM2IDQyLjAxMjQgMzUuMzgyIDQxLjI5MjIgMzUuMzE1IDQwLjQ3MjJDMzUuMjUgMzkuNjc1OCAzNS4yNSAzOC42OTI0IDM1LjI1IDM3LjQ3MzJWMzQuNTI2OEMzNS4yNSAzMy4zMDc2IDM1LjI1IDMyLjMyNDIgMzUuMzE1IDMxLjUyNzhDMzUuMzgyIDMwLjcwNzggMzUuNTIzNiAyOS45ODc2IDM1Ljg2MzEgMjkuMzIxM0MzNi40MDI0IDI4LjI2MjkgMzcuMjYyOSAyNy40MDI0IDM4LjMyMTMgMjYuODYzMUMzOC45ODc2IDI2LjUyMzYgMzkuNzA3OCAyNi4zODIgNDAuNTI3OCAyNi4zMTVDNDEuMzI0MiAyNi4yNSA0Mi4zMDc2IDI2LjI1IDQzLjUyNjggMjYuMjVaTTQwLjcxMSAyOC41NTc2QzQwLjAzMDIgMjguNjEzMiAzOS42MzkxIDI4LjcxNjkgMzkuMzQyOCAyOC44Njc5QzM4LjcwNzcgMjkuMTkxNCAzOC4xOTE0IDI5LjcwNzcgMzcuODY3OSAzMC4zNDI4QzM3LjcxNjkgMzAuNjM5MSAzNy42MTMyIDMxLjAzMDIgMzcuNTU3NiAzMS43MTFDMzcuNTAwOSAzMi40MDUgMzcuNSAzMy4yOTYzIDM3LjUgMzQuNTc1VjM2LjcxNzdMMzguNTg0MiAzNS40MTY3QzM5LjU3MjQgMzQuMjMwOSA0MS4zNjU1IDM0LjE0OTYgNDIuNDU2OSAzNS4yNDFMNDYuNSAzOS4yODQxTDQ4LjI2OTQgMzcuNTE0NkM0OS4zNzU3IDM2LjQwODMgNTEuMTk4IDM2LjUwOTMgNTIuMTc1NCAzNy43MzA5TDUyLjQ5OTUgMzguMTM2MUM1Mi41IDM3LjkxMzEgNTIuNSAzNy42NzY1IDUyLjUgMzcuNDI1VjM0LjU3NUM1Mi41IDMzLjI5NjMgNTIuNDk5MSAzMi40MDUgNTIuNDQyNCAzMS43MTFDNTIuMzg2OCAzMS4wMzAyIDUyLjI4MzEgMzAuNjM5MSA1Mi4xMzIxIDMwLjM0MjhDNTEuODA4NiAyOS43MDc3IDUxLjI5MjMgMjkuMTkxNCA1MC42NTcyIDI4Ljg2NzlDNTAuMzYwOSAyOC43MTY5IDQ5Ljk2OTggMjguNjEzMiA0OS4yODkgMjguNTU3NkM0OC41OTUgMjguNTAwOSA0Ny43MDM3IDI4LjUgNDYuNDI1IDI4LjVINDMuNTc1QzQyLjI5NjMgMjguNSA0MS40MDUgMjguNTAwOSA0MC43MTEgMjguNTU3NlpNMzcuNTU3NiA0MC4yODlDMzcuNTU0MyA0MC4yNDkyIDM3LjU1MTMgNDAuMjA4OCAzNy41NDg0IDQwLjE2NzhDMzcuNTcxMSA0MC4xNDQ4IDM3LjU5MzEgNDAuMTIwNiAzNy42MTQyIDQwLjA5NTNMNDAuMzEyNyAzNi44NTcxQzQwLjQ1MzkgMzYuNjg3NyA0MC43MSAzNi42NzYxIDQwLjg2NTkgMzYuODMyTDQ1LjcwNDUgNDEuNjcwNkM0Ni4xNDM4IDQyLjEwOTkgNDYuODU2MSA0Mi4xMDk5IDQ3LjI5NTUgNDEuNjcwNkw0OS44NjA0IDM5LjEwNTZDNTAuMDE4NSAzOC45NDc2IDUwLjI3ODggMzguOTYyIDUwLjQxODQgMzkuMTM2NUw1Mi4yMzc3IDQxLjQxMDdDNTIuMjA1NiA0MS41MDEgNTIuMTcwNCA0MS41ODIyIDUyLjEzMjEgNDEuNjU3MkM1MS44MDg2IDQyLjI5MjMgNTEuMjkyMyA0Mi44MDg2IDUwLjY1NzIgNDMuMTMyMUM1MC4zNjA5IDQzLjI4MzEgNDkuOTY5OCA0My4zODY4IDQ5LjI4OSA0My40NDI0QzQ4LjU5NSA0My40OTkxIDQ3LjcwMzcgNDMuNSA0Ni40MjUgNDMuNUg0My41NzVDNDIuMjk2MyA0My41IDQxLjQwNSA0My40OTkxIDQwLjcxMSA0My40NDI0QzQwLjAzMDIgNDMuMzg2OCAzOS42MzkxIDQzLjI4MzEgMzkuMzQyOCA0My4xMzIxQzM4LjcwNzcgNDIuODA4NiAzOC4xOTE0IDQyLjI5MjMgMzcuODY3OSA0MS42NTcyQzM3LjcxNjkgNDEuMzYwOSAzNy42MTMyIDQwLjk2OTggMzcuNTU3NiA0MC4yODlaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgo8L3N2Zz4K",y=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),n.createElement("path",{fillRule:"evenodd",d:"M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"}))};y.displayName="ArrowRightIcon";var O=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),n.createElement("path",{fillRule:"evenodd",d:"M7.75 3.5a.75.75 0 0 0-1.5 0v.407a3.075 3.075 0 0 0-.702.252 3.75 3.75 0 0 0-1.64 1.639c-.226.444-.32.924-.365 1.47-.043.531-.043 1.187-.043 2v1.464c0 .813 0 1.469.043 2 .045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365.531.043 1.187.043 2 .043h3.383c.323 0 .542 0 .735-.02a3.75 3.75 0 0 0 3.344-3.344c.02-.193.02-.412.02-.735v-2.883c0-.813 0-1.469-.043-2-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64 3.076 3.076 0 0 0-.702-.251v-.407a.75.75 0 0 0-1.5 0v.259c-.373-.009-.794-.009-1.268-.009h-1.964c-.474 0-.895 0-1.268.009v-.259Zm-1.521 1.995c.197-.1.458-.17.912-.207.462-.037 1.057-.038 1.909-.038h1.9c.853 0 1.447 0 1.91.038.453.037.714.107.912.207.423.216.767.56.983.984.1.197.17.458.207.912.014.18.024.38.029.609h-9.982c.006-.228.015-.429.03-.61.036-.453.106-.714.206-.911a2.25 2.25 0 0 1 .984-.984Zm-1.229 4.005v1.2c0 .853 0 1.447.038 1.91.037.453.107.714.207.912.216.423.56.767.984.983.197.1.458.17.912.207.462.037 1.057.038 1.909.038h3.306c.385 0 .52-.001.626-.012a2.25 2.25 0 0 0 2.006-2.006c.011-.106.012-.241.012-.626v-2.606h-10Z"}))};O.displayName="CalendarIcon";var C=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),n.createElement("path",{fillRule:"evenodd",d:"M15.78 5.97a.75.75 0 0 1 0 1.06l-6.5 6.5a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 1 1 1.06-1.06l2.72 2.72 5.97-5.97a.75.75 0 0 1 1.06 0Z"}))};C.displayName="CheckIcon";var R=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),n.createElement("path",{fillRule:"evenodd",d:"M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"}))};R.displayName="ChevronDownIcon";var k=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),n.createElement("path",{fillRule:"evenodd",d:"M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"}))};k.displayName="ChevronRightIcon";var b=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),n.createElement("path",{fillRule:"evenodd",d:"M14.53 12.28a.75.75 0 0 1-1.06 0l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06Z"}))};b.displayName="ChevronUpIcon";const P=/\.0+$/,w=e=>`${e}`.replace(P,""),L=(e,t=2)=>w(e.toFixed(t)),z=e=>{const[t,i,n]=e.split(".").map(e=>Number(e));return 1e6*(t??0)+1e3*(i??0)+(n??0)},Y=e=>e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,","),U=e=>e>0&&e<.005,B=(e,t,i=2)=>{const n=((e,t,i=2)=>{if("number"!=typeof e||!t)return;return 0===e?0:parseFloat(L(e/t*100,i))})(e,t,i);if("number"==typeof n)return U(n)?"~0%":`${n}%`},H=(e,t=2)=>U(e)?"~0%":`${L(e,t)}%`;function G(e){return"string"==typeof e?e:"object"==typeof e&&null!==e&&Object.keys(e).filter(t=>e[t]).join(" ")}function Q(...e){return e.map(G).filter(Boolean).join(" ")}function _(e,t,i="asc"){if(e===t)return 0;if(void 0===e||void 0===t)return void 0===e&&void 0!==t?"asc"===i?-1:1:void 0===t&&void 0!==e?"asc"===i?1:-1:0;const n=e=>"boolean"!=typeof e&&!isNaN(Date.parse(e)),a=e=>"string"==typeof e;let r=0;if(n(e)&&n(t)){r=(e instanceof Date?e:new Date(e))>(t instanceof Date?t:new Date(t))?1:-1}else r=(a(e)&&a(t),e>t?1:-1);return"asc"===i?-r:r}function F(e,t){return"string"==typeof t?t.replace(/\[(\d+)\]/g,".$1").split(".").reduce((e,t)=>e?.[t],e):e[t]}function V(e,t){return t.reduce((e,t)=>function(e,t){const{attr:i,order:n="asc",preferredValue:a,backupAttr:r,orderArrayAttr:s,orderArray:o}=t;return e.slice().sort((e,t)=>{const l=F(e,i),c=F(t,i);if(void 0!==a){if(l===a&&c!==a)return-1;if(c===a&&l!==a)return 1}if(s===i&&o){const e=o[n];return e.indexOf(l)-e.indexOf(c)}const d=_(l,c,n);return 0!==d?d:r?_(e[r],t[r],n):0})}(e,t),e.slice())}a.extend(o),a.extend(s),a.extend(r);let W="UTC";const J="YYYY-MM-DD HH:mm:ss";const q=e=>e?a(e).tz(W):a().tz(W),X=e=>e?a.tz(a(e).format(J),W):a.tz(a().format(J),W),K=e=>a(e?q(e).format(J):q().format(J)),Z=e=>K(e).toDate();var $;!function(e){e.DAY="DAY",e.HOUR="HOUR",e.MONTH="MONTH",e.QUARTER="QUARTER",e.WEEK="WEEK",e.YEAR="YEAR"}($||($={}));const ee=60,te=3600,ie=(e,t,i)=>{if(!e)return"";const n=i?.isExpandDetail?{formatHouse:"MMM D, h:mm A",formatDay:"MMM D, YYYY",formatMonth:"MMM YYYY",formatYear:"MMM YYYY"}:{formatHouse:"h A",formatDay:"MMM D",formatMonth:"MMM YYYY",formatYear:"YYYY"};switch(t){case $.HOUR:return q(e).format(n.formatHouse);case $.DAY:case $.WEEK:return q(e).format(n.formatDay);case $.MONTH:return q(e).format(n.formatMonth);case $.QUARTER:{const t=q(e);return`Q${t.quarter()} ${t.format("YYYY")}`}case $.YEAR:return q(e).format(n.formatYear)}return q(e).format(n.formatMonth)},ne=({children:e,fullWidth:i=!1,cursor:n="pointer",onClick:a,onMouseEnter:r,onMouseLeave:s})=>t.jsx("div",{role:"button",tabIndex:0,className:Q({"w-full":i,"cursor-pointer":"pointer"===n,"cursor-default":"default"===n,"cursor-not-allowed":"not-allowed"===n}),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a())},onClick:a,onMouseEnter:r,onMouseLeave:s,children:e}),ae=({onClick:e,active:a,content:r,textProps:s,boxProps:o,disabled:l,icon:c})=>{const d=n.useMemo(()=>l?{borderColor:"border-disabled",background:"bg-surface-disabled",...o}:{shadow:a?"button-inset":"button",background:a?"bg-fill-active":"bg-fill",...o},[a,l,o]),u=n.useMemo(()=>l?"text-[var(--p-color-text-disabled)]":a?"text-[var(--p-color-text-subdued)]":"text-[var(--p-color-text)]",[a,l]),m=n.useMemo(()=>t.jsx(i.Text,{as:"span",variant:"bodyMd",fontWeight:"medium",tone:l?"inherit":s?.tone,truncate:!0,...s?.variant&&{variant:s.variant},children:r}),[r,s,l]),h=n.useCallback(()=>{l||e()},[l,e]);return t.jsx(ne,{cursor:l?"default":"pointer",onClick:h,children:t.jsx("div",{className:Q(u),children:t.jsxs(i.Box,{padding:"150",paddingInline:"300",paddingInlineEnd:"150",borderRadius:"200",...d,children:[c&&t.jsxs(i.InlineStack,{gap:"200",align:"center",wrap:!1,children:[t.jsx(i.Box,{children:t.jsx(i.Icon,{source:c})}),m]}),!c&&t.jsxs(i.InlineGrid,{columns:"1fr 20px",gap:"200",alignItems:"center",children:[m,t.jsx(i.Icon,{source:a?b:R})]})]})})})},re=({height:e,align:a,inlineAlign:r,display:s,...o})=>{const l=n.useMemo(()=>{if("sticky"!==o.position)return{};const e={position:"sticky"};return o.insetInlineStart&&(e.insetInlineStart=4*Number(o.insetInlineStart)),o.insetInlineEnd&&(e.insetInlineEnd=4*Number(o.insetInlineEnd)),o.insetBlockStart&&(e.insetBlockStart=4*Number(o.insetBlockStart)),o.insetBlockEnd&&(e.insetBlockEnd=4*Number(o.insetBlockEnd)),e},[o.position,o.insetInlineStart,o.insetInlineEnd,o.insetBlockStart,o.insetBlockEnd]);return t.jsx("div",{className:"Polaris-GBlockCenter",style:{...l,"--gp-block-center-height":e,"--gp-block-center-display":s,"--gp-block-center-align":a,"--gp-block-center-inline-align":r,"--gp-block-center-overflow-x":o.overflowX,"--gp-block-center-overflow-y":o.overflowY},children:t.jsx(i.Box,{...o})})},se=({isEnabled:e=!0,content:n,maxWidth:a,...r})=>e&&!!n?t.jsx(i.Tooltip,{width:"wide",hoverDelay:500,content:n,...r,accessibilityLabel:a?.toString()}):r.children,oe=({activatorWrapper:e,children:n,iconRight:a,inset:r,stopPropagation:s=!0,onClick:o,themeTone:l="light",variant:c,...d})=>{const u=e||"div",m="neutral"===c,h=m?void 0:c,A=t.jsx(se,{activatorWrapper:"tooltip-content",...d.tooltip,children:t.jsx(u,{className:Q("Polaris-GButton",{"Polaris-GButton--icon-right":a,"Polaris-GButton--dark":"dark"===l,"Polaris-GButton--neutral":m,"cursor-default":d.disabled,"Polaris-GButton--fullWidth":d.fullWidth,flex:r}),onClick:e=>{s&&e.stopPropagation(),d.disabled||o?.()},children:t.jsx(i.Button,{variant:h,...d,children:n})})});return r?t.jsx(i.Box,{padding:"100",children:A}):A},le=({...e})=>e.multiple?t.jsx(ce,{...e}):t.jsx(de,{...e}),ce=({options:e,onChange:a,onChangeSingleValue:r,emptySelected:s,selected:o,onHover:l,itemHovered:c,dependentDisabledValues:d})=>{const[u,m]=n.useState([]),h=e=>{l&&l(e)};return n.useEffect(()=>{m(()=>o?e.filter(e=>o.includes(e.value)).map(e=>e.value):[])},[o]),t.jsx(i.BlockStack,{children:e.map(n=>{const o=d?.has(n.value),l=s&&1===e.filter(e=>e.selected).length&&s,A=()=>{l||(e=>{r&&r(e);const t=u.includes(e)?u.filter(t=>t!==e):[...u,e];m(t),a(t)})(n.value)};return t.jsx("div",{className:Q("flex w-full items-center justify-between",{"cursor-not-allowed":l,"cursor-pointer":!l,"bg-surface-hover rounded-lg":c===n.value}),onClick:()=>{l||n.disabled||A()},onMouseEnter:()=>h(n.value),onMouseLeave:()=>h(void 0),children:l?t.jsx(se,{isEnabled:n.tooltip?.isEnabled,...n.tooltip,children:t.jsx(i.Box,{paddingBlock:"150",paddingInline:"200",width:"100%",children:t.jsxs(i.InlineStack,{blockAlign:"center",gap:"150",children:[t.jsx(i.Checkbox,{label:n.label,labelHidden:!0,checked:n.selected,disabled:!0}),t.jsx(i.Text,{as:"p",variant:"bodyMd",tone:"subdued",children:n.label})]})})}):t.jsx(i.Box,{paddingBlock:"150",paddingInline:"200",minWidth:"0",children:t.jsxs(i.InlineStack,{blockAlign:"center",gap:"150",wrap:!1,children:[t.jsx(i.Checkbox,{label:n.label,labelHidden:!0,checked:!o&&u.includes(n.value),onChange:A,disabled:n.disabled}),t.jsxs(i.Box,{minWidth:"0",children:[t.jsx(i.Text,{as:"p",variant:"bodyMd",truncate:!0,tone:o?"disabled":"inherit",children:n.label}),n.description&&t.jsx(i.Text,{as:"p",variant:"bodySm",tone:"disabled",truncate:!0,children:n.description})]})]})})},n.value)})})},de=({options:e,onChange:n})=>t.jsx(i.BlockStack,{gap:"300",children:e.map(e=>t.jsx(i.RadioButton,{label:e.label,checked:e.selected,onChange:()=>n(e.value),helpText:e.helpText?t.jsx(Ee,{item:e}):void 0},e.value))}),ue=n.forwardRef(({children:e,onClick:i,...a},r)=>{const s=n.useCallback(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i?.())},[i]);return t.jsx("div",{ref:r,...a,role:"button",tabIndex:0,onKeyDown:s,onClick:i,children:e})});ue.displayName="GDiv";const me=/\[(\d+)\](.*?)\[\]/g,he=e=>{const{children:a,transformers:r}=e;if(!r||0===Object.values(r).length)return t.jsx(i.Text,{...e,children:a});return t.jsx(i.Text,{...e,children:"string"==typeof a?(e=>{const i=[];let a=0;return e.replace(me,(t,n,s,o)=>{i.push(e.slice(a,o));const l=r[n];return"function"==typeof l?i.push(l(s)):i.push(t),a=o+t.length,t}),i.push(e.slice(a)),i.map((e,i)=>t.jsx(n.Fragment,{children:e},i))})(a):a})};function Ae({options:e,selected:n,onChange:a}){const r=e=>{a([e])};return t.jsx(i.Box,{padding:"150",children:t.jsx(i.BlockStack,{gap:"100",children:e.map(e=>{const a=n.includes(e.value);return t.jsx("div",{role:"option","aria-selected":a,tabIndex:0,onClick:()=>r(e.value),onKeyDown:t=>{return i=t,n=e.value,void("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),r(n)));var i,n},className:Q("p-1.5 pl-4 rounded-lg cursor-pointer",{"bg-[#F1F1F1]":a,"hover:bg-[#F1F1F1]":!a}),children:t.jsxs(i.InlineStack,{align:"space-between",blockAlign:"center",wrap:!1,gap:"200",children:[t.jsx(i.Box,{minWidth:"0",children:e.label}),a&&t.jsx(i.Box,{children:t.jsx(i.Icon,{source:C})})]})},e.value)})})})}const ge=e=>{const[a,r]=n.useState(!1),{activatorText:s,selected:o,options:l,emptyLabel:c,preferredAlignment:d="right",formatActivatorContent:u=e=>e.join(", ")}=e,m=n.useCallback(()=>r(e=>!e),[]),h=n.useMemo(()=>l.filter(e=>e.active||e.id===o).map(e=>e.content||"").filter(e=>!!e),[l,o]),A=n.useMemo(()=>{if(h.length){const e=u(h);return s?`${s}: ${e}`:e}return c?s?`${s}: ${c}`:c:s},[h,c,s,u]),g=n.useMemo(()=>{switch(e.variant){case"choice":return t.jsx(pe,{...e,setPopoverActive:m});case"action-list":return t.jsx(Me,{...e,setPopoverActive:m})}},[e,m]);return t.jsx(i.Popover,{active:a,activator:t.jsx("div",{className:"flex items-center gap-1",children:t.jsx(i.Button,{onClick:m,disclosure:a?"up":"down",children:A})}),autofocusTarget:"first-node",fluidContent:!0,onClose:m,preferredAlignment:d,children:g})},pe=({options:e,selected:a,onSelect:r,maxWidth:s,minWidth:o,clearable:c,setPopoverActive:d})=>{const{t:u}=l.useTranslation(),m=n.useMemo(()=>e?.length?e.map(e=>({value:e.id,label:e.content||"",selected:!1})):[],[e]),h=n.useCallback(e=>{r(e)},[r]);return t.jsx(i.Box,{maxWidth:s,minWidth:o,paddingBlock:"150",children:t.jsxs(i.BlockStack,{children:[t.jsx(i.BlockStack,{gap:"0",children:t.jsx(le,{multiple:!0,options:m,selected:a,onChange:h})}),c&&t.jsx(i.Box,{paddingBlock:"150",paddingInline:"200",children:t.jsx(i.InlineStack,{blockAlign:"center",align:"start",children:t.jsx(i.Button,{disabled:!a?.length,onClick:()=>{h([]),d(!1)},variant:"plain",children:u("Clear")})})})]})})},Me=({options:e,selected:a,onSelect:r,helpText:s,maxWidth:o,minWidth:l,setPopoverActive:c})=>{const d=n.useCallback(e=>{r(e),c(!1)},[r,c]),u=n.useMemo(()=>e?.length?e.map(e=>({id:e.id,content:e.content,helpText:e.helpText,onAction:()=>d(e.id),active:e.active||e.id===a,suffix:(e.active||e.id===a)&&t.jsx(i.Icon,{source:C,tone:"success"})})):[],[e,a,d]);return t.jsx(i.Box,{maxWidth:o,minWidth:l,children:t.jsxs(i.BlockStack,{gap:"0",children:[t.jsx(i.ActionList,{actionRole:"menuitem",items:u}),s]})})},Te=({linkAction:e,isDisabled:n,disabledFocus:a,children:r})=>!e||n?t.jsx(t.Fragment,{children:r}):t.jsx("span",{className:Q("GTextLink",{"GTextLink--disabled-focus":a}),children:t.jsx(i.Link,{...e,children:t.jsx(t.Fragment,{children:r})})}),fe=e=>{const n=e.height??"50px";return t.jsxs("div",{className:"Polaris-GSkeletonDisplayText",children:[t.jsx("style",{children:`.Polaris-GSkeletonDisplayText .Polaris-SkeletonDisplayText__DisplayText { height: ${n} !important; }`}),t.jsx(i.SkeletonDisplayText,{maxWidth:"100%",size:"extraLarge"})]})};const xe=({source:e,alt:i,size:n,grayscale:a,defaultSource:r=v,width:s="80",height:o="80",classRemoved:l=!1})=>{var c;const d=a&&"Polaris-GThumbnail--filter",u=Q("Polaris-Thumbnail",n&&`${"Polaris-Thumbnail--size"}${(c=n).charAt(0).toUpperCase()}${c.slice(1)}`),m=t.jsx("img",{onError:e=>{e.currentTarget.src=r},alt:i??"Thumbnail",src:`${e??r}`,width:s,height:o,style:{"--gp-grayscale-percentage":a||"100%"},className:Q("Polaris-GThumbnail",d)});return l?m:t.jsx("span",{className:u,children:m})},Ie={default:"w-[210px]",wide:"w-[320px]",large:"w-[328px]"},Ne={start:"flex justify-start",center:"flex justify-center",end:"flex justify-end"},je=n.forwardRef((e,a)=>{const{tooltip:r,wrapper:s="div",activatorProps:o,isHideBorder:l,alignment:c,delay:d=500,textDecoration:u="none",popoverRef:m,preferredAlignment:h="left",showArrow:A=!1}=e,{width:g="default"}=r??{},[p,M]=n.useState(!1),T=s,f=Ie[g],x=n.useRef(null),I=()=>{x.current&&(clearTimeout(x.current),x.current=null),M(!1)};return n.useImperativeHandle(a,()=>({onClose:I})),t.jsx(T,{className:Q("GTooltipCard cursor-pointer",c&&Ne[c],{"GTooltipCard--text-underline":"underline"===u}),onMouseEnter:()=>{x.current=setTimeout(()=>{M(!0)},d)},onMouseLeave:I,children:t.jsx(i.Popover,{ref:m,activator:l?t.jsx(i.InlineStack,{children:e.children}):t.jsx(i.Box,{borderBlockEndWidth:"025",borderStyle:"dashed",borderColor:"border-tertiary",as:s,...o,children:e.children}),activatorWrapper:s,onClose:()=>{},active:p,preferredPosition:"below",preferredAlignment:h,children:r&&t.jsx("div",{className:Q(f,{"GTooltipCard-arrow":A}),children:t.jsx(i.Box,{padding:"400",children:t.jsxs(i.BlockStack,{gap:"200",children:[t.jsxs(i.BlockStack,{gap:"100",children:[t.jsx(i.Text,{as:"span",variant:"headingSm",fontWeight:"semibold",children:r.title}),t.jsxs(i.BlockStack,{gap:"200",children:[t.jsx(i.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:t.jsx("span",{dangerouslySetInnerHTML:{__html:r.content}})}),r.contentList&&t.jsx(i.List,{type:"bullet",children:r.contentList.map(e=>t.jsx(i.List.Item,{children:t.jsx(i.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:e})},e))})]})]}),r.formula&&t.jsx("div",{className:"rounded-md font-mono",style:{fontSize:"12px"},children:r.formula})]})})})})})});je.displayName="GTooltipCard";const De=({activatorText:e,selected:a,options:r,minWidth:s,maxWidth:o,preferredAlignment:l="right",onSelect:c})=>{const[d,u]=n.useState(!1),[m,h]=n.useState(null),A=()=>u(e=>!e),g=n.useMemo(()=>r.find(e=>e.id===a),[r,a]),p=n.useMemo(()=>{if(g){const t=g.title??g.content;return e?`${e}: ${t}`:t}return e},[g,e]);return t.jsx(i.Popover,{active:d,activator:t.jsx(ae,{active:d,content:p,textProps:{variant:"bodySm"},onClick:A}),autofocusTarget:"first-node",fluidContent:!0,onClose:A,preferredAlignment:l,children:t.jsx(i.Box,{maxWidth:o,minWidth:s,padding:"200",children:t.jsx(i.BlockStack,{gap:"200",children:r.map(e=>{const n=e.id===a,r=m===e.id,s=n?"input-border":r?"border-hover":"transparent";return t.jsx(i.Box,{padding:"150",borderWidth:"025",borderColor:s,borderRadius:"100",children:t.jsx("div",{onClick:()=>{return t=e.id,c(t),void u(!1);var t},className:"cursor-pointer",onMouseEnter:()=>h(e.id),onMouseLeave:()=>h(null),children:t.jsxs(i.InlineStack,{gap:"300",align:"space-between",blockAlign:"center",wrap:!1,children:[t.jsxs(i.InlineStack,{gap:"300",blockAlign:"center",wrap:!1,children:[t.jsx("div",{className:"bg-surface-secondary flex items-center justify-center rounded-md min-w-[184px] h-[92px]",children:t.jsx("img",{src:e.icon,alt:e.content,className:"w-full h-full object-contain"})}),t.jsxs(i.BlockStack,{gap:"100",children:[t.jsx(i.Text,{as:"span",variant:"bodyMd",fontWeight:"semibold",children:e.content}),t.jsx(i.Text,{as:"p",variant:"bodyMd",tone:"subdued",children:e.helpText})]})]}),n&&t.jsx(i.Box,{children:t.jsx(i.Icon,{source:C})})]})})},e.id)})})})})},Ee=({item:e})=>t.jsxs(i.Text,{as:"p",variant:"bodyMd",children:[e.description,e.inlineAction&&t.jsx(i.Link,{monochrome:!0,onClick:()=>{e.inlineAction?.onAction?e.inlineAction?.onAction():window.open(e.inlineAction?.url,e.inlineAction?.target??"_blank")},children:e.inlineAction?.content})]}),Se=()=>t.jsx(fe,{height:"188px"}),ve=c.create(e=>({currencyRates:null,setCurrencyRates:t=>e({currencyRates:t})})),ye=async()=>{const e=await fetch("https://cdn.shopify.com/s/javascripts/currencies.js");if(!e.ok)throw new Error("Failed to fetch currency rates");return(e=>{const t={},i=/var Currency=\{rates:\{(.*?)\}\};/s.exec(e),n=i?.[1];if(!n)return t;const a=/([A-Z]+):\s*([\d.e+-]+),/g;let r;for(;null!==(r=a.exec(n));){const[,e,i]=r;e&&i&&(t[e]=parseFloat(i))}return t})(await e.text())},Oe=n.createContext({getTextPrice:e=>"string"==typeof e?e:`${e??0}`}),Ce=()=>n.useContext(Oe),Re={comparison:D.comparison,single:D.current,all:[...D.all]},ke=({children:e,minHeight:i=228,seriesColors:n=Re})=>t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"stylesheet",href:m}),t.jsx(u.PolarisVizProvider,{themes:{Light:{chartContainer:{minHeight:i},grid:{horizontalOverflow:!0,verticalOverflow:!0,horizontalMargin:0},seriesColors:n}},children:e})]});var be,Pe,we,Le,ze,Ye,Ue,Be,He,Ge,Qe,_e,Fe,Ve;!function(e){e.DATE="DATE",e.ARRAY="ARRAY",e.OBJECT="OBJECT",e.STRING="STRING",e.INTEGER="INTEGER",e.CURRENCY="CURRENCY",e.PERCENT="PERCENT",e.DURATION="DURATION",e.MONTH="MONTH_TIMESTAMP",e.QUARTER="QUARTER_TIMESTAMP",e.DAY="DAY_TIMESTAMP",e.WEEK="WEEK_TIMESTAMP",e.YEAR="YEAR_TIMESTAMP",e.HOUR="HOUR_TIMESTAMP"}(be||(be={})),function(e){e.CAMPAIGNS="experiments",e.VISITOR_ITEMS="visitor_items",e.DEVICE_ITEMS="device_items",e.TRAFFIC_SOURCE_ITEMS="traffic_source_items"}(Pe||(Pe={})),function(e){e.SESSIONS="sessions",e.SALES="sales"}(we||(we={})),function(e){e.EQ="=",e.IN="IN",e.LIKE="LIKE"}(Le||(Le={})),function(e){e.OR="OR",e.AND="AND"}(ze||(ze={})),function(e){e.DEVICE="device",e.DEVICES="devices",e.VISITOR="visitor_type",e.VISITORS="visitor_types",e.TRAFFIC_SOURCE="traffic_source",e.TRAFFIC_SOURCES="traffic_sources",e.VERSION="version",e.VERSIONS="versions",e.SINGLE_PAGE="page_path",e.LIST_PAGE="page_paths",e.GROUP_CAMPAIGN_ITEM="group_campaign_item",e.GROUP_CAMPAIGN_ITEMS="group_campaign_items",e.SINGLE_CAMPAIGN="experiment_id",e.GROUP_CAMPAIGN="experiment_group_id",e.CAMPAIGN_VERSION_ID="version_id",e.GROUP_CAMPAIGN_VERSION_ID="group_version_id"}(Ye||(Ye={})),function(e){e.DEVICE_OPERATOR="deviceOperator",e.VISITOR_OPERATOR="visitorOperator",e.TRAFFIC_SOURCE_OPERATOR="trafficSourceOperator",e.VERSION_OPERATOR="versionOperator",e.PAGE_OPERATOR="pageOperator",e.CAMPAIGN_ITEM_OPERATOR="campaignItemOperator"}(Ue||(Ue={})),function(e){e.NONE="",e.TOTALS="TOTALS",e.ALL="WITH GROUP_TOTALS, TOTALS"}(Be||(Be={})),function(e){e.ASC="ASC",e.DESC="DESC"}(He||(He={})),function(e){e.PAGE_ITEMS="page_items",e.PAGE_PATHS="page_paths"}(Ge||(Ge={})),function(e){e.PAGE_PATH="page_path"}(Qe||(Qe={})),function(e){e.SHOPIFY_PAGE_ID="shopify_page_id",e.LOCATION_PATH="location_path",e.PAGE_TYPE="page_type",e.PAGE_TITLE="page_title",e.PAGE_PATH="page_path",e.TEMPLATE_SUFFIX="template_suffix"}(_e||(_e={})),function(e){e.DEFAULT="DEFAULT",e.COMPARISON="COMPARISON",e.TOTALS="TOTALS",e.COMPARISON_TOTALS="COMPARISON_TOTALS"}(Fe||(Fe={})),function(e){e.HOUR="hour",e.DAY="day",e.WEEK="week",e.MONTH="month",e.QUARTER="quarter",e.YEAR="year"}(Ve||(Ve={})),Fe.DEFAULT,Fe.COMPARISON,Fe.TOTALS,Fe.COMPARISON_TOTALS;const We=({value:e,formatter:t,getTextPrice:i,name:n})=>{if(null!==e&&("object"==typeof e||Array.isArray(e)))return e;switch(t){case be.INTEGER:return Y((e??0).toString());case be.CURRENCY:return i?i(e,!1):`${e??0}`;case be.DATE:return(e=>{if(!e)return"None";const t=q(e),i=q(),n=q().subtract(1,"day"),a=t.format("YYYY-MM-DD")===i.format("YYYY-MM-DD"),r=t.format("YYYY-MM-DD")===n.format("YYYY-MM-DD");if(a)return`Today at ${t.format("HH:mm")}`;if(r)return`Yesterday at ${t.format("HH:mm")}`;const s=i.diff(t,"day");return s>=0&&s<7?`${t.format("dddd")} at ${t.format("HH:mm")}`:`${t.format("MMM D")} at ${t.format("hh:mm a")}`})(e);case be.PERCENT:return"number"!=typeof e?B(0,1,2)??"":B(e/100,1,2)??"";case be.DURATION:return(e=>{let t=e;Number.isFinite(e)&&null!=e||(t=0);const i=L(t);if(t>=te)return`${Math.floor(t/te)}h ${Math.floor(t%te/ee)}m ${Math.floor(t%ee)}s`;if(t>=ee)return`${Math.floor(t/ee)}m ${Math.floor(t%ee)}s`;return`${i}s`})(Number(e));case be.STRING:{const t=n===Pe.CAMPAIGNS?"":"None";return e??t}case be.DAY:return ie(e,$.DAY,{isExpandDetail:!0});case be.HOUR:return ie(e,$.HOUR,{isExpandDetail:!0});case be.MONTH:return ie(e,$.MONTH,{isExpandDetail:!0});case be.YEAR:return ie(e,$.YEAR);case be.WEEK:return ie(e,$.WEEK,{isExpandDetail:!0});case be.QUARTER:return ie(e,$.QUARTER,{isExpandDetail:!0});case be.OBJECT:case be.ARRAY:return e;default:return`${e}`}},Je=e=>{try{const t=(e=>{if(e)return"string"==typeof e?JSON.parse(e):e})(e);if(!Array.isArray(t))return;return t}catch{return}},qe=e=>Je(e)?.map(e=>({...e,total:Number(e.total)})),Xe=(e,t)=>{const i=e?.[t];return"number"==typeof i?i:0};var Ke;!function(e){e.NEXT="NEXT",e.PREV="PREV"}(Ke||(Ke={}));const Ze=({metricKey:e,columnTypes:t})=>{const{formatData:i}=(({getTextPrice:e}={})=>{const{getTextPrice:t}=Ce(),i=e??t,n=({value:e,formatter:t,name:n})=>We({value:e,formatter:t,getTextPrice:i,name:n});return{formatData:n,computeMetric:({metric:e,previousMetric:t,metricKey:i,formatter:a})=>{if(!(e=>{const t=e?.sessions;return"number"==typeof t&&t>0})(e))return{value:0,change:"-"};const r=Xe(e,i),s=Xe(t,i),o=n({value:r,formatter:a,name:i});return 0===r&&0!==s?{value:o,change:-100}:0===s?{value:o,change:"-"}:{value:o,change:(r-s)/s*100}}}})(),n=e?t?.[e]:void 0,a=e=>String(i({value:e,formatter:n})),r={labelFormatter:e=>a(Number(e)||0)};return{formatValue:a,yAxisOptions:r}};const $e=()=>{const[e,t]=n.useState(()=>({width:"undefined"!=typeof window?window.innerWidth:0,height:"undefined"!=typeof window?window.innerHeight:0})),i=n.useMemo(()=>({xs:e.width<=768,md:768<e.width&&e.width<=1024,lg:e.width>1024,xsDown:e.width<768,"1200Down":e.width<1200,"1040Down":e.width<1040}),[e.width]),a=!i.lg,r=i.xs;return n.useEffect(()=>{const e=()=>{t({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),{windowSize:e,windowWidth:i,isMobileTabletView:a,isMobileView:r}},et=({lineChartData:e,isLoading:i,isEmptyMetricData:n,columnTypes:a,metricKey:r})=>{const{formatValue:s,yAxisOptions:o}=Ze({metricKey:r,columnTypes:a||{}});return r?i?t.jsx(Se,{}):n?t.jsx(tt,{title:"No data yet",description:"Data needs time to gather"}):t.jsx(ke,{children:t.jsx(u.LineChart,{data:e,yAxisOptions:o,theme:"Light",tooltipOptions:{titleFormatter:()=>`${A[r]?.title??""}`,keyFormatter:e=>e,renderTooltipContent:e=>t.jsx(rt,{data:e,formatValue:s})},showLegend:!0})}):t.jsx(t.Fragment,{})};const tt=({boxProps:e,minHeight:n,description:a,title:r})=>t.jsx(i.Box,{minWidth:"100%",...e,children:t.jsx(re,{minHeight:n,children:t.jsx(i.Box,{padding:"400",children:t.jsxs(i.BlockStack,{gap:"400",align:"center",inlineAlign:"center",children:[t.jsx("div",{className:"h-[80px] w-[80px]",children:t.jsx(xe,{source:"data:image/png;base64,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",width:"80px",height:"80px",alt:r,classRemoved:!0})}),t.jsxs(i.BlockStack,{gap:"200",align:"center",inlineAlign:"center",children:[t.jsx(i.Text,{as:"h4",variant:"headingSm",fontWeight:"semibold",children:r}),t.jsx(i.Text,{as:"h4",variant:"bodyMd",tone:"subdued",children:a})]})]})})})}),it=()=>t.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("g",{clipPath:"url(#clip0_18114_1160)",children:t.jsx("path",{d:"M1 1L6.5 6.5M6.5 6.5V1.5M6.5 6.5H1.5",stroke:"#8A8A8A",strokeWidth:"1.5"})}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_18114_1160",children:t.jsx("rect",{width:"8",height:"8",fill:"white"})})})]}),nt=()=>t.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("g",{clipPath:"url(#clip0_18114_1146)",children:t.jsx("path",{d:"M1 7L6.5 1.5M6.5 1.5H1.5M6.5 1.5V6.5",stroke:"#29845A",strokeWidth:"1.5"})}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_18114_1146",children:t.jsx("rect",{width:"8",height:"8",fill:"white",transform:"matrix(0 -1 1 0 0 8)"})})})]}),at=({change:e})=>"number"!=typeof e?t.jsx("div",{style:{height:"2px",width:"11px",backgroundColor:"#8A8A8A"}}):t.jsxs("div",{style:{display:"flex",maxHeight:"20px",width:"fit-content",alignItems:"center",gap:"4px",borderRadius:"8px",fontSize:"12px",color:e>0?E.POSITIVE:E.NEUTRAL},children:[e<0&&t.jsx(i.InlineStack,{align:"center",children:t.jsx(it,{})}),e>0&&t.jsx(i.InlineStack,{align:"center",children:t.jsx(nt,{})}),t.jsx(i.Text,{as:"span",variant:"bodyXs",fontWeight:"semibold",children:H(Math.abs(e||0))})]}),rt=({data:e,formatValue:n})=>{const{activeIndex:a}=e,r=e?.dataSeries[0]?.data[a],s=e?.dataSeries[1]?.data[a],o=()=>{const e=r.trend?.value;if(!e)return"-";const t=Number(e.replace(/[%~]/g,""));return"negative"===r.trend?.trend?-1*t:t};return t.jsx("div",{className:"w-fit min-w-[175px]",children:t.jsx(i.Card,{padding:"200",children:t.jsxs(i.BlockStack,{gap:"100",children:[t.jsx(i.Text,{as:"p",variant:"bodySm",fontWeight:"semibold",children:e.formatters?.titleFormatter?.(e.title||"")||e.title}),t.jsxs(i.BlockStack,{gap:"100",children:[t.jsxs(i.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[t.jsxs(i.InlineStack,{gap:"100",blockAlign:"center",children:[t.jsx("div",{className:"h-[2px] w-[12px] rounded-[10px] bg-[#4FA9EA]"}),t.jsx(i.Text,{as:"p",variant:"bodySm",fontWeight:"medium",tone:"subdued",children:r.tooltipKey})]}),t.jsxs(i.InlineStack,{blockAlign:"center",gap:"100",children:[t.jsx(i.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:n(r.value)}),t.jsx(at,{change:o()})]})]}),t.jsxs(i.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[t.jsxs(i.InlineStack,{gap:"100",blockAlign:"center",children:[t.jsx("div",{className:"w-[12px] border border-dashed border-[#A1CAE7]"}),t.jsx(i.Text,{as:"p",variant:"bodySm",tone:"subdued",fontWeight:"medium",children:s.tooltipKey})]}),t.jsxs(i.InlineStack,{blockAlign:"center",gap:"100",children:[t.jsx(i.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:n(s.value)}),t.jsx("div",{className:"opacity-0",children:t.jsx(at,{change:o()})})]})]})]})]})})})},st=({isShowOneLine:e})=>e?t.jsx(i.Box,{width:"40%",children:t.jsx(i.SkeletonBodyText,{lines:1})}):t.jsxs(i.BlockStack,{gap:"200",children:[t.jsx(i.Box,{width:"60%",children:t.jsx(i.SkeletonBodyText,{lines:1})}),t.jsx(i.Box,{width:"40%",children:t.jsx(i.SkeletonBodyText,{lines:1})})]}),ot=()=>t.jsx(i.Card,{children:t.jsxs(i.BlockStack,{gap:"400",children:[t.jsx(st,{isShowOneLine:!0}),t.jsx(Se,{})]})}),lt=({totalValue:e,hideComparison:n})=>t.jsx(i.BlockStack,{gap:"200",children:t.jsxs(i.InlineStack,{blockAlign:"center",gap:"200",wrap:!1,children:[t.jsx(i.InlineStack,{blockAlign:"center",gap:"200",children:t.jsx(i.Text,{as:"span",variant:"headingSm",children:e.value})}),!n&&t.jsx(at,{change:e.change})]})}),ct=({item:e,isHovered:n,isLoading:a,hideComparison:r,titleVariant:s="headingMd",titleFontWeight:o,onClickTitle:l})=>{const{key:c,title:d,totalValue:u}=e,m=A[c];return a?t.jsx(st,{}):t.jsxs(i.BlockStack,{gap:"200",children:[t.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e?.stopPropagation(),l?.(c)},children:t.jsxs(i.InlineStack,{wrap:!1,children:[t.jsx(i.Box,{maxWidth:"100%",overflowX:"hidden",children:t.jsx(je,{tooltip:m,children:t.jsx(i.Text,{as:"span",variant:s,fontWeight:o,truncate:!0,children:d})})}),n&&t.jsx("div",{className:"flex h-[20px] w-[20px] items-center",children:t.jsx(i.Icon,{source:k,tone:"inherit"})})]})}),t.jsx(lt,{totalValue:u,hideComparison:r})]})},dt=({item:e,isActive:a,isLoading:r,hideComparison:s,onSelect:o,onClickTitle:l})=>{const[c,d]=n.useState(!1),u=a||c;return t.jsx("div",{className:"w-full cursor-pointer overflow-hidden",onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:()=>o(e.key),children:t.jsx(i.Box,{paddingBlock:"150",paddingInline:"300",borderRadius:"200",background:u?"bg-surface-active":void 0,children:t.jsx(ct,{item:e,isHovered:c,isLoading:r,hideComparison:s,titleVariant:"headingSm",titleFontWeight:"semibold",onClickTitle:l})})})};ze.OR,Ue.DEVICE_OPERATOR,Ye.DEVICE,Ye.DEVICES,Ye.DEVICE,Ue.VISITOR_OPERATOR,Ye.VISITOR,Ye.VISITORS,Ye.VISITOR,Ue.TRAFFIC_SOURCE_OPERATOR,Ye.TRAFFIC_SOURCE,Ye.TRAFFIC_SOURCES,Ye.TRAFFIC_SOURCE,Ue.VERSION_OPERATOR,Ye.VERSION,Ye.VERSIONS,Ye.VERSION,Ue.PAGE_OPERATOR,Ye.SINGLE_PAGE,Ye.LIST_PAGE,Ye.SINGLE_PAGE,Ue.CAMPAIGN_ITEM_OPERATOR,Ye.GROUP_CAMPAIGN_ITEM,Ye.GROUP_CAMPAIGN_ITEMS,Ye.GROUP_CAMPAIGN,Ye.SINGLE_CAMPAIGN,Ye.SINGLE_CAMPAIGN,Ye.GROUP_CAMPAIGN;const ut=(e,t)=>{if(0===e&&0===t)return;if(0===t)return e>0?"100%":"0%";const i=(e-t)/t*100;return`${Math.abs(i).toFixed(0)}%`},mt=(e,t)=>{const i=e?.find(e=>e?.type?.toLowerCase()===t.toLowerCase());return i?.total??0},ht=({targets:e,metricKey:t,totalsRow:i,comparisonTotalsRow:n,sort:a})=>{const r=qe(i?.[t]),s=qe(n?.[t]),o=!!n?.[t],l=e.map(({value:e,label:t})=>(({name:e,currentValue:t,prevValue:i,hasPreviousData:n})=>({name:e,data:[{key:"value",value:t}],metadata:{trend:{value:n?ut(t,i):void 0,direction:t>=i?"upward":"downward",trend:t>=i?"positive":"negative"}}}))({name:t,currentValue:mt(r,e),prevValue:mt(s,e),hasPreviousData:o})),c=e=>e.data[0]?.value??0;return a?[...l].sort((e,t)=>c(t)-c(e)):l};const At=[{id:g.ALL_SESSION,content:"All sessions",helpText:"Count metrics for all sessions where this page shows up anywhere in the journey: before, during, or after other pages.",icon:"data:image/png;base64,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"},{id:g.FIRST_SESSION,content:"Entry session only",helpText:"Count metrics for sessions only where this page was the very first page visited, then track how they moved through the funnel.",icon:"data:image/png;base64,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"}];var gt;function pt(){return{[e.MainDateTimePickerAlias.TODAY]:{title:"Today",alias:e.MainDateTimePickerAlias.TODAY,getDateRange:Gt},[e.MainDateTimePickerAlias.YESTERDAY]:{title:"Yesterday",alias:e.MainDateTimePickerAlias.YESTERDAY,getDateRange:Qt},[e.MainDateTimePickerAlias.LAST_7_DAYS]:{title:"Last 7 days",alias:e.MainDateTimePickerAlias.LAST_7_DAYS,getDateRange:_t},[e.MainDateTimePickerAlias.LAST_30_DAYS]:{title:"Last 30 days",alias:e.MainDateTimePickerAlias.LAST_30_DAYS,getDateRange:Ft},[e.MainDateTimePickerAlias.LAST_90_DAYS]:{title:"Last 90 days",alias:e.MainDateTimePickerAlias.LAST_90_DAYS,getDateRange:Vt},[e.MainDateTimePickerAlias.LAST_365_DAYS]:{title:"Last 365 days",alias:e.MainDateTimePickerAlias.LAST_365_DAYS,getDateRange:Wt},[e.MainDateTimePickerAlias.LAST_MONTH]:{title:"Last month",alias:e.MainDateTimePickerAlias.LAST_MONTH,getDateRange:Jt},[e.MainDateTimePickerAlias.LAST_12_MONTHS]:{title:"Last 12 months",alias:e.MainDateTimePickerAlias.LAST_12_MONTHS,getDateRange:qt},[e.MainDateTimePickerAlias.LAST_YEAR]:{title:"Last year",alias:e.MainDateTimePickerAlias.LAST_YEAR,getDateRange:Xt}}}function Mt(e){return pt()[e]}e.MainDateTimePickerAlias=void 0,(gt=e.MainDateTimePickerAlias||(e.MainDateTimePickerAlias={})).TODAY="today",gt.YESTERDAY="yesterday",gt.LAST_7_DAYS="last7days",gt.LAST_30_DAYS="last30days",gt.LAST_90_DAYS="last90days",gt.LAST_365_DAYS="last365days",gt.LAST_MONTH="lastMonth",gt.LAST_12_MONTHS="last12Months",gt.LAST_YEAR="lastYear";const Tt={YMD:"YYYY-MM-DD",MONTH_YEAR:"MMM YYYY",FULL:"MMMM D, YYYY",FULL_WITH_TIME:"MMMM D, YYYY [at] h:mm A",SHORT:"MMM DD, YYYY",SHORT_NO_PAD:"MMM D, YYYY",SHORT_WITH_TIME:"MMM D, YYYY [at] h:mm A",MONTH_DAY:"MMM D",DAY_YEAR:"D, YYYY",TIME:"h:mm A",MONTH_DAY_WITH_TIME:"MMM D [at] h:mm A",YEAR:"YYYY"};const ft=/^\d{4}-\d{1,2}-\d{1,2}/;function xt(e){return!isNaN(new Date(e).getDate())}function It(e){return ft.test(e)&&xt(e)}function Nt(e){return 10===e.length&&It(e)}function jt(e,t){const i=X(e);return"YMD"===t?i.format(Tt.YMD):"MY"===t?i.format(Tt.MONTH_YEAR):"FULL"===t?i.format(Tt.FULL):"FULL_WITH_TIME"===t?i.format(Tt.FULL_WITH_TIME):i.format(Tt.SHORT)}function Dt(e,t){const i=X(e),n=X(t);return i.isSame(n,"day")}function Et(e){const{since:t,until:i,format:n=Tt.TIME,showNow:a=!1}=e,r=X(t),s=X(i);return`${r.format(n)} - ${a?"Now":s.format(n)}`}function St(e){const{since:t,until:i,isShowNow:n}=e,a=X(t),r=X(i),s=a.isSame(q(),"day"),o=a.format(Tt.TIME),l=r.format(Tt.TIME);if(s){return`Today at ${o} - ${n?"Now":l}`}if(n)return`${a.format(Tt.SHORT_WITH_TIME)} - Now`;if(a.isSame(r,"day"))return`${a.format(Tt.SHORT_WITH_TIME)} - ${l}`;if(a.isSame(r,"day")){const e=Et({since:t,until:i});return`${a.format(Tt.SHORT)} (${e})`}return a.isSame(r,"year")?`${a.format(Tt.MONTH_DAY_WITH_TIME)} - ${r.format(Tt.MONTH_DAY_WITH_TIME)}, ${r.format(Tt.YEAR)}`:`${a.format(Tt.SHORT_WITH_TIME)} - ${r.format(Tt.SHORT_WITH_TIME)}`}const vt=(e,t=!1,i)=>t&&Ot(e)?e.endOf("day").format(i):e.format(i),yt=(e,t)=>vt(e?q(e).endOf("day"):q().endOf("day"),!1,t),Ot=e=>0===e.hour()&&0===e.minute();function Ct(e,t){const i=X(e),n=X(t);return i.isSame(n,"day")?i.format(Tt.SHORT):i.isSame(n,"month")&&i.isSame(n,"year")?`${i.format(Tt.MONTH_DAY)} - ${n.format(Tt.DAY_YEAR)}`:i.isSame(n,"year")?`${i.format(Tt.MONTH_DAY)} - ${n.format(Tt.SHORT_NO_PAD)}`:`${i.format(Tt.SHORT_NO_PAD)} - ${n.format(Tt.SHORT_NO_PAD)}`}function Rt(t){const{since:i,until:n,isShowNow:a}=t,r=X(i);return r.isSame(q(),"day")?Mt(e.MainDateTimePickerAlias.TODAY).title:a?`${r.format(Tt.SHORT_NO_PAD)} - Now`:Ct(i,n)}const kt=({since:e,until:t,isShowNow:i})=>{if(Dt(e,t))return Et({since:e,until:t,showNow:i})},bt=e=>[...e].sort((e,t)=>z(t.version)-z(e.version)).map(e=>{if(!e.startedAt)return!1;const t=!e.completedAt,i=K(e.startedAt).valueOf(),n=t?K(yt()).valueOf():K(e.completedAt).valueOf(),a=Rt({since:i,until:n,isShowNow:t}),r=kt({since:i,until:n,isShowNow:t});return{title:a,alias:`${e.version}`,since:i,until:n,isVersion:!0,isCurrentVersion:t,description:r,versionId:e.id}}).filter(Boolean),Pt=()=>({since:0,until:0}),wt=t=>{const{since:i,until:n,alias:r}=t,s=a(i),o=a(n);if(r===e.MainDateTimePickerAlias.LAST_MONTH)return Jt(s);if(r===e.MainDateTimePickerAlias.LAST_12_MONTHS)return qt(s);if(r===e.MainDateTimePickerAlias.LAST_YEAR)return Xt(s);const l=o.diff(s,"day")+1,c=s.subtract(l,"day"),d=o.subtract(l,"day");return{since:c.valueOf(),until:d.valueOf()}},Lt=(e,t)=>i=>{const{since:n,until:r}=i,s=a(n),o=a(r).diff(s,"day"),l=s.subtract(e,t),c=l.add(o,"day");return{since:l.valueOf(),until:c.valueOf()}},zt=Lt(7,"day"),Yt=Lt(3,"month"),Ut=Lt(1,"month"),Bt=Lt(1,"year"),Ht=e=>t=>({since:t.subtract(e,"day").valueOf(),until:t.valueOf()}),Gt=e=>({since:e.valueOf(),until:e.valueOf()}),Qt=e=>({since:e.subtract(1,"day").valueOf(),until:e.subtract(1,"day").valueOf()}),_t=Ht(6),Ft=Ht(29),Vt=Ht(89),Wt=Ht(364);function Jt(e){return{since:e.subtract(1,"month").startOf("month").valueOf(),until:e.subtract(1,"month").endOf("month").valueOf()}}function qt(e){return{since:e.subtract(12,"month").startOf("month").valueOf(),until:e.subtract(1,"month").endOf("month").valueOf()}}function Xt(e){return{since:e.subtract(1,"year").startOf("year").valueOf(),until:e.subtract(1,"year").endOf("year").valueOf()}}const Kt=(e,t,i)=>{const n=a(i),r=n.month();if(n.year()!==t||r!==e){const e=n.subtract(1,"month");return{month:e.month(),year:e.year()}}return{month:e,year:t}};var Zt;e.CompareDateTimePickerAlias=void 0,(Zt=e.CompareDateTimePickerAlias||(e.CompareDateTimePickerAlias={})).NO_COMPARISON="noComparison",Zt.PREVIOUS_PERIOD="previousPeriod",Zt.PREVIOUS_WEEK="previousWeek",Zt.PREVIOUS_MONTH="previousMonth",Zt.PREVIOUS_QUARTER="previousQuarter",Zt.PREVIOUS_YEAR="previousYear";const $t={title:"Previous period",alias:e.CompareDateTimePickerAlias.PREVIOUS_PERIOD,since:0,until:0},ei=[{title:"No comparison",alias:e.CompareDateTimePickerAlias.NO_COMPARISON,since:0,until:0},$t,{title:"Previous week",alias:e.CompareDateTimePickerAlias.PREVIOUS_WEEK,since:0,until:0},{title:"Previous quarter",alias:e.CompareDateTimePickerAlias.PREVIOUS_QUARTER,since:0,until:0},{title:"Previous month",alias:e.CompareDateTimePickerAlias.PREVIOUS_MONTH,since:0,until:0},{title:"Previous year",alias:e.CompareDateTimePickerAlias.PREVIOUS_YEAR,since:0,until:0}],ti={[e.CompareDateTimePickerAlias.NO_COMPARISON]:Pt,[e.CompareDateTimePickerAlias.PREVIOUS_PERIOD]:wt,[e.CompareDateTimePickerAlias.PREVIOUS_WEEK]:zt,[e.CompareDateTimePickerAlias.PREVIOUS_QUARTER]:Yt,[e.CompareDateTimePickerAlias.PREVIOUS_MONTH]:Ut,[e.CompareDateTimePickerAlias.PREVIOUS_YEAR]:Bt},ii=()=>{const t=K().startOf("day"),i=pt(),n=i[e.MainDateTimePickerAlias.TODAY],a={...n,...n.getDateRange(t)},r=i[e.MainDateTimePickerAlias.YESTERDAY],s={...r,...r.getDateRange(t)},o=i[e.MainDateTimePickerAlias.LAST_7_DAYS],l={...o,...o.getDateRange(t)},c=i[e.MainDateTimePickerAlias.LAST_30_DAYS],d={...c,...c.getDateRange(t)},u=i[e.MainDateTimePickerAlias.LAST_90_DAYS],m={...u,...u.getDateRange(t)},h=i[e.MainDateTimePickerAlias.LAST_365_DAYS],A={...h,...h.getDateRange(t)},g=i[e.MainDateTimePickerAlias.LAST_MONTH],p={...g,...g.getDateRange(t)},M=i[e.MainDateTimePickerAlias.LAST_12_MONTHS],T={...M,...M.getDateRange(t)},f=i[e.MainDateTimePickerAlias.LAST_YEAR];return{DATE_TIME_FILTERS:[a,s,l,d,m,A,p,T,{...f,...f.getDateRange(t)}],LAST_7_DAYS_DATE_RANGE:l,LAST_30_DAYS_DATE_RANGE:d}},ni=n.createContext({dateTimePicked:{since:q().valueOf(),until:q().valueOf(),title:"Today",alias:"today"},compareDateTimePicked:$t,setDateTimePicked:()=>{},setCompareDateTimePicked:()=>{},resetDateVersion:()=>{}}),ai=()=>{const e=n.useContext(ni);if(!e)throw new Error("useDateTimePickerContext must be used within a DateTimePickerProvider");return e},ri=({ranges:e,initialPicked:t,onApply:i})=>{const{DATE_TIME_FILTERS:r}=ii(),s=e||r,{dateTimePicked:o,setDateTimePicked:l}=ai(),[c,d]=n.useState(o),[{month:u,year:m},h]=n.useState({month:a(o.since).month(),year:a(o.since).year()});n.useEffect(()=>{if(o){const e=new Date(o.until);((e,t)=>t.month-e.month+12*(e.year-t.year))({year:m,month:u},{year:e.getFullYear(),month:e.getMonth()})}},[o,u,m]);return n.useEffect(()=>{o&&(d(o),h({month:a(o.since).month(),year:a(o.since).year()}))},[o]),{month:u,year:m,setDate:h,dateRange:c,apply:()=>{l(c),i?.(c)},cancel:()=>{d(o)},dateTimePicked:o,onChange:({end:e})=>{h(Kt(u,m,e))},onMonthChange:(e,t)=>{h({month:e,year:t})},onCalendarChange:e=>{const{start:i,end:n,alias:a}=e,r={alias:"custom",title:"Custom",since:i.getTime(),until:n.getTime()},o=s.find(e=>{const t=e.alias===a,r=e.until===n.getTime(),s=e.since===i.getTime();return t||s&&r});d(o||t||r)}}};function si({onBlur:e,dateRange:a,setDateTimePicked:r}){const[s,o]=n.useState(!1),[l,c]=n.useState({}),d=n.useCallback((e,t=!1)=>!a.isVersion||t&&a.isCurrentVersion?jt(e,"FULL"):jt(e,"FULL_WITH_TIME"),[a.isVersion,a.isCurrentVersion]);function u(){o(!1),c({since:d(a.since),until:d(a.until,!0)}),e&&e()}return n.useEffect(()=>{s||c({since:d(a.since),until:d(a.until,!0)})},[a,d]),t.jsxs(i.InlineGrid,{gap:"200",columns:"1fr auto 1fr",children:[t.jsx(i.TextField,{role:"combobox",label:"Since",labelHidden:!0,value:a.since?l.since:"MMMM D, YYYY",onChange:function(e){if(c(t=>({...t,since:e})),Nt(e)){const t=X(e).startOf("day"),i=X(a.until).endOf("day"),n=t.isAfter(i)?t.endOf("day"):i;r({start:K(t).toDate(),end:K(n).toDate()})}},onBlur:()=>u(),onFocus:()=>(o(!0),void c({...l,since:jt(a.since,"YMD")})),autoComplete:"off"}),t.jsx(i.InlineStack,{children:t.jsx(i.Icon,{source:y,tone:"subdued"})}),t.jsx(i.TextField,{role:"combobox",label:"Until",labelHidden:!0,value:a.until?l.until:"MMMM D, YYYY",onChange:function(e){if(c(t=>({...t,until:e})),Nt(e)){const t=q().endOf("day"),i=X(e).endOf("day"),n=i.isAfter(t)?t:i,s=X(a.since).startOf("day"),o=n.isBefore(s)?n.startOf("day"):s;r({start:K(o).toDate(),end:K(n).toDate()})}},onBlur:()=>u(),onFocus:()=>(o(!0),void c({...l,until:jt(a.until,"YMD")})),autoComplete:"off"})]})}function oi(e){const{setDateTimePicked:a,dateTimePicked:r,rangeAddition:s,allRanges:o}=e,{value:l,toggle:c}=function(e){const[t,i]=n.useState(e);return{value:t,toggle:n.useCallback(()=>i(e=>!e),[]),setTrue:n.useCallback(()=>i(!0),[]),setFalse:n.useCallback(()=>i(!1),[])}}(!0),d=s?.rangers||[],u=d.map(e=>{const n=r.alias===e.alias;return{value:e.alias,label:t.jsxs(i.Text,{as:"span",truncate:!0,children:[t.jsx(i.Text,{as:"span",variant:"bodyMd",fontWeight:n?"semibold":"regular",children:e.title}),e.description&&t.jsxs(t.Fragment,{children:[" ",t.jsx(i.Text,{as:"span",variant:"bodyXs",fontWeight:"regular",tone:"subdued",children:`(${e.description})`})]})]})}});if(s&&0!==d.length)return t.jsxs(i.Box,{borderBlockEndWidth:"025",borderColor:"border",paddingBlock:"200",children:[t.jsx("div",{className:"px-1.5",children:t.jsx(ue,{onClick:c,"aria-expanded":l,className:Q("hover:bg-surface-hover cursor-pointer rounded-lg p-1.5"),children:t.jsxs(i.InlineStack,{align:"space-between",blockAlign:"center",children:[t.jsx(i.Text,{as:"span",variant:"bodyMd",children:s.title}),t.jsx(i.Box,{children:t.jsx(i.Icon,{source:l?b:R})})]})})}),t.jsx(i.Collapsible,{open:l,id:"date-time-filter-periods-collapsible",transition:{duration:"200ms",timingFunction:"ease-in-out"},children:t.jsx(Ae,{options:u,selected:r?[r.alias]:[],onChange:e=>{const t=e[0],i=o.find(e=>e.alias===t)||o[0];a({start:q(i?.since).toDate(),end:q(i?.until).toDate(),alias:i?.alias})}})})]})}function li(e){const{setDateTimePicked:n,dateTimePicked:a,allRanges:r,isCompare:s}=e,{DATE_TIME_FILTERS:o}=ii(),{mdDown:l}=i.useBreakpoints(),c=s?[...ei]:[...o];return t.jsx(i.Box,{maxWidth:l?"516px":"250px",width:l?"100%":"250px",padding:{xs:"500",md:"0"},paddingBlockEnd:{xs:"100",md:"0"},children:l?t.jsx(i.Select,{label:"dateRangeLabel",labelHidden:!0,onChange:e=>(e=>{const t=r.find(({title:t,alias:i})=>t===e||i===e)||r[0];n({start:q(t?.since).toDate(),end:q(t?.until).toDate(),alias:t?.alias})})(e),value:a?.title||a?.alias||"",options:r.map(({alias:e,title:t})=>t||e)}):t.jsx(i.Scrollable,{style:{maxHeight:"356px"},children:t.jsx(i.Box,{children:t.jsxs(i.BlockStack,{children:[t.jsx(oi,{...e}),t.jsx(i.OptionList,{options:c.map(e=>({value:e.alias,label:e.title})),selected:a?[a.alias]:[],onChange:e=>(e=>{const t=r.find(t=>t.alias===e[0])||r[0];n({start:q(t?.since).toDate(),end:q(t?.until).toDate(),alias:t?.alias})})(e)})]})})})})}const ci=({ranges:e,onApply:t})=>{const i=e||ei,{compareDateTimePicked:a,setCompareDateTimePicked:r}=ai(),{dateTimePicked:s}=ai(),[o,l]=n.useState(a),[{month:c,year:d},u]=n.useState({month:q(a.since).month(),year:q(a.since).year()});return{month:c,year:d,setDate:u,dateRange:o,apply:()=>{r(o),t?.(o)},cancel:()=>{l(a)},compareDateTimePicked:a,onChange:({end:e})=>{u(Kt(c,d,e))},onMonthChange:(e,t)=>{u({month:e,year:t})},onCalendarChange:({start:e,end:t,alias:n})=>{const a=i.find(e=>e.alias===n);l(a?{...a,...ti[n]({since:s.since,until:s.until})}:{alias:"custom",title:"Custom",since:e.getTime(),until:t.getTime()})}}},di=e=>{const{dateTimeFilters:r,rangeAddition:s,popoverProps:o,activatorProps:c,actionProps:d,isCompare:u,buttonValue:m,activator:h}=e,A=s?.initialPicked,g=[...r||[],...s?.rangers||[]],p=u?ci:ri,{month:M,year:T,dateRange:f,apply:x,cancel:I,onMonthChange:N,onCalendarChange:j,onChange:D}=p({ranges:g,initialPicked:A,onApply:e.onApply}),{t:E}=l.useTranslation(),{mdDown:S,lgUp:v}=i.useBreakpoints(),y=v,C=n.useMemo(()=>{if(f.isVersion&&f.since&&f.until)return St({since:f.since,until:f.until,isShowNow:f.isCurrentVersion})},[f.since,f.until,f.isVersion,f.isCurrentVersion]),[R,k]=n.useState(!1),b=n.useRef(null),P=n.useRef(C);R||(P.current=C);const w=P.current;function L({relatedTarget:e}){var t;null!=e&&(t=e,!!b?.current&&function(e,t){if(e===t)return!0;let i=t.parentNode;for(;null!=i;){if(i===e)return!0;i=i.parentNode}return!1}(b.current,t))||k(!1)}function z(){I(),k(!1)}const Y=()=>{u||k(!R)};return t.jsx(i.Popover,{active:R,autofocusTarget:"none",preferredAlignment:"right",preferredPosition:"below",fluidContent:!0,sectioned:!1,fullHeight:!0,activator:t.jsx(re,{height:"100%",minHeight:"28px",align:"center",children:t.jsx(se,{content:w,maxWidth:h?"large":"extra-large",children:t.jsx(i.Box,{children:h?h({onClick:Y,value:m}):t.jsx(i.Button,{size:"slim",icon:u?void 0:O,onClick:Y,...c,children:m})})})}),onClose:z,...o,children:t.jsxs(i.Scrollable,{vertical:!0,scrollbarWidth:"thin",className:"max-w-[100%]",children:[t.jsx(i.Popover.Pane,{fixed:!0,children:t.jsx("div",{ref:b,children:t.jsxs(i.InlineGrid,{columns:{xs:"1fr",md:"max-content max-content"},gap:"0",children:[t.jsx(li,{setDateTimePicked:e=>{j(e),D(e)},dateTimePicked:f,rangeAddition:s,allRanges:g,isCompare:u}),t.jsx(i.Box,{padding:"400",maxWidth:S?"320px":"516px",borderInlineStartWidth:"025",borderColor:"border-secondary",children:t.jsxs(i.BlockStack,{gap:"400",children:[t.jsx(si,{setDateTimePicked:j,dateRange:f,onBlur:()=>L}),t.jsx("div",{children:t.jsx(i.DatePicker,{month:M,year:T,selected:f.since||f.until?{start:a(f.since).toDate(),end:a(f.until).toDate()}:void 0,onMonthChange:N,onChange:j,multiMonth:y,allowRange:!0,disableDatesAfter:Z()})}),d&&t.jsx(oe,{...d,onClick:()=>{k(!1),d.onClick?.()}})]})})]})})}),t.jsx(i.Popover.Pane,{fixed:!0,children:t.jsx(i.Box,{padding:"400",borderBlockStartWidth:"025",borderColor:"border-secondary",children:t.jsx(i.InlineStack,{align:"end",gap:"200",children:t.jsxs(i.ButtonGroup,{children:[t.jsx(i.Button,{onClick:z,children:E("Cancel")}),t.jsx(i.Button,{variant:"primary",onClick:function(){x(),k(!1)},children:E("Apply")})]})})})})]})})},ui=i=>{const{rangeAddition:a,popoverProps:r}=i,s=a?.initialPicked,o=ei,c=[...o,...a?.rangers||[]],{t:d}=l.useTranslation(),{compareDateTimePicked:u}=ci({ranges:c,initialPicked:s}),m=n.useMemo(()=>u.alias===e.CompareDateTimePickerAlias.NO_COMPARISON?d("No comparison"):d("Compare to: {{value}}",{value:Ct(u.since,u.until)}),[u,d]);return t.jsx(di,{dateTimeFilters:o,rangeAddition:a,popoverProps:r,isCompare:!0,buttonValue:m})},mi=e=>{const{rangeAddition:i,popoverProps:n,activator:a,onApply:r,activatorProps:s,actionProps:o}=e,{DATE_TIME_FILTERS:l}=ii(),c=l,d=i?.rangers||[],u=i?.initialPicked,m=[...c,...d],{dateTimePicked:h}=ri({ranges:m,initialPicked:u});return t.jsx(di,{activatorProps:s,dateTimeFilters:c,rangeAddition:i,popoverProps:n,actionProps:o,buttonValue:(()=>{if(h.isVersion&&d.length>0){const e=h.description?`at ${h.description}`:"";return`Period: ${h.title} ${e}`}return"custom"===h.alias?Ct(h.since,h.until):h.title})(),activator:a,onApply:r})};const hi=({id:e,stickyTop:t,threshold:i=0,enabled:a=!0})=>{const[r,s]=n.useState(!1);return n.useEffect(()=>{if(!a||"undefined"==typeof window)return;const n=document.getElementById(e);if(!n)return;const r=()=>{const e=n.getBoundingClientRect();s(e.top<=t+i)};return r(),window.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}},[e,t,i,a]),r};e.dayjs=a,e.ANALYTICS_METRIC_TOOLTIP=A,e.AnalyticModeSelector=({activatorText:e="View by",value:i,onChange:a})=>{const r=n.useMemo(()=>At.map(e=>({...e})),[]);return t.jsx(De,{activatorText:e,options:r,selected:i,onSelect:e=>{a(e)},maxWidth:"650px"})},e.CAMPAIGN_BACKGROUND_MAIN={ORIGIN:"#2C7DFF",VARIANT:"#F34A70"},e.CHART_MIN_HEIGHT=228,e.COMPARE_DATE_TIME_FILTERS_MAP=ti,e.ConvertMoneyProvider=({children:e,currency:i,locale:a="en-US"})=>{(()=>{const e=ve(e=>e.setCurrencyRates),{data:t}=d.useQuery({queryKey:["sdk-currency-rates"],queryFn:ye,staleTime:36e5});n.useEffect(()=>{t&&e(t)},[t,e])})();const r=ve(e=>e.currencyRates),s=n.useCallback((e,t,n)=>{if("string"==typeof e)return e;if("number"!=typeof e)return"0";if(!i)return e.toString();const s=r?((e,t,i,n)=>{if(t===i||!n[t]||!n[i])return e;const a=e*n[t]/n[i];return a?Number(a.toFixed(2)):e})(e,S,i,r):e;return w(((e,t=S,i)=>{if("string"==typeof e)return e;if("number"!=typeof e)return;const n="string"==typeof i?{locale:i}:i,a=n?.locale??"en-US";return e>=1e9?`${new Intl.NumberFormat(a,{style:"currency",currency:t,minimumFractionDigits:2,maximumFractionDigits:2}).format(e/1e9)}B`:e>=1e6?`${new Intl.NumberFormat(a,{style:"currency",currency:t,minimumFractionDigits:2,maximumFractionDigits:2}).format(e/1e6)}M`:n?.compact&&Math.abs(e)>=1e3?`${new Intl.NumberFormat(a,{style:"currency",currency:t,minimumFractionDigits:1,maximumFractionDigits:1}).format(e/1e3)}K`:new Intl.NumberFormat(a,{style:"currency",currency:t}).format(e)})(s,i,{locale:a,compact:n?.compact})??"0")},[i,a,r]),o=n.useMemo(()=>({getTextPrice:s}),[s]);return t.jsx(Oe.Provider,{value:o,children:e})},e.CurrencySelector=({currencies:e,selected:a,preferredAlignment:r="left",activatorText:s,onSelect:o})=>{const{t:c}=l.useTranslation(),d=n.useRef(o),u=n.useCallback(e=>{d.current?.(e)},[]),m=n.useMemo(()=>{if(!e)return[];const t=e.map(e=>({content:e,id:e}));return t.some(e=>e.id===S)||t.push({content:S,id:S}),V(t,[{attr:"content",order:"asc",preferredValue:S}])},[e]),h=n.useMemo(()=>m.map(e=>({id:e.id,content:e.content,onAction:()=>u(e.id),active:e.id===a,suffix:e.id===a&&t.jsx(i.Icon,{source:C,tone:"success"}),helpText:e.id===S&&t.jsx(i.Text,{as:"p",fontWeight:"semibold",children:c("Default")})})),[m,a,u,c]),A=n.useMemo(()=>!m?.length||1===m.length&&m[0]?.id===S,[m]);return n.useEffect(()=>{d.current=o}),A?null:t.jsx(ge,{options:h,selected:a,variant:"action-list",onSelect:e=>u(e),activatorText:s??c("Currency"),maxWidth:"225px",preferredAlignment:r,helpText:t.jsx(i.Box,{padding:"200",paddingBlockStart:"300",paddingBlockEnd:"300",borderColor:"border-tertiary",background:"bg",children:t.jsx(he,{as:"p",variant:"bodyMd",transformers:{1:e=>t.jsx(Te,{linkAction:{url:"https://help.shopify.com/en/manual/international/pricing/exchange-rates#auto-convert",target:"_blank"},children:e},e+"text-link")},children:c("This will follow Shopify's current exchange rate. [1]Read more[]")})})})},e.DATE_TIME_COMPARISON_FILTERS=ei,e.DEFAULT_CURRENCY_ANALYTIC=S,e.DEFAULT_CURRENT_PERIOD_LABEL=N,e.DEFAULT_PREVIOUS_PERIOD_LABEL=j,e.DateTimeFilterInputs=si,e.DateTimeFilters=li,e.DateTimePickerContext=ni,e.DateTimePickerProvider=({children:i,initDate:r,initDateCompare:s})=>{const[o,l]=n.useState(r||{since:q().set("hour",0).valueOf(),until:q().set("hour",0).valueOf(),title:"Today",alias:"today"}),{DATE_TIME_FILTERS:c}=ii(),d=n.useCallback((e,t=o)=>({...$t,...ti[e]({since:t.since,until:t.until,alias:t.alias})}),[o]),[u,m]=n.useState(s||d(e.CompareDateTimePickerAlias.PREVIOUS_PERIOD)),h=n.useCallback(t=>{"custom"!==u.alias&&u.alias!==e.CompareDateTimePickerAlias.NO_COMPARISON&&m(d(u.alias,t))},[u,d]),A=n.useCallback(e=>{l(e),h(e)},[h]);return t.jsx(ni.Provider,{value:{dateTimePicked:o,setDateTimePicked:A,compareDateTimePicked:u,setCompareDateTimePicked:m,resetDateVersion:()=>{const e=a(o.since).startOf("day").valueOf(),t=a(o.until).startOf("day").valueOf(),i=c.find(i=>i.since===e&&i.until===t);l({...o,isVersion:!1,versionId:void 0,isCurrentVersion:!1,description:"",title:i?.title||o.title,alias:i?.alias||"custom"})}},children:i})},e.GSelectableMetricChartCard=({metricInfo:e,dataChart:a,defaultActiveTab:r,isLoading:s,isEmptyMetricData:o,hideComparison:l,currentPeriodLabel:c=N,previousPeriodLabel:d=j,columnTypes:u})=>{const[m,h]=n.useState(r),A=n.useMemo(()=>{const e=m?a[m]:void 0;if(!e)return[];const t={name:c,data:e.current};return l?[t]:[t,{name:d,data:e.previous,isComparison:!0}]},[m,a,l,c,d]);return t.jsxs(i.Card,{children:[t.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${e.length}, 1fr)`,gap:"16px",marginBottom:"16px"},children:e.map(e=>t.jsx(dt,{item:e,isActive:m===e.key,isLoading:s,hideComparison:l,onSelect:h},e.key))}),t.jsx(et,{lineChartData:A,isLoading:s,isEmptyMetricData:o,metricKey:m,columnTypes:u})]})},e.GTimePicker=e=>{const{isCompare:n,...a}=e;return t.jsxs(i.InlineStack,{gap:"200",children:[t.jsx(mi,{...a}),n&&t.jsx(ui,{rangeAddition:a.rangeAddition,popoverProps:a.popoverProps})]})},e.MetricChartProvider=ke,e.MetricDonutChartCard=({label:e,metricKey:a,targets:r,totalsRow:s,comparisonTotalsRow:o,sort:l,isLoading:c,isEmptyMetricData:d,minHeight:m=294,onClick:h})=>{const g=A[a],{windowWidth:p,windowSize:M}=$e(),[T,f]=n.useState(!1),x=n.useMemo(()=>ht({targets:r,metricKey:a,totalsRow:s,comparisonTotalsRow:o,sort:l}),[r,a,s,o,l]);if(c)return t.jsx(ot,{});const I=e=>Y(`${e}`),N=p.lg&&M.width<1500;return t.jsx("div",{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:t.jsx(i.Card,{children:t.jsxs(i.BlockStack,{gap:"200",children:[t.jsx(i.InlineStack,{children:t.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e.stopPropagation(),h()},children:t.jsxs(i.InlineStack,{children:[t.jsx(je,{tooltip:g,children:t.jsx(i.Text,{as:"h3",variant:"headingMd",children:e})}),T&&t.jsx(i.Icon,{source:k,tone:"inherit"})]})})}),t.jsx("div",{className:Q("flex items-center justify-center",{"max-h-[250px] overflow-hidden":N}),children:d?t.jsx(tt,{title:"No data yet",description:"Data needs time to gather"}):t.jsx(ke,{minHeight:m,seriesColors:{},children:t.jsx(u.DonutChart,{data:x,legendPosition:"left",showLegendValues:!0,showLegend:!0,theme:"Light",tooltipOptions:{valueFormatter:I},labelFormatter:I})})})]})})})},e.PLACEHOLDER_VALUE="-",e.PREVIOUS_PERIOD_FILTER=$t,e.SERIES_COLORS=D,e.SingleMetricChartCard=({metricInfo:e,lineChartData:a,isLoading:r,hideComparison:s,columnTypes:o,isEmptyMetricData:l,onClickTitle:c})=>{const[d,u]=n.useState(!1);return t.jsx("div",{onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),children:t.jsx(i.Card,{children:t.jsxs(i.BlockStack,{gap:"200",children:[t.jsx(ct,{item:e,isHovered:d,isLoading:r,hideComparison:s,onClickTitle:c}),t.jsx(et,{lineChartData:a,isLoading:r,isEmptyMetricData:l,columnTypes:o,metricKey:e.key})]})})})},e.TARGET_CHANNEL=I,e.TARGET_DEVICES=x,e.TARGET_VISITOR=f,e.THUMB_PRODUCT_DEFAULT=v,e.TREND_TONE=E,e.convertDateToTz=X,e.convertToDateTimeFilters=bt,e.createLastDaysRange=Ht,e.dayjsTz=q,e.dayjsTzToDate=Z,e.dayjsTzToLocalTZ=K,e.formatDate=jt,e.formatDateTimeRange=St,e.formatDayjs=vt,e.formatMs=e=>{const t=Math.floor(e/1e3);return[Math.floor(t/3600),Math.floor(t%3600/60),t%60].map(e=>String(e).padStart(2,"0")).join(":")},e.formatTime=function(e){return X(e).format(Tt.TIME)},e.formatTimeRange=Et,e.getDateRangeTitle=Ct,e.getDateTimeFilterBase=function(e,t){const i=q(),n=X(e),a=X(t),r=pt();for(const e of Object.values(r)){const t=e.getDateRange(i),r=X(t.since),s=X(t.until),o=n.isSame(r,"day"),l=a.isSame(s,"day");if(o&&l)return{title:e.title,alias:e.alias}}return{title:Ct(e,t),alias:"custom"}},e.getDateTimeFilterByAlias=Mt,e.getDateTimeFilterMapping=pt,e.getEndOfDayBy=yt,e.getInitialTimezone=function(){return W},e.getLast12Months=qt,e.getLast30Days=Ft,e.getLast365Days=Wt,e.getLast7Days=_t,e.getLast90Days=Vt,e.getLastMonth=Jt,e.getLastYear=Xt,e.getMonthAndYearByDateFilter=Kt,e.getNoComparison=Pt,e.getPreviousMonth=Ut,e.getPreviousPeriod=wt,e.getPreviousQuarter=Yt,e.getPreviousWeek=zt,e.getPreviousYear=Bt,e.getToday=Gt,e.getVersionDateDescription=kt,e.getVersionDateRangeTitle=Rt,e.getYesterday=Qt,e.isDate=xt,e.isMidnight=Ot,e.isSameDayTimestamp=Dt,e.isValidDate=Nt,e.isValidYearMonthDayDateString=It,e.parseYearMonthDayDateString=function(e){return a(e).valueOf()},e.setTz=function(e){W=e,a.tz.setDefault(e)},e.useConvertMoneyContext=Ce,e.useCurrencyRatesStore=ve,e.useDateTimeFilter=ii,e.useDateTimePicker=ri,e.useDateTimePickerContext=ai,e.useIsStickyById=hi,e.useStickyFilterBoxProps=({id:e})=>{const{isMobileView:t}=$e(),i=t&&Boolean(e),n=hi({id:e,stickyTop:0,enabled:i});return i?{position:"sticky",insetBlockStart:"0",zIndex:"10",background:"bg",paddingBlock:"200",...n&&{borderBlockEndWidth:"025",borderColor:"border"}}:{}},e.useVersionDateTimeFilters=e=>{const{t:t}=l.useTranslation(),i=n.useMemo(()=>e?.length?bt(e):[],[e]);return{rangeAddition:{title:t("Experiment periods"),rangers:i}}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levi-gemcommerce/analytics",
-  "version": "1.0.0-dev.19",
+  "version": "1.0.0-dev.21",
   "license": "MIT",
   "author": "gemx-dev",
   "sideEffects": [