npm - @levi-gemcommerce/analytics - Versions diffs - 2.1.0-test.0 → 3.0.1-dev.3 - Mend

@levi-gemcommerce/analytics 2.1.0-test.0 → 3.0.1-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1144) hide show

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelChartAction.mjs CHANGED Viewed

@@ -1,14 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
-import { FunnelChartActionWrapper } from './FunnelChartActionWrapper.mjs';
 import { useChartContext } from '@shopify/polaris-viz-core';
 import 'react';
 import '../../GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../core/gemxql/constants/row-reader-mode.mjs';
-import '../../../../../utils/dayjs.mjs';
-import '../../../../../utils/analytics.mjs';
-import '../../../../../types/template.mjs';
 import '../../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../../core/gemxql/types/analytic-source.mjs';
 import '../../../../../core/gemxql/types/extra-condition.mjs';
@@ -19,7 +16,9 @@ import '../../../../../core/gemxql/types/order-by.mjs';
 import '../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../core/gemxql/types/time-dimension.mjs';
-import '../../../../../providers/ConvertMoneyProvider.mjs';
+import '../../../../../utils/dayjs.mjs';
+import '../../../../../utils/analytics.mjs';
+import '../../../../../types/template.mjs';
 import '../../../../components/GPagination/GPagination.mjs';
 import '@react-spring/web';
 import '../../GPolarisViz/constants.mjs';
@@ -39,9 +38,10 @@ import '../../../../components/GTooltip/components/GTooltipCard.mjs';
 import '../../../../components/GDiv/GDiv.mjs';
 import '../../../../components/GFeatureLocked/constants.mjs';
 import '../../../../components/GFeatureLocked/types.mjs';
+import { FunnelChartActionWrapper } from './FunnelChartActionWrapper.mjs';
 import '../../../constants/chart.mjs';
