@latticexyz/entrykit 2.2.21-1d354b89f3aeb28e9dc085bdde27647a7ba6d8ae → 2.2.21-303714d89811a01be2802c32f4f6876fa81e5df9

package/dist/tsup/exports/internal.js

@@ -8,7 +8,14 @@ function defineConfig(input) {
 }
 
 // src/ui/Modal.tsx
-import { Root as DialogRoot, DialogPortal, DialogContent } from "@radix-ui/react-dialog";
+import { useEffect as useEffect2 } from "react";
+import {
+  Root as DialogRoot,
+  DialogPortal,
+  DialogContent,
+  DialogTitle,
+  DialogDescription
+} from "@radix-ui/react-dialog";
 
 // src/ui/Shadow.tsx
 import { forwardRef, useEffect, useRef, useState } from "react";
@@ -300,6 +307,19 @@ var Shadow = forwardRef(function Shadow2({ mode, children }, forwardedRef) {
 import { twMerge } from "tailwind-merge";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function Modal({ open, onOpenChange, children }) {
+  useEffect2(() => {
+    function onKeyDown(event) {
+      if (event.defaultPrevented) return;
+      if (event.key === "Escape" && open) {
+        event.preventDefault();
+        onOpenChange?.(false);
+      }
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [onOpenChange, open]);
   return /* @__PURE__ */ jsx4(DialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx4(DialogPortal, { children: /* @__PURE__ */ jsxs2(Shadow, { mode: "modal", children: [
     /* @__PURE__ */ jsx4("div", { className: twMerge("fixed inset-0", "bg-neutral-800/85", "animate-in animate-duration-300 fade-in") }),
     /* @__PURE__ */ jsx4(
@@ -310,17 +330,11 @@ function Modal({ open, onOpenChange, children }) {
           "grid items-end sm:items-center",
           "animate-in animate-duration-300 fade-in slide-in-from-bottom-16"
         ),
-        children: /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
-          DialogContent,
-          {
-            className: "outline-none w-full max-w-[26rem] mx-auto",
-            "aria-describedby": void 0,
-            onOpenAutoFocus: (event) => {
-              event.preventDefault();
-            },
-            children
-          }
-        ) })
+        children: /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsxs2(DialogContent, { className: "outline-none w-full max-w-[26rem] mx-auto", children: [
+          /* @__PURE__ */ jsx4(DialogTitle, { className: "sr-only", children: "EntryKit" }),
+          /* @__PURE__ */ jsx4(DialogDescription, { className: "sr-only", children: "Sign in to this app" }),
+          children
+        ] }) })
       }
     )
   ] }) }) });
@@ -495,13 +509,13 @@ function AppInfo() {
 
 // src/ConnectWallet.tsx
 import { twMerge as twMerge5 } from "tailwind-merge";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState as useState2 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ConnectWallet() {
   const userAccount = useAccount();
   const { openConnectModal, connectModalOpen } = useConnectModal();
   const [hasAutoOpened, setHasAutoOpened] = useState2(false);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!connectModalOpen && !hasAutoOpened) {
       openConnectModal?.();
       setHasAutoOpened(true);
@@ -531,7 +545,7 @@ function ConnectWallet() {
 }
 
 // src/onboarding/ConnectedSteps.tsx
-import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
 import { twMerge as twMerge7 } from "tailwind-merge";
 
 // src/onboarding/common.ts
@@ -992,10 +1006,10 @@ function removeError(error2) {
 }
 
 // src/errors/useShowMutationError.ts
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 function useShowMutationError(result) {
   const { error: error2, reset } = result;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!error2) return;
     return addError({ error: error2, dismiss: reset });
   }, [error2, reset]);
@@ -1130,13 +1144,13 @@ function Balance({ wei }) {
 }
 
 // src/onboarding/quarry/Allowance.tsx
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // src/errors/useShowQueryError.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 function useShowQueryError(result) {
   const { error: error2, refetch } = result;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!error2) return;
     return addError({ error: error2, retry: refetch, dismiss: () => {
     } });
