@thenamespace/ens-components 0.13.0 → 0.15.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React52 from 'react';
 import React52__default, { forwardRef, createElement, useState, useRef, useEffect, useMemo, useCallback, createContext, useContext, Fragment as Fragment$1, useReducer } from 'react';
-import require$$0$4, { isAddress as isAddress$2, keccak256 as keccak256$1, toHex as toHex$2, namehash as namehash$2, encodeFunctionData, parseAbi, UserRejectedRequestError, http as http$1, fallback, fromHex as fromHex$1, encodePacked, formatEther, createPublicClient, getContract, zeroHash, BaseError as BaseError$1, getContractError, decodeFunctionResult, offchainLookup, bytesToHex as bytesToHex$3, hexToBytes as hexToBytes$3, stringToBytes as stringToBytes$2, concat as concat$1, hexToString, decodeErrorResult, CallExecutionError, labelhash, bytesToString as bytesToString$2, toBytes as toBytes$1, trim as trim$1, zeroAddress, decodeAbiParameters, hexToBigInt, getAddress as getAddress$1, encodeAbiParameters, parseEther } from 'viem';
-import require$$0$3, { mainnet, base as base$3, arbitrum, polygon, optimism, zora, celo as celo$1, sepolia, baseSepolia, holesky } from 'viem/chains';
+import require$$0$5, { isAddress as isAddress$2, keccak256 as keccak256$1, toHex as toHex$2, namehash as namehash$2, encodeFunctionData, parseAbi, UserRejectedRequestError, http as http$1, fallback, fromHex as fromHex$1, encodePacked, formatEther, createPublicClient, getContract, zeroHash, BaseError as BaseError$1, getContractError, decodeFunctionResult, offchainLookup, bytesToHex as bytesToHex$3, hexToBytes as hexToBytes$3, stringToBytes as stringToBytes$2, concat as concat$1, hexToString, decodeErrorResult, CallExecutionError, labelhash, bytesToString as bytesToString$2, toBytes as toBytes$1, trim as trim$1, zeroAddress, decodeAbiParameters, hexToBigInt, getAddress as getAddress$1, encodeAbiParameters, parseEther } from 'viem';
+import require$$0$4, { mainnet, base as base$3, arbitrum, polygon, optimism, zora, celo as celo$1, sepolia, baseSepolia, holesky } from 'viem/chains';
 import { usePublicClient, useWalletClient, useAccount, createConfig, http, createConnector, useAccountEffect, useConfig, useBalance, useConnect, useDisconnect, useSwitchChain, useSignMessage, useEnsName, useEnsAvatar, useGasPrice, useWaitForTransactionReceipt, useReadContract, useChainId as useChainId$1, useChains, createStorage, WagmiProvider } from 'wagmi';
 import { normalize as normalize$1 } from 'viem/ens';
 import { mainnet as mainnet$1, base as base$4, optimism as optimism$1, baseSepolia as baseSepolia$1, sepolia as sepolia$1 } from 'wagmi/chains';
@@ -15,7 +15,7 @@ import { useCapabilities, useWriteContracts } from 'wagmi/experimental';
 import { call } from 'viem/actions';
 import 'viem/siwe';
 import crypto$3 from 'crypto';
-import require$$0$2 from 'url';
+import require$$0$3 from 'url';
 import require$$1$1 from 'http';
 import require$$2$1 from 'https';
 import http2 from 'http2';
