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

package/dist/index.js

@@ -1,37 +1,8 @@
 "use strict";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -46,26 +17,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-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
 var index_exports = {};
@@ -83,645 +34,285 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("@aptos-labs/wallet-adapter-core"), module.exports);
 
-// src/WalletProvider.tsx
-var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
-var import_react2 = require("react");
+// src/components/AboutAptosConnect.tsx
+var import_react5 = require("react");
 
-// src/useWallet.tsx
+// src/graphics/LinkGraphic.tsx
 var import_react = require("react");
-var DEFAULT_CONTEXT = {
-  connected: false
-};
-var WalletContext = (0, import_react.createContext)(
-  DEFAULT_CONTEXT
-);
-function useWallet() {
-  const context = (0, import_react.useContext)(WalletContext);
-  if (!context) {
-    throw new Error("useWallet must be used within a WalletContextState");
-  }
-  return context;
-}
-
-// src/WalletProvider.tsx
 var import_jsx_runtime = require("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 = (0, import_react2.useRef)(false);
-  const initialLoadCompletedRef = (0, import_react2.useRef)(false);
-  const [{ account, network, connected, wallet }, setState] = (0, import_react2.useState)(initialState);
-  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
-  const [walletCore, setWalletCore] = (0, import_react2.useState)();
-  const [wallets, setWallets] = (0, import_react2.useState)([]);
-  const [hiddenWallets, setHiddenWallets] = (0, import_react2.useState)([]);
-  const [notDetectedWallets, setNotDetectedWallets] = (0, import_react2.useState)([]);
-  (0, import_react2.useEffect)(() => {
-    const walletCore2 = new import_wallet_adapter_core.WalletCore(
-      optInWallets,
-      dappConfig,
-      disableTelemetry,
-      hideWallets ? hideWallets : ["Petra Web"]
-    );
-    setWalletCore(walletCore2);
-  }, []);
-  (0, import_react2.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]);
-  (0, import_react2.useEffect)(() => {
-    if (didAttemptAutoConnectRef.current || !(walletCore == null ? void 0 : walletCore.wallets.length)) {
-      return;
-    }
-    if (!autoConnect) {
-      if (!initialLoadCompletedRef.current) {
-        initialLoadCompletedRef.current = true;
-        setIsLoading(false);
+var LinkGraphic = (0, import_react.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        ref,
+        width: "102",
+        height: "132",
+        viewBox: "0 0 102 132",
+        fill: "none",
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { stroke: "currentColor", strokeMiterlimit: "10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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" })
+        ] })
       }
-      return;
-    }
-    const walletName = localStorage.getItem("AptosWalletName");
-    if (!walletName) {
-      didAttemptAutoConnectRef.current = true;
-      if (!initialLoadCompletedRef.current) {
-        initialLoadCompletedRef.current = true;
-        setIsLoading(false);
+    );
+  }
+);
+LinkGraphic.displayName = "LinkGraphic";
+
+// src/graphics/WalletGraphic.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var WalletGraphic = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "svg",
+      {
+        ref,
+        width: "128",
+        height: "102",
+        viewBox: "0 0 128 102",
+        fill: "none",
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "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__ */ (0, import_jsx_runtime2.jsx)(
+            "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__ */ (0, import_jsx_runtime2.jsx)(
+            "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__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              d: "M9.86 23.69V5.72h107.97v18.04H84.65"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              d: "M117.83 20.46h3.39V1H13.25v4.72M9.36 23.69h31.78"
+            }
+          )
+        ]
       }
-      return;
-    }
-    const selectedWallet = walletCore.wallets.find(
-      (e) => e.name === walletName
     );
-    if (!selectedWallet || selectedWallet.readyState !== import_wallet_adapter_core.WalletReadyState.Installed) {
-      if (!initialLoadCompletedRef.current) {
-        initialLoadCompletedRef.current = true;
-        setIsLoading(false);
+  }
+);
+WalletGraphic.displayName = "WalletGraphic";
+
+// src/graphics/Web3Graphic.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Web3Graphic = (0, import_react3.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "svg",
+      {
+        ref,
+        width: "142",
+        height: "108",
+        viewBox: "0 0 142 108",
+        fill: "none",
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { stroke: "currentColor", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M71 59.51v-9.07L36.44 70.78l-.1 9.14L55.5 68.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m105.44 30.8.11 9-.1-9Z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M71 59.51v-9.07l34.44-19.64.11 9L78.5 55" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M71 59.51v-9.07l34.56 20.34.1 9.14L87 69" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m71.3 97.6 19.96-23.83.06 9.33L71.3 107v-9.4Z" })
+        ] })
       }