@@ -1149,7 +1163,7 @@ import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function Allowance({ isActive, isExpanded, userAddress }) {
   const allowance = useShowQueryError(useAllowance(userAddress));
   const claimGasPass2 = useShowMutationError(useClaimGasPass());
-  useEffect5(() => {
+  useEffect6(() => {
     const timer = setTimeout(() => {
       if (isActive && claimGasPass2.status === "idle" && allowance.isSuccess && allowance.data != null && allowance.data < minGasBalance) {
         claimGasPass2.mutate(userAddress);
@@ -1376,7 +1390,7 @@ function useSetupSession({ userClient }) {
 }
 
 // src/onboarding/Session.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 
 // src/useSessionClient.ts
 import { useClient as useClient8 } from "wagmi";
@@ -1502,7 +1516,7 @@ function Session({ isActive, isExpanded, userClient, registerSpender, registerDe
   const sessionClient = useShowQueryError(useSessionClient(userClient.account.address));
   const setup = useShowMutationError(useSetupSession({ userClient }));
   const hasSession = !registerDelegation && !registerDelegation;
-  useEffect6(() => {
+  useEffect7(() => {
     const timer = setTimeout(() => {
       if (isActive && setup.status === "idle" && sessionClient.data && !hasSession) {
         setup.mutate({
@@ -1560,9 +1574,15 @@ var relayChains_default = {
   "111": {
     bridgeUrl: "https://testnets.relay.link/bridge/bob"
   },
+  "130": {
+    bridgeUrl: "https://relay.link/bridge/unichain"
+  },
   "137": {
     bridgeUrl: "https://relay.link/bridge/polygon"
   },
+  "146": {
+    bridgeUrl: "https://relay.link/bridge/sonic"
+  },
   "185": {
     bridgeUrl: "https://relay.link/bridge/mint"
   },
@@ -1581,6 +1601,9 @@ var relayChains_default = {
   "690": {
     bridgeUrl: "https://relay.link/bridge/redstone"
   },
+  "747": {
+    bridgeUrl: "https://relay.link/bridge/flow-evm"
+  },
   "919": {
     bridgeUrl: "https://testnets.relay.link/bridge/mode-testnet"
   },
@@ -1596,18 +1619,30 @@ var relayChains_default = {
   "1329": {
     bridgeUrl: "https://relay.link/bridge/sei"
   },
+  "1424": {
+    bridgeUrl: "https://relay.link/bridge/perennial"
+  },
+  "1514": {
+    bridgeUrl: "https://relay.link/bridge/story"
+  },
   "1625": {
     bridgeUrl: "https://relay.link/bridge/gravity"
   },
   "1868": {
     bridgeUrl: "https://relay.link/bridge/soneium"
   },
+  "1923": {
+    bridgeUrl: "https://relay.link/bridge/swellchain"
+  },
   "1993": {
     bridgeUrl: "https://testnets.relay.link/bridge/b3"
   },
   "1996": {
     bridgeUrl: "https://relay.link/bridge/sanko"
   },
+  "2187": {
+    bridgeUrl: "https://relay.link/bridge/game7"
+  },
   "2741": {
     bridgeUrl: "https://relay.link/bridge/abstract"
   },
@@ -1677,6 +1712,9 @@ var relayChains_default = {
   "42170": {
     bridgeUrl: "https://relay.link/bridge/arbitrum-nova"
   },
+  "42220": {
+    bridgeUrl: "https://relay.link/bridge/celo"
+  },
   "43114": {
     bridgeUrl: "https://relay.link/bridge/avalanche"
   },
@@ -1707,12 +1745,18 @@ var relayChains_default = {
   "80002": {
     bridgeUrl: "https://testnets.relay.link/bridge/amoy"
   },
+  "80094": {
+    bridgeUrl: "https://relay.link/bridge/berachain"
+  },
   "81457": {
     bridgeUrl: "https://relay.link/bridge/blast"
   },
   "84532": {
     bridgeUrl: "https://testnets.relay.link/bridge/base-sepolia"
   },
+  "167000": {
+    bridgeUrl: "https://relay.link/bridge/taiko"
+  },
   "167009": {
     bridgeUrl: "https://testnets.relay.link/bridge/hekla"
   },
@@ -1728,6 +1772,9 @@ var relayChains_default = {
   "660279": {
     bridgeUrl: "https://relay.link/bridge/xai"
   },
+  "695569": {
+    bridgeUrl: "https://testnets.relay.link/bridge/pyrope"
+  },
   "911867": {
     bridgeUrl: "https://testnets.relay.link/bridge/odyssey"
   },
@@ -1740,6 +1787,9 @@ var relayChains_default = {
   "3397901": {
     bridgeUrl: "https://testnets.relay.link/bridge/funki-testnet"
   },
+  "3441006": {
+    bridgeUrl: "https://testnets.relay.link/bridge/manta-pacific-testnet"
+  },
   "4457845": {
     bridgeUrl: "https://testnets.relay.link/bridge/zero-sepolia"
   },
@@ -1767,6 +1817,9 @@ var relayChains_default = {
   "792703809": {
     bridgeUrl: "https://relay.link/bridge/solana"
   },
+  "845320008": {
+    bridgeUrl: "https://testnets.relay.link/bridge/lordchain-testnet"
+  },
   "888888888": {
     bridgeUrl: "https://relay.link/bridge/ancient8"
   },
@@ -1878,7 +1931,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
   const paymaster = getPaymaster(chain);
   const userAddress = userClient.account.address;
   const { data: prerequisites, error: prerequisitesError } = usePrerequisites(userAddress);
-  useEffect7(() => {
+  useEffect8(() => {
     if (prerequisitesError) {
       console.error("Could not get prerequisites", prerequisitesError);
     }
@@ -1886,7 +1939,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
   const { closeAccountModal } = useAccountModal();
   const isNewConnection = userAddress !== initialUserAddress;
   const initialPrerequisites = useRef2(prerequisites);
-  useEffect7(() => {
+  useEffect8(() => {
     if (prerequisites == null) return;
     if (initialPrerequisites.current == null) {
       initialPrerequisites.current = prerequisites;
@@ -1975,7 +2028,7 @@ function AccountModalContent() {
 }
 
 // src/AccountModal.tsx
-import { DialogClose, DialogTitle } from "@radix-ui/react-dialog";
+import { DialogClose } from "@radix-ui/react-dialog";
 
 // src/icons/IconSVG.tsx
 import { twMerge as twMerge8 } from "tailwind-merge";
@@ -2015,11 +2068,11 @@ import { ErrorBoundary } from "react-error-boundary";
 
 // src/errors/ErrorOverlay.tsx
 import { wait } from "@latticexyz/common/utils";
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect9 } from "react";
 import { twMerge as twMerge9 } from "tailwind-merge";
 import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function ErrorOverlay({ error: error2, retry, dismiss }) {
-  useEffect8(() => {
+  useEffect9(() => {
     if (error2) {
       console.error(error2);
     }
@@ -2113,51 +2166,48 @@ function ErrorsOverlay() {
 import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function AccountModal() {
   const { accountModalOpen, toggleAccountModal } = useAccountModal();
-  return /* @__PURE__ */ jsxs16(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: [
-    /* @__PURE__ */ jsx24(DialogTitle, { className: "sr-only", children: "Connect with EntryKit" }),
-    accountModalOpen ? /* @__PURE__ */ jsxs16(
-      "div",
-      {
-        className: twMerge10(
-          "relative py-2 ring-1",
-          "bg-neutral-900 text-neutral-400 ring-neutral-700/50",
-          "links:font-medium links:underline links:underline-offset-4",
-          "links:text-white",
-          "links:decoration-neutral-500 hover:links:decoration-orange-500"
+  return /* @__PURE__ */ jsx24(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: accountModalOpen ? /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      className: twMerge10(
+        "relative py-2 ring-1",
+        "bg-neutral-900 text-neutral-400 ring-neutral-700/50",
+        "links:font-medium links:underline links:underline-offset-4",
+        "links:text-white",
+        "links:decoration-neutral-500 hover:links:decoration-orange-500"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs16(ErrorBoundary, { FallbackComponent: ErrorFallback, children: [
+          /* @__PURE__ */ jsx24(AccountModalContent, {}),
+          /* @__PURE__ */ jsx24(ErrorsOverlay, {})
+        ] }),
+        /* @__PURE__ */ jsxs16(
+          "a",
+          {
+            href: "https://mud.dev",
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "group self-center p-3 flex items-center justify-center gap-2 links-unset text-sm font-mono transition text-neutral-400 hover:text-white",
+            children: [
+              /* @__PURE__ */ jsx24("span", { className: "block w-4 h-4", children: /* @__PURE__ */ jsx24(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
+              /* @__PURE__ */ jsx24("span", { children: "Powered by MUD" })
+            ]
+          }
         ),
-        children: [
-          /* @__PURE__ */ jsx24("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx24(
-            DialogClose,
-            {
-              className: twMerge10(
-                "pointer-events-auto leading-none p-2 transition",
-                "text-white/20 hover:text-white/40"
-              ),
-              title: "Close",
-              children: /* @__PURE__ */ jsx24(CloseIcon, { className: "m-0" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxs16(ErrorBoundary, { FallbackComponent: ErrorFallback, children: [
-            /* @__PURE__ */ jsx24(AccountModalContent, {}),
-            /* @__PURE__ */ jsx24(ErrorsOverlay, {})
-          ] }),
-          /* @__PURE__ */ jsxs16(
-            "a",
-            {
-              href: "https://mud.dev",
-              target: "_blank",
-              rel: "noreferrer noopener",
-              className: "group self-center p-3 flex items-center justify-center gap-2 links-unset text-sm font-mono transition text-neutral-400 hover:text-white",
-              children: [
-                /* @__PURE__ */ jsx24("span", { className: "block w-4 h-4", children: /* @__PURE__ */ jsx24(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
-                /* @__PURE__ */ jsx24("span", { children: "Powered by MUD" })
-              ]
-            }
-          )
-        ]
-      }
-    ) : null
-  ] });
+        /* @__PURE__ */ jsx24("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx24(
+          DialogClose,
+          {
+            className: twMerge10(
+              "pointer-events-auto leading-none p-2 transition",
+              "text-white/20 hover:text-white/40"
+            ),
+            title: "Close",
+            children: /* @__PURE__ */ jsx24(CloseIcon, { className: "m-0" })
+          }
+        ) })
+      ]
+    }
+  ) : null });
 }
 
 // src/EntryKitProvider.tsx