-const FunnelChartAction = ({ dataSeries, actionProps, }) => {
+const FunnelChartAction = ({ dataSeries, actionProps }) => {
     const fixedLevel = actionProps?.fixedLevel ?? 0;
     const { containerBounds } = useChartContext();
     const { LINE_OFFSET, LINE_WIDTH, SEGMENT_WIDTH_RATIO, GAP } = constants;

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelChartActionIcon.js CHANGED Viewed

@@ -1,21 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { ArrowRightIcon, PlusIcon } from '@shopify/polaris-icons';
 import { FunnelSelectionPopover } from './FunnelSelection/FunnelSelectionPopover.js';
-import { Icon, Button } from '@shopify/polaris';
 import { useState } from 'react';
-import '../../../../../utils/dayjs.js';
-import '../../../../../utils/analytics.js';
-import '../../../../../types/template.js';
-import { GTooltip } from '../../../../components/GTooltip/GTooltip.js';
-import '../../../../components/GTooltip/components/GTooltipCard.js';
-import '../../../../components/GDiv/GDiv.js';
-import { useTranslation } from 'react-i18next';
-import '../../../../components/GFeatureLocked/constants.js';
-import '../../../../components/GFeatureLocked/types.js';
-import '../../../../components/GPagination/GPagination.js';
-import '../../GPolarisViz/hooks/useResizeObserver.js';
 import '../../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../../../../providers/ConvertMoneyProvider.js';
 import '../../../../../core/gemxql/constants/row-reader-mode.js';
 import '../../../../../core/gemxql/types/analytic-data.js';
 import '../../../../../core/gemxql/types/analytic-source.js';
@@ -27,8 +16,19 @@ import '../../../../../core/gemxql/types/order-by.js';
 import '../../../../../core/gemxql/types/page-fields.js';
 import '../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../core/gemxql/types/time-dimension.js';
-import '../../../../../providers/ConvertMoneyProvider.js';
+import '../../../../../utils/dayjs.js';
+import '../../../../../utils/analytics.js';
+import '../../../../../types/template.js';
+import '../../../../components/GPagination/GPagination.js';
 import { useWindowSize } from '../../../../../hooks/publish/useWindowSize.js';
+import { Icon, Button } from '@shopify/polaris';
+import { useTranslation } from 'react-i18next';
+import { GTooltip } from '../../../../components/GTooltip/GTooltip.js';
+import '../../../../components/GTooltip/components/GTooltipCard.js';
+import '../../../../components/GDiv/GDiv.js';
+import '../../../../components/GFeatureLocked/constants.js';
+import '../../../../components/GFeatureLocked/types.js';
+import '../../GPolarisViz/hooks/useResizeObserver.js';
 const FunnelChartActionIcon = ({ level, isLastLevel, isFinalFixedLevel, actionProps, }) => {
     const { t } = useTranslation();

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelChartActionIcon.mjs CHANGED Viewed

@@ -1,21 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { ArrowRightIcon, PlusIcon } from '@shopify/polaris-icons';
 import { FunnelSelectionPopover } from './FunnelSelection/FunnelSelectionPopover.mjs';
-import { Icon, Button } from '@shopify/polaris';
 import { useState } from 'react';
-import '../../../../../utils/dayjs.mjs';
-import '../../../../../utils/analytics.mjs';
-import '../../../../../types/template.mjs';
-import { GTooltip } from '../../../../components/GTooltip/GTooltip.mjs';
-import '../../../../components/GTooltip/components/GTooltipCard.mjs';
-import '../../../../components/GDiv/GDiv.mjs';
-import { useTranslation } from 'react-i18next';
-import '../../../../components/GFeatureLocked/constants.mjs';
-import '../../../../components/GFeatureLocked/types.mjs';
-import '../../../../components/GPagination/GPagination.mjs';
-import '../../GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../../core/gemxql/types/analytic-source.mjs';
@@ -27,8 +16,19 @@ import '../../../../../core/gemxql/types/order-by.mjs';
 import '../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../core/gemxql/types/time-dimension.mjs';
-import '../../../../../providers/ConvertMoneyProvider.mjs';
+import '../../../../../utils/dayjs.mjs';
+import '../../../../../utils/analytics.mjs';
+import '../../../../../types/template.mjs';
+import '../../../../components/GPagination/GPagination.mjs';
 import { useWindowSize } from '../../../../../hooks/publish/useWindowSize.mjs';
+import { Icon, Button } from '@shopify/polaris';
+import { useTranslation } from 'react-i18next';
+import { GTooltip } from '../../../../components/GTooltip/GTooltip.mjs';
+import '../../../../components/GTooltip/components/GTooltipCard.mjs';
+import '../../../../components/GDiv/GDiv.mjs';
+import '../../../../components/GFeatureLocked/constants.mjs';
+import '../../../../components/GFeatureLocked/types.mjs';
+import '../../GPolarisViz/hooks/useResizeObserver.mjs';
 const FunnelChartActionIcon = ({ level, isLastLevel, isFinalFixedLevel, actionProps, }) => {
     const { t } = useTranslation();

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelChartActionWrapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { GTooltipCardData } from '../../../../components';
 import type { GDataPoint } from '../../../types';
+import type { GTooltipCardData } from '../../../../components';
 import type { IFunnelChartAction } from './types';
 interface FunnelChartActionWrapperProps {
     dataPoint: GDataPoint;
@@ -8,7 +8,7 @@ interface FunnelChartActionWrapperProps {
     isFinalFixedLevel: boolean;
     actionProps?: IFunnelChartAction;
 }
-export declare const ActionLabel: ({ labelTooltip, title, }: {
+export declare const ActionLabel: ({ labelTooltip, title }: {
     labelTooltip?: GTooltipCardData;
     title: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelChartActionWrapper.js CHANGED Viewed

@@ -1,8 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';
 import { InlineStack, Text, Icon, BlockStack } from '@shopify/polaris';
-import { FunnelChartActionIcon } from './FunnelChartActionIcon.js';
-import { FunnelSelectionPopover } from './FunnelSelection/FunnelSelectionPopover.js';
+import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';
 import { useMemo, useState, Fragment } from 'react';
 import '../../../../../utils/dayjs.js';
 import '../../../../../utils/analytics.js';
@@ -16,6 +14,7 @@ import '../../../../components/GPagination/GPagination.js';
 import '../../GPolarisViz/hooks/useResizeObserver.js';
 import '../../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../../../../providers/ConvertMoneyProvider.js';
 import '../../../../../core/gemxql/constants/row-reader-mode.js';
 import '../../../../../core/gemxql/types/analytic-data.js';
 import '../../../../../core/gemxql/types/analytic-source.js';
@@ -27,9 +26,10 @@ import '../../../../../core/gemxql/types/order-by.js';
 import '../../../../../core/gemxql/types/page-fields.js';
 import '../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../core/gemxql/types/time-dimension.js';
-import '../../../../../providers/ConvertMoneyProvider.js';
+import { FunnelChartActionIcon } from './FunnelChartActionIcon.js';
+import { FunnelSelectionPopover } from './FunnelSelection/FunnelSelectionPopover.js';
-const ActionLabel = ({ labelTooltip, title, }) => {
+const ActionLabel = ({ labelTooltip, title }) => {
     const content = (jsx(Text, { alignment: "center", as: "p", fontWeight: "medium", truncate: true, children: title }));
     if (!labelTooltip) {
         return content;

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelChartActionWrapper.mjs CHANGED Viewed

@@ -1,8 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';
 import { InlineStack, Text, Icon, BlockStack } from '@shopify/polaris';
-import { FunnelChartActionIcon } from './FunnelChartActionIcon.mjs';
-import { FunnelSelectionPopover } from './FunnelSelection/FunnelSelectionPopover.mjs';
+import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';
 import { useMemo, useState, Fragment } from 'react';
 import '../../../../../utils/dayjs.mjs';
 import '../../../../../utils/analytics.mjs';
@@ -16,6 +14,7 @@ import '../../../../components/GPagination/GPagination.mjs';
 import '../../GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../../core/gemxql/types/analytic-source.mjs';
@@ -27,9 +26,10 @@ import '../../../../../core/gemxql/types/order-by.mjs';
 import '../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../core/gemxql/types/time-dimension.mjs';
-import '../../../../../providers/ConvertMoneyProvider.mjs';
+import { FunnelChartActionIcon } from './FunnelChartActionIcon.mjs';
+import { FunnelSelectionPopover } from './FunnelSelection/FunnelSelectionPopover.mjs';
-const ActionLabel = ({ labelTooltip, title, }) => {
+const ActionLabel = ({ labelTooltip, title }) => {
     const content = (jsx(Text, { alignment: "center", as: "p", fontWeight: "medium", truncate: true, children: title }));
     if (!labelTooltip) {
         return content;

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionContent.js CHANGED Viewed

@@ -4,10 +4,8 @@ import { Scrollable, Box, Text } from '@shopify/polaris';
 import { useState, useEffect } from 'react';
 import '../../../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../../../../../providers/ConvertMoneyProvider.js';
 import '../../../../../../core/gemxql/constants/row-reader-mode.js';
-import '../../../../../../utils/dayjs.js';
-import '../../../../../../utils/analytics.js';
-import '../../../../../../types/template.js';
 import '../../../../../../core/gemxql/types/analytic-data.js';
 import '../../../../../../core/gemxql/types/analytic-source.js';
 import '../../../../../../core/gemxql/types/extra-condition.js';
@@ -18,7 +16,9 @@ import '../../../../../../core/gemxql/types/order-by.js';
 import '../../../../../../core/gemxql/types/page-fields.js';
 import '../../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../../core/gemxql/types/time-dimension.js';
-import '../../../../../../providers/ConvertMoneyProvider.js';
+import '../../../../../../utils/dayjs.js';
+import '../../../../../../utils/analytics.js';
+import '../../../../../../types/template.js';
 import '../../../../../components/GPagination/GPagination.js';
 import { usePopoverResizeObserver } from '../../../../../../hooks/usePopoverResizeObserver.js';
 import { useTranslation } from 'react-i18next';

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionContent.mjs CHANGED Viewed

@@ -4,10 +4,8 @@ import { Scrollable, Box, Text } from '@shopify/polaris';
 import { useState, useEffect } from 'react';
 import '../../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../../core/gemxql/constants/row-reader-mode.mjs';
-import '../../../../../../utils/dayjs.mjs';
-import '../../../../../../utils/analytics.mjs';
-import '../../../../../../types/template.mjs';
 import '../../../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../../../core/gemxql/types/analytic-source.mjs';
 import '../../../../../../core/gemxql/types/extra-condition.mjs';
@@ -18,7 +16,9 @@ import '../../../../../../core/gemxql/types/order-by.mjs';
 import '../../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../../core/gemxql/types/time-dimension.mjs';
-import '../../../../../../providers/ConvertMoneyProvider.mjs';
+import '../../../../../../utils/dayjs.mjs';
+import '../../../../../../utils/analytics.mjs';
+import '../../../../../../types/template.mjs';
 import '../../../../../components/GPagination/GPagination.mjs';
 import { usePopoverResizeObserver } from '../../../../../../hooks/usePopoverResizeObserver.mjs';
 import { useTranslation } from 'react-i18next';

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionItem.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ interface FunnelSelectionItemProps {
     isChangeFunnel: boolean;
     onSelectRow: (id: string, parentID: string, locationPath?: string) => void;
 }
-export declare const FunnelSelectionItem: ({ item, isSelected, isChangeFunnel, onSelectRow, }: FunnelSelectionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FunnelSelectionItem: ({ item, isSelected, isChangeFunnel, onSelectRow }: FunnelSelectionItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionItem.js CHANGED Viewed

@@ -6,7 +6,7 @@ import '../../../../../../utils/dayjs.js';
 import '../../../../../../utils/analytics.js';
 import '../../../../../../types/template.js';
-const FunnelSelectionItem = ({ item, isSelected, isChangeFunnel, onSelectRow, }) => {
+const FunnelSelectionItem = ({ item, isSelected, isChangeFunnel, onSelectRow }) => {
     return (jsx("div", { className: `GPathSelectionItem ${isSelected ? 'GPathSelectionItem--selected' : ''}`, onClick: () => onSelectRow(item.id, item.parentID, item.path), children: jsxs(InlineStack, { align: "space-between", blockAlign: "center", gap: "400", children: [isChangeFunnel && (jsx("div", { className: cls('flex-shrink-0 opacity-0', { 'opacity-100': isSelected }), children: jsx(Icon, { source: CheckIcon, tone: "base" }) })), jsx("div", { className: "min-w-0 flex-1", children: jsxs(BlockStack, { children: [jsx("div", { className: "flex items-center h-7", children: jsx(Text, { variant: "bodyMd", fontWeight: "medium", as: "p", truncate: true, children: item.title }) }), jsx(Text, { variant: "bodyMd", tone: "subdued", as: "p", truncate: true, children: item.path })] }) }), jsx("div", { className: "w-[50px] text-right", children: jsx(Text, { variant: "bodySm", fontWeight: "medium", as: "p", children: item.percentage }) })] }) }));
 };

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionItem.mjs CHANGED Viewed

@@ -6,7 +6,7 @@ import '../../../../../../utils/dayjs.mjs';
 import '../../../../../../utils/analytics.mjs';
 import '../../../../../../types/template.mjs';
-const FunnelSelectionItem = ({ item, isSelected, isChangeFunnel, onSelectRow, }) => {
+const FunnelSelectionItem = ({ item, isSelected, isChangeFunnel, onSelectRow }) => {
     return (jsx("div", { className: `GPathSelectionItem ${isSelected ? 'GPathSelectionItem--selected' : ''}`, onClick: () => onSelectRow(item.id, item.parentID, item.path), children: jsxs(InlineStack, { align: "space-between", blockAlign: "center", gap: "400", children: [isChangeFunnel && (jsx("div", { className: cls('flex-shrink-0 opacity-0', { 'opacity-100': isSelected }), children: jsx(Icon, { source: CheckIcon, tone: "base" }) })), jsx("div", { className: "min-w-0 flex-1", children: jsxs(BlockStack, { children: [jsx("div", { className: "flex items-center h-7", children: jsx(Text, { variant: "bodyMd", fontWeight: "medium", as: "p", truncate: true, children: item.title }) }), jsx(Text, { variant: "bodyMd", tone: "subdued", as: "p", truncate: true, children: item.path })] }) }), jsx("div", { className: "w-[50px] text-right", children: jsx(Text, { variant: "bodySm", fontWeight: "medium", as: "p", children: item.percentage }) })] }) }));
 };

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionPopover.js CHANGED Viewed

@@ -21,9 +21,7 @@ const FunnelSelectionPopover = (props) => {
             popoverPane.style.overflowX = 'hidden';
         }
     }, [open]);
-    return (jsx(Popover, { active: open, activator: activator, onClose: onClose, preferredPosition: "below", preferredAlignment: "center", fluidContent: true, fullHeight: true, children: jsx(Popover.Pane, { children: jsx(Box, { paddingBlock: "200", width: "400px", children: jsxs(BlockStack, { gap: "300", children: [jsx(Box, { paddingInline: "300", children: jsxs(BlockStack, { gap: "300", children: [jsxs("div", { className: "flex flex-col gap-[2px]", children: [jsx(Text, { variant: "bodyMd", fontWeight: "semibold", as: "p", children: title }), jsx(Text, { variant: "bodyMd", tone: "subdued", fontWeight: "medium", as: "p", children: level !== 0
-                                                    ? t('Sorted by number of sessions')
-                                                    : t('Only links with sessions are shown') })] }), jsx(TextField, { label: t('Search link'), labelHidden: true, value: searchQuery, onChange: setSearchQuery, placeholder: t('Search link'), prefix: jsx(Icon, { source: SearchIcon }), clearButton: true, onClearButtonClick: () => setSearchQuery(''), autoComplete: "off" })] }) }), jsxs(Box, { children: [jsx(FunnelSelectionHeader, {}), jsx(FunnelSelectionContent, { ...props, searchQuery: searchQuery })] })] }) }) }) }));
+    return (jsx(Popover, { active: open, activator: activator, onClose: onClose, preferredPosition: "below", preferredAlignment: "center", fluidContent: true, fullHeight: true, children: jsx(Popover.Pane, { children: jsx(Box, { paddingBlock: "200", width: "400px", children: jsxs(BlockStack, { gap: "300", children: [jsx(Box, { paddingInline: "300", children: jsxs(BlockStack, { gap: "300", children: [jsxs("div", { className: "flex flex-col gap-[2px]", children: [jsx(Text, { variant: "bodyMd", fontWeight: "semibold", as: "p", children: title }), jsx(Text, { variant: "bodyMd", tone: "subdued", fontWeight: "medium", as: "p", children: level !== 0 ? t('Sorted by number of sessions') : t('Only links with sessions are shown') })] }), jsx(TextField, { label: t('Search link'), labelHidden: true, value: searchQuery, onChange: setSearchQuery, placeholder: t('Search link'), prefix: jsx(Icon, { source: SearchIcon }), clearButton: true, onClearButtonClick: () => setSearchQuery(''), autoComplete: "off" })] }) }), jsxs(Box, { children: [jsx(FunnelSelectionHeader, {}), jsx(FunnelSelectionContent, { ...props, searchQuery: searchQuery })] })] }) }) }) }));
 };
 export { FunnelSelectionPopover };

package/dist/esm/shared/charts/components/GFunnelChart/components/FunnelSelection/FunnelSelectionPopover.mjs CHANGED Viewed

@@ -21,9 +21,7 @@ const FunnelSelectionPopover = (props) => {
             popoverPane.style.overflowX = 'hidden';
         }
     }, [open]);
-    return (jsx(Popover, { active: open, activator: activator, onClose: onClose, preferredPosition: "below", preferredAlignment: "center", fluidContent: true, fullHeight: true, children: jsx(Popover.Pane, { children: jsx(Box, { paddingBlock: "200", width: "400px", children: jsxs(BlockStack, { gap: "300", children: [jsx(Box, { paddingInline: "300", children: jsxs(BlockStack, { gap: "300", children: [jsxs("div", { className: "flex flex-col gap-[2px]", children: [jsx(Text, { variant: "bodyMd", fontWeight: "semibold", as: "p", children: title }), jsx(Text, { variant: "bodyMd", tone: "subdued", fontWeight: "medium", as: "p", children: level !== 0
-                                                    ? t('Sorted by number of sessions')
-                                                    : t('Only links with sessions are shown') })] }), jsx(TextField, { label: t('Search link'), labelHidden: true, value: searchQuery, onChange: setSearchQuery, placeholder: t('Search link'), prefix: jsx(Icon, { source: SearchIcon }), clearButton: true, onClearButtonClick: () => setSearchQuery(''), autoComplete: "off" })] }) }), jsxs(Box, { children: [jsx(FunnelSelectionHeader, {}), jsx(FunnelSelectionContent, { ...props, searchQuery: searchQuery })] })] }) }) }) }));
+    return (jsx(Popover, { active: open, activator: activator, onClose: onClose, preferredPosition: "below", preferredAlignment: "center", fluidContent: true, fullHeight: true, children: jsx(Popover.Pane, { children: jsx(Box, { paddingBlock: "200", width: "400px", children: jsxs(BlockStack, { gap: "300", children: [jsx(Box, { paddingInline: "300", children: jsxs(BlockStack, { gap: "300", children: [jsxs("div", { className: "flex flex-col gap-[2px]", children: [jsx(Text, { variant: "bodyMd", fontWeight: "semibold", as: "p", children: title }), jsx(Text, { variant: "bodyMd", tone: "subdued", fontWeight: "medium", as: "p", children: level !== 0 ? t('Sorted by number of sessions') : t('Only links with sessions are shown') })] }), jsx(TextField, { label: t('Search link'), labelHidden: true, value: searchQuery, onChange: setSearchQuery, placeholder: t('Search link'), prefix: jsx(Icon, { source: SearchIcon }), clearButton: true, onClearButtonClick: () => setSearchQuery(''), autoComplete: "off" })] }) }), jsxs(Box, { children: [jsx(FunnelSelectionHeader, {}), jsx(FunnelSelectionContent, { ...props, searchQuery: searchQuery })] })] }) }) }) }));
 };
 export { FunnelSelectionPopover };

package/dist/esm/shared/charts/components/GPolarisViz/components/Arc/Arc.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { uniqueId, getGradientFromColor, useSpringConfig, ARC_DATA_CHANGE_ANIMATION_CONFIG, ARC_LOAD_ANIMATION_CONFIG, getColorVisionStylesForActiveIndex, getColorVisionEventAttrs, COLOR_VISION_SINGLE_ITEM, DataType } from '@shopify/polaris-viz-core';
-import { ConicGradientWithStops } from '../ConicGradientWithStops/ConicGradientWithStops.js';
 import { useSpring, animated, to } from '@react-spring/web';
 import { ARC_PAD_ANGLE } from '../../constants.js';
 import { classNames } from '../../utilities/classnames.js';
+import { ConicGradientWithStops } from '../ConicGradientWithStops/ConicGradientWithStops.js';
 import { useMemo, Fragment } from 'react';
 import { arc } from 'd3-shape';
 import styles from './Arc.module.scss.js';
@@ -19,7 +19,7 @@ function Arc({ animationDelay = 100, radius, width, height, startAngle, endAngle
         mountedSpringConfig: ARC_DATA_CHANGE_ANIMATION_CONFIG,
         unmountedSpringConfig: ARC_LOAD_ANIMATION_CONFIG,
     });
-    const { animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle, } = useSpring({
+    const { animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle } = useSpring({
         animatedInnerRadius: radius - thickness,
         animatedOuterRadius: radius,
         animatedStartAngle: startAngle,
@@ -31,13 +31,7 @@ function Arc({ animationDelay = 100, radius, width, height, startAngle, endAngle
         },
         ...springConfig,
     });
-    return (jsxs(Fragment, { children: [jsx("clipPath", { id: gradientId, transform: `translate(${width / 2 - ANIMATION_SIZE_BUFFER} ${height / 2 - ANIMATION_SIZE_BUFFER})`, children: jsx(animated.path, { className: classNames(styles.Arc), d: to([
-                        animatedInnerRadius,
-                        animatedOuterRadius,
-                        animatedStartAngle,
-                        animatedEndAngle,
-                        animatedPadAngle,
-                    ], (animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle) => {
+    return (jsxs(Fragment, { children: [jsx("clipPath", { id: gradientId, transform: `translate(${width / 2 - ANIMATION_SIZE_BUFFER} ${height / 2 - ANIMATION_SIZE_BUFFER})`, children: jsx(animated.path, { className: classNames(styles.Arc), d: to([animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle], (animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle) => {
                         return createArc({
                             innerRadius: animatedInnerRadius,
                             outerRadius: animatedOuterRadius,

package/dist/esm/shared/charts/components/GPolarisViz/components/Arc/Arc.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { uniqueId, getGradientFromColor, useSpringConfig, ARC_DATA_CHANGE_ANIMATION_CONFIG, ARC_LOAD_ANIMATION_CONFIG, getColorVisionStylesForActiveIndex, getColorVisionEventAttrs, COLOR_VISION_SINGLE_ITEM, DataType } from '@shopify/polaris-viz-core';
-import { ConicGradientWithStops } from '../ConicGradientWithStops/ConicGradientWithStops.mjs';
 import { useSpring, animated, to } from '@react-spring/web';
 import { ARC_PAD_ANGLE } from '../../constants.mjs';
 import { classNames } from '../../utilities/classnames.mjs';
+import { ConicGradientWithStops } from '../ConicGradientWithStops/ConicGradientWithStops.mjs';
 import { useMemo, Fragment } from 'react';
 import { arc } from 'd3-shape';
 import styles from './Arc.module.scss.mjs';
@@ -19,7 +19,7 @@ function Arc({ animationDelay = 100, radius, width, height, startAngle, endAngle
         mountedSpringConfig: ARC_DATA_CHANGE_ANIMATION_CONFIG,
         unmountedSpringConfig: ARC_LOAD_ANIMATION_CONFIG,
     });
-    const { animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle, } = useSpring({
+    const { animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle } = useSpring({
         animatedInnerRadius: radius - thickness,
         animatedOuterRadius: radius,
         animatedStartAngle: startAngle,
@@ -31,13 +31,7 @@ function Arc({ animationDelay = 100, radius, width, height, startAngle, endAngle
         },
         ...springConfig,
     });
-    return (jsxs(Fragment, { children: [jsx("clipPath", { id: gradientId, transform: `translate(${width / 2 - ANIMATION_SIZE_BUFFER} ${height / 2 - ANIMATION_SIZE_BUFFER})`, children: jsx(animated.path, { className: classNames(styles.Arc), d: to([
-                        animatedInnerRadius,
-                        animatedOuterRadius,
-                        animatedStartAngle,
-                        animatedEndAngle,
-                        animatedPadAngle,
-                    ], (animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle) => {
+    return (jsxs(Fragment, { children: [jsx("clipPath", { id: gradientId, transform: `translate(${width / 2 - ANIMATION_SIZE_BUFFER} ${height / 2 - ANIMATION_SIZE_BUFFER})`, children: jsx(animated.path, { className: classNames(styles.Arc), d: to([animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle], (animatedInnerRadius, animatedOuterRadius, animatedStartAngle, animatedEndAngle, animatedPadAngle) => {
                         return createArc({
                             innerRadius: animatedInnerRadius,
                             outerRadius: animatedOuterRadius,

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartContainer/ChartContainer.js CHANGED Viewed

@@ -56,9 +56,7 @@ const ChartContainer = (props) => {
     // If there is no vertical overflow and a custom padding is not defined,
     // add padding so that the top y-axis label is not cut off
     const padding = !grid.verticalOverflow && chartContainer.padding == null ? '3px 0 0 0' : chartContainer.padding;
-    const minHeight = (props.height ?? props.sparkChart)
-        ? chartContainer.sparkChartMinHeight
-        : chartContainer.minHeight;
+    const minHeight = (props.height ?? props.sparkChart) ? chartContainer.sparkChartMinHeight : chartContainer.minHeight;
     return (jsx(ChartContext.Provider, { value: value, children: jsx("div", { className: styles.ChartContainer, style: {
                 background: chartContainer.backgroundColor,
                 padding,

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartContainer/ChartContainer.mjs CHANGED Viewed

@@ -56,9 +56,7 @@ const ChartContainer = (props) => {
     // If there is no vertical overflow and a custom padding is not defined,
     // add padding so that the top y-axis label is not cut off
     const padding = !grid.verticalOverflow && chartContainer.padding == null ? '3px 0 0 0' : chartContainer.padding;
-    const minHeight = (props.height ?? props.sparkChart)
-        ? chartContainer.sparkChartMinHeight
-        : chartContainer.minHeight;
+    const minHeight = (props.height ?? props.sparkChart) ? chartContainer.sparkChartMinHeight : chartContainer.minHeight;
     return (jsx(ChartContext.Provider, { value: value, children: jsx("div", { className: styles.ChartContainer, style: {
                 background: chartContainer.backgroundColor,
                 padding,

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartContainer/hooks/useContainerBounds.js CHANGED Viewed

@@ -6,10 +6,8 @@ import { usePrintResizing } from '../../../hooks/usePrintResizing.js';
 import { useEnhancedEffect } from '../../../../../../../hooks/useEnhancedEffect.js';
 import '../../../../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../../../../../../providers/ConvertMoneyProvider.js';
 import '../../../../../../../core/gemxql/constants/row-reader-mode.js';
-import '../../../../../../../utils/dayjs.js';
-import '../../../../../../../utils/analytics.js';
-import '../../../../../../../types/template.js';
 import '../../../../../../../core/gemxql/types/analytic-data.js';
 import '../../../../../../../core/gemxql/types/analytic-source.js';
 import '../../../../../../../core/gemxql/types/extra-condition.js';
@@ -20,7 +18,9 @@ import '../../../../../../../core/gemxql/types/order-by.js';
 import '../../../../../../../core/gemxql/types/page-fields.js';
 import '../../../../../../../core/gemxql/types/row-reader-mode.js';
 import '../../../../../../../core/gemxql/types/time-dimension.js';
-import '../../../../../../../providers/ConvertMoneyProvider.js';
+import '../../../../../../../utils/dayjs.js';
+import '../../../../../../../utils/analytics.js';
+import '../../../../../../../types/template.js';
 import '../../../../../../components/GPagination/GPagination.js';
 function useContainerBounds({ onIsPrintingChange, scrollContainer, sparkChart, }) {

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartContainer/hooks/useContainerBounds.mjs CHANGED Viewed

@@ -6,10 +6,8 @@ import { usePrintResizing } from '../../../hooks/usePrintResizing.mjs';
 import { useEnhancedEffect } from '../../../../../../../hooks/useEnhancedEffect.mjs';
 import '../../../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../../../core/gemxql/constants/row-reader-mode.mjs';
-import '../../../../../../../utils/dayjs.mjs';
-import '../../../../../../../utils/analytics.mjs';
-import '../../../../../../../types/template.mjs';
 import '../../../../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../../../../core/gemxql/types/analytic-source.mjs';
 import '../../../../../../../core/gemxql/types/extra-condition.mjs';
@@ -20,7 +18,9 @@ import '../../../../../../../core/gemxql/types/order-by.mjs';
 import '../../../../../../../core/gemxql/types/page-fields.mjs';
 import '../../../../../../../core/gemxql/types/row-reader-mode.mjs';
 import '../../../../../../../core/gemxql/types/time-dimension.mjs';
-import '../../../../../../../providers/ConvertMoneyProvider.mjs';
+import '../../../../../../../utils/dayjs.mjs';
+import '../../../../../../../utils/analytics.mjs';
+import '../../../../../../../types/template.mjs';
 import '../../../../../../components/GPagination/GPagination.mjs';
 function useContainerBounds({ onIsPrintingChange, scrollContainer, sparkChart, }) {

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartElements/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ChartSVG } from './ChartSVG';
 import { ChartDiv } from './ChartDiv';
+import { ChartSVG } from './ChartSVG';
 export declare const ChartElements: {
     Div: typeof ChartDiv;
     Svg: typeof ChartSVG;

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartElements/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ChartSVG } from './ChartSVG.js';
 import { ChartDiv } from './ChartDiv.js';
+import { ChartSVG } from './ChartSVG.js';
 const ChartElements = {
     Div: ChartDiv,

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartElements/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ChartSVG } from './ChartSVG.mjs';
 import { ChartDiv } from './ChartDiv.mjs';
+import { ChartSVG } from './ChartSVG.mjs';
 const ChartElements = {
     Div: ChartDiv,

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/ChartSkeleton.js CHANGED Viewed

@@ -25,7 +25,7 @@ function ChartSkeleton(props) {
                 return jsx(SimpleBarSkeleton, { state: state, errorText: errorText });
             case 'SimpleNormalized': {
                 const { showLegend = true, size = 'small' } = props;
-                return (jsx(SimpleNormalizedSkeleton, { state: state, errorText: errorText, showLegend: showLegend, size: size }));
+                return jsx(SimpleNormalizedSkeleton, { state: state, errorText: errorText, showLegend: showLegend, size: size });
             }
             case 'Spark':
                 return jsx(SparkSkeleton, { state: state, errorText: errorText });

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/ChartSkeleton.mjs CHANGED Viewed

@@ -25,7 +25,7 @@ function ChartSkeleton(props) {
                 return jsx(SimpleBarSkeleton, { state: state, errorText: errorText });
             case 'SimpleNormalized': {
                 const { showLegend = true, size = 'small' } = props;
-                return (jsx(SimpleNormalizedSkeleton, { state: state, errorText: errorText, showLegend: showLegend, size: size }));
+                return jsx(SimpleNormalizedSkeleton, { state: state, errorText: errorText, showLegend: showLegend, size: size });
             }
             case 'Spark':
                 return jsx(SparkSkeleton, { state: state, errorText: errorText });

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/components/FunnelSkeleton/FunnelSkeleton.js CHANGED Viewed

@@ -33,7 +33,7 @@ function FunnelSkeleton({ state, errorText }) {
                                 }, fill: changeColorOpacity(gridColor, 0.2), d: `M${connector.startX} ${connector.startY}
                     L ${connector.nextX} ${connector.nextY}
                     V ${connector.height} H ${connector.startX} Z` }))] }, `${id}${index}`));
-                }), state === ChartState.Error && (jsx(ErrorText, { errorText: errorText, width: width, height: height }))] }));
+                }), state === ChartState.Error && jsx(ErrorText, { errorText: errorText, width: width, height: height })] }));
 }
 export { FunnelSkeleton };

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/components/FunnelSkeleton/FunnelSkeleton.mjs CHANGED Viewed

@@ -33,7 +33,7 @@ function FunnelSkeleton({ state, errorText }) {
                                 }, fill: changeColorOpacity(gridColor, 0.2), d: `M${connector.startX} ${connector.startY}
                     L ${connector.nextX} ${connector.nextY}
                     V ${connector.height} H ${connector.startX} Z` }))] }, `${id}${index}`));
-                }), state === ChartState.Error && (jsx(ErrorText, { errorText: errorText, width: width, height: height }))] }));
+                }), state === ChartState.Error && jsx(ErrorText, { errorText: errorText, width: width, height: height })] }));
 }
 export { FunnelSkeleton };

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/components/GridSkeleton/GridSkeleton.js CHANGED Viewed

@@ -107,7 +107,7 @@ function GridSkeleton({ state, errorText }) {
                                     ...style,
                                     transformOrigin: `${index === 2 ? BRICK_WIDTH + paddingLeft : paddingLeft}px ${ticks[index].y + BRICK_HEIGHT}px`,
                                 }, x: paddingLeft, y: ticks[index].y, width: BRICK_WIDTH, height: BRICK_HEIGHT, ry: 2, rx: 2, fill: gridColor }), jsx("rect", { x: 0, y: y + 5, width: width, height: 1, fill: gridColor })] }, index));
-                }), state === ChartState.Error && (jsx(ErrorText, { errorText: errorText, width: width, height: height }))] }) }));
+                }), state === ChartState.Error && jsx(ErrorText, { errorText: errorText, width: width, height: height })] }) }));
 }
 export { GridSkeleton };

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/components/GridSkeleton/GridSkeleton.mjs CHANGED Viewed

@@ -107,7 +107,7 @@ function GridSkeleton({ state, errorText }) {
                                     ...style,
                                     transformOrigin: `${index === 2 ? BRICK_WIDTH + paddingLeft : paddingLeft}px ${ticks[index].y + BRICK_HEIGHT}px`,
                                 }, x: paddingLeft, y: ticks[index].y, width: BRICK_WIDTH, height: BRICK_HEIGHT, ry: 2, rx: 2, fill: gridColor }), jsx("rect", { x: 0, y: y + 5, width: width, height: 1, fill: gridColor })] }, index));
-                }), state === ChartState.Error && (jsx(ErrorText, { errorText: errorText, width: width, height: height }))] }) }));
+                }), state === ChartState.Error && jsx(ErrorText, { errorText: errorText, width: width, height: height })] }) }));
 }
 export { GridSkeleton };

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/components/SparkSkeleton/SparkSkeleton.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { ErrorText } from '../ErrorText/ErrorText.js';
 function SparkSkeleton({ state, errorText }) {
     const { containerBounds: { height, width }, } = useChartContext();
     const { grid: { color: gridColor }, } = useTheme();
-    return (jsxs("svg", { viewBox: `0 0 ${width} ${height}`, children: [state === ChartState.Loading && (jsx("rect", { x: 0, y: 0, width: width, height: height, fill: gridColor, rx: DEFAULT_BORDER_RADIUS })), state === ChartState.Error && (jsx(ErrorText, { errorText: errorText, width: width, height: height }))] }));
+    return (jsxs("svg", { viewBox: `0 0 ${width} ${height}`, children: [state === ChartState.Loading && (jsx("rect", { x: 0, y: 0, width: width, height: height, fill: gridColor, rx: DEFAULT_BORDER_RADIUS })), state === ChartState.Error && jsx(ErrorText, { errorText: errorText, width: width, height: height })] }));
 }
 export { SparkSkeleton };

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartSkeleton/components/SparkSkeleton/SparkSkeleton.mjs CHANGED Viewed

