@levi-gemcommerce/analytics 2.0.4-dev.1 → 2.1.0-test.0

package/dist/esm/components/GTimePicker/components/DateTimeFilterInputs.d.ts

@@ -5,5 +5,5 @@ interface DateTimeFilterInputsProps {
     dateRange: DateTimeFilter;
     setDateTimePicked: (value: IDateRangeState) => void;
 }
-export declare function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked }: DateTimeFilterInputsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked, }: DateTimeFilterInputsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/GTimePicker/components/DateTimeFilterInputs.js

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InlineGrid, TextField, InlineStack, Icon } from '@shopify/polaris';
+import { convertDateToTz, dayjsTzToLocalTZ, dayjsTz } from '../../../utils/dayjs.js';
+import '../../../utils/analytics.js';
+import '../../../types/template.js';
+import { useState, useCallback, useEffect } from 'react';
+import { ArrowRightIcon } from '@shopify/polaris-icons';
+import '../constants/mainDataTimePicker.js';
+import { formatDate, isValidDate } from '../helpers/parse-date.js';
+
+function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked, }) {
+    const [isFocus, setIsFocus] = useState(false);
+    const [inputValues, setInputValues] = useState({});
+    const formatDisplayDate = useCallback((timestamp, isEnd = false) => {
+        if (!dateRange.isVersion || (isEnd && dateRange.isCurrentVersion))
+            return formatDate(timestamp, 'FULL');
+        return formatDate(timestamp, 'FULL_WITH_TIME');
+    }, [dateRange.isVersion, dateRange.isCurrentVersion]);
+    useEffect(() => {
+        if (isFocus)
+            return;
+        setInputValues({
+            since: formatDisplayDate(dateRange.since),
+            until: formatDisplayDate(dateRange.until, true),
+        });
+    }, [dateRange, formatDisplayDate]);
+    function handleStartInputValueChange(value) {
+        setInputValues((prevState) => {
+            return { ...prevState, since: value };
+        });
+        if (isValidDate(value)) {
+            const newSinceDate = convertDateToTz(value).startOf('day');
+            const untilDate = convertDateToTz(dateRange.until).endOf('day');
+            const endDate = newSinceDate.isAfter(untilDate) ? newSinceDate.endOf('day') : untilDate;
+            setDateTimePicked({
+                start: dayjsTzToLocalTZ(newSinceDate).toDate(),
+                end: dayjsTzToLocalTZ(endDate).toDate(),
+            });
+        }
+    }
+    function handleEndInputValueChange(value) {
+        setInputValues((prevState) => ({ ...prevState, until: value }));
+        if (isValidDate(value)) {
+            const nowEndOfDay = dayjsTz().endOf('day');
+            const newUntilDate = convertDateToTz(value).endOf('day');
+            const clampedUntil = newUntilDate.isAfter(nowEndOfDay) ? nowEndOfDay : newUntilDate;
+            const sinceDate = convertDateToTz(dateRange.since).startOf('day');
+            const startDate = clampedUntil.isBefore(sinceDate) ? clampedUntil.startOf('day') : sinceDate;
+            setDateTimePicked({
+                start: dayjsTzToLocalTZ(startDate).toDate(),
+                end: dayjsTzToLocalTZ(clampedUntil).toDate(),
+            });
+        }
+    }
+    function handleInputBlur() {
+        setIsFocus(false);
+        setInputValues({
+            since: formatDisplayDate(dateRange.since),
+            until: formatDisplayDate(dateRange.until, true),
+        });
+        onBlur && onBlur();
+    }
+    function handleFocusStartInput() {
+        setIsFocus(true);
+        setInputValues({
+            ...inputValues,
+            since: formatDate(dateRange.since, 'YMD'),
+        });
+    }
+    function handleFocusEndInput() {
+        setIsFocus(true);
+        setInputValues({
+            ...inputValues,
+            until: formatDate(dateRange.until, 'YMD'),
+        });
+    }
+    return (jsxs(InlineGrid, { gap: "200", columns: "1fr auto 1fr", children: [jsx(TextField, { role: "combobox", label: 'Since', labelHidden: true, 
+                // prefix={<Icon source={CalendarIcon} />}
+                value: dateRange.since ? inputValues.since : 'MMMM D, YYYY', onChange: handleStartInputValueChange, onBlur: () => handleInputBlur(), onFocus: () => handleFocusStartInput(), autoComplete: "off" }), jsx(InlineStack, { children: jsx(Icon, { source: ArrowRightIcon, tone: "subdued" }) }), jsx(TextField, { role: "combobox", label: 'Until', labelHidden: true, 
+                // prefix={<Icon source={CalendarIcon} />}
+                value: dateRange.until ? inputValues.until : 'MMMM D, YYYY', onChange: handleEndInputValueChange, onBlur: () => handleInputBlur(), onFocus: () => handleFocusEndInput(), autoComplete: "off" })] }));
+}
+
+export { DateTimeFilterInputs };