-      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;
+    );
+  }
+);
+Web3Graphic.displayName = "Web3Graphic";
+
+// src/components/utils.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react4 = require("react");
+var import_jsx_runtime4 = (
+  /**
+   * 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
+  require("react/jsx-runtime")
+);
+function createHeadlessComponent(displayName, elementType, props) {
+  const component = (0, import_react4.forwardRef)(({ className, asChild, children }, ref) => {
+    const Component = asChild ? import_react_slot.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 && (0, import_react4.isValidElement)(children) && !children.props.children ? (0, import_react4.cloneElement)(children, {}, defaultChildren) : children ?? defaultChildren
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { ref, className, ...resolvedProps, children: resolvedChildren });
+  });
+  component.displayName = displayName;
+  return component;
+}
+
+// src/components/AboutAptosConnect.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var EXPLORE_ECOSYSTEM_URL = "https://aptosnetwork.com/ecosystem/directory/category/defi";
+var AboutAptosConnectContext = (0, import_react5.createContext)(null);
+function useAboutAptosConnectContext(displayName) {
+  const context = (0, import_react5.useContext)(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__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        "Petra Web lets you take one account across any application built on Aptos.",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "a",
+          {
+            href: EXPLORE_ECOSYSTEM_URL,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Explore the ecosystem"
           }
-          if (shouldConnect) yield connect(walletName);
-        } catch (error) {
-          if (onError) onError(error);
-          return Promise.reject(error);
-        } finally {
-          initialLoadCompletedRef.current = true;
-          setIsLoading(false);
+        ),
+        "."
+      ] })
+    })
+  }
+];
+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);
         }
-      }))();
-    } 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 = (0, import_react2.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 = (0, import_react2.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]);
-  (0, import_react2.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]);
+      };
     }
-  };
-  (0, import_react2.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__ */ (0, import_jsx_runtime.jsx)(
-    WalletContext.Provider,
-    {
-      value: {
-        connect,
-        signIn,
-        disconnect,
-        signAndSubmitTransaction,
-        signTransaction,
-        signMessage,
-        signMessageAndVerify,
-        changeNetwork,
-        submitTransaction,
-        account,
-        network,
-        connected,
-        wallet,
-        wallets,
-        notDetectedWallets,
-        hiddenWallets,
-        isLoading
+  )
+);
+var Root = ({ renderEducationScreen, children }) => {
+  const [screenIndex, setScreenIndex] = (0, import_react5.useState)(0);
+  const currentEducationScreen = (0, import_react5.useMemo)(
+    () => educationScreens.map((screen, i) => ({
+      ...screen,
+      screenIndex: i,
+      totalScreens: educationScreens.length,
+      screenIndicators: educationScreenIndicators,
+      back: () => {
+        setScreenIndex(screenIndex - 1);
       },
-      children
-    }
+      next: () => {
+        setScreenIndex(
+          screenIndex === educationScreens.length ? 0 : screenIndex + 1
+        );
+      },
+      cancel: () => {
+        setScreenIndex(0);
+      }
+    }))[screenIndex - 1],
+    [screenIndex]
   );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AboutAptosConnectContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
 };
-
-// src/components/AboutAptosConnect.tsx
-var import_react7 = require("react");
-
-// src/graphics/LinkGraphic.tsx
-var import_react3 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var LinkGraphic = (0, import_react3.forwardRef)(
-  (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: "102",
-        height: "132",
-        viewBox: "0 0 102 132",
-        fill: "none"
-      }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { stroke: "currentColor", strokeMiterlimit: "10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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" })
-        ] })
-      })
-    );
+Root.displayName = "AboutAptosConnect";
+var Trigger = createHeadlessComponent(
+  "AboutAptosConnect.Trigger",
+  "button",
+  (displayName) => {
+    const context = useAboutAptosConnectContext(displayName);
+    return {
+      onClick: () => {
+        context.setScreenIndex(1);
+      }
+    };
   }
 );
