@thenamespace/ens-components 1.1.5 → 1.2.0

package/README.md

@@ -196,5 +196,5 @@ Components use CSS variables that can be overridden:
 
 - [Namespace](https://namespace.ninja) — subname issuance platform
 - [ENS](https://ens.domains) — Ethereum Name Service
-- [Source](https://github.com/thenamespace/ui-components)
+- [Source](https://github.com/thenamespace/ens-components)
 - [npm](https://www.npmjs.com/package/@thenamespace/ens-components)

package/dist/index.d.ts

@@ -457,6 +457,7 @@ interface PricingDisplayProps {
         years: number;
         onYearsChange: (years: number) => void;
     };
+    ethUsdRate?: number | null;
     className?: string;
 }
 declare const PricingDisplay: React__default.FC<PricingDisplayProps>;
@@ -591,6 +592,10 @@ interface ThemeProviderProps {
 declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
 declare const useTheme: () => ThemeContextValue;
 
+declare function useEthDollarValue(): {
+    ethUsdRate: number | null;
+};
+
 interface RentPriceResponse {
     wei: bigint;
     eth: number;
@@ -846,5 +851,5 @@ declare const useAvatarClient: ({ isTestnet, domain }: UseAvatarClientParams) =>
     getErrorMessage: (err: unknown, imageType?: UploadImageType) => string;
 };
 
-export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, ListingNetwork, ListingType, MULTICALL, Modal, OffchainSubnameForm, PricingDisplay, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, SubnameMintForm, Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TransactionPendingScreen, TxProgress, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce, deepCopy, diffToEnsRecords, ensureFloatInput, equalsIgnoreCase, formatFloat, getAvatarUploadErrorMessage, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getChainIdForListingNetwork, getEnsAppUrl, getEnsRecordsDiff, getImageUploadErrorMessage, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useAvatarClient, useENSResolver, useMintManager, useMintSubname, useOffchainManager, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords, wait };
+export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, ListingNetwork, ListingType, MULTICALL, Modal, OffchainSubnameForm, PricingDisplay, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, SubnameMintForm, Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TransactionPendingScreen, TxProgress, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce, deepCopy, diffToEnsRecords, ensureFloatInput, equalsIgnoreCase, formatFloat, getAvatarUploadErrorMessage, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getChainIdForListingNetwork, getEnsAppUrl, getEnsRecordsDiff, getImageUploadErrorMessage, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useAvatarClient, useENSResolver, useEthDollarValue, useMintManager, useMintSubname, useOffchainManager, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords, wait };
 export type { AccordionProps, AlertPosition, AlertProps, AlertVariant, ButtonProps, ButtonSize, ButtonVariant, ChainName$1 as ChainName, ConnectAndSetChainProps, ContractErrorLabelProps, DropdownProps, EnsAddressRecord$1 as EnsAddressRecord, EnsContenthashRecord, EnsRecords$1 as EnsRecords, EnsRecordsDiff, EnsTextRecord$1 as EnsTextRecord, EstimatedFees, IconName, IconProps, InputProps, InputSize, InputType, ModalPresentation, ModalProps, ModalResponsivePresentation, ModalSize, NameListing, OffchainSubnameCreatedData, PricingDisplayProps, ProfileHeaderProps, RecordValidationError, RegistrationRequest, ShurikenSpinnerProps, SupportedContenthashRecord, SupportedEnsAddress, SupportedText, SupportedTextRecord, TextCategory, TextColor, TextProps, TextSize, TextWeight, TextareaProps, TextareaSize, ThemeContextValue, ThemeName, ThemeProviderProps, TooltipPosition, TooltipProps, UploadAvatarParams, UploadImageType };

package/dist/index.js

@@ -10,7 +10,7 @@ import { baseSepolia, sepolia, mainnet, optimism, base as base$3, zoraSepolia, z
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { forwardRef, createElement, useState, useRef, useEffect, useCallback, useLayoutEffect, useMemo, createContext, useContext } from 'react';
-import { useAccount, useSwitchChain, usePublicClient, useWalletClient } from 'wagmi';
+import { useAccount, useSwitchChain, useReadContract, usePublicClient, useWalletClient } from 'wagmi';
 import { createOffchainClient, ChainName, getCoinType } from '@thenamespace/offchain-manager';
 import { normalize } from 'viem/ens';
 
@@ -11860,9 +11860,18 @@ const PricingDisplay = ({
   networkFees,
   total,
   expiryPicker,
+  ethUsdRate,
   className = ""
 }) => {
   const totalLoading = total.isChecking || primaryFee.isChecking || networkFees?.isChecking;
+  const totalUsd = React__default.useMemo(() => {
+    if (!ethUsdRate || totalLoading || total.amount === "Free" || total.amount === "N/A") {
+      return null;
+    }
+    const eth = parseFloat(String(total.amount));
+    if (isNaN(eth) || eth <= 0) return null;
+    return (eth * ethUsdRate).toFixed(2);
+  }, [ethUsdRate, total.amount, totalLoading]);
   return /* @__PURE__ */ jsxs("div", { className: `ens-registration-pricing ${className}`, children: [
     expiryPicker && /* @__PURE__ */ jsxs("div", { className: "ens-expiry-picker d-flex justify-content-between mb-2", children: [
       /* @__PURE__ */ jsx(
@@ -11893,7 +11902,13 @@ const PricingDisplay = ({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-between align-items-center mt-2 total-fee", children: [
       /* @__PURE__ */ jsx(Text, { size: "lg", weight: "bold", children: "Total" }),
-      totalLoading ? /* @__PURE__ */ jsx(ShurikenSpinner, { size: 20 }) : /* @__PURE__ */ jsx(Text, { size: "lg", weight: "bold", children: total.amount === "Free" ? "Free" : `${total.amount} ETH` })
+      totalLoading ? /* @__PURE__ */ jsx(ShurikenSpinner, { size: 20 }) : /* @__PURE__ */ jsxs("div", { style: { textAlign: "right" }, children: [
+        /* @__PURE__ */ jsx(Text, { size: "lg", weight: "bold", children: total.amount === "Free" ? "Free" : `${total.amount} ETH` }),
+        totalUsd && /* @__PURE__ */ jsxs(Text, { size: "xs", color: "grey", children: [
+          "\u2248 $",
+          totalUsd
+        ] })
+      ] })
     ] })
   ] });
 };
@@ -11918,6 +11933,7 @@ const TextRecords = ({
   }, [texts]);
   const [lastAddedKey, setLastAddedKey] = useState(null);
   const [customDrafts, setCustomDrafts] = useState([]);
+  const [lastAddedDraftId, setLastAddedDraftId] = useState(null);
   const inputRefs = useRef({});
   const draftKeys = useMemo(
     () => new Set(customDrafts.map((d) => d.key).filter(Boolean)),
@@ -11935,8 +11951,18 @@ const TextRecords = ({
     return true;
   };
   const handleAddCustomDraft = () => {
-    setCustomDrafts((prev) => [...prev, { id: genDraftId(), key: "", value: "" }]);
+    const id = genDraftId();
+    setCustomDrafts((prev) => [...prev, { id, key: "", value: "" }]);
+    setLastAddedDraftId(id);
   };
+  useEffect(() => {
+    if (!lastAddedDraftId) return;
+    const el = inputRefs.current[lastAddedDraftId];
+    if (!el) return;
+    el.scrollIntoView({ behavior: "smooth", block: "center" });
+    el.focus();
+    setLastAddedDraftId(null);
+  }, [customDrafts, lastAddedDraftId]);
   const handleCustomDraftKeyChange = (draftId, newKey) => {
     const draft = customDrafts.find((d) => d.id === draftId);
     const oldKey = draft.key;
@@ -12148,6 +12174,9 @@ const TextRecords = ({
           /* @__PURE__ */ jsx(
             Input,
             {
+              ref: (el) => {
+                inputRefs.current[draft.id] = el;
+              },
               style: { flex: 1 },
               value: draft.key,
               onChange: (e) => handleCustomDraftKeyChange(draft.id, e.target.value),
@@ -62171,6 +62200,65 @@ function requireDist$2 () {
 
 var distExports$2 = requireDist$2();
 
+const CHAINLINK_ETH_USD = "0x5f4eC3Df9cbd43714FE2740f5E3616155c5b8419";
+const CACHE_KEY = "ns_eth_usd_price";
+const TTL_MS = 3.5 * 60 * 60 * 1e3;
+const AGGREGATOR_ABI = [
+  {
+    inputs: [],
+    name: "latestRoundData",
+    outputs: [
+      { name: "roundId", type: "uint80" },
+      { name: "answer", type: "int256" },
+      { name: "startedAt", type: "uint256" },
+      { name: "updatedAt", type: "uint256" },
+      { name: "answeredInRound", type: "uint80" }
+    ],
+    stateMutability: "view",
+    type: "function"
+  }
+];
+function readCache() {
+  try {
+    const raw = localStorage.getItem(CACHE_KEY);
+    if (!raw) return null;
+    const { rate, fetchedAt } = JSON.parse(raw);
+    if (Date.now() - fetchedAt < TTL_MS) return rate;
+  } catch {
+  }
+  return null;
+}
+function writeCache(rate) {
+  try {
+    localStorage.setItem(CACHE_KEY, JSON.stringify({ rate, fetchedAt: Date.now() }));
+  } catch {
+  }
+}
+function useEthDollarValue() {
+  const [ethUsdRate, setEthUsdRate] = useState(() => readCache());
+  const cacheHit = ethUsdRate !== null;
+  const { data } = useReadContract({
+    address: CHAINLINK_ETH_USD,
+    abi: AGGREGATOR_ABI,
+    functionName: "latestRoundData",
+    chainId: mainnet.id,
+    query: {
+      enabled: !cacheHit,
+      staleTime: TTL_MS,
+      gcTime: TTL_MS + 30 * 60 * 1e3
+    }
+  });
+  useEffect(() => {
+    if (!data) return;
+    const rate = Number(data[1]) / 1e8;
+    if (rate > 0) {
+      writeCache(rate);
+      setEthUsdRate(rate);
+    }
+  }, [data]);
+  return { ethUsdRate };
+}
+
 var dist$1 = {};
 
 var addresses = {};
@@ -63903,15 +63991,18 @@ const useRegisterENS = ({ isTestnet }) => {
   const publicClient = usePublicClient({
     chainId: isTestnet ? sepolia.id : mainnet.id
   });
+  const { address } = useAccount();
   const { data: walletClient } = useWalletClient({
     chainId: isTestnet ? sepolia.id : mainnet.id
   });
   const getRegistrationPrice = async (label, expiryInYears = 1) => {
+    const ethController = getEthController();
     const price = await publicClient.readContract({
       abi: ABIS.ETH_REGISTRAR_CONTOLLER,
       functionName: "rentPrice",
-      args: [label, expiryInYears * SECONDS_IN_YEAR],
-      address: getEthController()
+      args: [label, BigInt(expiryInYears * SECONDS_IN_YEAR)],
+      address: ethController,
+      account: address
     });
     const totalPrice = price.base + price.premium;
     return {
@@ -88190,14 +88281,30 @@ var distExports = requireDist();
 
 const LIST_MANAGER_API = "https://list-manager.namespace.ninja";
 const LIST_MANAGER_TESTNET_API = "https://staging.list-manager.namespace.ninja";
+function getTransportUrl(client) {
+  const transport = client?.transport;
+  return transport?.type === "http" ? transport.url : void 0;
+}
 const useMintManager = ({ isTestnet }) => {
+  const mainnetClient = usePublicClient({ chainId: mainnet.id });
+  const sepoliaClient = usePublicClient({ chainId: sepolia.id });
+  const baseClient = usePublicClient({ chainId: base$3.id });
+  const baseSepoliaClient = usePublicClient({ chainId: baseSepolia.id });
+  const optimismClient = usePublicClient({ chainId: optimism.id });
   const mintClient = useMemo(() => {
-    console.info(`Creating a mint clinet, testnet: ${isTestnet}`);
+    const cursomRpcUrls = {};
+    const clients = [mainnetClient, sepoliaClient, baseClient, baseSepoliaClient, optimismClient];
+    for (const client of clients) {
+      const url = getTransportUrl(client);
+      if (client && url) {
+        cursomRpcUrls[String(client.chain.id)] = url;
+      }
+    }
     return distExports.createMintClient({
-      cursomRpcUrls: {},
+      cursomRpcUrls,
       isTestnet: isTestnet || false
     });
-  }, [isTestnet]);
+  }, [isTestnet, mainnetClient, sepoliaClient, baseClient, baseSepoliaClient, optimismClient]);
   const getListingDetails = useCallback(async (name) => {
     const listManagerApi = isTestnet ? LIST_MANAGER_TESTNET_API : LIST_MANAGER_API;
     const listingNetwork = isTestnet ? ListingNetwork.Sepolia : ListingNetwork.Mainnet;
@@ -88256,7 +88363,19 @@ const useMintSubname = ({ chainId }) => {
         account,
         value: mintTx.value
       });
-      let gasPriceWei = await publicClient.getGasPrice();
+      let gasPriceWei;
+      try {
+        const [block, priorityFee] = await Promise.all([
+          publicClient.getBlock({ blockTag: "latest" }),
+          publicClient.estimateMaxPriorityFeePerGas().catch(() => 0n)
+        ]);
+        const baseFee = block.baseFeePerGas ?? await publicClient.getGasPrice();
+        const minPriorityFee = 1500000000n;
+        const effectivePriorityFee = priorityFee > minPriorityFee ? priorityFee : minPriorityFee;
+        gasPriceWei = baseFee * 2n + effectivePriorityFee;
+      } catch {
+        gasPriceWei = await publicClient.getGasPrice();
+      }
       const totalFeeWei = gasEstimate * gasPriceWei;
       const totalFeeEth = parseFloat(formatEther(totalFeeWei));
       return {
@@ -89228,6 +89347,7 @@ const RegistrationSummary = ({
   onConnectWallet
 }) => {
   const { isConnected } = useAccount();
+  const { ethUsdRate } = useEthDollarValue();
   const { isEnsAvailable, getRegistrationPrice } = useRegisterENS({
     isTestnet
   });
@@ -89384,7 +89504,8 @@ const RegistrationSummary = ({
           expiryPicker: {
             years,
             onYearsChange: handleYearsChange
-          }
+          },
+          ethUsdRate
         }
       ),
       /* @__PURE__ */ jsx(
@@ -92464,6 +92585,7 @@ const SubnameMintFormContent = ({
 }) => {
   const { address: connectedAddress, chain: currentChain } = useAccount();
   const { switchChain, isPending: isSwitchingChain } = useSwitchChain();
+  const { ethUsdRate } = useEthDollarValue();
   const { mintClient } = useMintManager({ isTestnet });
   const { mintSubname, estimateTransactionFees } = useMintSubname({ chainId });
   const { waitTx } = useWaitTransaction({ chainId });
@@ -92547,60 +92669,6 @@ const SubnameMintFormContent = ({
       checkMintDetails(initialLabel, parentName, connectedAddress);
     }
   }, []);
-  const [transactionFees, setTransactionFees] = useState({
-    isChecking: false,
-    estimatedGas: 0,
-    failed: false,
-    price: {
-      wei: 0n,
-      eth: 0
-    }
-  });
-  const [gasEstimated, setGasEstimated] = useState(false);
-  const fetchGasEstimate = async (labelToEstimate, recordsToEstimate) => {
-    if (!connectedAddress) return;
-    setTransactionFees((prev) => ({ ...prev, isChecking: true, failed: false }));
-    try {
-      const ensMintRecords = {
-        addresses: recordsToEstimate.addresses.map((addr) => ({
-          chain: addr.coinType,
-          value: addr.value
-        })),
-        texts: recordsToEstimate.texts.map((text) => ({
-          key: text.key,
-          value: text.value
-        }))
-      };
-      const mintTx = await mintClient.getMintTransactionParameters({
-        records: ensMintRecords,
-        label: labelToEstimate,
-        parentName,
-        owner: connectedAddress,
-        minterAddress: connectedAddress
-      });
-      const result = await estimateTransactionFees({
-        mintTx,
-        account: connectedAddress
-      });
-      if (result) {
-        setTransactionFees({
-          isChecking: false,
-          estimatedGas: Number(result.gasEstimate),
-          failed: false,
-          price: {
-            wei: result.totalFeeWei,
-            eth: result.totalFeeEth
-          }
-        });
-        setGasEstimated(true);
-      } else {
-        setTransactionFees((prev) => ({ ...prev, isChecking: false, failed: true }));
-      }
-    } catch (err) {
-      console.error("Gas estimation error:", err);
-      setTransactionFees((prev) => ({ ...prev, isChecking: false, failed: true }));
-    }
-  };
   const handleNameChanged = async (value) => {
     const _value = value.toLowerCase().trim();
     if (_value.includes(".")) {
@@ -92613,7 +92681,6 @@ const SubnameMintFormContent = ({
     }
     setLabel(_value);
     setGasEstimated(false);
-    setTransactionFees((prev) => ({ ...prev, failed: false }));
     if (_value.length >= MIN_ENS_LEN$1) {
       setAvailability({ isAvailable: false, isChecking: true });
       setMintDetails({ ...mintDetails, isChecking: true });
@@ -92621,6 +92688,8 @@ const SubnameMintFormContent = ({
       debouncedCheckMintDetails(_value, parentName, connectedAddress);
     }
   };
+  const [gasEstimated, setGasEstimated] = useState(false);
+  const [transactionFees, setTransactionFees] = useState({ isChecking: false, failed: false, price: { wei: 0n, eth: 0 } });
   const formatEthDisplay = (value) => {
     if (value === 0) return "0";
     if (value < 1e-5) return ">0.00001";
@@ -92633,17 +92702,10 @@ const SubnameMintFormContent = ({
     let fees = 0;
     let total = price;
     if (transactionFees.failed) {
-      return {
-        regFees: "N/A",
-        regPrice: isFree2 ? "Free" : formatEthDisplay(price),
-        regTotal: "N/A",
-        isFree: isFree2
-      };
-    }
-    if (transactionFees) {
-      fees += transactionFees.price.eth;
-      total += transactionFees.price.eth;
+      return { regFees: "N/A", regPrice: isFree2 ? "Free" : formatEthDisplay(price), regTotal: "N/A", isFree: isFree2 };
     }
+    fees += transactionFees.price.eth;
+    total += transactionFees.price.eth;
     return {
       regFees: formatEthDisplay(fees),
       regPrice: isFree2 ? "Free" : formatEthDisplay(price),
@@ -92657,8 +92719,8 @@ const SubnameMintFormContent = ({
     }
     setYears(newYears);
   };
-  const totalPriceLoading = transactionFees?.isChecking || mintDetails.isChecking;
-  const transactionFeesLoading = transactionFees?.isChecking || false;
+  const totalPriceLoading = transactionFees.isChecking || mintDetails.isChecking;
+  const transactionFeesLoading = transactionFees.isChecking;
   const blockingError = useMemo(() => {
     const { canMint, validationErrors } = mintDetails.details;
     if (canMint || mintDetails.isChecking) return null;
@@ -92697,11 +92759,42 @@ const SubnameMintFormContent = ({
   const isAvailableForMint = useMemo(() => {
     return label.length >= 1 && availability.isAvailable && !availability.isChecking && !blockingError && !isSubnameReserved;
   }, [label, availability, blockingError, isSubnameReserved]);
+  const fetchGasEstimate = async (labelToEstimate, recordsToEstimate) => {
+    if (!connectedAddress) return;
+    setTransactionFees((prev) => ({ ...prev, isChecking: true, failed: false }));
+    try {
+      const ensMintRecords = {
+        addresses: recordsToEstimate.addresses.map((addr) => ({ chain: addr.coinType, value: addr.value })),
+        texts: recordsToEstimate.texts.map((text) => ({ key: text.key, value: text.value }))
+      };
+      const mintTx = await mintClient.getMintTransactionParameters({
+        records: ensMintRecords,
+        label: labelToEstimate,
+        parentName,
+        owner: connectedAddress,
+        minterAddress: connectedAddress
+      });
+      const result = await estimateTransactionFees({ mintTx, account: connectedAddress });
+      if (result) {
+        setTransactionFees({ isChecking: false, failed: false, price: { wei: result.totalFeeWei, eth: result.totalFeeEth } });
+        setGasEstimated(true);
+      } else {
+        setTransactionFees((prev) => ({ ...prev, isChecking: false, failed: true }));
+      }
+    } catch {
+      setTransactionFees((prev) => ({ ...prev, isChecking: false, failed: true }));
+    }
+  };
+  useEffect(() => {
+    if (connectedAddress) {
+      setGasEstimated(false);
+    }
+  }, [connectedAddress]);
   useEffect(() => {
-    if (isAvailableForMint && !gasEstimated && label.length >= MIN_ENS_LEN$1) {
+    if (isAvailableForMint && !gasEstimated && label.length >= MIN_ENS_LEN$1 && connectedAddress) {
       fetchGasEstimate(label, ensRecords);
     }
-  }, [isAvailableForMint, gasEstimated, label]);
+  }, [isAvailableForMint, gasEstimated, label, connectedAddress]);
   const handleSaveRecords = () => {
     const newRecords = deepCopy(ensRecordTemplate);
     setEnsRecords(newRecords);
@@ -92720,6 +92813,7 @@ const SubnameMintFormContent = ({
     setMintStep("minting" /* Minting */);
     let tx = null;
     let mintPrice = 0n;
+    console.log("Handling mint state", connectedAddress, "Connected address");
     try {
       setMintState({
         isWaitingWallet: true,
@@ -92928,7 +93022,8 @@ const SubnameMintFormContent = ({
           expiryPicker: isExpirable ? {
             years,
             onYearsChange: handleYearsChange
-          } : void 0
+          } : void 0,
+          ethUsdRate
         }
       ),
       /* @__PURE__ */ jsx(ProfileSelector, { onSelect: () => setShowProfile(true) })
@@ -93533,5 +93628,5 @@ const useTheme = () => {
   return ctx;
 };
 
-export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, ListingNetwork, ListingType, MULTICALL, Modal, OffchainSubnameForm, PricingDisplay, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, SubnameMintForm, Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TransactionPendingScreen, TxProgress, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce, deepCopy, diffToEnsRecords, ensureFloatInput, equalsIgnoreCase, formatFloat, getAvatarUploadErrorMessage, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getChainIdForListingNetwork, getEnsAppUrl, getEnsRecordsDiff, getImageUploadErrorMessage, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useAvatarClient, useENSResolver, useMintManager, useMintSubname, useOffchainManager, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords, wait };
+export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, ListingNetwork, ListingType, MULTICALL, Modal, OffchainSubnameForm, PricingDisplay, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, SubnameMintForm, Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TransactionPendingScreen, TxProgress, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce, deepCopy, diffToEnsRecords, ensureFloatInput, equalsIgnoreCase, formatFloat, getAvatarUploadErrorMessage, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getChainIdForListingNetwork, getEnsAppUrl, getEnsRecordsDiff, getImageUploadErrorMessage, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useAvatarClient, useENSResolver, useEthDollarValue, useMintManager, useMintSubname, useOffchainManager, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords, wait };
 //# sourceMappingURL=index.js.map