@phantom/react-sdk 1.0.0-beta.13 → 1.0.0-beta.15

package/README.md

@@ -136,26 +136,39 @@ function WalletExample() {
 
 ### Connection Options
 
-For embedded user-wallets, you can specify authentication providers:
+The `connect()` method automatically switches between providers based on the authentication method you specify:
 
 ```tsx
 const { connect } = useConnect();
 
-// Default: Show provider selection screen
+// Connect with current provider (no switching)
 await connect();
 
-// Google authentication (skips provider selection)
+// Connect with injected provider (Phantom extension)
+// Automatically switches to injected provider if not already using it
 await connect({
-  authOptions: {
-    provider: "google",
-  },
+  provider: "injected",
 });
 
-// Apple authentication (skips provider selection)
+// Connect with Google authentication (embedded provider)
+// Automatically switches to embedded provider if not already using it
 await connect({
-  authOptions: {
-    provider: "apple",
-  },
+  provider: "google",
+});
+
+// Connect with Apple authentication (embedded provider)
+// Automatically switches to embedded provider if not already using it
+await connect({
+  provider: "apple",
+});
+
+
+
+// Connect with Phantom authentication (embedded provider)
+// Uses Phantom extension or mobile app for authentication
+// Automatically switches to embedded provider if not already using it
+await connect({
+  provider: "phantom",
 });
 ```
 
@@ -215,7 +228,7 @@ function ConnectButton() {
 
   const handleConnect = async () => {
     try {
-      const { walletId, addresses } = await connect();
+      const { addresses } = await connect();
       console.log("Connected addresses:", addresses);
     } catch (err) {
       console.error("Failed to connect:", err);

package/dist/index.d.ts

@@ -20,7 +20,6 @@ interface PhantomContextValue {
     isConnecting: boolean;
     connectError: Error | null;
     addresses: WalletAddress[];
-    walletId: string | null;
     currentProviderType: "injected" | "embedded" | null;
     isPhantomAvailable: boolean;
     isClient: boolean;

package/dist/index.js

@@ -59,7 +59,6 @@ function PhantomProvider({ children, config, debugConfig }) {
   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 [currentProviderType, setCurrentProviderType] = (0, import_react.useState)(
     memoizedConfig.providerType || null
   );
@@ -88,7 +87,6 @@ function PhantomProvider({ children, config, debugConfig }) {
         setCurrentProviderType(providerInfo?.type || null);
         const addrs = await sdk.getAddresses();
         setAddresses(addrs);
-        setWalletId(sdk.getWalletId());
       } catch (err) {
         console.error("Error connecting:", err);
         try {
@@ -108,7 +106,6 @@ function PhantomProvider({ children, config, debugConfig }) {
       setIsConnecting(false);
       setConnectError(null);
       setAddresses([]);
-      setWalletId(null);
     };
     sdk.on("connect_start", handleConnectStart);
     sdk.on("connect", handleConnect);
@@ -151,12 +148,11 @@ function PhantomProvider({ children, config, debugConfig }) {
       isConnecting,
       connectError,
       addresses,
-      walletId,
       currentProviderType,
       isPhantomAvailable,
       isClient
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable, isClient]
+    [sdk, isConnected, isConnecting, connectError, addresses, currentProviderType, isPhantomAvailable, isClient]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhantomContext.Provider, { value, children });
 }

package/dist/index.mjs

@@ -11,7 +11,6 @@ function PhantomProvider({ children, config, debugConfig }) {
   const [isConnecting, setIsConnecting] = useState(false);
   const [connectError, setConnectError] = useState(null);
   const [addresses, setAddresses] = useState([]);
-  const [walletId, setWalletId] = useState(null);
   const [currentProviderType, setCurrentProviderType] = useState(
     memoizedConfig.providerType || null
   );
@@ -40,7 +39,6 @@ function PhantomProvider({ children, config, debugConfig }) {
         setCurrentProviderType(providerInfo?.type || null);
         const addrs = await sdk.getAddresses();
         setAddresses(addrs);
-        setWalletId(sdk.getWalletId());
       } catch (err) {
         console.error("Error connecting:", err);
         try {
@@ -60,7 +58,6 @@ function PhantomProvider({ children, config, debugConfig }) {
       setIsConnecting(false);
       setConnectError(null);
       setAddresses([]);
-      setWalletId(null);
     };
     sdk.on("connect_start", handleConnectStart);
     sdk.on("connect", handleConnect);
@@ -103,12 +100,11 @@ function PhantomProvider({ children, config, debugConfig }) {
       isConnecting,
       connectError,
       addresses,
-      walletId,
       currentProviderType,
       isPhantomAvailable,
       isClient
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable, isClient]
+    [sdk, isConnected, isConnecting, connectError, addresses, currentProviderType, isPhantomAvailable, isClient]
   );
   return /* @__PURE__ */ jsx(PhantomContext.Provider, { value, children });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-sdk",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.15",
   "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.13",
+    "@phantom/browser-sdk": "^1.0.0-beta.15",
     "@phantom/chain-interfaces": "^1.0.0-beta.7",
     "@phantom/constants": "^1.0.0-beta.7"
   },