adapter-connect 0.0.2

package/dist/index.mjs

@@ -0,0 +1,927 @@
+// src/WhatWagmiProvider.tsx
+import { WagmiProvider } from "wagmi";
+import { PrivyProvider } from "@privy-io/react-auth";
+
+// src/config.ts
+import { createConfig, http, injected } from "wagmi";
+import { base } from "viem/chains";
+var createConnectors = () => {
+  return [injected()];
+};
+var config = createConfig({
+  chains: [base],
+  connectors: createConnectors(),
+  transports: {
+    [base.id]: http()
+  }
+});
+
+// src/ModalPrivyConnect.tsx
+import React, { useEffect, useMemo as useMemo2 } from "react";
+import { get } from "lodash";
+import { createConnector } from "wagmi";
+import { arbitrum, arbitrumSepolia } from "viem/chains";
+
+// src/useWalletConnect.tsx
+import { usePrivy, useWallets } from "@privy-io/react-auth";
+import { useMemo } from "react";
+import { useAccount, useConnect, useDisconnect } from "wagmi";
+
+// node_modules/@wagmi/core/dist/esm/version.js
+var version = "2.22.1";
+
+// node_modules/@wagmi/core/dist/esm/utils/getVersion.js
+var getVersion = () => `@wagmi/core@${version}`;
+
+// node_modules/@wagmi/core/dist/esm/errors/base.js
+var __classPrivateFieldGet = function(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _BaseError_instances;
+var _BaseError_walk;
+var BaseError = class _BaseError extends Error {
+  get docsBaseUrl() {
+    return "https://wagmi.sh/core";
+  }
+  get version() {
+    return getVersion();
+  }
+  constructor(shortMessage, options = {}) {
+    var _a;
+    super();
+    _BaseError_instances.add(this);
+    Object.defineProperty(this, "details", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "docsPath", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "metaMessages", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "shortMessage", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "WagmiCoreError"
+    });
+    const details = options.cause instanceof _BaseError ? options.cause.details : ((_a = options.cause) == null ? void 0 : _a.message) ? options.cause.message : options.details;
+    const docsPath = options.cause instanceof _BaseError ? options.cause.docsPath || options.docsPath : options.docsPath;
+    this.message = [
+      shortMessage || "An error occurred.",
+      "",
+      ...options.metaMessages ? [...options.metaMessages, ""] : [],
+      ...docsPath ? [
+        `Docs: ${this.docsBaseUrl}${docsPath}.html${options.docsSlug ? `#${options.docsSlug}` : ""}`
+      ] : [],
+      ...details ? [`Details: ${details}`] : [],
+      `Version: ${this.version}`
+    ].join("\n");
+    if (options.cause)
+      this.cause = options.cause;
+    this.details = details;
+    this.docsPath = docsPath;
+    this.metaMessages = options.metaMessages;
+    this.shortMessage = shortMessage;
+  }
+  walk(fn) {
+    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk).call(this, this, fn);
+  }
+};
+_BaseError_instances = /* @__PURE__ */ new WeakSet(), _BaseError_walk = function _BaseError_walk2(err, fn) {
+  if (fn == null ? void 0 : fn(err))
+    return err;
+  if (err.cause)
+    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk2).call(this, err.cause, fn);
+  return err;
+};
+
+// node_modules/@wagmi/core/dist/esm/errors/config.js
+var ChainNotConfiguredError = class extends BaseError {
+  constructor() {
+    super("Chain not configured.");
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ChainNotConfiguredError"
+    });
+  }
+};
+
+// node_modules/@wagmi/core/dist/esm/errors/connector.js
+var SwitchChainNotSupportedError = class extends BaseError {
+  constructor({ connector }) {
+    super(`"${connector.name}" does not support programmatic chain switching.`);
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "SwitchChainNotSupportedError"
+    });
+  }
+};
+
+// node_modules/@wagmi/core/dist/esm/actions/switchChain.js
+async function switchChain(config2, parameters) {
+  var _a, _b;
+  const { addEthereumChainParameter, chainId } = parameters;
+  const connection = config2.state.connections.get((_b = (_a = parameters.connector) == null ? void 0 : _a.uid) != null ? _b : config2.state.current);
+  if (connection) {
+    const connector = connection.connector;
+    if (!connector.switchChain)
+      throw new SwitchChainNotSupportedError({ connector });
+    const chain2 = await connector.switchChain({
+      addEthereumChainParameter,
+      chainId
+    });
+    return chain2;
+  }
+  const chain = config2.chains.find((x) => x.id === chainId);
+  if (!chain)
+    throw new ChainNotConfiguredError();
+  config2.setState((x) => ({ ...x, chainId }));
+  return chain;
+}
+
+// node_modules/@wagmi/core/dist/esm/exports/index.js
+import { custom, http as http2, webSocket } from "viem";
+
+// src/useWalletConnect.tsx
+import { base as base2 } from "viem/chains";
+var useWalletConnect = () => {
+  const { login, authenticated, user, logout, ready } = usePrivy();
+  const { connectors, connect } = useConnect();
+  const { connectWallet } = usePrivy();
+  const { wallets } = useWallets();
+  const { disconnect: disconnectWagmiFunction } = useDisconnect();
+  const { address, isConnected, chainId } = useAccount();
+  const disconnect = async () => {
+    try {
+      disconnectWagmiFunction();
+    } catch (e) {
+    }
+  };
+  const isCorrectChain = chainId === base2.id;
+  const switchToArbitrum = async () => {
+    try {
+      const wallet = wallets.find((wallet2) => wallet2.address.toString() === (address == null ? void 0 : address.toString()));
+      wallet == null ? void 0 : wallet.switchChain(base2.id);
+      switchChain(config, { chainId: base2.id });
+    } catch (error) {
+      console.error("Failed to switch chain:", error);
+    }
+  };
+  const setActiveWallet = async (walletAddress) => {
+    try {
+      if (walletAddress) {
+        const wallet = wallets.find((w) => w.address.toLowerCase() === walletAddress.toLowerCase());
+        if (wallet) {
+          await wallet.switchChain(base2.id);
+        }
+      }
+    } catch (error) {
+      console.error("Failed to set active wallet:", error);
+    }
+  };
+  const connectorsMemo = useMemo(() => {
+    return connectors.filter((connector) => connector.id !== "injected");
+  }, [connectors]);
+  return {
+    // connectWallet,
+    address,
+    connectors: connectorsMemo,
+    connect,
+    login,
+    authenticated,
+    user,
+    logout,
+    ready,
+    disconnect,
+    isCorrectChain,
+    switchToArbitrum,
+    chainId,
+    connectWallet,
+    setActiveWallet
+  };
+};
+
+// src/ModalPrivyConnect.tsx
+import { base as base3 } from "viem/chains";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ModalPrivyConnect = () => {
+  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const { login, connectors, connect, connectWallet } = useWalletConnect();
+  const icon = useMemo2(() => {
+    const icons = {
+      "walletConnect": "https://hype.what.exchange/icons/walletconnect-icon.png",
+      "metaMaskSDK": "https://hype.what.exchange/icons/metamask-icon.png",
+      "io.metamask": "https://hype.what.exchange/icons/metamask-icon.png",
+      "io.privy.wallet": "https://hype.what.exchange/icons/privy-icon.png",
+      "phantom": "https://hype.what.exchange/icons/phantom-icon.png",
+      "brave": "https://hype.what.exchange/icons/brave-icon.png",
+      "binance": "https://hype.what.exchange/icons/binance-icon.png"
+    };
+    return icons;
+  }, []);
+  const connectorToPrivyWallet = useMemo2(() => {
+    const map = {
+      "io.metamask": "metamask",
+      "metaMaskSDK": "metamask",
+      "walletConnect": "wallet_connect"
+    };
+    return map;
+  }, []);
+  const handleConnectWallet = async (connector) => {
+    try {
+      const privyWalletName = connectorToPrivyWallet[connector.id];
+      if (privyWalletName && connectWallet) {
+        await connectWallet({ walletList: [privyWalletName] });
+      } else {
+        await connect({ connector, chainId: base3.id });
+      }
+      setIsModalOpen(false);
+    } catch (error) {
+      console.error("Failed to connect wallet:", error);
+    }
+  };
+  const handleConnectSpecificWallet = async (walletName) => {
+    var _a, _b, _c;
+    try {
+      let provider = null;
+      if (walletName === "brave") {
+        provider = window.braveEthereum;
+        if (!provider || !((_a = window.braveEthereum) == null ? void 0 : _a.isBraveWallet) && !((_b = window.braveEthereum) == null ? void 0 : _b._brave)) {
+          throw new Error("Brave Wallet is not installed. Please install it first.");
+        }
+      } else if (walletName === "binance") {
+        provider = (_c = window.binancew3w) == null ? void 0 : _c.ethereum;
+        if (!provider) {
+          throw new Error("Binance Wallet is not installed. Please install it first.");
+          return;
+        }
+      }
+      await provider.request({ method: "eth_requestAccounts" });
+      const customConnector = createConnector((config2) => ({
+        id: walletName,
+        name: walletName === "brave" ? "Brave Wallet" : "Binance Wallet",
+        type: "injected",
+        async setup() {
+        },
+        async connect(parameters) {
+          const accounts = await provider.request({ method: "eth_requestAccounts" });
+          const chainId = await provider.request({ method: "eth_chainId" });
+          return {
+            accounts: accounts.map((account) => account),
+            chainId: Number(chainId)
+          };
+        },
+        async disconnect() {
+        },
+        async getAccounts() {
+          const accounts = await provider.request({ method: "eth_accounts" });
+          return accounts.map((account) => account);
+        },
+        async getChainId() {
+          const chainId = await provider.request({ method: "eth_chainId" });
+          return Number(chainId);
+        },
+        async isAuthorized() {
+          try {
+            const accounts = await provider.request({ method: "eth_accounts" });
+            return accounts.length > 0;
+          } catch {
+            return false;
+          }
+        },
+        getProvider() {
+          return provider;
+        },
+        async switchChain({ chainId: targetChainId }) {
+          var _a2, _b2;
+          const hexChainId = `0x${targetChainId.toString(16)}`;
+          const targetChain = targetChainId === arbitrum.id ? arbitrum : arbitrumSepolia;
+          try {
+            await provider.request({
+              method: "wallet_switchEthereumChain",
+              params: [{ chainId: hexChainId }]
+            });
+            return targetChain;
+          } catch (switchError) {
+            if (switchError.code === 4902 || switchError.code === -32603) {
+              try {
+                const explorerUrl = (_b2 = (_a2 = targetChain.blockExplorers) == null ? void 0 : _a2.default) == null ? void 0 : _b2.url;
+                await provider.request({
+                  method: "wallet_addEthereumChain",
+                  params: [{
+                    chainId: hexChainId,
+                    chainName: targetChain.name,
+                    nativeCurrency: {
+                      name: targetChain.nativeCurrency.name,
+                      symbol: targetChain.nativeCurrency.symbol,
+                      decimals: targetChain.nativeCurrency.decimals
+                    },
+                    rpcUrls: targetChain.rpcUrls.default.http,
+                    blockExplorerUrls: explorerUrl ? [explorerUrl] : void 0
+                  }]
+                });
+                return targetChain;
+              } catch (addError) {
+                throw new Error(`Failed to add chain: ${addError}`);
+              }
+            }
+            if (switchError.code === 4001) {
+              throw new Error("User rejected the chain switch.");
+            }
+            throw switchError;
+          }
+        },
+        onAccountsChanged(accounts) {
+          if (accounts.length === 0) {
+            config2.emitter.emit("disconnect");
+          } else {
+            config2.emitter.emit("change", { accounts: accounts.map((account) => account) });
+          }
+        },
+        onChainChanged(chainId) {
+          const chainIdNumber = typeof chainId === "string" ? Number.parseInt(chainId, 16) : Number(chainId);
+          config2.emitter.emit("change", { chainId: chainIdNumber });
+        },
+        onDisconnect() {
+          config2.emitter.emit("disconnect");
+        }
+      }));
+      await connect({ connector: customConnector, chainId: base3.id });
+      setIsModalOpen(false);
+    } catch (error) {
+      console.error(`Failed to connect ${walletName}:`, error);
+      if ((error == null ? void 0 : error.code) === 4001) {
+        console.error("User rejected the connection request.");
+      } else {
+        console.error(`Failed to connect ${walletName}. Please try again.`);
+      }
+    }
+  };
+  const handleEmailLogin = () => {
+    login({
+      loginMethods: ["email"]
+    });
+  };
+  const handleGoogleLogin = () => {
+    login({
+      loginMethods: ["google"]
+    });
+  };
+  const handleTwitterLogin = () => {
+    login({
+      loginMethods: ["twitter"]
+    });
+  };
+  useEffect(() => {
+    window.openModalPrivyConnect = () => {
+      setIsModalOpen(true);
+    };
+  }, []);
+  if (!isModalOpen) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  const handleConnectWalletSolana = async (walletList) => {
+    setIsModalOpen(false);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 oui-bg-black/80 flex items-center justify-end z-50",
+      onClick: () => setIsModalOpen(false),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "dialog",
+          "aria-describedby": "radix-:r2:",
+          "aria-labelledby": "radix-:r1:",
+          "data-state": "open",
+          className: "oui-fixed oui-z-50 oui-gap-4  oui-px-4 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out oui-inset-y-0 oui-right-0 oui-h-auto oui-w-3/4 my-4 py-4 oui-border mr-4 data-[state=closed]:oui-slide-out-to-right data-[state=open]:oui-slide-in-from-right sm:oui-max-w-sm !oui-p-4  !oui-bg-[#131519] !oui-border !oui-border-solid oui-border-line-12 oui-border-solid !oui-bottom-[30px] oui-right-3 oui-top-[48px] !oui-h-auto oui-w-[300px] oui-overflow-hidden rounded-[16px] oui-bg-[#131519]",
+          tabIndex: -1,
+          style: { pointerEvents: "auto" },
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsxs("div", { className: "oui-h-full oui-py-0 oui-border-none oui-relative", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "oui-absolute oui-inset-x-[50px] -oui-top-[calc(100vh/2)] oui-z-0 oui-h-screen",
+                style: {
+                  background: "conic-gradient(from -41deg at 40.63% 50.41%, rgba(242, 98, 181, 0) 125.179deg, rgba(95, 197, 255, 0.2) 193.412deg, rgba(255, 172, 137, 0.2) 216.021deg, rgba(129, 85, 255, 0.2) 236.071deg, rgba(120, 157, 255, 0.2) 259.953deg, rgba(159, 115, 241, 0) 311.078deg)",
+                  filter: "blur(50px)"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-gap-4 md:oui-gap-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-none oui-items-center oui-justify-between", children: [
+                /* @__PURE__ */ jsx("div", { className: "oui-font-semibold oui-text-base-contrast-80  oui-pb-2 oui-text-[20px] md:oui-py-0 md:oui-text-base", children: "Connect wallet" }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "24",
+                    height: "24",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80",
+                    onClick: () => setIsModalOpen(false),
+                    children: /* @__PURE__ */ jsx("path", { fill: "currentcolor", fillOpacity: "0.54", d: "M4.994 3.906c-.256 0-.523.086-.718.281a1.029 1.029 0 0 0 0 1.438l6.28 6.281-6.28 6.281a1.029 1.029 0 0 0 0 1.438c.39.39 1.047.39 1.437 0l6.281-6.28 6.282 6.28c.39.39 1.047.39 1.437 0 .39-.39.39-1.047 0-1.438l-6.281-6.28 6.281-6.282c.39-.39.39-1.047 0-1.438a1.013 1.013 0 0 0-.719-.28c-.256 0-.523.085-.718.28l-6.282 6.281-6.28-6.28a1.013 1.013 0 0 0-.72-.282Z" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "oui-relative oui-overflow-hidden oui-scroll-area-root oui-flex oui-grow oui-shrik oui-basis-auto oui-custom-scrollbar", style: { position: "relative" }, children: /* @__PURE__ */ jsx("div", { className: "oui-h-full oui-w-full oui-rounded-[inherit]", style: { overflow: "auto" }, children: /* @__PURE__ */ jsx("div", { style: { minWidth: "100%", display: "table" }, children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-4 md:oui-gap-5", children: [
+                /* @__PURE__ */ jsxs("div", { className: "oui-box oui-flex oui-flex-col oui-items-start oui-justify-start oui-flex-nowrap oui-gap-2 oui-w-full", children: [
+                  /* @__PURE__ */ jsx("div", { className: "oui-flex oui-items-center oui-justify-between oui-mb-3 oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: "Login in" }),
+                  /* @__PURE__ */ jsxs("div", { className: "oui-box oui-grid oui-grid-cols-1 oui-gap-2 oui-w-full", children: [
+                    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: handleEmailLogin,
+                        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px] oui-border-none oui-bg-[#333948]  w-full",
+                        children: [
+                          /* @__PURE__ */ jsx("img", { src: "https://oss.orderly.network/static/sdk/privy/email.svg", className: "oui-size-[18px]" }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "Email" })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: handleGoogleLogin,
+                        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px] oui-border-none oui-bg-[#335FFC]  w-full",
+                        children: [
+                          /* @__PURE__ */ jsx("img", { src: "https://oss.orderly.network/static/sdk/privy/google.svg", className: "oui-size-[18px]" }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "Google" })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: handleTwitterLogin,
+                        className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px] oui-border-none oui-bg-[#07080A] w-full",
+                        children: [
+                          /* @__PURE__ */ jsx("img", { src: "https://oss.orderly.network/static/sdk/privy/twitter.svg", className: "oui-size-[18px]" }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "X / Twitter" })
+                        ]
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "oui-mt-4 oui-flex oui-h-3 oui-justify-center", children: /* @__PURE__ */ jsx("img", { src: "https://oss.orderly.network/static/sdk/privy/privy-logo.png", className: "oui-h-[10px]" }) }),
+                  /* @__PURE__ */ jsx("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "", children: [
+                  /* @__PURE__ */ jsx("div", { className: "oui-mb-2 oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: "EVM" }),
+                  /* @__PURE__ */ jsxs("div", { className: "oui-grid oui-grid-cols-2 oui-gap-2", children: [
+                    connectors.map((connector) => /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: () => handleConnectWallet(connector),
+                        className: "oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px] oui-bg-[#07080A]",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsx(
+                            "img",
+                            {
+                              src: (connector.icon ? connector.icon : get(icon, connector.id, "")) || "",
+                              className: "oui-w-[18px] oui-h-[18px]",
+                              alt: connector.name
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: connector.name })
+                        ]
+                      },
+                      connector.id
+                    )),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: async () => {
+                          try {
+                            if (connectWallet) {
+                              await connectWallet({ walletList: ["metamask"] });
+                            }
+                            setIsModalOpen(false);
+                          } catch (error) {
+                            console.error("Failed to connect MetaMask:", error);
+                          }
+                        },
+                        className: "oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px] oui-bg-[#07080A]",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsx(
+                            "img",
+                            {
+                              src: "https://hype.what.exchange/icons/metamask-icon.png",
+                              className: "oui-w-[18px] oui-h-[18px]",
+                              alt: "MetaMask"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "MetaMask" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: async () => {
+                          try {
+                            if (connectWallet) {
+                              await connectWallet({ walletList: ["wallet_connect"] });
+                            }
+                            setIsModalOpen(false);
+                          } catch (error) {
+                            console.error("Failed to connect WalletConnect:", error);
+                          }
+                        },
+                        className: "oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px] oui-bg-[#07080A]",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsx(
+                            "img",
+                            {
+                              src: "https://hype.what.exchange/icons/walletconnect-icon.png",
+                              className: "oui-w-[18px] oui-h-[18px]",
+                              alt: "WalletConnect"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "WalletConnect" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: () => handleConnectSpecificWallet("brave"),
+                        className: "oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px] oui-bg-[#07080A]",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsx(
+                            "img",
+                            {
+                              src: "https://hype.what.exchange/icons/brave-icon.png",
+                              className: "oui-w-[18px] oui-h-[18px]",
+                              alt: "Brave Wallet",
+                              onError: (e) => {
+                                e.target.src = "https://hype.what.exchange/icons/metamask-icon.png";
+                              }
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "Brave Wallet" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: () => handleConnectSpecificWallet("binance"),
+                        className: "oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px]  oui-px-2 oui-py-[11px] oui-bg-[#07080A]",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "oui-w-[18px] oui-h-[18px] oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsx(
+                            "img",
+                            {
+                              src: "https://hype.what.exchange/icons/binance-icon.png",
+                              className: "oui-w-[18px] oui-h-[18px]",
+                              alt: "Binance Wallet",
+                              onError: (e) => {
+                                e.target.src = "https://hype.what.exchange/icons/metamask-icon.png";
+                              }
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-text-base-contrast", children: "Binance Wallet" })
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ] }) }) }) }),
+              /* @__PURE__ */ jsx("div", { className: "oui-box oui-flex oui-flex-col oui-items-center oui-justify-start oui-flex-nowrap oui-gap-4", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex-none oui-text-center oui-text-2xs oui-font-semibold  oui-text-base-contrast-80", children: [
+                "By connecting your wallet, you acknowledge and agree to the",
+                " ",
+                /* @__PURE__ */ jsx("a", { href: "termsofuse", className: "oui-cursor-pointer oui-text-primary oui-underline", target: "_blank", rel: "noreferrer", children: "terms of use" }),
+                "."
+              ] }) })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+
+// src/ModalPrivyWallets.tsx
+import { useEffect as useEffect2, useState } from "react";
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
+
+// node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef, createElement } from "react";
+
+// node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef2(
+    ({ className, ...props }, ref) => createElement2(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// node_modules/lucide-react/dist/esm/icons/copy.js
+var __iconNode = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+];
+var Copy = createLucideIcon("copy", __iconNode);
+
+// node_modules/lucide-react/dist/esm/icons/external-link.js
+var __iconNode2 = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+];
+var ExternalLink = createLucideIcon("external-link", __iconNode2);
+
+// node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode3 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode3);
+
+// src/ModalPrivyWallets.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var formatAddress = (address) => {
+  if (!address) return "";
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+};
+var CopyAddress = ({ address }) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(address);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy address:", err);
+    }
+  };
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      onClick: handleCopy,
+      className: " transition-colors duration-200 cursor-pointer",
+      children: copied ? "\u2713 Copied!" : /* @__PURE__ */ jsx2(Copy, { className: "w-4 h-4" })
+    }
+  );
+};
+var ModalPrivyWallet = () => {
+  const [isExpanded, setIsExpanded] = useState(true);
+  const { address, disconnect } = useWalletConnect();
+  const [isOpen, setIsOpen] = useState(false);
+  const [isClosing, setIsClosing] = useState(false);
+  const [isVisible, setIsVisible] = useState(false);
+  const safeAddress = address != null ? address : "";
+  useEffect2(() => {
+    window.openModalPrivyWallet = () => {
+      setIsOpen(true);
+    };
+  }, []);
+  useEffect2(() => {
+    if (isOpen) {
+      setIsVisible(false);
+      const t = requestAnimationFrame(() => setIsVisible(true));
+      return () => cancelAnimationFrame(t);
+    } else {
+      setIsVisible(false);
+    }
+  }, [isOpen]);
+  useEffect2(() => {
+    if (isOpen) {
+      const previous = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = previous;
+      };
+    }
+  }, [isOpen]);
+  const handleClose = () => {
+    if (isClosing) return;
+    setIsClosing(true);
+    setIsVisible(false);
+    setTimeout(() => {
+      setIsOpen(false);
+      setIsClosing(false);
+    }, 320);
+  };
+  const handleDisconnect = async () => {
+    await disconnect();
+    setIsOpen(false);
+  };
+  if (!isOpen) return /* @__PURE__ */ jsx2(Fragment2, {});
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: `fixed inset-0 z-40 transition-opacity duration-300 ${isClosing ? "opacity-0" : "opacity-100"} `,
+        style: { backgroundColor: "rgba(0,0,0,0.6)" },
+        onClick: handleClose
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        role: "dialog",
+        "aria-labelledby": "wallet-dialog-title",
+        className: "oui-fixed oui-z-50 oui-gap-4  oui-px-4 oui-shadow-lg oui-inset-y-0 oui-right-0 oui-h-auto oui-w-3/4 my-4 py-4 oui-border mr-4 sm:oui-max-w-sm !oui-p-4  !oui-bg-[#131519] !oui-border !oui-border-solid oui-border-line-12 oui-border-solid !oui-bottom-[30px] oui-right-3 oui-top-[48px] !oui-h-auto oui-w-[300px] oui-overflow-hidden rounded-[16px] oui-bg-[#131519]",
+        tabIndex: -1,
+        style: {
+          pointerEvents: isClosing ? "none" : "auto",
+          willChange: "transform, opacity",
+          transform: isVisible && !isClosing ? "translateX(0%)" : "translateX(100%)",
+          opacity: isVisible && !isClosing ? 1 : 0,
+          transition: "transform 300ms ease, opacity 300ms ease"
+        },
+        children: /* @__PURE__ */ jsxs2("div", { className: "oui-h-full oui-py-0 oui-border-none oui-relative", children: [
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              className: "oui-absolute oui-inset-x-[50px] -oui-top-[calc(100vh/2)] oui-z-0 oui-h-screen",
+              style: {
+                background: "conic-gradient(from -41deg at 40.63% 50.41%, rgba(242, 98, 181, 0) 125.179deg, rgba(95, 197, 255, 0.2) 193.412deg, rgba(255, 172, 137, 0.2) 216.021deg, rgba(129, 85, 255, 0.2) 236.071deg, rgba(120, 157, 255, 0.2) 259.953deg, rgba(159, 115, 241, 0) 311.078deg)",
+                filter: "blur(50px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-gap-4 md:oui-gap-5", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "oui-flex oui-flex-none oui-items-center oui-justify-between", children: [
+              /* @__PURE__ */ jsx2("div", { id: "wallet-dialog-title", className: "oui-font-semibold oui-text-base-contrast-80  oui-pb-2 oui-text-[20px] md:oui-py-0 md:oui-text-base", children: "My wallet" }),
+              /* @__PURE__ */ jsx2("button", { className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80", onClick: handleClose, children: /* @__PURE__ */ jsx2(X, { size: 24 }) })
+            ] }),
+            /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2("div", { className: "oui-flex oui-flex-col oui-gap-5", children: /* @__PURE__ */ jsxs2("div", { className: "oui-relative oui-h-[110px] oui-overflow-hidden oui-rounded-2xl  oui-p-4 oui-bg-[#283BEE]", children: [
+              /* @__PURE__ */ jsx2(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    right: "-20px",
+                    background: 'url("https://oss.orderly.network/static/sdk/wallet-card-bg.png") center center / contain no-repeat',
+                    width: 110,
+                    height: 110,
+                    zIndex: 0
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-justify-between", children: /* @__PURE__ */ jsxs2("div", { className: "oui-flex oui-items-center oui-justify-between", children: [
+                /* @__PURE__ */ jsx2("div", { className: "oui-text-sm oui-font-semibold oui-text-base-contrast", children: formatAddress(safeAddress) }),
+                /* @__PURE__ */ jsxs2("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2", children: [
+                  /* @__PURE__ */ jsx2(CopyAddress, { address: safeAddress }),
+                  /* @__PURE__ */ jsx2("button", { className: "oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast", onClick: handleDisconnect, children: /* @__PURE__ */ jsx2(ExternalLink, { size: 16 }) })
+                ] })
+              ] }) })
+            ] }) }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+
+// src/WhatWagmiProvider.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function WhatWagmiProvider({
+  children,
+  privyKey = ""
+}) {
+  return /* @__PURE__ */ jsx3(
+    PrivyProvider,
+    {
+      appId: privyKey,
+      config: {
+        loginMethods: ["email", "google", "twitter", "wallet"],
+        appearance: {
+          theme: "dark",
+          accentColor: "#3B82F6",
+          walletList: ["metamask", "rainbow", "wallet_connect"],
+          walletChainType: "ethereum-and-solana"
+        }
+      },
+      children: /* @__PURE__ */ jsxs3(WagmiProvider, { config, children: [
+        children,
+        /* @__PURE__ */ jsx3(ModalPrivyConnect, {}),
+        /* @__PURE__ */ jsx3(ModalPrivyWallet, {})
+      ] })
+    }
+  );
+}
+export {
+  WhatWagmiProvider
+};
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/copy.js:
+lucide-react/dist/esm/icons/external-link.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.554.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/