@thenamespace/ens-components 0.19.0 → 0.20.0

package/dist/types/components/atoms/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./Icon.css";
-export type IconName = "person" | "x" | "search" | "square-user" | "globe" | "pin" | "box" | "book" | "map-pin" | "mail" | "discord" | "github" | "telegram" | "youtube" | "image" | "circle-person" | "twitter" | "circle-alert" | "check-circle" | "alert-triangle" | "info" | "x-circle" | "rotate-circle" | "logout" | "edit" | "copy" | "clock" | "image" | "xSocial";
+export type IconName = "person" | "x" | "search" | "square-user" | "globe" | "pin" | "box" | "book" | "map-pin" | "mail" | "discord" | "github" | "telegram" | "youtube" | "image" | "circle-person" | "twitter" | "circle-alert" | "check-circle" | "check" | "alert-triangle" | "info" | "x-circle" | "rotate-circle" | "logout" | "edit" | "copy" | "clock" | "image" | "xSocial" | "chevron-up" | "chevron-down" | "chevron-left";
 export interface IconProps {
     name: IconName;
     color?: string;

package/dist/types/components/atoms/index.d.ts

@@ -6,3 +6,4 @@ export * from "./icon/Icon";
 export * from "./chain-icon/ChainIcon";
 export * from "./tooltip/Tooltip";
 export * from "./card/Card";
+export * from "./spinner/ShurikenSpinner";

package/dist/types/components/atoms/input/Input.d.ts

@@ -10,6 +10,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     disabled?: boolean;
     error?: boolean;
     dataTestId?: string;
+    wrapperClassName?: string;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/types/components/atoms/spinner/ShurikenSpinner.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./ShurikenSpinner.css";
+export interface ShurikenSpinnerProps {
+    size?: number;
+    className?: string;
+}
+export declare const ShurikenSpinner: React.FC<ShurikenSpinnerProps>;
+export default ShurikenSpinner;

package/dist/types/components/ens-name-registration/ENSNameRegistrationForm.d.ts

@@ -0,0 +1,10 @@
+import "./ENSNamesRegistrarComponent.css";
+import { Address } from "viem";
+export interface EnsNameRegistrationFormProps {
+    name?: string;
+    isTestnet?: boolean;
+    referrer?: Address;
+    noBorder?: boolean;
+    className?: string;
+}
+export declare const EnsNameRegistrationForm: (props: EnsNameRegistrationFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ens-name-registration/RegistrationProcess.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import "./RegistrationProcess.css";
+import { EnsRecords } from "@/types";
+interface RegistrationSuccessData {
+    expiryInYears: number;
+    registrationCost: string;
+    transactionFees: string;
+    total: string;
+    expiryDate: string;
+}
+interface RegistrationProcessProps {
+    label: string;
+    expiryInYears: number;
+    isTestnet: boolean;
+    records: EnsRecords;
+    onBack?: (clearState?: boolean) => void;
+    onSuccess?: (data: RegistrationSuccessData) => void;
+}
+export declare const RegistrationProcess: React.FC<RegistrationProcessProps>;
+export {};

package/dist/types/components/ens-name-registration/RegistrationSummary.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import "./RegistrationSummary.css";
+export interface RegistrationSummaryProps {
+    label: string;
+    years: number;
+    price: {
+        isChecking: boolean;
+        wei: bigint;
+        eth: number;
+    };
+    nameValidation: {
+        isChecking: boolean;
+        isTaken: boolean;
+        reason?: string;
+    };
+    isTestnet?: boolean;
+    onLabelChange: (label: string) => void;
+    onYearsChange: (years: number) => void;
+    onPriceChange: (price: {
+        isChecking: boolean;
+        wei: bigint;
+        eth: number;
+    }) => void;
+    onNameValidationChange: (validation: {
+        isChecking: boolean;
+        isTaken: boolean;
+        reason?: string;
+    }) => void;
+    onSetProfile?: () => void;
+    onStart?: () => void;
+}
+export declare const RegistrationSummary: React.FC<RegistrationSummaryProps>;

package/dist/types/components/ens-name-registration/SetNameRecords.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { EnsRecords } from "@/types";
+export interface SetNameRecordsProps {
+    records: EnsRecords;
+    onRecordsChange: (records: EnsRecords) => void;
+    onCancel: () => void;
+    onSave: () => void;
+}
+export declare const SetNameRecords: React.FC<SetNameRecordsProps>;

package/dist/types/components/ens-name-registration/registration/CommitmentStep.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Address } from "viem";
+import { RegistrationState } from "./types";
+interface CommitmentStepProps {
+    state: RegistrationState;
+    isTestnet?: boolean;
+    onStateUpdated: (state: RegistrationState) => void;
+    referrer?: Address;
+}
+export declare const CommitmentStep: React.FC<CommitmentStepProps>;
+export {};

package/dist/types/components/{ens-names-registrar-component/sub-components → ens-name-registration/registration}/ProgressBar.d.ts

@@ -1,3 +1,4 @@
+import "./ProgressBar.css";
 interface ProgressBarProps {
     progress: number;
 }

package/dist/types/components/ens-name-registration/registration/RegistrationStep.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { RegistrationState } from "./types";
+interface RegistrationSuccessData {
+    expiryInYears: number;
+    registrationCost: string;
+    transactionFees: string;
+    total: string;
+    expiryDate: string;
+}
+interface RegistrationStepProps {
+    state: RegistrationState;
+    isTestnet: boolean;
+    onStateUpdated: (state: RegistrationState) => void;
+    onSuccess?: (data: RegistrationSuccessData) => void;
+}
+export declare const RegistrationStep: React.FC<RegistrationStepProps>;
+export {};

package/dist/types/components/ens-name-registration/registration/SuccessScreen.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./SuccessScreen.css";
+interface SuccessScreenProps {
+    ensName: string;
+    expiryInYears: number;
+    registrationCost: string;
+    transactionFees: string;
+    total: string;
+    expiryDate: string;
+    isTestnet?: boolean;
+    onClose?: () => void;
+    onRegisterAnother: () => void;
+    onViewName?: () => void;
+}
+export declare const SuccessScreen: React.FC<SuccessScreenProps>;
+export {};

package/dist/types/components/{ens-names-registrar-component/sub-components → ens-name-registration/registration}/Timer.d.ts

@@ -1,3 +1,4 @@
+import "./Timer.css";
 interface TimerProps {
     seconds: number;
     progress: number;

package/dist/types/components/ens-name-registration/registration/TimerStep.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { RegistrationState } from "./types";
+interface TimerStepProps {
+    state: RegistrationState;
+    onTimerCompleted?: () => void;
+}
+export declare const TimerStep: React.FC<TimerStepProps>;
+export {};

package/dist/types/components/ens-name-registration/registration/TransactionPendingScreen.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Hash } from "viem";
+interface TransactionPendingScreenProps {
+    message?: string;
+    hash: Hash;
+    isCompleted: boolean;
+    isTestnet?: boolean;
+}
+export declare const TransactionPendingScreen: React.FC<TransactionPendingScreenProps>;
+export {};

package/dist/types/components/ens-name-registration/registration/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./types";
+export * from "./CommitmentStep";
+export * from "./TimerStep";
+export * from "./RegistrationStep";
+export * from "./Timer";
+export * from "./TransactionPendingScreen";
+export * from "./SuccessScreen";

package/dist/types/components/ens-name-registration/registration/types.d.ts

@@ -0,0 +1,28 @@
+import { EnsRecords } from "@/types";
+export declare enum ProcessSteps {
+    Start = 0,
+    CommitmentSent = 1,
+    CommitmentCompleted = 2,
+    TimerStarted = 3,
+    TimerCompleted = 4,
+    RegistrationSent = 5,
+    RegistrationCompleted = 6
+}
+export interface RegistrationState {
+    step: ProcessSteps;
+    commitment: {
+        tx?: string;
+        completed: boolean;
+        time: number;
+    };
+    timerStartedAt: number;
+    registration: {
+        tx?: string;
+        completed: boolean;
+    };
+    label: string;
+    isTestnet?: boolean;
+    secret: string;
+    expiryInYears: number;
+    records: EnsRecords;
+}

package/dist/types/components/index.d.ts

@@ -1,10 +1,5 @@
 export { SelectRecordsForm } from "./select-records-form/SelectRecordsForm";
 export { PendingTransaction, TransactionState, } from "./pending-transaction/PendingTransaction";
-export { ENSNameCard } from "./ens-names-card/EnsNameCard";
-export { ProfileCard } from "./ens-profile-card/ProfileCard";
-export { NavbarProfileCard } from "./ens-navbar-profile-card/NavbarProfileCard";
-export { SubnameOnChainRegistrarModal } from "./subname-onchain-registrar-modal/SubnameOnChainRegistrarModal";
-export { SubnameOffChainRegistrarModal } from "./subname-offchain-registrar-modal/SubnameOffChainRegistrarModal";
-export { ENSNamesRegistrarComponent } from "./ens-names-registrar-component/ENSNamesRegistrarComponent";
+export { EnsNameRegistrationForm } from "./ens-name-registration/ENSNameRegistrationForm";
 export * from "./atoms";
 export * from "./molecules";

package/dist/types/components/molecules/accordion/Accordion.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./Accordion.css";
+export interface AccordionProps {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    isOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
+    disabled?: boolean;
+    togglable?: boolean;
+    className?: string;
+    titleClassName?: string;
+    bodyClassName?: string;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/types/components/molecules/accordion/index.d.ts

@@ -0,0 +1 @@
+export * from "./Accordion";

package/dist/types/components/molecules/contract-error-label/ContractErrorLabel.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ContractFunctionExecutionError } from "viem";
+export interface ContractErrorLabelProps {
+    error: ContractFunctionExecutionError | null;
+    className?: string;
+}
+/**
+ * Checks if an error is a user rejection error (user denied the transaction)
+ */
+export declare const isUserDeniedError: (error: unknown) => boolean;
+/**
+ * Checks if an error is a CommitmentTooNew error
+ */
+export declare const isCommitmentToNewErr: (err: ContractFunctionExecutionError) => boolean;
+export declare const ContractErrorLabel: React.FC<ContractErrorLabelProps>;
+export default ContractErrorLabel;

package/dist/types/components/molecules/contract-error-label/index.d.ts

@@ -0,0 +1 @@
+export * from "./ContractErrorLabel";

package/dist/types/components/molecules/index.d.ts

@@ -3,3 +3,5 @@ export * from "./contenthash/ContenthashIcon";
 export * from "./alert/Alert";
 export * from "./modal/Modal";
 export * from "./profileheader/ProfileHeader";
+export * from "./accordion/Accordion";
+export * from "./contract-error-label/ContractErrorLabel";

package/dist/types/components/select-records-form/SelectRecordsForm.d.ts

@@ -3,5 +3,6 @@ import "./SelectRecordsForm.css";
 export interface SelectRecordsFormProps {
     records: EnsRecords;
     onRecordsUpdated: (records: EnsRecords) => void;
+    actionButtons?: React.ReactNode;
 }
-export declare const SelectRecordsForm: ({ records, onRecordsUpdated, }: SelectRecordsFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectRecordsForm: ({ records, onRecordsUpdated, actionButtons, }: SelectRecordsFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/constants/records/addressConstants.d.ts

@@ -23,4 +23,3 @@ export interface SupportedText {
     iconName?: IconName;
     hidden?: boolean;
 }
-export declare const SupportedTexts: SupportedText[];

package/dist/types/hooks/abis/index.d.ts

@@ -0,0 +1,92 @@
+export declare const ABIS: {
+    readonly ETH_REGISTRAR_CONTOLLER: ({
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        stateMutability: string;
+        type: string;
+        name?: undefined;
+        anonymous?: undefined;
+        outputs?: undefined;
+    } | {
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        type: string;
+        stateMutability?: undefined;
+        anonymous?: undefined;
+        outputs?: undefined;
+    } | {
+        anonymous: boolean;
+        inputs: {
+            indexed: boolean;
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        type: string;
+        stateMutability?: undefined;
+        outputs?: undefined;
+    } | {
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        outputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    } | {
+        inputs: {
+            components: {
+                internalType: string;
+                name: string;
+                type: string;
+            }[];
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        outputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    } | {
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        outputs: {
+            components: {
+                internalType: string;
+                name: string;
+                type: string;
+            }[];
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    })[];
+};

package/dist/types/hooks/index.d.ts

@@ -1,25 +1,2 @@
-export * from "./useWeb3Clients";
-export * from "./web3/use-web3-clients";
-export * from "./web3/use-main-chain";
-export * from "./web3/use-main-public-client";
-export * from "./web3/use-name-resolver";
-export * from "./web3/use-wait-for-transaction";
-export * from "./web3/use-l1-name-minter";
-export * from "./web3/use-block-explorer";
-export * from "./web3/use-alchemy-sdk";
-export * from "./ens/use-ens";
-export * from "./ens/use-eth-registrar-controller";
-export * from "./use-error-modal";
-export * from "./ens/use-ens-contract-address";
-export * from "./ens/use-ens-name-profile";
-export * from "./ens/use-name-wrapper";
-export * from "./namespace/use-burn-l2-subname";
-export * from "./namespace/use-mintable-listings";
-export * from "./namespace/use-hybrid-resolver";
-export * from "./namespace/use-namespace-account";
-export * from "./namespace/use-listing-manager";
-export * from "./namespace/use-l2-controller";
-export * from "./namespace/use-mint-client";
-export * from "./namespace/use-namespace-indexer";
-export * from "./use-screen-size";
-export * from "./efp/use-efp";
+export * from "./useRegisterENS";
+export * from "./useWaitTransaction";

package/dist/types/hooks/useRegisterENS.d.ts

@@ -0,0 +1,23 @@
+import { Address, Hash } from "viem";
+import { EnsRecords } from "@/types";
+interface RentPriceResponse {
+    wei: bigint;
+    eth: number;
+}
+export interface RegistrationRequest {
+    label: string;
+    owner: Address;
+    expiryInYears: number;
+    secret: string;
+    records: EnsRecords;
+    referrer?: Address;
+}
+export declare const useRegisterENS: ({ isTestnet }: {
+    isTestnet?: boolean;
+}) => {
+    isEnsAvailable: (label: string) => Promise<boolean>;
+    getRegistrationPrice: (label: string, expiryInYears?: number) => Promise<RentPriceResponse>;
+    sendCommitmentTx: (request: RegistrationRequest) => Promise<Hash>;
+    sendRegisterTx: (request: RegistrationRequest) => Promise<Hash>;
+};
+export {};

package/dist/types/hooks/useWaitTransaction.d.ts

@@ -0,0 +1,13 @@
+import { Hash, TransactionReceipt } from "viem";
+interface WaitTransactionOptions {
+    hash: Hash;
+    retries?: number;
+    retryDelay?: number;
+    timeout?: number;
+}
+export declare const useWaitTransaction: ({ isTestnet }: {
+    isTestnet?: boolean;
+}) => {
+    waitTx: (options: WaitTransactionOptions) => Promise<TransactionReceipt>;
+};
+export {};

package/dist/types/index.d.ts

@@ -1,9 +1,8 @@
 import "./styles/index.css";
 export * from "./components";
 export * from "./constants";
-export * from "./hooks";
 export * from "./types";
 export * from "./utils";
 export * from "./web3";
-export { isL2Chain } from "./types";
 export * from "./theme/ThemeProvider";
+export * from "./hooks";

package/dist/types/types/index.d.ts

@@ -1,12 +1,2 @@
 export * from "./records";
 export type { ChainName } from "./chain";
-export * from "./listing";
-export * from "./minting";
-export * from "./networks";
-export * from "./ens";
-export * from "./l2";
-export * from "./errors";
-export * from "./auth";
-export * from "./name-listing";
-export * from "./hybrid-resolver";
-export * from "./indexer";

package/dist/types/utils/ens.d.ts

@@ -1,3 +1,2 @@
-export declare const isL2EnsName: (ensName: string) => boolean;
-export declare const isSecondLevelDomain: (ensName: string) => boolean;
-export declare const isValidEnsLabel: (label: string) => boolean;
+import { Address, Hash } from "viem";
+export declare const createEnsReferer: (address: Address) => Hash;

package/dist/types/utils/index.d.ts

@@ -2,3 +2,5 @@ export * from "./strings";
 export * from "./coins";
 export * from "./records";
 export * from "./numbers";
+export * from "./resolver";
+export * from "./ens";

package/dist/types/utils/models.d.ts

@@ -1,4 +1,3 @@
-import { EnsRegistrationContext } from "@/hooks";
 export interface NameRegistration {
     label: string;
     durationInYears: number;
@@ -10,7 +9,7 @@ export interface NameRegistration {
 }
 export interface NameRegistrationProcessCache {
     currentStep: number;
-    registrations: EnsRegistrationContext[];
+    registrations: any[];
 }
 export declare const formatPrice: (value: number) => number;
 export declare enum EnsRegistrationSteps {

package/dist/types/utils/strings.d.ts

@@ -1,3 +1,4 @@
 export declare const capitalize: (value: string) => string;
 export declare const equalsIgnoreCase: (a: string, b: string) => boolean;
 export declare const deepCopy: (a: any) => any;
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => ((...args: Parameters<T>) => void);

package/dist/types/web3/index.d.ts

@@ -1,6 +1,2 @@
 export * from "./resolver-abi";
 export * from "./wallet-connect";
-export * from "./chains";
-export * from "./contracts/addresses";
-export * from "./providers";
-export * from "./abis";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thenamespace/ens-components",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -12,20 +12,10 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@ensdomains/address-encoder": "1.1.4",
-    "@ensdomains/content-hash": "3.0.0",
-    "@ensdomains/ensjs": "^4.0.2",
-    "@namespacesdk/addresses": "^1.0.15",
-    "@namespacesdk/indexer": "^1.0.1",
-    "@namespacesdk/mint-manager": "^1.0.15",
-    "@tanstack/react-query": "^5.87.0",
-    "alchemy-sdk": "^3.6.0",
-    "ethereum-identity-kit": "^0.2.39",
-    "lucide-react": ">=0.525.0",
-    "react": ">=18",
-    "react-dom": ">=18",
-    "viem": "^2.36.0",
-    "wagmi": "^2.16.8"
+    "react": ">=19",
+    "react-dom": ">=19",
+    "viem": "^2.38.4",
+    "wagmi": "^2.18.2"
   },
   "exports": {
     ".": {
@@ -58,7 +48,7 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "build:types": "tsc -p tsconfig.types.json",
-    "build": "npm run clean && npm run build:types && rollup -c"
+    "build": "npm run clean && npm run build:types && rollup -c rollup.config.mjs"
   },
   "keywords": [],
   "author": "",
@@ -85,12 +75,12 @@
     "axios": "^1.11.0",
     "bootstrap": "^5.3.8",
     "cssnano": "^7.1.1",
-    "react-easy-crop": "^5.5.6",
     "eslint": "^9.34.0",
     "postcss-import": "^16.1.1",
     "prettier": "^3.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-easy-crop": "^5.5.6",
     "rimraf": "^6.0.1",
     "rollup": "^4.50.1",
     "rollup-plugin-dts": "^6.2.3",
@@ -102,6 +92,15 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "dependencies": {
+    "@adraffy/ens-normalize": "^1.11.1",
+    "@ensdomains/address-encoder": "1.1.4",
+    "@ensdomains/content-hash": "^3.1.0-rc.1",
+    "@namespacesdk/addresses": "^1.0.15",
+    "@namespacesdk/indexer": "^1.0.1",
+    "@namespacesdk/mint-manager": "^1.0.15",
+    "@thenamespace/addresses": "^1.0.16",
+    "lodash": "^4.17.21",
+    "lucide-react": ">=0.525.0",
     "react-confetti": "^6.4.0"
   }
 }

package/dist/types/backend/index.d.ts

@@ -1 +0,0 @@
-export * from "./list-manager";