@cloudparse/up-miniapps-sdk 0.6.1 → 0.6.3

package/dist/index.cjs

@@ -225,35 +225,6 @@ var Bridge = class {
       return this.send(type, payload, timeoutMs, retries - 1);
     });
   }
-  sendOnce(type, payload, timeoutMs) {
-    return new Promise((resolve, reject) => {
-      const callbackId = `${type}_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-      const timeout = setTimeout(() => {
-        if (this.callbacks.has(callbackId)) {
-          this.callbacks.delete(callbackId);
-          reject(new BridgeTimeoutError(`Bridge request timeout: ${type}`));
-        }
-      }, timeoutMs);
-      this.callbacks.set(callbackId, {
-        reject,
-        resolve,
-        timeout
-      });
-      const message = {
-        callbackId,
-        payload,
-        type
-      };
-      const win = window;
-      if (win.ReactNativeWebView?.postMessage) {
-        win.ReactNativeWebView.postMessage(JSON.stringify(message));
-      } else {
-        clearTimeout(timeout);
-        this.callbacks.delete(callbackId);
-        reject(new Error("Bridge not available"));
-      }
-    });
-  }
   /**
    * Internal handler for all incoming messages from the native shell.
    * Matches incoming payloads to either pending callbacks or event listeners.
@@ -301,6 +272,35 @@ var Bridge = class {
     console.warn(`[Bridge] Mock mode active: Unhandled message type ${type}`);
     return Promise.resolve();
   }
+  sendOnce(type, payload, timeoutMs) {
+    return new Promise((resolve, reject) => {
+      const callbackId = `${type}_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
+      const timeout = setTimeout(() => {
+        if (this.callbacks.has(callbackId)) {
+          this.callbacks.delete(callbackId);
+          reject(new BridgeTimeoutError(`Bridge request timeout: ${type}`));
+        }
+      }, timeoutMs);
+      this.callbacks.set(callbackId, {
+        reject,
+        resolve,
+        timeout
+      });
+      const message = {
+        callbackId,
+        payload,
+        type
+      };
+      const win = window;
+      if (win.ReactNativeWebView?.postMessage) {
+        win.ReactNativeWebView.postMessage(JSON.stringify(message));
+      } else {
+        clearTimeout(timeout);
+        this.callbacks.delete(callbackId);
+        reject(new Error("Bridge not available"));
+      }
+    });
+  }
   /**
    * Determine environment. Check flag or cache result.
    */
@@ -2495,11 +2495,6 @@ var RouteLayer = ({
   ] });
 };
 
