@aptos-labs/wallet-adapter-react 3.3.0 → 3.4.0

package/README.md

@@ -66,14 +66,16 @@ Import the `AptosWalletAdapterProvider`.
 import { AptosWalletAdapterProvider } from "@aptos-labs/wallet-adapter-react";
 ```
 
-Wrap your app with the Provider, pass it the `plugins (wallets)` you want to have on your app as an array and a `autoConnect` option (set to false by default)
+Wrap your app with the Provider, pass it the relevant props.
 
 ```js
-const wallets = [new AptosWallet()];
+const wallets = [new AptosLegacyStandardWallet()];
 
 <AptosWalletAdapterProvider
   plugins={wallets}
   autoConnect={true}
+  optInWallets={["Petra"]}
+  dappConfig={{ netwrok: Network.MAINNET }}
   onError={(error) => {
     console.log("error", error);
   }}
@@ -82,6 +84,14 @@ const wallets = [new AptosWallet()];
 </AptosWalletAdapterProvider>;
 ```
 
+#### Available Provider Props
+
+- `plugins` - any legacy standard wallet, i.e a wallet that is not AIP-62 standard compatible, should be installed and passed in this array. [Check here](../../README.md#supported-wallet-packages) for a list of AIP-62 and legacy standard wallets.
+- `autoConnect` - a prop indicates whether the dapp should auto connect with a previous connected wallet.
+- `optInWallets` - the adapter detects and adds AIP-62 standard wallets by default, sometimes you might want to opt-in with specific wallets. This props lets you define the AIP-62 standard wallets you want to support in your dapp.
+- `dappConfig` - the adapter comes built-in with AIP-62 standard SDK wallets and it needs to know what configuration your dapp is in to render the current instance.
+- `onError` - a callback function to fire when the adapter throws an error
+
 #### Use Wallet
 
 On any page you want to use the wallet props, import `useWallet` from `@aptos-labs/wallet-adapter-react`
@@ -112,14 +122,19 @@ const {
 ### Use a UI package (recommended)
 
 As part of the wallet adapter repo we provide a wallet connect UI package that provides a wallet connect button and a wallet select modal.
-You can find it [here](../wallet-adapter-ant-design/) with instructions on how to use it.
+
+The available UI Packages are
+
+- [shadcn/ui](../wallet-adapter-react/src/WalletItem.tsx)
+- [Ant Design](<(../wallet-adapter-ant-design/)>)
+- [MUI](../wallet-adapter-mui-design/)
 
 #### Examples
 
 ##### Initialize Aptos
 
 ```js
