@volr/react 0.1.105 → 0.1.107

package/dist/index.d.cts

@@ -767,10 +767,21 @@ interface UseMpcConnectionReturn {
  */
 declare function useMpcConnection(): UseMpcConnectionReturn;
 
+/**
+ * Blob helpers (headless)
+ * - Presign + direct PUT upload to S3
+ */
+
+/**
+ * Upload blob via presigned URL
+ * Uses APIClient for authentication (recommended)
+ */
 declare function uploadBlobViaPresign(params: {
-    baseUrl: string;
-    apiKey: string;
+    /** APIClient instance for authenticated requests */
+    client: APIClient;
+    /** Blob to upload */
     blob: Blob;
+    /** Content type (default: application/octet-stream) */
     contentType?: string;
 }): Promise<{
     s3Key: string;
@@ -798,8 +809,10 @@ interface PaymentItem {
     image?: string;
 }
 interface PayOptions {
-    /** Amount in token units (before decimals applied) */
+    /** Amount in token units (before decimals applied) - same amount applies to all tokens */
     amount: number;
+    /** Token ID to use for payment (if not provided, user selects in modal) */
+    tokenId?: string;
     /** Item information to display in payment modal */
     item?: PaymentItem;
     /** Client-side order/reference ID */
@@ -835,6 +848,8 @@ interface PaymentToken {
     symbol: string;
     chainId: number;
     decimals: number;
+    address: string;
+    iconUrl?: string | null;
 }
 interface PaymentResult {
     id: string;
@@ -905,8 +920,11 @@ interface PaymentContext {
 interface UseVolrPaymentApiReturn {
     /**
      * Create a payment via API
+     * @param options Payment options including required tokenId
      */
-    createPayment: (options: PayOptions) => Promise<PaymentResult>;
+    createPayment: (options: PayOptions & {
+        tokenId: string;
+    }) => Promise<PaymentResult>;
     /**
      * Check payment status by ID
      */
@@ -1235,10 +1253,10 @@ interface MigrationRequestResult {
 interface MigrationCompleteParams {
     /** APIClient instance */
     client: APIClient;
-    /** Base URL for API calls */
-    baseUrl: string;
-    /** Project API key */
-    apiKey: string;
+    /** @deprecated No longer needed - client handles auth automatically */
+    baseUrl?: string;
+    /** @deprecated No longer needed - client handles auth automatically */
+    apiKey?: string;
     /** User ID */
     userId: string;
     /** Project ID */

package/dist/index.d.ts

@@ -767,10 +767,21 @@ interface UseMpcConnectionReturn {
  */
 declare function useMpcConnection(): UseMpcConnectionReturn;
 
+/**
+ * Blob helpers (headless)
+ * - Presign + direct PUT upload to S3
+ */
+
+/**
+ * Upload blob via presigned URL
+ * Uses APIClient for authentication (recommended)
+ */
 declare function uploadBlobViaPresign(params: {
-    baseUrl: string;
-    apiKey: string;
+    /** APIClient instance for authenticated requests */
+    client: APIClient;
+    /** Blob to upload */
     blob: Blob;
+    /** Content type (default: application/octet-stream) */
     contentType?: string;
 }): Promise<{
     s3Key: string;
@@ -798,8 +809,10 @@ interface PaymentItem {
     image?: string;
 }
 interface PayOptions {
-    /** Amount in token units (before decimals applied) */
+    /** Amount in token units (before decimals applied) - same amount applies to all tokens */
     amount: number;
+    /** Token ID to use for payment (if not provided, user selects in modal) */
+    tokenId?: string;
     /** Item information to display in payment modal */
     item?: PaymentItem;
     /** Client-side order/reference ID */
@@ -835,6 +848,8 @@ interface PaymentToken {
     symbol: string;
     chainId: number;
     decimals: number;
+    address: string;
+    iconUrl?: string | null;
 }
 interface PaymentResult {
     id: string;
@@ -905,8 +920,11 @@ interface PaymentContext {
 interface UseVolrPaymentApiReturn {
     /**
      * Create a payment via API
+     * @param options Payment options including required tokenId
      */
-    createPayment: (options: PayOptions) => Promise<PaymentResult>;
+    createPayment: (options: PayOptions & {
+        tokenId: string;
+    }) => Promise<PaymentResult>;
     /**
      * Check payment status by ID
      */
@@ -1235,10 +1253,10 @@ interface MigrationRequestResult {
 interface MigrationCompleteParams {
     /** APIClient instance */
     client: APIClient;
-    /** Base URL for API calls */
-    baseUrl: string;
-    /** Project API key */
-    apiKey: string;
+    /** @deprecated No longer needed - client handles auth automatically */
+    baseUrl?: string;
+    /** @deprecated No longer needed - client handles auth automatically */
+    apiKey?: string;
     /** User ID */
     userId: string;
     /** Project ID */

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as nc from 'crypto';
 import { createContext, useRef, useEffect, useMemo, useState, useCallback, useContext } from 'react';
-import { createPasskeyProvider, createMpcProvider, deriveWrapKey, sealMasterSeed, uploadBlob, signSession, getAuthNonce, signAuthorization, createMasterKeyProvider, deriveEvmKey, ZERO_HASH, selectSigner, VolrError } from '@volr/sdk-core';
+import { createPasskeyProvider, createMpcProvider, deriveWrapKey, sealMasterSeed, signSession, getAuthNonce, signAuthorization, createMasterKeyProvider, deriveEvmKey, ZERO_HASH, selectSigner, VolrError } from '@volr/sdk-core';
 export { createMasterKeyProvider, createMpcProvider, createPasskeyProvider, deriveEvmKey, deriveWrapKey, sealMasterSeed, uploadBlob } from '@volr/sdk-core';
 import axios from 'axios';
 import { jsx } from 'react/jsx-runtime';
@@ -19175,6 +19175,18 @@ function useDepositListener(input) {
   }, [getRpcUrl, input.chainId, input.address, JSON.stringify(input.asset)]);
   return status;
 }
+function blobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      const result = reader.result;
+      const base64 = result.includes(",") ? result.split(",")[1] : result;
+      resolve(base64 || "");
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
 function detectPlatform() {
   if (typeof navigator === "undefined") return "Unknown";
   const ua = navigator.userAgent;
@@ -19312,16 +19324,11 @@ async function enrollPasskey(params) {
         type: "application/octet-stream"
       }
     );
-    const accessToken = client.getAccessToken();
-    if (!accessToken) {
-      throw new Error("Access token is required for blob upload");
-    }
-    const { key: blobUrl } = await uploadBlob({
-      baseUrl,
-      apiKey,
-      accessToken,
-      blob
+    const blobB64 = await blobToBase64(blob);
+    const uploadResponse = await client.post("/blob/upload", {
+      blobB64
     });
+    const blobUrl = uploadResponse?.key;
     if (!blobUrl) {
       throw new Error("Failed to upload blob: missing key");
     }
@@ -19594,48 +19601,19 @@ function useMpcConnection() {
     error
   };
 }
-function createAxiosInstance(baseUrl, apiKey) {
-  const instance = axios.create({
-    baseURL: baseUrl.replace(/\/+$/, ""),
-    // Remove trailing slashes
-    withCredentials: true,
-    // Include cookies
-    headers: {
-      "Content-Type": "application/json"
-    }
-  });
-  instance.interceptors.request.use((config) => {
-    if (apiKey) {
-      config.headers["X-API-Key"] = apiKey;
-    }
-    return config;
-  });
-  instance.interceptors.response.use(
-    (response) => response,
-    (error) => {
-      if (error.response?.data) {
-        const errorData = error.response.data;
-        if (errorData.error?.message) {
-          error.message = errorData.error.message;
-        }
-      }
-      return Promise.reject(error);
-    }
-  );
-  return instance;
-}
 
 // src/headless/blobs.ts
 async function uploadBlobViaPresign(params) {
-  const { baseUrl, apiKey, blob, contentType = "application/octet-stream" } = params;
-  const api = createAxiosInstance(baseUrl, apiKey);
-  const presignResponse = await api.post("/blob/presign", {
+  const { client, blob, contentType = "application/octet-stream" } = params;
+  const presignData = await client.post("/blob/presign", {
     op: "put",
     contentType
   });
-  const presignData = presignResponse.data?.data || presignResponse.data;
   const uploadUrl = presignData.url;
-  const s3Key = presignData.s3Key;
+  const s3Key = presignData.s3Key || presignData.proposedKey || "";
+  if (!uploadUrl || !s3Key) {
+    throw new Error("Invalid presign response: missing url or s3Key");
+  }
   const putRes = await fetch(uploadUrl, {
     method: "PUT",
     body: blob,
@@ -19661,6 +19639,7 @@ function useVolrPaymentApi() {
       setIsLoading(true);
       try {
         const response = await client.post("/payments", {
+          tokenId: options.tokenId,
           amount: options.amount,
           item: options.item,
           referenceId: options.referenceId,
@@ -20105,6 +20084,18 @@ async function checkPrfExtensionAvailable() {
   const { prfSupported } = checkPrfSupport();
   return prfSupported;
 }
+function blobToBase642(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      const result = reader.result;
+      const base64 = result.includes(",") ? result.split(",")[1] : result;
+      resolve(base64 || "");
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
 async function requestMigration(params) {
   const { client, targetOrigin } = params;
   const response = await client.post("/wallet/migration/request", { targetOrigin });
@@ -20223,8 +20214,6 @@ function detectPlatform3() {
 async function completeMigration(params) {
   const {
     client,
-    baseUrl,
-    apiKey,
     userId,
     projectId,
     migrationToken,
@@ -20296,16 +20285,11 @@ async function completeMigration(params) {
     ],
     { type: "application/octet-stream" }
   );
-  const accessToken = client.getAccessToken();
-  if (!accessToken) {
-    throw new Error("Access token is required");
-  }
-  const { key: blobUrl } = await uploadBlob({
-    baseUrl,
-    apiKey,
-    accessToken,
-    blob
+  const blobB64 = await blobToBase642(blob);
+  const uploadResponse = await client.post("/blob/upload", {
+    blobB64
   });
+  const blobUrl = uploadResponse?.key;
   if (!blobUrl) {
     throw new Error("Failed to upload blob");
   }