@cloudparse/up-miniapps-sdk 0.6.2 → 0.6.3

package/dist/index.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import { R as RouteResponse, a as RouteStep, b as RouteRequest, c as RoutingBackendConfig } from './index-B9dDciJq.cjs';
 export { C as ClearRouteRequest, D as DrawRouteRequest, h as handleClearRoute, d as handleDrawRoute, e as handleRouteRequest } from './index-B9dDciJq.cjs';
-import { ViewState } from '@vis.gl/react-maplibre';
+import { ViewState, StyleSpecification, ImmutableLike } from '@vis.gl/react-maplibre';
 import * as react_dom_client from 'react-dom/client';
 import { ShapeType, ErrorCorrectionLevel, DotType, Gradient, CornerSquareType, CornerDotType } from 'qr-code-styling';
 import 'maplibre-gl';
@@ -681,8 +681,8 @@ interface MapProps {
     style?: React__default.CSSProperties;
     /** Minimum and maximum bounds for the map. */
     maxBounds?: [[number, number], [number, number]];
-    /** MapLibre style URL. Defaults to local server. */
-    mapStyle?: string;
+    /** MapLibre style URL, or an inline style spec object. Defaults to local server. */
+    mapStyle?: string | StyleSpecification | ImmutableLike<StyleSpecification>;
     /** Children components (Source, Layer, etc.) */
     children?: React__default.ReactNode;
     /** Additional CSS classes for the map container. */
@@ -1243,6 +1243,28 @@ declare class MiniAppSDK {
          */
         render: typeof 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.
+     */
+    readonly qrCode: Readonly<{
+        /**
+         * 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: string) => Promise<string | null>;
+        /**
+         * @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: string, options?: IGenerateQrCodeOptions) => Promise<string>;
+    }>;
     private bridge;
     /**
      * Local SQLite Storage.
@@ -1349,28 +1371,6 @@ declare class MiniAppSDK {
          */
         saveImage: (base64: string, filename?: string) => Promise<ISaveImageResult>;
     }>;
-    /**
-     * 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.
-     */
-    readonly qrCode: Readonly<{
-        /**
-         * @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: string, options?: IGenerateQrCodeOptions) => Promise<string>;
-        /**
-         * 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: string) => Promise<string | null>;
-    }>;
     /**
      * Payments integration.
      */

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import { R as RouteResponse, a as RouteStep, b as RouteRequest, c as RoutingBackendConfig } from './index-B9dDciJq.js';
 export { C as ClearRouteRequest, D as DrawRouteRequest, h as handleClearRoute, d as handleDrawRoute, e as handleRouteRequest } from './index-B9dDciJq.js';
-import { ViewState } from '@vis.gl/react-maplibre';
+import { ViewState, StyleSpecification, ImmutableLike } from '@vis.gl/react-maplibre';
 import * as react_dom_client from 'react-dom/client';
 import { ShapeType, ErrorCorrectionLevel, DotType, Gradient, CornerSquareType, CornerDotType } from 'qr-code-styling';
 import 'maplibre-gl';
@@ -681,8 +681,8 @@ interface MapProps {
     style?: React__default.CSSProperties;
     /** Minimum and maximum bounds for the map. */
     maxBounds?: [[number, number], [number, number]];
-    /** MapLibre style URL. Defaults to local server. */
-    mapStyle?: string;
+    /** MapLibre style URL, or an inline style spec object. Defaults to local server. */
+    mapStyle?: string | StyleSpecification | ImmutableLike<StyleSpecification>;
     /** Children components (Source, Layer, etc.) */
     children?: React__default.ReactNode;
     /** Additional CSS classes for the map container. */
@@ -1243,6 +1243,28 @@ declare class MiniAppSDK {
          */
         render: typeof 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.
+     */
+    readonly qrCode: Readonly<{
+        /**
+         * 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: string) => Promise<string | null>;
+        /**
+         * @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: string, options?: IGenerateQrCodeOptions) => Promise<string>;
+    }>;
     private bridge;
     /**
      * Local SQLite Storage.
@@ -1349,28 +1371,6 @@ declare class MiniAppSDK {
          */
         saveImage: (base64: string, filename?: string) => Promise<ISaveImageResult>;
     }>;
-    /**
-     * 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.
-     */
-    readonly qrCode: Readonly<{
-        /**
-         * @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: string, options?: IGenerateQrCodeOptions) => Promise<string>;
-        /**
-         * 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: string) => Promise<string | null>;
-    }>;
     /**
      * Payments integration.
      */

package/dist/index.js

@@ -161,35 +161,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.
@@ -237,6 +208,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.
    */
@@ -2444,18 +2444,6 @@ var RouteLayer = ({
   ] });
 };
 
-// src/components/Map/Map.tsx
-import { Map as MapLibre, MapProvider } from "@vis.gl/react-maplibre";
-import React4, {
-  useCallback as useCallback6,
-  useContext as useContext5,
-  useEffect as useEffect7,
-  useMemo as useMemo6,
-  useRef as useRef7,
-  useState as useState8
-} from "react";
-import "maplibre-gl/dist/maplibre-gl.css";
-
 // src/components/Map/utils/geoCircle.ts
 var EARTH_RADIUS_METERS = 6371e3;
 var buildGeoCircle = (center, radiusMeters, points = 64) => {
@@ -2847,6 +2835,16 @@ var UserLocationLayer = ({
 };
 
 // src/components/Map/Map.tsx
+import { Map as MapLibre, MapProvider } from "@vis.gl/react-maplibre";
+import React4, {
+  useCallback as useCallback6,
+  useContext as useContext5,
+  useEffect as useEffect7,
+  useMemo as useMemo6,
+  useRef as useRef7,
+  useState as useState8
+} from "react";
+import "maplibre-gl/dist/maplibre-gl.css";
 import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var MapInternal = ({
   initialViewState = {
@@ -3382,7 +3380,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();
@@ -3487,7 +3490,7 @@ var loadImage2 = (src) => new Promise((resolve, reject) => {
 });
 
 // package.json
-var version = "0.6.2";
+var version = "0.6.3";
 
 // src/sdk.ts
 function deepFreeze(obj) {
@@ -3515,6 +3518,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.
@@ -3618,28 +3643,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.
    */
@@ -3931,6 +3934,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;
@@ -4162,20 +4199,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",
@@ -4216,20 +4240,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 || [];
@@ -5236,9 +5247,16 @@ function createWsService(options) {
     };
   };
   if (channelField) {
-    return { connect, disconnect, onMessage, subscribe, getStatus, onStatusChange };
+    return {
+      connect,
+      disconnect,
+      getStatus,
+      onMessage,
+      onStatusChange,
+      subscribe
+    };
   }
-  return { connect, disconnect, onMessage, getStatus, onStatusChange };
+  return { connect, disconnect, getStatus, onMessage, onStatusChange };
 }
 
 // src/index.ts