-LinkGraphic.displayName = "LinkGraphic";
+var AboutAptosConnect = Object.assign(Root, {
+  Trigger
+});
 
-// src/graphics/WalletGraphic.tsx
-var import_react4 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var WalletGraphic = (0, import_react4.forwardRef)(
-  (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: "128",
-        height: "102",
-        viewBox: "0 0 128 102",
-        fill: "none"
-      }, props), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "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__ */ (0, import_jsx_runtime3.jsx)(
-            "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__ */ (0, import_jsx_runtime3.jsx)(
-            "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__ */ (0, import_jsx_runtime3.jsx)(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeMiterlimit: "10",
-              d: "M9.86 23.69V5.72h107.97v18.04H84.65"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeMiterlimit: "10",
-              d: "M117.83 20.46h3.39V1H13.25v4.72M9.36 23.69h31.78"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-WalletGraphic.displayName = "WalletGraphic";
-
-// src/graphics/Web3Graphic.tsx
-var import_react5 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Web3Graphic = (0, import_react5.forwardRef)(
-  (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: "142",
-        height: "108",
-        viewBox: "0 0 142 108",
-        fill: "none"
-      }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("g", { stroke: "currentColor", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M71 59.51v-9.07L36.44 70.78l-.1 9.14L55.5 68.5" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m105.44 30.8.11 9-.1-9Z" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M71 59.51v-9.07l34.44-19.64.11 9L78.5 55" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M71 59.51v-9.07l34.56 20.34.1 9.14L87 69" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m71.3 97.6 19.96-23.83.06 9.33L71.3 107v-9.4Z" })
-        ] })
-      })
-    );
-  }
-);
-Web3Graphic.displayName = "Web3Graphic";
-
-// src/components/utils.tsx
-var import_react_slot = require("@radix-ui/react-slot");
+// src/components/AboutPetraWeb.tsx
 var import_react6 = require("react");
