@levi-gemcommerce/analytics 1.0.0-dev.31 → 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);
@@ -20941,7 +20948,7 @@ const useResizeObserver = () => {
 };
 
 function useBrowserCheck() {
-    const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent : '';
+    const userAgent = navigator?.userAgent;
     return useMemo(() => {
         const isFirefox = userAgent.includes('Firefox');
         const isChromium = userAgent.includes('Chrome');
@@ -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,15 +23132,17 @@ function TooltipTitle({ children, theme, color }) {
 }
 
 const useRootContainer = (id) => {
-    const ref = useRef(typeof document !== 'undefined' ? document.getElementById(id) : null);
+    const ref = useRef(null);
     function getRootElem() {
-        if (typeof document === 'undefined') {
+        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;
     }
@@ -23141,9 +23151,8 @@ const useRootContainer = (id) => {
 
 function TooltipWithPortal({ children }) {
     const container = useRootContainer(TOOLTIP_ID);
-    if (!container) {
+    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);
@@ -20941,7 +20948,7 @@ const useResizeObserver = () => {
 };
 
 function useBrowserCheck() {
-    const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent : '';
+    const userAgent = navigator?.userAgent;
     return useMemo(() => {
         const isFirefox = userAgent.includes('Firefox');
         const isChromium = userAgent.includes('Chrome');
@@ -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,15 +23132,17 @@ function TooltipTitle({ children, theme, color }) {
 }
 
 const useRootContainer = (id) => {
-    const ref = useRef(typeof document !== 'undefined' ? document.getElementById(id) : null);
+    const ref = useRef(null);
     function getRootElem() {
-        if (typeof document === 'undefined') {
+        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;
     }
@@ -23141,9 +23151,8 @@ const useRootContainer = (id) => {
 
 function TooltipWithPortal({ children }) {
     const container = useRootContainer(TOOLTIP_ID);
-    if (!container) {
+    if (!container)
         return null;
-    }
     return createPortal(children, container);
 }
 

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

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