@levi-gemcommerce/analytics 0.0.1-dev.7 → 0.0.1-dev.8

package/dist/esm/providers/MetricChartProvider.d.ts

@@ -1,6 +1,10 @@
+import type { PartialTheme } from '@shopify/polaris-viz-core';
 import type { ReactElement, ReactNode } from 'react';
+type ISeriesColors = PartialTheme['seriesColors'];
 export interface IProps {
     children: ReactNode;
     minHeight?: number;
+    seriesColors?: ISeriesColors;
 }
-export declare const MetricChartProvider: ({ children, minHeight }: IProps) => ReactElement;
+export declare const MetricChartProvider: ({ children, minHeight, seriesColors, }: IProps) => ReactElement;
+export {};

package/dist/esm/types/chart.d.ts

@@ -1,4 +1,18 @@
-import type { Trend } from '@shopify/polaris-viz-core';
+import type { DataSeries, Trend } from '@shopify/polaris-viz-core';
+export interface IMetricDonutChartData extends DataSeries {
+    metadata: {
+        trend: {
+            value?: string;
+            direction: 'upward' | 'downward';
+            trend: 'positive' | 'negative';
+        };
+    };
+}
+export interface IDonutTarget<T extends string = string> {
+    value: T;
+    label: string;
+}
+export type IDonutMetricRow = Record<string, unknown>;
 export interface IPAChartLabel {
     value: string;
     tooltipValue: string;

package/dist/esm/types/metric.d.ts

@@ -14,7 +14,10 @@ export declare enum EMetricKey {
     CART_ADDITION = "sessions_with_cart_additions",
     AOV = "aov",
     REVENUE = "revenue",
-    RPV = "revenue_per_visitor"
+    RPV = "revenue_per_visitor",
+    VISITOR_ITEMS = "visitor_items",
+    DEVICE_ITEMS = "device_items",
+    TRAFFIC_SOURCE_ITEMS = "traffic_source_items"
 }
 export interface IMetricControl {
     value: string | number | null;

package/dist/esm/types.js

@@ -16,6 +16,9 @@ var EMetricKey;
     EMetricKey["AOV"] = "aov";
     EMetricKey["REVENUE"] = "revenue";
     EMetricKey["RPV"] = "revenue_per_visitor";
+    EMetricKey["VISITOR_ITEMS"] = "visitor_items";
+    EMetricKey["DEVICE_ITEMS"] = "device_items";
+    EMetricKey["TRAFFIC_SOURCE_ITEMS"] = "traffic_source_items";
 })(EMetricKey || (EMetricKey = {}));
 
 export { EMetricKey };

package/dist/esm/types.mjs

@@ -16,6 +16,9 @@ var EMetricKey;
     EMetricKey["AOV"] = "aov";
     EMetricKey["REVENUE"] = "revenue";
     EMetricKey["RPV"] = "revenue_per_visitor";
+    EMetricKey["VISITOR_ITEMS"] = "visitor_items";
+    EMetricKey["DEVICE_ITEMS"] = "device_items";
+    EMetricKey["TRAFFIC_SOURCE_ITEMS"] = "traffic_source_items";
 })(EMetricKey || (EMetricKey = {}));
 
 export { EMetricKey };

package/dist/style.css

