@aptos-labs/wallet-adapter-react 8.3.0 → 8.3.2

package/dist/index.mjs

@@ -1,710 +1,295 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
 // src/index.tsx
 export * from "@aptos-labs/wallet-adapter-core";
 
-// src/WalletProvider.tsx
+// src/components/AboutAptosConnect.tsx
 import {
-  WalletCore,
-  WalletReadyState
-} from "@aptos-labs/wallet-adapter-core";
-import { useState, useEffect, useCallback, useRef } from "react";
+  createContext,
+  useContext,
+  useMemo,
+  useState
+} from "react";
 
-// src/useWallet.tsx
-import { useContext, createContext } from "react";
-var DEFAULT_CONTEXT = {
-  connected: false
-};
-var WalletContext = createContext(
-  DEFAULT_CONTEXT
+// src/graphics/LinkGraphic.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LinkGraphic = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        ref,
+        width: "102",
+        height: "132",
+        viewBox: "0 0 102 132",
+        fill: "none",
+        ...props,
+        children: /* @__PURE__ */ jsxs("g", { stroke: "currentColor", strokeMiterlimit: "10", children: [
+          /* @__PURE__ */ jsx("path", { d: "M59.633 80.66c11.742-2.814 17.48-7.018 20.925-13.254l17.518-31.69c6.257-11.317 2.142-25.55-9.189-31.798C82.737.53 75.723.188 69.593 2.398M60.7 69.565a14.09 14.09 0 0 1-6.907-1.767l-.228-.108" }),
+          /* @__PURE__ */ jsx("path", { d: "m52.365 41.075 12.507-22.627a14.146 14.146 0 0 1 4.727-5.062M32.407 118.619a14.139 14.139 0 0 1-7.034-1.768c-6.857-3.78-9.353-12.402-5.561-19.25l16.634-30.1a14.097 14.097 0 0 1 4.518-4.923" }),
+          /* @__PURE__ */ jsx("path", { d: "M41.211 78.85c11.332 6.248 25.583 2.14 31.84-9.177l17.518-31.691c6.256-11.317 2.142-25.55-9.19-31.798-6.085-3.357-13.018-3.724-19.104-1.59A23.31 23.31 0 0 0 49.541 15.36L36.863 38.298l7.989 5.036 12.506-22.627c3.786-6.848 12.419-9.34 19.276-5.554 6.856 3.78 9.353 12.402 5.561 19.25l-16.634 30.1c-3.785 6.848-12.418 9.341-19.275 5.555l-5.075 8.791ZM29.5 130.447c12.361-1.37 19.2-6.994 22.966-13.804l12.678-22.936-8.305-5.239" }),
+          /* @__PURE__ */ jsx("path", { d: "m55.72 61.947-.442.764 5.511-9.55c-6.901-3.806-18.65-3.124-27.105.814M44.85 43.523l7.635-2.486m-4.221 23.264 7.217-1.723m-9.316 7.517 7.59-2.405m-.562-12.156 7.508-2.221m10.136-51.32L62.761 4.43M49.642 90.778l7.514-2.26m.474 7.448 7.514-2.26m-50.306-60.13c7.135 0 12.918-5.776 12.918-12.9 0-7.126-5.783-12.902-12.918-12.902-7.134 0-12.917 5.776-12.917 12.901s5.783 12.901 12.918 12.901Z" }),
+          /* @__PURE__ */ jsx("path", { d: "M15.724 7.774h3.197c7.135 0 12.918 5.776 12.918 12.901 0 7.126-5.783 12.901-12.918 12.901h-3.425m65.112 66.935h3.198c7.135 0 12.918 5.775 12.918 12.901 0 7.125-5.783 12.9-12.918 12.9h-3.425" }),
+          /* @__PURE__ */ jsx("path", { d: "M79.717 126.312c7.135 0 12.918-5.775 12.918-12.9s-5.783-12.901-12.918-12.901c-7.134 0-12.917 5.776-12.917 12.901s5.783 12.9 12.917 12.9ZM53.281 55.414c-11.33-6.248-25.582-2.14-31.839 9.177L3.924 96.281c-6.257 11.318-2.142 25.55 9.189 31.799 11.331 6.248 25.582 2.139 31.839-9.177l12.677-22.937-7.988-5.036-12.507 22.627c-3.785 6.848-12.418 9.341-19.275 5.554-6.857-3.781-9.353-12.402-5.561-19.25l16.633-30.1c3.786-6.848 12.419-9.341 19.276-5.555l5.074-8.792Z" })
+        ] })
+      }
+    );
+  }
 );