-var import_jsx_runtime5 = (
-  /**
-   * 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
-  require("react/jsx-runtime")
-);
-function createHeadlessComponent(displayName, elementType, props) {
-  const component = (0, import_react6.forwardRef)(({ className, asChild, children }, ref) => {
-    const Component = asChild ? import_react_slot.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 && (0, import_react6.isValidElement)(children) && !children.props.children ? (0, import_react6.cloneElement)(children, {}, defaultChildren) : children != null ? children : defaultChildren
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, __spreadProps(__spreadValues({ ref, className }, resolvedProps), { children: resolvedChildren }));
-  });
-  component.displayName = displayName;
-  return component;
-}
-
-// src/components/AboutAptosConnect.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var EXPLORE_ECOSYSTEM_URL = "https://aptosnetwork.com/ecosystem/directory/category/defi";
-var AboutAptosConnectContext = (0, import_react7.createContext)(null);
-function useAboutAptosConnectContext(displayName) {
-  const context = (0, import_react7.useContext)(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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        "Petra Web lets you take one account across any application built on Aptos.",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "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] = (0, import_react7.useState)(0);
-  const currentEducationScreen = (0, import_react7.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__ */ (0, import_jsx_runtime6.jsx)(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
-var import_react8 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
 var EXPLORE_ECOSYSTEM_URL2 = "https://aptosnetwork.com/ecosystem/directory/category/defi";
-var AboutPetraWebContext = (0, import_react8.createContext)(null);
+var AboutPetraWebContext = (0, import_react6.createContext)(null);
 function useAboutPetraWebContext(displayName) {
-  const context = (0, import_react8.useContext)(AboutPetraWebContext);
+  const context = (0, import_react6.useContext)(AboutPetraWebContext);
   if (!context) {
     throw new Error(`\`${displayName}\` must be used within \`AboutPetraWeb\``);
   }
@@ -752,10 +343,10 @@ var educationScreens2 = [
       children: "Explore more of web3."
     }),
     Description: createHeadlessComponent("EducationScreen.Description", "p", {
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
         "Petra Web lets you take one account across any application built on Aptos.",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "a",
           {
             href: EXPLORE_ECOSYSTEM_URL2,
@@ -788,9 +379,10 @@ var educationScreenIndicators2 = Array(educationScreens2.length).fill(null).map(
   )
 );
 var Root2 = ({ renderEducationScreen, children }) => {
-  const [screenIndex, setScreenIndex] = (0, import_react8.useState)(0);
-  const currentEducationScreen = (0, import_react8.useMemo)(
-    () => educationScreens2.map((screen, i) => __spreadProps(__spreadValues({}, screen), {
+  const [screenIndex, setScreenIndex] = (0, import_react6.useState)(0);
+  const currentEducationScreen = (0, import_react6.useMemo)(
+    () => educationScreens2.map((screen, i) => ({
+      ...screen,
       screenIndex: i,
       totalScreens: educationScreens2.length,
       screenIndicators: educationScreenIndicators2,
@@ -808,7 +400,7 @@ var Root2 = ({ renderEducationScreen, children }) => {
     }))[screenIndex - 1],
     [screenIndex]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AboutPetraWebContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AboutPetraWebContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
 };
 Root2.displayName = "AboutPetraWeb";
 var Trigger2 = createHeadlessComponent(
@@ -828,22 +420,22 @@ var AboutPetraWeb = Object.assign(Root2, {
 });
 
 // src/components/AptosPrivacyPolicy.tsx
-var import_react10 = require("react");
+var import_react8 = require("react");
 
 // src/graphics/SmallAptosLogo.tsx
-var import_react9 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var SmallAptosLogo = (0, import_react9.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var import_react7 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SmallAptosLogo = (0, import_react7.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "svg",
-    __spreadProps(__spreadValues({
+    {
       ref,
       width: "12",
       height: "12",
       viewBox: "0 0 12 12",
-      fill: "none"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      fill: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -852,13 +444,13 @@ var SmallAptosLogo = (0, import_react9.forwardRef)((props, ref) => {
           fill: "currentColor"
         }
       )
-    })
+    }
   );
 });
 SmallAptosLogo.displayName = "SmallAptosLogo";
 
 // src/components/AptosPrivacyPolicy.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var APTOS_PRIVACY_POLICY_URL = "https://aptoslabs.com/privacy";
 var Root3 = createHeadlessComponent("AptosPrivacyPolicy.Root", "div");
 var Disclaimer = createHeadlessComponent(
@@ -872,11 +464,11 @@ var Link = createHeadlessComponent("AptosPrivacyPolicy.Disclaimer", "a", {
   rel: "noopener noreferrer",
   children: "Privacy Policy"
 });
-var PoweredBy = (0, import_react10.forwardRef)(({ className }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Powered by" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmallAptosLogo, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Aptos Labs" })
+var PoweredBy = (0, import_react8.forwardRef)(({ className }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ref, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Powered by" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmallAptosLogo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Aptos Labs" })
   ] });
 });
 PoweredBy.displayName = "AptosPrivacyPolicy.PoweredBy";
@@ -887,33 +479,58 @@ var AptosPrivacyPolicy = Object.assign(Root3, {
 });
 
 // src/components/WalletItem.tsx
-var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
+var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_react11 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react10 = require("react");
+
+// src/useWallet.tsx
+var import_react9 = require("react");
+var DEFAULT_CONTEXT = {
+  connected: false
+};
+var WalletContext = (0, import_react9.createContext)(
+  DEFAULT_CONTEXT
+);
+function useWallet() {
+  const context = (0, import_react9.useContext)(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within a WalletContextState");
+  }
+  return context;
+}
+
+// src/components/WalletItem.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function useWalletItemContext(displayName) {
-  const context = (0, import_react11.useContext)(WalletItemContext);
+  const context = (0, import_react10.useContext)(WalletItemContext);
   if (!context) {
     throw new Error(`\`${displayName}\` must be used within \`WalletItem\``);
   }
   return context;
 }
-var WalletItemContext = (0, import_react11.createContext)(null);
-var Root4 = (0, import_react11.forwardRef)(
-  ({ wallet, onConnect, showAllOnMobile = false, className, asChild, children }, ref) => {
+var WalletItemContext = (0, import_react10.createContext)(null);
+var Root4 = (0, import_react10.forwardRef)(
+  ({
+    wallet,
+    onConnect,
+    showAllOnMobile = false,
+    className,
+    asChild,
+    children
+  }, ref) => {
     const { connect } = useWallet();
-    const isWalletReady = wallet.readyState === import_wallet_adapter_core2.WalletReadyState.Installed;
+    const isWalletReady = wallet.readyState === import_wallet_adapter_core.WalletReadyState.Installed;
     const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
-    const connectWallet = (0, import_react11.useCallback)(() => {
-      const connectionWallet = (0, import_wallet_adapter_core2.shouldUseFallbackWallet)(wallet) ? wallet.fallbackWallet : wallet;
+    const connectWallet = (0, import_react10.useCallback)(() => {
+      const connectionWallet = (0, import_wallet_adapter_core.shouldUseFallbackWallet)(wallet) ? wallet.fallbackWallet : wallet;
       if (!connectionWallet) return;
       connect(connectionWallet.name);
-      onConnect == null ? void 0 : onConnect();
+      onConnect?.();
     }, [wallet, connect, onConnect]);
-    if (!isWalletReady && (0, import_wallet_adapter_core2.isRedirectable)() && !mobileSupport && !showAllOnMobile)
+    if (!isWalletReady && (0, import_wallet_adapter_core.isRedirectable)() && !mobileSupport && !showAllOnMobile)
       return null;
     const Component = asChild ? import_react_slot2.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { ref, className, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, { ref, className, children }) });
   }
 );
 Root4.displayName = "WalletItem";
@@ -968,6 +585,352 @@ var WalletItem = Object.assign(Root4, {
   ConnectButton,
   InstallLink
 });
+
+// src/WalletProvider.tsx
+var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
+var import_react11 = require("react");
+var import_jsx_runtime10 = require("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 = (0, import_react11.useRef)(false);
+  const initialLoadCompletedRef = (0, import_react11.useRef)(false);
+  const [{ account, network, connected, wallet }, setState] = (0, import_react11.useState)(initialState);
+  const [isLoading, setIsLoading] = (0, import_react11.useState)(true);
+  const [walletCore, setWalletCore] = (0, import_react11.useState)();
+  const [wallets, setWallets] = (0, import_react11.useState)([]);
+  const [hiddenWallets, setHiddenWallets] = (0, import_react11.useState)([]);
+  const [notDetectedWallets, setNotDetectedWallets] = (0, import_react11.useState)([]);
+  (0, import_react11.useEffect)(() => {
+    const walletCore2 = new import_wallet_adapter_core2.WalletCore(
+      optInWallets,
+      dappConfig,
+      disableTelemetry,
+      hideWallets ? hideWallets : ["Petra Web"]
+    );
+    setWalletCore(walletCore2);
+  }, []);
+  (0, import_react11.useEffect)(() => {
+    setWallets(walletCore?.wallets ?? []);
+    setHiddenWallets(walletCore?.hiddenWallets ?? []);
+    setNotDetectedWallets(walletCore?.notDetectedWallets ?? []);
+  }, [walletCore]);
+  (0, import_react11.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 !== import_wallet_adapter_core2.WalletReadyState.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 = (0, import_react11.useCallback)(() => {
+    if (!connected) return;
+    if (!walletCore?.wallet) return;
+    setState((state) => {
+      return {
+        ...state,
+        account: walletCore?.account || null
+      };
+    });
+  }, [connected]);
+  const handleNetworkChange = (0, import_react11.useCallback)(() => {
+    if (!connected) return;
+    if (!walletCore?.wallet) return;
+    setState((state) => {
+      return {
+        ...state,
+        network: walletCore?.network || null
+      };
+    });
+  }, [connected]);
+  (0, import_react11.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]);
+    }
+  };
+  (0, import_react11.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__ */ (0, import_jsx_runtime10.jsx)(
+    WalletContext.Provider,
+    {
+      value: {
+        connect,
+        signIn,
+        disconnect,
+        signAndSubmitTransaction,
+        signTransaction,
+        signMessage,
+        signMessageAndVerify,
+        changeNetwork,
+        submitTransaction,
+        account,
+        network,
+        connected,
+        wallet,
+        wallets,
+        notDetectedWallets,
+        hiddenWallets,
+        isLoading
+      },
+      children
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   APTOS_PRIVACY_POLICY_URL,