@phantom/react-native-sdk 0.1.5 → 0.1.6

package/README.md

@@ -99,7 +99,6 @@ export default function App() {
           redirectUrl: "mywalletapp://phantom-auth-callback",
         },
         appName: "My Wallet App", // Optional branding
-        debug: false, // Optional debug logging
       }}
     >
       <YourAppContent />
@@ -193,7 +192,7 @@ interface PhantomSDKConfig {
   organizationId: string; // Your Phantom organization ID
   scheme: string; // Custom URL scheme for your app
   embeddedWalletType: "user-wallet" | "app-wallet";
-  addressTypes: AddressType[]; // e.g., [AddressType.solana]
+  addressTypes: [AddressType, ...AddressType[]]; // e.g., [AddressType.solana]
   apiBaseUrl: string; // e.g., "https://api.phantom.app/v1/wallets"
   solanaProvider: "web3js" | "kit"; // Solana provider to use
   authOptions?: {
@@ -203,7 +202,6 @@ 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)
 }
 ```
 
@@ -422,19 +420,40 @@ adb shell am start -W -a android.intent.action.VIEW -d "myapp://phantom-auth-cal
    - Verify URL scheme configuration
    - Check intent filters (Android) or URL schemes (iOS)
 
-### Debug Mode
+### Debug Configuration
 
-Enable debug logging in development:
+The React Native SDK supports separate debug configuration for better performance and dynamic control:
 
 ```typescript
-<PhantomProvider
-  config={{
-    ...config,
-    debug: true  // Enable debug logging
-  }}
->
-  <App />
-</PhantomProvider>
+import { PhantomProvider, type PhantomSDKConfig, type PhantomDebugConfig } from "@phantom/react-native-sdk";
+
+function App() {
+  // SDK configuration - static, won't change when debug settings change
+  const config: PhantomSDKConfig = {
+    organizationId: "your-org-id",
+    scheme: "mywalletapp",
+    // ... other config
+  };
+
+  // Debug configuration - separate to avoid SDK reinstantiation
+  const debugConfig: PhantomDebugConfig = {
+    enabled: true, // Enable debug logging
+  };
+
+  return (
+    <PhantomProvider config={config} debugConfig={debugConfig}>
+      <App />
+    </PhantomProvider>
+  );
+}
+```
+
+**PhantomDebugConfig Interface:**
+
+```typescript
+interface PhantomDebugConfig {
+  enabled?: boolean; // Enable debug logging (default: false)
+}
 ```
 
 ## Support

package/dist/index.d.ts

@@ -6,11 +6,13 @@ export { ConnectResult, SignAndSendTransactionParams, SignMessageParams, SignMes
 export { AddressType } from '@phantom/client';
 export { NetworkId } from '@phantom/constants';
 
+interface PhantomDebugConfig {
+    /** Enable debug logging */
+    enabled?: boolean;
+}
 interface PhantomSDKConfig extends EmbeddedProviderConfig {
     /** Custom URL scheme for your app (e.g., "myapp") */
     scheme: string;
-    /** Enable debug logging */
-    debug?: boolean;
     /** Enable auto-connect to existing sessions (default: true) */
     autoConnect?: boolean;
 }
@@ -24,7 +26,7 @@ interface ConnectOptions {
 }
 
 interface PhantomContextValue {
-    sdk: EmbeddedProvider;
+    sdk: EmbeddedProvider | null;
     isConnected: boolean;
     isConnecting: boolean;
     connectError: Error | null;
@@ -35,8 +37,9 @@ interface PhantomContextValue {
 interface PhantomProviderProps {
     children: ReactNode;
     config: PhantomSDKConfig;
+    debugConfig?: PhantomDebugConfig;
 }
-declare function PhantomProvider({ children, config }: PhantomProviderProps): react_jsx_runtime.JSX.Element;
+declare function PhantomProvider({ children, config, debugConfig }: PhantomProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access the Phantom context
  * Must be used within a PhantomProvider
@@ -73,4 +76,4 @@ declare function useSignAndSendTransaction(): {
     error: Error | null;
 };
 
-export { ConnectOptions, PhantomProvider, PhantomSDKConfig, useAccounts, useConnect, useDisconnect, usePhantom, useSignAndSendTransaction, useSignMessage };
+export { ConnectOptions, PhantomDebugConfig, PhantomProvider, PhantomSDKConfig, useAccounts, useConnect, useDisconnect, usePhantom, useSignAndSendTransaction, useSignMessage };

package/dist/index.js

@@ -418,23 +418,31 @@ var ReactNativeStamper = class {
 var import_react_native2 = require("react-native");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PhantomContext = (0, import_react.createContext)(void 0);
-function PhantomProvider({ children, config }) {
-  const sdk = (0, import_react.useMemo)(() => {
+function PhantomProvider({ children, config, debugConfig }) {
+  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 [sdk, setSdk] = (0, import_react.useState)(null);
+  const memoizedConfig = (0, import_react.useMemo)(() => {
     const redirectUrl = config.authOptions?.redirectUrl || `${config.scheme}://phantom-auth-callback`;