-const aptosConfig = new AptosConfig({ network: Network.TESTNET });
+const aptosConfig = new AptosConfig({ network: Network.MAINNET });
 const aptos = new Aptos(aptosConfig);
 ```
 

package/dist/components/AptosPrivacyPolicy.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+export declare const APTOS_PRIVACY_POLICY_URL = "https://aptoslabs.com/privacy";
+export interface AptosPrivacyPolicyProps {
+    /** 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 the Aptos Labs privacy policy disclaimer
+ * that should be placed under the Aptos Connect login options.
+ */
+export declare const AptosPrivacyPolicy: import("react").ForwardRefExoticComponent<AptosPrivacyPolicyProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Disclaimer: import("react").ForwardRefExoticComponent<AptosPrivacyPolicyProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Link: import("react").ForwardRefExoticComponent<AptosPrivacyPolicyProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    PoweredBy: import("react").ForwardRefExoticComponent<Pick<AptosPrivacyPolicyProps, "className"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=AptosPrivacyPolicy.d.ts.map

package/dist/components/AptosPrivacyPolicy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AptosPrivacyPolicy.d.ts","sourceRoot":"","sources":["../../src/components/AptosPrivacyPolicy.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAG9C,eAAO,MAAM,wBAAwB,kCAAkC,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6DD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;CAI7B,CAAC"}

package/dist/components/WalletItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletItem.d.ts","sourceRoot":"","sources":["../../src/components/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/graphics/SmallAptosLogo.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+export declare function SmallAptosLogo(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SmallAptosLogo.d.ts.map

package/dist/graphics/SmallAptosLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallAptosLogo.d.ts","sourceRoot":"","sources":["../../src/graphics/SmallAptosLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAW5D"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export * from "@aptos-labs/wallet-adapter-core";
-export * from "./WalletItem";
 export * from "./WalletProvider";
+export * from "./components/AptosPrivacyPolicy";
+export * from "./components/WalletItem";
 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":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -21,22 +21,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.tsx
 var src_exports = {};
 __export(src_exports, {
+  APTOS_PRIVACY_POLICY_URL: () => APTOS_PRIVACY_POLICY_URL,
+  AptosPrivacyPolicy: () => AptosPrivacyPolicy,
   AptosWalletAdapterProvider: () => AptosWalletAdapterProvider,
   WalletContext: () => WalletContext,
   WalletItem: () => WalletItem,
-  getAptosConnectWallets: () => getAptosConnectWallets,
-  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");
+// src/WalletProvider.tsx
 var import_react2 = require("react");
 
 // src/useWallet.tsx
@@ -55,108 +50,8 @@ 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_react3 = require("react");
-var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
+var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
 var import_jsx_runtime = require("react/jsx-runtime");
 var initialState = {
   connected: false,
@@ -172,13 +67,13 @@ var AptosWalletAdapterProvider = ({
   dappConfig,
   onError
 }) => {
-  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 : [], dappConfig),
+  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 : [], dappConfig),
     []
   );
-  const [wallets, setWallets] = (0, import_react3.useState)(walletCore.wallets);
+  const [wallets, setWallets] = (0, import_react2.useState)(walletCore.wallets);
   const connect = async (walletName) => {
     try {
       setIsLoading(true);
@@ -254,7 +149,7 @@ var AptosWalletAdapterProvider = ({
       return Promise.reject(error);
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (autoConnect) {
       if (localStorage.getItem("AptosWalletName") && !connected) {
         connect(localStorage.getItem("AptosWalletName"));
@@ -263,7 +158,7 @@ var AptosWalletAdapterProvider = ({
       }
     }
   }, [autoConnect, wallets]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
@@ -293,7 +188,7 @@ var AptosWalletAdapterProvider = ({
       };
     });
   };
-  const handleAccountChange = (0, import_react3.useCallback)(() => {
+  const handleAccountChange = (0, import_react2.useCallback)(() => {
     if (!connected)
       return;
     if (!walletCore.wallet)
@@ -305,7 +200,7 @@ var AptosWalletAdapterProvider = ({
       };
     });
   }, [connected]);
-  const handleNetworkChange = (0, import_react3.useCallback)(() => {
+  const handleNetworkChange = (0, import_react2.useCallback)(() => {
     if (!connected)
       return;
     if (!walletCore.wallet)
@@ -340,7 +235,7 @@ var AptosWalletAdapterProvider = ({
       setWallets((wallets2) => [...wallets2, standardWallet]);
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     walletCore.on("connect", handleConnect);
     walletCore.on("disconnect", handleDisconnect);
     walletCore.on("accountChange", handleAccountChange);
@@ -377,49 +272,197 @@ var AptosWalletAdapterProvider = ({
   });
 };
 
-// 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 getAptosConnectWallets(wallets) {
-  const { defaultWallets, moreWallets } = partitionWallets(
-    wallets,
-    (wallet) => wallet.url.includes("aptosconnect.app")
-  );
-  return { aptosConnectWallets: defaultWallets, otherWallets: moreWallets };
-}
-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)}`;
+// src/components/AptosPrivacyPolicy.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react3 = require("react");
+
+// src/graphics/SmallAptosLogo.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function SmallAptosLogo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM7.17547 3.67976C7.13401 3.72309 7.07649 3.74757 7.01648 3.74757H3.00775C3.69185 2.83824 4.77995 2.25 6.00569 2.25C7.23142 2.25 8.31953 2.83824 9.00362 3.74757H8.28524C8.20824 3.74757 8.13498 3.71468 8.08401 3.65701L7.81608 3.35416C7.77618 3.30896 7.71882 3.28308 7.6585 3.28308H7.6454C7.58805 3.28308 7.53318 3.30646 7.49343 3.34792L7.17547 3.67976ZM8.05656 4.75897H7.39569C7.31869 4.75897 7.24543 4.72593 7.19447 4.66842L6.92638 4.36557C6.88647 4.32036 6.82896 4.29465 6.7688 4.29465C6.70863 4.29465 6.65112 4.32052 6.61121 4.36557L6.38131 4.6254C6.30603 4.71034 6.19801 4.75913 6.08454 4.75913H2.46703C2.36401 5.05278 2.29683 5.36296 2.27002 5.68467H5.68505C5.74506 5.68467 5.80258 5.66019 5.84404 5.61686L6.16201 5.28502C6.20175 5.24356 6.25662 5.22018 6.31398 5.22018H6.32707C6.38739 5.22018 6.44475 5.24606 6.48465 5.29126L6.75258 5.59411C6.80355 5.65178 6.87681 5.68467 6.95381 5.68467H9.74133C9.71452 5.3628 9.64734 5.05263 9.54431 4.75913H8.05641L8.05656 4.75897ZM4.33651 7.63095C4.39652 7.63095 4.45404 7.60648 4.4955 7.56315L4.81347 7.23131C4.85321 7.18985 4.90808 7.16647 4.96544 7.16647H4.97853C5.03885 7.16647 5.09621 7.19234 5.13611 7.23739L5.40404 7.54024C5.45501 7.59791 5.52827 7.6308 5.60527 7.6308H9.38285C9.52438 7.33839 9.62803 7.02463 9.68975 6.69591H6.06383C5.98683 6.69591 5.91357 6.66287 5.8626 6.60535L5.59467 6.3025C5.55477 6.2573 5.49725 6.23158 5.43709 6.23158C5.37692 6.23158 5.31941 6.25746 5.27951 6.3025L5.0496 6.56233C4.97432 6.64728 4.86631 6.69606 4.75268 6.69606H2.32147C2.3832 7.02479 2.487 7.33855 2.62837 7.63095H4.33651ZM5.57359 8.55745H4.59116C4.51417 8.55745 4.44091 8.52441 4.38994 8.46689L4.12201 8.16404C4.0821 8.11884 4.02459 8.09312 3.96442 8.09312C3.90426 8.09312 3.84675 8.119 3.80684 8.16404L3.57694 8.42387C3.50166 8.50882 3.39364 8.55761 3.28001 8.55761H3.26474C3.94915 9.29096 4.92378 9.74998 6.00596 9.74998C7.08815 9.74998 8.06262 9.29096 8.74719 8.55761H5.57359V8.55745Z",
+      fill: "currentColor"
+    })
+  });
 }
