@phantom/react-sdk 0.1.0 → 0.2.0

package/README.md

@@ -239,7 +239,12 @@ function ExtensionStatus() {
       {isInstalled ? (
         <p>✅ Phantom extension is installed!</p>
       ) : (
-        <p>❌ Phantom extension not found. <a href="https://phantom.app/download" target="_blank">Install here</a></p>
+        <p>
+          ❌ Phantom extension not found.{" "}
+          <a href="https://phantom.app/download" target="_blank">
+            Install here
+          </a>
+        </p>
       )}
     </div>
   );
@@ -247,12 +252,14 @@ function ExtensionStatus() {
 ```
 
 **Features:**
+
 - **Session-based caching**: Result is cached during the browser session to avoid redundant checks
 - **Automatic detection**: Runs automatically when the hook is first used
 - **Loading states**: Provides `isLoading` during the initial check
 - **Performance optimized**: Subsequent calls return cached result instantly
 
 **Use cases:**
+
 - Show installation prompts for users without the extension
 - Conditionally render UI based on extension availability
 - Provide fallback options when extension is not installed
@@ -287,7 +294,10 @@ function SignMessage() {
 
   const handleSign = async () => {
     try {
-      const signature = await signMessage("Hello from Phantom!", NetworkId.SOLANA_MAINNET);
+      const signature = await signMessage({
+        message: "Hello from Phantom!",
+        networkId: NetworkId.SOLANA_MAINNET,
+      });
       console.log("Signature:", signature);
     } catch (err) {
       console.error("Failed to sign:", err);
@@ -572,16 +582,16 @@ function MultiChainWallet() {
 
 Quick reference of all available hooks:
 
-| Hook | Purpose | Returns |
-|------|---------|---------|
-| `useConnect` | Connect to wallet | `{ connect, isConnecting, error }` |
-| `useAccounts` | Get wallet addresses | `WalletAddress[]` or `null` |
-| `useIsExtensionInstalled` | Check extension status | `{ isLoading, isInstalled }` |
-| `useDisconnect` | Disconnect from wallet | `{ disconnect, isDisconnecting }` |
-| `useSignMessage` | Sign text messages | `{ signMessage, isSigning, error }` |
-| `useSignAndSendTransaction` | Sign and send transactions | `{ signAndSendTransaction, isSigning, error }` |
+| Hook                        | Purpose                             | Returns                                         |
+| --------------------------- | ----------------------------------- | ----------------------------------------------- |
+| `useConnect`                | Connect to wallet                   | `{ connect, isConnecting, error }`              |
+| `useAccounts`               | Get wallet addresses                | `WalletAddress[]` or `null`                     |
+| `useIsExtensionInstalled`   | Check extension status              | `{ isLoading, isInstalled }`                    |
+| `useDisconnect`             | Disconnect from wallet              | `{ disconnect, isDisconnecting }`               |
+| `useSignMessage`            | Sign text messages                  | `{ signMessage, isSigning, error }`             |
+| `useSignAndSendTransaction` | Sign and send transactions          | `{ signAndSendTransaction, isSigning, error }`  |
 | `useCreateUserOrganization` | Create user organization (embedded) | `{ createUserOrganization, isCreating, error }` |
-| `usePhantom` | Get provider context | `{ isConnected, isReady, currentProviderType }` |
+| `usePhantom`                | Get provider context                | `{ isConnected, isReady, currentProviderType }` |
 
 ## Configuration Reference
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import * as _phantom_browser_sdk from '@phantom/browser-sdk';
-import { BrowserSDKConfig, BrowserSDK, WalletAddress, NetworkId, SignAndSendTransactionParams, SignedTransaction, CreateUserOrganizationParams, CreateUserOrganizationResult } from '@phantom/browser-sdk';
+import { BrowserSDKConfig, BrowserSDK, WalletAddress, SignMessageParams, SignAndSendTransactionParams, SignedTransaction, CreateUserOrganizationParams, CreateUserOrganizationResult } from '@phantom/browser-sdk';
 export { AddressType, CreateUserOrganizationParams, CreateUserOrganizationResult, NetworkId, SignAndSendTransactionParams, SignMessageParams, SignedTransaction, WalletAddress } from '@phantom/browser-sdk';
 
 interface PhantomSDKConfig extends BrowserSDKConfig {
@@ -46,7 +46,7 @@ declare function useDisconnect(): {
 };
 
 declare function useSignMessage(): {
-    signMessage: (message: string, networkId: NetworkId) => Promise<string>;
+    signMessage: (params: SignMessageParams) => Promise<string>;
     isSigning: boolean;
     error: Error | null;
 };

package/dist/index.js

@@ -216,7 +216,7 @@ function useSignMessage() {
   const [isSigning, setIsSigning] = (0, import_react4.useState)(false);
   const [error, setError] = (0, import_react4.useState)(null);
   const signMessage = (0, import_react4.useCallback)(
-    async (message, networkId) => {
+    async (params) => {
       if (!sdk) {
         throw new Error("SDK not initialized");
       }
@@ -226,7 +226,7 @@ function useSignMessage() {
       setIsSigning(true);
       setError(null);
       try {
-        const signature = await sdk.signMessage(message, networkId);
+        const signature = await sdk.signMessage(params);
         return signature;
       } catch (err) {
         setError(err);

package/dist/index.mjs

@@ -170,7 +170,7 @@ function useSignMessage() {
   const [isSigning, setIsSigning] = useState4(false);
   const [error, setError] = useState4(null);
   const signMessage = useCallback4(
-    async (message, networkId) => {
+    async (params) => {
       if (!sdk) {
         throw new Error("SDK not initialized");
       }
@@ -180,7 +180,7 @@ function useSignMessage() {
       setIsSigning(true);
       setError(null);
       try {
-        const signature = await sdk.signMessage(message, networkId);
+        const signature = await sdk.signMessage(params);
         return signature;
       } catch (err) {
         setError(err);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-sdk",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
   },
   "dependencies": {
-    "@phantom/browser-sdk": "^0.1.0"
+    "@phantom/browser-sdk": "^0.2.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",