@cloudparse/up-miniapps-sdk 0.6.7 → 0.6.8

package/dist/index.js

@@ -726,7 +726,7 @@ var MapDrawer = forwardRef3(
         const dragDelta = touchEndY - dragStartY;
         const drawerHeightFromBottom = dragBaseHeightPxRef.current - dragDelta;
         const distToClosed = Math.abs(drawerHeightFromBottom - closedPx);
-        let targetState;
+        let targetState2;
         if (currentState === "auto") {
           const autoMaxPx2 = resolveHeightToPixels(
             drawerAutoMaxHeight || "100%",
@@ -734,22 +734,22 @@ var MapDrawer = forwardRef3(
           );
           const autoPx2 = Math.min(autoMaxPx2, autoContentPx);
           const distToAuto = Math.abs(drawerHeightFromBottom - autoPx2);
-          targetState = distToAuto <= distToClosed ? "auto" : "closed";
+          targetState2 = distToAuto <= distToClosed ? "auto" : "closed";
         } else {
           const distToFull = Math.abs(drawerHeightFromBottom - fullPx2);
           const distToPeek = Math.abs(drawerHeightFromBottom - peekPx2);
           const minDist = Math.min(distToFull, distToPeek, distToClosed);
           if (minDist === distToFull) {
-            targetState = "full";
+            targetState2 = "full";
           } else if (minDist === distToPeek) {
-            targetState = "peek";
+            targetState2 = "peek";
           } else {
-            targetState = "closed";
+            targetState2 = "closed";
           }
         }
         setTouchStartY(null);
         setCurrentTouchY(null);
-        onChangeState(targetState);
+        onChangeState(targetState2);
         requestAnimationFrame(() => {
           if (parentContainer) {
             parentContainer.style.setProperty("--drag-offset", "0px");
@@ -2031,122 +2031,149 @@ var GlobalEvent = /* @__PURE__ */ ((GlobalEvent2) => {
 })(GlobalEvent || {});
 
 // src/components/Map/hooks/useUserLocation.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef4, useState as useState4 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 var LERP_FACTOR = 0.12;
-var useUserLocation = () => {
-  const [locationState, setLocationState] = useState4({
-    accuracy: null,
-    coords: null,
-    heading: null
-  });
-  const targetRef = useRef4({
-    accuracy: null,
-    coords: null,
-    heading: null
-  });
-  const currentRef = useRef4({
-    accuracy: null,
-    coords: null,
-    heading: null
-  });
-  const mapPayload = useCallback3((payload) => {
-    const coords = payload.location?.coords || payload.coords;
-    const headingData = payload.heading;
-    const newCoords = coords ? [coords.longitude, coords.latitude] : null;
-    let heading = null;
-    if (headingData?.trueHeading !== void 0 && headingData.trueHeading >= 0) {
-      heading = headingData.trueHeading;
-    } else if (headingData?.magneticHeading !== void 0 && headingData.magneticHeading >= 0) {
-      heading = headingData.magneticHeading;
-    } else if (headingData?.heading !== null && headingData?.heading >= 0) {
-      heading = headingData.heading;
-    }
-    return {
-      accuracy: coords?.accuracy || null,
-      coords: newCoords,
-      heading
-    };
-  }, []);
-  useEffect3(() => {
-    let rafId;
-    const animate = () => {
-      let changed = false;
-      if (targetRef.current.coords) {
-        if (!currentRef.current.coords) {
-          currentRef.current.coords = [...targetRef.current.coords];
-          changed = true;
-        } else {
-          const [tLng, tLat] = targetRef.current.coords;
-          const [cLng, cLat] = currentRef.current.coords;
-          const nLng = cLng + (tLng - cLng) * LERP_FACTOR;
-          const nLat = cLat + (tLat - cLat) * LERP_FACTOR;
-          if (Math.abs(nLng - cLng) > 1e-7 || Math.abs(nLat - cLat) > 1e-7) {
-            currentRef.current.coords = [nLng, nLat];
-            changed = true;
-          }
-        }
-      }
-      if (targetRef.current.heading !== null) {
-        if (currentRef.current.heading === null) {
-          currentRef.current.heading = targetRef.current.heading;
-          changed = true;
-        } else {
-          const target = targetRef.current.heading;
-          const current = currentRef.current.heading;
-          let delta = target - current;
-          if (delta > 180) delta -= 360;
-          if (delta < -180) delta += 360;
-          const nHeading = current + delta * LERP_FACTOR;
-          const normalized = (nHeading % 360 + 360) % 360;
-          if (Math.abs(delta) > 0.1) {
-            currentRef.current.heading = normalized;
-            changed = true;
-          }
-        }
-      }
-      if (changed) {
-        setLocationState({
-          accuracy: targetRef.current.accuracy,
-          coords: currentRef.current.coords ? [...currentRef.current.coords] : null,
-          heading: currentRef.current.heading
-        });
-      }
-      rafId = requestAnimationFrame(animate);
-    };
-    rafId = requestAnimationFrame(animate);
-    sdk.location.getCurrentPosition().then((data) => {
-      const payload = mapPayload(data);
-      targetRef.current = payload;
-    }).catch((e) => console.warn("Initial location fetch failed", e));
-    const unsubscribeStream = sdk.on(
-      "LOCATION_STREAM_UPDATE" /* LOCATION_STREAM_UPDATE */,
-      (payload) => {
-        targetRef.current = mapPayload(payload);
+var EMPTY_STATE = {
+  accuracy: null,
+  coords: null,
+  heading: null
+};
+function mapPayload(payload) {
+  const coords = payload.location?.coords || payload.coords;
+  const headingData = payload.heading;
+  const newCoords = coords ? [coords.longitude, coords.latitude] : null;
+  let heading = null;
+  if (headingData?.trueHeading !== void 0 && headingData.trueHeading >= 0) {
+    heading = headingData.trueHeading;
+  } else if (headingData?.magneticHeading !== void 0 && headingData.magneticHeading >= 0) {
+    heading = headingData.magneticHeading;
+  } else if (headingData?.heading !== null && headingData?.heading >= 0) {
+    heading = headingData.heading;
+  }
+  return {
+    accuracy: coords?.accuracy || null,
+    coords: newCoords,
+    heading
+  };
+}
+var refCount = 0;
+var generation = 0;
+var subscribers = /* @__PURE__ */ new Set();
+var targetState = { ...EMPTY_STATE };
+var currentInterpolated = { coords: null, heading: null };
+var rafId = null;
+var unsubscribeStream = null;
+var unsubscribeLegacy = null;
+function getSnapshot() {
+  return {
+    accuracy: targetState.accuracy,
+    coords: currentInterpolated.coords ? [...currentInterpolated.coords] : null,
+    heading: currentInterpolated.heading
+  };
+}
+function notify() {
+  const snapshot = getSnapshot();
+  for (const callback of subscribers) callback(snapshot);
+}
+function animate() {
+  let changed = false;
+  if (targetState.coords) {
+    if (!currentInterpolated.coords) {
+      currentInterpolated.coords = [...targetState.coords];
+      changed = true;
+    } else {
+      const [tLng, tLat] = targetState.coords;
+      const [cLng, cLat] = currentInterpolated.coords;
+      const nLng = cLng + (tLng - cLng) * LERP_FACTOR;
+      const nLat = cLat + (tLat - cLat) * LERP_FACTOR;
+      if (Math.abs(nLng - cLng) > 1e-7 || Math.abs(nLat - cLat) > 1e-7) {
+        currentInterpolated.coords = [nLng, nLat];
+        changed = true;
       }
-    );
-    const unsubscribeLegacy = sdk.on(
-      "LOCATION_UPDATE" /* LOCATION_UPDATE */,
-      (payload) => {
-        targetRef.current = mapPayload(payload);
+    }
+  }
+  if (targetState.heading !== null) {
+    if (currentInterpolated.heading === null) {
+      currentInterpolated.heading = targetState.heading;
+      changed = true;
+    } else {
+      const target = targetState.heading;
+      const current = currentInterpolated.heading;
+      let delta = target - current;
+      if (delta > 180) delta -= 360;
+      if (delta < -180) delta += 360;
+      const nHeading = current + delta * LERP_FACTOR;
+      const normalized = (nHeading % 360 + 360) % 360;
+      if (Math.abs(delta) > 0.1) {
+        currentInterpolated.heading = normalized;
+        changed = true;
       }
-    );
-    sdk.location.startStream({
-      distanceFilter: 1,
-      headingThreshold: 2
-    }).catch((e) => console.warn("Failed to start location stream", e));
+    }
+  }
+  if (changed) notify();
+  rafId = requestAnimationFrame(animate);
+}
+function startSharedStream() {
+  rafId = requestAnimationFrame(animate);
+  generation++;
+  const thisGeneration = generation;
+  sdk.location.getCurrentPosition().then((data) => {
+    if (thisGeneration !== generation) return;
+    targetState = mapPayload(data);
+  }).catch((e) => console.warn("Initial location fetch failed", e));
+  unsubscribeStream = sdk.on(
+    "LOCATION_STREAM_UPDATE" /* LOCATION_STREAM_UPDATE */,
+    (payload) => {
+      targetState = mapPayload(payload);
+    }
+  );
+  unsubscribeLegacy = sdk.on(
+    "LOCATION_UPDATE" /* LOCATION_UPDATE */,
+    (payload) => {
+      targetState = mapPayload(payload);
+    }
+  );
+  sdk.location.startStream({
+    distanceFilter: 1,
+    headingThreshold: 2
+  }).catch((e) => console.warn("Failed to start location stream", e));
+}
+function stopSharedStream() {
+  generation++;
+  if (rafId !== null) cancelAnimationFrame(rafId);
+  rafId = null;
+  unsubscribeStream?.();
+  unsubscribeLegacy?.();
+  unsubscribeStream = null;
+  unsubscribeLegacy = null;
+  sdk.location.stopStream().catch(() => {
+  });
+  targetState = { ...EMPTY_STATE };
+  currentInterpolated = { coords: null, heading: null };
+}
+var useUserLocation = () => {
+  const [locationState, setLocationState] = useState4(getSnapshot);
+  useEffect3(() => {
+    refCount++;
+    if (refCount === 1) {
+      startSharedStream();
+    } else {
+      setLocationState(getSnapshot());
+    }
+    subscribers.add(setLocationState);
     return () => {
-      cancelAnimationFrame(rafId);
-      unsubscribeStream();
-      unsubscribeLegacy();
-      sdk.location.stopStream().catch(() => {
-      });
+      subscribers.delete(setLocationState);
+      refCount--;
+      if (refCount === 0) {
+        stopSharedStream();
+      }
     };
-  }, [mapPayload]);
+  }, []);
   return locationState;
 };
 
 // src/components/Map/hooks/useLiveRouting.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState5 } from "react";
 var useLiveRouting = ({
   origin: manualOrigin,
   destination,
@@ -2163,11 +2190,11 @@ var useLiveRouting = ({
   const userLocationState = useUserLocation();
   const calculationOrigin = manualOrigin || userLocationState.coords;
   const trackingLocation = userLocationState.coords || manualOrigin;
-  const lastCalcOrigin = useRef5(null);
-  const lastCalcDest = useRef5(null);
-  const isRequestInProgress = useRef5(false);
-  const lastResetDestKey = useRef5(null);
-  const getDistance = useCallback4(
+  const lastCalcOrigin = useRef4(null);
+  const lastCalcDest = useRef4(null);
+  const isRequestInProgress = useRef4(false);
+  const lastResetDestKey = useRef4(null);
+  const getDistance = useCallback3(
     (p1, p2) => {
       const R = 6371e3;
       const \u03C61 = p1[1] * Math.PI / 180;
@@ -2207,7 +2234,7 @@ var useLiveRouting = ({
     }
     return dist;
   }, [trackingLocation, route, destination, getDistance]);
-  const calculate = useCallback4(
+  const calculate = useCallback3(
     async (origin, dest, isNewDest) => {
       if (isRequestInProgress.current) return;
       isRequestInProgress.current = true;
@@ -2328,7 +2355,7 @@ var useRoute = (origin, destination, profile = "driving") => {
 };
 
 // src/components/Map/hooks/useJourney.ts
-import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef6, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef5, useState as useState6 } from "react";
 var useJourney = (options = {}) => {
   const { navigation, onAbort, onModeChange } = options;
   const [progNav, setProgNav] = useState6(null);
@@ -2361,7 +2388,7 @@ var useJourney = (options = {}) => {
     profile: effectiveOptions?.profile || "driving",
     recalculateThreshold: effectiveOptions?.recalculateThreshold || 50
   });
-  const prevDest = useRef6(null);
+  const prevDest = useRef5(null);
   const currentDest = effectiveOptions?.destination;
   useEffect5(() => {
     if (currentDest && (!prevDest.current || prevDest.current[0] !== currentDest[0] || prevDest.current[1] !== currentDest[1])) {
@@ -2369,7 +2396,7 @@ var useJourney = (options = {}) => {
     }
     prevDest.current = currentDest;
   }, [currentDest]);
-  const onModeChangeRef = useRef6(onModeChange);
+  const onModeChangeRef = useRef5(onModeChange);
   onModeChangeRef.current = onModeChange;
   useEffect5(() => {
     onModeChangeRef.current?.(internalNav.mode);
@@ -2393,13 +2420,13 @@ var useJourney = (options = {}) => {
       (totalDistanceMeters - remainingMeters) / totalDistanceMeters * 100
     )
   ) : 0;
-  const cancel = useCallback5(() => {
+  const cancel = useCallback4(() => {
     setIsAborted(true);
     setProgNav(null);
     sdk.navigation.abort();
     if (onAbort) onAbort();
   }, [onAbort]);
-  const start = useCallback5(() => {
+  const start = useCallback4(() => {
     sdk.navigation.start();
     internalNav.start();
   }, [internalNav.start]);
@@ -2887,11 +2914,11 @@ var UserLocationLayer = ({
 // src/components/Map/Map.tsx
 import { Map as MapLibre, MapProvider } from "@vis.gl/react-maplibre";
 import React4, {
-  useCallback as useCallback6,
+  useCallback as useCallback5,
   useContext as useContext5,
   useEffect as useEffect7,
   useMemo as useMemo6,
-  useRef as useRef7,
+  useRef as useRef6,
   useState as useState8
 } from "react";
 import "maplibre-gl/dist/maplibre-gl.css";
@@ -2935,7 +2962,7 @@ var MapInternal = ({
 }) => {
   const mapControls = useContext5(MapControlsContext);
   const mockLocation = useContext5(MockLocationContext);
-  const mapRef = useRef7(null);
+  const mapRef = useRef6(null);
   const userLocationState = useUserLocation();
   const journey = useJourney({
     navigation,
@@ -2953,14 +2980,14 @@ var MapInternal = ({
   const showNavigationUI = hasIntegratedNav ? externalShowNavigationUI !== false && navigation?.showUI !== false : externalShowNavigationUI;
   const mode = navigationData?.mode || "preview";
   const resolvedInitialFollow = mapControls ? mapControls.isFollowing : initialFollowUser;
-  const isFollowingRef = useRef7(resolvedInitialFollow);
-  const isFlyingRef = useRef7(false);
-  const flyingGenerationRef = useRef7(0);
-  const lockFlying = useCallback6(() => {
+  const isFollowingRef = useRef6(resolvedInitialFollow);
+  const isFlyingRef = useRef6(false);
+  const flyingGenerationRef = useRef6(0);
+  const lockFlying = useCallback5(() => {
     isFlyingRef.current = true;
     return ++flyingGenerationRef.current;
   }, []);
-  const releaseFlyingIfCurrent = useCallback6((flightId) => {
+  const releaseFlyingIfCurrent = useCallback5((flightId) => {
     if (flyingGenerationRef.current === flightId) {
       isFlyingRef.current = false;
     }
@@ -2970,7 +2997,7 @@ var MapInternal = ({
   );
   const isFollowingUI = mapControls ? mapControls.isFollowing : localIsFollowingUI;
   const setIsFollowingCtx = mapControls?.setIsFollowing;
-  const setFollowMode = useCallback6(
+  const setFollowMode = useCallback5(
     (follow) => {
       isFollowingRef.current = follow;
       setLocalIsFollowingUI(follow);
@@ -2989,7 +3016,7 @@ var MapInternal = ({
   if (pois.length > 0 && !mergedInteractiveLayerIds.includes("sdk-poi-layer")) {
     mergedInteractiveLayerIds.push("sdk-poi-layer");
   }
-  const prevInitialFollow = useRef7(initialFollowUser);
+  const prevInitialFollow = useRef6(initialFollowUser);
   useEffect7(() => {
     if (initialFollowUser !== prevInitialFollow.current) {
       setFollowMode(initialFollowUser);
@@ -3014,8 +3041,8 @@ var MapInternal = ({
     lockFlying,
     releaseFlyingIfCurrent
   ]);
-  const lastAutoLockedRouteRef = useRef7(null);
-  const lastModeRef = useRef7(null);
+  const lastAutoLockedRouteRef = useRef6(null);
+  const lastModeRef = useRef6(null);
   useEffect7(() => {
     if (!route || !mapRef.current) {
       if (!route) lastAutoLockedRouteRef.current = null;
@@ -3188,7 +3215,7 @@ var MapInternal = ({
     }
     if (onClick) onClick(e);
   };
-  const handleCenterOnUser = useCallback6(
+  const handleCenterOnUser = useCallback5(
     (payload) => {
       if (userLocationState.coords && mapRef.current) {
         setFollowMode(true);
@@ -3213,7 +3240,7 @@ var MapInternal = ({
       releaseFlyingIfCurrent
     ]
   );
-  const handleFlyTo = useCallback6(
+  const handleFlyTo = useCallback5(
     (coords, params) => {
       const map = mapRef.current;
       if (!map) return;
@@ -3233,7 +3260,7 @@ var MapInternal = ({
     },
     [setFollowMode, lockFlying, releaseFlyingIfCurrent]
   );
-  const handleResetBearing = useCallback6((params) => {
+  const handleResetBearing = useCallback5((params) => {
     if (mapRef.current) {
       mapRef.current.easeTo({
         bearing: 0,
@@ -3250,7 +3277,7 @@ var MapInternal = ({
       mapControls._registerFlyToCallback(handleFlyTo);
     }
   }, [mapControls, handleCenterOnUser, handleResetBearing, handleFlyTo]);
-  const handleMove = useCallback6(() => {
+  const handleMove = useCallback5(() => {
     if (mapRef.current && mapControls) {
       mapControls.setBearing(mapRef.current.getBearing());
       mapControls.setPitch(mapRef.current.getPitch());
@@ -3540,7 +3567,7 @@ var loadImage2 = (src) => new Promise((resolve, reject) => {
 });
 
 // package.json
-var version = "0.6.7";
+var version = "0.6.8";
 
 // src/sdk.ts
 function deepFreeze(obj) {
@@ -3947,11 +3974,10 @@ var MiniAppSDK = class {
 var sdk = deepFreeze(new MiniAppSDK());
 
 // src/components/BridgeMocker.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef8, useState as useState9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef7, useState as useState9 } from "react";
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var AVATAR_MOUTH_VARIANTS = [
   "variant03",
-  "variant06",
   "variant07",
   "variant08",
   "variant09",
@@ -4045,10 +4071,10 @@ var BridgeMocker = ({
   const [radiusMeters, setRadiusMeters] = useState9(0);
   const [radiusUnit, setRadiusUnit] = useState9("m");
   const [isPlacingLocation, setIsPlacingLocation] = useState9(false);
-  const streamIntervalRef = useRef8(null);
-  const pathIndexRef = useRef8(0);
-  const activeConfigRef = useRef8(null);
-  const stateRef = useRef8({
+  const streamIntervalRef = useRef7(null);
+  const pathIndexRef = useRef7(0);
+  const activeConfigRef = useRef7(null);
+  const stateRef = useRef7({
     autoMove,
     heading,
     location,
@@ -4060,7 +4086,7 @@ var BridgeMocker = ({
     simulationPath,
     speedMultiplier
   });
-  const pushLocationUpdateFor = useCallback7(
+  const pushLocationUpdateFor = useCallback6(
     (coords, headingDeg) => {
       const currentState = stateRef.current;
       const payload = {
@@ -4092,11 +4118,11 @@ var BridgeMocker = ({
     },
     []
   );
-  const pushLocationUpdate = useCallback7(() => {
+  const pushLocationUpdate = useCallback6(() => {
     const currentState = stateRef.current;
     pushLocationUpdateFor(currentState.location, currentState.heading);
   }, [pushLocationUpdateFor]);
-  const placeLocation = useCallback7(
+  const placeLocation = useCallback6(
     (coords) => {
       setLocation(coords);
       setIsPlacingLocation(false);
@@ -4546,7 +4572,7 @@ var BridgeMocker = ({
 };
 
 // src/components/DebugConsole.tsx
-import { useCallback as useCallback8, useEffect as useEffect9, useRef as useRef9, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useRef as useRef8, useState as useState10 } from "react";
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var DebugConsole = ({
   isOpen: initialOpen = false,
@@ -4554,12 +4580,12 @@ var DebugConsole = ({
 }) => {
   const [showConsole, setShowConsole] = useState10(initialOpen);
   const [logs, setLogs] = useState10([]);
-  const scrollRef = useRef9(null);
+  const scrollRef = useRef8(null);
   useEffect9(() => {
     setShowConsole(initialOpen);
   }, [initialOpen]);
   const clearLogs = () => setLogs([]);
-  const addLog = useCallback8((label, data) => {
+  const addLog = useCallback7((label, data) => {
     if (label.includes("LOCATION_STREAM_UPDATE" /* LOCATION_STREAM_UPDATE */)) return;
     const entry = {
       content: typeof data === "string" ? data : JSON.stringify(data, null, 2),
@@ -4687,7 +4713,7 @@ var DebugConsole = ({
 };
 
 // src/components/PullToRefresh.tsx
-import { useEffect as useEffect10, useRef as useRef10, useState as useState11 } from "react";
+import { useEffect as useEffect10, useRef as useRef9, useState as useState11 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_PULL_THRESHOLD = 64;
 var DEFAULT_MAX_PULL = 96;
@@ -4754,25 +4780,25 @@ var PullToRefresh = ({
   maxPull = DEFAULT_MAX_PULL,
   renderIndicator
 }) => {
-  const containerRef = useRef10(null);
-  const startYRef = useRef10(null);
-  const lastYRef = useRef10(0);
-  const lastMoveTimeRef = useRef10(0);
-  const velocityRef = useRef10(0);
-  const pointerIdRef = useRef10(null);
-  const isPullingRef = useRef10(false);
-  const pullDistanceRef = useRef10(0);
-  const flingRafRef = useRef10(null);
+  const containerRef = useRef9(null);
+  const startYRef = useRef9(null);
+  const lastYRef = useRef9(0);
+  const lastMoveTimeRef = useRef9(0);
+  const velocityRef = useRef9(0);
+  const pointerIdRef = useRef9(null);
+  const isPullingRef = useRef9(false);
+  const pullDistanceRef = useRef9(0);
+  const flingRafRef = useRef9(null);
   const [pullDistance, setPullDistance] = useState11(0);
   const [isRefreshing, setIsRefreshing] = useState11(false);
   const [isTracking, setIsTracking] = useState11(false);
-  const disabledRef = useRef10(disabled);
+  const disabledRef = useRef9(disabled);
   disabledRef.current = disabled;
-  const onRefreshRef = useRef10(onRefresh);
+  const onRefreshRef = useRef9(onRefresh);
   onRefreshRef.current = onRefresh;
-  const pullThresholdRef = useRef10(pullThreshold);
+  const pullThresholdRef = useRef9(pullThreshold);
   pullThresholdRef.current = pullThreshold;
-  const maxPullRef = useRef10(maxPull);
+  const maxPullRef = useRef9(maxPull);
   maxPullRef.current = maxPull;
   useEffect10(() => {
     const el = containerRef.current;
@@ -4941,14 +4967,14 @@ var PullToRefresh = ({
 
 // src/components/QRScanner.tsx
 import jsQR2 from "jsqr";
-import { useEffect as useEffect11, useRef as useRef11, useState as useState12 } from "react";
+import { useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
 import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function QRScanner({ onScan, onError, className = "" }) {
-  const videoRef = useRef11(null);
-  const canvasRef = useRef11(null);
-  const streamRef = useRef11(null);
-  const tickRequestRef = useRef11(null);
-  const hasScannedRef = useRef11(false);
+  const videoRef = useRef10(null);
+  const canvasRef = useRef10(null);
+  const streamRef = useRef10(null);
+  const tickRequestRef = useRef10(null);
+  const hasScannedRef = useRef10(false);
   const [isReady, setIsReady] = useState12(false);
   useEffect11(() => {
     let cancelled = false;
@@ -5100,7 +5126,7 @@ var SDKProvider = ({
 import {
   useEffect as useEffect12,
   useLayoutEffect,
-  useRef as useRef12,
+  useRef as useRef11,
   useState as useState13
 } from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
@@ -5130,20 +5156,20 @@ var SwipeCarousel = ({
   overscan = DEFAULT_OVERSCAN,
   visibleOverscan = DEFAULT_VISIBLE_OVERSCAN
 }) => {
-  const containerRef = useRef12(null);
+  const containerRef = useRef11(null);
   const [containerWidth, setContainerWidth] = useState13(0);
   const [dragX, setDragX] = useState13(0);
   const [dragY, setDragY] = useState13(0);
   const [isDraggingX, setIsDraggingX] = useState13(false);
   const [isDraggingY, setIsDraggingY] = useState13(false);
-  const touchStateRef = useRef12(null);
+  const touchStateRef = useRef11(null);
   const [internalIndex, setInternalIndex] = useState13(
     () => Math.max(
       0,
       items.findIndex((item) => item.id === activeId)
     )
   );
-  const prevActiveIdRef = useRef12(activeId);
+  const prevActiveIdRef = useRef11(activeId);
   const [timingWaiting, setTimingWaiting] = useState13(true);
   useEffect12(() => {
     const timer = setTimeout(() => {