@cloudparse/up-miniapps-sdk 0.6.4 → 0.6.7

package/dist/index.d.cts

@@ -1143,6 +1143,25 @@ declare const useMockLocation: () => MockLocationContextType | null;
  */
 declare function renderMap(containerId: string, props?: MapProps): react_dom_client.Root;
 
+interface PullToRefreshIndicatorState {
+    /** 0 (no pull) to 1 (at/past the trigger threshold). */
+    progress: number;
+    isRefreshing: boolean;
+}
+interface PullToRefreshProps {
+    onRefresh: () => Promise<void> | void;
+    children: React__default.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    /** Visual (post-resistance) px of pull required to trigger a refresh. Default 64. */
+    pullThreshold?: number;
+    /** Visual cap so the indicator never drags further than this. Default 96. */
+    maxPull?: number;
+    /** Fully replaces the default indicator — e.g. a brand-specific spinner/logo. */
+    renderIndicator?: (state: PullToRefreshIndicatorState) => React__default.ReactNode;
+}
+declare const PullToRefresh: ({ onRefresh, children, className, disabled, pullThreshold, maxPull, renderIndicator, }: PullToRefreshProps) => React__default.JSX.Element;
+
 interface QRScannerProps {
     /** Called once with the decoded string the moment a QR code is detected. Scanning stops immediately after. */
     onScan: (data: string) => void;
@@ -1806,4 +1825,4 @@ interface BroadcastWsServiceClient<TMessage extends WsMessage = WsMessage> {
 declare function createWsService<TMessage extends WsMessage = WsMessage>(options: CreateChannelWsServiceOptions<TMessage>): WsServiceClient<TMessage>;
 declare function createWsService<TMessage extends WsMessage = WsMessage>(options: CreateBroadcastWsServiceOptions<TMessage>): BroadcastWsServiceClient<TMessage>;
 
-export { type ApiServiceClient, type BridgeMessageType, BridgeMocker, type BridgeMockerProps, type BroadcastWsServiceClient, type CenterCallbackParams, type CreateApiServiceOptions, type CreateBroadcastWsServiceOptions, type CreateChannelWsServiceOptions, type CreateWsServiceOptions, type CustomControl, DebugConsole, type DebugConsoleProps, type DeclarativeJourneyOptions, type DrawerState, type EtaData, type FidelityTransactionTypeType, type FlyToParams, GeolocationEvent, GlobalEvent, type HapticStyleType, type IBridgeEnvelope, type IContextState, type IEdgeInsets, type IFidelityBalance, type IFidelityHistoryParams, type IFidelityTransaction, type IGenerateQrCodeOptions, type IInitializationOptions, type IInitializationResponse, type ILocationData, type INetworkOptions, type INetworkResponse, type IPaymentRequest, type IPickImageResult, type ISaveImageResult, type IUserProfile, type LiveRoutingOptions, type LiveRoutingResult, type LocationStreamConfig, Map, MapControls, MapControlsContext, type MapControlsProps, type MapControlsState, type MapInsets, MapMenu, MapMenuDivider, type MapMenuDividerProps, MapMenuFooter, type MapMenuFooterProps, MapMenuItem, type MapMenuItemProps, type MapMenuProps, MapMenuTitle, type MapMenuTitleProps, type MapProps, type MenuItem, MiniAppSDK, MockLocationContext, type MockLocationContextType, type NetworkMethodType, type POI, QRScanner, type QRScannerProps, RouteLayer, type RouteLayerProps, RouteRequest, RouteResponse, RouteStep, type SDKEvent, SDKMapProvider, SDKProvider, type SDKProviderProps, type ScrollConfig, type StreamAccelerometerData, type StreamHeadingData, type StreamLocationData, type StreamUpdatePayload, type SwipeAxisPriority, SwipeCarousel, type SwipeCarouselItem, type SwipeCarouselProps, type SwipeCarouselVerticalDragConfig, UIEvent, type UseJourneyOptions, type UseJourneyResult, type UserLocationState, type WsConnectionStatus, type WsMessage, type WsServiceClient, createApiService, createWsService, sdk as default, renderMap, sdk, useIsMocked, useJourney, useLiveRouting, useMapControls, useMockLocation, useRoute, useTrimmedRoute, useUserLocation };
+export { type ApiServiceClient, type BridgeMessageType, BridgeMocker, type BridgeMockerProps, type BroadcastWsServiceClient, type CenterCallbackParams, type CreateApiServiceOptions, type CreateBroadcastWsServiceOptions, type CreateChannelWsServiceOptions, type CreateWsServiceOptions, type CustomControl, DebugConsole, type DebugConsoleProps, type DeclarativeJourneyOptions, type DrawerState, type EtaData, type FidelityTransactionTypeType, type FlyToParams, GeolocationEvent, GlobalEvent, type HapticStyleType, type IBridgeEnvelope, type IContextState, type IEdgeInsets, type IFidelityBalance, type IFidelityHistoryParams, type IFidelityTransaction, type IGenerateQrCodeOptions, type IInitializationOptions, type IInitializationResponse, type ILocationData, type INetworkOptions, type INetworkResponse, type IPaymentRequest, type IPickImageResult, type ISaveImageResult, type IUserProfile, type LiveRoutingOptions, type LiveRoutingResult, type LocationStreamConfig, Map, MapControls, MapControlsContext, type MapControlsProps, type MapControlsState, type MapInsets, MapMenu, MapMenuDivider, type MapMenuDividerProps, MapMenuFooter, type MapMenuFooterProps, MapMenuItem, type MapMenuItemProps, type MapMenuProps, MapMenuTitle, type MapMenuTitleProps, type MapProps, type MenuItem, MiniAppSDK, MockLocationContext, type MockLocationContextType, type NetworkMethodType, type POI, PullToRefresh, type PullToRefreshIndicatorState, type PullToRefreshProps, QRScanner, type QRScannerProps, RouteLayer, type RouteLayerProps, RouteRequest, RouteResponse, RouteStep, type SDKEvent, SDKMapProvider, SDKProvider, type SDKProviderProps, type ScrollConfig, type StreamAccelerometerData, type StreamHeadingData, type StreamLocationData, type StreamUpdatePayload, type SwipeAxisPriority, SwipeCarousel, type SwipeCarouselItem, type SwipeCarouselProps, type SwipeCarouselVerticalDragConfig, UIEvent, type UseJourneyOptions, type UseJourneyResult, type UserLocationState, type WsConnectionStatus, type WsMessage, type WsServiceClient, createApiService, createWsService, sdk as default, renderMap, sdk, useIsMocked, useJourney, useLiveRouting, useMapControls, useMockLocation, useRoute, useTrimmedRoute, useUserLocation };

package/dist/index.d.ts

@@ -1143,6 +1143,25 @@ declare const useMockLocation: () => MockLocationContextType | null;
  */
 declare function renderMap(containerId: string, props?: MapProps): react_dom_client.Root;
 
+interface PullToRefreshIndicatorState {
+    /** 0 (no pull) to 1 (at/past the trigger threshold). */
+    progress: number;
+    isRefreshing: boolean;
+}
+interface PullToRefreshProps {
+    onRefresh: () => Promise<void> | void;
+    children: React__default.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    /** Visual (post-resistance) px of pull required to trigger a refresh. Default 64. */
+    pullThreshold?: number;
+    /** Visual cap so the indicator never drags further than this. Default 96. */
+    maxPull?: number;
+    /** Fully replaces the default indicator — e.g. a brand-specific spinner/logo. */
+    renderIndicator?: (state: PullToRefreshIndicatorState) => React__default.ReactNode;
+}
+declare const PullToRefresh: ({ onRefresh, children, className, disabled, pullThreshold, maxPull, renderIndicator, }: PullToRefreshProps) => React__default.JSX.Element;
+
 interface QRScannerProps {
     /** Called once with the decoded string the moment a QR code is detected. Scanning stops immediately after. */
     onScan: (data: string) => void;
@@ -1806,4 +1825,4 @@ interface BroadcastWsServiceClient<TMessage extends WsMessage = WsMessage> {
 declare function createWsService<TMessage extends WsMessage = WsMessage>(options: CreateChannelWsServiceOptions<TMessage>): WsServiceClient<TMessage>;
 declare function createWsService<TMessage extends WsMessage = WsMessage>(options: CreateBroadcastWsServiceOptions<TMessage>): BroadcastWsServiceClient<TMessage>;
 
-export { type ApiServiceClient, type BridgeMessageType, BridgeMocker, type BridgeMockerProps, type BroadcastWsServiceClient, type CenterCallbackParams, type CreateApiServiceOptions, type CreateBroadcastWsServiceOptions, type CreateChannelWsServiceOptions, type CreateWsServiceOptions, type CustomControl, DebugConsole, type DebugConsoleProps, type DeclarativeJourneyOptions, type DrawerState, type EtaData, type FidelityTransactionTypeType, type FlyToParams, GeolocationEvent, GlobalEvent, type HapticStyleType, type IBridgeEnvelope, type IContextState, type IEdgeInsets, type IFidelityBalance, type IFidelityHistoryParams, type IFidelityTransaction, type IGenerateQrCodeOptions, type IInitializationOptions, type IInitializationResponse, type ILocationData, type INetworkOptions, type INetworkResponse, type IPaymentRequest, type IPickImageResult, type ISaveImageResult, type IUserProfile, type LiveRoutingOptions, type LiveRoutingResult, type LocationStreamConfig, Map, MapControls, MapControlsContext, type MapControlsProps, type MapControlsState, type MapInsets, MapMenu, MapMenuDivider, type MapMenuDividerProps, MapMenuFooter, type MapMenuFooterProps, MapMenuItem, type MapMenuItemProps, type MapMenuProps, MapMenuTitle, type MapMenuTitleProps, type MapProps, type MenuItem, MiniAppSDK, MockLocationContext, type MockLocationContextType, type NetworkMethodType, type POI, QRScanner, type QRScannerProps, RouteLayer, type RouteLayerProps, RouteRequest, RouteResponse, RouteStep, type SDKEvent, SDKMapProvider, SDKProvider, type SDKProviderProps, type ScrollConfig, type StreamAccelerometerData, type StreamHeadingData, type StreamLocationData, type StreamUpdatePayload, type SwipeAxisPriority, SwipeCarousel, type SwipeCarouselItem, type SwipeCarouselProps, type SwipeCarouselVerticalDragConfig, UIEvent, type UseJourneyOptions, type UseJourneyResult, type UserLocationState, type WsConnectionStatus, type WsMessage, type WsServiceClient, createApiService, createWsService, sdk as default, renderMap, sdk, useIsMocked, useJourney, useLiveRouting, useMapControls, useMockLocation, useRoute, useTrimmedRoute, useUserLocation };
+export { type ApiServiceClient, type BridgeMessageType, BridgeMocker, type BridgeMockerProps, type BroadcastWsServiceClient, type CenterCallbackParams, type CreateApiServiceOptions, type CreateBroadcastWsServiceOptions, type CreateChannelWsServiceOptions, type CreateWsServiceOptions, type CustomControl, DebugConsole, type DebugConsoleProps, type DeclarativeJourneyOptions, type DrawerState, type EtaData, type FidelityTransactionTypeType, type FlyToParams, GeolocationEvent, GlobalEvent, type HapticStyleType, type IBridgeEnvelope, type IContextState, type IEdgeInsets, type IFidelityBalance, type IFidelityHistoryParams, type IFidelityTransaction, type IGenerateQrCodeOptions, type IInitializationOptions, type IInitializationResponse, type ILocationData, type INetworkOptions, type INetworkResponse, type IPaymentRequest, type IPickImageResult, type ISaveImageResult, type IUserProfile, type LiveRoutingOptions, type LiveRoutingResult, type LocationStreamConfig, Map, MapControls, MapControlsContext, type MapControlsProps, type MapControlsState, type MapInsets, MapMenu, MapMenuDivider, type MapMenuDividerProps, MapMenuFooter, type MapMenuFooterProps, MapMenuItem, type MapMenuItemProps, type MapMenuProps, MapMenuTitle, type MapMenuTitleProps, type MapProps, type MenuItem, MiniAppSDK, MockLocationContext, type MockLocationContextType, type NetworkMethodType, type POI, PullToRefresh, type PullToRefreshIndicatorState, type PullToRefreshProps, QRScanner, type QRScannerProps, RouteLayer, type RouteLayerProps, RouteRequest, RouteResponse, RouteStep, type SDKEvent, SDKMapProvider, SDKProvider, type SDKProviderProps, type ScrollConfig, type StreamAccelerometerData, type StreamHeadingData, type StreamLocationData, type StreamUpdatePayload, type SwipeAxisPriority, SwipeCarousel, type SwipeCarouselItem, type SwipeCarouselProps, type SwipeCarouselVerticalDragConfig, UIEvent, type UseJourneyOptions, type UseJourneyResult, type UserLocationState, type WsConnectionStatus, type WsMessage, type WsServiceClient, createApiService, createWsService, sdk as default, renderMap, sdk, useIsMocked, useJourney, useLiveRouting, useMapControls, useMockLocation, useRoute, useTrimmedRoute, useUserLocation };

package/dist/index.js

@@ -202,11 +202,61 @@ var Bridge = class {
     }
   }
   /**
-   * Internal handler for mock message processing, overrideable in test environments
+   * Internal handler for mock message processing, overrideable in test environments.
+   *
+   * Every mini-app that calls a bridge method also has to run standalone in a plain
+   * browser (dev, and this vault's own Chrome-based verification) with no native shell
+   * attached — `isNative()` is false, so `send()` never round-trips through the real
+   * host at all. Before this switch existed, EVERY unhandled type here resolved with
+   * plain `undefined` (see the `default` branch below), which silently broke any caller
+   * checking a result shape like `{success: boolean}` — `undefined?.success` reads as
+   * `false`, not "no answer", so e.g. `sdk.media.saveImage()` looked like a real
+   * permission-denied rejection in the browser instead of "there's no native shell
+   * here to ask." Add a `case` here — instead of leaving every mini-app to
+   * individually special-case "what happens when I call this with no shell attached" —
+   * whenever a bridge method's mock behavior should be more than a no-op.
    */
   handleMockMessage(type, payload) {
-    console.warn(`[Bridge] Mock mode active: Unhandled message type ${type}`);
-    return Promise.resolve();
+    switch (type) {
+      case "SAVE_IMAGE":
+        return this.mockSaveImage(
+          payload
+        );
+      default:
+        console.warn(
+          `[Bridge] Mock mode active: Unhandled message type ${type}`
+        );
+        return Promise.resolve();
+    }
+  }
+  /**
+   * Standalone-browser stand-in for the native `SAVE_IMAGE` handler: triggers a real
+   * browser download (an `<a download>` click) instead of writing to a device photo
+   * library, which doesn't exist here. Resolves `{success: true}` on a real trigger so
+   * every mini-app's own `result?.success` check gets the same shape/semantics as the
+   * real native response — no per-app "am I in mock mode" branching needed. Consumers
+   * can still keep their own `catch` fallback for the genuinely different case of a
+   * native shell that's missing its WebView bridge (see `sendOnce`'s own rejection
+   * path) — that's a real native edge case, not mocking, and this method never runs
+   * for it (`send()` only reaches `handleMockMessage` when `!isNative()`).
+   */
+  mockSaveImage(payload) {
+    if (typeof document === "undefined") {
+      return Promise.resolve({ success: false });
+    }
+    try {
+      const href = payload.base64.startsWith("data:") ? payload.base64 : `data:image/png;base64,${payload.base64}`;
+      const link = document.createElement("a");
+      link.href = href;
+      link.download = payload.filename ? `${payload.filename}.png` : "image.png";
+      document.body.appendChild(link);
+      link.click();
+      link.remove();
+      return Promise.resolve({ success: true });
+    } catch (err) {
+      console.warn("[Bridge] Mock SAVE_IMAGE download failed:", err);
+      return Promise.resolve({ success: false });
+    }
   }
   sendOnce(type, payload, timeoutMs) {
     return new Promise((resolve, reject) => {
@@ -3331,7 +3381,7 @@ async function generateQrCode(data, options = {}) {
   const size = options.size ?? DEFAULT_SIZE;
   const color = options.color ?? DEFAULT_COLOR;
   const backgroundColor = options.backgroundColor ?? DEFAULT_BACKGROUND;
-  const label = options.label || (options.appName ? `UP - ${options.appName}` : "");
+  const label = options.label || (options.appName ? `${options.appName} by UP` : "");
   const qr = new QRCodeStyling({
     backgroundOptions: {
       color: backgroundColor,
@@ -3490,7 +3540,7 @@ var loadImage2 = (src) => new Promise((resolve, reject) => {
 });
 
 // package.json
-var version = "0.6.4";
+var version = "0.6.7";
 
 // src/sdk.ts
 function deepFreeze(obj) {
@@ -4636,18 +4686,271 @@ var DebugConsole = ({
   ] });
 };
 
-// src/components/QRScanner.tsx
-import jsQR2 from "jsqr";
+// src/components/PullToRefresh.tsx
 import { useEffect as useEffect10, useRef as useRef10, useState as useState11 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-function QRScanner({ onScan, onError, className = "" }) {
-  const videoRef = useRef10(null);
-  const canvasRef = useRef10(null);
-  const streamRef = useRef10(null);
-  const tickRequestRef = useRef10(null);
-  const hasScannedRef = useRef10(false);
-  const [isReady, setIsReady] = useState11(false);
+var DEFAULT_PULL_THRESHOLD = 64;
+var DEFAULT_MAX_PULL = 96;
+var RESISTANCE = 0.5;
+var DRAG_DEADZONE = 8;
+var FLING_FRICTION = 0.95;
+var FLING_MIN_VELOCITY = 0.02;
+function DefaultIndicator({
+  progress,
+  isRefreshing
+}) {
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      style: {
+        alignItems: "center",
+        background: "rgba(24, 24, 27, 0.9)",
+        border: "1px solid rgba(255, 255, 255, 0.1)",
+        borderRadius: 9999,
+        boxShadow: "0 4px 16px -4px rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        height: 28,
+        justifyContent: "center",
+        width: 28
+      },
+      children: [
+        /* @__PURE__ */ jsxs14(
+          "svg",
+          {
+            height: 14,
+            style: {
+              animation: isRefreshing ? "up-sdk-ptr-spin 0.8s linear infinite" : void 0,
+              color: isRefreshing ? "#a78bfa" : "#a1a1aa",
+              transform: isRefreshing ? void 0 : `rotate(${progress * 360}deg)`
+            },
+            viewBox: "0 0 24 24",
+            width: 14,
+            children: [
+              /* @__PURE__ */ jsx18("title", { children: "Refreshing" }),
+              /* @__PURE__ */ jsx18(
+                "path",
+                {
+                  d: "M21 12a9 9 0 1 1-2.64-6.36",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeLinecap: "round",
+                  strokeWidth: 2.5
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18("style", { children: "@keyframes up-sdk-ptr-spin { to { transform: rotate(360deg); } }" })
+      ]
+    }
+  );
+}
+var PullToRefresh = ({
+  onRefresh,
+  children,
+  className = "",
+  disabled = false,
+  pullThreshold = DEFAULT_PULL_THRESHOLD,
+  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 [pullDistance, setPullDistance] = useState11(0);
+  const [isRefreshing, setIsRefreshing] = useState11(false);
+  const [isTracking, setIsTracking] = useState11(false);
+  const disabledRef = useRef10(disabled);
+  disabledRef.current = disabled;
+  const onRefreshRef = useRef10(onRefresh);
+  onRefreshRef.current = onRefresh;
+  const pullThresholdRef = useRef10(pullThreshold);
+  pullThresholdRef.current = pullThreshold;
+  const maxPullRef = useRef10(maxPull);
+  maxPullRef.current = maxPull;
   useEffect10(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const updatePullDistance = (value) => {
+      pullDistanceRef.current = value;
+      setPullDistance(value);
+    };
+    const stopFling = () => {
+      if (flingRafRef.current !== null) {
+        cancelAnimationFrame(flingRafRef.current);
+        flingRafRef.current = null;
+      }
+    };
+    const resetTracking = () => {
+      pointerIdRef.current = null;
+      startYRef.current = null;
+      isPullingRef.current = false;
+      setIsTracking(false);
+      updatePullDistance(0);
+    };
+    const runFling = () => {
+      velocityRef.current *= FLING_FRICTION;
+      if (Math.abs(velocityRef.current) < FLING_MIN_VELOCITY) {
+        flingRafRef.current = null;
+        return;
+      }
+      el.scrollTop -= velocityRef.current * 16;
+      if (el.scrollTop <= 0 || el.scrollTop >= el.scrollHeight - el.clientHeight) {
+        flingRafRef.current = null;
+        return;
+      }
+      flingRafRef.current = requestAnimationFrame(runFling);
+    };
+    const handlePointerDown = (e) => {
+      if (disabledRef.current) return;
+      if (pointerIdRef.current !== null) return;
+      stopFling();
+      pointerIdRef.current = e.pointerId;
+      startYRef.current = e.clientY;
+      lastYRef.current = e.clientY;
+      lastMoveTimeRef.current = performance.now();
+      velocityRef.current = 0;
+      isPullingRef.current = false;
+      setIsTracking(true);
+      try {
+        el.setPointerCapture(e.pointerId);
+      } catch {
+      }
+    };
+    const handlePointerMove = (e) => {
+      if (startYRef.current === null || e.pointerId !== pointerIdRef.current) {
+        return;
+      }
+      const totalDelta = e.clientY - startYRef.current;
+      if (!isPullingRef.current && Math.abs(totalDelta) < DRAG_DEADZONE) {
+        return;
+      }
+      const now = performance.now();
+      const stepDelta = e.clientY - lastYRef.current;
+      const dt = Math.max(now - lastMoveTimeRef.current, 1);
+      velocityRef.current = stepDelta / dt;
+      lastYRef.current = e.clientY;
+      lastMoveTimeRef.current = now;
+      if (e.cancelable) e.preventDefault();
+      const atTop = el.scrollTop <= 0;
+      if (atTop && totalDelta > 0) {
+        isPullingRef.current = true;
+        updatePullDistance(
+          Math.min(
+            Math.max(totalDelta - DRAG_DEADZONE, 0) * RESISTANCE,
+            maxPullRef.current
+          )
+        );
+        return;
+      }
+      if (isPullingRef.current) {
+        isPullingRef.current = false;
+        updatePullDistance(0);
+      }
+      el.scrollTop -= stepDelta;
+    };
+    const handlePointerEnd = (e) => {
+      if (startYRef.current === null || e.pointerId !== pointerIdRef.current) {
+        return;
+      }
+      const wasPulling = isPullingRef.current;
+      pointerIdRef.current = null;
+      startYRef.current = null;
+      isPullingRef.current = false;
+      setIsTracking(false);
+      if (!wasPulling) {
+        if (Math.abs(velocityRef.current) > FLING_MIN_VELOCITY) {
+          stopFling();
+          flingRafRef.current = requestAnimationFrame(runFling);
+        }
+        return;
+      }
+      const shouldRefresh = pullDistanceRef.current >= pullThresholdRef.current;
+      if (!shouldRefresh) {
+        updatePullDistance(0);
+        return;
+      }
+      setIsRefreshing(true);
+      updatePullDistance(pullThresholdRef.current);
+      Promise.resolve(onRefreshRef.current()).catch((err) => {
+        console.error("Pull-to-refresh failed:", err);
+      }).finally(() => {
+        setIsRefreshing(false);
+        updatePullDistance(0);
+      });
+    };
+    const handlePointerCancel = (e) => {
+      if (e.pointerId !== pointerIdRef.current) return;
+      stopFling();
+      resetTracking();
+    };
+    el.addEventListener("pointerdown", handlePointerDown);
+    el.addEventListener("pointermove", handlePointerMove, { passive: false });
+    el.addEventListener("pointerup", handlePointerEnd);
+    el.addEventListener("pointercancel", handlePointerCancel);
+    return () => {
+      stopFling();
+      el.removeEventListener("pointerdown", handlePointerDown);
+      el.removeEventListener("pointermove", handlePointerMove);
+      el.removeEventListener("pointerup", handlePointerEnd);
+      el.removeEventListener("pointercancel", handlePointerCancel);
+    };
+  }, []);
+  const indicatorHeight = isRefreshing ? pullThreshold : pullDistance;
+  const progress = Math.min(indicatorHeight / pullThreshold, 1);
+  const isSettling = pullDistance === 0 && !isRefreshing && !isTracking;
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: `up-sdk-pull-to-refresh ${className}`,
+      ref: containerRef,
+      style: {
+        overflowY: "auto",
+        overscrollBehavior: "none",
+        touchAction: "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx18("style", { children: ".up-sdk-pull-to-refresh::-webkit-scrollbar { display: none; } .up-sdk-pull-to-refresh { scrollbar-width: none; -ms-overflow-style: none; }" }),
+        /* @__PURE__ */ jsx18(
+          "div",
+          {
+            style: {
+              alignItems: "center",
+              display: "flex",
+              height: indicatorHeight,
+              justifyContent: "center",
+              overflow: "hidden",
+              transition: isSettling ? "height 0.2s ease-out" : "none",
+              userSelect: "none",
+              width: "100%"
+            },
+            children: renderIndicator ? renderIndicator({ isRefreshing, progress }) : /* @__PURE__ */ jsx18(DefaultIndicator, { isRefreshing, progress })
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+
+// src/components/QRScanner.tsx
+import jsQR2 from "jsqr";
+import { useEffect as useEffect11, useRef as useRef11, 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 [isReady, setIsReady] = useState12(false);
+  useEffect11(() => {
     let cancelled = false;
     hasScannedRef.current = false;
     const cleanup = () => {
@@ -4730,7 +5033,7 @@ function QRScanner({ onScan, onError, className = "" }) {
       cleanup();
     };
   }, []);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className,
@@ -4742,7 +5045,7 @@ function QRScanner({ onScan, onError, className = "" }) {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "video",
           {
             playsInline: true,
@@ -4750,8 +5053,8 @@ function QRScanner({ onScan, onError, className = "" }) {
             style: { height: "100%", objectFit: "cover", width: "100%" }
           }
         ),
-        /* @__PURE__ */ jsx18("canvas", { ref: canvasRef, style: { display: "none" } }),
-        isReady && /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19("canvas", { ref: canvasRef, style: { display: "none" } }),
+        isReady && /* @__PURE__ */ jsx19(
           "div",
           {
             style: {
@@ -4773,7 +5076,7 @@ function QRScanner({ onScan, onError, className = "" }) {
 
 // src/components/SDKProvider.tsx
 import { createContext as createContext3, useContext as useContext6, useMemo as useMemo8 } from "react";
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var SDKContext = createContext3({ isMocked: false });
 var useIsMocked = () => useContext6(SDKContext).isMocked;
 var SDKProvider = ({
@@ -4783,24 +5086,24 @@ var SDKProvider = ({
 }) => {
   const isMocked = typeof window !== "undefined" && !(window.__UP_REACT_NATIVE_APP__ === true || !!window.ReactNativeWebView);
   const value = useMemo8(() => ({ isMocked }), [isMocked]);
-  const content = /* @__PURE__ */ jsxs15(Fragment5, { children: [
+  const content = /* @__PURE__ */ jsxs16(Fragment5, { children: [
     children,
-    (debug || isMocked) && /* @__PURE__ */ jsx19(DebugConsole, {})
+    (debug || isMocked) && /* @__PURE__ */ jsx20(DebugConsole, {})
   ] });
   if (isMocked) {
-    return /* @__PURE__ */ jsx19(SDKContext.Provider, { value, children: /* @__PURE__ */ jsx19(BridgeMocker, { ...mockerProps, children: content }) });
+    return /* @__PURE__ */ jsx20(SDKContext.Provider, { value, children: /* @__PURE__ */ jsx20(BridgeMocker, { ...mockerProps, children: content }) });
   }
-  return /* @__PURE__ */ jsx19(SDKContext.Provider, { value, children: content });
+  return /* @__PURE__ */ jsx20(SDKContext.Provider, { value, children: content });
 };
 
 // src/components/SwipeCarousel.tsx
 import {
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useLayoutEffect,
-  useRef as useRef11,
-  useState as useState12
+  useRef as useRef12,
+  useState as useState13
 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var DIRECTION_LOCK_THRESHOLD_PX = 8;
 var SWIPE_DISTANCE_THRESHOLD_PX = 40;
 var SWIPE_VELOCITY_THRESHOLD = 0.4;
@@ -4827,28 +5130,28 @@ var SwipeCarousel = ({
   overscan = DEFAULT_OVERSCAN,
   visibleOverscan = DEFAULT_VISIBLE_OVERSCAN
 }) => {
-  const containerRef = useRef11(null);
-  const [containerWidth, setContainerWidth] = useState12(0);
-  const [dragX, setDragX] = useState12(0);
-  const [dragY, setDragY] = useState12(0);
-  const [isDraggingX, setIsDraggingX] = useState12(false);
-  const [isDraggingY, setIsDraggingY] = useState12(false);
-  const touchStateRef = useRef11(null);
-  const [internalIndex, setInternalIndex] = useState12(
+  const containerRef = useRef12(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 [internalIndex, setInternalIndex] = useState13(
     () => Math.max(
       0,
       items.findIndex((item) => item.id === activeId)
     )
   );
-  const prevActiveIdRef = useRef11(activeId);
-  const [timingWaiting, setTimingWaiting] = useState12(true);
-  useEffect11(() => {
+  const prevActiveIdRef = useRef12(activeId);
+  const [timingWaiting, setTimingWaiting] = useState13(true);
+  useEffect12(() => {
     const timer = setTimeout(() => {
       setTimingWaiting(false);
     }, 1e3);
     return () => clearTimeout(timer);
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     if (activeId !== prevActiveIdRef.current) {
       const idx = items.findIndex((item) => item.id === activeId);
       if (idx !== -1) setInternalIndex(idx);
@@ -4977,7 +5280,7 @@ var SwipeCarousel = ({
   };
   const windowStart = Math.max(0, activeIndex - overscan);
   const windowEnd = Math.min(items.length - 1, activeIndex + overscan);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: `relative overflow-hidden touch-pan-y ${className ?? ""}`,
@@ -4986,7 +5289,7 @@ var SwipeCarousel = ({
       onTouchMove: handleTouchMove,
       onTouchStart: handleTouchStart,
       ref: containerRef,
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx21(
         "div",
         {
           className: "relative h-full",
@@ -5001,7 +5304,7 @@ var SwipeCarousel = ({
             const verticalOffset = isActive ? dragY : 0;
             const distance = Math.abs(index - activeIndex);
             const isVisible = distance <= visibleOverscan;
-            return /* @__PURE__ */ jsx20(
+            return /* @__PURE__ */ jsx21(
               "div",
               {
                 className: `absolute top-0 left-0 h-full shrink-0 ${itemClassName ?? ""} ${item.className ?? ""}`,
@@ -5276,6 +5579,7 @@ export {
   MapMenuTitle,
   MiniAppSDK,
   MockLocationContext,
+  PullToRefresh,
   QRScanner,
   RouteLayer,
   SDKMapProvider,