@thenamespace/ens-components 0.25.0 → 0.26.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Address, ContractFunctionExecutionError, Hash, TransactionReceipt } from 'viem';
+import { Address, Hash, ContractFunctionExecutionError, TransactionReceipt } from 'viem';
 import * as React$1 from 'react';
 import React__default, { ReactNode, PropsWithChildren } from 'react';
 
@@ -62,6 +62,54 @@ interface RegistrationSuccessData {
 }
 declare const EnsNameRegistrationForm: (props: EnsNameRegistrationFormProps) => react_jsx_runtime.JSX.Element;
 
+declare const capitalize: (value: string) => string;
+declare const equalsIgnoreCase: (a: string, b: string) => boolean;
+declare const deepCopy: (a: any) => any;
+declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => ((...args: Parameters<T>) => void);
+
+declare function convertEVMChainIdToCoinType(chainId: number): number;
+
+interface EnsRecordsDiff {
+    textsAdded: EnsTextRecord[];
+    textsModified: EnsTextRecord[];
+    textsRemoved: EnsTextRecord[];
+    addressesAdded: EnsAddressRecord[];
+    addressesRemoved: EnsAddressRecord[];
+    addressesModified: EnsAddressRecord[];
+    contenthashAdded?: EnsContenthashRecord;
+    contenthashRemoved: boolean;
+    contenthashModified?: EnsContenthashRecord;
+    isDifferent: boolean;
+}
+declare const getEnsRecordsDiff: (oldRecords: EnsRecords, newRecords: EnsRecords) => EnsRecordsDiff;
+interface RecordValidationError {
+    type: "address" | "text" | "contenthash";
+    reason: string;
+}
+declare const validateEnsRecords: (ensRecords: EnsRecords) => {
+    validationFailed: boolean;
+    errors: RecordValidationError[];
+};
+declare const diffToEnsRecords: (diff: EnsRecordsDiff) => EnsRecords;
+
+declare const ensureFloatInput: (value: string) => string;
+declare const formatFloat: (value: string | number, decimals?: number) => number;
+
+declare const convertToResolverData: (name: string, records: EnsRecords) => `0x${string}`[];
+declare const convertToMulticallResolverData: (name: string, recordsDiff: EnsRecordsDiff) => `0x${string}`[];
+
+declare const createEnsReferer: (address: Address) => Hash;
+
+interface BlockExplorerConfig {
+    name: string;
+    url: string;
+}
+declare const getBlockExplorer: (chainId: number) => BlockExplorerConfig;
+declare const getBlockExplorerTransactionUrl: (chainId: number, hash: string) => string;
+declare const getBlockExplorerAddressUrl: (chainId: number, address: string) => string;
+declare const getBlockExplorerName: (chainId: number) => string;
+declare const getEnsAppUrl: (ensName: string, isTestnet?: boolean) => string;
+
 interface EnsRecordsFormProps {
     resolverChainId?: number;
     resolverAddress?: Address;
@@ -70,8 +118,12 @@ interface EnsRecordsFormProps {
     existingRecords: EnsRecords;
     noBorder?: boolean;
     className?: string;
+    onCancel?: () => void;
+    onRecordsUpdated?: (newRecords: EnsRecordsDiff) => void;
+    onGreat?: () => void;
+    onTransactionSent?: (hash: Hash) => void;
 }
-declare const EnsRecordsForm: ({ name, existingRecords, resolverChainId, isTestnet, resolverAddress, noBorder, className, }: EnsRecordsFormProps) => react_jsx_runtime.JSX.Element;
+declare const EnsRecordsForm: ({ name, existingRecords, resolverChainId, isTestnet, resolverAddress, noBorder, className, onCancel, onGreat, onRecordsUpdated, onTransactionSent }: EnsRecordsFormProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = "solid" | "outline" | "ghost" | "destructive";
 type ButtonSize = "sm" | "md" | "lg";
@@ -318,53 +370,6 @@ interface SupportedTextRecord {
 declare const supportedTexts: SupportedTextRecord[];
 declare const getSupportedText: (key: string) => SupportedTextRecord | undefined;
 
-declare const capitalize: (value: string) => string;
-declare const equalsIgnoreCase: (a: string, b: string) => boolean;
-declare const deepCopy: (a: any) => any;
-declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => ((...args: Parameters<T>) => void);
-
-declare function convertEVMChainIdToCoinType(chainId: number): number;
-
-interface EnsRecordsDiff {
-    textsAdded: EnsTextRecord[];
-    textsModified: EnsTextRecord[];
-    textsRemoved: EnsTextRecord[];
-    addressesAdded: EnsAddressRecord[];
-    addressesRemoved: EnsAddressRecord[];
-    addressesModified: EnsAddressRecord[];
-    contenthashAdded?: EnsContenthashRecord;
-    contenthashRemoved: boolean;
-    contenthashModified?: EnsContenthashRecord;
-    isDifferent: boolean;
-}
-declare const getEnsRecordsDiff: (oldRecords: EnsRecords, newRecords: EnsRecords) => EnsRecordsDiff;
-interface RecordValidationError {
-    type: "address" | "text" | "contenthash";
-    reason: string;
-}
-declare const validateEnsRecords: (ensRecords: EnsRecords) => {
-    validationFailed: boolean;
-    errors: RecordValidationError[];
-};
-
-declare const ensureFloatInput: (value: string) => string;
-declare const formatFloat: (value: string | number, decimals?: number) => number;
-
-declare const convertToResolverData: (name: string, records: EnsRecords) => `0x${string}`[];
-declare const convertToMulticallResolverData: (name: string, recordsDiff: EnsRecordsDiff) => `0x${string}`[];
-
-declare const createEnsReferer: (address: Address) => Hash;
-
-interface BlockExplorerConfig {
-    name: string;
-    url: string;
-}
-declare const getBlockExplorer: (chainId: number) => BlockExplorerConfig;
-declare const getBlockExplorerTransactionUrl: (chainId: number, hash: string) => string;
-declare const getBlockExplorerAddressUrl: (chainId: number, address: string) => string;
-declare const getBlockExplorerName: (chainId: number) => string;
-declare const getEnsAppUrl: (ensName: string, isTestnet?: boolean) => string;
-
 declare const SET_TEXT_FUNC = "function setText(bytes32 node, string key, string value)";
 declare const SET_ADDRESS_FUNC = "function setAddr(bytes32 node, uint256 coin, bytes value)";
 declare const SET_CONTENTHASH_FUNC = "function setContenthash(bytes32 node, bytes value)";
@@ -489,5 +494,5 @@ declare const useENSResolver: ({ resolverChainId, isTestnet, }: {
     setUpdateRecordsTx: (update: UpdateRecordsRequest) => Promise<`0x${string}`>;
 };
 
-export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, MULTICALL, Modal, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TxProgress, WalletConnectProvider, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce, deepCopy, ensureFloatInput, equalsIgnoreCase, formatFloat, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getEnsAppUrl, getEnsRecordsDiff, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useENSResolver, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords };
+export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, MULTICALL, Modal, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TxProgress, WalletConnectProvider, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce, deepCopy, diffToEnsRecords, ensureFloatInput, equalsIgnoreCase, formatFloat, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getEnsAppUrl, getEnsRecordsDiff, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useENSResolver, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords };
 export type { AccordionProps, AlertProps, AlertVariant, ButtonProps, ButtonSize, ButtonVariant, ChainName, ConnectAndSetChainProps, ContractErrorLabelProps, DropdownProps, EnsAddressRecord, EnsContenthashRecord, EnsRecords, EnsRecordsDiff, EnsTextRecord, IconName, IconProps, InputProps, InputSize, InputType, ModalProps, ModalSize, ProfileHeaderProps, RecordValidationError, RegistrationRequest, ShurikenSpinnerProps, SupportedContenthashRecord, SupportedEnsAddress, SupportedText, SupportedTextRecord, TextCategory, TextColor, TextProps, TextSize, TextWeight, TextareaProps, TextareaSize, ThemeContextValue, ThemeName, ThemeProviderProps, TooltipPosition, TooltipProps };

package/dist/index.js

@@ -1666,6 +1666,18 @@ const validateEnsRecords = (ensRecords) => {
     errors: validationErrs
   };
 };
+const diffToEnsRecords = (diff) => {
+  const records = {
+    addresses: [],
+    texts: []
+  };
+  records.addresses = [...diff.addressesAdded, ...diff.addressesModified];
+  records.texts = [...diff.textsAdded, ...diff.textsModified];
+  if (diff.contenthashAdded || diff.contenthashModified) {
+    records.contenthash = diff.contenthashAdded || diff.contenthashModified;
+  }
+  return records;
+};
 
 const ensureFloatInput = (value) => {
   if (value.length === 0) {
@@ -28602,19 +28614,26 @@ const EnsUpdateRecordsForm = ({
   resolverAddress,
   isTestnet,
   onGreat,
-  onRecordsUpdated
+  onRecordsUpdated,
+  onCancel,
+  onTransactionSent
 }) => {
   const [recordsTemplate, setRecordsTemplate] = useState(
     deepCopy(existingRecords)
   );
   const { setUpdateRecordsTx } = useENSResolver({ resolverChainId, isTestnet });
-  const { waitTx } = useWaitTransaction({ isTestnet, chainId: resolverChainId });
+  const { waitTx } = useWaitTransaction({
+    isTestnet,
+    chainId: resolverChainId
+  });
   const [step, setStep] = useState(0 /* SetRecords */);
   const [updateTx, setUpdateTx] = useState({
     hash: "0x0",
     status: TxProgress.Pending
   });
-  const [error, setError] = useState(null);
+  const [error, setError] = useState(
+    null
+  );
   const [isUpdating, setIsUpdating] = useState({
     waitingWallet: false,
     waitingTx: false
@@ -28668,6 +28687,7 @@ const EnsUpdateRecordsForm = ({
       return;
     }
     try {
+      onTransactionSent?.(tx);
       await waitTx({ hash: tx });
       setUpdateTx({ hash: tx, status: TxProgress.Success });
       setIsUpdating({ waitingWallet: false, waitingTx: false });
@@ -28685,9 +28705,17 @@ const EnsUpdateRecordsForm = ({
         records: recordsTemplate,
         onRecordsUpdated: (records) => setRecordsTemplate(records),
         actionButtons: /* @__PURE__ */ jsxs("div", { style: { padding: 10, paddingTop: 0 }, children: [
-          validationError && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Alert, { variant: "error", children: validationError }) }),
+          validationError && /* @__PURE__ */ jsx("div", { style: { marginTop: -12 }, children: /* @__PURE__ */ jsx(Alert, { variant: "error", children: validationError }) }),
           /* @__PURE__ */ jsxs("div", { className: "ens-update-records-form-actions", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "lg", children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => onCancel?.(),
+                variant: "outline",
+                size: "lg",
+                children: "Cancel"
+              }
+            ),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -28738,7 +28766,11 @@ const EnsRecordsForm = ({
   isTestnet,
   resolverAddress,
   noBorder,
-  className
+  className,
+  onCancel,
+  onGreat,
+  onRecordsUpdated,
+  onTransactionSent
 }) => {
   const mainnetChainId = isTestnet ? sepolia$1.id : mainnet$1.id;
   const resolverChain = resolverChainId ? resolverChainId : mainnetChainId;
@@ -28826,9 +28858,12 @@ const EnsRecordsForm = ({
             isTestnet,
             resolverAddress: resolverState.address,
             resolverChainId: resolverChain,
-            onRecordsUpdated: (recordsDiff) => {
-              console.log("records updated");
-            }
+            onRecordsUpdated: (records) => {
+              onRecordsUpdated?.(records);
+            },
+            onGreat,
+            onCancel,
+            onTransactionSent
           }
         )
       ]
@@ -36590,5 +36625,5 @@ var walletConnectWalletYHWKVTDY = /*#__PURE__*/Object.freeze({
   default: walletConnectWallet_default
 });
 
-export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, MULTICALL, Modal, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, Text$1 as Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TxProgress, WalletConnectProvider, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce$1 as debounce, deepCopy, ensureFloatInput, equalsIgnoreCase, formatFloat, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getEnsAppUrl, getEnsRecordsDiff, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useENSResolver, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords };
+export { Accordion, Alert, Button, Card, ChainIcon, ConnectAndSetChain, ContenthashIcon, ContenthashProtocol, ContractErrorLabel, Dropdown, ENS_RESOLVER_ABI, EnsNameRegistrationForm, EnsRecordsForm, Icon, Input, MULTICALL, Modal, ProfileHeader, ProgressBar, SET_ADDRESS_FUNC, SET_CONTENTHASH_FUNC, SET_TEXT_FUNC, SelectRecordsForm, ShurikenSpinner, Text$1 as Text, TextRecordCategory, Textarea, ThemeProvider, Tooltip, TxProgress, WalletConnectProvider, capitalize, convertEVMChainIdToCoinType, convertToMulticallResolverData, convertToResolverData, createEnsReferer, debounce$1 as debounce, deepCopy, diffToEnsRecords, ensureFloatInput, equalsIgnoreCase, formatFloat, getBlockExplorer, getBlockExplorerAddressUrl, getBlockExplorerName, getBlockExplorerTransactionUrl, getEnsAppUrl, getEnsRecordsDiff, getSupportedAddressByChainId, getSupportedAddressByCoin, getSupportedAddressByName, getSupportedAddressMap, getSupportedChashByProtocol, getSupportedText, isCommitmentToNewErr, isContenthashValid, isUserDeniedError, supportedAddresses, supportedContenthashRecords, supportedTexts, useENSResolver, useRegisterENS, useTheme, useWaitTransaction, validateEnsRecords };
 //# sourceMappingURL=index.js.map