@thenamespace/ens-components 0.8.0 → 0.10.0

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

@@ -0,0 +1,24 @@
+import { EnsRegistrationContext } from "@/hooks";
+export interface NameRegistration {
+    label: string;
+    durationInYears: number;
+    price: {
+        isChecking: boolean;
+        ethValue: number;
+        weiValue: bigint;
+    };
+}
+export interface NameRegistrationProcessCache {
+    currentStep: number;
+    registrations: EnsRegistrationContext[];
+}
+export declare const formatPrice: (value: number) => number;
+export declare enum EnsRegistrationSteps {
+    SelectNames = 0,
+    RegistrationBegin = 1,
+    CommitmentSent = 2,
+    TimerStarted = 3,
+    TimerCompleted = 4,
+    RegistrationSent = 5,
+    RegistrationCompleted = 6
+}

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

@@ -0,0 +1,300 @@
+export declare const Abis: {
+    ENS_REGISTRY: ({
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        payable: boolean;
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+        name?: undefined;
+        constant?: undefined;
+        outputs?: undefined;
+    } | {
+        anonymous: boolean;
+        inputs: {
+            indexed: boolean;
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        type: string;
+        payable?: undefined;
+        stateMutability?: undefined;
+        constant?: undefined;
+        outputs?: undefined;
+    } | {
+        constant: boolean;
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        outputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        payable: boolean;
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    })[];
+    L1_MINT_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;
+        } | {
+            internalType: string;
+            name: string;
+            type: string;
+            components?: undefined;
+        })[];
+        name: string;
+        outputs: never[];
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    })[];
+    L2_MINT_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: ({
+            components: {
+                internalType: string;
+                name: string;
+                type: string;
+            }[];
+            internalType: string;
+            name: string;
+            type: string;
+        } | {
+            internalType: string;
+            name: string;
+            type: string;
+            components?: undefined;
+        })[];
+        name: string;
+        outputs: never[];
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    } | {
+        inputs: never[];
+        name: string;
+        outputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        stateMutability: string;
+        type: string;
+        anonymous?: undefined;
+    })[];
+    L2_REGISTRY_RESOLVER: {
+        inputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        name: string;
+        outputs: {
+            internalType: string;
+            name: string;
+            type: string;
+        }[];
+        stateMutability: string;
+        type: string;
+    }[];
+    HYBRID_RESOLVER: ({
+        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;
+    })[];
+    NAME_WRAPPER: ({
+        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;
+    })[];
+};

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

@@ -0,0 +1,12 @@
+import { INameListing } from "@/types";
+import { ListingNetwork, NamespaceListing } from "@/types/list-manager";
+import { SupportedChainName } from "@/types/networks";
+import { Chain } from "viem";
+export declare const getChain: (name: SupportedChainName) => Chain;
+export declare const getChainById: (id: number) => Chain | undefined;
+export declare const getChainName: (id: number) => SupportedChainName | null;
+export declare const isL2Chain: (id: number) => boolean;
+export declare const getChainForListing: (listing: INameListing) => Chain;
+export declare const getChainForListingV2: (listing: NamespaceListing) => Chain;
+export declare const getListingNetworkId: (listingNetwork: ListingNetwork) => Chain;
+export declare const getListingNetwork: (chainId: number) => ListingNetwork;

package/dist/types/web3/contracts/addresses.d.ts

@@ -0,0 +1,4 @@
+import { Layer2Network, Web3Network } from "@/types";
+export declare const getL1NamespaceContracts: () => import("@namespacesdk/addresses/dist/addresses").L1ContractAddresses;
+export declare const getEnsContracts: (network: Web3Network) => import("@namespacesdk/addresses/dist/addresses").EnsContracts;
+export declare const getL2NamespaceContracts: (network: Layer2Network) => import("@namespacesdk/addresses/dist/addresses").L2ContractAddresses;

package/dist/types/web3/efp-provider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const EfpProviders: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,3 @@
+import { Layer2Network, Web3Network } from "@/types";
+import { FallbackTransport, Transport } from "viem";
+export declare const getProvider: (network: Web3Network | Layer2Network) => Transport | FallbackTransport;

package/dist/types/web3/wallet-connect.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const WalletConnectProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thenamespace/ens-components",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -12,9 +12,15 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@ensdomains/address-encoder": "^1.1.4",
-    "@ensdomains/content-hash": "^3.0.0",
+    "@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",
@@ -84,6 +90,7 @@
     "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",
@@ -93,5 +100,8 @@
     "typescript": "^5.9.2",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"
+  },
+  "dependencies": {
+    "react-confetti": "^6.4.0"
   }
 }

package/dist/types/components/ens-names-register-component/ENSNamesRegisterComponent.d.ts

@@ -1,17 +0,0 @@
-import "./ENSNamesRegisterComponent.css";
-export interface ENSNamesRegisterComponentProps {
-    name?: string;
-    duration?: number;
-    onNameChange?: (name: string) => void;
-    onDurationChange?: (duration: number) => void;
-    onBack?: () => void;
-    onClose?: () => void;
-    onNext?: () => void;
-    onCompleteProfile?: () => void;
-    onOpenWallet?: () => void;
-    onCompleteRegistration?: () => void;
-    onRegisterAnother?: () => void;
-    onViewName?: () => void;
-}
-export declare function ENSNamesRegisterComponent({ name, duration: initialDuration, onNameChange, onDurationChange, onBack, onClose, onNext, onCompleteProfile, onOpenWallet, onCompleteRegistration, onRegisterAnother, onViewName, }: ENSNamesRegisterComponentProps): import("react/jsx-runtime").JSX.Element;
-export default ENSNamesRegisterComponent;

package/dist/types/components/ens-names-register-component/sub-components/Header.d.ts

@@ -1,7 +0,0 @@
-interface HeaderProps {
-    showBack?: boolean;
-    onBack?: () => void;
-    onClose?: () => void;
-}
-export declare function Header({ showBack, onBack, onClose }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/ens-names-register-component/sub-components/RegistrationProcess.d.ts

@@ -1,17 +0,0 @@
-interface RegistrationProcessProps {
-    expandedStep: number;
-    completedSteps: number[];
-    isTransactionInProgress: boolean;
-    progress: number;
-    timerSeconds: number;
-    timerProgress: number;
-    remainingHours: number;
-    onBack: () => void;
-    onClose?: () => void;
-    onToggleStep: (stepNumber: number) => void;
-    onOpenWallet: () => void;
-    onCompleteRegistration: () => void;
-    onCompleteProfile?: () => void;
-}
-export declare function RegistrationProcess({ expandedStep, completedSteps, isTransactionInProgress, progress, timerSeconds, timerProgress, remainingHours, onBack, onClose, onToggleStep, onOpenWallet, onCompleteRegistration, onCompleteProfile, }: RegistrationProcessProps): import("react/jsx-runtime").JSX.Element;
-export {};