@@ -8085,11 +8085,11 @@ const iost$3 = {
 const name$2T = "iota";
 const coinType$2T = 4218;
 const hrp$E = "iota";
-const version$i = new Uint8Array([0x00]);
+const version$k = new Uint8Array([0x00]);
 const iotaBech32Encode$1 = createBech32Encoder$1(hrp$E);
 const iotaBech32Decode$1 = createBech32Decoder$1(hrp$E);
 const encodeIotaAddress$1 = (source) => {
-    return iotaBech32Encode$1(concatBytes(version$i, source));
+    return iotaBech32Encode$1(concatBytes(version$k, source));
 };
 const decodeIotaAddress$1 = (source) => {
     const decoded = iotaBech32Decode$1(source);
@@ -10241,10 +10241,6 @@ var _brrp__multiformats_scope_baseX = src$1;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
 function getAugmentedNamespace(n) {
   if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
   var f = n.default;
@@ -10274,6 +10270,20 @@ function getAugmentedNamespace(n) {
 	return a;
 }
 
+var _interface$2 = {};
+
+var hasRequired_interface$2;
+
+function require_interface$2 () {
+	if (hasRequired_interface$2) return _interface$2;
+	hasRequired_interface$2 = 1;
+	// this is dummy module overlayed by interface.ts
+	return _interface$2;
+}
+
+var _interfaceExports$2 = require_interface$2();
+_interfaceExports$2.default;
+
 /**
  * Class represents both BaseEncoder and MultibaseEncoder meaning it
  * can be used to encode to multibase or base encode without multibase
@@ -10897,6 +10907,20 @@ let Digest$1 = class Digest {
   }
 };
 
+var _interface$1 = {};
+
+var hasRequired_interface$1;
+
+function require_interface$1 () {
+	if (hasRequired_interface$1) return _interface$1;
+	hasRequired_interface$1 = 1;
+	// this is dummy module overlayed by interface.ts
+	return _interface$1;
+}
+
+var _interfaceExports$1 = require_interface$1();
+_interfaceExports$1.default;
+
 /**
  * @template {API.Link<unknown, number, number, API.Version>} T
  * @template {string} Prefix
@@ -11468,6 +11492,20 @@ const encodeCID$1 = (version, code, multihash) => {
 
 const cidSymbol$1 = Symbol.for('@ipld/js-cid/CID');
 
+var _interface = {};
+
+var hasRequired_interface;
+
+function require_interface () {
+	if (hasRequired_interface) return _interface;
+	hasRequired_interface = 1;
+	// this is dummy module overlayed by interface.ts
+	return _interface;
+}
+
+var _interfaceExports = require_interface();
+_interfaceExports.default;
+
 const base36$1 = baseX({
   prefix: 'k',
   name: 'base36',
@@ -13335,6 +13373,7 @@ function RegistrationStep({
   onDurationChange,
   onUseAsPrimaryChange,
   onCompleteProfile,
+  onRecordsChange,
   mintPrice = 0,
   isFetchingPrice = false,
   expiryYears = 1,
@@ -13346,10 +13385,58 @@ function RegistrationStep({
   const [ownerAddress, setOwnerAddress] = useState(owner);
   const [isOwnerExpanded, setIsOwnerExpanded] = useState(true);
   const [isDurationExpanded, setIsDurationExpanded] = useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [records, setRecords] = useState({
+    addresses: [],
+    texts: []
+  });
+  const [initialRecords, setInitialRecords] = useState({
+    addresses: [],
+    texts: []
+  });
   const costBreakdownRef = useRef(null);
+  const eth_address = getSupportedAddressByName("eth");
+  const celo_address = getSupportedAddressByName("celo");
   useEffect(() => {
     setOwnerAddress(owner);
   }, [owner]);
+  useEffect(() => {
+    if (ownerAddress && ownerAddress.length > 0 && records.addresses.length === 0) {
+      const newAddresses = [];
+      if (eth_address) {
+        newAddresses.push({ coinType: eth_address.coinType, value: ownerAddress });
+      }
+      if (celo_address) {
+        newAddresses.push({ coinType: celo_address.coinType, value: ownerAddress });
+      }
+      if (newAddresses.length > 0) {
+        setRecords((prevRecords) => ({
+          ...prevRecords,
+          addresses: newAddresses
+        }));
+      }
+    }
+  }, [ownerAddress]);
+  const recordsToAdd = useMemo(() => {
+    let count = 0;
+    records.texts.forEach((text) => {
+      if (text.value.length > 0) {
+        count++;
+      }
+    });
+    records.addresses.forEach((addr) => {
+      const supportedAddr = getSupportedAddressByCoin(addr.coinType);
+      if (supportedAddr) {
+        if (addr.value.length > 0 && supportedAddr.validateFunc?.(addr.value)) {
+          count++;
+        }
+      }
+    });
+    if (records.contenthash && records.contenthash.value.length > 0) {
+      count++;
+    }
+    return count;
+  }, [records]);
   useEffect(() => {
     if (isDurationExpanded && costBreakdownRef.current) {
       setTimeout(() => {
@@ -13381,6 +13468,20 @@ function RegistrationStep({
     setOwnerAddress(value);
     onOwnerChange?.(value);
   };
+  const handleAddProfile = () => {
+    setIsModalOpen(true);
+  };
+  const handleRecordsAdded = () => {
+    const _initialRecords = deepCopy$2(records);
+    setInitialRecords(_initialRecords);
+    onRecordsChange?.(records);
+    setIsModalOpen(false);
+    onCompleteProfile?.();
+  };
+  const handleRecordsCancel = () => {
+    setRecords(deepCopy$2(initialRecords));
+    setIsModalOpen(false);
+  };
   const fullName = name.includes(".") ? name : `${name}.${domainSuffix}`;
   return /* @__PURE__ */ jsxs("div", { className: "ns-onchain-register-card", children: [
     onClose && /* @__PURE__ */ jsx("button", { className: "ns-onchain-register-close-btn", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 20 }) }),
@@ -13492,7 +13593,7 @@ function RegistrationStep({
       "div",
       {
         className: "ns-onchain-register-profile-card",
-        onClick: onCompleteProfile,
+        onClick: handleAddProfile,
         children: [
           /* @__PURE__ */ jsx("div", { className: "ns-onchain-register-profile-icon", children: /* @__PURE__ */ jsx("img", { src: img$2, alt: "Profile Icon" }) }),
           /* @__PURE__ */ jsxs("div", { className: "ns-onchain-register-profile-text", children: [
@@ -13539,7 +13640,65 @@ function RegistrationStep({
           children: "Register"
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        isOpen: isModalOpen,
+        onClose: () => setIsModalOpen(false),
+        size: "md",
+        footer: null,
+        isDismissDisabled: true,
+        style: { maxWidth: "500px" },
+        children: /* @__PURE__ */ jsxs("div", { style: { margin: "-20px", padding: 0 }, children: [
+          /* @__PURE__ */ jsx(
+            SelectRecordsForm,
+            {
+              records,
+              onRecordsUpdated: (updatedRecords) => {
+                setRecords(updatedRecords);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                background: "#f4f4f4",
+                gap: "7px",
+                display: "flex",
+                padding: "4px"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    onClick: handleRecordsCancel,
+                    variant: "outline",
+                    style: { width: "50%" },
+                    size: "lg",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    onClick: handleRecordsAdded,
+                    size: "lg",
+                    style: { width: "50%" },
+                    children: [
+                      "Add (",
+                      recordsToAdd,
+                      ")"
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
   ] });
 }
 
@@ -13801,6 +13960,7 @@ function requireTweenFunctions () {
 }
 
 var tweenFunctionsExports = requireTweenFunctions();
+tweenFunctionsExports.default;
 
 function degreesToRads(degrees) {
     return (degrees * Math.PI) / 180;
@@ -19924,6 +20084,7 @@ function requireUaParser () {
 }
 
 var uaParserExports = requireUaParser();
+uaParserExports.default;
 
 /*!
 Copyright (c) 2023 Paul Miller (paulmillr.com)
@@ -28129,6 +28290,7 @@ function requireDist$3 () {
 }
 
 var distExports$3 = requireDist$3();
+distExports$3.default;
 
 const getL1NamespaceContracts = () => {
   return distExports$3.getL1NamespaceContracts(AppEnv.isTestnet);
@@ -32802,9 +32964,9 @@ function requireSha3$1 () {
 }
 
 var sha3Exports = requireSha3$1();
-var sha3$1 = /*@__PURE__*/getDefaultExportFromCjs(sha3Exports);
+var sha3$1 = sha3Exports.default;
 
-const version$h = "logger/5.8.0";
+const version$j = "logger/5.8.0";
 
 let _permanentCensorErrors$1 = false;
 let _censorErrors$1 = false;
@@ -33119,7 +33281,7 @@ let Logger$2 = class Logger {
     }
     static globalLogger() {
         if (!_globalLogger$1) {
-            _globalLogger$1 = new Logger(version$h);
+            _globalLogger$1 = new Logger(version$j);
         }
         return _globalLogger$1;
     }
@@ -33155,9 +33317,9 @@ let Logger$2 = class Logger {
 Logger$2.errors = ErrorCode$2;
 Logger$2.levels = LogLevel$3;
 
-const version$g = "bytes/5.8.0";
+const version$i = "bytes/5.8.0";
 
-const logger$j = new Logger$2(version$g);
+const logger$j = new Logger$2(version$i);
 ///////////////////////////////
 function isHexable(value) {
     return !!(value.toHexString);
@@ -33570,7 +33732,7 @@ var _nodeResolve_empty$1 = /*#__PURE__*/Object.freeze({
   default: _nodeResolve_empty
 });
 
-var require$$0$1 = /*@__PURE__*/getAugmentedNamespace(_nodeResolve_empty$1);
+var require$$0$2 = /*@__PURE__*/getAugmentedNamespace(_nodeResolve_empty$1);
 
 var bn = bn$1.exports;
 
@@ -33634,7 +33796,7 @@ function requireBn () {
 		    if (typeof window !== 'undefined' && typeof window.Buffer !== 'undefined') {
 		      Buffer = window.Buffer;
 		    } else {
-		      Buffer = require$$0$1.Buffer;
+		      Buffer = require$$0$2.Buffer;
 		    }
 		  } catch (e) {
 		  }
@@ -36934,12 +37096,12 @@ function requireBn () {
 }
 
 var bnExports = requireBn();
-var BN$1 = /*@__PURE__*/getDefaultExportFromCjs(bnExports);
+var BN$1 = bnExports.default;
 
-const version$f = "bignumber/5.8.0";
+const version$h = "bignumber/5.8.0";
 
 var BN = BN$1.BN;
-const logger$i = new Logger$2(version$f);
+const logger$i = new Logger$2(version$h);
 const _constructorGuard$2 = {};
 const MAX_SAFE = 0x1fffffffffffff;
 function isBigNumberish(value) {
@@ -37227,7 +37389,7 @@ function _base36To16(value) {
     return (new BN(value, 36)).toString(16);
 }
 
-const logger$h = new Logger$2(version$f);
+const logger$h = new Logger$2(version$h);
 const _constructorGuard$1 = {};
 const Zero$2 = BigNumber.from(0);
 const NegativeOne$1 = BigNumber.from(-1);
@@ -37585,9 +37747,9 @@ const Zero$1 = ( /*#__PURE__*/BigNumber.from(0));
 
 const HashZero = "0x0000000000000000000000000000000000000000000000000000000000000000";
 
-const version$e = "strings/5.8.0";
+const version$g = "strings/5.8.0";
 
-const logger$g = new Logger$2(version$e);
+const logger$g = new Logger$2(version$g);
 ///////////////////////////////
 var UnicodeNormalizationForm$1;
 (function (UnicodeNormalizationForm) {
@@ -37851,7 +38013,7 @@ function id(text) {
     return keccak256(toUtf8Bytes(text));
 }
 
-const version$d = "hash/5.8.0";
+const version$f = "hash/5.8.0";
 
 function decode$m(textData) {
     textData = atob(textData);
@@ -38287,7 +38449,7 @@ function consume_emoji_reversed$1(cps, eaten) {
     return emoji;
 }
 
-const logger$f = new Logger$2(version$d);
+const logger$f = new Logger$2(version$f);
 const Zeros = new Uint8Array(32);
 Zeros.fill(0);
 function checkComponent(comp) {
@@ -38343,9 +38505,9 @@ function dnsEncode(name) {
     }))) + "00";
 }
 
-const version$c = "rlp/5.8.0";
+const version$e = "rlp/5.8.0";
 
-const logger$e = new Logger$2(version$c);
+const logger$e = new Logger$2(version$e);
 function arrayifyInteger(value) {
     const result = [];
     while (value) {
@@ -38460,9 +38622,9 @@ function decode$l(data) {
     return decoded.result;
 }
 
-const version$b = "address/5.8.0";
+const version$d = "address/5.8.0";
 
-const logger$d = new Logger$2(version$b);
+const logger$d = new Logger$2(version$d);
 function getChecksumAddress(address) {
     if (!isHexString(address, 20)) {
         logger$d.throwArgumentError("invalid address", "address", address);
@@ -38564,7 +38726,7 @@ function getContractAddress(transaction) {
     return getAddress(hexDataSlice(keccak256(encode$m([from, nonce])), 12));
 }
 
-const version$a = "properties/5.8.0";
+const version$c = "properties/5.8.0";
 
 var __awaiter$9 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -38575,7 +38737,7 @@ var __awaiter$9 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$c = new Logger$2(version$a);
+const logger$c = new Logger$2(version$c);
 function defineReadOnly$1(object, name, value) {
     Object.defineProperty(object, name, {
         enumerable: true,
@@ -38698,7 +38860,7 @@ var __awaiter$8 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$b = new Logger$2(version$d);
+const logger$b = new Logger$2(version$f);
 const padding = new Uint8Array(32);
 padding.fill(0);
 const NegativeOne = BigNumber.from(-1);
@@ -40236,20 +40398,20 @@ AxiosError$1.from = (error, code, config, request, response, customProps) => {
   return axiosError;
 };
 
-var browser$1;
-var hasRequiredBrowser$1;
+var browser$2;
+var hasRequiredBrowser$2;
 
-function requireBrowser$1 () {
-	if (hasRequiredBrowser$1) return browser$1;
-	hasRequiredBrowser$1 = 1;
+function requireBrowser$2 () {
+	if (hasRequiredBrowser$2) return browser$2;
+	hasRequiredBrowser$2 = 1;
 
 	/* eslint-env browser */
-	browser$1 = typeof self === 'object' ? self.FormData : window.FormData;
-	return browser$1;
+	browser$2 = typeof self === 'object' ? self.FormData : window.FormData;
+	return browser$2;
 }
 
-var browserExports = requireBrowser$1();
-var FormData$1 = /*@__PURE__*/getDefaultExportFromCjs(browserExports);
+var browserExports = requireBrowser$2();
+var FormData$1 = browserExports.default;
 
 /**
  * Determines if the given thing is a array or js object.
@@ -40654,7 +40816,7 @@ var transitionalDefaults = {
   clarifyTimeoutError: false
 };
 
-var URLSearchParams$1 = require$$0$2.URLSearchParams;
+var URLSearchParams$1 = require$$0$3.URLSearchParams;
 
 const ALPHA = 'abcdefghijklmnopqrstuvwxyz';
 
@@ -41487,7 +41649,7 @@ function requireProxyFromEnv () {
 	if (hasRequiredProxyFromEnv) return proxyFromEnv$1;
 	hasRequiredProxyFromEnv = 1;
 
-	var parseUrl = require$$0$2.parse;
+	var parseUrl = require$$0$3.parse;
 
 	var DEFAULT_PORTS = {
 	  ftp: 21,
@@ -41597,7 +41759,7 @@ function requireProxyFromEnv () {
 }
 
 var proxyFromEnvExports = requireProxyFromEnv();
-var proxyFromEnv = /*@__PURE__*/getDefaultExportFromCjs(proxyFromEnvExports);
+var proxyFromEnv = proxyFromEnvExports.default;
 
 var util$1 = {};
 
@@ -44558,11 +44720,11 @@ function requireUtil () {
 }
 
 var utilExports = requireUtil();
-var util = /*@__PURE__*/getDefaultExportFromCjs(utilExports);
+var util = utilExports.default;
 
 var followRedirects$1 = {exports: {}};
 
-var browser = {exports: {}};
+var browser$1 = {exports: {}};
 
 /**
  * Helpers.
@@ -45037,11 +45199,11 @@ function requireCommon$2 () {
 
 /* eslint-env browser */
 
-var hasRequiredBrowser;
+var hasRequiredBrowser$1;
 
-function requireBrowser () {
-	if (hasRequiredBrowser) return browser.exports;
-	hasRequiredBrowser = 1;
+function requireBrowser$1 () {
+	if (hasRequiredBrowser$1) return browser$1.exports;
+	hasRequiredBrowser$1 = 1;
 	(function (module, exports) {
 		/**
 		 * This is the web browser implementation of `debug()`.
@@ -45313,8 +45475,8 @@ function requireBrowser () {
 				return '[UnexpectedJSONParseError]: ' + error.message;
 			}
 		}; 
-	} (browser, browser.exports));
-	return browser.exports;
+	} (browser$1, browser$1.exports));
+	return browser$1.exports;
 }
 
 var debug_1;
@@ -45329,7 +45491,7 @@ function requireDebug () {
 	  if (!debug) {
 	    try {
 	      /* eslint global-require: off */
-	      debug = requireBrowser()("follow-redirects");
+	      debug = requireBrowser$1()("follow-redirects");
 	    }
 	    catch (error) { /* */ }
 	    if (typeof debug !== "function") {
@@ -45346,7 +45508,7 @@ var hasRequiredFollowRedirects;
 function requireFollowRedirects () {
 	if (hasRequiredFollowRedirects) return followRedirects$1.exports;
 	hasRequiredFollowRedirects = 1;
-	var url = require$$0$2;
+	var url = require$$0$3;
 	var URL = url.URL;
 	var http = require$$1$1;
 	var https = require$$2$1;
@@ -46036,7 +46198,7 @@ function requireFollowRedirects () {
 }
 
 var followRedirectsExports = requireFollowRedirects();
-var followRedirects = /*@__PURE__*/getDefaultExportFromCjs(followRedirectsExports);
+var followRedirects = followRedirectsExports.default;
 
 const VERSION$2 = "1.13.2";
 
@@ -46715,6 +46877,7 @@ function requireEvents () {
 }
 
 var eventsExports = requireEvents();
+eventsExports.default;
 
 const {asyncIterator} = Symbol;
 
@@ -49607,7 +49770,7 @@ const {
   mergeConfig
 } = axios;
 
-const version$9 = "abstract-provider/5.8.0";
+const version$b = "abstract-provider/5.8.0";
 
 var __awaiter$7 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -49618,7 +49781,7 @@ var __awaiter$7 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$a = new Logger$2(version$9);
+const logger$a = new Logger$2(version$b);
 //export type CallTransactionable = {
 //    call(transaction: TransactionRequest): Promise<TransactionResponse>;
 //};
@@ -49669,7 +49832,7 @@ class Provider {
     }
 }
 
-const version$8 = "abstract-signer/5.8.0";
+const version$a = "abstract-signer/5.8.0";
 
 var __awaiter$6 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -49680,7 +49843,7 @@ var __awaiter$6 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$9 = new Logger$2(version$8);
+const logger$9 = new Logger$2(version$a);
 const allowedTransactionKeys$1 = [
     "accessList", "ccipReadEnabled", "chainId", "customData", "data", "from", "gasLimit", "gasPrice", "maxFeePerGas", "maxPriorityFeePerGas", "nonce", "to", "type", "value"
 ];
@@ -51390,7 +51553,7 @@ function requireHash () {
 }
 
 var hashExports = requireHash();
-var hash = /*@__PURE__*/getDefaultExportFromCjs(hashExports);
+var hash = hashExports.default;
 
 var SupportedAlgorithm;
 (function (SupportedAlgorithm) {
@@ -53876,9 +54039,9 @@ elliptic.eddsa = /*RicMoo:ethers:require(./elliptic/eddsa)*/(null);
 
 var EC$1 = elliptic_1.ec;
 
-const version$7 = "signing-key/5.8.0";
+const version$9 = "signing-key/5.8.0";
 
-const logger$8 = new Logger$2(version$7);
+const logger$8 = new Logger$2(version$9);
 let _curve = null;
 function getCurve() {
     if (!_curve) {
@@ -53947,9 +54110,9 @@ function computePublicKey(key, compressed) {
     return logger$8.throwArgumentError("invalid public or private key", "key", "[REDACTED]");
 }
 
-const version$6 = "transactions/5.8.0";
+const version$8 = "transactions/5.8.0";
 
-const logger$7 = new Logger$2(version$6);
+const logger$7 = new Logger$2(version$8);
 var TransactionTypes;
 (function (TransactionTypes) {
     TransactionTypes[TransactionTypes["legacy"] = 0] = "legacy";
@@ -55799,7 +55962,7 @@ class Logger$1 {
 Logger$1.errors = ErrorCode;
 Logger$1.levels = LogLevel$1;
 
-const version$5 = "properties/5.7.0";
+const version$7 = "properties/5.7.0";
 
 var __awaiter$5 = function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -55810,7 +55973,7 @@ var __awaiter$5 = function (thisArg, _arguments, P, generator) {
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$6 = new Logger$1(version$5);
+const logger$6 = new Logger$1(version$7);
 function defineReadOnly(object, name, value) {
     Object.defineProperty(object, name, {
         enumerable: true,
@@ -59293,9 +59456,9 @@ const useAlchemySDK = () => {
   };
 };
 
-const version$4 = 'v4.2.0';
+const version$6 = 'v4.2.0';
 
-const getVersion = () => `@ensdomains/ensjs@${version$4}`;
+const getVersion = () => `@ensdomains/ensjs@${version$6}`;
 
 class BaseError extends Error {
     details;
@@ -63400,11 +63563,11 @@ const iost$2 = {
 const name$_ = "iota";
 const coinType$_ = 4218;
 const hrp$d = "iota";
-const version$3 = new Uint8Array([0x00]);
+const version$5 = new Uint8Array([0x00]);
 const iotaBech32Encode = createBech32Encoder(hrp$d);
 const iotaBech32Decode = createBech32Decoder(hrp$d);
 const encodeIotaAddress = (source) => {
-    return iotaBech32Encode(concatBytes(version$3, source));
+    return iotaBech32Encode(concatBytes(version$5, source));
 };
 const decodeIotaAddress = (source) => {
     const decoded = iotaBech32Decode(source);
@@ -78371,6 +78534,7 @@ function requireLanguage () {
 }
 
 var languageExports = /*@__PURE__*/ requireLanguage();
+languageExports.default;
 
 const generateSelection = (selection) => ({
     kind: 'Field',
@@ -85042,6 +85206,7 @@ function requireDist$2 () {
 }
 
 var distExports$2 = requireDist$2();
+distExports$2.default;
 
 const useNamespaceIndexer = () => {
   const { isTestnet } = useMainChain();
@@ -86132,7 +86297,7 @@ function requireDebounce () {
 }
 
 var debounceExports = requireDebounce();
-var debouce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
+var debouce = debounceExports.default;
 
 class ListManagerClient {
   constructor(backendURI) {
@@ -86456,7 +86621,7 @@ function requireChains () {
 	(function (exports) {
 		Object.defineProperty(exports, "__esModule", { value: true });
 		exports.getChainName = exports.getChain = exports.getChainId = exports.ListingChain = void 0;
-		const chains_1 = require$$0$3;
+		const chains_1 = require$$0$4;
 		var ListingChain;
 		(function (ListingChain) {
 		    ListingChain["Mainnet"] = "MAINNET";
@@ -86496,7 +86661,7 @@ function requireChains () {
 
 var abi = {};
 
-var require$$0 = [
+var require$$0$1 = [
 	{
 		inputs: [
 			{
@@ -87943,7 +88108,7 @@ function requireAbi () {
 	};
 	Object.defineProperty(abi, "__esModule", { value: true });
 	abi.Abis = void 0;
-	const l1_mint_controller_abi_json_1 = __importDefault(require$$0);
+	const l1_mint_controller_abi_json_1 = __importDefault(require$$0$1);
 	const l2_mint_controller_abi_json_1 = __importDefault(require$$1);
 	const l2_registry_resolver_abi_json_1 = __importDefault(require$$2);
 	const ens_registry_abi_json_1 = __importDefault(require$$3);
@@ -107737,7 +107902,7 @@ function requireUtils () {
 	hasRequiredUtils = 1;
 	Object.defineProperty(utils$3, "__esModule", { value: true });
 	utils$3.convertEnsRecordsToResolverData = void 0;
-	const viem_1 = require$$0$4;
+	const viem_1 = require$$0$5;
 	const address_encoder_1 = /*@__PURE__*/ requireCjs$1();
 	const address_records_1 = requireAddressRecords();
 	const content_hash_1 = /*@__PURE__*/ requireCjs();
@@ -107824,7 +107989,7 @@ function requireMintClient () {
 	mintClient$1.createMintClient = createMintClient;
 	const axios_1 = __importDefault(/*@__PURE__*/ requireAxios());
 	const env_1 = requireEnv();
-	const viem_1 = require$$0$4;
+	const viem_1 = require$$0$5;
 	const chains_1 = requireChains();
 	const abi_1 = requireAbi();
 	const addresses_1 = requireDist$3();
@@ -108039,6 +108204,7 @@ function requireDist$1 () {
 }
 
 var distExports$1 = requireDist$1();
+distExports$1.default;
 
 const getSepoliaRpcUrl = () => {
   if (AppEnv.testnetRpcUrl) {
@@ -125377,6 +125543,7 @@ function requireLodash () {
 }
 
 var lodashExports = requireLodash();
+lodashExports.default;
 
 const NAMES_TO_RENDER = 48;
 const FiltersCtx = createContext({
@@ -135584,9 +135751,9 @@ var walletConnectWalletYHWKVTDY = /*#__PURE__*/Object.freeze({
   default: walletConnectWallet_default
 });
 
-const version$2 = "networks/5.8.0";
+const version$4 = "networks/5.8.0";
 
-const logger$5 = new Logger$2(version$2);
+const logger$5 = new Logger$2(version$4);
 function isRenetworkable(value) {
     return (value && typeof (value.renetwork) === "function");
 }
@@ -135848,7 +136015,7 @@ function getNetwork(network) {
     };
 }
 
-const version$1 = "web/5.8.0";
+const version$3 = "web/5.8.0";
 
 var __awaiter$4 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -135925,7 +136092,7 @@ var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$4 = new Logger$2(version$1);
+const logger$4 = new Logger$2(version$3);
 function staller(duration) {
     return new Promise((resolve) => {
         setTimeout(resolve, duration);
@@ -136502,11 +136669,11 @@ function requireBech32 () {
 }
 
 var bech32Exports = requireBech32();
-var bech32 = /*@__PURE__*/getDefaultExportFromCjs(bech32Exports);
+var bech32 = bech32Exports.default;
 
-const version = "providers/5.8.0";
+const version$2 = "providers/5.8.0";
 
-const logger$3 = new Logger$2(version);
+const logger$3 = new Logger$2(version$2);
 class Formatter {
     constructor() {
         this.formats = this.getDefaultFormats();
@@ -136927,7 +137094,7 @@ var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$2 = new Logger$2(version);
+const logger$2 = new Logger$2(version$2);
 const MAX_CCIP_REDIRECTS = 10;
 //////////////////////////////
 // Event Serializeing
@@ -138916,7 +139083,7 @@ var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$1 = new Logger$2(version);
+const logger$1 = new Logger$2(version$2);
 const errorGas = ["call", "estimateGas"];
 function spelunk(value, requireData) {
     if (value == null) {
@@ -139576,7 +139743,7 @@ try {
     }
 }
 catch (error) {
-    const logger = new Logger$2(version);
+    const logger = new Logger$2(version$2);
     WS = function () {
         logger.throwError("WebSockets not supported in this environment", Logger$2.errors.UNSUPPORTED_OPERATION, {
             operation: "new WebSocket()"
@@ -139593,7 +139760,7 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger = new Logger$2(version);
+const logger = new Logger$2(version$2);
 /**
  *  Notes:
  *
@@ -140283,6 +140450,127 @@ var alchemyProvider2577f5a5 = /*#__PURE__*/Object.freeze({
   AlchemyProvider: AlchemyProvider
 });
 
+var global$1;
+var hasRequiredGlobal;
+
+function requireGlobal () {
+	if (hasRequiredGlobal) return global$1;
+	hasRequiredGlobal = 1;
+	var naiveFallback = function () {
+		if (typeof self === "object" && self) return self;
+		if (typeof window === "object" && window) return window;
+		throw new Error("Unable to resolve global `this`");
+	};
+
+	global$1 = (function () {
+		if (this) return this;
+
+		// Unexpected strict mode (may happen if e.g. bundled into ESM module)
+
+		// Fallback to standard globalThis if available
+		if (typeof globalThis === "object" && globalThis) return globalThis;
+
+		// Thanks @mathiasbynens -> https://mathiasbynens.be/notes/globalthis
+		// In all ES5+ engines global object inherits from Object.prototype
+		// (if you approached one that doesn't please report)
+		try {
+			Object.defineProperty(Object.prototype, "__global__", {
+				get: function () { return this; },
+				configurable: true
+			});
+		} catch (error) {
+			// Unfortunate case of updates to Object.prototype being restricted
+			// via preventExtensions, seal or freeze
+			return naiveFallback();
+		}
+		try {
+			// Safari case (window.__global__ works, but __global__ does not)
+			if (!__global__) return naiveFallback();
+			return __global__;
+		} finally {
+			delete Object.prototype.__global__;
+		}
+	})();
+	return global$1;
+}
+
+var version$1 = "1.0.35";
+var require$$0 = {
+	version: version$1};
+
+var version;
+var hasRequiredVersion;
+
+function requireVersion () {
+	if (hasRequiredVersion) return version;
+	hasRequiredVersion = 1;
+	version = require$$0.version;
+	return version;
+}
+
+var browser;
+var hasRequiredBrowser;
+
+function requireBrowser () {
+	if (hasRequiredBrowser) return browser;
+	hasRequiredBrowser = 1;
+	var _globalThis;
+	if (typeof globalThis === 'object') {
+		_globalThis = globalThis;
+	} else {
+		try {
+			_globalThis = requireGlobal();
+		} catch (error) {
+		} finally {
+			if (!_globalThis && typeof window !== 'undefined') { _globalThis = window; }
+			if (!_globalThis) { throw new Error('Could not determine global this'); }
+		}
+	}
+
+	var NativeWebSocket = _globalThis.WebSocket || _globalThis.MozWebSocket;
+	var websocket_version = requireVersion();
+
+
+	/**
+	 * Expose a W3C WebSocket class with just one or two arguments.
+	 */
+	function W3CWebSocket(uri, protocols) {
+		var native_instance;
+
+		if (protocols) {
+			native_instance = new NativeWebSocket(uri, protocols);
+		}
+		else {
+			native_instance = new NativeWebSocket(uri);
+		}
+
+		/**
+		 * 'native_instance' is an instance of nativeWebSocket (the browser's WebSocket
+		 * class). Since it is an Object it will be returned as it is when creating an
+		 * instance of W3CWebSocket via 'new W3CWebSocket()'.
+		 *
+		 * ECMAScript 5: http://bclary.com/2004/11/07/#a-13.2.2
+		 */
+		return native_instance;
+	}
+	if (NativeWebSocket) {
+		['CONNECTING', 'OPEN', 'CLOSING', 'CLOSED'].forEach(function(prop) {
+			Object.defineProperty(W3CWebSocket, prop, {
+				get: function() { return NativeWebSocket[prop]; }
+			});
+		});
+	}
+
+	/**
+	 * Module exports.
+	 */
+	browser = {
+	    'w3cwebsocket' : NativeWebSocket ? W3CWebSocket : null,
+	    'version'      : websocket_version
+	};
+	return browser;
+}
+
 var dist = {};
 
 var hasRequiredDist;
@@ -140697,7 +140985,7 @@ function requireDist () {
 }
 
 var distExports = requireDist();
-var SturdyWebSocket = /*@__PURE__*/getDefaultExportFromCjs(distExports);
+var SturdyWebSocket = distExports.default;
 
 /**
  * The maximum number of blocks to backfill. If more than this many blocks have
@@ -141742,7 +142030,7 @@ class AlchemyWebSocketProvider extends WebSocketProvider {
     }
 }
 function getWebsocketConstructor() {
-    return isNodeEnvironment() ? require('websocket').w3cwebsocket : WebSocket;
+    return isNodeEnvironment() ? requireBrowser().w3cwebsocket : WebSocket;
 }
 function isNodeEnvironment() {
     return (typeof process !== 'undefined' &&
@@ -141852,6 +142140,7 @@ function requirePako_inflate_min () {
 }
 
 var pako_inflate_minExports = requirePako_inflate_min();
+pako_inflate_minExports.default;
 
 var pako_inflate_min = /*#__PURE__*/_mergeNamespaces({
   __proto__: null