-    const embeddedConfig = {
+    return {
       ...config,
       authOptions: {
         ...config.authOptions || {},
         redirectUrl
       }
     };
+  }, [config]);
+  (0, import_react.useEffect)(() => {
     const storage = new ExpoSecureStorage();
     const authProvider = new ExpoAuthProvider();
     const urlParamsAccessor = new ExpoURLParamsAccessor();
-    const logger = new ExpoLogger(config.debug);
+    const logger = new ExpoLogger(debugConfig?.enabled || false);
     const stamper = new ReactNativeStamper({
-      keyPrefix: `phantom-rn-${config.organizationId}`,
-      organizationId: config.organizationId
+      keyPrefix: `phantom-rn-${memoizedConfig.organizationId}`,
+      organizationId: memoizedConfig.organizationId
     });
     const platform = {
       storage,
@@ -443,7 +451,7 @@ function PhantomProvider({ children, config }) {
       stamper,
       name: `${import_react_native2.Platform.OS}-${import_react_native2.Platform.Version}`
     };
-    const sdkInstance = new import_embedded_provider_core.EmbeddedProvider(embeddedConfig, platform, logger);
+    const sdkInstance = new import_embedded_provider_core.EmbeddedProvider(memoizedConfig, platform, logger);
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -478,14 +486,17 @@ function PhantomProvider({ children, config }) {
     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);
+    setSdk(sdkInstance);
+    return () => {
+      sdkInstance.off("connect_start", handleConnectStart);
+      sdkInstance.off("connect", handleConnect);
+      sdkInstance.off("connect_error", handleConnectError);
+      sdkInstance.off("disconnect", handleDisconnect);
+    };
+  }, [memoizedConfig, debugConfig]);
   (0, import_react.useEffect)(() => {
+    if (!sdk)
+      return;
     if (config.autoConnect !== false) {
       sdk.autoConnect().catch(() => {
       });

package/dist/index.mjs

@@ -374,23 +374,31 @@ var ReactNativeStamper = class {
 import { Platform } from "react-native";
 import { jsx } from "react/jsx-runtime";
 var PhantomContext = createContext(void 0);
-function PhantomProvider({ children, config }) {
-  const sdk = useMemo(() => {
+function PhantomProvider({ children, config, debugConfig }) {
+  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 [sdk, setSdk] = useState(null);
+  const memoizedConfig = useMemo(() => {
     const redirectUrl = config.authOptions?.redirectUrl || `${config.scheme}://phantom-auth-callback`;
-    const embeddedConfig = {
+    return {
       ...config,
       authOptions: {
         ...config.authOptions || {},
         redirectUrl
       }
     };
+  }, [config]);
+  useEffect(() => {
     const storage = new ExpoSecureStorage();
     const authProvider = new ExpoAuthProvider();
     const urlParamsAccessor = new ExpoURLParamsAccessor();
-    const logger = new ExpoLogger(config.debug);
+    const logger = new ExpoLogger(debugConfig?.enabled || false);
     const stamper = new ReactNativeStamper({
-      keyPrefix: `phantom-rn-${config.organizationId}`,
-      organizationId: config.organizationId
+      keyPrefix: `phantom-rn-${memoizedConfig.organizationId}`,
+      organizationId: memoizedConfig.organizationId
     });
     const platform = {
       storage,
@@ -399,7 +407,7 @@ function PhantomProvider({ children, config }) {
       stamper,
       name: `${Platform.OS}-${Platform.Version}`
     };
-    const sdkInstance = new EmbeddedProvider(embeddedConfig, platform, logger);
+    const sdkInstance = new EmbeddedProvider(memoizedConfig, platform, logger);
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -434,14 +442,17 @@ function PhantomProvider({ children, config }) {
     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);
+    setSdk(sdkInstance);
+    return () => {
+      sdkInstance.off("connect_start", handleConnectStart);
+      sdkInstance.off("connect", handleConnect);
+      sdkInstance.off("connect_error", handleConnectError);
+      sdkInstance.off("disconnect", handleDisconnect);
+    };
+  }, [memoizedConfig, debugConfig]);
   useEffect(() => {
+    if (!sdk)
+      return;
     if (config.autoConnect !== false) {
       sdk.autoConnect().catch(() => {
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-native-sdk",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Phantom Wallet SDK for React Native and Expo applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -50,7 +50,7 @@
     "@phantom/client": "^0.1.8",
     "@phantom/constants": "^0.0.3",
     "@phantom/crypto": "^0.1.2",
-    "@phantom/embedded-provider-core": "^0.1.6",
+    "@phantom/embedded-provider-core": "^0.1.7",
     "@phantom/sdk-types": "^0.1.4",
     "@types/bs58": "^5.0.0",
     "bs58": "^6.0.0",