-function useWallet() {
-  const context = useContext(WalletContext);
-  if (!context) {
-    throw new Error("useWallet must be used within a WalletContextState");
+LinkGraphic.displayName = "LinkGraphic";
+
+// src/graphics/WalletGraphic.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var WalletGraphic = forwardRef2(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs2(
+      "svg",
+      {
+        ref,
+        width: "128",
+        height: "102",
+        viewBox: "0 0 128 102",
+        fill: "none",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx2(
+            "path",
+            {
+              fill: "currentColor",
+              d: "m.96 25.93-.36-.35.36.85v-.5Zm7.79-7.81v-.5h-.21l-.15.15.36.35ZM1.3 26.28l7.79-7.8-.7-.71-7.8 7.8.7.71Zm7.44-7.66H10v-1H8.75v1Zm29.22 6.8h-37v1h37.01v-1Z"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "path",
+            {
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              d: "M82.25 26.08c0 12.25-9.92 22.2-22.14 22.2a22.17 22.17 0 0 1-22.14-22.2H1.1v74.82h118.02V26.08H82.25Zm44.33 67.02h.33V18.27h-5.7"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "path",
+            {
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              d: "M74.52 42.92a22.4 22.4 0 0 1-11.43 3.3 22.5 22.5 0 0 1-22.46-22.53H9.52M119.22 101l7.78-7.82m-7.88-67.1 7.79-7.81m-44.78 7.72 2.73-2.3m-46.89 2.39 2.39-2.4"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "path",
+            {
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              d: "M9.86 23.69V5.72h107.97v18.04H84.65"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "path",
+            {
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              d: "M117.83 20.46h3.39V1H13.25v4.72M9.36 23.69h31.78"
+            }
+          )
+        ]
+      }
+    );
   }
-  return context;
+);
+WalletGraphic.displayName = "WalletGraphic";
+
+// src/graphics/Web3Graphic.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Web3Graphic = forwardRef3(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx3(
+      "svg",
+      {
+        ref,
+        width: "142",
+        height: "108",
+        viewBox: "0 0 142 108",
+        fill: "none",
+        ...props,
+        children: /* @__PURE__ */ jsxs3("g", { stroke: "currentColor", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx3("path", { d: "m91.26 35.8.06-10.46L71.3 1v10.53L87 30.5m-36.11 5.24-.06-10.45L71.3 1v10.53L55 30.5" }),
+          /* @__PURE__ */ jsx3("path", { d: "M71 59.55V49.17L50.83 25.3l.06 10.45L57 42.5m14 17.05V49.18l20.33-23.84-.07 10.45L86 42M1 59.68l.22-9.07 35.33-19.8-.1 9L9 55" }),
+          /* @__PURE__ */ jsx3("path", { d: "M36.55 30.8s-.08 5.92-.1 9l.1-9ZM71 59.51v-9.07L36.55 30.8l-.1 9L63.5 55" }),
+          /* @__PURE__ */ jsx3("path", { d: "M71 59.51v-9.07L36.44 70.78l-.1 9.14L55.5 68.5" }),
+          /* @__PURE__ */ jsx3("path", { d: "M1.22 50.6a77387.2 77387.2 0 0 0 35.22 20.18l-.1 9.14L1 59.68l.23-9.07h-.01ZM141 59.68l-.23-9.07-35.33-19.8.11 9L133 55" }),
+          /* @__PURE__ */ jsx3("path", { d: "m105.44 30.8.11 9-.1-9Z" }),
+          /* @__PURE__ */ jsx3("path", { d: "M71 59.51v-9.07l34.44-19.64.11 9L78.5 55" }),
+          /* @__PURE__ */ jsx3("path", { d: "M71 59.51v-9.07l34.56 20.34.1 9.14L87 69" }),
+          /* @__PURE__ */ jsx3("path", { d: "M140.78 50.6a78487.3 78487.3 0 0 1-35.23 20.18l.11 9.14L141 59.68l-.23-9.07ZM50.83 80.15l.06-6.33 20.1-23.38H71v9.26L55 79" }),
+          /* @__PURE__ */ jsx3("path", { d: "M71.3 97.6 50.89 73.81l-.06 9.33L71.3 107v-9.4Zm20.03-14.5-.07-9.33L71 50.44v9.26l16 18.8" }),
+          /* @__PURE__ */ jsx3("path", { d: "m71.3 97.6 19.96-23.83.06 9.33L71.3 107v-9.4Z" })
+        ] })
+      }
+    );
+  }
+);
+Web3Graphic.displayName = "Web3Graphic";
+
+// src/components/utils.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cloneElement, forwardRef as forwardRef4, isValidElement } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function createHeadlessComponent(displayName, elementType, props) {
+  const component = forwardRef4(({ className, asChild, children }, ref) => {
+    const Component = asChild ? Slot : elementType;
+    const { children: defaultChildren, ...resolvedProps } = typeof props === "function" ? props(displayName) : props ?? {};
+    const resolvedChildren = (
+      /**
+       * Use props' default children if no children are set in the component element's children and when asChild is true.
+       */
+      asChild && isValidElement(children) && !children.props.children ? cloneElement(children, {}, defaultChildren) : children ?? defaultChildren
+    );
+    return (
+      /**
+       * Due to the complexity of the types at play, TypeScript reports the
+       * following error for our JSX below:
+       *
+       * `Expression produces a union type that is too complex to represent.`
+       *
+       * We can safely ignore this error and retain accurate return types for
+       * consumers of this function. The only drawback is that type-checking is
+       * ignored for the JSX block below.
+       */
+      // @ts-expect-error
+      /* @__PURE__ */ jsx4(Component, { ref, className, ...resolvedProps, children: resolvedChildren })
+    );
+  });
+  component.displayName = displayName;
+  return component;
 }
 
