@levi-gemcommerce/analytics 1.0.0-dev.30 → 1.0.0-dev.32

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

@@ -0,0 +1 @@
+export declare const useSearchParams: () => [URLSearchParams];

package/dist/esm/index.js

@@ -12,7 +12,6 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import { useQuery } from '@tanstack/react-query';
 import { PolarisVizProvider, LineChart, DonutChart } from '@shopify/polaris-viz';
-import { useSearchParams } from '@remix-run/react';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { t as t$1 } from 'i18next';
 
@@ -3240,6 +3239,14 @@ 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 setFirstLevelLocationPath = usePathAnalysisStore((state) => state.setFirstLevelLocationPath);
@@ -21846,9 +21853,10 @@ function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetW
 }
 
 function getFontSize() {
-    const isMobile = typeof window !== 'undefined' && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
-    const fontSize = isMobile ? TOUCH_FONT_SIZE : FONT_SIZE;
-    return fontSize;
+    if (typeof window === 'undefined')
+        return FONT_SIZE;
+    const isMobile = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+    return isMobile ? TOUCH_FONT_SIZE : FONT_SIZE;
 }
 
 function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = () => { }, targetWidth }) {
@@ -23124,12 +23132,17 @@ function TooltipTitle({ children, theme, color }) {
 }
 
 const useRootContainer = (id) => {
-    const ref = useRef(document.getElementById(id));
+    const ref = useRef(null);
     function getRootElem() {
+        if (typeof document === 'undefined')
+            return null;
         if (!ref.current) {
-            ref.current = document.createElement('div');
-            ref.current.id = id;
-            document.body.appendChild(ref.current);
+            ref.current = document.getElementById(id);
+            if (!ref.current) {
+                ref.current = document.createElement('div');
+                ref.current.id = id;
+                document.body.appendChild(ref.current);
+            }
         }
         return ref.current;
     }
@@ -23138,6 +23151,8 @@ const useRootContainer = (id) => {
 
 function TooltipWithPortal({ children }) {
     const container = useRootContainer(TOOLTIP_ID);
+    if (!container)
+        return null;
     return createPortal(children, container);
 }
 

package/dist/esm/index.mjs

@@ -12,7 +12,6 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import { useQuery } from '@tanstack/react-query';
 import { PolarisVizProvider, LineChart, DonutChart } from '@shopify/polaris-viz';
-import { useSearchParams } from '@remix-run/react';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { t as t$1 } from 'i18next';
 
@@ -3240,6 +3239,14 @@ 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 setFirstLevelLocationPath = usePathAnalysisStore((state) => state.setFirstLevelLocationPath);
@@ -21846,9 +21853,10 @@ function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetW
 }
 
 function getFontSize() {
-    const isMobile = typeof window !== 'undefined' && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
-    const fontSize = isMobile ? TOUCH_FONT_SIZE : FONT_SIZE;
-    return fontSize;
+    if (typeof window === 'undefined')
+        return FONT_SIZE;
+    const isMobile = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+    return isMobile ? TOUCH_FONT_SIZE : FONT_SIZE;
 }
 
 function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = () => { }, targetWidth }) {
@@ -23124,12 +23132,17 @@ function TooltipTitle({ children, theme, color }) {
 }
 
 const useRootContainer = (id) => {
-    const ref = useRef(document.getElementById(id));
+    const ref = useRef(null);
     function getRootElem() {
+        if (typeof document === 'undefined')
+            return null;
         if (!ref.current) {
-            ref.current = document.createElement('div');
-            ref.current.id = id;
-            document.body.appendChild(ref.current);
+            ref.current = document.getElementById(id);
+            if (!ref.current) {
+                ref.current = document.createElement('div');
+                ref.current.id = id;
+                document.body.appendChild(ref.current);
+            }
         }
         return ref.current;
     }
@@ -23138,6 +23151,8 @@ const useRootContainer = (id) => {
 
 function TooltipWithPortal({ children }) {
     const container = useRootContainer(TOOLTIP_ID);
+    if (!container)
+        return null;
     return createPortal(children, container);
 }
 

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/TooltipWithPortal.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 export declare function TooltipWithPortal({ children }: {
     children: ReactNode;
-}): import("react").ReactPortal;
+}): import("react").ReactPortal | null;

package/dist/esm/shared/charts/components/GPolarisViz/hooks/useRootContainer.d.ts

@@ -1 +1 @@
-export declare const useRootContainer: (id: string) => HTMLElement;
+export declare const useRootContainer: (id: string) => HTMLElement | null;

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

@@ -0,0 +1 @@
+export declare const useSearchParams: () => [URLSearchParams];

package/dist/umd/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/TooltipWithPortal.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 export declare function TooltipWithPortal({ children }: {
     children: ReactNode;
-}): import("react").ReactPortal;
+}): import("react").ReactPortal | null;

package/dist/umd/esm/shared/charts/components/GPolarisViz/hooks/useRootContainer.d.ts

@@ -1 +1 @@
-export declare const useRootContainer: (id: string) => HTMLElement;
+export declare const useRootContainer: (id: string) => HTMLElement | null;