@thenamespace/ens-components 1.1.4 → 1.1.6

package/dist/index.js

@@ -2270,7 +2270,7 @@ const supportedTexts = [
   },
   {
     icon: "mail",
-    key: "mail",
+    key: "email",
     category: "general" /* General */,
     label: "E-Mail",
     placeholder: "e.g. example@email.com"
@@ -11918,6 +11918,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 +11936,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 +12159,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),
@@ -63903,15 +63917,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 {