@phantom/react-native-sdk 0.1.3 → 0.1.5

package/README.md

@@ -202,6 +202,7 @@ interface PhantomSDKConfig {
   };
   appName?: string; // Optional app name for branding
   appLogo?: string; // Optional app logo URL for branding
+  autoConnect?: boolean; // Auto-connect to existing session on SDK instantiation (default: true)
   debug?: boolean; // Enable debug logging (optional)
 }
 ```

package/dist/index.d.ts

@@ -11,6 +11,8 @@ interface PhantomSDKConfig extends EmbeddedProviderConfig {
     scheme: string;
     /** Enable debug logging */
     debug?: boolean;
+    /** Enable auto-connect to existing sessions (default: true) */
+    autoConnect?: boolean;
 }
 interface ConnectOptions {
     /** OAuth provider to use */
@@ -24,10 +26,10 @@ interface ConnectOptions {
 interface PhantomContextValue {
     sdk: EmbeddedProvider;
     isConnected: boolean;
+    isConnecting: boolean;
+    connectError: Error | null;
     addresses: WalletAddress[];
     walletId: string | null;
-    error: Error | null;
-    updateConnectionState: () => void;
     setWalletId: (walletId: string | null) => void;
 }
 interface PhantomProviderProps {
@@ -57,7 +59,6 @@ declare function useAccounts(): {
     addresses: _phantom_embedded_provider_core.WalletAddress[];
     isConnected: boolean;
     walletId: string | null;
-    error: Error | null;
 };
 
 declare function useSignMessage(): {

package/dist/index.js

@@ -422,18 +422,11 @@ function PhantomProvider({ children, config }) {
   const sdk = (0, import_react.useMemo)(() => {
     const redirectUrl = config.authOptions?.redirectUrl || `${config.scheme}://phantom-auth-callback`;
     const embeddedConfig = {
-      apiBaseUrl: config.apiBaseUrl,
-      organizationId: config.organizationId,
+      ...config,
       authOptions: {
-        ...config.authOptions,
+        ...config.authOptions || {},
         redirectUrl
-      },
-      embeddedWalletType: config.embeddedWalletType,
-      addressTypes: config.addressTypes,
-      solanaProvider: config.solanaProvider || "web3js",
-      appName: config.appName,
-      appLogo: config.appLogo
-      // Optional app logo URL
+      }
     };
     const storage = new ExpoSecureStorage();
     const authProvider = new ExpoAuthProvider();
@@ -450,48 +443,74 @@ function PhantomProvider({ children, config }) {
       stamper,
       name: `${import_react_native2.Platform.OS}-${import_react_native2.Platform.Version}`
     };
-    return new import_embedded_provider_core.EmbeddedProvider(embeddedConfig, platform, logger);
+    const sdkInstance = new import_embedded_provider_core.EmbeddedProvider(embeddedConfig, platform, logger);
+    const handleConnectStart = () => {
+      setIsConnecting(true);
+      setConnectError(null);
+    };
+    const handleConnect = async () => {
+      try {
+        setIsConnected(true);
+        setIsConnecting(false);
+        const addrs = await sdkInstance.getAddresses();
+        setAddresses(addrs);
+      } catch (err) {
+        console.error("Error connecting:", err);
+        try {
+          await sdkInstance.disconnect();
+        } catch (err2) {
+          console.error("Error disconnecting:", err2);
+        }
+      }
+    };
+    const handleConnectError = (errorData) => {
+      setIsConnecting(false);
+      setConnectError(new Error(errorData.error || "Connection failed"));
+    };
+    const handleDisconnect = () => {
+      setIsConnected(false);
+      setIsConnecting(false);
+      setConnectError(null);
+      setAddresses([]);
+      setWalletId(null);
+    };
+    sdkInstance.on("connect_start", handleConnectStart);
+    sdkInstance.on("connect", handleConnect);
+    sdkInstance.on("connect_error", handleConnectError);
+    sdkInstance.on("disconnect", handleDisconnect);
+    return sdkInstance;
   }, [config]);
   const [isConnected, setIsConnected] = (0, import_react.useState)(false);
+  const [isConnecting, setIsConnecting] = (0, import_react.useState)(false);
+  const [connectError, setConnectError] = (0, import_react.useState)(null);
   const [addresses, setAddresses] = (0, import_react.useState)([]);
   const [walletId, setWalletId] = (0, import_react.useState)(null);