@@ -5,7 +5,7 @@ import { ErrorText } from '../ErrorText/ErrorText.mjs';
 function SparkSkeleton({ state, errorText }) {
     const { containerBounds: { height, width }, } = useChartContext();
     const { grid: { color: gridColor }, } = useTheme();
-    return (jsxs("svg", { viewBox: `0 0 ${width} ${height}`, children: [state === ChartState.Loading && (jsx("rect", { x: 0, y: 0, width: width, height: height, fill: gridColor, rx: DEFAULT_BORDER_RADIUS })), state === ChartState.Error && (jsx(ErrorText, { errorText: errorText, width: width, height: height }))] }));
+    return (jsxs("svg", { viewBox: `0 0 ${width} ${height}`, children: [state === ChartState.Loading && (jsx("rect", { x: 0, y: 0, width: width, height: height, fill: gridColor, rx: DEFAULT_BORDER_RADIUS })), state === ChartState.Error && jsx(ErrorText, { errorText: errorText, width: width, height: height })] }));
 }
 export { SparkSkeleton };

package/dist/esm/shared/charts/components/GPolarisViz/components/ConicGradientWithStops/ConicGradientWithStops.d.ts CHANGED Viewed

@@ -6,4 +6,4 @@ export interface ConicGradientWithStopsProps {
     x?: number;
     y?: number;
 }
-export declare function ConicGradientWithStops({ gradient, height, width, x, y, }: ConicGradientWithStopsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConicGradientWithStops({ gradient, height, width, x, y }: ConicGradientWithStopsProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/charts/components/GPolarisViz/components/ConicGradientWithStops/ConicGradientWithStops.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import '@shopify/polaris-viz-core';
 import { createCSSConicGradient } from '../../utilities/createCssConicGradient.js';
-function ConicGradientWithStops({ gradient, height, width, x = 0, y = 0, }) {
+function ConicGradientWithStops({ gradient, height, width, x = 0, y = 0 }) {
     const conicGradientValue = createCSSConicGradient(gradient);
     return (jsx("foreignObject", { x: x, y: y, width: width, height: height, children: jsx("div", { style: {
                 width: `${width}px`,