@aptos-labs/wallet-adapter-react 3.0.7 → 3.1.0

package/dist/WalletItem.d.ts

@@ -0,0 +1,34 @@
+import { AnyAptosWallet } from "@aptos-labs/wallet-adapter-core";
+import { ReactNode } from "react";
+export interface WalletItemProps {
+    /** The wallet option to be displayed. */
+    wallet: AnyAptosWallet;
+    /** A callback to be invoked when the wallet is connected. */
+    onConnect?: () => void;
+    /** A class name for styling the wrapper element. */
+    className?: string;
+    /**
+     * Whether to render as the child element instead of the default `div` provided.
+     * All props will be merged into the child element.
+     */
+    asChild?: boolean;
+    children?: ReactNode;
+}
+export interface WalletItemElementProps {
+    /** A class name for styling the element. */
+    className?: string;
+    /**
+     * Whether to render as the child element instead of the default element provided.
+     * All props will be merged into the child element.
+     */
+    asChild?: boolean;
+    children?: ReactNode;
+}
+/** A headless component for rendering a wallet option's name, icon, and either connect button or install link. */
+export declare const WalletItem: import("react").ForwardRefExoticComponent<WalletItemProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Icon: import("react").ForwardRefExoticComponent<WalletItemElementProps & import("react").RefAttributes<HTMLImageElement>>;
+    Name: import("react").ForwardRefExoticComponent<WalletItemElementProps & import("react").RefAttributes<HTMLDivElement>>;
+    ConnectButton: import("react").ForwardRefExoticComponent<WalletItemElementProps & import("react").RefAttributes<HTMLButtonElement>>;
+    InstallLink: import("react").ForwardRefExoticComponent<WalletItemElementProps & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+//# sourceMappingURL=WalletItem.d.ts.map

package/dist/WalletItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletItem.d.ts","sourceRoot":"","sources":["../src/WalletItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAGf,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmID,kHAAkH;AAClH,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-export * from "./useWallet";
-export * from "./WalletProvider";
 export * from "@aptos-labs/wallet-adapter-core";
+export * from "./WalletItem";
+export * from "./WalletProvider";
+export * from "./useWallet";
+export * from "./utils";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -23,9 +23,20 @@ var src_exports = {};
 __export(src_exports, {
   AptosWalletAdapterProvider: () => AptosWalletAdapterProvider,
   WalletContext: () => WalletContext,
+  WalletItem: () => WalletItem,
+  isInstallRequired: () => isInstallRequired,
+  isInstalledOrLoadable: () => isInstalledOrLoadable,
+  partitionWallets: () => partitionWallets,
+  truncateAddress: () => truncateAddress,
   useWallet: () => useWallet
 });
 module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("@aptos-labs/wallet-adapter-core"), module.exports);
+
+// src/WalletItem.tsx
+var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react2 = require("react");
 
 // src/useWallet.tsx
 var import_react = require("react");
@@ -43,9 +54,108 @@ function useWallet() {
   return context;
 }
 
+// src/WalletItem.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var WalletItemContext = (0, import_react2.createContext)(null);
+var WalletItemRoot = (0, import_react2.forwardRef)(
+  ({ wallet, onConnect, className, asChild, children }, ref) => {
+    const { connect } = useWallet();
+    const connectWallet = (0, import_react2.useCallback)(() => {
+      connect(wallet.name);
+      onConnect == null ? void 0 : onConnect();
+    }, [connect, wallet.name, onConnect]);
+    const isWalletReady = wallet.readyState === import_wallet_adapter_core.WalletReadyState.Installed || wallet.readyState === import_wallet_adapter_core.WalletReadyState.Loadable;
+    const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
+    if (!isWalletReady && (0, import_wallet_adapter_core.isRedirectable)() && !mobileSupport)
+      return null;
+    const Component = asChild ? import_react_slot.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletItemContext.Provider, {
+      value: { wallet, connectWallet },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+        ref,
+        className,
+        children
+      })
+    });
+  }
+);
+WalletItemRoot.displayName = "WalletItem";
+var WalletItemIcon = (0, import_react2.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const context = (0, import_react2.useContext)(WalletItemContext);
+    if (!context) {
+      throw new Error("`WalletItem.Icon` must be used within `WalletItem`");
+    }
+    const Component = asChild ? import_react_slot.Slot : "img";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      src: context.wallet.icon,
+      alt: `${context.wallet.name} icon`,
+      className,
+      children
+    });
+  }
+);
+WalletItemIcon.displayName = "WalletItem.Icon";
+var WalletItemName = (0, import_react2.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const context = (0, import_react2.useContext)(WalletItemContext);
+    if (!context) {
+      throw new Error("`WalletItem.Name` must be used within `WalletItem`");
+    }
+    const Component = asChild ? import_react_slot.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      className,
+      children: children != null ? children : context.wallet.name
+    });
+  }
+);
+WalletItemName.displayName = "WalletItem.Name";
+var WalletItemConnectButton = (0, import_react2.forwardRef)(({ className, asChild, children }, ref) => {
+  const context = (0, import_react2.useContext)(WalletItemContext);
+  if (!context) {
+    throw new Error(
+      "`WalletItem.ConnectButton` must be used within `WalletItem`"
+    );
+  }
+  const Component = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+    ref,
+    className,
+    onClick: context.connectWallet,
+    children: children != null ? children : "Connect"
+  });
+});
+WalletItemConnectButton.displayName = "WalletItem.ConnectButton";
+var WalletItemInstallLink = (0, import_react2.forwardRef)(({ className, asChild, children }, ref) => {
+  const context = (0, import_react2.useContext)(WalletItemContext);
+  if (!context) {
+    throw new Error(
+      "`WalletItem.InstallLink` must be used within `WalletItem`"
+    );
+  }
+  const Component = asChild ? import_react_slot.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+    ref,
+    className,
+    href: context.wallet.url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: children != null ? children : "Install"
+  });
+});
+WalletItemInstallLink.displayName = "WalletItem.InstallLink";
+var WalletItem = Object.assign(WalletItemRoot, {
+  Icon: WalletItemIcon,
+  Name: WalletItemName,
+  ConnectButton: WalletItemConnectButton,
+  InstallLink: WalletItemInstallLink
+});
+
 // src/WalletProvider.tsx
