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

package/dist/index.d.ts

@@ -3,7 +3,6 @@ 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';
 
 type PhantomSDKConfig = BrowserSDKConfig;
@@ -15,7 +14,7 @@ interface ConnectOptions {
     authOptions?: AuthOptions;
 }
 interface PhantomContextValue {
-    sdk: BrowserSDK;
+    sdk: BrowserSDK | null;
     isConnected: boolean;
     isConnecting: boolean;
     connectError: Error | null;
@@ -23,6 +22,7 @@ interface PhantomContextValue {
     walletId: string | null;
     currentProviderType: "injected" | "embedded" | null;
     isPhantomAvailable: boolean;
+    isClient: boolean;
 }
 interface PhantomProviderProps {
     children: ReactNode;
@@ -74,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;
 };
 
@@ -84,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

@@ -53,6 +53,8 @@ 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)(() => 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);
@@ -62,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);
@@ -110,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 {
@@ -131,7 +147,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
     initialize();
-  }, [sdk, memoizedConfig.autoConnect]);
+  }, [sdk, memoizedConfig.autoConnect, isClient]);
   const value = (0, import_react.useMemo)(
     () => ({
       sdk,
@@ -141,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 });
 }
@@ -346,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,
@@ -357,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

@@ -5,6 +5,8 @@ import { jsx } from "react/jsx-runtime";
 var PhantomContext = createContext(void 0);
 function PhantomProvider({ children, config, debugConfig }) {
   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);
@@ -14,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);
@@ -62,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 {
@@ -83,7 +99,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
     initialize();
-  }, [sdk, memoizedConfig.autoConnect]);
+  }, [sdk, memoizedConfig.autoConnect, isClient]);
   const value = useMemo(
     () => ({
       sdk,
@@ -93,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 });
 }
@@ -298,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,
@@ -309,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.7",
+  "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.7",
+    "@phantom/browser-sdk": "^1.0.0-beta.8",
     "@phantom/chain-interfaces": "^1.0.0-beta.6",
     "@phantom/constants": "^1.0.0-beta.6"
   },