-// src/WalletProvider.tsx
-import { jsx } from "react/jsx-runtime";
-var initialState = {
-  connected: false,
-  account: null,
-  network: null,
-  wallet: null
-};
-var AptosWalletAdapterProvider = ({
-  children,
-  optInWallets,
-  hideWallets,
-  autoConnect = false,
-  dappConfig,
-  disableTelemetry = false,
-  onError
-}) => {
-  const didAttemptAutoConnectRef = useRef(false);
-  const initialLoadCompletedRef = useRef(false);
-  const [{ account, network, connected, wallet }, setState] = useState(initialState);
-  const [isLoading, setIsLoading] = useState(true);
-  const [walletCore, setWalletCore] = useState();
-  const [wallets, setWallets] = useState([]);
-  const [hiddenWallets, setHiddenWallets] = useState([]);
-  const [notDetectedWallets, setNotDetectedWallets] = useState([]);
-  useEffect(() => {
-    const walletCore2 = new WalletCore(
-      optInWallets,
-      dappConfig,
-      disableTelemetry,
-      hideWallets ? hideWallets : ["Petra Web"]
+// src/components/AboutAptosConnect.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var EXPLORE_ECOSYSTEM_URL = "https://aptosnetwork.com/ecosystem/directory/category/defi";
+var AboutAptosConnectContext = createContext(null);
+function useAboutAptosConnectContext(displayName) {
+  const context = useContext(AboutAptosConnectContext);
+  if (!context) {
+    throw new Error(
+      `\`${displayName}\` must be used within \`AboutAptosConnect\``
     );
-    setWalletCore(walletCore2);
-  }, []);
-  useEffect(() => {
-    var _a, _b, _c;
-    setWallets((_a = walletCore == null ? void 0 : walletCore.wallets) != null ? _a : []);
-    setHiddenWallets((_b = walletCore == null ? void 0 : walletCore.hiddenWallets) != null ? _b : []);
-    setNotDetectedWallets((_c = walletCore == null ? void 0 : walletCore.notDetectedWallets) != null ? _c : []);
-  }, [walletCore]);
-  useEffect(() => {
-    if (didAttemptAutoConnectRef.current || !(walletCore == null ? void 0 : walletCore.wallets.length)) {
-      return;
+  }
+  return context;
+}
+var educationScreens = [
+  {
+    Graphic: LinkGraphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h3", {
+      children: "A better way to login."
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: "Petra Web is a web3 wallet that uses a Social Login to create accounts on the Aptos blockchain."
+    })
+  },
+  {
+    Graphic: WalletGraphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h2", {
+      children: "What is a wallet?"
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: "Wallets are a secure way to send, receive, and interact with digital assets like cryptocurrencies & NFTs."
+    })
+  },
+  {
+    Graphic: Web3Graphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h2", {
+      children: "Explore more of web3."
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: /* @__PURE__ */ jsxs4(Fragment, { children: [
+        "Petra Web lets you take one account across any application built on Aptos.",
+        " ",
+        /* @__PURE__ */ jsx5(
+          "a",
+          {
+            href: EXPLORE_ECOSYSTEM_URL,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Explore the ecosystem"
+          }
+        ),
+        "."
+      ] })
+    })
+  }
+];
+var educationScreenIndicators = Array(educationScreens.length).fill(null).map(
+  (_, index) => createHeadlessComponent(
+    "AboutAptosConnect.ScreenIndicator",
+    "button",
+    (displayName) => {
+      const context = useAboutAptosConnectContext(displayName);
+      const isActive = context.screenIndex - 1 === index;
+      return {
+        "aria-label": `Go to screen ${index + 1}`,
+        "aria-current": isActive ? "step" : void 0,
+        "data-active": isActive || void 0,
+        onClick: () => {
+          context.setScreenIndex(index + 1);
+        }
+      };
     }
-    if (!autoConnect) {
-      if (!initialLoadCompletedRef.current) {
-        initialLoadCompletedRef.current = true;
-        setIsLoading(false);
+  )
+);
+var Root = ({ renderEducationScreen, children }) => {
+  const [screenIndex, setScreenIndex] = useState(0);
+  const currentEducationScreen = useMemo(
+    () => educationScreens.map((screen, i) => ({
+      ...screen,
+      screenIndex: i,
+      totalScreens: educationScreens.length,
+      screenIndicators: educationScreenIndicators,
+      back: () => {
+        setScreenIndex(screenIndex - 1);
+      },
+      next: () => {
+        setScreenIndex(
+          screenIndex === educationScreens.length ? 0 : screenIndex + 1
+        );
+      },
+      cancel: () => {
+        setScreenIndex(0);
       }
-      return;
-    }
-    const walletName = localStorage.getItem("AptosWalletName");
-    if (!walletName) {
-      didAttemptAutoConnectRef.current = true;
-      if (!initialLoadCompletedRef.current) {
-        initialLoadCompletedRef.current = true;
-        setIsLoading(false);
-      }
-      return;
-    }
-    const selectedWallet = walletCore.wallets.find(
-      (e) => e.name === walletName
-    );
-    if (!selectedWallet || selectedWallet.readyState !== WalletReadyState.Installed) {
-      if (!initialLoadCompletedRef.current) {
-        initialLoadCompletedRef.current = true;
-        setIsLoading(false);
-      }
-      return;
-    }
-    didAttemptAutoConnectRef.current = true;
-    if (!connected) {
-      (() => __async(void 0, null, function* () {
-        try {
-          let shouldConnect = true;
-          if (typeof autoConnect === "function") {
-            shouldConnect = yield autoConnect(walletCore, selectedWallet);
-          } else {
-            shouldConnect = autoConnect;
-          }
-          if (shouldConnect) yield connect(walletName);
-        } catch (error) {
-          if (onError) onError(error);
-          return Promise.reject(error);
-        } finally {
-          initialLoadCompletedRef.current = true;
-          setIsLoading(false);
-        }
-      }))();
-    } else {
-      initialLoadCompletedRef.current = true;
-      setIsLoading(false);
-    }
-  }, [autoConnect, wallets]);
-  const connect = (walletName) => __async(void 0, null, function* () {
-    try {
-      setIsLoading(true);
-      yield walletCore == null ? void 0 : walletCore.connect(walletName);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  const signIn = (args) => __async(void 0, null, function* () {
-    if (!walletCore) {
-      throw new Error("WalletCore is not initialized");
-    }
-    try {
-      setIsLoading(true);
-      return yield walletCore == null ? void 0 : walletCore.signIn(args);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  const disconnect = () => __async(void 0, null, function* () {
-    try {
-      yield walletCore == null ? void 0 : walletCore.disconnect();
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const signAndSubmitTransaction = (transaction) => __async(void 0, null, function* () {
-    try {
-      if (!walletCore) {
-        throw new Error("WalletCore is not initialized");
-      }
-      return yield walletCore.signAndSubmitTransaction(transaction);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const signTransaction = (args) => __async(void 0, null, function* () {
-    const { transactionOrPayload, asFeePayer, options } = args;
-    if (!walletCore) {
-      throw new Error("WalletCore is not initialized");
-    }
-    try {
-      return yield walletCore.signTransaction({
-        transactionOrPayload,
-        asFeePayer
-      });
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const submitTransaction = (transaction) => __async(void 0, null, function* () {
-    if (!walletCore) {
-      throw new Error("WalletCore is not initialized");
-    }
-    try {
-      return yield walletCore == null ? void 0 : walletCore.submitTransaction(transaction);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const signMessage = (message) => __async(void 0, null, function* () {
-    if (!walletCore) {
-      throw new Error("WalletCore is not initialized");
-    }
-    try {
-      return yield walletCore == null ? void 0 : walletCore.signMessage(message);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const signMessageAndVerify = (message) => __async(void 0, null, function* () {
-    if (!walletCore) {
-      throw new Error("WalletCore is not initialized");
-    }
-    try {
-      return yield walletCore == null ? void 0 : walletCore.signMessageAndVerify(message);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const changeNetwork = (network2) => __async(void 0, null, function* () {
-    if (!walletCore) {
-      throw new Error("WalletCore is not initialized");
-    }
-    try {
-      return yield walletCore == null ? void 0 : walletCore.changeNetwork(network2);
-    } catch (error) {
-      if (onError) onError(error);
-      return Promise.reject(error);
-    }
-  });
-  const handleConnect = () => {
-    setState((state) => {
-      return __spreadProps(__spreadValues({}, state), {
-        connected: true,
-        account: (walletCore == null ? void 0 : walletCore.account) || null,
-        network: (walletCore == null ? void 0 : walletCore.network) || null,
-        wallet: (walletCore == null ? void 0 : walletCore.wallet) || null
-      });
-    });
-  };
-  const handleAccountChange = useCallback(() => {
-    if (!connected) return;
-    if (!(walletCore == null ? void 0 : walletCore.wallet)) return;
-    setState((state) => {
-      return __spreadProps(__spreadValues({}, state), {
-        account: (walletCore == null ? void 0 : walletCore.account) || null
-      });
-    });
-  }, [connected]);
-  const handleNetworkChange = useCallback(() => {
-    if (!connected) return;
-    if (!(walletCore == null ? void 0 : walletCore.wallet)) return;
-    setState((state) => {
-      return __spreadProps(__spreadValues({}, state), {
-        network: (walletCore == null ? void 0 : walletCore.network) || null
-      });
-    });
-  }, [connected]);
-  useEffect(() => {
-    if (connected) {
-      walletCore == null ? void 0 : walletCore.onAccountChange();
-      walletCore == null ? void 0 : walletCore.onNetworkChange();
-    }
-  }, [connected]);
-  const handleDisconnect = () => {
-    if (!connected) return;
-    setState((state) => {
-      return __spreadProps(__spreadValues({}, state), {
-        connected: false,
-        account: (walletCore == null ? void 0 : walletCore.account) || null,
-        network: (walletCore == null ? void 0 : walletCore.network) || null,
-        wallet: null
-      });
-    });
-  };
-  const handleStandardWalletsAdded = (standardWallet) => {
-    const existingWalletIndex = wallets.findIndex(
-      (wallet2) => wallet2.name == standardWallet.name
-    );
-    if (existingWalletIndex !== -1) {
-      setWallets((wallets2) => [
-        ...wallets2.slice(0, existingWalletIndex),
-        standardWallet,
-        ...wallets2.slice(existingWalletIndex + 1)
-      ]);
-    } else {
-      setWallets((wallets2) => [...wallets2, standardWallet]);
-    }
-  };
-  const handleStandardWalletsHiddenAdded = (standardWallet) => {
-    const existingWalletIndex = hiddenWallets.findIndex(
-      (wallet2) => wallet2.name === standardWallet.name
-    );
-    if (existingWalletIndex !== -1) {
-      setHiddenWallets((hiddenWallets2) => [
-        ...hiddenWallets2.slice(0, existingWalletIndex),
-        standardWallet,
-        ...hiddenWallets2.slice(existingWalletIndex + 1)
-      ]);
-    } else {
-      setHiddenWallets((hiddenWallets2) => [...hiddenWallets2, standardWallet]);
-    }
-  };
-  const handleStandardNotDetectedWalletsAdded = (notDetectedWallet) => {
-    const existingWalletIndex = wallets.findIndex(
-      (wallet2) => wallet2.name == notDetectedWallet.name
-    );
-    if (existingWalletIndex !== -1) {
-      setNotDetectedWallets((wallets2) => [
-        ...wallets2.slice(0, existingWalletIndex),
-        notDetectedWallet,
-        ...wallets2.slice(existingWalletIndex + 1)
-      ]);
-    } else {
-      setNotDetectedWallets((wallets2) => [...wallets2, notDetectedWallet]);
-    }
-  };
-  useEffect(() => {
-    walletCore == null ? void 0 : walletCore.on("connect", handleConnect);
-    walletCore == null ? void 0 : walletCore.on("accountChange", handleAccountChange);
-    walletCore == null ? void 0 : walletCore.on("networkChange", handleNetworkChange);
-    walletCore == null ? void 0 : walletCore.on("disconnect", handleDisconnect);
-    walletCore == null ? void 0 : walletCore.on("standardWalletsAdded", handleStandardWalletsAdded);
-    walletCore == null ? void 0 : walletCore.on(
-      "standardWalletsHiddenAdded",
-      handleStandardWalletsHiddenAdded
-    );
-    walletCore == null ? void 0 : walletCore.on(
-      "standardNotDetectedWalletAdded",
-      handleStandardNotDetectedWalletsAdded
-    );
-    return () => {
-      walletCore == null ? void 0 : walletCore.off("connect", handleConnect);
-      walletCore == null ? void 0 : walletCore.off("accountChange", handleAccountChange);
-      walletCore == null ? void 0 : walletCore.off("networkChange", handleNetworkChange);
-      walletCore == null ? void 0 : walletCore.off("disconnect", handleDisconnect);
-      walletCore == null ? void 0 : walletCore.off("standardWalletsAdded", handleStandardWalletsAdded);
-      walletCore == null ? void 0 : walletCore.off(
-        "standardWalletsHiddenAdded",
-        handleStandardWalletsHiddenAdded
-      );
-      walletCore == null ? void 0 : walletCore.off(
-        "standardNotDetectedWalletAdded",
-        handleStandardNotDetectedWalletsAdded
-      );
-    };
-  }, [wallets, account]);
-  return /* @__PURE__ */ jsx(
-    WalletContext.Provider,
-    {
-      value: {
-        connect,
-        signIn,
-        disconnect,
-        signAndSubmitTransaction,
-        signTransaction,
-        signMessage,
-        signMessageAndVerify,
-        changeNetwork,
-        submitTransaction,
-        account,
-        network,
-        connected,
-        wallet,
-        wallets,
-        notDetectedWallets,
-        hiddenWallets,
-        isLoading
-      },
-      children
-    }
+    }))[screenIndex - 1],
+    [screenIndex]
   );
+  return /* @__PURE__ */ jsx5(AboutAptosConnectContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
 };
+Root.displayName = "AboutAptosConnect";
+var Trigger = createHeadlessComponent(
+  "AboutAptosConnect.Trigger",
+  "button",
+  (displayName) => {
+    const context = useAboutAptosConnectContext(displayName);
+    return {
+      onClick: () => {
+        context.setScreenIndex(1);
+      }
+    };
+  }
+);
+var AboutAptosConnect = Object.assign(Root, {
+  Trigger
+});
 
-// src/components/AboutAptosConnect.tsx
+// src/components/AboutPetraWeb.tsx
 import {
   createContext as createContext2,
   useContext as useContext2,
-  useMemo,
+  useMemo as useMemo2,
   useState as useState2
 } from "react";
-
-// src/graphics/LinkGraphic.tsx
-import { forwardRef } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var LinkGraphic = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx2(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: "102",
-        height: "132",
-        viewBox: "0 0 102 132",
-        fill: "none"
-      }, props), {
-        children: /* @__PURE__ */ jsxs("g", { stroke: "currentColor", strokeMiterlimit: "10", children: [
-          /* @__PURE__ */ jsx2("path", { d: "M59.633 80.66c11.742-2.814 17.48-7.018 20.925-13.254l17.518-31.69c6.257-11.317 2.142-25.55-9.189-31.798C82.737.53 75.723.188 69.593 2.398M60.7 69.565a14.09 14.09 0 0 1-6.907-1.767l-.228-.108" }),
-          /* @__PURE__ */ jsx2("path", { d: "m52.365 41.075 12.507-22.627a14.146 14.146 0 0 1 4.727-5.062M32.407 118.619a14.139 14.139 0 0 1-7.034-1.768c-6.857-3.78-9.353-12.402-5.561-19.25l16.634-30.1a14.097 14.097 0 0 1 4.518-4.923" }),
-          /* @__PURE__ */ jsx2("path", { d: "M41.211 78.85c11.332 6.248 25.583 2.14 31.84-9.177l17.518-31.691c6.256-11.317 2.142-25.55-9.19-31.798-6.085-3.357-13.018-3.724-19.104-1.59A23.31 23.31 0 0 0 49.541 15.36L36.863 38.298l7.989 5.036 12.506-22.627c3.786-6.848 12.419-9.34 19.276-5.554 6.856 3.78 9.353 12.402 5.561 19.25l-16.634 30.1c-3.785 6.848-12.418 9.341-19.275 5.555l-5.075 8.791ZM29.5 130.447c12.361-1.37 19.2-6.994 22.966-13.804l12.678-22.936-8.305-5.239" }),
-          /* @__PURE__ */ jsx2("path", { d: "m55.72 61.947-.442.764 5.511-9.55c-6.901-3.806-18.65-3.124-27.105.814M44.85 43.523l7.635-2.486m-4.221 23.264 7.217-1.723m-9.316 7.517 7.59-2.405m-.562-12.156 7.508-2.221m10.136-51.32L62.761 4.43M49.642 90.778l7.514-2.26m.474 7.448 7.514-2.26m-50.306-60.13c7.135 0 12.918-5.776 12.918-12.9 0-7.126-5.783-12.902-12.918-12.902-7.134 0-12.917 5.776-12.917 12.901s5.783 12.901 12.918 12.901Z" }),
-          /* @__PURE__ */ jsx2("path", { d: "M15.724 7.774h3.197c7.135 0 12.918 5.776 12.918 12.901 0 7.126-5.783 12.901-12.918 12.901h-3.425m65.112 66.935h3.198c7.135 0 12.918 5.775 12.918 12.901 0 7.125-5.783 12.9-12.918 12.9h-3.425" }),
-          /* @__PURE__ */ jsx2("path", { d: "M79.717 126.312c7.135 0 12.918-5.775 12.918-12.9s-5.783-12.901-12.918-12.901c-7.134 0-12.917 5.776-12.917 12.901s5.783 12.9 12.917 12.9ZM53.281 55.414c-11.33-6.248-25.582-2.14-31.839 9.177L3.924 96.281c-6.257 11.318-2.142 25.55 9.189 31.799 11.331 6.248 25.582 2.139 31.839-9.177l12.677-22.937-7.988-5.036-12.507 22.627c-3.785 6.848-12.418 9.341-19.275 5.554-6.857-3.781-9.353-12.402-5.561-19.25l16.633-30.1c3.786-6.848 12.419-9.341 19.276-5.555l5.074-8.792Z" })
-        ] })
-      })
-    );
-  }
-);
-LinkGraphic.displayName = "LinkGraphic";
-
-// src/graphics/WalletGraphic.tsx
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var WalletGraphic = forwardRef2(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxs2(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: "128",
-        height: "102",
-        viewBox: "0 0 128 102",
-        fill: "none"
-      }, props), {
-        children: [
-          /* @__PURE__ */ jsx3(
-            "path",
-            {
-              fill: "currentColor",
-              d: "m.96 25.93-.36-.35.36.85v-.5Zm7.79-7.81v-.5h-.21l-.15.15.36.35ZM1.3 26.28l7.79-7.8-.7-.71-7.8 7.8.7.71Zm7.44-7.66H10v-1H8.75v1Zm29.22 6.8h-37v1h37.01v-1Z"
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeMiterlimit: "10",
-              d: "M82.25 26.08c0 12.25-9.92 22.2-22.14 22.2a22.17 22.17 0 0 1-22.14-22.2H1.1v74.82h118.02V26.08H82.25Zm44.33 67.02h.33V18.27h-5.7"
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeMiterlimit: "10",
-              d: "M74.52 42.92a22.4 22.4 0 0 1-11.43 3.3 22.5 22.5 0 0 1-22.46-22.53H9.52M119.22 101l7.78-7.82m-7.88-67.1 7.79-7.81m-44.78 7.72 2.73-2.3m-46.89 2.39 2.39-2.4"
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeMiterlimit: "10",
-              d: "M9.86 23.69V5.72h107.97v18.04H84.65"
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeMiterlimit: "10",
-              d: "M117.83 20.46h3.39V1H13.25v4.72M9.36 23.69h31.78"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-WalletGraphic.displayName = "WalletGraphic";
-
-// src/graphics/Web3Graphic.tsx
-import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Web3Graphic = forwardRef3(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx4(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: "142",
-        height: "108",
-        viewBox: "0 0 142 108",
-        fill: "none"
-      }, props), {
-        children: /* @__PURE__ */ jsxs3("g", { stroke: "currentColor", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsx4("path", { d: "m91.26 35.8.06-10.46L71.3 1v10.53L87 30.5m-36.11 5.24-.06-10.45L71.3 1v10.53L55 30.5" }),
-          /* @__PURE__ */ jsx4("path", { d: "M71 59.55V49.17L50.83 25.3l.06 10.45L57 42.5m14 17.05V49.18l20.33-23.84-.07 10.45L86 42M1 59.68l.22-9.07 35.33-19.8-.1 9L9 55" }),
-          /* @__PURE__ */ jsx4("path", { d: "M36.55 30.8s-.08 5.92-.1 9l.1-9ZM71 59.51v-9.07L36.55 30.8l-.1 9L63.5 55" }),
-          /* @__PURE__ */ jsx4("path", { d: "M71 59.51v-9.07L36.44 70.78l-.1 9.14L55.5 68.5" }),
-          /* @__PURE__ */ jsx4("path", { d: "M1.22 50.6a77387.2 77387.2 0 0 0 35.22 20.18l-.1 9.14L1 59.68l.23-9.07h-.01ZM141 59.68l-.23-9.07-35.33-19.8.11 9L133 55" }),
-          /* @__PURE__ */ jsx4("path", { d: "m105.44 30.8.11 9-.1-9Z" }),
-          /* @__PURE__ */ jsx4("path", { d: "M71 59.51v-9.07l34.44-19.64.11 9L78.5 55" }),
-          /* @__PURE__ */ jsx4("path", { d: "M71 59.51v-9.07l34.56 20.34.1 9.14L87 69" }),
-          /* @__PURE__ */ jsx4("path", { d: "M140.78 50.6a78487.3 78487.3 0 0 1-35.23 20.18l.11 9.14L141 59.68l-.23-9.07ZM50.83 80.15l.06-6.33 20.1-23.38H71v9.26L55 79" }),
-          /* @__PURE__ */ jsx4("path", { d: "M71.3 97.6 50.89 73.81l-.06 9.33L71.3 107v-9.4Zm20.03-14.5-.07-9.33L71 50.44v9.26l16 18.8" }),
-          /* @__PURE__ */ jsx4("path", { d: "m71.3 97.6 19.96-23.83.06 9.33L71.3 107v-9.4Z" })
-        ] })
-      })
-    );
-  }
-);
-Web3Graphic.displayName = "Web3Graphic";
-
-// src/components/utils.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cloneElement, forwardRef as forwardRef4, isValidElement } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function createHeadlessComponent(displayName, elementType, props) {
-  const component = forwardRef4(({ className, asChild, children }, ref) => {
-    const Component = asChild ? Slot : elementType;
-    const _a = typeof props === "function" ? props(displayName) : props != null ? props : {}, { children: defaultChildren } = _a, resolvedProps = __objRest(_a, ["children"]);
-    const resolvedChildren = (
-      /**
-       * Use props' default children if no children are set in the component element's children and when asChild is true.
-       */
-      asChild && isValidElement(children) && !children.props.children ? cloneElement(children, {}, defaultChildren) : children != null ? children : defaultChildren
-    );
-    return (
-      /**
-       * Due to the complexity of the types at play, TypeScript reports the
-       * following error for our JSX below:
-       *
-       * `Expression produces a union type that is too complex to represent.`
-       *
-       * We can safely ignore this error and retain accurate return types for
-       * consumers of this function. The only drawback is that type-checking is
-       * ignored for the JSX block below.
-       */
-      // @ts-expect-error
-      /* @__PURE__ */ jsx5(Component, __spreadProps(__spreadValues({ ref, className }, resolvedProps), { children: resolvedChildren }))
-    );
-  });
-  component.displayName = displayName;
-  return component;
-}
-
-// src/components/AboutAptosConnect.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var EXPLORE_ECOSYSTEM_URL = "https://aptosnetwork.com/ecosystem/directory/category/defi";
-var AboutAptosConnectContext = createContext2(null);
-function useAboutAptosConnectContext(displayName) {
-  const context = useContext2(AboutAptosConnectContext);
-  if (!context) {
-    throw new Error(
-      `\`${displayName}\` must be used within \`AboutAptosConnect\``
-    );
-  }
-  return context;
-}
-var educationScreens = [
-  {
-    Graphic: LinkGraphic,
-    Title: createHeadlessComponent("EducationScreen.Title", "h3", {
-      children: "A better way to login."
-    }),
-    Description: createHeadlessComponent("EducationScreen.Description", "p", {
-      children: "Petra Web is a web3 wallet that uses a Social Login to create accounts on the Aptos blockchain."
-    })
-  },
-  {
-    Graphic: WalletGraphic,
-    Title: createHeadlessComponent("EducationScreen.Title", "h2", {
-      children: "What is a wallet?"
-    }),
-    Description: createHeadlessComponent("EducationScreen.Description", "p", {
-      children: "Wallets are a secure way to send, receive, and interact with digital assets like cryptocurrencies & NFTs."
-    })
-  },
-  {
-    Graphic: Web3Graphic,
-    Title: createHeadlessComponent("EducationScreen.Title", "h2", {
-      children: "Explore more of web3."
-    }),
-    Description: createHeadlessComponent("EducationScreen.Description", "p", {
-      children: /* @__PURE__ */ jsxs4(Fragment, { children: [
-        "Petra Web lets you take one account across any application built on Aptos.",
-        " ",
-        /* @__PURE__ */ jsx6(
-          "a",
-          {
-            href: EXPLORE_ECOSYSTEM_URL,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: "Explore the ecosystem"
-          }
-        ),
-        "."
-      ] })
-    })
-  }
-];
-var educationScreenIndicators = Array(educationScreens.length).fill(null).map(
-  (_, index) => createHeadlessComponent(
-    "AboutAptosConnect.ScreenIndicator",
-    "button",
-    (displayName) => {
-      const context = useAboutAptosConnectContext(displayName);
-      const isActive = context.screenIndex - 1 === index;
-      return {
-        "aria-label": `Go to screen ${index + 1}`,
-        "aria-current": isActive ? "step" : void 0,
-        "data-active": isActive || void 0,
-        onClick: () => {
-          context.setScreenIndex(index + 1);
-        }
-      };
-    }
-  )
-);
-var Root = ({ renderEducationScreen, children }) => {
-  const [screenIndex, setScreenIndex] = useState2(0);
-  const currentEducationScreen = useMemo(
-    () => educationScreens.map((screen, i) => __spreadProps(__spreadValues({}, screen), {
-      screenIndex: i,
-      totalScreens: educationScreens.length,
-      screenIndicators: educationScreenIndicators,
-      back: () => {
-        setScreenIndex(screenIndex - 1);
-      },
-      next: () => {
-        setScreenIndex(
-          screenIndex === educationScreens.length ? 0 : screenIndex + 1
-        );
-      },
-      cancel: () => {
-        setScreenIndex(0);
-      }
-    }))[screenIndex - 1],
-    [screenIndex]
-  );
-  return /* @__PURE__ */ jsx6(AboutAptosConnectContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
-};
-Root.displayName = "AboutAptosConnect";
-var Trigger = createHeadlessComponent(
-  "AboutAptosConnect.Trigger",
-  "button",
-  (displayName) => {
-    const context = useAboutAptosConnectContext(displayName);
-    return {
-      onClick: () => {
-        context.setScreenIndex(1);
-      }
-    };
-  }
-);
-var AboutAptosConnect = Object.assign(Root, {
-  Trigger
-});
-
-// src/components/AboutPetraWeb.tsx
-import {
-  createContext as createContext3,
-  useContext as useContext3,
-  useMemo as useMemo2,
-  useState as useState3
-} from "react";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var EXPLORE_ECOSYSTEM_URL2 = "https://aptosnetwork.com/ecosystem/directory/category/defi";
-var AboutPetraWebContext = createContext3(null);
+var AboutPetraWebContext = createContext2(null);
 function useAboutPetraWebContext(displayName) {
-  const context = useContext3(AboutPetraWebContext);
+  const context = useContext2(AboutPetraWebContext);
   if (!context) {
     throw new Error(`\`${displayName}\` must be used within \`AboutPetraWeb\``);
   }
@@ -738,7 +323,7 @@ var educationScreens2 = [
       children: /* @__PURE__ */ jsxs5(Fragment2, { children: [
         "Petra Web lets you take one account across any application built on Aptos.",
         " ",
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           "a",
           {
             href: EXPLORE_ECOSYSTEM_URL2,
@@ -771,9 +356,10 @@ var educationScreenIndicators2 = Array(educationScreens2.length).fill(null).map(
   )
 );
 var Root2 = ({ renderEducationScreen, children }) => {
-  const [screenIndex, setScreenIndex] = useState3(0);
+  const [screenIndex, setScreenIndex] = useState2(0);
   const currentEducationScreen = useMemo2(
-    () => educationScreens2.map((screen, i) => __spreadProps(__spreadValues({}, screen), {
+    () => educationScreens2.map((screen, i) => ({
+      ...screen,
       screenIndex: i,
       totalScreens: educationScreens2.length,
       screenIndicators: educationScreenIndicators2,
@@ -791,7 +377,7 @@ var Root2 = ({ renderEducationScreen, children }) => {
     }))[screenIndex - 1],
     [screenIndex]
   );
-  return /* @__PURE__ */ jsx7(AboutPetraWebContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
+  return /* @__PURE__ */ jsx6(AboutPetraWebContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
 };
 Root2.displayName = "AboutPetraWeb";
 var Trigger2 = createHeadlessComponent(
@@ -815,18 +401,18 @@ import { forwardRef as forwardRef6 } from "react";
 
 // src/graphics/SmallAptosLogo.tsx
 import { forwardRef as forwardRef5 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var SmallAptosLogo = forwardRef5((props, ref) => {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "svg",
-    __spreadProps(__spreadValues({
+    {
       ref,
       width: "12",
       height: "12",
       viewBox: "0 0 12 12",
-      fill: "none"
-    }, props), {
-      children: /* @__PURE__ */ jsx8(
+      fill: "none",
+      ...props,
+      children: /* @__PURE__ */ jsx7(
         "path",
         {
           fillRule: "evenodd",
@@ -835,13 +421,13 @@ var SmallAptosLogo = forwardRef5((props, ref) => {
           fill: "currentColor"
         }
       )
-    })
+    }
   );
 });
 SmallAptosLogo.displayName = "SmallAptosLogo";
 
 // src/components/AptosPrivacyPolicy.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var APTOS_PRIVACY_POLICY_URL = "https://aptoslabs.com/privacy";
 var Root3 = createHeadlessComponent("AptosPrivacyPolicy.Root", "div");
 var Disclaimer = createHeadlessComponent(
@@ -857,9 +443,9 @@ var Link = createHeadlessComponent("AptosPrivacyPolicy.Disclaimer", "a", {
 });
 var PoweredBy = forwardRef6(({ className }, ref) => {
   return /* @__PURE__ */ jsxs6("div", { ref, className, children: [
-    /* @__PURE__ */ jsx9("span", { children: "Powered by" }),
-    /* @__PURE__ */ jsx9(SmallAptosLogo, {}),
-    /* @__PURE__ */ jsx9("span", { children: "Aptos Labs" })
+    /* @__PURE__ */ jsx8("span", { children: "Powered by" }),
+    /* @__PURE__ */ jsx8(SmallAptosLogo, {}),
+    /* @__PURE__ */ jsx8("span", { children: "Aptos Labs" })
   ] });
 });
 PoweredBy.displayName = "AptosPrivacyPolicy.PoweredBy";
@@ -871,13 +457,31 @@ var AptosPrivacyPolicy = Object.assign(Root3, {
 
 // src/components/WalletItem.tsx
 import {
-  WalletReadyState as WalletReadyState2,
   isRedirectable,
-  shouldUseFallbackWallet
+  shouldUseFallbackWallet,
+  WalletReadyState
 } from "@aptos-labs/wallet-adapter-core";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { createContext as createContext4, forwardRef as forwardRef7, useCallback as useCallback2, useContext as useContext4 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { createContext as createContext4, forwardRef as forwardRef7, useCallback, useContext as useContext4 } from "react";
+
+// src/useWallet.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+var DEFAULT_CONTEXT = {
+  connected: false
+};
+var WalletContext = createContext3(
+  DEFAULT_CONTEXT
+);
+function useWallet() {
+  const context = useContext3(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within a WalletContextState");
+  }
+  return context;
+}
+
+// src/components/WalletItem.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
 function useWalletItemContext(displayName) {
   const context = useContext4(WalletItemContext);
   if (!context) {
@@ -887,20 +491,27 @@ function useWalletItemContext(displayName) {
 }
 var WalletItemContext = createContext4(null);
 var Root4 = forwardRef7(
-  ({ wallet, onConnect, showAllOnMobile = false, className, asChild, children }, ref) => {
+  ({
+    wallet,
+    onConnect,
+    showAllOnMobile = false,
+    className,
+    asChild,
+    children
+  }, ref) => {
     const { connect } = useWallet();
-    const isWalletReady = wallet.readyState === WalletReadyState2.Installed;
+    const isWalletReady = wallet.readyState === WalletReadyState.Installed;
     const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
-    const connectWallet = useCallback2(() => {
+    const connectWallet = useCallback(() => {
       const connectionWallet = shouldUseFallbackWallet(wallet) ? wallet.fallbackWallet : wallet;
       if (!connectionWallet) return;
       connect(connectionWallet.name);
-      onConnect == null ? void 0 : onConnect();
+      onConnect?.();
     }, [wallet, connect, onConnect]);
     if (!isWalletReady && isRedirectable() && !mobileSupport && !showAllOnMobile)
       return null;
     const Component = asChild ? Slot2 : "div";
-    return /* @__PURE__ */ jsx10(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ jsx10(Component, { ref, className, children }) });
+    return /* @__PURE__ */ jsx9(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ jsx9(Component, { ref, className, children }) });
   }
 );
 Root4.displayName = "WalletItem";
@@ -955,6 +566,360 @@ var WalletItem = Object.assign(Root4, {
   ConnectButton,
   InstallLink
 });
+
+// src/WalletProvider.tsx
+import {
+  WalletCore,
+  WalletReadyState as WalletReadyState2
+} from "@aptos-labs/wallet-adapter-core";
+import {
+  useCallback as useCallback2,
+  useEffect,
+  useRef,
+  useState as useState3
+} from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var initialState = {
+  connected: false,
+  account: null,
+  network: null,
+  wallet: null
+};
+var AptosWalletAdapterProvider = ({
+  children,
+  optInWallets,
+  hideWallets,
+  autoConnect = false,
+  dappConfig,
+  disableTelemetry = false,
+  onError
+}) => {
+  const didAttemptAutoConnectRef = useRef(false);
+  const initialLoadCompletedRef = useRef(false);
+  const [{ account, network, connected, wallet }, setState] = useState3(initialState);
+  const [isLoading, setIsLoading] = useState3(true);
+  const [walletCore, setWalletCore] = useState3();
+  const [wallets, setWallets] = useState3([]);
+  const [hiddenWallets, setHiddenWallets] = useState3([]);
+  const [notDetectedWallets, setNotDetectedWallets] = useState3([]);
+  useEffect(() => {
+    const walletCore2 = new WalletCore(
+      optInWallets,
+      dappConfig,
+      disableTelemetry,
+      hideWallets ? hideWallets : ["Petra Web"]
+    );
+    setWalletCore(walletCore2);
+  }, []);
+  useEffect(() => {
+    setWallets(walletCore?.wallets ?? []);
+    setHiddenWallets(walletCore?.hiddenWallets ?? []);
+    setNotDetectedWallets(walletCore?.notDetectedWallets ?? []);
+  }, [walletCore]);
+  useEffect(() => {
+    if (didAttemptAutoConnectRef.current || !walletCore?.wallets.length) {
+      return;
+    }
+    if (!autoConnect) {
+      if (!initialLoadCompletedRef.current) {
+        initialLoadCompletedRef.current = true;
+        setIsLoading(false);
+      }
+      return;
+    }
+    const walletName = localStorage.getItem("AptosWalletName");
+    if (!walletName) {
+      didAttemptAutoConnectRef.current = true;
+      if (!initialLoadCompletedRef.current) {
+        initialLoadCompletedRef.current = true;
+        setIsLoading(false);
+      }
+      return;
+    }
+    const selectedWallet = walletCore.wallets.find(
+      (e) => e.name === walletName
+    );
+    if (!selectedWallet || selectedWallet.readyState !== WalletReadyState2.Installed) {
+      if (!initialLoadCompletedRef.current) {
+        initialLoadCompletedRef.current = true;
+        setIsLoading(false);
+      }
+      return;
+    }
+    didAttemptAutoConnectRef.current = true;
+    if (!connected) {
+      (async () => {
+        try {
+          let shouldConnect = true;
+          if (typeof autoConnect === "function") {
+            shouldConnect = await autoConnect(walletCore, selectedWallet);
+          } else {
+            shouldConnect = autoConnect;
+          }
+          if (shouldConnect) await connect(walletName);
+        } catch (error) {
+          if (onError) onError(error);
+          return Promise.reject(error);
+        } finally {
+          initialLoadCompletedRef.current = true;
+          setIsLoading(false);
+        }
+      })();
+    } else {
+      initialLoadCompletedRef.current = true;
+      setIsLoading(false);
+    }
+  }, [autoConnect, wallets]);
+  const connect = async (walletName) => {
+    try {
+      setIsLoading(true);
+      await walletCore?.connect(walletName);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const signIn = async (args) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      setIsLoading(true);
+      return await walletCore?.signIn(args);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const disconnect = async () => {
+    try {
+      await walletCore?.disconnect();
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const signAndSubmitTransaction = async (transaction) => {
+    try {
+      if (!walletCore) {
+        throw new Error("WalletCore is not initialized");
+      }
+      return await walletCore.signAndSubmitTransaction(transaction);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const signTransaction = async (args) => {
+    const { transactionOrPayload, asFeePayer } = args;
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return await walletCore.signTransaction({
+        transactionOrPayload,
+        asFeePayer
+      });
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const submitTransaction = async (transaction) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return await walletCore?.submitTransaction(transaction);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const signMessage = async (message) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return await walletCore?.signMessage(message);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const signMessageAndVerify = async (message) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return await walletCore?.signMessageAndVerify(message);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const changeNetwork = async (network2) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
+    try {
+      return await walletCore?.changeNetwork(network2);
+    } catch (error) {
+      if (onError) onError(error);
+      return Promise.reject(error);
+    }
+  };
+  const handleConnect = () => {
+    setState((state) => {
+      return {
+        ...state,
+        connected: true,
+        account: walletCore?.account || null,
+        network: walletCore?.network || null,
+        wallet: walletCore?.wallet || null
+      };
+    });
+  };
+  const handleAccountChange = useCallback2(() => {
+    if (!connected) return;
+    if (!walletCore?.wallet) return;
+    setState((state) => {
+      return {
+        ...state,
+        account: walletCore?.account || null
+      };
+    });
+  }, [connected]);
+  const handleNetworkChange = useCallback2(() => {
+    if (!connected) return;
+    if (!walletCore?.wallet) return;
+    setState((state) => {
+      return {
+        ...state,
+        network: walletCore?.network || null
+      };
+    });
+  }, [connected]);
+  useEffect(() => {
+    if (connected) {
+      walletCore?.onAccountChange();
+      walletCore?.onNetworkChange();
+    }
+  }, [connected]);
+  const handleDisconnect = () => {
+    if (!connected) return;
+    setState((state) => {
+      return {
+        ...state,
+        connected: false,
+        account: walletCore?.account || null,
+        network: walletCore?.network || null,
+        wallet: null
+      };
+    });
+  };
+  const handleStandardWalletsAdded = (standardWallet) => {
+    const existingWalletIndex = wallets.findIndex(
+      (wallet2) => wallet2.name === standardWallet.name
+    );
+    if (existingWalletIndex !== -1) {
+      setWallets((wallets2) => [
+        ...wallets2.slice(0, existingWalletIndex),
+        standardWallet,
+        ...wallets2.slice(existingWalletIndex + 1)
+      ]);
+    } else {
+      setWallets((wallets2) => [...wallets2, standardWallet]);
+    }
+  };
+  const handleStandardWalletsHiddenAdded = (standardWallet) => {
+    const existingWalletIndex = hiddenWallets.findIndex(
+      (wallet2) => wallet2.name === standardWallet.name
+    );
+    if (existingWalletIndex !== -1) {
+      setHiddenWallets((hiddenWallets2) => [
+        ...hiddenWallets2.slice(0, existingWalletIndex),
+        standardWallet,
+        ...hiddenWallets2.slice(existingWalletIndex + 1)
+      ]);
+    } else {
+      setHiddenWallets((hiddenWallets2) => [...hiddenWallets2, standardWallet]);
+    }
+  };
+  const handleStandardNotDetectedWalletsAdded = (notDetectedWallet) => {
+    const existingWalletIndex = wallets.findIndex(
+      (wallet2) => wallet2.name === notDetectedWallet.name
+    );
+    if (existingWalletIndex !== -1) {
+      setNotDetectedWallets((wallets2) => [
+        ...wallets2.slice(0, existingWalletIndex),
+        notDetectedWallet,
+        ...wallets2.slice(existingWalletIndex + 1)
+      ]);
+    } else {
+      setNotDetectedWallets((wallets2) => [...wallets2, notDetectedWallet]);
+    }
+  };
+  useEffect(() => {
+    walletCore?.on("connect", handleConnect);
+    walletCore?.on("accountChange", handleAccountChange);
+    walletCore?.on("networkChange", handleNetworkChange);
+    walletCore?.on("disconnect", handleDisconnect);
+    walletCore?.on("standardWalletsAdded", handleStandardWalletsAdded);
+    walletCore?.on(
+      "standardWalletsHiddenAdded",
+      handleStandardWalletsHiddenAdded
+    );
+    walletCore?.on(
+      "standardNotDetectedWalletAdded",
+      handleStandardNotDetectedWalletsAdded
+    );
+    return () => {
+      walletCore?.off("connect", handleConnect);
+      walletCore?.off("accountChange", handleAccountChange);
+      walletCore?.off("networkChange", handleNetworkChange);
+      walletCore?.off("disconnect", handleDisconnect);
+      walletCore?.off("standardWalletsAdded", handleStandardWalletsAdded);
+      walletCore?.off(
+        "standardWalletsHiddenAdded",
+        handleStandardWalletsHiddenAdded
+      );
+      walletCore?.off(
+        "standardNotDetectedWalletAdded",
+        handleStandardNotDetectedWalletsAdded
+      );
+    };
+  }, [wallets, account]);
+  return /* @__PURE__ */ jsx10(
+    WalletContext.Provider,
+    {
+      value: {
+        connect,
+        signIn,
+        disconnect,
+        signAndSubmitTransaction,
+        signTransaction,
+        signMessage,
+        signMessageAndVerify,
+        changeNetwork,
+        submitTransaction,
+        account,
+        network,
+        connected,
+        wallet,
+        wallets,
+        notDetectedWallets,
+        hiddenWallets,
+        isLoading
+      },
+      children
+    }
+  );
+};
 export {
   APTOS_PRIVACY_POLICY_URL,
   AboutAptosConnect,