@phantom/react-sdk 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/index.d.ts

@@ -3,11 +3,9 @@ import { ReactNode } from 'react';
 import { BrowserSDKConfig, DebugConfig, AuthOptions, BrowserSDK, WalletAddress, AutoConfirmEnableParams, AutoConfirmResult, AutoConfirmSupportedChainsResult } from '@phantom/browser-sdk';
 export { AddressType, AutoConfirmEnableParams, AutoConfirmResult, AutoConfirmSupportedChainsResult, DebugLevel, DebugMessage, NetworkId, SignedTransaction, WalletAddress, debug } from '@phantom/browser-sdk';
 import * as _phantom_embedded_provider_core from '@phantom/embedded-provider-core';
-import * as _phantom_chain_interfaces from '@phantom/chain-interfaces';
 export { EthTransactionRequest, IEthereumChain, ISolanaChain } from '@phantom/chain-interfaces';
 
-interface PhantomSDKConfig extends BrowserSDKConfig {
-}
+type PhantomSDKConfig = BrowserSDKConfig;
 interface PhantomDebugConfig extends DebugConfig {
 }
 interface ConnectOptions {
@@ -16,7 +14,7 @@ interface ConnectOptions {
     authOptions?: AuthOptions;
 }
 interface PhantomContextValue {
-    sdk: BrowserSDK;
+    sdk: BrowserSDK | null;
     isConnected: boolean;
     isConnecting: boolean;
     connectError: Error | null;
@@ -24,6 +22,7 @@ interface PhantomContextValue {
     walletId: string | null;
     currentProviderType: "injected" | "embedded" | null;
     isPhantomAvailable: boolean;
+    isClient: boolean;
 }
 interface PhantomProviderProps {
     children: ReactNode;
@@ -75,7 +74,7 @@ declare function useAutoConfirm(): UseAutoConfirmResult;
  * @returns Solana chain interface with connection enforcement
  */
 declare function useSolana(): {
-    solana: _phantom_chain_interfaces.ISolanaChain;
+    solana: any;
     isAvailable: boolean;
 };
 
@@ -85,7 +84,7 @@ declare function useSolana(): {
  * @returns Ethereum chain interface with connection enforcement
  */
 declare function useEthereum(): {
-    ethereum: _phantom_chain_interfaces.IEthereumChain;
+    ethereum: any;
     isAvailable: boolean;
 };
 

package/dist/index.js

@@ -52,13 +52,9 @@ var import_browser_sdk = require("@phantom/browser-sdk");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PhantomContext = (0, import_react.createContext)(void 0);
 function PhantomProvider({ children, config, debugConfig }) {
-  const memoizedConfig = (0, import_react.useMemo)(() => {
-    return {
-      ...config,
-      // Use providerType if provided, default to embedded
-      providerType: config.providerType || "embedded"
-    };
-  }, [config]);
+  const memoizedConfig = (0, import_react.useMemo)(() => config, [config]);
+  const [sdk, setSdk] = (0, import_react.useState)(null);
+  const [isClient, setIsClient] = (0, import_react.useState)(false);
   const [isConnected, setIsConnected] = (0, import_react.useState)(false);
   const [isConnecting, setIsConnecting] = (0, import_react.useState)(false);
   const [connectError, setConnectError] = (0, import_react.useState)(null);
@@ -68,8 +64,22 @@ function PhantomProvider({ children, config, debugConfig }) {
     memoizedConfig.providerType || null
   );
   const [isPhantomAvailable, setIsPhantomAvailable] = (0, import_react.useState)(false);
-  const sdk = (0, import_react.useMemo)(() => new import_browser_sdk.BrowserSDK(memoizedConfig), [memoizedConfig]);
   (0, import_react.useEffect)(() => {
+    setIsClient(true);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!isClient)
+      return;
+    const sdkInstance = new import_browser_sdk.BrowserSDK(memoizedConfig);
+    setSdk(sdkInstance);
+    return () => {
+      sdkInstance.disconnect().catch(() => {
+      });
+    };
+  }, [isClient, memoizedConfig]);
+  (0, import_react.useEffect)(() => {
+    if (!sdk)
+      return;
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -116,12 +126,12 @@ function PhantomProvider({ children, config, debugConfig }) {
     };
   }, [sdk]);
   (0, import_react.useEffect)(() => {
-    if (!sdk || !debugConfig)
+    if (!debugConfig || !sdk)
       return;
     sdk.configureDebug(debugConfig);
   }, [sdk, debugConfig]);
   (0, import_react.useEffect)(() => {
-    if (!sdk)
+    if (!isClient || !sdk)
       return;
     const initialize = async () => {
       try {
@@ -137,7 +147,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
     initialize();
-  }, [sdk, memoizedConfig.autoConnect]);
+  }, [sdk, memoizedConfig.autoConnect, isClient]);
   const value = (0, import_react.useMemo)(
     () => ({
       sdk,
@@ -147,9 +157,10 @@ function PhantomProvider({ children, config, debugConfig }) {
       addresses,
       walletId,
       currentProviderType,
-      isPhantomAvailable
+      isPhantomAvailable,
+      isClient
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable]
+    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable, isClient]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhantomContext.Provider, { value, children });
 }
@@ -352,7 +363,14 @@ function useAutoConfirm() {
 
 // src/hooks/useSolana.ts
 function useSolana() {
-  const { sdk, isConnected } = usePhantom();
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      solana: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
     // Chain instance with connection enforcement for signing methods
     solana: sdk.solana,
@@ -363,7 +381,14 @@ function useSolana() {
 
 // src/hooks/useEthereum.ts
 function useEthereum() {
-  const { sdk, isConnected } = usePhantom();
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      ethereum: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
     // Chain instance with connection enforcement for signing methods
     ethereum: sdk.ethereum,

package/dist/index.mjs

@@ -4,13 +4,9 @@ import { BrowserSDK } from "@phantom/browser-sdk";
 import { jsx } from "react/jsx-runtime";
 var PhantomContext = createContext(void 0);
 function PhantomProvider({ children, config, debugConfig }) {
-  const memoizedConfig = useMemo(() => {
-    return {
-      ...config,
-      // Use providerType if provided, default to embedded
-      providerType: config.providerType || "embedded"
-    };
-  }, [config]);
+  const memoizedConfig = useMemo(() => config, [config]);
+  const [sdk, setSdk] = useState(null);
+  const [isClient, setIsClient] = useState(false);
   const [isConnected, setIsConnected] = useState(false);
   const [isConnecting, setIsConnecting] = useState(false);
   const [connectError, setConnectError] = useState(null);
@@ -20,8 +16,22 @@ function PhantomProvider({ children, config, debugConfig }) {
     memoizedConfig.providerType || null
   );
   const [isPhantomAvailable, setIsPhantomAvailable] = useState(false);
-  const sdk = useMemo(() => new BrowserSDK(memoizedConfig), [memoizedConfig]);
   useEffect(() => {
+    setIsClient(true);
+  }, []);
+  useEffect(() => {
+    if (!isClient)
+      return;
+    const sdkInstance = new BrowserSDK(memoizedConfig);
+    setSdk(sdkInstance);
+    return () => {
+      sdkInstance.disconnect().catch(() => {
+      });
+    };
+  }, [isClient, memoizedConfig]);
+  useEffect(() => {
+    if (!sdk)
+      return;
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -68,12 +78,12 @@ function PhantomProvider({ children, config, debugConfig }) {
     };
   }, [sdk]);
   useEffect(() => {
-    if (!sdk || !debugConfig)
+    if (!debugConfig || !sdk)
       return;
     sdk.configureDebug(debugConfig);
   }, [sdk, debugConfig]);
   useEffect(() => {
-    if (!sdk)
+    if (!isClient || !sdk)
       return;
     const initialize = async () => {
       try {
@@ -89,7 +99,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
     initialize();
-  }, [sdk, memoizedConfig.autoConnect]);
+  }, [sdk, memoizedConfig.autoConnect, isClient]);
   const value = useMemo(
     () => ({
       sdk,
@@ -99,9 +109,10 @@ function PhantomProvider({ children, config, debugConfig }) {
       addresses,
       walletId,
       currentProviderType,
-      isPhantomAvailable
+      isPhantomAvailable,
+      isClient
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable]
+    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable, isClient]
   );
   return /* @__PURE__ */ jsx(PhantomContext.Provider, { value, children });
 }
@@ -304,7 +315,14 @@ function useAutoConfirm() {
 
 // src/hooks/useSolana.ts
 function useSolana() {
-  const { sdk, isConnected } = usePhantom();
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      solana: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
     // Chain instance with connection enforcement for signing methods
     solana: sdk.solana,
@@ -315,7 +333,14 @@ function useSolana() {
 
 // src/hooks/useEthereum.ts
 function useEthereum() {
-  const { sdk, isConnected } = usePhantom();
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      ethereum: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
     // Chain instance with connection enforcement for signing methods
     ethereum: sdk.ethereum,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-sdk",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
   },
   "dependencies": {
-    "@phantom/browser-sdk": "^1.0.0-beta.6",
+    "@phantom/browser-sdk": "^1.0.0-beta.8",
     "@phantom/chain-interfaces": "^1.0.0-beta.6",
     "@phantom/constants": "^1.0.0-beta.6"
   },