@phantom/react-sdk 0.0.8 → 0.0.9

package/README.md

@@ -17,7 +17,7 @@ import { createSolanaPlugin } from "@phantom/browser-sdk/solana";
 
 function App() {
   return (
-    <PhantomProvider config={{ chainPlugins: [createSolanaPlugin()] }}>
+    <PhantomProvider config={{ plugins: [createSolanaPlugin()] }}>
       <WalletComponent />
     </PhantomProvider>
   );
@@ -55,7 +55,7 @@ The PhantomProvider component provides the Phantom context to child components.
 import { PhantomProvider } from "@phantom/react-sdk";
 import { createSolanaPlugin } from "@phantom/browser-sdk/solana";
 
-<PhantomProvider config={{ chainPlugins: [createSolanaPlugin()] }}>{children}</PhantomProvider>;
+<PhantomProvider config={{ plugins: [createSolanaPlugin()] }}>{children}</PhantomProvider>;
 ```
 
 ### usePhantom

package/dist/auto-confirm/index.d.ts

@@ -0,0 +1,44 @@
+import { AutoConfirmResult, NetworkID, AutoConfirmEnableParams } from '@phantom/browser-sdk/auto-confirm';
+export { AutoConfirmEnableParams, AutoConfirmResult, AutoConfirmSupportedChainsResult, NetworkID } from '@phantom/browser-sdk/auto-confirm';
+
+interface AutoConfirmState {
+    status: AutoConfirmResult | null;
+    supportedChains: NetworkID[] | null;
+    isLoading: boolean;
+    error: Error | null;
+}
+interface AutoConfirmActions {
+    enable: (params?: AutoConfirmEnableParams) => Promise<{
+        enabled: boolean;
+        chains: NetworkID[];
+    }>;
+    disable: () => Promise<{
+        enabled: boolean;
+        chains: NetworkID[];
+    }>;
+    getSupportedChains: () => Promise<{
+        chains: NetworkID[];
+    }>;
+    getStatus: () => Promise<{
+        enabled: boolean;
+        chains: NetworkID[];
+    }>;
+}
+
+/**
+ * React hook that provides the current auto-confirm status and supported chains.
+ * Automatically updates when auto-confirm is enabled or disabled.
+ *
+ * @returns Object containing status, supportedChains, isLoading, and error
+ */
+declare function useAutoConfirmState(): AutoConfirmState;
+
+/**
+ * React hook that provides actions to enable and disable auto-confirm.
+ * Operations are async and will trigger state updates in useAutoConfirmState.
+ *
+ * @returns Object containing enable and disable functions
+ */
+declare function useAutoConfirmActions(): AutoConfirmActions;
+
+export { AutoConfirmActions, AutoConfirmState, useAutoConfirmActions, useAutoConfirmState };

package/dist/auto-confirm/index.js

@@ -0,0 +1,182 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/auto-confirm/index.ts
+var auto_confirm_exports = {};
+__export(auto_confirm_exports, {
+  useAutoConfirmActions: () => useAutoConfirmActions,
+  useAutoConfirmState: () => useAutoConfirmState
+});
+module.exports = __toCommonJS(auto_confirm_exports);
+var import_auto_confirm = require("@phantom/browser-sdk/auto-confirm");
+
+// src/auto-confirm/useAutoConfirmState.ts
+var React2 = __toESM(require("react"));
+
+// src/PhantomContext.tsx
+var import_browser_sdk = require("@phantom/browser-sdk");
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var PhantomContext = React.createContext({ phantom: void 0, isReady: false });
+function usePhantom() {
+  const context = React.useContext(PhantomContext);
+  if (!context) {
+    throw new Error("usePhantom must be used within a PhantomProvider");
+  }
+  return context;
+}
+
+// src/auto-confirm/assertions.ts
+function assertAutoConfirmConfigured(phantom) {
+  if (!phantom?.autoConfirm) {
+    throw new Error(
+      "Phantom auto-confirm plugin not found. Please ensure the auto-confirm plugin is installed and configured properly."
+    );
+  }
+}
+
+// src/auto-confirm/useAutoConfirmState.ts
+function useAutoConfirmState() {
+  const { phantom, isReady } = usePhantom();
+  const isMountedRef = React2.useRef(true);
+  const isInitializedRef = React2.useRef(false);
+  const [status, setStatus] = React2.useState(null);
+  const [supportedChains, setSupportedChains] = React2.useState(null);
+  const [isLoading, setIsLoading] = React2.useState(true);
+  const [error, setError] = React2.useState(null);
+  React2.useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const updateState = React2.useCallback(async () => {
+    if (!isReady || !isMountedRef.current)
+      return;
+    try {
+      assertAutoConfirmConfigured(phantom);
+      if (!isMountedRef.current)
+        return;
+      setError(null);
+      if (status === null && isMountedRef.current) {
+        setIsLoading(true);
+      }
+      const [statusResult, supportedChainsResult] = await Promise.all([
+        phantom.autoConfirm.autoConfirmStatus(),
+        phantom.autoConfirm.autoConfirmSupportedChains()
+      ]);
+      if (!isMountedRef.current)
+        return;
+      setStatus(statusResult);
+      setSupportedChains(supportedChainsResult.chains);
+    } catch (err) {
+      if (!isMountedRef.current)
+        return;
+      setError(err instanceof Error ? err : new Error("Failed to fetch auto-confirm state"));
+      setStatus(null);
+      setSupportedChains(null);
+    } finally {
+      if (isMountedRef.current) {
+        setIsLoading(false);
+      }
+    }
+  }, [phantom, isReady, status]);
+  React2.useEffect(() => {
+    if (!isInitializedRef.current && isReady) {
+      isInitializedRef.current = true;
+      updateState();
+    }
+    const handleStateChange = () => {
+      updateState();
+    };
+    window.addEventListener("phantomAutoConfirmStateChanged", handleStateChange);
+    return () => {
+      window.removeEventListener("phantomAutoConfirmStateChanged", handleStateChange);
+    };
+  }, [updateState, isReady]);
+  return {
+    status,
+    supportedChains,
+    isLoading,
+    error
+  };
+}
+
+// src/auto-confirm/useAutoConfirmActions.ts
+var React3 = __toESM(require("react"));
+function useAutoConfirmActions() {
+  const { phantom, isReady } = usePhantom();
+  const enable = React3.useCallback(
+    async (params) => {
+      if (!isReady) {
+        throw new Error("Phantom is not ready");
+      }
+      assertAutoConfirmConfigured(phantom);
+      const result = await phantom.autoConfirm.autoConfirmEnable(params);
+      window.dispatchEvent(new CustomEvent("phantomAutoConfirmStateChanged"));
+      return result;
+    },
+    [phantom, isReady]
+  );
+  const disable = React3.useCallback(async () => {
+    if (!isReady) {
+      throw new Error("Phantom is not ready");
+    }
+    assertAutoConfirmConfigured(phantom);
+    const result = await phantom.autoConfirm.autoConfirmDisable();
+    window.dispatchEvent(new CustomEvent("phantomAutoConfirmStateChanged"));
+    return result;
+  }, [phantom, isReady]);
+  const getSupportedChains = React3.useCallback(async () => {
+    if (!isReady) {
+      throw new Error("Phantom is not ready");
+    }
+    assertAutoConfirmConfigured(phantom);
+    const result = await phantom.autoConfirm.autoConfirmSupportedChains();
+    return result;
+  }, [phantom, isReady]);
+  const getStatus = React3.useCallback(async () => {
+    if (!isReady) {
+      throw new Error("Phantom is not ready");
+    }
+    assertAutoConfirmConfigured(phantom);
+    const result = await phantom.autoConfirm.autoConfirmStatus();
+    return result;
+  }, [phantom, isReady]);
+  return {
+    enable,
+    disable,
+    getSupportedChains,
+    getStatus
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAutoConfirmActions,
+  useAutoConfirmState
+});

package/dist/auto-confirm/index.mjs

@@ -0,0 +1,137 @@
+import {
+  usePhantom
+} from "../chunk-5KSEZ3MC.mjs";
+
+// src/auto-confirm/index.ts
+import "@phantom/browser-sdk/auto-confirm";
+
+// src/auto-confirm/useAutoConfirmState.ts
+import * as React from "react";
+
+// src/auto-confirm/assertions.ts
+function assertAutoConfirmConfigured(phantom) {
+  if (!phantom?.autoConfirm) {
+    throw new Error(
+      "Phantom auto-confirm plugin not found. Please ensure the auto-confirm plugin is installed and configured properly."
+    );
+  }
+}
+
+// src/auto-confirm/useAutoConfirmState.ts
+function useAutoConfirmState() {
+  const { phantom, isReady } = usePhantom();
+  const isMountedRef = React.useRef(true);
+  const isInitializedRef = React.useRef(false);
+  const [status, setStatus] = React.useState(null);
+  const [supportedChains, setSupportedChains] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const updateState = React.useCallback(async () => {
+    if (!isReady || !isMountedRef.current)
+      return;
+    try {
+      assertAutoConfirmConfigured(phantom);
+      if (!isMountedRef.current)
+        return;
+      setError(null);
+      if (status === null && isMountedRef.current) {
+        setIsLoading(true);
+      }
+      const [statusResult, supportedChainsResult] = await Promise.all([
+        phantom.autoConfirm.autoConfirmStatus(),
+        phantom.autoConfirm.autoConfirmSupportedChains()
+      ]);
+      if (!isMountedRef.current)
+        return;
+      setStatus(statusResult);
+      setSupportedChains(supportedChainsResult.chains);
+    } catch (err) {
+      if (!isMountedRef.current)
+        return;
+      setError(err instanceof Error ? err : new Error("Failed to fetch auto-confirm state"));
+      setStatus(null);
+      setSupportedChains(null);
+    } finally {
+      if (isMountedRef.current) {
+        setIsLoading(false);
+      }
+    }
+  }, [phantom, isReady, status]);
+  React.useEffect(() => {
+    if (!isInitializedRef.current && isReady) {
+      isInitializedRef.current = true;
+      updateState();
+    }
+    const handleStateChange = () => {
+      updateState();
+    };
+    window.addEventListener("phantomAutoConfirmStateChanged", handleStateChange);
+    return () => {
+      window.removeEventListener("phantomAutoConfirmStateChanged", handleStateChange);
+    };
+  }, [updateState, isReady]);
+  return {
+    status,
+    supportedChains,
+    isLoading,
+    error
+  };
+}
+
+// src/auto-confirm/useAutoConfirmActions.ts
+import * as React2 from "react";
+function useAutoConfirmActions() {
+  const { phantom, isReady } = usePhantom();
+  const enable = React2.useCallback(
+    async (params) => {
+      if (!isReady) {
+        throw new Error("Phantom is not ready");
+      }
+      assertAutoConfirmConfigured(phantom);
+      const result = await phantom.autoConfirm.autoConfirmEnable(params);
+      window.dispatchEvent(new CustomEvent("phantomAutoConfirmStateChanged"));
+      return result;
+    },
+    [phantom, isReady]
+  );
+  const disable = React2.useCallback(async () => {
+    if (!isReady) {
+      throw new Error("Phantom is not ready");
+    }
+    assertAutoConfirmConfigured(phantom);
+    const result = await phantom.autoConfirm.autoConfirmDisable();
+    window.dispatchEvent(new CustomEvent("phantomAutoConfirmStateChanged"));
+    return result;
+  }, [phantom, isReady]);
+  const getSupportedChains = React2.useCallback(async () => {
+    if (!isReady) {
+      throw new Error("Phantom is not ready");
+    }
+    assertAutoConfirmConfigured(phantom);
+    const result = await phantom.autoConfirm.autoConfirmSupportedChains();
+    return result;
+  }, [phantom, isReady]);
+  const getStatus = React2.useCallback(async () => {
+    if (!isReady) {
+      throw new Error("Phantom is not ready");
+    }
+    assertAutoConfirmConfigured(phantom);
+    const result = await phantom.autoConfirm.autoConfirmStatus();
+    return result;
+  }, [phantom, isReady]);
+  return {
+    enable,
+    disable,
+    getSupportedChains,
+    getStatus
+  };
+}
+export {
+  useAutoConfirmActions,
+  useAutoConfirmState
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-sdk",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -14,6 +14,11 @@
       "import": "./dist/solana/index.mjs",
       "require": "./dist/solana/index.js",
       "types": "./dist/solana/index.d.ts"
+    },
+    "./auto-confirm": {
+      "import": "./dist/auto-confirm/index.mjs",
+      "require": "./dist/auto-confirm/index.js",
+      "types": "./dist/auto-confirm/index.d.ts"
     }
   },
   "files": [
@@ -21,15 +26,15 @@
   ],
   "license": "MIT",
   "scripts": {
-    "build": "rimraf ./dist && tsup src/index.ts src/solana/index.ts --format cjs,esm --dts",
+    "build": "rimraf ./dist && tsup src/index.ts src/solana/index.ts src/auto-confirm/index.ts --format cjs,esm --dts",
     "?pack-release": "When https://github.com/changesets/changesets/issues/432 has a solution we can remove this trick",
     "pack-release": "rimraf ./_release && yarn pack && mkdir ./_release && tar zxvf ./package.tgz --directory ./_release && rm ./package.tgz",
-    "dev": "rimraf ./dist && tsup src/index.ts src/solana/index.ts --format cjs,esm --dts --watch",
+    "dev": "rimraf ./dist && tsup src/index.ts src/solana/index.ts src/auto-confirm/index.ts --format cjs,esm --dts --watch",
     "lint": "tsc --noEmit && eslint --cache . --ext .ts,.tsx",
     "test": "jest"
   },
   "dependencies": {
-    "@phantom/browser-sdk": "^0.0.8"
+    "@phantom/browser-sdk": "^0.0.9"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",