+
+// src/components/AptosPrivacyPolicy.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var APTOS_PRIVACY_POLICY_URL = "https://aptoslabs.com/privacy";
+var Root = (0, import_react3.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const Component = asChild ? import_react_slot.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      className,
+      children
+    });
+  }
+);
+Root.displayName = "AptosPrivacyPolicy.Root";
+var Disclaimer = (0, import_react3.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const Component = asChild ? import_react_slot.Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      className,
+      children: children != null ? children : "By continuing, you agree to Aptos Labs'"
+    });
+  }
+);
+Disclaimer.displayName = "AptosPrivacyPolicy.Disclaimer";
+var Link = (0, import_react3.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const Component = asChild ? import_react_slot.Slot : "a";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      className,
+      href: APTOS_PRIVACY_POLICY_URL,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: children != null ? children : "Privacy Policy"
+    });
+  }
+);
+Link.displayName = "AptosPrivacyPolicy.Link";
+var PoweredBy = (0, import_react3.forwardRef)(({ className }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    ref,
+    className,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        children: "Powered by"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SmallAptosLogo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        children: "Aptos Labs"
+      })
+    ]
+  });
+});
+PoweredBy.displayName = "AptosPrivacyPolicy.PoweredBy";
+var AptosPrivacyPolicy = Object.assign(Root, {
+  Disclaimer,
+  Link,
+  PoweredBy
+});
+
+// src/components/WalletItem.tsx
+var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_react4 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WalletItemContext = (0, import_react4.createContext)(null);
+var WalletItemRoot = (0, import_react4.forwardRef)(
+  ({ wallet, onConnect, className, asChild, children }, ref) => {
+    const { connect } = useWallet();
+    const connectWallet = (0, import_react4.useCallback)(() => {
+      connect(wallet.name);
+      onConnect == null ? void 0 : onConnect();
+    }, [connect, wallet.name, onConnect]);
+    const isWalletReady = wallet.readyState === import_wallet_adapter_core2.WalletReadyState.Installed || wallet.readyState === import_wallet_adapter_core2.WalletReadyState.Loadable;
+    const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
+    if (!isWalletReady && (0, import_wallet_adapter_core2.isRedirectable)() && !mobileSupport)
+      return null;
+    const Component = asChild ? import_react_slot2.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_react4.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const context = (0, import_react4.useContext)(WalletItemContext);
+    if (!context) {
+      throw new Error("`WalletItem.Icon` must be used within `WalletItem`");
+    }
+    const Component = asChild ? import_react_slot2.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_react4.forwardRef)(
+  ({ className, asChild, children }, ref) => {
+    const context = (0, import_react4.useContext)(WalletItemContext);
+    if (!context) {
+      throw new Error("`WalletItem.Name` must be used within `WalletItem`");
+    }
+    const Component = asChild ? import_react_slot2.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_react4.forwardRef)(({ className, asChild, children }, ref) => {
+  const context = (0, import_react4.useContext)(WalletItemContext);
+  if (!context) {
+    throw new Error(
+      "`WalletItem.ConnectButton` must be used within `WalletItem`"
+    );
+  }
+  const Component = asChild ? import_react_slot2.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_react4.forwardRef)(({ className, asChild, children }, ref) => {
+  const context = (0, import_react4.useContext)(WalletItemContext);
+  if (!context) {
+    throw new Error(
+      "`WalletItem.InstallLink` must be used within `WalletItem`"
+    );
+  }
+  const Component = asChild ? import_react_slot2.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
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  APTOS_PRIVACY_POLICY_URL,
+  AptosPrivacyPolicy,
   AptosWalletAdapterProvider,
   WalletContext,
   WalletItem,
-  getAptosConnectWallets,
-  isInstallRequired,
-  isInstalledOrLoadable,
-  partitionWallets,
-  truncateAddress,
   useWallet
 });
 //# sourceMappingURL=index.js.map