package/dist/esm/components/GTimePicker/components/DateTimeFilterInputs.mjs

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InlineGrid, TextField, InlineStack, Icon } from '@shopify/polaris';
+import { convertDateToTz, dayjsTzToLocalTZ, dayjsTz } from '../../../utils/dayjs.mjs';
+import '../../../utils/analytics.mjs';
+import '../../../types/template.mjs';
+import { useState, useCallback, useEffect } from 'react';
+import { ArrowRightIcon } from '@shopify/polaris-icons';
+import '../constants/mainDataTimePicker.mjs';
+import { formatDate, isValidDate } from '../helpers/parse-date.mjs';
+
+function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked, }) {
+    const [isFocus, setIsFocus] = useState(false);
+    const [inputValues, setInputValues] = useState({});
+    const formatDisplayDate = useCallback((timestamp, isEnd = false) => {
+        if (!dateRange.isVersion || (isEnd && dateRange.isCurrentVersion))
+            return formatDate(timestamp, 'FULL');
+        return formatDate(timestamp, 'FULL_WITH_TIME');
+    }, [dateRange.isVersion, dateRange.isCurrentVersion]);
+    useEffect(() => {
+        if (isFocus)
+            return;
+        setInputValues({
+            since: formatDisplayDate(dateRange.since),
+            until: formatDisplayDate(dateRange.until, true),
+        });
+    }, [dateRange, formatDisplayDate]);
+    function handleStartInputValueChange(value) {
+        setInputValues((prevState) => {
+            return { ...prevState, since: value };
+        });
+        if (isValidDate(value)) {
+            const newSinceDate = convertDateToTz(value).startOf('day');
+            const untilDate = convertDateToTz(dateRange.until).endOf('day');
+            const endDate = newSinceDate.isAfter(untilDate) ? newSinceDate.endOf('day') : untilDate;
+            setDateTimePicked({
+                start: dayjsTzToLocalTZ(newSinceDate).toDate(),
+                end: dayjsTzToLocalTZ(endDate).toDate(),
+            });
+        }
+    }
+    function handleEndInputValueChange(value) {
+        setInputValues((prevState) => ({ ...prevState, until: value }));
+        if (isValidDate(value)) {
+            const nowEndOfDay = dayjsTz().endOf('day');
+            const newUntilDate = convertDateToTz(value).endOf('day');
+            const clampedUntil = newUntilDate.isAfter(nowEndOfDay) ? nowEndOfDay : newUntilDate;
+            const sinceDate = convertDateToTz(dateRange.since).startOf('day');
+            const startDate = clampedUntil.isBefore(sinceDate) ? clampedUntil.startOf('day') : sinceDate;
+            setDateTimePicked({
+                start: dayjsTzToLocalTZ(startDate).toDate(),
+                end: dayjsTzToLocalTZ(clampedUntil).toDate(),
+            });
+        }
+    }
+    function handleInputBlur() {
+        setIsFocus(false);
+        setInputValues({
+            since: formatDisplayDate(dateRange.since),
+            until: formatDisplayDate(dateRange.until, true),
+        });
+        onBlur && onBlur();
+    }
+    function handleFocusStartInput() {
+        setIsFocus(true);
+        setInputValues({
+            ...inputValues,
+            since: formatDate(dateRange.since, 'YMD'),
+        });
+    }
+    function handleFocusEndInput() {
+        setIsFocus(true);
+        setInputValues({
+            ...inputValues,
+            until: formatDate(dateRange.until, 'YMD'),
+        });
+    }
+    return (jsxs(InlineGrid, { gap: "200", columns: "1fr auto 1fr", children: [jsx(TextField, { role: "combobox", label: 'Since', labelHidden: true, 
+                // prefix={<Icon source={CalendarIcon} />}
+                value: dateRange.since ? inputValues.since : 'MMMM D, YYYY', onChange: handleStartInputValueChange, onBlur: () => handleInputBlur(), onFocus: () => handleFocusStartInput(), autoComplete: "off" }), jsx(InlineStack, { children: jsx(Icon, { source: ArrowRightIcon, tone: "subdued" }) }), jsx(TextField, { role: "combobox", label: 'Until', labelHidden: true, 
+                // prefix={<Icon source={CalendarIcon} />}
+                value: dateRange.until ? inputValues.until : 'MMMM D, YYYY', onChange: handleEndInputValueChange, onBlur: () => handleInputBlur(), onFocus: () => handleFocusEndInput(), autoComplete: "off" })] }));
+}
+
+export { DateTimeFilterInputs };