-  const [error, setError] = (0, import_react.useState)(null);
-  const updateConnectionState = (0, import_react.useCallback)(() => {
-    try {
-      const connected = sdk.isConnected();
-      setIsConnected(connected);
-      if (connected) {
-        const addrs = sdk.getAddresses();
-        setAddresses(addrs);
-      } else {
-        setAddresses([]);
-        setWalletId(null);
-      }
-    } catch (err) {
-      console.error("[PhantomProvider] Error updating connection state", err);
-      setError(err);
-      try {
-        sdk.disconnect();
-        setIsConnected(false);
-        setAddresses([]);
-        setWalletId(null);
-      } catch (disconnectErr) {
-        console.error("[PhantomProvider] Error disconnecting after error", disconnectErr);
-      }
-    }
-  }, [sdk]);
   (0, import_react.useEffect)(() => {
-    updateConnectionState();
-  }, [updateConnectionState]);
-  const value = {
-    sdk,
-    isConnected,
-    addresses,
-    walletId,
-    error,
-    updateConnectionState,
-    setWalletId
-  };
+    if (config.autoConnect !== false) {
+      sdk.autoConnect().catch(() => {
+      });
+    }
+  }, [sdk, config.autoConnect]);
+  const value = (0, import_react.useMemo)(
+    () => ({
+      sdk,
+      isConnected,
+      isConnecting,
+      connectError,
+      addresses,
+      walletId,
+      setWalletId
+    }),
+    [
+      sdk,
+      isConnected,
+      isConnecting,
+      connectError,
+      addresses,
+      walletId,
+      setWalletId
+    ]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhantomContext.Provider, { value, children });
 }
 function usePhantom() {
@@ -505,46 +524,36 @@ function usePhantom() {
 // src/hooks/useConnect.ts
 var import_react2 = require("react");
 function useConnect() {
-  const { sdk, updateConnectionState, setWalletId } = usePhantom();
-  const [isConnecting, setIsConnecting] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
+  const { sdk, isConnecting, connectError, setWalletId } = usePhantom();
   const connect = (0, import_react2.useCallback)(
     async (options) => {
       if (!sdk) {
         throw new Error("SDK not initialized");
       }
-      setIsConnecting(true);
-      setError(null);
       try {
         const result = await sdk.connect(options);
-        if (result.status === "completed") {
-          if (result.walletId) {
-            setWalletId(result.walletId);
-          }
-          updateConnectionState();
+        if (result.status === "completed" && result.walletId) {
+          setWalletId(result.walletId);
         }
         return result;
       } catch (err) {
-        const error2 = err;
-        setError(error2);
-        throw error2;
-      } finally {
-        setIsConnecting(false);
+        const error = err;
+        throw error;
       }
     },
-    [sdk, updateConnectionState, setWalletId]
+    [sdk, setWalletId]
   );
   return {
     connect,
     isConnecting,
-    error
+    error: connectError
   };
 }
 
 // src/hooks/useDisconnect.ts
 var import_react3 = require("react");
 function useDisconnect() {
-  const { sdk, updateConnectionState } = usePhantom();
+  const { sdk } = usePhantom();
   const [isDisconnecting, setIsDisconnecting] = (0, import_react3.useState)(false);
   const [error, setError] = (0, import_react3.useState)(null);
   const disconnect = (0, import_react3.useCallback)(async () => {
@@ -555,7 +564,6 @@ function useDisconnect() {
     setError(null);
     try {
       await sdk.disconnect();
-      updateConnectionState();
     } catch (err) {
       const error2 = err;
       setError(error2);
@@ -563,7 +571,7 @@ function useDisconnect() {
     } finally {
       setIsDisconnecting(false);
     }
-  }, [sdk, updateConnectionState]);
+  }, [sdk]);
   return {
     disconnect,
     isDisconnecting,
@@ -573,12 +581,11 @@ function useDisconnect() {
 
 // src/hooks/useAccounts.ts
 function useAccounts() {
-  const { addresses, isConnected, walletId, error } = usePhantom();
+  const { addresses, isConnected, walletId } = usePhantom();
   return {
     addresses,
     isConnected,
-    walletId,
-    error
+    walletId
   };
 }
 

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/PhantomProvider.tsx
-import { createContext, useContext, useState, useEffect, useCallback, useMemo } from "react";
+import { createContext, useContext, useState, useEffect, useMemo } from "react";
 import { EmbeddedProvider } from "@phantom/embedded-provider-core";
 
 // src/providers/embedded/storage.ts
@@ -378,18 +378,11 @@ function PhantomProvider({ children, config }) {
   const sdk = useMemo(() => {
     const redirectUrl = config.authOptions?.redirectUrl || `${config.scheme}://phantom-auth-callback`;
     const embeddedConfig = {
-      apiBaseUrl: config.apiBaseUrl,
-      organizationId: config.organizationId,
+      ...config,
       authOptions: {
-        ...config.authOptions,
+        ...config.authOptions || {},
         redirectUrl
-      },
-      embeddedWalletType: config.embeddedWalletType,
-      addressTypes: config.addressTypes,
-      solanaProvider: config.solanaProvider || "web3js",
-      appName: config.appName,
-      appLogo: config.appLogo
-      // Optional app logo URL
+      }
     };
     const storage = new ExpoSecureStorage();
     const authProvider = new ExpoAuthProvider();
@@ -406,48 +399,74 @@ function PhantomProvider({ children, config }) {
       stamper,
       name: `${Platform.OS}-${Platform.Version}`
     };
-    return new EmbeddedProvider(embeddedConfig, platform, logger);
+    const sdkInstance = new EmbeddedProvider(embeddedConfig, platform, logger);
+    const handleConnectStart = () => {
+      setIsConnecting(true);
+      setConnectError(null);
+    };
+    const handleConnect = async () => {
+      try {
+        setIsConnected(true);
+        setIsConnecting(false);
+        const addrs = await sdkInstance.getAddresses();
+        setAddresses(addrs);
+      } catch (err) {
+        console.error("Error connecting:", err);
+        try {
+          await sdkInstance.disconnect();
+        } catch (err2) {
+          console.error("Error disconnecting:", err2);
+        }
+      }
+    };
+    const handleConnectError = (errorData) => {
+      setIsConnecting(false);
+      setConnectError(new Error(errorData.error || "Connection failed"));
+    };
+    const handleDisconnect = () => {
+      setIsConnected(false);
+      setIsConnecting(false);
+      setConnectError(null);
+      setAddresses([]);
+      setWalletId(null);
+    };
+    sdkInstance.on("connect_start", handleConnectStart);
+    sdkInstance.on("connect", handleConnect);
+    sdkInstance.on("connect_error", handleConnectError);
+    sdkInstance.on("disconnect", handleDisconnect);
+    return sdkInstance;
   }, [config]);
   const [isConnected, setIsConnected] = useState(false);
+  const [isConnecting, setIsConnecting] = useState(false);
+  const [connectError, setConnectError] = useState(null);
   const [addresses, setAddresses] = useState([]);
   const [walletId, setWalletId] = useState(null);
-  const [error, setError] = useState(null);
-  const updateConnectionState = useCallback(() => {
-    try {
-      const connected = sdk.isConnected();
-      setIsConnected(connected);
-      if (connected) {
-        const addrs = sdk.getAddresses();
-        setAddresses(addrs);
-      } else {
-        setAddresses([]);
-        setWalletId(null);
-      }
-    } catch (err) {
-      console.error("[PhantomProvider] Error updating connection state", err);
-      setError(err);
-      try {
-        sdk.disconnect();
-        setIsConnected(false);
-        setAddresses([]);
-        setWalletId(null);
-      } catch (disconnectErr) {
-        console.error("[PhantomProvider] Error disconnecting after error", disconnectErr);
-      }
-    }
-  }, [sdk]);
   useEffect(() => {
-    updateConnectionState();
-  }, [updateConnectionState]);
-  const value = {
-    sdk,
-    isConnected,
-    addresses,
-    walletId,
-    error,
-    updateConnectionState,
-    setWalletId
-  };
+    if (config.autoConnect !== false) {
+      sdk.autoConnect().catch(() => {
+      });
+    }
+  }, [sdk, config.autoConnect]);
+  const value = useMemo(
+    () => ({
+      sdk,
+      isConnected,
+      isConnecting,
+      connectError,
+      addresses,
+      walletId,
+      setWalletId
+    }),
+    [
+      sdk,
+      isConnected,
+      isConnecting,
+      connectError,
+      addresses,
+      walletId,
+      setWalletId
+    ]
+  );
   return /* @__PURE__ */ jsx(PhantomContext.Provider, { value, children });
 }
 function usePhantom() {
@@ -459,51 +478,41 @@ function usePhantom() {
 }
 
 // src/hooks/useConnect.ts
-import { useState as useState2, useCallback as useCallback2 } from "react";
+import { useCallback } from "react";
 function useConnect() {
-  const { sdk, updateConnectionState, setWalletId } = usePhantom();
-  const [isConnecting, setIsConnecting] = useState2(false);
-  const [error, setError] = useState2(null);
-  const connect = useCallback2(
+  const { sdk, isConnecting, connectError, setWalletId } = usePhantom();
+  const connect = useCallback(
     async (options) => {
       if (!sdk) {
         throw new Error("SDK not initialized");
       }
-      setIsConnecting(true);
-      setError(null);
       try {
         const result = await sdk.connect(options);
-        if (result.status === "completed") {
-          if (result.walletId) {
-            setWalletId(result.walletId);
-          }
-          updateConnectionState();
+        if (result.status === "completed" && result.walletId) {
+          setWalletId(result.walletId);
         }
         return result;
       } catch (err) {
-        const error2 = err;
-        setError(error2);
-        throw error2;
-      } finally {
-        setIsConnecting(false);
+        const error = err;
+        throw error;
       }
     },
-    [sdk, updateConnectionState, setWalletId]
+    [sdk, setWalletId]
   );
   return {
     connect,
     isConnecting,
-    error
+    error: connectError
   };
 }
 
 // src/hooks/useDisconnect.ts
-import { useState as useState3, useCallback as useCallback3 } from "react";
+import { useState as useState2, useCallback as useCallback2 } from "react";
 function useDisconnect() {
-  const { sdk, updateConnectionState } = usePhantom();
-  const [isDisconnecting, setIsDisconnecting] = useState3(false);
-  const [error, setError] = useState3(null);
-  const disconnect = useCallback3(async () => {
+  const { sdk } = usePhantom();
+  const [isDisconnecting, setIsDisconnecting] = useState2(false);
+  const [error, setError] = useState2(null);
+  const disconnect = useCallback2(async () => {
     if (!sdk) {
       throw new Error("SDK not initialized");
     }
@@ -511,7 +520,6 @@ function useDisconnect() {
     setError(null);
     try {
       await sdk.disconnect();
-      updateConnectionState();
     } catch (err) {
       const error2 = err;
       setError(error2);
@@ -519,7 +527,7 @@ function useDisconnect() {
     } finally {
       setIsDisconnecting(false);
     }
-  }, [sdk, updateConnectionState]);
+  }, [sdk]);
   return {
     disconnect,
     isDisconnecting,
@@ -529,22 +537,21 @@ function useDisconnect() {
 
 // src/hooks/useAccounts.ts
 function useAccounts() {
-  const { addresses, isConnected, walletId, error } = usePhantom();
+  const { addresses, isConnected, walletId } = usePhantom();
   return {
     addresses,
     isConnected,
-    walletId,
-    error
+    walletId
   };
 }
 
 // src/hooks/useSignMessage.ts
-import { useState as useState4, useCallback as useCallback4 } from "react";
+import { useState as useState3, useCallback as useCallback3 } from "react";
 function useSignMessage() {
   const { sdk } = usePhantom();
-  const [isSigning, setIsSigning] = useState4(false);
-  const [error, setError] = useState4(null);
-  const signMessage = useCallback4(
+  const [isSigning, setIsSigning] = useState3(false);
+  const [error, setError] = useState3(null);
+  const signMessage = useCallback3(
     async (params) => {
       if (!sdk) {
         throw new Error("SDK not initialized");
@@ -572,12 +579,12 @@ function useSignMessage() {
 }
 
 // src/hooks/useSignAndSendTransaction.ts
-import { useState as useState5, useCallback as useCallback5 } from "react";
+import { useState as useState4, useCallback as useCallback4 } from "react";
 function useSignAndSendTransaction() {
   const { sdk } = usePhantom();
-  const [isSigning, setIsSigning] = useState5(false);
-  const [error, setError] = useState5(null);
-  const signAndSendTransaction = useCallback5(
+  const [isSigning, setIsSigning] = useState4(false);
+  const [error, setError] = useState4(null);
+  const signAndSendTransaction = useCallback4(
     async (params) => {
       if (!sdk) {
         throw new Error("SDK not initialized");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-native-sdk",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Phantom Wallet SDK for React Native and Expo applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -45,13 +45,13 @@
     "directory": "packages/react-native-sdk"
   },
   "dependencies": {
-    "@phantom/api-key-stamper": "^0.1.4",
+    "@phantom/api-key-stamper": "^0.1.5",
     "@phantom/base64url": "^0.1.0",
-    "@phantom/client": "^0.1.7",
-    "@phantom/constants": "^0.0.2",
+    "@phantom/client": "^0.1.8",
+    "@phantom/constants": "^0.0.3",
     "@phantom/crypto": "^0.1.2",
-    "@phantom/embedded-provider-core": "^0.1.4",
-    "@phantom/sdk-types": "^0.1.3",
+    "@phantom/embedded-provider-core": "^0.1.6",
+    "@phantom/sdk-types": "^0.1.4",
     "@types/bs58": "^5.0.0",
     "bs58": "^6.0.0",
     "buffer": "^6.0.3"