@levi-gemcommerce/analytics 1.0.0-dev.34 → 1.0.0-dev.36

package/dist/esm/components/CardPathAnalysis/contexts/PathAnalysisProvider.d.ts

@@ -20,6 +20,7 @@ export interface IAnalyticsData {
     pathAnalytics?: IBasePathAnalyticPageWithParent[];
     previousPathAnalyticsMap?: Record<string, IBasePathAnalyticPageWithParent>;
     isLoading?: boolean;
+    locationPath?: string;
 }
 export interface PathAnalysisType {
     mode: EAnalyticMode;

package/dist/esm/components/CardPathAnalysis/hooks/usePathAnalysisFunnel.d.ts

@@ -5,8 +5,9 @@ interface IUsePathAnalysisFunnelProps {
     pathAnalytics: IBasePathAnalyticPageWithParent[];
     pathAnalysisCacheKey: string;
     dataFirstLevels?: IPathAnalysisFirstLevel[];
+    locationPath?: string;
 }
-export declare const usePathAnalysisFunnel: ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, }: IUsePathAnalysisFunnelProps) => {
+export declare const usePathAnalysisFunnel: ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, locationPath, }: IUsePathAnalysisFunnelProps) => {
     pageWithMetric: IBasePathAnalyticPageWithChild | undefined;
     dynamicLevels: IBasePathAnalyticPageWithChild[];
     nextLevelPages: IBasePathAnalyticPageWithChild[];

package/dist/esm/index.js

@@ -12,6 +12,7 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import { useQuery } from '@tanstack/react-query';
 import { PolarisVizProvider, LineChart, DonutChart } from '@shopify/polaris-viz';
+import chartStyle from '@shopify/polaris-viz/build/esm/styles.css?url';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { t as t$1 } from 'i18next';
 
@@ -1250,19 +1251,19 @@ const LINE_SERIES_COLORS = {
     all: [...SERIES_COLORS.all],
 };
 const MetricChartProvider = ({ children, minHeight = CHART_MIN_HEIGHT, seriesColors = LINE_SERIES_COLORS, }) => {
-    return (jsx(Fragment, { children: jsx(PolarisVizProvider, { themes: {
-                Light: {
-                    chartContainer: {
-                        minHeight,
-                    },
-                    grid: {
-                        horizontalOverflow: true,
-                        verticalOverflow: true,
-                        horizontalMargin: 0,
+    return (jsxs(Fragment, { children: [jsx("link", { rel: "stylesheet", href: chartStyle }), jsx(PolarisVizProvider, { themes: {
+                    Light: {
+                        chartContainer: {
+                            minHeight,
+                        },
+                        grid: {
+                            horizontalOverflow: true,
+                            verticalOverflow: true,
+                            horizontalMargin: 0,
+                        },
+                        seriesColors,
                     },
-                    seriesColors,
-                },
-            }, children: children }) }));
+                }, children: children })] }));
 };
 
 const DEFAULT_PRICING_CONTEXT = {
@@ -3035,7 +3036,6 @@ const buildTree = (items) => {
     return tree;
 };
 
-const LOCATION_PATH_KEY = 'location_path';
 const SHOPIFY_PAGE_TYPE_KEY = 'shopify_page_type';
 const METRICS_COLUMNS = {};
 const PAGE_ANALYTIC_MAPPING = {};
@@ -3239,18 +3239,9 @@ const useFunnelChartStore = create()((set, get) => ({
 const MAX_FUNNEL_ADDITIONAL_LEVEL = 3;
 const FINAL_FUNNEL_FIXED_LEVEL = 3;
 
-// Framework-agnostic replacement for @remix-run/react useSearchParams.
-// Returns a read-only URLSearchParams from window.location.search so the SDK
-// works outside of a Remix/React Router context (e.g. Next.js, plain React).
-const useSearchParams = () => {
-    const params = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
-    return [params];
-};
-
-const usePathAnalysisFunnel = ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, }) => {
-    const [searchParams] = useSearchParams();
+const usePathAnalysisFunnel = ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, locationPath, }) => {
     const setFirstLevelLocationPath = usePathAnalysisStore((state) => state.setFirstLevelLocationPath);
-    const firstLevelLocationPath = usePathAnalysisStore((state) => state.firstLevelLocationPath) || searchParams.get(LOCATION_PATH_KEY);
+    const firstLevelLocationPath = usePathAnalysisStore((state) => state.firstLevelLocationPath) || locationPath;
     const setCachedFunnelChartData = useFunnelChartStore((state) => state.setCachedFunnelChartData);
     const resetCachedFunnelChartData = useFunnelChartStore((state) => state.resetData);
     const cachedFunnelChartData = useFunnelChartStore((state) => state.cachedFunnelChartData);
@@ -3414,12 +3405,14 @@ const PathAnalysisProvider = (props) => {
     const pathAnalytics = analyticsData?.pathAnalytics ?? [];
     const previousPathAnalyticsMap = analyticsData?.previousPathAnalyticsMap ?? {};
     const isLoadingMetric = analyticsData?.isLoading ?? false;
+    const locationPath = analyticsData?.locationPath;
     const pathAnalysisCacheKey = JSON.stringify({ mode, campaignVariantID, campaignVersionID });
     const { processedPathAnalytics } = usePathAnalyticsMerger({ pathAnalytics, dataFirstLevels });
     const pathAnalysisFunnelData = usePathAnalysisFunnel({
         pathAnalytics: processedPathAnalytics,
         pathAnalysisCacheKey,
         dataFirstLevels,
+        locationPath,
     });
     const isLoading = isLoadingMetric || isFetchingFirstLevelPaths;
     return (jsx(PathAnalysisContext.Provider, { value: {
@@ -3509,6 +3502,14 @@ const useFeatureFlagChecker = () => ({
     isEnabledHeatmapV2: false,
 });
 
+// Framework-agnostic replacement for @remix-run/react useSearchParams.
+// Returns a read-only URLSearchParams from window.location.search so the SDK
+// works outside of a Remix/React Router context (e.g. Next.js, plain React).
+const useSearchParams = () => {
+    const params = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
+    return [params];
+};
+
 const FUNNEL_NAME = 'Conversion';
 // Checkout pages don't support heatmap viewing
 const NON_HEATMAP_PAGE_TYPES = new Set([TemplateType.CHECKOUT]);
@@ -23600,24 +23601,24 @@ const ChartContainerWrapper = ({ props, children, height, }) => {
 };
 
 const GChartProvider = ({ children, minHeight = 228, seriesColors, }) => {
-    return (jsx(Fragment, { children: jsx(PolarisVizProvider, { themes: {
-                Light: {
-                    chartContainer: {
-                        minHeight,
-                    },
-                    grid: {
-                        horizontalOverflow: true,
-                        verticalOverflow: true,
-                        horizontalMargin: 0,
-                    },
-                    seriesColors: {
-                        comparison: 'rgba(64, 176, 230, 1)',
-                        single: 'rgba(64, 176, 230, 1)',
-                        all: ['#2C7DFF', '#F34A70'],
-                        ...seriesColors,
+    return (jsxs(Fragment, { children: [jsx("link", { rel: "stylesheet", href: chartStyle }), jsx(PolarisVizProvider, { themes: {
+                    Light: {
+                        chartContainer: {
+                            minHeight,
+                        },
+                        grid: {
+                            horizontalOverflow: true,
+                            verticalOverflow: true,
+                            horizontalMargin: 0,
+                        },
+                        seriesColors: {
+                            comparison: 'rgba(64, 176, 230, 1)',
+                            single: 'rgba(64, 176, 230, 1)',
+                            all: ['#2C7DFF', '#F34A70'],
+                            ...seriesColors,
+                        },
                     },
-                },
-            }, children: children }) }));
+                }, children: children })] }));
 };
 
 const FunnelSelectionItem = ({ item, isSelected, isChangeFunnel, onSelectRow }) => {

package/dist/esm/index.mjs

@@ -12,6 +12,7 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import { useQuery } from '@tanstack/react-query';
 import { PolarisVizProvider, LineChart, DonutChart } from '@shopify/polaris-viz';
+import chartStyle from '@shopify/polaris-viz/build/esm/styles.css?url';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { t as t$1 } from 'i18next';
 
@@ -1250,19 +1251,19 @@ const LINE_SERIES_COLORS = {
     all: [...SERIES_COLORS.all],
 };
 const MetricChartProvider = ({ children, minHeight = CHART_MIN_HEIGHT, seriesColors = LINE_SERIES_COLORS, }) => {
-    return (jsx(Fragment, { children: jsx(PolarisVizProvider, { themes: {
-                Light: {
-                    chartContainer: {
-                        minHeight,
-                    },
-                    grid: {
-                        horizontalOverflow: true,
-                        verticalOverflow: true,
-                        horizontalMargin: 0,
+    return (jsxs(Fragment, { children: [jsx("link", { rel: "stylesheet", href: chartStyle }), jsx(PolarisVizProvider, { themes: {
+                    Light: {
+                        chartContainer: {
+                            minHeight,
+                        },
+                        grid: {
+                            horizontalOverflow: true,
+                            verticalOverflow: true,
+                            horizontalMargin: 0,
+                        },
+                        seriesColors,
                     },
-                    seriesColors,
-                },
-            }, children: children }) }));
+                }, children: children })] }));
 };
 
 const DEFAULT_PRICING_CONTEXT = {
@@ -3035,7 +3036,6 @@ const buildTree = (items) => {
     return tree;
 };
 
-const LOCATION_PATH_KEY = 'location_path';
 const SHOPIFY_PAGE_TYPE_KEY = 'shopify_page_type';
 const METRICS_COLUMNS = {};
 const PAGE_ANALYTIC_MAPPING = {};
@@ -3239,18 +3239,9 @@ const useFunnelChartStore = create()((set, get) => ({
 const MAX_FUNNEL_ADDITIONAL_LEVEL = 3;
 const FINAL_FUNNEL_FIXED_LEVEL = 3;
 
-// Framework-agnostic replacement for @remix-run/react useSearchParams.
-// Returns a read-only URLSearchParams from window.location.search so the SDK
-// works outside of a Remix/React Router context (e.g. Next.js, plain React).
-const useSearchParams = () => {
-    const params = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
-    return [params];
-};
-
-const usePathAnalysisFunnel = ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, }) => {
-    const [searchParams] = useSearchParams();
+const usePathAnalysisFunnel = ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, locationPath, }) => {
     const setFirstLevelLocationPath = usePathAnalysisStore((state) => state.setFirstLevelLocationPath);
-    const firstLevelLocationPath = usePathAnalysisStore((state) => state.firstLevelLocationPath) || searchParams.get(LOCATION_PATH_KEY);
+    const firstLevelLocationPath = usePathAnalysisStore((state) => state.firstLevelLocationPath) || locationPath;
     const setCachedFunnelChartData = useFunnelChartStore((state) => state.setCachedFunnelChartData);
     const resetCachedFunnelChartData = useFunnelChartStore((state) => state.resetData);
     const cachedFunnelChartData = useFunnelChartStore((state) => state.cachedFunnelChartData);
@@ -3414,12 +3405,14 @@ const PathAnalysisProvider = (props) => {
     const pathAnalytics = analyticsData?.pathAnalytics ?? [];
     const previousPathAnalyticsMap = analyticsData?.previousPathAnalyticsMap ?? {};
     const isLoadingMetric = analyticsData?.isLoading ?? false;
+    const locationPath = analyticsData?.locationPath;
     const pathAnalysisCacheKey = JSON.stringify({ mode, campaignVariantID, campaignVersionID });
     const { processedPathAnalytics } = usePathAnalyticsMerger({ pathAnalytics, dataFirstLevels });
     const pathAnalysisFunnelData = usePathAnalysisFunnel({
         pathAnalytics: processedPathAnalytics,
         pathAnalysisCacheKey,
         dataFirstLevels,
+        locationPath,
     });
     const isLoading = isLoadingMetric || isFetchingFirstLevelPaths;
     return (jsx(PathAnalysisContext.Provider, { value: {
@@ -3509,6 +3502,14 @@ const useFeatureFlagChecker = () => ({
     isEnabledHeatmapV2: false,
 });
 
+// Framework-agnostic replacement for @remix-run/react useSearchParams.
+// Returns a read-only URLSearchParams from window.location.search so the SDK
+// works outside of a Remix/React Router context (e.g. Next.js, plain React).
+const useSearchParams = () => {
+    const params = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
+    return [params];
+};
+
 const FUNNEL_NAME = 'Conversion';
 // Checkout pages don't support heatmap viewing
 const NON_HEATMAP_PAGE_TYPES = new Set([TemplateType.CHECKOUT]);
@@ -23600,24 +23601,24 @@ const ChartContainerWrapper = ({ props, children, height, }) => {
 };
 
 const GChartProvider = ({ children, minHeight = 228, seriesColors, }) => {
-    return (jsx(Fragment, { children: jsx(PolarisVizProvider, { themes: {
-                Light: {
-                    chartContainer: {
-                        minHeight,
-                    },
-                    grid: {
-                        horizontalOverflow: true,
-                        verticalOverflow: true,
-                        horizontalMargin: 0,
-                    },
-                    seriesColors: {
-                        comparison: 'rgba(64, 176, 230, 1)',
-                        single: 'rgba(64, 176, 230, 1)',
-                        all: ['#2C7DFF', '#F34A70'],
-                        ...seriesColors,
+    return (jsxs(Fragment, { children: [jsx("link", { rel: "stylesheet", href: chartStyle }), jsx(PolarisVizProvider, { themes: {
+                    Light: {
+                        chartContainer: {
+                            minHeight,
+                        },
+                        grid: {
+                            horizontalOverflow: true,
+                            verticalOverflow: true,
+                            horizontalMargin: 0,
+                        },
+                        seriesColors: {
+                            comparison: 'rgba(64, 176, 230, 1)',
+                            single: 'rgba(64, 176, 230, 1)',
+                            all: ['#2C7DFF', '#F34A70'],
+                            ...seriesColors,
+                        },
                     },
-                },
-            }, children: children }) }));
+                }, children: children })] }));
 };
 
 const FunnelSelectionItem = ({ item, isSelected, isChangeFunnel, onSelectRow }) => {

package/dist/umd/esm/components/CardPathAnalysis/contexts/PathAnalysisProvider.d.ts

@@ -20,6 +20,7 @@ export interface IAnalyticsData {
     pathAnalytics?: IBasePathAnalyticPageWithParent[];
     previousPathAnalyticsMap?: Record<string, IBasePathAnalyticPageWithParent>;
     isLoading?: boolean;
+    locationPath?: string;
 }
 export interface PathAnalysisType {
     mode: EAnalyticMode;

package/dist/umd/esm/components/CardPathAnalysis/hooks/usePathAnalysisFunnel.d.ts

@@ -5,8 +5,9 @@ interface IUsePathAnalysisFunnelProps {
     pathAnalytics: IBasePathAnalyticPageWithParent[];
     pathAnalysisCacheKey: string;
     dataFirstLevels?: IPathAnalysisFirstLevel[];
+    locationPath?: string;
 }
-export declare const usePathAnalysisFunnel: ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, }: IUsePathAnalysisFunnelProps) => {
+export declare const usePathAnalysisFunnel: ({ pathAnalytics, pathAnalysisCacheKey, dataFirstLevels, locationPath, }: IUsePathAnalysisFunnelProps) => {
     pageWithMetric: IBasePathAnalyticPageWithChild | undefined;
     dynamicLevels: IBasePathAnalyticPageWithChild[];
     nextLevelPages: IBasePathAnalyticPageWithChild[];