package/dist/esm/components/GTimePicker/components/DateTimeFilters.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useBreakpoints, Box, Select, Scrollable, BlockStack, OptionList } from '@shopify/polaris';
+import { DateTimeFilterAddition } from './DateTimeFilterAddition.js';
+import { DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.js';
+import '../constants/mainDataTimePicker.js';
+import { dayjsTz } from '../../../utils/dayjs.js';
+import '../../../utils/analytics.js';
+import '../../../types/template.js';
+import { useDateTimeFilter } from '../hooks/useDateTimeFilter.js';
+import '../contexts/DateTimePickerProvider.js';
+import 'react';
+import 'react-i18next';
+
+function DateTimeFilters(props) {
+    const { setDateTimePicked, dateTimePicked, allRanges, isCompare } = props;
+    const { DATE_TIME_FILTERS } = useDateTimeFilter();
+    const { mdDown } = useBreakpoints();
+    const rangesDefault = isCompare ? [...DATE_TIME_COMPARISON_FILTERS] : [...DATE_TIME_FILTERS];
+    const handleChangeFilterBySelect = (value) => {
+        const result = allRanges.find(({ title, alias }) => title === value || alias === value) || allRanges[0];
+        setDateTimePicked({
+            start: dayjsTz(result?.since).toDate(),
+            end: dayjsTz(result?.until).toDate(),
+            alias: result?.alias,
+        });
+    };
+    const handleChangeFilterByOption = (value) => {
+        const result = allRanges.find((range) => range.alias === value[0]) || allRanges[0];
+        setDateTimePicked({
+            start: dayjsTz(result?.since).toDate(),
+            end: dayjsTz(result?.until).toDate(),
+            alias: result?.alias,
+        });
+    };
+    return (jsx(Box, { maxWidth: mdDown ? '516px' : '250px', width: mdDown ? '100%' : '250px', padding: { xs: '500', md: '0' }, paddingBlockEnd: { xs: '100', md: '0' }, children: mdDown ? (jsx(Select, { label: "dateRangeLabel", labelHidden: true, onChange: (value) => handleChangeFilterBySelect(value), value: dateTimePicked?.title || dateTimePicked?.alias || '', options: allRanges.map(({ alias, title }) => title || alias) })) : (jsx(Scrollable, { style: { maxHeight: '356px' }, children: jsx(Box, { children: jsxs(BlockStack, { children: [jsx(DateTimeFilterAddition, { ...props }), jsx(OptionList, { options: rangesDefault.map((range) => ({
+                                value: range.alias,
+                                label: range.title,
+                            })), selected: dateTimePicked ? [dateTimePicked.alias] : [], onChange: (value) => handleChangeFilterByOption(value) })] }) }) })) }));
+}
+
+export { DateTimeFilters };

package/dist/esm/components/GTimePicker/components/DateTimeFilters.mjs

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useBreakpoints, Box, Select, Scrollable, BlockStack, OptionList } from '@shopify/polaris';
+import { DateTimeFilterAddition } from './DateTimeFilterAddition.mjs';
+import { DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.mjs';
+import '../constants/mainDataTimePicker.mjs';
+import { dayjsTz } from '../../../utils/dayjs.mjs';
+import '../../../utils/analytics.mjs';
+import '../../../types/template.mjs';
+import { useDateTimeFilter } from '../hooks/useDateTimeFilter.mjs';
+import '../contexts/DateTimePickerProvider.mjs';
+import 'react';
+import 'react-i18next';
+
+function DateTimeFilters(props) {
+    const { setDateTimePicked, dateTimePicked, allRanges, isCompare } = props;
+    const { DATE_TIME_FILTERS } = useDateTimeFilter();
+    const { mdDown } = useBreakpoints();
+    const rangesDefault = isCompare ? [...DATE_TIME_COMPARISON_FILTERS] : [...DATE_TIME_FILTERS];
+    const handleChangeFilterBySelect = (value) => {
+        const result = allRanges.find(({ title, alias }) => title === value || alias === value) || allRanges[0];
+        setDateTimePicked({
+            start: dayjsTz(result?.since).toDate(),
+            end: dayjsTz(result?.until).toDate(),
+            alias: result?.alias,
+        });
+    };
+    const handleChangeFilterByOption = (value) => {
+        const result = allRanges.find((range) => range.alias === value[0]) || allRanges[0];
+        setDateTimePicked({
+            start: dayjsTz(result?.since).toDate(),
+            end: dayjsTz(result?.until).toDate(),
+            alias: result?.alias,
+        });
+    };
+    return (jsx(Box, { maxWidth: mdDown ? '516px' : '250px', width: mdDown ? '100%' : '250px', padding: { xs: '500', md: '0' }, paddingBlockEnd: { xs: '100', md: '0' }, children: mdDown ? (jsx(Select, { label: "dateRangeLabel", labelHidden: true, onChange: (value) => handleChangeFilterBySelect(value), value: dateTimePicked?.title || dateTimePicked?.alias || '', options: allRanges.map(({ alias, title }) => title || alias) })) : (jsx(Scrollable, { style: { maxHeight: '356px' }, children: jsx(Box, { children: jsxs(BlockStack, { children: [jsx(DateTimeFilterAddition, { ...props }), jsx(OptionList, { options: rangesDefault.map((range) => ({
+                                value: range.alias,
+                                label: range.title,
+                            })), selected: dateTimePicked ? [dateTimePicked.alias] : [], onChange: (value) => handleChangeFilterByOption(value) })] }) }) })) }));
+}
+
+export { DateTimeFilters };

package/dist/esm/components/GTimePicker/components/MainTimePicker.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { useDateTimePicker } from '../hooks/useDateTimePicker.js';
+import { useDateTimeFilter } from '../hooks/useDateTimeFilter.js';
+import { BaseTimePicker } from './BaseTimePicker.js';
+import { getDateRangeTitle } from '../helpers/date-range-info.js';
+import '../../../utils/dayjs.js';
+import '../../../utils/analytics.js';
+import '../../../types/template.js';
+import '../constants/mainDataTimePicker.js';
+
+const MainTimePicker = (props) => {
+    const { rangeAddition, popoverProps, activator, onApply, activatorProps, actionProps } = props;
+    const { DATE_TIME_FILTERS } = useDateTimeFilter();
+    const dateTimeFilters = DATE_TIME_FILTERS;
+    const additionalRanges = rangeAddition?.rangers || [];
+    const initialPicked = rangeAddition?.initialPicked;
+    const ranges = [...dateTimeFilters, ...additionalRanges];
+    const { dateTimePicked } = useDateTimePicker({ ranges, initialPicked });
+    const getButtonValue = () => {
+        if (dateTimePicked.isVersion && additionalRanges.length > 0) {
+            const time = dateTimePicked.description ? `at ${dateTimePicked.description}` : '';
+            return `Period: ${dateTimePicked.title} ${time}`;
+        }
+        if (dateTimePicked.alias === 'custom') {
+            return getDateRangeTitle(dateTimePicked.since, dateTimePicked.until);
+        }
+        return dateTimePicked.title;
+    };
+    return (jsx(BaseTimePicker, { activatorProps: activatorProps, dateTimeFilters: dateTimeFilters, rangeAddition: rangeAddition, popoverProps: popoverProps, actionProps: actionProps, buttonValue: getButtonValue(), activator: activator, onApply: onApply }));
+};
+
+export { MainTimePicker };

package/dist/esm/components/GTimePicker/components/MainTimePicker.mjs

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { useDateTimePicker } from '../hooks/useDateTimePicker.mjs';
+import { useDateTimeFilter } from '../hooks/useDateTimeFilter.mjs';
+import { BaseTimePicker } from './BaseTimePicker.mjs';
+import { getDateRangeTitle } from '../helpers/date-range-info.mjs';
+import '../../../utils/dayjs.mjs';
+import '../../../utils/analytics.mjs';
+import '../../../types/template.mjs';
+import '../constants/mainDataTimePicker.mjs';
+
+const MainTimePicker = (props) => {
+    const { rangeAddition, popoverProps, activator, onApply, activatorProps, actionProps } = props;
+    const { DATE_TIME_FILTERS } = useDateTimeFilter();
+    const dateTimeFilters = DATE_TIME_FILTERS;
+    const additionalRanges = rangeAddition?.rangers || [];
+    const initialPicked = rangeAddition?.initialPicked;
+    const ranges = [...dateTimeFilters, ...additionalRanges];
+    const { dateTimePicked } = useDateTimePicker({ ranges, initialPicked });
+    const getButtonValue = () => {
+        if (dateTimePicked.isVersion && additionalRanges.length > 0) {
+            const time = dateTimePicked.description ? `at ${dateTimePicked.description}` : '';
+            return `Period: ${dateTimePicked.title} ${time}`;
+        }
+        if (dateTimePicked.alias === 'custom') {
+            return getDateRangeTitle(dateTimePicked.since, dateTimePicked.until);
+        }
+        return dateTimePicked.title;
+    };
+    return (jsx(BaseTimePicker, { activatorProps: activatorProps, dateTimeFilters: dateTimeFilters, rangeAddition: rangeAddition, popoverProps: popoverProps, actionProps: actionProps, buttonValue: getButtonValue(), activator: activator, onApply: onApply }));
+};
+
+export { MainTimePicker };

package/dist/esm/components/GTimePicker/constants/compareDateTimePicker.js

@@ -0,0 +1,64 @@
+import './mainDataTimePicker.js';
+import '../../../utils/dayjs.js';
+import '../../../utils/analytics.js';
+import '../../../types/template.js';
+import { getNoComparison, getPreviousPeriod, getPreviousWeek, getPreviousQuarter, getPreviousMonth, getPreviousYear } from '../helpers/time-picker.js';
+
+var CompareDateTimePickerAlias;
+(function (CompareDateTimePickerAlias) {
+    CompareDateTimePickerAlias["NO_COMPARISON"] = "noComparison";
+    CompareDateTimePickerAlias["PREVIOUS_PERIOD"] = "previousPeriod";
+    CompareDateTimePickerAlias["PREVIOUS_WEEK"] = "previousWeek";
+    CompareDateTimePickerAlias["PREVIOUS_MONTH"] = "previousMonth";
+    CompareDateTimePickerAlias["PREVIOUS_QUARTER"] = "previousQuarter";
+    CompareDateTimePickerAlias["PREVIOUS_YEAR"] = "previousYear";
+})(CompareDateTimePickerAlias || (CompareDateTimePickerAlias = {}));
+const PREVIOUS_PERIOD_FILTER = {
+    title: 'Previous period',
+    alias: CompareDateTimePickerAlias.PREVIOUS_PERIOD,
+    since: 0,
+    until: 0,
+};
+const DATE_TIME_COMPARISON_FILTERS = [
+    {
+        title: 'No comparison',
+        alias: CompareDateTimePickerAlias.NO_COMPARISON,
+        since: 0,
+        until: 0,
+    },
+    PREVIOUS_PERIOD_FILTER,
+    {
+        title: 'Previous week',
+        alias: CompareDateTimePickerAlias.PREVIOUS_WEEK,
+        since: 0,
+        until: 0,
+    },
+    {
+        title: 'Previous quarter',
+        alias: CompareDateTimePickerAlias.PREVIOUS_QUARTER,
+        since: 0,
+        until: 0,
+    },
+    {
+        title: 'Previous month',
+        alias: CompareDateTimePickerAlias.PREVIOUS_MONTH,
+        since: 0,
+        until: 0,
+    },
+    {
+        title: 'Previous year',
+        alias: CompareDateTimePickerAlias.PREVIOUS_YEAR,
+        since: 0,
+        until: 0,
+    },
+];
+const COMPARE_DATE_TIME_FILTERS_MAP = {
+    [CompareDateTimePickerAlias.NO_COMPARISON]: getNoComparison,
+    [CompareDateTimePickerAlias.PREVIOUS_PERIOD]: getPreviousPeriod,
+    [CompareDateTimePickerAlias.PREVIOUS_WEEK]: getPreviousWeek,
+    [CompareDateTimePickerAlias.PREVIOUS_QUARTER]: getPreviousQuarter,
+    [CompareDateTimePickerAlias.PREVIOUS_MONTH]: getPreviousMonth,
+    [CompareDateTimePickerAlias.PREVIOUS_YEAR]: getPreviousYear,
+};
+
+export { COMPARE_DATE_TIME_FILTERS_MAP, CompareDateTimePickerAlias, DATE_TIME_COMPARISON_FILTERS, PREVIOUS_PERIOD_FILTER };

package/dist/esm/components/GTimePicker/constants/compareDateTimePicker.mjs

@@ -0,0 +1,64 @@
+import './mainDataTimePicker.mjs';
+import '../../../utils/dayjs.mjs';
+import '../../../utils/analytics.mjs';
+import '../../../types/template.mjs';
+import { getNoComparison, getPreviousPeriod, getPreviousWeek, getPreviousQuarter, getPreviousMonth, getPreviousYear } from '../helpers/time-picker.mjs';
+
+var CompareDateTimePickerAlias;
+(function (CompareDateTimePickerAlias) {
+    CompareDateTimePickerAlias["NO_COMPARISON"] = "noComparison";
+    CompareDateTimePickerAlias["PREVIOUS_PERIOD"] = "previousPeriod";
+    CompareDateTimePickerAlias["PREVIOUS_WEEK"] = "previousWeek";
+    CompareDateTimePickerAlias["PREVIOUS_MONTH"] = "previousMonth";
+    CompareDateTimePickerAlias["PREVIOUS_QUARTER"] = "previousQuarter";
+    CompareDateTimePickerAlias["PREVIOUS_YEAR"] = "previousYear";
+})(CompareDateTimePickerAlias || (CompareDateTimePickerAlias = {}));
+const PREVIOUS_PERIOD_FILTER = {
+    title: 'Previous period',
+    alias: CompareDateTimePickerAlias.PREVIOUS_PERIOD,
+    since: 0,
+    until: 0,
+};
+const DATE_TIME_COMPARISON_FILTERS = [
+    {
+        title: 'No comparison',
+        alias: CompareDateTimePickerAlias.NO_COMPARISON,
+        since: 0,
+        until: 0,
+    },
+    PREVIOUS_PERIOD_FILTER,
+    {
+        title: 'Previous week',
+        alias: CompareDateTimePickerAlias.PREVIOUS_WEEK,
+        since: 0,
+        until: 0,
+    },
+    {
+        title: 'Previous quarter',
+        alias: CompareDateTimePickerAlias.PREVIOUS_QUARTER,
+        since: 0,
+        until: 0,
+    },
+    {
+        title: 'Previous month',
+        alias: CompareDateTimePickerAlias.PREVIOUS_MONTH,
+        since: 0,
+        until: 0,
+    },
+    {
+        title: 'Previous year',
+        alias: CompareDateTimePickerAlias.PREVIOUS_YEAR,
+        since: 0,
+        until: 0,
+    },
+];
+const COMPARE_DATE_TIME_FILTERS_MAP = {
+    [CompareDateTimePickerAlias.NO_COMPARISON]: getNoComparison,
+    [CompareDateTimePickerAlias.PREVIOUS_PERIOD]: getPreviousPeriod,
+    [CompareDateTimePickerAlias.PREVIOUS_WEEK]: getPreviousWeek,
+    [CompareDateTimePickerAlias.PREVIOUS_QUARTER]: getPreviousQuarter,
+    [CompareDateTimePickerAlias.PREVIOUS_MONTH]: getPreviousMonth,
+    [CompareDateTimePickerAlias.PREVIOUS_YEAR]: getPreviousYear,
+};
+
+export { COMPARE_DATE_TIME_FILTERS_MAP, CompareDateTimePickerAlias, DATE_TIME_COMPARISON_FILTERS, PREVIOUS_PERIOD_FILTER };

package/dist/esm/components/GTimePicker/constants/datePicker.js

@@ -0,0 +1,16 @@
+const DATE_FORMAT = {
+    YMD: 'YYYY-MM-DD', // 2025-01-01
+    MONTH_YEAR: 'MMM YYYY', // Jan 2025
+    FULL: 'MMMM D, YYYY', // January 1, 2025
+    FULL_WITH_TIME: 'MMMM D, YYYY [at] h:mm A', // January 1, 2025 at 12:00 AM
+    SHORT: 'MMM DD, YYYY', // Jan 01, 2025
+    SHORT_NO_PAD: 'MMM D, YYYY', // Jan 1, 2025
+    SHORT_WITH_TIME: 'MMM D, YYYY [at] h:mm A', // Jan 1, 2025 at 12:00 AM
+    MONTH_DAY: 'MMM D', // Jan 1
+    DAY_YEAR: 'D, YYYY', // 1, 2025
+    TIME: 'h:mm A', // 12:00 AM
+    MONTH_DAY_WITH_TIME: 'MMM D [at] h:mm A', // Jan 1 at 12:00 AM
+    YEAR: 'YYYY', // 2025
+};
+
+export { DATE_FORMAT };

package/dist/esm/components/GTimePicker/constants/datePicker.mjs

@@ -0,0 +1,16 @@
+const DATE_FORMAT = {
+    YMD: 'YYYY-MM-DD', // 2025-01-01
+    MONTH_YEAR: 'MMM YYYY', // Jan 2025
+    FULL: 'MMMM D, YYYY', // January 1, 2025
+    FULL_WITH_TIME: 'MMMM D, YYYY [at] h:mm A', // January 1, 2025 at 12:00 AM
+    SHORT: 'MMM DD, YYYY', // Jan 01, 2025
+    SHORT_NO_PAD: 'MMM D, YYYY', // Jan 1, 2025
+    SHORT_WITH_TIME: 'MMM D, YYYY [at] h:mm A', // Jan 1, 2025 at 12:00 AM
+    MONTH_DAY: 'MMM D', // Jan 1
+    DAY_YEAR: 'D, YYYY', // 1, 2025
+    TIME: 'h:mm A', // 12:00 AM
+    MONTH_DAY_WITH_TIME: 'MMM D [at] h:mm A', // Jan 1 at 12:00 AM
+    YEAR: 'YYYY', // 2025
+};
+
+export { DATE_FORMAT };

package/dist/esm/components/GTimePicker/constants/mainDataTimePicker.js

@@ -0,0 +1,73 @@
+import '../../../utils/dayjs.js';
+import '../../../utils/analytics.js';
+import '../../../types/template.js';
+import { getToday, getYesterday, getLast7Days, getLast30Days, getLast90Days, getLast365Days, getLastMonth, getLast12Months, getLastYear } from '../helpers/time-picker.js';
+
+var MainDateTimePickerAlias;
+(function (MainDateTimePickerAlias) {
+    MainDateTimePickerAlias["TODAY"] = "today";
+    MainDateTimePickerAlias["YESTERDAY"] = "yesterday";
+    MainDateTimePickerAlias["LAST_7_DAYS"] = "last7days";
+    MainDateTimePickerAlias["LAST_30_DAYS"] = "last30days";
+    MainDateTimePickerAlias["LAST_90_DAYS"] = "last90days";
+    MainDateTimePickerAlias["LAST_365_DAYS"] = "last365days";
+    MainDateTimePickerAlias["LAST_MONTH"] = "lastMonth";
+    MainDateTimePickerAlias["LAST_12_MONTHS"] = "last12Months";
+    MainDateTimePickerAlias["LAST_YEAR"] = "lastYear";
+})(MainDateTimePickerAlias || (MainDateTimePickerAlias = {}));
+function getDateTimeFilterMapping() {
+    const mappings = {
+        [MainDateTimePickerAlias.TODAY]: {
+            title: 'Today',
+            alias: MainDateTimePickerAlias.TODAY,
+            getDateRange: getToday,
+        },
+        [MainDateTimePickerAlias.YESTERDAY]: {
+            title: 'Yesterday',
+            alias: MainDateTimePickerAlias.YESTERDAY,
+            getDateRange: getYesterday,
+        },
+        [MainDateTimePickerAlias.LAST_7_DAYS]: {
+            title: 'Last 7 days',
+            alias: MainDateTimePickerAlias.LAST_7_DAYS,
+            getDateRange: getLast7Days,
+        },
+        [MainDateTimePickerAlias.LAST_30_DAYS]: {
+            title: 'Last 30 days',
+            alias: MainDateTimePickerAlias.LAST_30_DAYS,
+            getDateRange: getLast30Days,
+        },
+        [MainDateTimePickerAlias.LAST_90_DAYS]: {
+            title: 'Last 90 days',
+            alias: MainDateTimePickerAlias.LAST_90_DAYS,
+            getDateRange: getLast90Days,
+        },
+        [MainDateTimePickerAlias.LAST_365_DAYS]: {
+            title: 'Last 365 days',
+            alias: MainDateTimePickerAlias.LAST_365_DAYS,
+            getDateRange: getLast365Days,
+        },
+        [MainDateTimePickerAlias.LAST_MONTH]: {
+            title: 'Last month',
+            alias: MainDateTimePickerAlias.LAST_MONTH,
+            getDateRange: getLastMonth,
+        },
+        [MainDateTimePickerAlias.LAST_12_MONTHS]: {
+            title: 'Last 12 months',
+            alias: MainDateTimePickerAlias.LAST_12_MONTHS,
+            getDateRange: getLast12Months,
+        },
+        [MainDateTimePickerAlias.LAST_YEAR]: {
+            title: 'Last year',
+            alias: MainDateTimePickerAlias.LAST_YEAR,
+            getDateRange: getLastYear,
+        },
+    };
+    return mappings;
+}
+function getDateTimeFilterByAlias(alias) {
+    const mappings = getDateTimeFilterMapping();
+    return mappings[alias];
+}
+
+export { MainDateTimePickerAlias, getDateTimeFilterByAlias, getDateTimeFilterMapping };

package/dist/esm/components/GTimePicker/constants/mainDataTimePicker.mjs

@@ -0,0 +1,73 @@
+import '../../../utils/dayjs.mjs';
+import '../../../utils/analytics.mjs';
+import '../../../types/template.mjs';
+import { getToday, getYesterday, getLast7Days, getLast30Days, getLast90Days, getLast365Days, getLastMonth, getLast12Months, getLastYear } from '../helpers/time-picker.mjs';
+
+var MainDateTimePickerAlias;
+(function (MainDateTimePickerAlias) {
+    MainDateTimePickerAlias["TODAY"] = "today";
+    MainDateTimePickerAlias["YESTERDAY"] = "yesterday";
+    MainDateTimePickerAlias["LAST_7_DAYS"] = "last7days";
+    MainDateTimePickerAlias["LAST_30_DAYS"] = "last30days";
+    MainDateTimePickerAlias["LAST_90_DAYS"] = "last90days";
+    MainDateTimePickerAlias["LAST_365_DAYS"] = "last365days";
+    MainDateTimePickerAlias["LAST_MONTH"] = "lastMonth";
+    MainDateTimePickerAlias["LAST_12_MONTHS"] = "last12Months";
+    MainDateTimePickerAlias["LAST_YEAR"] = "lastYear";
+})(MainDateTimePickerAlias || (MainDateTimePickerAlias = {}));
+function getDateTimeFilterMapping() {
+    const mappings = {
+        [MainDateTimePickerAlias.TODAY]: {
+            title: 'Today',
+            alias: MainDateTimePickerAlias.TODAY,
+            getDateRange: getToday,
+        },
+        [MainDateTimePickerAlias.YESTERDAY]: {
+            title: 'Yesterday',
+            alias: MainDateTimePickerAlias.YESTERDAY,
+            getDateRange: getYesterday,
+        },
+        [MainDateTimePickerAlias.LAST_7_DAYS]: {
+            title: 'Last 7 days',
+            alias: MainDateTimePickerAlias.LAST_7_DAYS,
+            getDateRange: getLast7Days,
+        },
+        [MainDateTimePickerAlias.LAST_30_DAYS]: {
+            title: 'Last 30 days',
+            alias: MainDateTimePickerAlias.LAST_30_DAYS,
+            getDateRange: getLast30Days,
+        },
+        [MainDateTimePickerAlias.LAST_90_DAYS]: {
+            title: 'Last 90 days',
+            alias: MainDateTimePickerAlias.LAST_90_DAYS,
+            getDateRange: getLast90Days,
+        },
+        [MainDateTimePickerAlias.LAST_365_DAYS]: {
+            title: 'Last 365 days',
+            alias: MainDateTimePickerAlias.LAST_365_DAYS,
+            getDateRange: getLast365Days,
+        },
+        [MainDateTimePickerAlias.LAST_MONTH]: {
+            title: 'Last month',
+            alias: MainDateTimePickerAlias.LAST_MONTH,
+            getDateRange: getLastMonth,
+        },
+        [MainDateTimePickerAlias.LAST_12_MONTHS]: {
+            title: 'Last 12 months',
+            alias: MainDateTimePickerAlias.LAST_12_MONTHS,
+            getDateRange: getLast12Months,
+        },
+        [MainDateTimePickerAlias.LAST_YEAR]: {
+            title: 'Last year',
+            alias: MainDateTimePickerAlias.LAST_YEAR,
+            getDateRange: getLastYear,
+        },
+    };
+    return mappings;
+}
+function getDateTimeFilterByAlias(alias) {
+    const mappings = getDateTimeFilterMapping();
+    return mappings[alias];
+}
+
+export { MainDateTimePickerAlias, getDateTimeFilterByAlias, getDateTimeFilterMapping };