@@ -1 +1 @@
-.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[20px\]{height:20px}.h-\[2px\]{height:2px}.h-\[80px\]{height:80px}.w-\[12px\]{width:12px}.w-\[20px\]{width:20px}.w-\[210px\]{width:210px}.w-\[320px\]{width:320px}.w-\[328px\]{width:328px}.w-\[80px\]{width:80px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[175px\]{min-width:175px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-\[10px\]{border-radius:10px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-\[\#A1CAE7\]{--tw-border-opacity:1;border-color:rgb(161 202 231/var(--tw-border-opacity))}.bg-\[\#4FA9EA\]{--tw-bg-opacity:1;background-color:rgb(79 169 234/var(--tw-bg-opacity))}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:text-\[--p-color-text-link-hover\]:hover{color:var(--p-color-text-link-hover)}
+.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[20px\]{height:20px}.h-\[2px\]{height:2px}.h-\[80px\]{height:80px}.max-h-\[250px\]{max-height:250px}.w-\[12px\]{width:12px}.w-\[20px\]{width:20px}.w-\[210px\]{width:210px}.w-\[320px\]{width:320px}.w-\[328px\]{width:328px}.w-\[80px\]{width:80px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[175px\]{min-width:175px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-\[10px\]{border-radius:10px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-\[\#A1CAE7\]{--tw-border-opacity:1;border-color:rgb(161 202 231/var(--tw-border-opacity))}.bg-\[\#4FA9EA\]{--tw-bg-opacity:1;background-color:rgb(79 169 234/var(--tw-bg-opacity))}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:text-\[--p-color-text-link-hover\]:hover{color:var(--p-color-text-link-hover)}

package/dist/umd/esm/components/GSelectableMetricChartCard/GSelectableMetricChartCard.d.ts

@@ -1,14 +1,16 @@
-import type { AllChartsDataMap, IMetricCardItem } from '@/types';
+import type { ColumnTypesMap } from '@/core/gemxql';
+import type { AllChartsDataMap, EMetricKey, IMetricCardItem } from '@/types';
 import type { ReactElement } from 'react';
 export interface IProps {
     metricInfo: IMetricCardItem[];
     dataChart: AllChartsDataMap;
-    defaultActiveTab?: string;
+    defaultActiveTab?: EMetricKey;
     isLoading?: boolean;
     isEmptyMetricData?: boolean;
     hideComparison?: boolean;
     currentPeriodLabel?: string;
     previousPeriodLabel?: string;
+    columnTypes?: ColumnTypesMap;
     onclickMetric?: (key: string) => void;
 }
-export declare const GSelectableMetricChartCard: ({ metricInfo, dataChart, defaultActiveTab, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel, previousPeriodLabel, }: IProps) => ReactElement;
+export declare const GSelectableMetricChartCard: ({ metricInfo, dataChart, defaultActiveTab, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel, previousPeriodLabel, columnTypes, }: IProps) => ReactElement;

package/dist/umd/esm/components/GSelectableMetricChartCard/MetricChartTab.d.ts

@@ -1,11 +1,11 @@
 import type { ReactElement } from 'react';
-import type { IMetricCardItem } from '../../types';
+import type { EMetricKey, IMetricCardItem } from '../../types';
 export interface IProps {
     item: IMetricCardItem;
     isActive: boolean;
     isLoading?: boolean;
     hideComparison?: boolean;
-    onSelect: (key: string) => void;
+    onSelect: (key: EMetricKey) => void;
     onClickTitle?: (key: string) => void;
 }
 export declare const MetricChartTab: ({ item, isActive, isLoading, hideComparison, onSelect, onClickTitle, }: IProps) => ReactElement;

package/dist/umd/esm/components/MetricDonutChartCard/MetricDonutChartCard.d.ts

@@ -0,0 +1,16 @@
+import type { IDonutMetricRow, IDonutTarget } from '@/types';
+import type { EMetricKey } from '@/types';
+import type { ReactElement } from 'react';
+export interface IProps {
+    label: string;
+    metricKey: EMetricKey;
+    targets: IDonutTarget[];
+    totalsRow?: IDonutMetricRow;
+    comparisonTotalsRow?: IDonutMetricRow;
+    sort?: boolean;
+    isLoading?: boolean;
+    isEmptyMetricData?: boolean;
+    minHeight?: number;
+    onClick: () => void;
+}
+export declare const MetricDonutChartCard: ({ label, metricKey, targets, totalsRow, comparisonTotalsRow, sort, isLoading, isEmptyMetricData, minHeight, onClick, }: IProps) => ReactElement;

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

@@ -0,0 +1,2 @@
+export { MetricDonutChartCard } from './MetricDonutChartCard';
+export type { IProps as IMetricDonutChartCardProps } from './MetricDonutChartCard';

package/dist/umd/esm/components/MetricDonutChartCard/utils/donut-chart.d.ts

@@ -0,0 +1,20 @@
+import type { EMetricKey, IDonutMetricRow, IDonutTarget, IMetricDonutChartData } from '@/types';
+import type { IBreakdownItem } from '@/core/gemxql';
+interface IComputeDonutDataParams {
+    name: string;
+    currentValue: number;
+    prevValue: number;
+    hasPreviousData: boolean;
+}
+interface IBuildBreakdownDonutDataParams<T extends string> {
+    targets: IDonutTarget<T>[];
+    metricKey: EMetricKey;
+    totalsRow?: IDonutMetricRow;
+    comparisonTotalsRow?: IDonutMetricRow;
+    sort?: boolean;
+}
+export declare const calculatePercentageChange: (current: number, previous: number) => string | undefined;
+export declare const computeDonutData: ({ name, currentValue, prevValue, hasPreviousData, }: IComputeDonutDataParams) => IMetricDonutChartData;
+export declare const getTotalCountByType: (stats: IBreakdownItem[] | undefined, type: string) => number;
+export declare const buildBreakdownDonutData: <T extends string>({ targets, metricKey, totalsRow, comparisonTotalsRow, sort, }: IBuildBreakdownDonutDataParams<T>) => IMetricDonutChartData[];
+export {};

package/dist/umd/esm/components/MetricDonutChartCard/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './donut-chart';

package/dist/umd/esm/components/SingleMetricChartCard/SingleMetricChartCard.d.ts

@@ -1,12 +1,14 @@
 import type { DataSeries } from '@shopify/polaris-viz-core';
 import type { ReactElement } from 'react';
 import type { IMetricCardItem } from '../../types';
+import type { ColumnTypesMap } from '@/core/gemxql';
 export interface IProps {
     metricInfo: IMetricCardItem;
     isLoading?: boolean;
     hideComparison?: boolean;
     isEmptyMetricData?: boolean;
     lineChartData: DataSeries[];
+    columnTypes?: ColumnTypesMap;
     onClickTitle?: (key: string) => void;
 }
-export declare const SingleMetricChartCard: ({ metricInfo, lineChartData, isLoading, hideComparison, isEmptyMetricData, onClickTitle, }: IProps) => ReactElement;
+export declare const SingleMetricChartCard: ({ metricInfo, lineChartData, isLoading, hideComparison, columnTypes, isEmptyMetricData, onClickTitle, }: IProps) => ReactElement;

package/dist/umd/esm/components/common/chart/MetricChart.d.ts

@@ -1,8 +1,12 @@
 import type { DataSeries } from '@shopify/polaris-viz';
 import type { ReactElement } from 'react';
+import type { ColumnTypesMap } from '@/core/gemxql';
+import type { EMetricKey } from '@/types';
 export interface IProps {
     lineChartData: DataSeries[];
     isLoading?: boolean;
     isEmptyMetricData?: boolean;
+    columnTypes?: ColumnTypesMap;
+    metricKey?: EMetricKey;
 }
-export declare const MetricChart: ({ lineChartData, isLoading, isEmptyMetricData }: IProps) => ReactElement;
+export declare const MetricChart: ({ lineChartData, isLoading, isEmptyMetricData, columnTypes, metricKey, }: IProps) => ReactElement;

package/dist/umd/esm/components/common/chart/MetricDonutChartSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const MetricDonutChartSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/umd/esm/components/common/chart/index.d.ts

@@ -2,6 +2,7 @@ export { GChartSkeleton } from './GChartSkeleton';
 export { MetricChart } from './MetricChart';
 export { MetricChartEmpty } from './MetricChartEmpty';
 export { MetricChartTooltip } from './MetricChartTooltip';
+export { MetricDonutChartSkeleton } from './MetricDonutChartSkeleton';
 export { MetricInfoBlock } from './MetricInfoBlock';
 export { MetricInfoSkeleton } from './MetricInfoSkeleton';
 export { MetricValueSummary } from './MetricValueSummary';

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

@@ -1,2 +1,3 @@
 export * from './GSelectableMetricChartCard';
+export * from './MetricDonutChartCard';
 export * from './SingleMetricChartCard';

package/dist/umd/esm/constants/breakdown-targets.d.ts

@@ -0,0 +1,5 @@
+import type { IDonutTarget } from '@/types';
+import { EDeviceType, ETrafficSourceType, EVisitorType } from '@/core/gemxql';
+export declare const TARGET_VISITOR: IDonutTarget<EVisitorType>[];
+export declare const TARGET_DEVICES: IDonutTarget<EDeviceType>[];
+export declare const TARGET_CHANNEL: IDonutTarget<ETrafficSourceType>[];

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

@@ -1,3 +1,4 @@
 export * from './analytic-metric-tooltip';
+export * from './breakdown-targets';
 export * from './chart';
 export * from './thumbnail';

package/dist/umd/esm/core/gemxql/helpers/extractQueryData.d.ts

@@ -1,5 +1,5 @@
 import type { GemxQlQueryResponse, TableDataType } from '../graphql';
 export type ColumnTypesMap = Record<string, TableDataType>;
 export declare const extractQueryRows: (response?: GemxQlQueryResponse) => Record<string, unknown>[];
-export declare const extractQueryColumns: (response?: GemxQlQueryResponse) => import("../graphql").Maybe<Pick<import("../graphql").IColumn, "displayName" | "dataType" | "name">>[];
+export declare const extractQueryColumns: (response?: GemxQlQueryResponse) => import("../graphql").Maybe<Pick<import("../graphql").IColumn, "dataType" | "displayName" | "name">>[];
 export declare const extractColumnTypes: (response?: GemxQlQueryResponse) => ColumnTypesMap;

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

@@ -0,0 +1,2 @@
+export { useFormatLineChartData } from './useFormatLineChartData';
+export { useWindowSize } from './useWindowSize';

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

@@ -0,0 +1,11 @@
+import type { EMetricKey } from '@/types/metric';
+import type { ColumnTypesMap } from '@/core/gemxql';
+interface IProps {
+    metricKey?: EMetricKey;
+    columnTypes: ColumnTypesMap;
+}
+export declare const useFormatLineChartData: ({ metricKey, columnTypes }: IProps) => {
+    formatValue: (value: number) => string;
+    yAxisOptions: Partial<import("@shopify/polaris-viz-core").YAxisOptions>;
+};
+export {};

package/dist/umd/esm/hooks/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,2 +1,4 @@
 export * from './components';
+export * from './constants';
 export * from './types';
+export { EAnalyticColumnKey, EDeviceType, ETrafficSourceType, EVisitorType } from './core/gemxql';

package/dist/umd/esm/providers/MetricChartProvider.d.ts

@@ -1,6 +1,10 @@
+import type { PartialTheme } from '@shopify/polaris-viz-core';
 import type { ReactElement, ReactNode } from 'react';
+type ISeriesColors = PartialTheme['seriesColors'];
 export interface IProps {
     children: ReactNode;
     minHeight?: number;
+    seriesColors?: ISeriesColors;
 }
-export declare const MetricChartProvider: ({ children, minHeight }: IProps) => ReactElement;
+export declare const MetricChartProvider: ({ children, minHeight, seriesColors, }: IProps) => ReactElement;
+export {};

package/dist/umd/esm/types/chart.d.ts

@@ -1,4 +1,18 @@
-import type { Trend } from '@shopify/polaris-viz-core';
+import type { DataSeries, Trend } from '@shopify/polaris-viz-core';
+export interface IMetricDonutChartData extends DataSeries {
+    metadata: {
+        trend: {
+            value?: string;
+            direction: 'upward' | 'downward';
+            trend: 'positive' | 'negative';
+        };
+    };
+}
+export interface IDonutTarget<T extends string = string> {
+    value: T;
+    label: string;
+}
+export type IDonutMetricRow = Record<string, unknown>;
 export interface IPAChartLabel {
     value: string;
     tooltipValue: string;

package/dist/umd/esm/types/metric.d.ts

@@ -14,7 +14,10 @@ export declare enum EMetricKey {
     CART_ADDITION = "sessions_with_cart_additions",
     AOV = "aov",
     REVENUE = "revenue",
-    RPV = "revenue_per_visitor"
+    RPV = "revenue_per_visitor",
+    VISITOR_ITEMS = "visitor_items",
+    DEVICE_ITEMS = "device_items",
+    TRAFFIC_SOURCE_ITEMS = "traffic_source_items"
 }
 export interface IMetricControl {
     value: string | number | null;

package/dist/umd/index.js

@@ -1 +1 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("react/jsx-runtime"),require("@shopify/polaris"),require("react"),require("@shopify/polaris-viz")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@shopify/polaris","react","@shopify/polaris-viz"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).GemAnalytics={},e.jsxRuntime,e.Polaris,e.React,e.polarisViz)}(this,function(e,i,t,n,s){"use strict";var a;e.EMetricKey=void 0,(a=e.EMetricKey||(e.EMetricKey={})).SESSION="sessions",a.ORDERS="orders",a.PAGE_VIEWS="pageviews",a.VISITORS="visitors",a.BOUNCE_RATE="bounce_rate",a.CTR="ctr",a.CONVERSION_RATE="conversion_rate",a.AVG_TIME_ON_PAGE="average_time_on_page",a.ADDED_TO_CART="added_to_cart",a.ADD_TO_CART_RATE="added_to_cart_rate",a.REACHED_CHECKOUT="sessions_that_reached_checkout",a.COMPLETE_CHECKOUT="sessions_that_completed_checkout",a.CART_ADDITION="sessions_with_cart_additions",a.AOV="aov",a.REVENUE="revenue",a.RPV="revenue_per_visitor";const r={[e.EMetricKey.SESSION]:{title:"Sessions",content:"A period during which a visitor interacts with your online store"},[e.EMetricKey.VISITORS]:{title:"Visitors",content:"Number of unique individuals who visit your online store"},[e.EMetricKey.BOUNCE_RATE]:{title:"Bounce rate",content:"Percentage of visitors who leave your store after viewing only one page, without interacting further",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Bounce rate"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"sessions with a pageview"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"total sessions"})]})},[e.EMetricKey.CTR]:{title:"Click-through rate",content:"Percentage of clicks to open new page, compared to the number of times the page was viewed",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Click-through rate"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"total clicks"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"total pageviews"})]})},[e.EMetricKey.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:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Average time on page"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"total time on page"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"(total pageviews - total exits)"})]})},[e.EMetricKey.PAGE_VIEWS]:{title:"Pageviews",content:"Number of times a page on your online store has been viewed by visitors"},[e.EMetricKey.RPV]:{title:"Revenue per visitor",content:"Average revenue generated from each visitor",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Revenue per visitor"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"total revenue"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"total visitors"})]})},[e.EMetricKey.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"},[e.EMetricKey.REACHED_CHECKOUT]:{title:"Sessions that reached checkout",content:"Sessions in your online store in which the checkout page was reached"},[e.EMetricKey.COMPLETE_CHECKOUT]:{title:"Sessions that completed checkout",content:"Sessions in your online store in which a purchase was completed"},[e.EMetricKey.ORDERS]:{title:"Orders",content:"Number of orders that went through this pages"},[e.EMetricKey.CONVERSION_RATE]:{title:"Conversion rate",content:"Percentage of online store sessions that completed an order",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Conversion rate"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"sessions that completed checkout"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"total sessions"})]})},[e.EMetricKey.AOV]:{title:"Average order value",content:"Average value of orders placed in your online store",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Average order value"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"total revenue"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"total orders"})]})},[e.EMetricKey.REVENUE]:{title:"Revenue",content:"Total income generated from sales after discounts",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Revenue"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"gross sales"}),i.jsx("span",{className:"formula-operator",children:" - "}),i.jsx("span",{className:"formula-input",children:"discounts"})]})},[e.EMetricKey.ADD_TO_CART_RATE]:{title:"Add to cart rate",content:"Percentage of sessions in which the customer added item to the cart",formula:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"formula-variable",children:"Added to cart rate"}),i.jsx("span",{children:" = "}),i.jsx("span",{className:"formula-input",children:"sessions with cart additions"}),i.jsx("span",{className:"formula-operator",children:" / "}),i.jsx("span",{className:"formula-input",children:"total sessions"})]})},[e.EMetricKey.CART_ADDITION]:{title:"Sessions with cart additions",content:"Sessions in your online store in which a visitor added item to the cart"}},o={current:"rgba(64, 176, 230, 1)",comparison:"rgba(161, 202, 231, 1)",all:["#2C7DFF","#F34A70"]},l="#007F5F",c="#4A4A4A";const d=e=>{const n=e.height??"50px";return i.jsxs("div",{className:"Polaris-GSkeletonDisplayText",children:[i.jsx("style",{children:`.Polaris-GSkeletonDisplayText .Polaris-SkeletonDisplayText__DisplayText { height: ${n} !important; }`}),i.jsx(t.SkeletonDisplayText,{maxWidth:"100%",size:"extraLarge"})]})},M=({height:e,align:s,inlineAlign:a,display:r,...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 i.jsx("div",{className:"Polaris-GBlockCenter",style:{...l,"--gp-block-center-height":e,"--gp-block-center-display":r,"--gp-block-center-align":s,"--gp-block-center-inline-align":a,"--gp-block-center-overflow-x":o.overflowX,"--gp-block-center-overflow-y":o.overflowY},children:i.jsx(t.Box,{...o})})},g=/\.0+$/,N=(e,i=2)=>(e=>`${e}`.replace(g,""))(e.toFixed(i)),u=(e,i=2)=>(e=>e>0&&e<.005)(e)?"~0%":`${N(e,i)}%`;function j(e){return"string"==typeof e?e:"object"==typeof e&&null!==e&&Object.keys(e).filter(i=>e[i]).join(" ")}function h(...e){return e.map(j).filter(Boolean).join(" ")}const I=({source:e,alt:t,size:n,grayscale:s,defaultSource:a="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI5MCIKICBoZWlnaHQ9IjcyIgogIHZpZXdCb3g9IjAgMCA5MCA3MiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNDguNzUgMzQuNUM0OS45OTI2IDM0LjUgNTEgMzMuNDkyNiA1MSAzMi4yNUM1MSAzMS4wMDc0IDQ5Ljk5MjYgMzAgNDguNzUgMzBDNDcuNTA3NCAzMCA0Ni41IDMxLjAwNzQgNDYuNSAzMi4yNUM0Ni41IDMzLjQ5MjYgNDcuNTA3NCAzNC41IDQ4Ljc1IDM0LjVaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgogIDxwYXRoCiAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgIGNsaXBSdWxlPSJldmVub2RkIgogICAgZD0iTTQzLjUyNjggMjYuMjVINDYuNDczMkM0Ny42OTI0IDI2LjI1IDQ4LjY3NTggMjYuMjUgNDkuNDcyMiAyNi4zMTVDNTAuMjkyMiAyNi4zODIgNTEuMDEyNCAyNi41MjM2IDUxLjY3ODcgMjYuODYzMUM1Mi43MzcxIDI3LjQwMjQgNTMuNTk3NiAyOC4yNjI5IDU0LjEzNjkgMjkuMzIxM0M1NC40NzY0IDI5Ljk4NzYgNTQuNjE4IDMwLjcwNzggNTQuNjg1IDMxLjUyNzhDNTQuNzUgMzIuMzI0MiA1NC43NSAzMy4zMDc2IDU0Ljc1IDM0LjUyNjhWMzcuNDczMkM1NC43NSAzOC42OTI0IDU0Ljc1IDM5LjY3NTggNTQuNjg1IDQwLjQ3MjJDNTQuNjE4IDQxLjI5MjIgNTQuNDc2NCA0Mi4wMTI0IDU0LjEzNjkgNDIuNjc4N0M1My41OTc2IDQzLjczNzEgNTIuNzM3MSA0NC41OTc2IDUxLjY3ODcgNDUuMTM2OUM1MS4wMTI0IDQ1LjQ3NjQgNTAuMjkyMiA0NS42MTggNDkuNDcyMiA0NS42ODVDNDguNjc1OCA0NS43NSA0Ny42OTI0IDQ1Ljc1IDQ2LjQ3MzIgNDUuNzVINDMuNTI2OEM0Mi4zMDc2IDQ1Ljc1IDQxLjMyNDIgNDUuNzUgNDAuNTI3OCA0NS42ODVDMzkuNzA3OCA0NS42MTggMzguOTg3NiA0NS40NzY0IDM4LjMyMTMgNDUuMTM2OUMzNy4yNjI5IDQ0LjU5NzYgMzYuNDAyNCA0My43MzcxIDM1Ljg2MzEgNDIuNjc4N0MzNS41MjM2IDQyLjAxMjQgMzUuMzgyIDQxLjI5MjIgMzUuMzE1IDQwLjQ3MjJDMzUuMjUgMzkuNjc1OCAzNS4yNSAzOC42OTI0IDM1LjI1IDM3LjQ3MzJWMzQuNTI2OEMzNS4yNSAzMy4zMDc2IDM1LjI1IDMyLjMyNDIgMzUuMzE1IDMxLjUyNzhDMzUuMzgyIDMwLjcwNzggMzUuNTIzNiAyOS45ODc2IDM1Ljg2MzEgMjkuMzIxM0MzNi40MDI0IDI4LjI2MjkgMzcuMjYyOSAyNy40MDI0IDM4LjMyMTMgMjYuODYzMUMzOC45ODc2IDI2LjUyMzYgMzkuNzA3OCAyNi4zODIgNDAuNTI3OCAyNi4zMTVDNDEuMzI0MiAyNi4yNSA0Mi4zMDc2IDI2LjI1IDQzLjUyNjggMjYuMjVaTTQwLjcxMSAyOC41NTc2QzQwLjAzMDIgMjguNjEzMiAzOS42MzkxIDI4LjcxNjkgMzkuMzQyOCAyOC44Njc5QzM4LjcwNzcgMjkuMTkxNCAzOC4xOTE0IDI5LjcwNzcgMzcuODY3OSAzMC4zNDI4QzM3LjcxNjkgMzAuNjM5MSAzNy42MTMyIDMxLjAzMDIgMzcuNTU3NiAzMS43MTFDMzcuNTAwOSAzMi40MDUgMzcuNSAzMy4yOTYzIDM3LjUgMzQuNTc1VjM2LjcxNzdMMzguNTg0MiAzNS40MTY3QzM5LjU3MjQgMzQuMjMwOSA0MS4zNjU1IDM0LjE0OTYgNDIuNDU2OSAzNS4yNDFMNDYuNSAzOS4yODQxTDQ4LjI2OTQgMzcuNTE0NkM0OS4zNzU3IDM2LjQwODMgNTEuMTk4IDM2LjUwOTMgNTIuMTc1NCAzNy43MzA5TDUyLjQ5OTUgMzguMTM2MUM1Mi41IDM3LjkxMzEgNTIuNSAzNy42NzY1IDUyLjUgMzcuNDI1VjM0LjU3NUM1Mi41IDMzLjI5NjMgNTIuNDk5MSAzMi40MDUgNTIuNDQyNCAzMS43MTFDNTIuMzg2OCAzMS4wMzAyIDUyLjI4MzEgMzAuNjM5MSA1Mi4xMzIxIDMwLjM0MjhDNTEuODA4NiAyOS43MDc3IDUxLjI5MjMgMjkuMTkxNCA1MC42NTcyIDI4Ljg2NzlDNTAuMzYwOSAyOC43MTY5IDQ5Ljk2OTggMjguNjEzMiA0OS4yODkgMjguNTU3NkM0OC41OTUgMjguNTAwOSA0Ny43MDM3IDI4LjUgNDYuNDI1IDI4LjVINDMuNTc1QzQyLjI5NjMgMjguNSA0MS40MDUgMjguNTAwOSA0MC43MTEgMjguNTU3NlpNMzcuNTU3NiA0MC4yODlDMzcuNTU0MyA0MC4yNDkyIDM3LjU1MTMgNDAuMjA4OCAzNy41NDg0IDQwLjE2NzhDMzcuNTcxMSA0MC4xNDQ4IDM3LjU5MzEgNDAuMTIwNiAzNy42MTQyIDQwLjA5NTNMNDAuMzEyNyAzNi44NTcxQzQwLjQ1MzkgMzYuNjg3NyA0MC43MSAzNi42NzYxIDQwLjg2NTkgMzYuODMyTDQ1LjcwNDUgNDEuNjcwNkM0Ni4xNDM4IDQyLjEwOTkgNDYuODU2MSA0Mi4xMDk5IDQ3LjI5NTUgNDEuNjcwNkw0OS44NjA0IDM5LjEwNTZDNTAuMDE4NSAzOC45NDc2IDUwLjI3ODggMzguOTYyIDUwLjQxODQgMzkuMTM2NUw1Mi4yMzc3IDQxLjQxMDdDNTIuMjA1NiA0MS41MDEgNTIuMTcwNCA0MS41ODIyIDUyLjEzMjEgNDEuNjU3MkM1MS44MDg2IDQyLjI5MjMgNTEuMjkyMyA0Mi44MDg2IDUwLjY1NzIgNDMuMTMyMUM1MC4zNjA5IDQzLjI4MzEgNDkuOTY5OCA0My4zODY4IDQ5LjI4OSA0My40NDI0QzQ4LjU5NSA0My40OTkxIDQ3LjcwMzcgNDMuNSA0Ni40MjUgNDMuNUg0My41NzVDNDIuMjk2MyA0My41IDQxLjQwNSA0My40OTkxIDQwLjcxMSA0My40NDI0QzQwLjAzMDIgNDMuMzg2OCAzOS42MzkxIDQzLjI4MzEgMzkuMzQyOCA0My4xMzIxQzM4LjcwNzcgNDIuODA4NiAzOC4xOTE0IDQyLjI5MjMgMzcuODY3OSA0MS42NTcyQzM3LjcxNjkgNDEuMzYwOSAzNy42MTMyIDQwLjk2OTggMzcuNTU3NiA0MC4yODlaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgo8L3N2Zz4K",width:r="80",height:o="80",classRemoved:l=!1})=>{var c;const d=s&&"Polaris-GThumbnail--filter",M=h("Polaris-Thumbnail",n&&`${"Polaris-Thumbnail--size"}${(c=n).charAt(0).toUpperCase()}${c.slice(1)}`),g=i.jsx("img",{onError:e=>{e.currentTarget.src=a},alt:t??"Thumbnail",src:`${e??a}`,width:r,height:o,style:{"--gp-grayscale-percentage":s||"100%"},className:h("Polaris-GThumbnail",d)});return l?g:i.jsx("span",{className:M,children:g})},x={default:"w-[210px]",wide:"w-[320px]",large:"w-[328px]"},p={start:"flex justify-start",center:"flex justify-center",end:"flex justify-end"},A=n.forwardRef((e,s)=>{const{tooltip:a,wrapper:r="div",activatorProps:o,isHideBorder:l,alignment:c,delay:d=500,textDecoration:M="none",popoverRef:g,preferredAlignment:N="left",showArrow:u=!1}=e,{width:j="default"}=a??{},[I,A]=n.useState(!1),m=r,D=x[j],z=n.useRef(null),y=()=>{z.current&&(clearTimeout(z.current),z.current=null),A(!1)};return n.useImperativeHandle(s,()=>({onClose:y})),i.jsx(m,{className:h("GTooltipCard cursor-pointer",c&&p[c],{"GTooltipCard--text-underline":"underline"===M}),onMouseEnter:()=>{z.current=setTimeout(()=>{A(!0)},d)},onMouseLeave:y,children:i.jsx(t.Popover,{ref:g,activator:l?i.jsx(t.InlineStack,{children:e.children}):i.jsx(t.Box,{borderBlockEndWidth:"025",borderStyle:"dashed",borderColor:"border-tertiary",as:r,...o,children:e.children}),activatorWrapper:r,onClose:()=>{},active:I,preferredPosition:"below",preferredAlignment:N,children:a&&i.jsx("div",{className:h(D,{"GTooltipCard-arrow":u}),children:i.jsx(t.Box,{padding:"400",children:i.jsxs(t.BlockStack,{gap:"200",children:[i.jsxs(t.BlockStack,{gap:"100",children:[i.jsx(t.Text,{as:"span",variant:"headingSm",fontWeight:"semibold",children:a.title}),i.jsxs(t.BlockStack,{gap:"400",children:[i.jsx(t.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:i.jsx("span",{dangerouslySetInnerHTML:{__html:a.content}})}),a.contentList&&i.jsx(t.List,{type:"bullet",children:a.contentList.map(e=>i.jsx(t.List.Item,{children:i.jsx(t.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:e})},e))})]})]}),a.formula&&i.jsx("div",{className:"rounded-md font-mono",style:{fontSize:"12px"},children:a.formula})]})})})})})});A.displayName="GTooltipCard";const m=()=>i.jsx(d,{height:"188px"}),D=({children:e,minHeight:t=228})=>i.jsx(s.PolarisVizProvider,{themes:{Light:{chartContainer:{minHeight:t},grid:{horizontalOverflow:!0,verticalOverflow:!0,horizontalMargin:0},seriesColors:{comparison:o.comparison,single:o.current,all:[...o.all]}}},children:e}),z=e=>String(e),y=({lineChartData:e,isLoading:t,isEmptyMetricData:n})=>t?i.jsx(m,{}):n?i.jsx(S,{title:"No data yet",description:"Data needs time to gather"}):i.jsx(D,{children:i.jsx(s.LineChart,{data:e,yAxisOptions:{labelFormatter:e=>z(Number(e)||0)},theme:"Light",tooltipOptions:{keyFormatter:e=>e,renderTooltipContent:e=>i.jsx(O,{data:e,formatValue:z})},showLegend:!0})});const S=({boxProps:e,minHeight:n,description:s,title:a})=>i.jsx(t.Box,{minWidth:"100%",...e,children:i.jsx(M,{minHeight:n,children:i.jsx(t.Box,{padding:"400",children:i.jsxs(t.BlockStack,{gap:"400",align:"center",inlineAlign:"center",children:[i.jsx("div",{className:"h-[80px] w-[80px]",children:i.jsx(I,{source:"data:image/png;base64,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",width:"80px",height:"80px",alt:a,classRemoved:!0})}),i.jsxs(t.BlockStack,{gap:"200",align:"center",inlineAlign:"center",children:[i.jsx(t.Text,{as:"h4",variant:"headingSm",fontWeight:"semibold",children:a}),i.jsx(t.Text,{as:"h4",variant:"bodyMd",tone:"subdued",children:s})]})]})})})}),T=()=>i.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("g",{clipPath:"url(#clip0_18114_1160)",children:i.jsx("path",{d:"M1 1L6.5 6.5M6.5 6.5V1.5M6.5 6.5H1.5",stroke:"#8A8A8A",strokeWidth:"1.5"})}),i.jsx("defs",{children:i.jsx("clipPath",{id:"clip0_18114_1160",children:i.jsx("rect",{width:"8",height:"8",fill:"white"})})})]}),k=()=>i.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("g",{clipPath:"url(#clip0_18114_1146)",children:i.jsx("path",{d:"M1 7L6.5 1.5M6.5 1.5H1.5M6.5 1.5V6.5",stroke:"#29845A",strokeWidth:"1.5"})}),i.jsx("defs",{children:i.jsx("clipPath",{id:"clip0_18114_1146",children:i.jsx("rect",{width:"8",height:"8",fill:"white",transform:"matrix(0 -1 1 0 0 8)"})})})]}),E=({change:e})=>"number"!=typeof e?i.jsx("div",{style:{height:"2px",width:"11px",backgroundColor:"#8A8A8A"}}):i.jsxs("div",{style:{display:"flex",maxHeight:"20px",width:"fit-content",alignItems:"center",gap:"4px",borderRadius:"8px",fontSize:"12px",color:e>0?l:c},children:[e<0&&i.jsx(t.InlineStack,{align:"center",children:i.jsx(T,{})}),e>0&&i.jsx(t.InlineStack,{align:"center",children:i.jsx(k,{})}),i.jsx(t.Text,{as:"span",variant:"bodyXs",fontWeight:"semibold",children:u(Math.abs(e||0))})]}),O=({data:e,formatValue:n})=>{const{activeIndex:s}=e,a=e?.dataSeries[0]?.data[s],r=e?.dataSeries[1]?.data[s],o=()=>{const e=a.trend?.value;if(!e)return"-";const i=Number(e.replace(/[%~]/g,""));return"negative"===a.trend?.trend?-1*i:i};return i.jsx("div",{className:"w-fit min-w-[175px]",children:i.jsx(t.Card,{padding:"200",children:i.jsxs(t.BlockStack,{gap:"100",children:[i.jsx(t.Text,{as:"p",variant:"bodySm",fontWeight:"semibold",children:e.formatters?.titleFormatter?.(e.title||"")||e.title}),i.jsxs(t.BlockStack,{gap:"100",children:[i.jsxs(t.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[i.jsxs(t.InlineStack,{gap:"100",blockAlign:"center",children:[i.jsx("div",{className:"h-[2px] w-[12px] rounded-[10px] bg-[#4FA9EA]"}),i.jsx(t.Text,{as:"p",variant:"bodySm",fontWeight:"medium",tone:"subdued",children:a.tooltipKey})]}),i.jsxs(t.InlineStack,{blockAlign:"center",gap:"100",children:[i.jsx(t.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:n(a.value)}),i.jsx(E,{change:o()})]})]}),i.jsxs(t.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[i.jsxs(t.InlineStack,{gap:"100",blockAlign:"center",children:[i.jsx("div",{className:"w-[12px] border border-dashed border-[#A1CAE7]"}),i.jsx(t.Text,{as:"p",variant:"bodySm",tone:"subdued",fontWeight:"medium",children:r.tooltipKey})]}),i.jsxs(t.InlineStack,{blockAlign:"center",gap:"100",children:[i.jsx(t.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:n(r.value)}),i.jsx("div",{className:"opacity-0",children:i.jsx(E,{change:o()})})]})]})]})]})})})};var v=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"}))};v.displayName="ChevronRightIcon";const C=({isShowOneLine:e})=>e?i.jsx(t.Box,{width:"40%",children:i.jsx(t.SkeletonBodyText,{lines:1})}):i.jsxs(t.BlockStack,{gap:"200",children:[i.jsx(t.Box,{width:"60%",children:i.jsx(t.SkeletonBodyText,{lines:1})}),i.jsx(t.Box,{width:"40%",children:i.jsx(t.SkeletonBodyText,{lines:1})})]}),f=({totalValue:e,hideComparison:n})=>i.jsx(t.BlockStack,{gap:"200",children:i.jsxs(t.InlineStack,{blockAlign:"center",gap:"200",wrap:!1,children:[i.jsx(t.InlineStack,{blockAlign:"center",gap:"200",children:i.jsx(t.Text,{as:"span",variant:"headingSm",children:e.value})}),!n&&i.jsx(E,{change:e.change})]})}),L=({item:e,isHovered:n,isLoading:s,hideComparison:a,titleVariant:o="headingMd",titleFontWeight:l,onClickTitle:c})=>{const{key:d,title:M,totalValue:g}=e,N=r[d];return s?i.jsx(C,{}):i.jsxs(t.BlockStack,{gap:"200",children:[i.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e?.stopPropagation(),c?.(d)},children:i.jsxs(t.InlineStack,{wrap:!1,children:[i.jsx(t.Box,{maxWidth:"100%",overflowX:"hidden",children:i.jsx(A,{tooltip:N,children:i.jsx(t.Text,{as:"span",variant:o,fontWeight:l,truncate:!0,children:M})})}),n&&i.jsx("div",{className:"flex h-[20px] w-[20px] items-center",children:i.jsx(t.Icon,{source:v,tone:"inherit"})})]})}),i.jsx(f,{totalValue:g,hideComparison:a})]})},b=({item:e,isActive:s,isLoading:a,hideComparison:r,onSelect:o,onClickTitle:l})=>{const[c,d]=n.useState(!1),M=s||c;return i.jsx("div",{className:"w-full cursor-pointer overflow-hidden",onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:()=>o(e.key),children:i.jsx(t.Box,{paddingBlock:"150",paddingInline:"300",borderRadius:"200",background:M?"bg-surface-active":void 0,children:i.jsx(L,{item:e,isHovered:c,isLoading:a,hideComparison:r,titleVariant:"headingSm",titleFontWeight:"semibold",onClickTitle:l})})})};e.GSelectableMetricChartCard=({metricInfo:e,dataChart:s,defaultActiveTab:a,isLoading:r,isEmptyMetricData:o,hideComparison:l,currentPeriodLabel:c="Current",previousPeriodLabel:d="Previous"})=>{const[M,g]=n.useState(a),N=n.useMemo(()=>{const e=M?s[M]:void 0;if(!e)return[];const i={name:c,data:e.current};return l?[i]:[i,{name:d,data:e.previous,isComparison:!0}]},[M,s,l,c,d]);return i.jsxs(t.Card,{children:[i.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${e.length}, 1fr)`,gap:"16px",marginBottom:"16px"},children:e.map(e=>i.jsx(b,{item:e,isActive:M===e.key,isLoading:r,hideComparison:l,onSelect:g},e.key))}),i.jsx(y,{lineChartData:N,isLoading:r,isEmptyMetricData:o})]})},e.SingleMetricChartCard=({metricInfo:e,lineChartData:s,isLoading:a,hideComparison:r,isEmptyMetricData:o,onClickTitle:l})=>{const[c,d]=n.useState(!1);return i.jsx("div",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),children:i.jsx(t.Card,{children:i.jsxs(t.BlockStack,{gap:"200",children:[i.jsx(L,{item:e,isHovered:c,isLoading:a,hideComparison:r,onClickTitle:l}),i.jsx(y,{lineChartData:s,isLoading:a,isEmptyMetricData:o})]})})})}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@tanstack/react-query"),require("dayjs"),require("dayjs/plugin/quarterOfYear"),require("dayjs/plugin/timezone"),require("dayjs/plugin/utc"),require("react"),require("@shopify/polaris"),require("@shopify/polaris-viz")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@tanstack/react-query","dayjs","dayjs/plugin/quarterOfYear","dayjs/plugin/timezone","dayjs/plugin/utc","react","@shopify/polaris","@shopify/polaris-viz"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).GemAnalytics={},e.jsxRuntime,null,e.dayjs,e.quarterOfYear,e.timezone,e.utc,e.React,e.Polaris,e.polarisViz)}(this,function(e,t,i,r,n,a,s,o,c,l){"use strict";var d;e.EMetricKey=void 0,(d=e.EMetricKey||(e.EMetricKey={})).SESSION="sessions",d.ORDERS="orders",d.PAGE_VIEWS="pageviews",d.VISITORS="visitors",d.BOUNCE_RATE="bounce_rate",d.CTR="ctr",d.CONVERSION_RATE="conversion_rate",d.AVG_TIME_ON_PAGE="average_time_on_page",d.ADDED_TO_CART="added_to_cart",d.ADD_TO_CART_RATE="added_to_cart_rate",d.REACHED_CHECKOUT="sessions_that_reached_checkout",d.COMPLETE_CHECKOUT="sessions_that_completed_checkout",d.CART_ADDITION="sessions_with_cart_additions",d.AOV="aov",d.REVENUE="revenue",d.RPV="revenue_per_visitor",d.VISITOR_ITEMS="visitor_items",d.DEVICE_ITEMS="device_items",d.TRAFFIC_SOURCE_ITEMS="traffic_source_items";const u={[e.EMetricKey.SESSION]:{title:"Sessions",content:"A period during which a visitor interacts with your online store"},[e.EMetricKey.VISITORS]:{title:"Visitors",content:"Number of unique individuals who visit your online store"},[e.EMetricKey.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"})]})},[e.EMetricKey.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"})]})},[e.EMetricKey.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)"})]})},[e.EMetricKey.PAGE_VIEWS]:{title:"Pageviews",content:"Number of times a page on your online store has been viewed by visitors"},[e.EMetricKey.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"})]})},[e.EMetricKey.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"},[e.EMetricKey.REACHED_CHECKOUT]:{title:"Sessions that reached checkout",content:"Sessions in your online store in which the checkout page was reached"},[e.EMetricKey.COMPLETE_CHECKOUT]:{title:"Sessions that completed checkout",content:"Sessions in your online store in which a purchase was completed"},[e.EMetricKey.ORDERS]:{title:"Orders",content:"Number of orders that went through this pages"},[e.EMetricKey.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"})]})},[e.EMetricKey.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"})]})},[e.EMetricKey.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"})]})},[e.EMetricKey.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"})]})},[e.EMetricKey.CART_ADDITION]:{title:"Sessions with cart additions",content:"Sessions in your online store in which a visitor added item to the cart"},[e.EMetricKey.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"]},[e.EMetricKey.DEVICE_ITEMS]:{title:"Sessions by device type",content:"Sessions in your online store by the visitor's device type"},[e.EMetricKey.TRAFFIC_SOURCE_ITEMS]:{title:"Sessions by traffic source",content:"Sessions on your page by where visitors come from"}};var M,N,I,A,g,E,h,T,p,m,j,S,x,D,y,O,f,R;!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"}(M||(M={})),e.EAnalyticColumnKey=void 0,(N=e.EAnalyticColumnKey||(e.EAnalyticColumnKey={})).CAMPAIGNS="experiments",N.VISITOR_ITEMS="visitor_items",N.DEVICE_ITEMS="device_items",N.TRAFFIC_SOURCE_ITEMS="traffic_source_items",function(e){e.ALL_SESSION="ALL_SESSION",e.FIRST_SESSION="FIRST_SESSION",e.PAGE_ONLY="PAGE_ONLY"}(I||(I={})),function(e){e.SESSIONS="sessions",e.SALES="sales"}(A||(A={})),e.EVisitorType=void 0,(g=e.EVisitorType||(e.EVisitorType={})).NEW="new",g.RETURNING="returning",e.EDeviceType=void 0,(E=e.EDeviceType||(e.EDeviceType={})).DESKTOP="desktop",E.MOBILE="mobile",E.TABLET="tablet",e.ETrafficSourceType=void 0,(h=e.ETrafficSourceType||(e.ETrafficSourceType={})).DIRECT="direct",h.EMAIL="email",h.REFERRAL="referral",h.ORGANIC_SOCIAL="organic-social",h.ORGANIC_SEARCH="organic-search",h.PAID_SOCIAL="paid-social",h.PAID_SEARCH="paid-search",h.SMS="sms",function(e){e.EQ="=",e.IN="IN",e.LIKE="LIKE"}(T||(T={})),function(e){e.OR="OR",e.AND="AND"}(p||(p={})),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"}(m||(m={})),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"}(j||(j={})),function(e){e.NONE="",e.TOTALS="TOTALS",e.ALL="WITH GROUP_TOTALS, TOTALS"}(S||(S={})),function(e){e.ASC="ASC",e.DESC="DESC"}(x||(x={})),function(e){e.PAGE_ITEMS="page_items",e.PAGE_PATHS="page_paths"}(D||(D={})),function(e){e.PAGE_PATH="page_path"}(y||(y={})),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"}(O||(O={})),function(e){e.DEFAULT="DEFAULT",e.COMPARISON="COMPARISON",e.TOTALS="TOTALS",e.COMPARISON_TOTALS="COMPARISON_TOTALS"}(f||(f={})),function(e){e.HOUR="hour",e.DAY="day",e.WEEK="week",e.MONTH="month",e.QUARTER="quarter",e.YEAR="year"}(R||(R={})),f.DEFAULT,f.COMPARISON,f.TOTALS,f.COMPARISON_TOTALS,p.OR,j.DEVICE_OPERATOR,m.DEVICE,m.DEVICES,m.DEVICE,j.VISITOR_OPERATOR,m.VISITOR,m.VISITORS,m.VISITOR,j.TRAFFIC_SOURCE_OPERATOR,m.TRAFFIC_SOURCE,m.TRAFFIC_SOURCES,m.TRAFFIC_SOURCE,j.VERSION_OPERATOR,m.VERSION,m.VERSIONS,m.VERSION,j.PAGE_OPERATOR,m.SINGLE_PAGE,m.LIST_PAGE,m.SINGLE_PAGE,j.CAMPAIGN_ITEM_OPERATOR,m.GROUP_CAMPAIGN_ITEM,m.GROUP_CAMPAIGN_ITEMS,m.GROUP_CAMPAIGN,m.SINGLE_CAMPAIGN,m.SINGLE_CAMPAIGN,m.GROUP_CAMPAIGN,r.extend(s),r.extend(a),r.extend(n);const C=e=>e?r(e).tz("UTC"):r().tz("UTC"),v=/\.0+$/,z=(e,t=2)=>(e=>`${e}`.replace(v,""))(e.toFixed(t)),L=e=>e>0&&e<.005,w=(e,t,i=2)=>{const r=((e,t,i=2)=>{if("number"!=typeof e||!t)return;return 0===e?0:parseFloat(z(e/t*100,i))})(e,t,i);if("number"==typeof r)return L(r)?"~0%":`${r}%`},k=(e,t=2)=>L(e)?"~0%":`${z(e,t)}%`;var b;function U(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}!function(e){e.DAY="DAY",e.HOUR="HOUR",e.MONTH="MONTH",e.QUARTER="QUARTER",e.WEEK="WEEK",e.YEAR="YEAR"}(b||(b={}));const P=60,Y=3600,Q=(e,t,i)=>{if(!e)return"";const r=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 b.HOUR:return C(e).format(r.formatHouse);case b.DAY:case b.WEEK:return C(e).format(r.formatDay);case b.MONTH:return C(e).format(r.formatMonth);case b.QUARTER:{const t=C(e);return`Q${t.quarter()} ${t.format("YYYY")}`}case b.YEAR:return C(e).format(r.formatYear)}return C(e).format(r.formatMonth)},B=({value:t,formatter:i,getTextPrice:r,name:n})=>{if(null!==t&&("object"==typeof t||Array.isArray(t)))return t;switch(i){case M.INTEGER:return U((t??0).toString());case M.CURRENCY:return r?r(t,!1):`${t??0}`;case M.DATE:return(e=>{if(!e)return"None";const t=C(e),i=C(),r=C().subtract(1,"day"),n=t.format("YYYY-MM-DD")===i.format("YYYY-MM-DD"),a=t.format("YYYY-MM-DD")===r.format("YYYY-MM-DD");if(n)return`Today at ${t.format("HH:mm")}`;if(a)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")}`})(t);case M.PERCENT:return"number"!=typeof t?w(0,1,2)??"":w(t/100,1,2)??"";case M.DURATION:return(e=>{let t=e;Number.isFinite(e)&&null!=e||(t=0);const i=z(t);if(t>=Y)return`${Math.floor(t/Y)}h ${Math.floor(t%Y/P)}m ${Math.floor(t%P)}s`;if(t>=P)return`${Math.floor(t/P)}m ${Math.floor(t%P)}s`;return`${i}s`})(Number(t));case M.STRING:{const i=n===e.EAnalyticColumnKey.CAMPAIGNS?"":"None";return t??i}case M.DAY:return Q(t,b.DAY,{isExpandDetail:!0});case M.HOUR:return Q(t,b.HOUR,{isExpandDetail:!0});case M.MONTH:return Q(t,b.MONTH,{isExpandDetail:!0});case M.YEAR:return Q(t,b.YEAR);case M.WEEK:return Q(t,b.WEEK,{isExpandDetail:!0});case M.QUARTER:return Q(t,b.QUARTER,{isExpandDetail:!0});case M.OBJECT:case M.ARRAY:return t;default:return`${t}`}},H=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}},G=e=>H(e)?.map(e=>({...e,total:Number(e.total)})),W=(e,t)=>{const i=e?.[t];return"number"==typeof i?i:0};var V;!function(e){e.NEXT="NEXT",e.PREV="PREV"}(V||(V={}));const _=[{value:e.EVisitorType.NEW,label:"New"},{value:e.EVisitorType.RETURNING,label:"Returning"}],K=[{value:e.EDeviceType.DESKTOP,label:"Desktop"},{value:e.EDeviceType.TABLET,label:"Tablet"},{value:e.EDeviceType.MOBILE,label:"Mobile"}],F=[{value:e.ETrafficSourceType.DIRECT,label:"Direct"},{value:e.ETrafficSourceType.EMAIL,label:"Email"},{value:e.ETrafficSourceType.REFERRAL,label:"Referral"},{value:e.ETrafficSourceType.ORGANIC_SOCIAL,label:"Organic social"},{value:e.ETrafficSourceType.ORGANIC_SEARCH,label:"Organic search"},{value:e.ETrafficSourceType.PAID_SOCIAL,label:"Paid social"},{value:e.ETrafficSourceType.PAID_SEARCH,label:"Paid search"},{value:e.ETrafficSourceType.SMS,label:"SMS"}],J="Current",q="Previous",X={current:"rgba(64, 176, 230, 1)",comparison:"rgba(161, 202, 231, 1)",all:["#2C7DFF","#F34A70"]},Z={POSITIVE:"#007F5F",NEUTRAL:"#4A4A4A"};var $="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI5MCIKICBoZWlnaHQ9IjcyIgogIHZpZXdCb3g9IjAgMCA5MCA3MiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNDguNzUgMzQuNUM0OS45OTI2IDM0LjUgNTEgMzMuNDkyNiA1MSAzMi4yNUM1MSAzMS4wMDc0IDQ5Ljk5MjYgMzAgNDguNzUgMzBDNDcuNTA3NCAzMCA0Ni41IDMxLjAwNzQgNDYuNSAzMi4yNUM0Ni41IDMzLjQ5MjYgNDcuNTA3NCAzNC41IDQ4Ljc1IDM0LjVaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgogIDxwYXRoCiAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgIGNsaXBSdWxlPSJldmVub2RkIgogICAgZD0iTTQzLjUyNjggMjYuMjVINDYuNDczMkM0Ny42OTI0IDI2LjI1IDQ4LjY3NTggMjYuMjUgNDkuNDcyMiAyNi4zMTVDNTAuMjkyMiAyNi4zODIgNTEuMDEyNCAyNi41MjM2IDUxLjY3ODcgMjYuODYzMUM1Mi43MzcxIDI3LjQwMjQgNTMuNTk3NiAyOC4yNjI5IDU0LjEzNjkgMjkuMzIxM0M1NC40NzY0IDI5Ljk4NzYgNTQuNjE4IDMwLjcwNzggNTQuNjg1IDMxLjUyNzhDNTQuNzUgMzIuMzI0MiA1NC43NSAzMy4zMDc2IDU0Ljc1IDM0LjUyNjhWMzcuNDczMkM1NC43NSAzOC42OTI0IDU0Ljc1IDM5LjY3NTggNTQuNjg1IDQwLjQ3MjJDNTQuNjE4IDQxLjI5MjIgNTQuNDc2NCA0Mi4wMTI0IDU0LjEzNjkgNDIuNjc4N0M1My41OTc2IDQzLjczNzEgNTIuNzM3MSA0NC41OTc2IDUxLjY3ODcgNDUuMTM2OUM1MS4wMTI0IDQ1LjQ3NjQgNTAuMjkyMiA0NS42MTggNDkuNDcyMiA0NS42ODVDNDguNjc1OCA0NS43NSA0Ny42OTI0IDQ1Ljc1IDQ2LjQ3MzIgNDUuNzVINDMuNTI2OEM0Mi4zMDc2IDQ1Ljc1IDQxLjMyNDIgNDUuNzUgNDAuNTI3OCA0NS42ODVDMzkuNzA3OCA0NS42MTggMzguOTg3NiA0NS40NzY0IDM4LjMyMTMgNDUuMTM2OUMzNy4yNjI5IDQ0LjU5NzYgMzYuNDAyNCA0My43MzcxIDM1Ljg2MzEgNDIuNjc4N0MzNS41MjM2IDQyLjAxMjQgMzUuMzgyIDQxLjI5MjIgMzUuMzE1IDQwLjQ3MjJDMzUuMjUgMzkuNjc1OCAzNS4yNSAzOC42OTI0IDM1LjI1IDM3LjQ3MzJWMzQuNTI2OEMzNS4yNSAzMy4zMDc2IDM1LjI1IDMyLjMyNDIgMzUuMzE1IDMxLjUyNzhDMzUuMzgyIDMwLjcwNzggMzUuNTIzNiAyOS45ODc2IDM1Ljg2MzEgMjkuMzIxM0MzNi40MDI0IDI4LjI2MjkgMzcuMjYyOSAyNy40MDI0IDM4LjMyMTMgMjYuODYzMUMzOC45ODc2IDI2LjUyMzYgMzkuNzA3OCAyNi4zODIgNDAuNTI3OCAyNi4zMTVDNDEuMzI0MiAyNi4yNSA0Mi4zMDc2IDI2LjI1IDQzLjUyNjggMjYuMjVaTTQwLjcxMSAyOC41NTc2QzQwLjAzMDIgMjguNjEzMiAzOS42MzkxIDI4LjcxNjkgMzkuMzQyOCAyOC44Njc5QzM4LjcwNzcgMjkuMTkxNCAzOC4xOTE0IDI5LjcwNzcgMzcuODY3OSAzMC4zNDI4QzM3LjcxNjkgMzAuNjM5MSAzNy42MTMyIDMxLjAzMDIgMzcuNTU3NiAzMS43MTFDMzcuNTAwOSAzMi40MDUgMzcuNSAzMy4yOTYzIDM3LjUgMzQuNTc1VjM2LjcxNzdMMzguNTg0MiAzNS40MTY3QzM5LjU3MjQgMzQuMjMwOSA0MS4zNjU1IDM0LjE0OTYgNDIuNDU2OSAzNS4yNDFMNDYuNSAzOS4yODQxTDQ4LjI2OTQgMzcuNTE0NkM0OS4zNzU3IDM2LjQwODMgNTEuMTk4IDM2LjUwOTMgNTIuMTc1NCAzNy43MzA5TDUyLjQ5OTUgMzguMTM2MUM1Mi41IDM3LjkxMzEgNTIuNSAzNy42NzY1IDUyLjUgMzcuNDI1VjM0LjU3NUM1Mi41IDMzLjI5NjMgNTIuNDk5MSAzMi40MDUgNTIuNDQyNCAzMS43MTFDNTIuMzg2OCAzMS4wMzAyIDUyLjI4MzEgMzAuNjM5MSA1Mi4xMzIxIDMwLjM0MjhDNTEuODA4NiAyOS43MDc3IDUxLjI5MjMgMjkuMTkxNCA1MC42NTcyIDI4Ljg2NzlDNTAuMzYwOSAyOC43MTY5IDQ5Ljk2OTggMjguNjEzMiA0OS4yODkgMjguNTU3NkM0OC41OTUgMjguNTAwOSA0Ny43MDM3IDI4LjUgNDYuNDI1IDI4LjVINDMuNTc1QzQyLjI5NjMgMjguNSA0MS40MDUgMjguNTAwOSA0MC43MTEgMjguNTU3NlpNMzcuNTU3NiA0MC4yODlDMzcuNTU0MyA0MC4yNDkyIDM3LjU1MTMgNDAuMjA4OCAzNy41NDg0IDQwLjE2NzhDMzcuNTcxMSA0MC4xNDQ4IDM3LjU5MzEgNDAuMTIwNiAzNy42MTQyIDQwLjA5NTNMNDAuMzEyNyAzNi44NTcxQzQwLjQ1MzkgMzYuNjg3NyA0MC43MSAzNi42NzYxIDQwLjg2NTkgMzYuODMyTDQ1LjcwNDUgNDEuNjcwNkM0Ni4xNDM4IDQyLjEwOTkgNDYuODU2MSA0Mi4xMDk5IDQ3LjI5NTUgNDEuNjcwNkw0OS44NjA0IDM5LjEwNTZDNTAuMDE4NSAzOC45NDc2IDUwLjI3ODggMzguOTYyIDUwLjQxODQgMzkuMTM2NUw1Mi4yMzc3IDQxLjQxMDdDNTIuMjA1NiA0MS41MDEgNTIuMTcwNCA0MS41ODIyIDUyLjEzMjEgNDEuNjU3MkM1MS44MDg2IDQyLjI5MjMgNTEuMjkyMyA0Mi44MDg2IDUwLjY1NzIgNDMuMTMyMUM1MC4zNjA5IDQzLjI4MzEgNDkuOTY5OCA0My4zODY4IDQ5LjI4OSA0My40NDI0QzQ4LjU5NSA0My40OTkxIDQ3LjcwMzcgNDMuNSA0Ni40MjUgNDMuNUg0My41NzVDNDIuMjk2MyA0My41IDQxLjQwNSA0My40OTkxIDQwLjcxMSA0My40NDI0QzQwLjAzMDIgNDMuMzg2OCAzOS42MzkxIDQzLjI4MzEgMzkuMzQyOCA0My4xMzIxQzM4LjcwNzcgNDIuODA4NiAzOC4xOTE0IDQyLjI5MjMgMzcuODY3OSA0MS42NTcyQzM3LjcxNjkgNDEuMzYwOSAzNy42MTMyIDQwLjk2OTggMzcuNTU3NiA0MC4yODlaIgogICAgZmlsbD0iIzYxNjE2MSIKICAvPgo8L3N2Zz4K";const ee=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(c.SkeletonDisplayText,{maxWidth:"100%",size:"extraLarge"})]})},te=({height:e,align:i,inlineAlign:r,display:n,...a})=>{const s=o.useMemo(()=>{if("sticky"!==a.position)return{};const e={position:"sticky"};return a.insetInlineStart&&(e.insetInlineStart=4*Number(a.insetInlineStart)),a.insetInlineEnd&&(e.insetInlineEnd=4*Number(a.insetInlineEnd)),a.insetBlockStart&&(e.insetBlockStart=4*Number(a.insetBlockStart)),a.insetBlockEnd&&(e.insetBlockEnd=4*Number(a.insetBlockEnd)),e},[a.position,a.insetInlineStart,a.insetInlineEnd,a.insetBlockStart,a.insetBlockEnd]);return t.jsx("div",{className:"Polaris-GBlockCenter",style:{...s,"--gp-block-center-height":e,"--gp-block-center-display":n,"--gp-block-center-align":i,"--gp-block-center-inline-align":r,"--gp-block-center-overflow-x":a.overflowX,"--gp-block-center-overflow-y":a.overflowY},children:t.jsx(c.Box,{...a})})};function ie(e){return"string"==typeof e?e:"object"==typeof e&&null!==e&&Object.keys(e).filter(t=>e[t]).join(" ")}function re(...e){return e.map(ie).filter(Boolean).join(" ")}const ne=({source:e,alt:i,size:r,grayscale:n,defaultSource:a=$,width:s="80",height:o="80",classRemoved:c=!1})=>{var l;const d=n&&"Polaris-GThumbnail--filter",u=re("Polaris-Thumbnail",r&&`${"Polaris-Thumbnail--size"}${(l=r).charAt(0).toUpperCase()}${l.slice(1)}`),M=t.jsx("img",{onError:e=>{e.currentTarget.src=a},alt:i??"Thumbnail",src:`${e??a}`,width:s,height:o,style:{"--gp-grayscale-percentage":n||"100%"},className:re("Polaris-GThumbnail",d)});return c?M:t.jsx("span",{className:u,children:M})},ae={default:"w-[210px]",wide:"w-[320px]",large:"w-[328px]"},se={start:"flex justify-start",center:"flex justify-center",end:"flex justify-end"},oe=o.forwardRef((e,i)=>{const{tooltip:r,wrapper:n="div",activatorProps:a,isHideBorder:s,alignment:l,delay:d=500,textDecoration:u="none",popoverRef:M,preferredAlignment:N="left",showArrow:I=!1}=e,{width:A="default"}=r??{},[g,E]=o.useState(!1),h=n,T=ae[A],p=o.useRef(null),m=()=>{p.current&&(clearTimeout(p.current),p.current=null),E(!1)};return o.useImperativeHandle(i,()=>({onClose:m})),t.jsx(h,{className:re("GTooltipCard cursor-pointer",l&&se[l],{"GTooltipCard--text-underline":"underline"===u}),onMouseEnter:()=>{p.current=setTimeout(()=>{E(!0)},d)},onMouseLeave:m,children:t.jsx(c.Popover,{ref:M,activator:s?t.jsx(c.InlineStack,{children:e.children}):t.jsx(c.Box,{borderBlockEndWidth:"025",borderStyle:"dashed",borderColor:"border-tertiary",as:n,...a,children:e.children}),activatorWrapper:n,onClose:()=>{},active:g,preferredPosition:"below",preferredAlignment:N,children:r&&t.jsx("div",{className:re(T,{"GTooltipCard-arrow":I}),children:t.jsx(c.Box,{padding:"400",children:t.jsxs(c.BlockStack,{gap:"200",children:[t.jsxs(c.BlockStack,{gap:"100",children:[t.jsx(c.Text,{as:"span",variant:"headingSm",fontWeight:"semibold",children:r.title}),t.jsxs(c.BlockStack,{gap:"200",children:[t.jsx(c.Text,{as:"span",variant:"bodyMd",tone:"subdued",fontWeight:"medium",children:t.jsx("span",{dangerouslySetInnerHTML:{__html:r.content}})}),r.contentList&&t.jsx(c.List,{type:"bullet",children:r.contentList.map(e=>t.jsx(c.List.Item,{children:t.jsx(c.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})]})})})})})});oe.displayName="GTooltipCard";const ce=()=>t.jsx(ee,{height:"188px"}),le={comparison:X.comparison,single:X.current,all:[...X.all]},de=({children:e,minHeight:i=228,seriesColors:r=le})=>t.jsx(l.PolarisVizProvider,{themes:{Light:{chartContainer:{minHeight:i},grid:{horizontalOverflow:!0,verticalOverflow:!0,horizontalMargin:0},seriesColors:r}},children:e}),ue=({metricKey:e,columnTypes:t})=>{const{formatData:i}=(e=>{const t=({value:t,formatter:i,name:r})=>B({value:t,formatter:i,getTextPrice:e,name:r});return{formatData:t,computeMetric:({metric:e,previousMetric:i,metricKey:r,formatter:n})=>{if(!(e=>{const t=e?.sessions;return"number"==typeof t&&t>0})(e))return{value:0,change:"-"};const a=W(e,r),s=W(i,r),o=t({value:a,formatter:n,name:r});return 0===a&&0!==s?{value:o,change:-100}:0===s?{value:o,change:"-"}:{value:o,change:(a-s)/s*100}}}})(),r=e?t?.[e]:void 0,n=e=>String(i({value:e,formatter:r})),a={labelFormatter:e=>n(Number(e)||0)};return{formatValue:n,yAxisOptions:a}},Me=({lineChartData:e,isLoading:i,isEmptyMetricData:r,columnTypes:n,metricKey:a})=>{const{formatValue:s,yAxisOptions:o}=ue({metricKey:a,columnTypes:n||{}});return a?i?t.jsx(ce,{}):r?t.jsx(Ne,{title:"No data yet",description:"Data needs time to gather"}):t.jsx(de,{children:t.jsx(l.LineChart,{data:e,yAxisOptions:o,theme:"Light",tooltipOptions:{titleFormatter:()=>`${u[a]?.title??""}`,keyFormatter:e=>e,renderTooltipContent:e=>t.jsx(Ee,{data:e,formatValue:s})},showLegend:!0})}):t.jsx(t.Fragment,{})};const Ne=({boxProps:e,minHeight:i,description:r,title:n})=>t.jsx(c.Box,{minWidth:"100%",...e,children:t.jsx(te,{minHeight:i,children:t.jsx(c.Box,{padding:"400",children:t.jsxs(c.BlockStack,{gap:"400",align:"center",inlineAlign:"center",children:[t.jsx("div",{className:"h-[80px] w-[80px]",children:t.jsx(ne,{source:"data:image/png;base64,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",width:"80px",height:"80px",alt:n,classRemoved:!0})}),t.jsxs(c.BlockStack,{gap:"200",align:"center",inlineAlign:"center",children:[t.jsx(c.Text,{as:"h4",variant:"headingSm",fontWeight:"semibold",children:n}),t.jsx(c.Text,{as:"h4",variant:"bodyMd",tone:"subdued",children:r})]})]})})})}),Ie=()=>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"})})})]}),Ae=()=>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)"})})})]}),ge=({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?Z.POSITIVE:Z.NEUTRAL},children:[e<0&&t.jsx(c.InlineStack,{align:"center",children:t.jsx(Ie,{})}),e>0&&t.jsx(c.InlineStack,{align:"center",children:t.jsx(Ae,{})}),t.jsx(c.Text,{as:"span",variant:"bodyXs",fontWeight:"semibold",children:k(Math.abs(e||0))})]}),Ee=({data:e,formatValue:i})=>{const{activeIndex:r}=e,n=e?.dataSeries[0]?.data[r],a=e?.dataSeries[1]?.data[r],s=()=>{const e=n.trend?.value;if(!e)return"-";const t=Number(e.replace(/[%~]/g,""));return"negative"===n.trend?.trend?-1*t:t};return t.jsx("div",{className:"w-fit min-w-[175px]",children:t.jsx(c.Card,{padding:"200",children:t.jsxs(c.BlockStack,{gap:"100",children:[t.jsx(c.Text,{as:"p",variant:"bodySm",fontWeight:"semibold",children:e.formatters?.titleFormatter?.(e.title||"")||e.title}),t.jsxs(c.BlockStack,{gap:"100",children:[t.jsxs(c.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[t.jsxs(c.InlineStack,{gap:"100",blockAlign:"center",children:[t.jsx("div",{className:"h-[2px] w-[12px] rounded-[10px] bg-[#4FA9EA]"}),t.jsx(c.Text,{as:"p",variant:"bodySm",fontWeight:"medium",tone:"subdued",children:n.tooltipKey})]}),t.jsxs(c.InlineStack,{blockAlign:"center",gap:"100",children:[t.jsx(c.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:i(n.value)}),t.jsx(ge,{change:s()})]})]}),t.jsxs(c.InlineStack,{gap:"400",align:"space-between",blockAlign:"center",children:[t.jsxs(c.InlineStack,{gap:"100",blockAlign:"center",children:[t.jsx("div",{className:"w-[12px] border border-dashed border-[#A1CAE7]"}),t.jsx(c.Text,{as:"p",variant:"bodySm",tone:"subdued",fontWeight:"medium",children:a.tooltipKey})]}),t.jsxs(c.InlineStack,{blockAlign:"center",gap:"100",children:[t.jsx(c.Text,{as:"span",variant:"bodySm",fontWeight:"semibold",children:i(a.value)}),t.jsx("div",{className:"opacity-0",children:t.jsx(ge,{change:s()})})]})]})]})]})})})},he=({isShowOneLine:e})=>e?t.jsx(c.Box,{width:"40%",children:t.jsx(c.SkeletonBodyText,{lines:1})}):t.jsxs(c.BlockStack,{gap:"200",children:[t.jsx(c.Box,{width:"60%",children:t.jsx(c.SkeletonBodyText,{lines:1})}),t.jsx(c.Box,{width:"40%",children:t.jsx(c.SkeletonBodyText,{lines:1})})]}),Te=()=>t.jsx(c.Card,{children:t.jsxs(c.BlockStack,{gap:"400",children:[t.jsx(he,{isShowOneLine:!0}),t.jsx(ce,{})]})});var pe=function(e){return o.createElement("svg",Object.assign({viewBox:"0 0 20 20"},e),o.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"}))};pe.displayName="ChevronRightIcon";const me=({totalValue:e,hideComparison:i})=>t.jsx(c.BlockStack,{gap:"200",children:t.jsxs(c.InlineStack,{blockAlign:"center",gap:"200",wrap:!1,children:[t.jsx(c.InlineStack,{blockAlign:"center",gap:"200",children:t.jsx(c.Text,{as:"span",variant:"headingSm",children:e.value})}),!i&&t.jsx(ge,{change:e.change})]})}),je=({item:e,isHovered:i,isLoading:r,hideComparison:n,titleVariant:a="headingMd",titleFontWeight:s,onClickTitle:o})=>{const{key:l,title:d,totalValue:M}=e,N=u[l];return r?t.jsx(he,{}):t.jsxs(c.BlockStack,{gap:"200",children:[t.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e?.stopPropagation(),o?.(l)},children:t.jsxs(c.InlineStack,{wrap:!1,children:[t.jsx(c.Box,{maxWidth:"100%",overflowX:"hidden",children:t.jsx(oe,{tooltip:N,children:t.jsx(c.Text,{as:"span",variant:a,fontWeight:s,truncate:!0,children:d})})}),i&&t.jsx("div",{className:"flex h-[20px] w-[20px] items-center",children:t.jsx(c.Icon,{source:pe,tone:"inherit"})})]})}),t.jsx(me,{totalValue:M,hideComparison:n})]})},Se=({item:e,isActive:i,isLoading:r,hideComparison:n,onSelect:a,onClickTitle:s})=>{const[l,d]=o.useState(!1),u=i||l;return t.jsx("div",{className:"w-full cursor-pointer overflow-hidden",onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:()=>a(e.key),children:t.jsx(c.Box,{paddingBlock:"150",paddingInline:"300",borderRadius:"200",background:u?"bg-surface-active":void 0,children:t.jsx(je,{item:e,isHovered:l,isLoading:r,hideComparison:n,titleVariant:"headingSm",titleFontWeight:"semibold",onClickTitle:s})})})},xe=(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)}%`},De=(e,t)=>{const i=e?.find(e=>e?.type?.toLowerCase()===t.toLowerCase());return i?.total??0},ye=({targets:e,metricKey:t,totalsRow:i,comparisonTotalsRow:r,sort:n})=>{const a=G(i?.[t]),s=G(r?.[t]),o=!!r?.[t],c=e.map(({value:e,label:t})=>(({name:e,currentValue:t,prevValue:i,hasPreviousData:r})=>({name:e,data:[{key:"value",value:t}],metadata:{trend:{value:r?xe(t,i):void 0,direction:t>=i?"upward":"downward",trend:t>=i?"positive":"negative"}}}))({name:t,currentValue:De(a,e),prevValue:De(s,e),hasPreviousData:o})),l=e=>e.data[0]?.value??0;return n?[...c].sort((e,t)=>l(t)-l(e)):c};e.ANALYTICS_METRIC_TOOLTIP=u,e.CHART_MIN_HEIGHT=228,e.DEFAULT_CURRENT_PERIOD_LABEL=J,e.DEFAULT_PREVIOUS_PERIOD_LABEL=q,e.GSelectableMetricChartCard=({metricInfo:e,dataChart:i,defaultActiveTab:r,isLoading:n,isEmptyMetricData:a,hideComparison:s,currentPeriodLabel:l=J,previousPeriodLabel:d=q,columnTypes:u})=>{const[M,N]=o.useState(r),I=o.useMemo(()=>{const e=M?i[M]:void 0;if(!e)return[];const t={name:l,data:e.current};return s?[t]:[t,{name:d,data:e.previous,isComparison:!0}]},[M,i,s,l,d]);return t.jsxs(c.Card,{children:[t.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${e.length}, 1fr)`,gap:"16px",marginBottom:"16px"},children:e.map(e=>t.jsx(Se,{item:e,isActive:M===e.key,isLoading:n,hideComparison:s,onSelect:N},e.key))}),t.jsx(Me,{lineChartData:I,isLoading:n,isEmptyMetricData:a,metricKey:M,columnTypes:u})]})},e.MetricDonutChartCard=({label:e,metricKey:i,targets:r,totalsRow:n,comparisonTotalsRow:a,sort:s,isLoading:d,isEmptyMetricData:M,minHeight:N=294,onClick:I})=>{const A=u[i],{windowWidth:g,windowSize:E}=(()=>{const[e,t]=o.useState(()=>({width:"undefined"!=typeof window?window.innerWidth:0,height:"undefined"!=typeof window?window.innerHeight:0})),i=o.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]),r=!i.lg,n=i.xs;return o.useEffect(()=>{const e=()=>{t({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),{windowSize:e,windowWidth:i,isMobileTabletView:r,isMobileView:n}})(),[h,T]=o.useState(!1),p=o.useMemo(()=>ye({targets:r,metricKey:i,totalsRow:n,comparisonTotalsRow:a,sort:s}),[r,i,n,a,s]);if(d)return t.jsx(Te,{});const m=e=>U(`${e}`),j=g.lg&&E.width<1500;return t.jsx("div",{onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),children:t.jsx(c.Card,{children:t.jsxs(c.BlockStack,{gap:"200",children:[t.jsx(c.InlineStack,{children:t.jsx("div",{className:"hover:cursor-pointer hover:text-[--p-color-text-link-hover]",onClick:e=>{e.stopPropagation(),I()},children:t.jsxs(c.InlineStack,{children:[t.jsx(oe,{tooltip:A,children:t.jsx(c.Text,{as:"h3",variant:"headingMd",children:e})}),h&&t.jsx(c.Icon,{source:pe,tone:"inherit"})]})})}),t.jsx("div",{className:re("flex items-center justify-center",{"max-h-[250px] overflow-hidden":j}),children:M?t.jsx(Ne,{title:"No data yet",description:"Data needs time to gather"}):t.jsx(de,{minHeight:N,seriesColors:{},children:t.jsx(l.DonutChart,{data:p,legendPosition:"left",showLegendValues:!0,showLegend:!0,theme:"Light",tooltipOptions:{valueFormatter:m},labelFormatter:m})})})]})})})},e.PLACEHOLDER_VALUE="-",e.SERIES_COLORS=X,e.SingleMetricChartCard=({metricInfo:e,lineChartData:i,isLoading:r,hideComparison:n,columnTypes:a,isEmptyMetricData:s,onClickTitle:l})=>{const[d,u]=o.useState(!1);return t.jsx("div",{onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),children:t.jsx(c.Card,{children:t.jsxs(c.BlockStack,{gap:"200",children:[t.jsx(je,{item:e,isHovered:d,isLoading:r,hideComparison:n,onClickTitle:l}),t.jsx(Me,{lineChartData:i,isLoading:r,isEmptyMetricData:s,columnTypes:a,metricKey:e.key})]})})})},e.TARGET_CHANNEL=F,e.TARGET_DEVICES=K,e.TARGET_VISITOR=_,e.THUMB_PRODUCT_DEFAULT=$,e.TREND_TONE=Z});

package/dist/umd/types.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).GemAnalytics={})}(this,function(e){"use strict";var t;e.EMetricKey=void 0,(t=e.EMetricKey||(e.EMetricKey={})).SESSION="sessions",t.ORDERS="orders",t.PAGE_VIEWS="pageviews",t.VISITORS="visitors",t.BOUNCE_RATE="bounce_rate",t.CTR="ctr",t.CONVERSION_RATE="conversion_rate",t.AVG_TIME_ON_PAGE="average_time_on_page",t.ADDED_TO_CART="added_to_cart",t.ADD_TO_CART_RATE="added_to_cart_rate",t.REACHED_CHECKOUT="sessions_that_reached_checkout",t.COMPLETE_CHECKOUT="sessions_that_completed_checkout",t.CART_ADDITION="sessions_with_cart_additions",t.AOV="aov",t.REVENUE="revenue",t.RPV="revenue_per_visitor"});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).GemAnalytics={})}(this,function(e){"use strict";var t;e.EMetricKey=void 0,(t=e.EMetricKey||(e.EMetricKey={})).SESSION="sessions",t.ORDERS="orders",t.PAGE_VIEWS="pageviews",t.VISITORS="visitors",t.BOUNCE_RATE="bounce_rate",t.CTR="ctr",t.CONVERSION_RATE="conversion_rate",t.AVG_TIME_ON_PAGE="average_time_on_page",t.ADDED_TO_CART="added_to_cart",t.ADD_TO_CART_RATE="added_to_cart_rate",t.REACHED_CHECKOUT="sessions_that_reached_checkout",t.COMPLETE_CHECKOUT="sessions_that_completed_checkout",t.CART_ADDITION="sessions_with_cart_additions",t.AOV="aov",t.REVENUE="revenue",t.RPV="revenue_per_visitor",t.VISITOR_ITEMS="visitor_items",t.DEVICE_ITEMS="device_items",t.TRAFFIC_SOURCE_ITEMS="traffic_source_items"});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levi-gemcommerce/analytics",
-  "version": "0.0.1-dev.7",
+  "version": "0.0.1-dev.8",
   "license": "MIT",
   "author": "gemx-dev",
   "sideEffects": [