-var import_react2 = require("react");
-var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
+var import_react3 = require("react");
+var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
 var import_jsx_runtime = require("react/jsx-runtime");
 var initialState = {
   connected: false,
@@ -60,13 +170,13 @@ var AptosWalletAdapterProvider = ({
   autoConnect = false,
   onError
 }) => {
-  const [{ connected, account, network, wallet }, setState] = (0, import_react2.useState)(initialState);
-  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
-  const walletCore = (0, import_react2.useMemo)(
-    () => new import_wallet_adapter_core.WalletCore(plugins != null ? plugins : [], optInWallets != null ? optInWallets : []),
+  const [{ connected, account, network, wallet }, setState] = (0, import_react3.useState)(initialState);
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
+  const walletCore = (0, import_react3.useMemo)(
+    () => new import_wallet_adapter_core2.WalletCore(plugins != null ? plugins : [], optInWallets != null ? optInWallets : []),
     []
   );
-  const [wallets, setWallets] = (0, import_react2.useState)(walletCore.wallets);
+  const [wallets, setWallets] = (0, import_react3.useState)(walletCore.wallets);
   const connect = async (walletName) => {
     try {
       setIsLoading(true);
@@ -142,7 +252,7 @@ var AptosWalletAdapterProvider = ({
       return Promise.reject(error);
     }
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (autoConnect) {
       if (localStorage.getItem("AptosWalletName") && !connected) {
         connect(localStorage.getItem("AptosWalletName"));
@@ -150,8 +260,8 @@ var AptosWalletAdapterProvider = ({
         setIsLoading(false);
       }
     }
-  }, [wallets]);
-  (0, import_react2.useEffect)(() => {
+  }, [autoConnect, wallets]);
+  (0, import_react3.useEffect)(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
@@ -181,7 +291,7 @@ var AptosWalletAdapterProvider = ({
       };
     });
   };
-  const handleAccountChange = (0, import_react2.useCallback)(() => {
+  const handleAccountChange = (0, import_react3.useCallback)(() => {
     if (!connected)
       return;
     if (!walletCore.wallet)
@@ -193,7 +303,7 @@ var AptosWalletAdapterProvider = ({
       };
     });
   }, [connected]);
-  const handleNetworkChange = (0, import_react2.useCallback)(() => {
+  const handleNetworkChange = (0, import_react3.useCallback)(() => {
     if (!connected)
       return;
     if (!walletCore.wallet)
@@ -228,7 +338,7 @@ var AptosWalletAdapterProvider = ({
       setWallets((wallets2) => [...wallets2, standardWallet]);
     }
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     walletCore.on("connect", handleConnect);
     walletCore.on("disconnect", handleDisconnect);
     walletCore.on("accountChange", handleAccountChange);
@@ -265,12 +375,41 @@ var AptosWalletAdapterProvider = ({
   });
 };
 
-// src/index.tsx
-__reExport(src_exports, require("@aptos-labs/wallet-adapter-core"), module.exports);
+// src/utils.tsx
+var import_wallet_adapter_core3 = require("@aptos-labs/wallet-adapter-core");
+function partitionWallets(wallets, partitionFunction = isInstalledOrLoadable) {
+  const defaultWallets = [];
+  const moreWallets = [];
+  for (const wallet of wallets) {
+    if (partitionFunction(wallet))
+      defaultWallets.push(wallet);
+    else
+      moreWallets.push(wallet);
+  }
+  return { defaultWallets, moreWallets };
+}
+function isInstalledOrLoadable(wallet) {
+  return wallet.readyState === import_wallet_adapter_core3.WalletReadyState.Installed || wallet.readyState === import_wallet_adapter_core3.WalletReadyState.Loadable;
+}
+function isInstallRequired(wallet) {
+  const isWalletReady = isInstalledOrLoadable(wallet);
+  const isMobile = !isWalletReady && (0, import_wallet_adapter_core3.isRedirectable)();
+  return !isMobile && !isWalletReady;
+}
+function truncateAddress(address) {
+  if (!address)
+    return;
+  return `${address.slice(0, 6)}...${address.slice(-5)}`;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AptosWalletAdapterProvider,
   WalletContext,
+  WalletItem,
+  isInstallRequired,
+  isInstalledOrLoadable,
+  partitionWallets,
+  truncateAddress,
   useWallet
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/useWallet.tsx","../src/WalletProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nexport * from \"./useWallet\";\nexport * from \"./WalletProvider\";\nexport * from \"@aptos-labs/wallet-adapter-core\";\n","import {\n  AccountInfo,\n  NetworkInfo,\n  WalletInfo,\n  SignMessagePayload,\n  SignMessageResponse,\n  Wallet,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputTransactionData,\n  InputSubmitTransactionData,\n  PendingTransactionResponse,\n  AccountAuthenticator,\n  Types,\n  WalletName,\n  AptosChangeNetworkOutput,\n  Network,\n  AptosStandardSupportedWallet,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { createContext, useContext } from \"react\";\n\nexport interface WalletContextState {\n  connected: boolean;\n  isLoading: boolean;\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connect(walletName: WalletName): void;\n  disconnect(): void;\n  wallet: WalletInfo | null;\n  wallets?: ReadonlyArray<Wallet | AptosStandardSupportedWallet>;\n  signAndSubmitTransaction(transaction: InputTransactionData): Promise<any>;\n  signTransaction(\n    transactionOrPayload: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator>;\n  submitTransaction(\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse>;\n  signMessage(message: SignMessagePayload): Promise<SignMessageResponse>;\n  signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;\n  changeNetwork(network: Network): Promise<AptosChangeNetworkOutput>;\n}\n\nconst DEFAULT_CONTEXT = {\n  connected: false,\n};\n\nexport const WalletContext = createContext<WalletContextState>(\n  DEFAULT_CONTEXT as WalletContextState\n);\n\nexport function useWallet(): WalletContextState {\n  const context = useContext(WalletContext);\n  if (!context) {\n    throw new Error(\"useWallet must be used within a WalletContextState\");\n  }\n  return context;\n}\n","import {\n  FC,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { WalletContext } from \"./useWallet\";\nimport type {\n  AccountInfo,\n  NetworkInfo,\n  SignMessagePayload,\n  Wallet,\n  WalletInfo,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputSubmitTransactionData,\n  AccountAuthenticator,\n  PendingTransactionResponse,\n  SignMessageResponse,\n  WalletName,\n  Types,\n  InputTransactionData,\n  Network,\n  AptosStandardSupportedWallet,\n  AvailableWallets,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { WalletCore } from \"@aptos-labs/wallet-adapter-core\";\n\nexport interface AptosWalletProviderProps {\n  children: ReactNode;\n  plugins?: ReadonlyArray<Wallet>;\n  optInWallets?: ReadonlyArray<AvailableWallets>;\n  autoConnect?: boolean;\n  onError?: (error: any) => void;\n}\n\nconst initialState: {\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connected: boolean;\n  wallet: WalletInfo | null;\n} = {\n  connected: false,\n  account: null,\n  network: null,\n  wallet: null,\n};\n\n/**\n * Supported props to pass into the provider\n *\n * @param plugins Non AIP-62 supported wallet plugins array\n * @param optInWallets AIP-62 supported wallet names array to only include in the adapter wallets\n * @param autoConnect A boolean flag to indicate if the adapter should auto connect to a wallet\n * @param onError A callback function to execute when there is an error in the adapter\n *\n */\nexport const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({\n  children,\n  plugins,\n  optInWallets,\n  autoConnect = false,\n  onError,\n}: AptosWalletProviderProps) => {\n  const [{ connected, account, network, wallet }, setState] =\n    useState(initialState);\n\n  // a local state to track whether wallet connect request is loading\n  // https://github.com/aptos-labs/aptos-wallet-adapter/issues/94\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const walletCore = useMemo(\n    () => new WalletCore(plugins ?? [], optInWallets ?? []),\n    []\n  );\n  const [wallets, setWallets] = useState<\n    ReadonlyArray<Wallet | AptosStandardSupportedWallet>\n  >(walletCore.wallets);\n\n  const connect = async (walletName: WalletName) => {\n    try {\n      setIsLoading(true);\n      await walletCore.connect(walletName);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const disconnect = async () => {\n    try {\n      await walletCore.disconnect();\n    } catch (error) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signTransaction = async (\n    transaction: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator> => {\n    try {\n      return await walletCore.signTransaction(transaction, asFeePayer, options);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessage = async (\n    message: SignMessagePayload\n  ): Promise<SignMessageResponse> => {\n    try {\n      return await walletCore.signMessage(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessageAndVerify = async (\n    message: SignMessagePayload\n  ): Promise<boolean> => {\n    try {\n      return await walletCore.signMessageAndVerify(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const submitTransaction = async (\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse> => {\n    try {\n      return await walletCore.submitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signAndSubmitTransaction = async (\n    transaction: InputTransactionData\n  ) => {\n    try {\n      return await walletCore.signAndSubmitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const changeNetwork = async (network: Network) => {\n    try {\n      return await walletCore.changeNetwork(network);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  useEffect(() => {\n    if (autoConnect) {\n      if (localStorage.getItem(\"AptosWalletName\") && !connected) {\n        connect(localStorage.getItem(\"AptosWalletName\") as WalletName);\n      } else {\n        // if we dont use autoconnect set the connect is loading to false\n        setIsLoading(false);\n      }\n    }\n  }, [wallets]);\n\n  useEffect(() => {\n    if (connected) {\n      walletCore.onAccountChange();\n      walletCore.onNetworkChange();\n    }\n  }, [connected]);\n\n  // Handle the adapter's connect event\n  const handleConnect = () => {\n    setState((state) => {\n      return {\n        ...state,\n        connected: true,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: walletCore.wallet,\n      };\n    });\n  };\n\n  // Handle the adapter's disconnect event\n  const handleDisconnect = () => {\n    if (!connected) return;\n    setState((state) => {\n      return {\n        ...state,\n        connected: false,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: null,\n      };\n    });\n  };\n\n  // Handle the adapter's account change event\n  const handleAccountChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        account: walletCore.account,\n      };\n    });\n  }, [connected]);\n\n  // Handle the adapter's network event\n  const handleNetworkChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        network: walletCore.network,\n      };\n    });\n  }, [connected]);\n\n  const handleReadyStateChange = (updatedWallet: Wallet) => {\n    // Create a new array with updated values\n    const updatedWallets = (wallets as Wallet[])?.map((wallet) => {\n      if (wallet.name === updatedWallet.name) {\n        // Return a new object with updated value\n        return { ...wallet, readyState: updatedWallet.readyState };\n      }\n      return wallet;\n    });\n    setWallets(updatedWallets);\n  };\n\n  const handleStandardWalletsAdded = (\n    standardWallet: Wallet | AptosStandardSupportedWallet\n  ) => {\n    // Manage current wallet state by removing optional duplications\n    // as new wallets are coming\n    const existingWalletIndex = wallets.findIndex(\n      (wallet) => wallet.name == standardWallet.name\n    );\n    if (existingWalletIndex !== -1) {\n      // If wallet exists, replace it with the new wallet\n      setWallets((wallets) => [\n        ...wallets.slice(0, existingWalletIndex),\n        standardWallet,\n        ...wallets.slice(existingWalletIndex + 1),\n      ]);\n    } else {\n      // If wallet doesn't exist, add it to the array\n      setWallets((wallets) => [...wallets, standardWallet]);\n    }\n  };\n\n  useEffect(() => {\n    walletCore.on(\"connect\", handleConnect);\n    walletCore.on(\"disconnect\", handleDisconnect);\n    walletCore.on(\"accountChange\", handleAccountChange);\n    walletCore.on(\"networkChange\", handleNetworkChange);\n    walletCore.on(\"readyStateChange\", handleReadyStateChange);\n    walletCore.on(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    return () => {\n      walletCore.off(\"connect\", handleConnect);\n      walletCore.off(\"disconnect\", handleDisconnect);\n      walletCore.off(\"accountChange\", handleAccountChange);\n      walletCore.off(\"networkChange\", handleNetworkChange);\n      walletCore.off(\"readyStateChange\", handleReadyStateChange);\n      walletCore.off(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    };\n  }, [wallets, connected]);\n\n  return (\n    <WalletContext.Provider\n      value={{\n        connect,\n        account,\n        network,\n        connected,\n        disconnect,\n        wallet,\n        wallets,\n        signAndSubmitTransaction,\n        signTransaction,\n        signMessage,\n        signMessageAndVerify,\n        isLoading,\n        submitTransaction,\n        changeNetwork,\n      }}\n    >\n      {children}\n    </WalletContext.Provider>\n  );\n};\n"],"mappings":"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","names":["import_react","network","wallet","wallets"]}
+{"version":3,"sources":["../src/index.tsx","../src/WalletItem.tsx","../src/useWallet.tsx","../src/WalletProvider.tsx","../src/utils.tsx"],"sourcesContent":["export * from \"@aptos-labs/wallet-adapter-core\";\nexport * from \"./WalletItem\";\nexport * from \"./WalletProvider\";\nexport * from \"./useWallet\";\nexport * from \"./utils\";\n","import {\n  AnyAptosWallet,\n  WalletReadyState,\n  isRedirectable,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ReactNode,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { useWallet } from \"./useWallet\";\n\nexport interface WalletItemProps {\n  /** The wallet option to be displayed. */\n  wallet: AnyAptosWallet;\n  /** A callback to be invoked when the wallet is connected. */\n  onConnect?: () => void;\n  /** A class name for styling the wrapper element. */\n  className?: string;\n  /**\n   * Whether to render as the child element instead of the default `div` provided.\n   * All props will be merged into the child element.\n   */\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nexport interface WalletItemElementProps {\n  /** A class name for styling the element. */\n  className?: string;\n  /**\n   * Whether to render as the child element instead of the default element provided.\n   * All props will be merged into the child element.\n   */\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nconst WalletItemContext = createContext<{\n  wallet: AnyAptosWallet;\n  connectWallet: () => void;\n} | null>(null);\n\nconst WalletItemRoot = forwardRef<HTMLDivElement, WalletItemProps>(\n  ({ wallet, onConnect, className, asChild, children }, ref) => {\n    const { connect } = useWallet();\n\n    const connectWallet = useCallback(() => {\n      connect(wallet.name);\n      onConnect?.();\n    }, [connect, wallet.name, onConnect]);\n\n    const isWalletReady =\n      wallet.readyState === WalletReadyState.Installed ||\n      wallet.readyState === WalletReadyState.Loadable;\n\n    const mobileSupport =\n      \"deeplinkProvider\" in wallet && wallet.deeplinkProvider;\n\n    if (!isWalletReady && isRedirectable() && !mobileSupport) return null;\n\n    const Component = asChild ? Slot : \"div\";\n\n    return (\n      <WalletItemContext.Provider value={{ wallet, connectWallet }}>\n        <Component ref={ref} className={className}>\n          {children}\n        </Component>\n      </WalletItemContext.Provider>\n    );\n  }\n);\nWalletItemRoot.displayName = \"WalletItem\";\n\nconst WalletItemIcon = forwardRef<HTMLImageElement, WalletItemElementProps>(\n  ({ className, asChild, children }, ref) => {\n    const context = useContext(WalletItemContext);\n\n    if (!context) {\n      throw new Error(\"`WalletItem.Icon` must be used within `WalletItem`\");\n    }\n\n    const Component = asChild ? Slot : \"img\";\n\n    return (\n      <Component\n        ref={ref}\n        src={context.wallet.icon}\n        alt={`${context.wallet.name} icon`}\n        className={className}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nWalletItemIcon.displayName = \"WalletItem.Icon\";\n\nconst WalletItemName = forwardRef<HTMLDivElement, WalletItemElementProps>(\n  ({ className, asChild, children }, ref) => {\n    const context = useContext(WalletItemContext);\n\n    if (!context) {\n      throw new Error(\"`WalletItem.Name` must be used within `WalletItem`\");\n    }\n\n    const Component = asChild ? Slot : \"div\";\n\n    return (\n      <Component ref={ref} className={className}>\n        {children ?? context.wallet.name}\n      </Component>\n    );\n  }\n);\nWalletItemName.displayName = \"WalletItem.Name\";\n\nconst WalletItemConnectButton = forwardRef<\n  HTMLButtonElement,\n  WalletItemElementProps\n>(({ className, asChild, children }, ref) => {\n  const context = useContext(WalletItemContext);\n\n  if (!context) {\n    throw new Error(\n      \"`WalletItem.ConnectButton` must be used within `WalletItem`\"\n    );\n  }\n\n  const Component = asChild ? Slot : \"button\";\n\n  return (\n    <Component ref={ref} className={className} onClick={context.connectWallet}>\n      {children ?? \"Connect\"}\n    </Component>\n  );\n});\nWalletItemConnectButton.displayName = \"WalletItem.ConnectButton\";\n\nconst WalletItemInstallLink = forwardRef<\n  HTMLAnchorElement,\n  WalletItemElementProps\n>(({ className, asChild, children }, ref) => {\n  const context = useContext(WalletItemContext);\n\n  if (!context) {\n    throw new Error(\n      \"`WalletItem.InstallLink` must be used within `WalletItem`\"\n    );\n  }\n\n  const Component = asChild ? Slot : \"a\";\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      href={context.wallet.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      {children ?? \"Install\"}\n    </Component>\n  );\n});\nWalletItemInstallLink.displayName = \"WalletItem.InstallLink\";\n\n/** A headless component for rendering a wallet option's name, icon, and either connect button or install link. */\nexport const WalletItem = Object.assign(WalletItemRoot, {\n  Icon: WalletItemIcon,\n  Name: WalletItemName,\n  ConnectButton: WalletItemConnectButton,\n  InstallLink: WalletItemInstallLink,\n});\n","import {\n  AccountInfo,\n  NetworkInfo,\n  WalletInfo,\n  SignMessagePayload,\n  SignMessageResponse,\n  Wallet,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputTransactionData,\n  InputSubmitTransactionData,\n  PendingTransactionResponse,\n  AccountAuthenticator,\n  Types,\n  WalletName,\n  AptosChangeNetworkOutput,\n  Network,\n  AptosStandardSupportedWallet,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { createContext, useContext } from \"react\";\n\nexport interface WalletContextState {\n  connected: boolean;\n  isLoading: boolean;\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connect(walletName: WalletName): void;\n  disconnect(): void;\n  wallet: WalletInfo | null;\n  wallets?: ReadonlyArray<Wallet | AptosStandardSupportedWallet>;\n  signAndSubmitTransaction(transaction: InputTransactionData): Promise<any>;\n  signTransaction(\n    transactionOrPayload: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator>;\n  submitTransaction(\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse>;\n  signMessage(message: SignMessagePayload): Promise<SignMessageResponse>;\n  signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;\n  changeNetwork(network: Network): Promise<AptosChangeNetworkOutput>;\n}\n\nconst DEFAULT_CONTEXT = {\n  connected: false,\n};\n\nexport const WalletContext = createContext<WalletContextState>(\n  DEFAULT_CONTEXT as WalletContextState\n);\n\nexport function useWallet(): WalletContextState {\n  const context = useContext(WalletContext);\n  if (!context) {\n    throw new Error(\"useWallet must be used within a WalletContextState\");\n  }\n  return context;\n}\n","import {\n  FC,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { WalletContext } from \"./useWallet\";\nimport type {\n  AccountInfo,\n  NetworkInfo,\n  SignMessagePayload,\n  Wallet,\n  WalletInfo,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputSubmitTransactionData,\n  AccountAuthenticator,\n  PendingTransactionResponse,\n  SignMessageResponse,\n  WalletName,\n  Types,\n  InputTransactionData,\n  Network,\n  AptosStandardSupportedWallet,\n  AvailableWallets,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { WalletCore } from \"@aptos-labs/wallet-adapter-core\";\n\nexport interface AptosWalletProviderProps {\n  children: ReactNode;\n  plugins?: ReadonlyArray<Wallet>;\n  optInWallets?: ReadonlyArray<AvailableWallets>;\n  autoConnect?: boolean;\n  onError?: (error: any) => void;\n}\n\nconst initialState: {\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connected: boolean;\n  wallet: WalletInfo | null;\n} = {\n  connected: false,\n  account: null,\n  network: null,\n  wallet: null,\n};\n\n/**\n * Supported props to pass into the provider\n *\n * @param plugins Non AIP-62 supported wallet plugins array\n * @param optInWallets AIP-62 supported wallet names array to only include in the adapter wallets\n * @param autoConnect A boolean flag to indicate if the adapter should auto connect to a wallet\n * @param onError A callback function to execute when there is an error in the adapter\n *\n */\nexport const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({\n  children,\n  plugins,\n  optInWallets,\n  autoConnect = false,\n  onError,\n}: AptosWalletProviderProps) => {\n  const [{ connected, account, network, wallet }, setState] =\n    useState(initialState);\n\n  // a local state to track whether wallet connect request is loading\n  // https://github.com/aptos-labs/aptos-wallet-adapter/issues/94\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const walletCore = useMemo(\n    () => new WalletCore(plugins ?? [], optInWallets ?? []),\n    []\n  );\n  const [wallets, setWallets] = useState<\n    ReadonlyArray<Wallet | AptosStandardSupportedWallet>\n  >(walletCore.wallets);\n\n  const connect = async (walletName: WalletName) => {\n    try {\n      setIsLoading(true);\n      await walletCore.connect(walletName);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const disconnect = async () => {\n    try {\n      await walletCore.disconnect();\n    } catch (error) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signTransaction = async (\n    transaction: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator> => {\n    try {\n      return await walletCore.signTransaction(transaction, asFeePayer, options);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessage = async (\n    message: SignMessagePayload\n  ): Promise<SignMessageResponse> => {\n    try {\n      return await walletCore.signMessage(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessageAndVerify = async (\n    message: SignMessagePayload\n  ): Promise<boolean> => {\n    try {\n      return await walletCore.signMessageAndVerify(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const submitTransaction = async (\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse> => {\n    try {\n      return await walletCore.submitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signAndSubmitTransaction = async (\n    transaction: InputTransactionData\n  ) => {\n    try {\n      return await walletCore.signAndSubmitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const changeNetwork = async (network: Network) => {\n    try {\n      return await walletCore.changeNetwork(network);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  useEffect(() => {\n    if (autoConnect) {\n      if (localStorage.getItem(\"AptosWalletName\") && !connected) {\n        connect(localStorage.getItem(\"AptosWalletName\") as WalletName);\n      } else {\n        // if we dont use autoconnect set the connect is loading to false\n        setIsLoading(false);\n      }\n    }\n  }, [autoConnect, wallets]);\n\n  useEffect(() => {\n    if (connected) {\n      walletCore.onAccountChange();\n      walletCore.onNetworkChange();\n    }\n  }, [connected]);\n\n  // Handle the adapter's connect event\n  const handleConnect = () => {\n    setState((state) => {\n      return {\n        ...state,\n        connected: true,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: walletCore.wallet,\n      };\n    });\n  };\n\n  // Handle the adapter's disconnect event\n  const handleDisconnect = () => {\n    if (!connected) return;\n    setState((state) => {\n      return {\n        ...state,\n        connected: false,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: null,\n      };\n    });\n  };\n\n  // Handle the adapter's account change event\n  const handleAccountChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        account: walletCore.account,\n      };\n    });\n  }, [connected]);\n\n  // Handle the adapter's network event\n  const handleNetworkChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        network: walletCore.network,\n      };\n    });\n  }, [connected]);\n\n  const handleReadyStateChange = (updatedWallet: Wallet) => {\n    // Create a new array with updated values\n    const updatedWallets = (wallets as Wallet[])?.map((wallet) => {\n      if (wallet.name === updatedWallet.name) {\n        // Return a new object with updated value\n        return { ...wallet, readyState: updatedWallet.readyState };\n      }\n      return wallet;\n    });\n    setWallets(updatedWallets);\n  };\n\n  const handleStandardWalletsAdded = (\n    standardWallet: Wallet | AptosStandardSupportedWallet\n  ) => {\n    // Manage current wallet state by removing optional duplications\n    // as new wallets are coming\n    const existingWalletIndex = wallets.findIndex(\n      (wallet) => wallet.name == standardWallet.name\n    );\n    if (existingWalletIndex !== -1) {\n      // If wallet exists, replace it with the new wallet\n      setWallets((wallets) => [\n        ...wallets.slice(0, existingWalletIndex),\n        standardWallet,\n        ...wallets.slice(existingWalletIndex + 1),\n      ]);\n    } else {\n      // If wallet doesn't exist, add it to the array\n      setWallets((wallets) => [...wallets, standardWallet]);\n    }\n  };\n\n  useEffect(() => {\n    walletCore.on(\"connect\", handleConnect);\n    walletCore.on(\"disconnect\", handleDisconnect);\n    walletCore.on(\"accountChange\", handleAccountChange);\n    walletCore.on(\"networkChange\", handleNetworkChange);\n    walletCore.on(\"readyStateChange\", handleReadyStateChange);\n    walletCore.on(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    return () => {\n      walletCore.off(\"connect\", handleConnect);\n      walletCore.off(\"disconnect\", handleDisconnect);\n      walletCore.off(\"accountChange\", handleAccountChange);\n      walletCore.off(\"networkChange\", handleNetworkChange);\n      walletCore.off(\"readyStateChange\", handleReadyStateChange);\n      walletCore.off(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    };\n  }, [wallets, connected]);\n\n  return (\n    <WalletContext.Provider\n      value={{\n        connect,\n        account,\n        network,\n        connected,\n        disconnect,\n        wallet,\n        wallets,\n        signAndSubmitTransaction,\n        signTransaction,\n        signMessage,\n        signMessageAndVerify,\n        isLoading,\n        submitTransaction,\n        changeNetwork,\n      }}\n    >\n      {children}\n    </WalletContext.Provider>\n  );\n};\n","import {\n  AnyAptosWallet,\n  WalletReadyState,\n  isRedirectable,\n} from \"@aptos-labs/wallet-adapter-core\";\n\n/**\n * A function that will partition the provided wallets into two list — `defaultWallets` and `moreWallets`.\n * By default, the wallets will be partitioned by whether or not they are installed or loadable.\n * You can pass your own partition function if you wish to customize this behavior.\n */\nexport function partitionWallets(\n  wallets: ReadonlyArray<AnyAptosWallet>,\n  partitionFunction: (wallet: AnyAptosWallet) => boolean = isInstalledOrLoadable\n) {\n  const defaultWallets: Array<AnyAptosWallet> = [];\n  const moreWallets: Array<AnyAptosWallet> = [];\n\n  for (const wallet of wallets) {\n    if (partitionFunction(wallet)) defaultWallets.push(wallet);\n    else moreWallets.push(wallet);\n  }\n\n  return { defaultWallets, moreWallets };\n}\n\n/** Returns true if the wallet is installed or loadable. */\nexport function isInstalledOrLoadable(wallet: AnyAptosWallet) {\n  return (\n    wallet.readyState === WalletReadyState.Installed ||\n    wallet.readyState === WalletReadyState.Loadable\n  );\n}\n\n/**\n * Returns true if the user is on desktop and the provided wallet requires installation of a browser extension.\n * This can be used to decide whether to show a \"Connect\" button or \"Install\" link in the UI.\n */\nexport function isInstallRequired(wallet: AnyAptosWallet) {\n  const isWalletReady = isInstalledOrLoadable(wallet);\n  const isMobile = !isWalletReady && isRedirectable();\n\n  return !isMobile && !isWalletReady;\n}\n\n/** Truncates the provided wallet address at the middle with an ellipsis. */\nexport function truncateAddress(address: string | undefined) {\n  if (!address) return;\n  return `${address.slice(0, 6)}...${address.slice(-5)}`;\n}\n"],"mappings":"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","names":["import_react","import_react","import_wallet_adapter_core","network","wallet","wallets","import_wallet_adapter_core"]}

package/dist/index.mjs

@@ -1,3 +1,19 @@
+// src/index.tsx
+export * from "@aptos-labs/wallet-adapter-core";
+
+// src/WalletItem.tsx
+import {
+  WalletReadyState,
+  isRedirectable
+} from "@aptos-labs/wallet-adapter-core";
+import { Slot } from "@radix-ui/react-slot";
+import {
+  createContext as createContext2,
+  forwardRef,
+  useCallback,
+  useContext as useContext2
+} from "react";
+
 // src/useWallet.tsx
 import { createContext, useContext } from "react";
 var DEFAULT_CONTEXT = {
@@ -14,15 +30,114 @@ function useWallet() {
   return context;
 }
 
+// src/WalletItem.tsx
+import { jsx } from "react/jsx-runtime";
+var WalletItemContext = createContext2(null);
+var WalletItemRoot = forwardRef(
+  ({ wallet, onConnect, className, asChild, children }, ref) => {
+    const { connect } = useWallet();
+    const connectWallet = useCallback(() => {
+      connect(wallet.name);
+      onConnect == null ? void 0 : onConnect();
+    }, [connect, wallet.name, onConnect]);
+    const isWalletReady = wallet.readyState === WalletReadyState.Installed || wallet.readyState === WalletReadyState.Loadable;
+    const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
+    if (!isWalletReady && isRedirectable() && !mobileSupport)
+      return null;
+    const Component = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(WalletItemContext.Provider, {
+      value: { wallet, connectWallet },
+      children: /* @__PURE__ */ jsx(Component, {
+        ref,
+        className,
+        children
+      })
+    });
+  }
+);
+WalletItemRoot.displayName = "WalletItem";
+var WalletItemIcon = forwardRef(
+  ({ className, asChild, children }, ref) => {
+    const context = useContext2(WalletItemContext);
+    if (!context) {
+      throw new Error("`WalletItem.Icon` must be used within `WalletItem`");
+    }
+    const Component = asChild ? Slot : "img";
+    return /* @__PURE__ */ jsx(Component, {
+      ref,
+      src: context.wallet.icon,
+      alt: `${context.wallet.name} icon`,
+      className,
+      children
+    });
+  }
+);
+WalletItemIcon.displayName = "WalletItem.Icon";
+var WalletItemName = forwardRef(
+  ({ className, asChild, children }, ref) => {
+    const context = useContext2(WalletItemContext);
+    if (!context) {
+      throw new Error("`WalletItem.Name` must be used within `WalletItem`");
+    }
+    const Component = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(Component, {
+      ref,
+      className,
+      children: children != null ? children : context.wallet.name
+    });
+  }
+);
+WalletItemName.displayName = "WalletItem.Name";
+var WalletItemConnectButton = forwardRef(({ className, asChild, children }, ref) => {
+  const context = useContext2(WalletItemContext);
+  if (!context) {
+    throw new Error(
+      "`WalletItem.ConnectButton` must be used within `WalletItem`"
+    );
+  }
+  const Component = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(Component, {
+    ref,
+    className,
+    onClick: context.connectWallet,
+    children: children != null ? children : "Connect"
+  });
+});
+WalletItemConnectButton.displayName = "WalletItem.ConnectButton";
+var WalletItemInstallLink = forwardRef(({ className, asChild, children }, ref) => {
+  const context = useContext2(WalletItemContext);
+  if (!context) {
+    throw new Error(
+      "`WalletItem.InstallLink` must be used within `WalletItem`"
+    );
+  }
+  const Component = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(Component, {
+    ref,
+    className,
+    href: context.wallet.url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: children != null ? children : "Install"
+  });
+});
+WalletItemInstallLink.displayName = "WalletItem.InstallLink";
+var WalletItem = Object.assign(WalletItemRoot, {
+  Icon: WalletItemIcon,
+  Name: WalletItemName,
+  ConnectButton: WalletItemConnectButton,
+  InstallLink: WalletItemInstallLink
+});
+
 // src/WalletProvider.tsx
 import {
-  useCallback,
+  useCallback as useCallback2,
   useEffect,
   useMemo,
   useState
 } from "react";
 import { WalletCore } from "@aptos-labs/wallet-adapter-core";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var initialState = {
   connected: false,
   account: null,
@@ -126,7 +241,7 @@ var AptosWalletAdapterProvider = ({
         setIsLoading(false);
       }
     }
-  }, [wallets]);
+  }, [autoConnect, wallets]);
   useEffect(() => {
     if (connected) {
       walletCore.onAccountChange();
@@ -157,7 +272,7 @@ var AptosWalletAdapterProvider = ({
       };
     });
   };
-  const handleAccountChange = useCallback(() => {
+  const handleAccountChange = useCallback2(() => {
     if (!connected)
       return;
     if (!walletCore.wallet)
@@ -169,7 +284,7 @@ var AptosWalletAdapterProvider = ({
       };
     });
   }, [connected]);
-  const handleNetworkChange = useCallback(() => {
+  const handleNetworkChange = useCallback2(() => {
     if (!connected)
       return;
     if (!walletCore.wallet)
@@ -220,7 +335,7 @@ var AptosWalletAdapterProvider = ({
       walletCore.off("standardWalletsAdded", handleStandardWalletsAdded);
     };
   }, [wallets, connected]);
-  return /* @__PURE__ */ jsx(WalletContext.Provider, {
+  return /* @__PURE__ */ jsx2(WalletContext.Provider, {
     value: {
       connect,
       account,
@@ -241,11 +356,43 @@ var AptosWalletAdapterProvider = ({
   });
 };
 
-// src/index.tsx
-export * from "@aptos-labs/wallet-adapter-core";
+// src/utils.tsx
+import {
+  WalletReadyState as WalletReadyState2,
+  isRedirectable as isRedirectable2
+} from "@aptos-labs/wallet-adapter-core";
+function partitionWallets(wallets, partitionFunction = isInstalledOrLoadable) {
+  const defaultWallets = [];
+  const moreWallets = [];
+  for (const wallet of wallets) {
+    if (partitionFunction(wallet))
+      defaultWallets.push(wallet);
+    else
+      moreWallets.push(wallet);
+  }
+  return { defaultWallets, moreWallets };
+}
+function isInstalledOrLoadable(wallet) {
+  return wallet.readyState === WalletReadyState2.Installed || wallet.readyState === WalletReadyState2.Loadable;
+}
+function isInstallRequired(wallet) {
+  const isWalletReady = isInstalledOrLoadable(wallet);
+  const isMobile = !isWalletReady && isRedirectable2();
+  return !isMobile && !isWalletReady;
+}
+function truncateAddress(address) {
+  if (!address)
+    return;
+  return `${address.slice(0, 6)}...${address.slice(-5)}`;
+}
 export {
   AptosWalletAdapterProvider,
   WalletContext,
+  WalletItem,
+  isInstallRequired,
+  isInstalledOrLoadable,
+  partitionWallets,
+  truncateAddress,
   useWallet
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useWallet.tsx","../src/WalletProvider.tsx","../src/index.tsx"],"sourcesContent":["import {\n  AccountInfo,\n  NetworkInfo,\n  WalletInfo,\n  SignMessagePayload,\n  SignMessageResponse,\n  Wallet,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputTransactionData,\n  InputSubmitTransactionData,\n  PendingTransactionResponse,\n  AccountAuthenticator,\n  Types,\n  WalletName,\n  AptosChangeNetworkOutput,\n  Network,\n  AptosStandardSupportedWallet,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { createContext, useContext } from \"react\";\n\nexport interface WalletContextState {\n  connected: boolean;\n  isLoading: boolean;\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connect(walletName: WalletName): void;\n  disconnect(): void;\n  wallet: WalletInfo | null;\n  wallets?: ReadonlyArray<Wallet | AptosStandardSupportedWallet>;\n  signAndSubmitTransaction(transaction: InputTransactionData): Promise<any>;\n  signTransaction(\n    transactionOrPayload: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator>;\n  submitTransaction(\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse>;\n  signMessage(message: SignMessagePayload): Promise<SignMessageResponse>;\n  signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;\n  changeNetwork(network: Network): Promise<AptosChangeNetworkOutput>;\n}\n\nconst DEFAULT_CONTEXT = {\n  connected: false,\n};\n\nexport const WalletContext = createContext<WalletContextState>(\n  DEFAULT_CONTEXT as WalletContextState\n);\n\nexport function useWallet(): WalletContextState {\n  const context = useContext(WalletContext);\n  if (!context) {\n    throw new Error(\"useWallet must be used within a WalletContextState\");\n  }\n  return context;\n}\n","import {\n  FC,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { WalletContext } from \"./useWallet\";\nimport type {\n  AccountInfo,\n  NetworkInfo,\n  SignMessagePayload,\n  Wallet,\n  WalletInfo,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputSubmitTransactionData,\n  AccountAuthenticator,\n  PendingTransactionResponse,\n  SignMessageResponse,\n  WalletName,\n  Types,\n  InputTransactionData,\n  Network,\n  AptosStandardSupportedWallet,\n  AvailableWallets,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { WalletCore } from \"@aptos-labs/wallet-adapter-core\";\n\nexport interface AptosWalletProviderProps {\n  children: ReactNode;\n  plugins?: ReadonlyArray<Wallet>;\n  optInWallets?: ReadonlyArray<AvailableWallets>;\n  autoConnect?: boolean;\n  onError?: (error: any) => void;\n}\n\nconst initialState: {\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connected: boolean;\n  wallet: WalletInfo | null;\n} = {\n  connected: false,\n  account: null,\n  network: null,\n  wallet: null,\n};\n\n/**\n * Supported props to pass into the provider\n *\n * @param plugins Non AIP-62 supported wallet plugins array\n * @param optInWallets AIP-62 supported wallet names array to only include in the adapter wallets\n * @param autoConnect A boolean flag to indicate if the adapter should auto connect to a wallet\n * @param onError A callback function to execute when there is an error in the adapter\n *\n */\nexport const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({\n  children,\n  plugins,\n  optInWallets,\n  autoConnect = false,\n  onError,\n}: AptosWalletProviderProps) => {\n  const [{ connected, account, network, wallet }, setState] =\n    useState(initialState);\n\n  // a local state to track whether wallet connect request is loading\n  // https://github.com/aptos-labs/aptos-wallet-adapter/issues/94\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const walletCore = useMemo(\n    () => new WalletCore(plugins ?? [], optInWallets ?? []),\n    []\n  );\n  const [wallets, setWallets] = useState<\n    ReadonlyArray<Wallet | AptosStandardSupportedWallet>\n  >(walletCore.wallets);\n\n  const connect = async (walletName: WalletName) => {\n    try {\n      setIsLoading(true);\n      await walletCore.connect(walletName);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const disconnect = async () => {\n    try {\n      await walletCore.disconnect();\n    } catch (error) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signTransaction = async (\n    transaction: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator> => {\n    try {\n      return await walletCore.signTransaction(transaction, asFeePayer, options);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessage = async (\n    message: SignMessagePayload\n  ): Promise<SignMessageResponse> => {\n    try {\n      return await walletCore.signMessage(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessageAndVerify = async (\n    message: SignMessagePayload\n  ): Promise<boolean> => {\n    try {\n      return await walletCore.signMessageAndVerify(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const submitTransaction = async (\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse> => {\n    try {\n      return await walletCore.submitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signAndSubmitTransaction = async (\n    transaction: InputTransactionData\n  ) => {\n    try {\n      return await walletCore.signAndSubmitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const changeNetwork = async (network: Network) => {\n    try {\n      return await walletCore.changeNetwork(network);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  useEffect(() => {\n    if (autoConnect) {\n      if (localStorage.getItem(\"AptosWalletName\") && !connected) {\n        connect(localStorage.getItem(\"AptosWalletName\") as WalletName);\n      } else {\n        // if we dont use autoconnect set the connect is loading to false\n        setIsLoading(false);\n      }\n    }\n  }, [wallets]);\n\n  useEffect(() => {\n    if (connected) {\n      walletCore.onAccountChange();\n      walletCore.onNetworkChange();\n    }\n  }, [connected]);\n\n  // Handle the adapter's connect event\n  const handleConnect = () => {\n    setState((state) => {\n      return {\n        ...state,\n        connected: true,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: walletCore.wallet,\n      };\n    });\n  };\n\n  // Handle the adapter's disconnect event\n  const handleDisconnect = () => {\n    if (!connected) return;\n    setState((state) => {\n      return {\n        ...state,\n        connected: false,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: null,\n      };\n    });\n  };\n\n  // Handle the adapter's account change event\n  const handleAccountChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        account: walletCore.account,\n      };\n    });\n  }, [connected]);\n\n  // Handle the adapter's network event\n  const handleNetworkChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        network: walletCore.network,\n      };\n    });\n  }, [connected]);\n\n  const handleReadyStateChange = (updatedWallet: Wallet) => {\n    // Create a new array with updated values\n    const updatedWallets = (wallets as Wallet[])?.map((wallet) => {\n      if (wallet.name === updatedWallet.name) {\n        // Return a new object with updated value\n        return { ...wallet, readyState: updatedWallet.readyState };\n      }\n      return wallet;\n    });\n    setWallets(updatedWallets);\n  };\n\n  const handleStandardWalletsAdded = (\n    standardWallet: Wallet | AptosStandardSupportedWallet\n  ) => {\n    // Manage current wallet state by removing optional duplications\n    // as new wallets are coming\n    const existingWalletIndex = wallets.findIndex(\n      (wallet) => wallet.name == standardWallet.name\n    );\n    if (existingWalletIndex !== -1) {\n      // If wallet exists, replace it with the new wallet\n      setWallets((wallets) => [\n        ...wallets.slice(0, existingWalletIndex),\n        standardWallet,\n        ...wallets.slice(existingWalletIndex + 1),\n      ]);\n    } else {\n      // If wallet doesn't exist, add it to the array\n      setWallets((wallets) => [...wallets, standardWallet]);\n    }\n  };\n\n  useEffect(() => {\n    walletCore.on(\"connect\", handleConnect);\n    walletCore.on(\"disconnect\", handleDisconnect);\n    walletCore.on(\"accountChange\", handleAccountChange);\n    walletCore.on(\"networkChange\", handleNetworkChange);\n    walletCore.on(\"readyStateChange\", handleReadyStateChange);\n    walletCore.on(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    return () => {\n      walletCore.off(\"connect\", handleConnect);\n      walletCore.off(\"disconnect\", handleDisconnect);\n      walletCore.off(\"accountChange\", handleAccountChange);\n      walletCore.off(\"networkChange\", handleNetworkChange);\n      walletCore.off(\"readyStateChange\", handleReadyStateChange);\n      walletCore.off(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    };\n  }, [wallets, connected]);\n\n  return (\n    <WalletContext.Provider\n      value={{\n        connect,\n        account,\n        network,\n        connected,\n        disconnect,\n        wallet,\n        wallets,\n        signAndSubmitTransaction,\n        signTransaction,\n        signMessage,\n        signMessageAndVerify,\n        isLoading,\n        submitTransaction,\n        changeNetwork,\n      }}\n    >\n      {children}\n    </WalletContext.Provider>\n  );\n};\n","import * as React from \"react\";\nexport * from \"./useWallet\";\nexport * from \"./WalletProvider\";\nexport * from \"@aptos-labs/wallet-adapter-core\";\n"],"mappings":"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","names":["network","wallet","wallets"]}
+{"version":3,"sources":["../src/index.tsx","../src/WalletItem.tsx","../src/useWallet.tsx","../src/WalletProvider.tsx","../src/utils.tsx"],"sourcesContent":["export * from \"@aptos-labs/wallet-adapter-core\";\nexport * from \"./WalletItem\";\nexport * from \"./WalletProvider\";\nexport * from \"./useWallet\";\nexport * from \"./utils\";\n","import {\n  AnyAptosWallet,\n  WalletReadyState,\n  isRedirectable,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  ReactNode,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n} from \"react\";\nimport { useWallet } from \"./useWallet\";\n\nexport interface WalletItemProps {\n  /** The wallet option to be displayed. */\n  wallet: AnyAptosWallet;\n  /** A callback to be invoked when the wallet is connected. */\n  onConnect?: () => void;\n  /** A class name for styling the wrapper element. */\n  className?: string;\n  /**\n   * Whether to render as the child element instead of the default `div` provided.\n   * All props will be merged into the child element.\n   */\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nexport interface WalletItemElementProps {\n  /** A class name for styling the element. */\n  className?: string;\n  /**\n   * Whether to render as the child element instead of the default element provided.\n   * All props will be merged into the child element.\n   */\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nconst WalletItemContext = createContext<{\n  wallet: AnyAptosWallet;\n  connectWallet: () => void;\n} | null>(null);\n\nconst WalletItemRoot = forwardRef<HTMLDivElement, WalletItemProps>(\n  ({ wallet, onConnect, className, asChild, children }, ref) => {\n    const { connect } = useWallet();\n\n    const connectWallet = useCallback(() => {\n      connect(wallet.name);\n      onConnect?.();\n    }, [connect, wallet.name, onConnect]);\n\n    const isWalletReady =\n      wallet.readyState === WalletReadyState.Installed ||\n      wallet.readyState === WalletReadyState.Loadable;\n\n    const mobileSupport =\n      \"deeplinkProvider\" in wallet && wallet.deeplinkProvider;\n\n    if (!isWalletReady && isRedirectable() && !mobileSupport) return null;\n\n    const Component = asChild ? Slot : \"div\";\n\n    return (\n      <WalletItemContext.Provider value={{ wallet, connectWallet }}>\n        <Component ref={ref} className={className}>\n          {children}\n        </Component>\n      </WalletItemContext.Provider>\n    );\n  }\n);\nWalletItemRoot.displayName = \"WalletItem\";\n\nconst WalletItemIcon = forwardRef<HTMLImageElement, WalletItemElementProps>(\n  ({ className, asChild, children }, ref) => {\n    const context = useContext(WalletItemContext);\n\n    if (!context) {\n      throw new Error(\"`WalletItem.Icon` must be used within `WalletItem`\");\n    }\n\n    const Component = asChild ? Slot : \"img\";\n\n    return (\n      <Component\n        ref={ref}\n        src={context.wallet.icon}\n        alt={`${context.wallet.name} icon`}\n        className={className}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nWalletItemIcon.displayName = \"WalletItem.Icon\";\n\nconst WalletItemName = forwardRef<HTMLDivElement, WalletItemElementProps>(\n  ({ className, asChild, children }, ref) => {\n    const context = useContext(WalletItemContext);\n\n    if (!context) {\n      throw new Error(\"`WalletItem.Name` must be used within `WalletItem`\");\n    }\n\n    const Component = asChild ? Slot : \"div\";\n\n    return (\n      <Component ref={ref} className={className}>\n        {children ?? context.wallet.name}\n      </Component>\n    );\n  }\n);\nWalletItemName.displayName = \"WalletItem.Name\";\n\nconst WalletItemConnectButton = forwardRef<\n  HTMLButtonElement,\n  WalletItemElementProps\n>(({ className, asChild, children }, ref) => {\n  const context = useContext(WalletItemContext);\n\n  if (!context) {\n    throw new Error(\n      \"`WalletItem.ConnectButton` must be used within `WalletItem`\"\n    );\n  }\n\n  const Component = asChild ? Slot : \"button\";\n\n  return (\n    <Component ref={ref} className={className} onClick={context.connectWallet}>\n      {children ?? \"Connect\"}\n    </Component>\n  );\n});\nWalletItemConnectButton.displayName = \"WalletItem.ConnectButton\";\n\nconst WalletItemInstallLink = forwardRef<\n  HTMLAnchorElement,\n  WalletItemElementProps\n>(({ className, asChild, children }, ref) => {\n  const context = useContext(WalletItemContext);\n\n  if (!context) {\n    throw new Error(\n      \"`WalletItem.InstallLink` must be used within `WalletItem`\"\n    );\n  }\n\n  const Component = asChild ? Slot : \"a\";\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      href={context.wallet.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      {children ?? \"Install\"}\n    </Component>\n  );\n});\nWalletItemInstallLink.displayName = \"WalletItem.InstallLink\";\n\n/** A headless component for rendering a wallet option's name, icon, and either connect button or install link. */\nexport const WalletItem = Object.assign(WalletItemRoot, {\n  Icon: WalletItemIcon,\n  Name: WalletItemName,\n  ConnectButton: WalletItemConnectButton,\n  InstallLink: WalletItemInstallLink,\n});\n","import {\n  AccountInfo,\n  NetworkInfo,\n  WalletInfo,\n  SignMessagePayload,\n  SignMessageResponse,\n  Wallet,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputTransactionData,\n  InputSubmitTransactionData,\n  PendingTransactionResponse,\n  AccountAuthenticator,\n  Types,\n  WalletName,\n  AptosChangeNetworkOutput,\n  Network,\n  AptosStandardSupportedWallet,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { createContext, useContext } from \"react\";\n\nexport interface WalletContextState {\n  connected: boolean;\n  isLoading: boolean;\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connect(walletName: WalletName): void;\n  disconnect(): void;\n  wallet: WalletInfo | null;\n  wallets?: ReadonlyArray<Wallet | AptosStandardSupportedWallet>;\n  signAndSubmitTransaction(transaction: InputTransactionData): Promise<any>;\n  signTransaction(\n    transactionOrPayload: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator>;\n  submitTransaction(\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse>;\n  signMessage(message: SignMessagePayload): Promise<SignMessageResponse>;\n  signMessageAndVerify(message: SignMessagePayload): Promise<boolean>;\n  changeNetwork(network: Network): Promise<AptosChangeNetworkOutput>;\n}\n\nconst DEFAULT_CONTEXT = {\n  connected: false,\n};\n\nexport const WalletContext = createContext<WalletContextState>(\n  DEFAULT_CONTEXT as WalletContextState\n);\n\nexport function useWallet(): WalletContextState {\n  const context = useContext(WalletContext);\n  if (!context) {\n    throw new Error(\"useWallet must be used within a WalletContextState\");\n  }\n  return context;\n}\n","import {\n  FC,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { WalletContext } from \"./useWallet\";\nimport type {\n  AccountInfo,\n  NetworkInfo,\n  SignMessagePayload,\n  Wallet,\n  WalletInfo,\n  InputGenerateTransactionOptions,\n  AnyRawTransaction,\n  InputSubmitTransactionData,\n  AccountAuthenticator,\n  PendingTransactionResponse,\n  SignMessageResponse,\n  WalletName,\n  Types,\n  InputTransactionData,\n  Network,\n  AptosStandardSupportedWallet,\n  AvailableWallets,\n} from \"@aptos-labs/wallet-adapter-core\";\nimport { WalletCore } from \"@aptos-labs/wallet-adapter-core\";\n\nexport interface AptosWalletProviderProps {\n  children: ReactNode;\n  plugins?: ReadonlyArray<Wallet>;\n  optInWallets?: ReadonlyArray<AvailableWallets>;\n  autoConnect?: boolean;\n  onError?: (error: any) => void;\n}\n\nconst initialState: {\n  account: AccountInfo | null;\n  network: NetworkInfo | null;\n  connected: boolean;\n  wallet: WalletInfo | null;\n} = {\n  connected: false,\n  account: null,\n  network: null,\n  wallet: null,\n};\n\n/**\n * Supported props to pass into the provider\n *\n * @param plugins Non AIP-62 supported wallet plugins array\n * @param optInWallets AIP-62 supported wallet names array to only include in the adapter wallets\n * @param autoConnect A boolean flag to indicate if the adapter should auto connect to a wallet\n * @param onError A callback function to execute when there is an error in the adapter\n *\n */\nexport const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({\n  children,\n  plugins,\n  optInWallets,\n  autoConnect = false,\n  onError,\n}: AptosWalletProviderProps) => {\n  const [{ connected, account, network, wallet }, setState] =\n    useState(initialState);\n\n  // a local state to track whether wallet connect request is loading\n  // https://github.com/aptos-labs/aptos-wallet-adapter/issues/94\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const walletCore = useMemo(\n    () => new WalletCore(plugins ?? [], optInWallets ?? []),\n    []\n  );\n  const [wallets, setWallets] = useState<\n    ReadonlyArray<Wallet | AptosStandardSupportedWallet>\n  >(walletCore.wallets);\n\n  const connect = async (walletName: WalletName) => {\n    try {\n      setIsLoading(true);\n      await walletCore.connect(walletName);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const disconnect = async () => {\n    try {\n      await walletCore.disconnect();\n    } catch (error) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signTransaction = async (\n    transaction: AnyRawTransaction | Types.TransactionPayload,\n    asFeePayer?: boolean,\n    options?: InputGenerateTransactionOptions\n  ): Promise<AccountAuthenticator> => {\n    try {\n      return await walletCore.signTransaction(transaction, asFeePayer, options);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessage = async (\n    message: SignMessagePayload\n  ): Promise<SignMessageResponse> => {\n    try {\n      return await walletCore.signMessage(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signMessageAndVerify = async (\n    message: SignMessagePayload\n  ): Promise<boolean> => {\n    try {\n      return await walletCore.signMessageAndVerify(message);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const submitTransaction = async (\n    transaction: InputSubmitTransactionData\n  ): Promise<PendingTransactionResponse> => {\n    try {\n      return await walletCore.submitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const signAndSubmitTransaction = async (\n    transaction: InputTransactionData\n  ) => {\n    try {\n      return await walletCore.signAndSubmitTransaction(transaction);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  const changeNetwork = async (network: Network) => {\n    try {\n      return await walletCore.changeNetwork(network);\n    } catch (error: any) {\n      if (onError) onError(error);\n      return Promise.reject(error);\n    }\n  };\n\n  useEffect(() => {\n    if (autoConnect) {\n      if (localStorage.getItem(\"AptosWalletName\") && !connected) {\n        connect(localStorage.getItem(\"AptosWalletName\") as WalletName);\n      } else {\n        // if we dont use autoconnect set the connect is loading to false\n        setIsLoading(false);\n      }\n    }\n  }, [autoConnect, wallets]);\n\n  useEffect(() => {\n    if (connected) {\n      walletCore.onAccountChange();\n      walletCore.onNetworkChange();\n    }\n  }, [connected]);\n\n  // Handle the adapter's connect event\n  const handleConnect = () => {\n    setState((state) => {\n      return {\n        ...state,\n        connected: true,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: walletCore.wallet,\n      };\n    });\n  };\n\n  // Handle the adapter's disconnect event\n  const handleDisconnect = () => {\n    if (!connected) return;\n    setState((state) => {\n      return {\n        ...state,\n        connected: false,\n        account: walletCore.account,\n        network: walletCore.network,\n        wallet: null,\n      };\n    });\n  };\n\n  // Handle the adapter's account change event\n  const handleAccountChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        account: walletCore.account,\n      };\n    });\n  }, [connected]);\n\n  // Handle the adapter's network event\n  const handleNetworkChange = useCallback(() => {\n    if (!connected) return;\n    if (!walletCore.wallet) return;\n    setState((state) => {\n      return {\n        ...state,\n        network: walletCore.network,\n      };\n    });\n  }, [connected]);\n\n  const handleReadyStateChange = (updatedWallet: Wallet) => {\n    // Create a new array with updated values\n    const updatedWallets = (wallets as Wallet[])?.map((wallet) => {\n      if (wallet.name === updatedWallet.name) {\n        // Return a new object with updated value\n        return { ...wallet, readyState: updatedWallet.readyState };\n      }\n      return wallet;\n    });\n    setWallets(updatedWallets);\n  };\n\n  const handleStandardWalletsAdded = (\n    standardWallet: Wallet | AptosStandardSupportedWallet\n  ) => {\n    // Manage current wallet state by removing optional duplications\n    // as new wallets are coming\n    const existingWalletIndex = wallets.findIndex(\n      (wallet) => wallet.name == standardWallet.name\n    );\n    if (existingWalletIndex !== -1) {\n      // If wallet exists, replace it with the new wallet\n      setWallets((wallets) => [\n        ...wallets.slice(0, existingWalletIndex),\n        standardWallet,\n        ...wallets.slice(existingWalletIndex + 1),\n      ]);\n    } else {\n      // If wallet doesn't exist, add it to the array\n      setWallets((wallets) => [...wallets, standardWallet]);\n    }\n  };\n\n  useEffect(() => {\n    walletCore.on(\"connect\", handleConnect);\n    walletCore.on(\"disconnect\", handleDisconnect);\n    walletCore.on(\"accountChange\", handleAccountChange);\n    walletCore.on(\"networkChange\", handleNetworkChange);\n    walletCore.on(\"readyStateChange\", handleReadyStateChange);\n    walletCore.on(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    return () => {\n      walletCore.off(\"connect\", handleConnect);\n      walletCore.off(\"disconnect\", handleDisconnect);\n      walletCore.off(\"accountChange\", handleAccountChange);\n      walletCore.off(\"networkChange\", handleNetworkChange);\n      walletCore.off(\"readyStateChange\", handleReadyStateChange);\n      walletCore.off(\"standardWalletsAdded\", handleStandardWalletsAdded);\n    };\n  }, [wallets, connected]);\n\n  return (\n    <WalletContext.Provider\n      value={{\n        connect,\n        account,\n        network,\n        connected,\n        disconnect,\n        wallet,\n        wallets,\n        signAndSubmitTransaction,\n        signTransaction,\n        signMessage,\n        signMessageAndVerify,\n        isLoading,\n        submitTransaction,\n        changeNetwork,\n      }}\n    >\n      {children}\n    </WalletContext.Provider>\n  );\n};\n","import {\n  AnyAptosWallet,\n  WalletReadyState,\n  isRedirectable,\n} from \"@aptos-labs/wallet-adapter-core\";\n\n/**\n * A function that will partition the provided wallets into two list — `defaultWallets` and `moreWallets`.\n * By default, the wallets will be partitioned by whether or not they are installed or loadable.\n * You can pass your own partition function if you wish to customize this behavior.\n */\nexport function partitionWallets(\n  wallets: ReadonlyArray<AnyAptosWallet>,\n  partitionFunction: (wallet: AnyAptosWallet) => boolean = isInstalledOrLoadable\n) {\n  const defaultWallets: Array<AnyAptosWallet> = [];\n  const moreWallets: Array<AnyAptosWallet> = [];\n\n  for (const wallet of wallets) {\n    if (partitionFunction(wallet)) defaultWallets.push(wallet);\n    else moreWallets.push(wallet);\n  }\n\n  return { defaultWallets, moreWallets };\n}\n\n/** Returns true if the wallet is installed or loadable. */\nexport function isInstalledOrLoadable(wallet: AnyAptosWallet) {\n  return (\n    wallet.readyState === WalletReadyState.Installed ||\n    wallet.readyState === WalletReadyState.Loadable\n  );\n}\n\n/**\n * Returns true if the user is on desktop and the provided wallet requires installation of a browser extension.\n * This can be used to decide whether to show a \"Connect\" button or \"Install\" link in the UI.\n */\nexport function isInstallRequired(wallet: AnyAptosWallet) {\n  const isWalletReady = isInstalledOrLoadable(wallet);\n  const isMobile = !isWalletReady && isRedirectable();\n\n  return !isMobile && !isWalletReady;\n}\n\n/** Truncates the provided wallet address at the middle with an ellipsis. */\nexport function truncateAddress(address: string | undefined) {\n  if (!address) return;\n  return `${address.slice(0, 6)}...${address.slice(-5)}`;\n}\n"],"mappings":"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","names":["createContext","useContext","createContext","useContext","useCallback","jsx","network","useCallback","wallet","wallets","WalletReadyState","isRedirectable"]}

package/dist/utils.d.ts

@@ -0,0 +1,20 @@
+import { AnyAptosWallet } from "@aptos-labs/wallet-adapter-core";
+/**
+ * A function that will partition the provided wallets into two list — `defaultWallets` and `moreWallets`.
+ * By default, the wallets will be partitioned by whether or not they are installed or loadable.
+ * You can pass your own partition function if you wish to customize this behavior.
+ */
+export declare function partitionWallets(wallets: ReadonlyArray<AnyAptosWallet>, partitionFunction?: (wallet: AnyAptosWallet) => boolean): {
+    defaultWallets: AnyAptosWallet[];
+    moreWallets: AnyAptosWallet[];
+};
+/** Returns true if the wallet is installed or loadable. */
+export declare function isInstalledOrLoadable(wallet: AnyAptosWallet): boolean;
+/**
+ * Returns true if the user is on desktop and the provided wallet requires installation of a browser extension.
+ * This can be used to decide whether to show a "Connect" button or "Install" link in the UI.
+ */
+export declare function isInstallRequired(wallet: AnyAptosWallet): boolean;
+/** Truncates the provided wallet address at the middle with an ellipsis. */
+export declare function truncateAddress(address: string | undefined): string | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAGf,MAAM,iCAAiC,CAAC;AAEzC;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EACtC,iBAAiB,GAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAA+B;;;EAW/E;AAED,2DAA2D;AAC3D,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,cAAc,WAK3D;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,WAKvD;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,sBAG1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "3.0.7",
+  "version": "3.1.0",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -29,15 +29,16 @@
     "React"
   ],
   "devDependencies": {
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "eslint": "^8.15.0",
-    "typescript": "^4.5.3",
     "tsup": "^5.10.1",
+    "typescript": "^4.5.3",
     "@aptos-labs/wallet-adapter-tsconfig": "0.0.1"
   },
   "dependencies": {
-    "@aptos-labs/wallet-adapter-core": "4.3.0"
+    "@radix-ui/react-slot": "^1.0.2",
+    "@aptos-labs/wallet-adapter-core": "4.4.0"
   },
   "peerDependencies": {
     "react": "^18"

package/src/WalletItem.tsx

@@ -0,0 +1,177 @@
+import {
+  AnyAptosWallet,
+  WalletReadyState,
+  isRedirectable,
+} from "@aptos-labs/wallet-adapter-core";
+import { Slot } from "@radix-ui/react-slot";
+import {
+  ReactNode,
+  createContext,
+  forwardRef,
+  useCallback,
+  useContext,
+} from "react";
+import { useWallet } from "./useWallet";
+
+export interface WalletItemProps {
+  /** The wallet option to be displayed. */
+  wallet: AnyAptosWallet;
+  /** A callback to be invoked when the wallet is connected. */
+  onConnect?: () => void;
+  /** A class name for styling the wrapper element. */
+  className?: string;
+  /**
+   * Whether to render as the child element instead of the default `div` provided.
+   * All props will be merged into the child element.
+   */
+  asChild?: boolean;
+  children?: ReactNode;
+}
+
+export interface WalletItemElementProps {
+  /** A class name for styling the element. */
+  className?: string;
+  /**
+   * Whether to render as the child element instead of the default element provided.
+   * All props will be merged into the child element.
+   */
+  asChild?: boolean;
+  children?: ReactNode;
+}
+
+const WalletItemContext = createContext<{
+  wallet: AnyAptosWallet;
+  connectWallet: () => void;
+} | null>(null);
+
+const WalletItemRoot = forwardRef<HTMLDivElement, WalletItemProps>(
+  ({ wallet, onConnect, className, asChild, children }, ref) => {
+    const { connect } = useWallet();
+
+    const connectWallet = useCallback(() => {
+      connect(wallet.name);
+      onConnect?.();
+    }, [connect, wallet.name, onConnect]);
+
+    const isWalletReady =
+      wallet.readyState === WalletReadyState.Installed ||
+      wallet.readyState === WalletReadyState.Loadable;
+
+    const mobileSupport =
+      "deeplinkProvider" in wallet && wallet.deeplinkProvider;
+
+    if (!isWalletReady && isRedirectable() && !mobileSupport) return null;
+
+    const Component = asChild ? Slot : "div";
+
+    return (
+      <WalletItemContext.Provider value={{ wallet, connectWallet }}>
+        <Component ref={ref} className={className}>
+          {children}
+        </Component>
+      </WalletItemContext.Provider>
+    );
+  }
+);
+WalletItemRoot.displayName = "WalletItem";
+
+const WalletItemIcon = forwardRef<HTMLImageElement, WalletItemElementProps>(
+  ({ className, asChild, children }, ref) => {
+    const context = useContext(WalletItemContext);
+
+    if (!context) {
+      throw new Error("`WalletItem.Icon` must be used within `WalletItem`");
+    }
+
+    const Component = asChild ? Slot : "img";
+
+    return (
+      <Component
+        ref={ref}
+        src={context.wallet.icon}
+        alt={`${context.wallet.name} icon`}
+        className={className}
+      >
+        {children}
+      </Component>
+    );
+  }
+);
+WalletItemIcon.displayName = "WalletItem.Icon";
+
+const WalletItemName = forwardRef<HTMLDivElement, WalletItemElementProps>(
+  ({ className, asChild, children }, ref) => {
+    const context = useContext(WalletItemContext);
+
+    if (!context) {
+      throw new Error("`WalletItem.Name` must be used within `WalletItem`");
+    }
+
+    const Component = asChild ? Slot : "div";
+
+    return (
+      <Component ref={ref} className={className}>
+        {children ?? context.wallet.name}
+      </Component>
+    );
+  }
+);
+WalletItemName.displayName = "WalletItem.Name";
+
+const WalletItemConnectButton = forwardRef<
+  HTMLButtonElement,
+  WalletItemElementProps
+>(({ className, asChild, children }, ref) => {
+  const context = useContext(WalletItemContext);
+
+  if (!context) {
+    throw new Error(
+      "`WalletItem.ConnectButton` must be used within `WalletItem`"
+    );
+  }
+
+  const Component = asChild ? Slot : "button";
+
+  return (
+    <Component ref={ref} className={className} onClick={context.connectWallet}>
+      {children ?? "Connect"}
+    </Component>
+  );
+});
+WalletItemConnectButton.displayName = "WalletItem.ConnectButton";
+
+const WalletItemInstallLink = forwardRef<
+  HTMLAnchorElement,
+  WalletItemElementProps
+>(({ className, asChild, children }, ref) => {
+  const context = useContext(WalletItemContext);
+
+  if (!context) {
+    throw new Error(
+      "`WalletItem.InstallLink` must be used within `WalletItem`"
+    );
+  }
+
+  const Component = asChild ? Slot : "a";
+
+  return (
+    <Component
+      ref={ref}
+      className={className}
+      href={context.wallet.url}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {children ?? "Install"}
+    </Component>
+  );
+});
+WalletItemInstallLink.displayName = "WalletItem.InstallLink";
+
+/** A headless component for rendering a wallet option's name, icon, and either connect button or install link. */
+export const WalletItem = Object.assign(WalletItemRoot, {
+  Icon: WalletItemIcon,
+  Name: WalletItemName,
+  ConnectButton: WalletItemConnectButton,
+  InstallLink: WalletItemInstallLink,
+});

package/src/WalletProvider.tsx

@@ -175,7 +175,7 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
         setIsLoading(false);
       }
     }
-  }, [wallets]);
+  }, [autoConnect, wallets]);
 
   useEffect(() => {
     if (connected) {

package/src/index.tsx

@@ -1,4 +1,5 @@
-import * as React from "react";
-export * from "./useWallet";
-export * from "./WalletProvider";
 export * from "@aptos-labs/wallet-adapter-core";
+export * from "./WalletItem";
+export * from "./WalletProvider";
+export * from "./useWallet";
+export * from "./utils";

package/src/utils.tsx

@@ -0,0 +1,50 @@
+import {
+  AnyAptosWallet,
+  WalletReadyState,
+  isRedirectable,
+} from "@aptos-labs/wallet-adapter-core";
+
+/**
+ * A function that will partition the provided wallets into two list — `defaultWallets` and `moreWallets`.
+ * By default, the wallets will be partitioned by whether or not they are installed or loadable.
+ * You can pass your own partition function if you wish to customize this behavior.
+ */
+export function partitionWallets(
+  wallets: ReadonlyArray<AnyAptosWallet>,
+  partitionFunction: (wallet: AnyAptosWallet) => boolean = isInstalledOrLoadable
+) {
+  const defaultWallets: Array<AnyAptosWallet> = [];
+  const moreWallets: Array<AnyAptosWallet> = [];
+
+  for (const wallet of wallets) {
+    if (partitionFunction(wallet)) defaultWallets.push(wallet);
+    else moreWallets.push(wallet);
+  }
+
+  return { defaultWallets, moreWallets };
+}
+
+/** Returns true if the wallet is installed or loadable. */
+export function isInstalledOrLoadable(wallet: AnyAptosWallet) {
+  return (
+    wallet.readyState === WalletReadyState.Installed ||
+    wallet.readyState === WalletReadyState.Loadable
+  );
+}
+
+/**
+ * Returns true if the user is on desktop and the provided wallet requires installation of a browser extension.
+ * This can be used to decide whether to show a "Connect" button or "Install" link in the UI.
+ */
+export function isInstallRequired(wallet: AnyAptosWallet) {
+  const isWalletReady = isInstalledOrLoadable(wallet);
+  const isMobile = !isWalletReady && isRedirectable();
+
+  return !isMobile && !isWalletReady;
+}
+
+/** Truncates the provided wallet address at the middle with an ellipsis. */
+export function truncateAddress(address: string | undefined) {
+  if (!address) return;
+  return `${address.slice(0, 6)}...${address.slice(-5)}`;
+}