-// src/components/Map/Map.tsx
-var import_react_maplibre6 = require("@vis.gl/react-maplibre");
-var import_react12 = __toESM(require("react"), 1);
-var import_maplibre_gl = require("maplibre-gl/dist/maplibre-gl.css");
-
 // src/components/Map/utils/geoCircle.ts
 var EARTH_RADIUS_METERS = 6371e3;
 var buildGeoCircle = (center, radiusMeters, points = 64) => {
@@ -2891,6 +2886,9 @@ var UserLocationLayer = ({
 };
 
 // src/components/Map/Map.tsx
+var import_react_maplibre6 = require("@vis.gl/react-maplibre");
+var import_react12 = __toESM(require("react"), 1);
+var import_maplibre_gl = require("maplibre-gl/dist/maplibre-gl.css");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var MapInternal = ({
   initialViewState = {
@@ -3426,7 +3424,12 @@ async function generateQrCode(data, options = {}) {
   const outerPadding = options.outerPadding ?? 32;
   const borderRadiusPercent = options.borderRadius ?? DEFAULT_BORDER_RADIUS_PERCENT;
   const composed = label ? await composeWithLabel(qrDataUrl, label, size, backgroundColor, color) : qrDataUrl;
-  return finalizeImage(composed, outerPadding, borderRadiusPercent, backgroundColor);
+  return finalizeImage(
+    composed,
+    outerPadding,
+    borderRadiusPercent,
+    backgroundColor
+  );
 }
 var blobToDataUrl = (blob) => new Promise((resolve, reject) => {
   const reader = new FileReader();
@@ -3711,7 +3714,7 @@ var RoutingService = {
 };
 
 // package.json
-var version = "0.6.1";
+var version = "0.6.3";
 
 // src/sdk.ts
 function deepFreeze(obj) {
@@ -3739,6 +3742,28 @@ var MiniAppSDK = class {
      */
     render: renderMap
   });
+  /**
+   * QR code generation — the single source of truth for every Mini-App.
+   * Runs entirely client-side (canvas, no Host Shell round-trip) and returns
+   * a base64 PNG data URI, ready for an `<img src>` or `media.saveImage()`.
+   * Mini-Apps must not reimplement this on their own.
+   */
+  qrCode = Object.freeze({
+    /**
+     * Decodes a QR code from a static image (base64 data URI or URL) —
+     * e.g. a photo picked via `sdk.media.pickImage()` that already
+     * contains a QR code, as an alternative to the live `<QRScanner>`.
+     * @param imageDataUrl A base64 data URI (e.g. from `sdk.media.pickImage()`).
+     * @returns The decoded string, or `null` if no QR code was found.
+     */
+    decode: (imageDataUrl) => decodeQrCode(imageDataUrl),
+    /**
+     * @param data The value to encode (e.g. a deep link).
+     * @param options Styling/labeling options — see {@link IGenerateQrCodeOptions}.
+     * @returns A base64 PNG data URI.
+     */
+    generate: (data, options) => generateQrCode(data, options)
+  });
   bridge;
   /**
    * Local SQLite Storage.
@@ -3842,28 +3867,6 @@ var MiniAppSDK = class {
      */
     saveImage: (base64, filename) => this.bridge.send("SAVE_IMAGE", { base64, filename })
   });
-  /**
-   * QR code generation — the single source of truth for every Mini-App.
-   * Runs entirely client-side (canvas, no Host Shell round-trip) and returns
-   * a base64 PNG data URI, ready for an `<img src>` or `media.saveImage()`.
-   * Mini-Apps must not reimplement this on their own.
-   */
-  qrCode = Object.freeze({
-    /**
-     * @param data The value to encode (e.g. a deep link).
-     * @param options Styling/labeling options — see {@link IGenerateQrCodeOptions}.
-     * @returns A base64 PNG data URI.
-     */
-    generate: (data, options) => generateQrCode(data, options),
-    /**
-     * Decodes a QR code from a static image (base64 data URI or URL) —
-     * e.g. a photo picked via `sdk.media.pickImage()` that already
-     * contains a QR code, as an alternative to the live `<QRScanner>`.
-     * @param imageDataUrl A base64 data URI (e.g. from `sdk.media.pickImage()`).
-     * @returns The decoded string, or `null` if no QR code was found.
-     */
-    decode: (imageDataUrl) => decodeQrCode(imageDataUrl)
-  });
   /**
    * Payments integration.
    */
@@ -4155,6 +4158,40 @@ function getMockAvatarUrl(seed) {
   const shortSeed = hashToShortSeed(seed);
   return `https://api.dicebear.com/10.x/notionists-neutral/png?seed=${shortSeed}&mouth=${AVATAR_MOUTH_VARIANTS}&eyes=${AVATAR_EYES_VARIANTS}&glassesProbability=50`;
 }
+function decodeMockJWTPayload(token) {
+  try {
+    const raw = token.startsWith("Bearer ") ? token.slice(7) : token;
+    const base64Url = raw.split(".")[1];
+    const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+    const jsonPayload = decodeURIComponent(
+      atob(base64).split("").map((c) => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`).join("")
+    );
+    return JSON.parse(jsonPayload);
+  } catch {
+    return null;
+  }
+}
+function buildMockProfile(mockJWTToken) {
+  const claims = mockJWTToken ? decodeMockJWTPayload(mockJWTToken) : null;
+  const uuid = claims?.sub || "mock-user-42";
+  const fullName = claims?.name || claims?.username || "Smart Caveman";
+  const username = claims?.username || "smart_caveman";
+  const [firstName, ...lastNameParts] = fullName.split(" ");
+  return {
+    admin: true,
+    countryCode: "FR",
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    email: "caveman@up.app",
+    firstName: firstName || "Smart",
+    fullName,
+    lastName: lastNameParts.join(" ") || "Caveman",
+    localNumber: "0600000000",
+    ups: 100,
+    username,
+    uuid,
+    xp: 500
+  };
+}
 var getBearing = (p1, p2) => {
   const lat1 = p1[1] * Math.PI / 180;
   const lat2 = p2[1] * Math.PI / 180;
@@ -4386,20 +4423,7 @@ var BridgeMocker = ({
           insets: { bottom: 0, left: 0, right: 0, top: 0 },
           name: "Vite Dev (Mock)",
           params: {},
-          profile: {
-            admin: true,
-            countryCode: "FR",
-            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-            email: "caveman@up.app",
-            firstName: "Smart",
-            fullName: "Smart Caveman",
-            lastName: "Caveman",
-            localNumber: "0600000000",
-            ups: 100,
-            username: "smart_caveman",
-            uuid: "mock-user-42",
-            xp: 500
-          },
+          profile: buildMockProfile(stateRef.current.mockJWTToken),
           success: true,
           userData: {},
           uuid: appId || "mock-app-id",
@@ -4440,20 +4464,7 @@ var BridgeMocker = ({
         return Promise.resolve();
       }
       if (type === "GET_USER_PROFILE") {
-        return Promise.resolve({
-          admin: true,
-          countryCode: "FR",
-          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-          email: "caveman@up.app",
-          firstName: "Smart",
-          fullName: "Smart Caveman",
-          lastName: "Caveman",
-          localNumber: "0600000000",
-          ups: 100,
-          username: "smart_caveman",
-          uuid: "mock-user-42",
-          xp: 500
-        });
+        return Promise.resolve(buildMockProfile(stateRef.current.mockJWTToken));
       }
       if (type === "GET_PROFILE_PICTURE") {
         const uuids = payload?.uuids || [];
@@ -5377,6 +5388,13 @@ function createWsService(options) {
   let reconnectTimeout = null;
   let reconnectDelay = 1e3;
   let isConnecting = false;
+  let status = "closed";
+  const statusListeners = /* @__PURE__ */ new Set();
+  const setStatus = (next) => {
+    if (status === next) return;
+    status = next;
+    for (const cb of statusListeners) cb(status);
+  };
   const getWsUrl = () => options.baseUrl || options.api.wsUrl || "";
   const sendAction = (action, channelId) => {
     if (ws?.readyState === WebSocket.OPEN) {
@@ -5395,6 +5413,7 @@ function createWsService(options) {
       return;
     }
     isConnecting = true;
+    setStatus("connecting");
     try {
       const wsUrl = getWsUrl();
       if (!wsUrl) {
@@ -5402,6 +5421,7 @@ function createWsService(options) {
           "[WS] No WebSocket backend URL available, connection delayed."
         );
         isConnecting = false;
+        setStatus("closed");
         return;
       }
       let authParams = {};
@@ -5417,6 +5437,7 @@ function createWsService(options) {
       } else {
         console.warn("[WS] No auth available, connection delayed.");
         isConnecting = false;
+        setStatus("closed");
         return;
       }
       const params = new URLSearchParams({ ...options.query, ...authParams });
@@ -5424,6 +5445,7 @@ function createWsService(options) {
       ws = new WebSocket(query ? `${wsUrl}?${query}` : wsUrl);
       ws.onopen = () => {
         isConnecting = false;
+        setStatus("open");
         reconnectDelay = 1e3;
         if (channelField) {
           for (const channelId of subscriptions.keys()) {
@@ -5450,6 +5472,7 @@ function createWsService(options) {
       };
       ws.onclose = () => {
         isConnecting = false;
+        setStatus("closed");
         scheduleReconnect();
       };
       ws.onerror = (err) => {
@@ -5460,6 +5483,7 @@ function createWsService(options) {
     } catch (err) {
       console.error("[WS] Failed to establish connection:", err);
       isConnecting = false;
+      setStatus("closed");
       scheduleReconnect();
     }
   };
@@ -5473,6 +5497,15 @@ function createWsService(options) {
       ws.close();
       ws = null;
     }
+    setStatus("closed");
+  };
+  const getStatus = () => status;
+  const onStatusChange = (callback) => {
+    statusListeners.add(callback);
+    callback(status);
+    return () => {
+      statusListeners.delete(callback);
+    };
   };
   const subscribe = (channelId, callback) => {
     const isNewChannel = !subscriptions.has(channelId);
@@ -5498,9 +5531,16 @@ function createWsService(options) {
     };
   };
   if (channelField) {
-    return { connect, disconnect, onMessage, subscribe };
+    return {
+      connect,
+      disconnect,
+      getStatus,
+      onMessage,
+      onStatusChange,
+      subscribe
+    };
   }
-  return { connect, disconnect, onMessage };
+  return { connect, disconnect, getStatus, onMessage, onStatusChange };
 }
 
 // src/index.ts