@thenamespace/ens-components 0.25.0 → 0.27.0

package/dist/types/components/ens-records-form/EnsRecordsForm.d.ts

@@ -1,6 +1,7 @@
 import { EnsRecords } from "@/types";
-import { Address } from "viem";
+import { Address, Hash } from "viem";
 import "./EnsRecordsForm.css";
+import { EnsRecordsDiff } from "@/utils";
 export interface EnsRecordsFormProps {
     resolverChainId?: number;
     resolverAddress?: Address;
@@ -9,5 +10,9 @@ export interface EnsRecordsFormProps {
     existingRecords: EnsRecords;
     noBorder?: boolean;
     className?: string;
+    onCancel?: () => void;
+    onRecordsUpdated?: (newRecords: EnsRecordsDiff) => void;
+    onGreat?: () => void;
+    onTransactionSent?: (hash: Hash) => void;
 }
-export declare const EnsRecordsForm: ({ name, existingRecords, resolverChainId, isTestnet, resolverAddress, noBorder, className, }: EnsRecordsFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnsRecordsForm: ({ name, existingRecords, resolverChainId, isTestnet, resolverAddress, noBorder, className, onCancel, onGreat, onRecordsUpdated, onTransactionSent }: EnsRecordsFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ens-records-form/EnsUpdateRecordsForm.d.ts

@@ -1,5 +1,5 @@
 import { EnsRecords } from "@/types";
-import { Address } from "viem";
+import { Address, Hash } from "viem";
 import { EnsRecordsDiff } from "@/utils";
 import "./EnsUpdateRecordsForm.css";
 interface EnsUpdateRecordsForm {
@@ -8,8 +8,10 @@ interface EnsUpdateRecordsForm {
     isTestnet?: boolean;
     name: string;
     existingRecords: EnsRecords;
-    onRecordsUpdated: (diff: EnsRecordsDiff) => void;
+    onCancel?: () => void;
+    onRecordsUpdated?: (diff: EnsRecordsDiff) => void;
     onGreat?: () => void;
+    onTransactionSent?: (hash: Hash) => void;
 }
-export declare const EnsUpdateRecordsForm: ({ name, existingRecords, resolverChainId, resolverAddress, isTestnet, onGreat, onRecordsUpdated, }: EnsUpdateRecordsForm) => import("react/jsx-runtime").JSX.Element;
+export declare const EnsUpdateRecordsForm: ({ name, existingRecords, resolverChainId, resolverAddress, isTestnet, onGreat, onRecordsUpdated, onCancel, onTransactionSent, }: EnsUpdateRecordsForm) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 export { SelectRecordsForm } from "./select-records-form/SelectRecordsForm";
 export { EnsNameRegistrationForm } from "./ens-name-registration/ENSNameRegistrationForm";
 export { EnsRecordsForm } from "./ens-records-form/EnsRecordsForm";
+export { SubnameMintForm } from "./subname-mint-form/SubnameMintForm";
 export * from "./atoms";
 export * from "./molecules";

package/dist/types/components/molecules/alert/Alert.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
 import "./Alert.css";
 export type AlertVariant = "error" | "warning" | "info" | "success";
+export type AlertPosition = "vertical" | "horizontal";
 export interface AlertProps {
     variant?: AlertVariant;
+    position?: AlertPosition;
     children: React.ReactNode;
     className?: string;
     onClose?: () => void;

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

@@ -7,3 +7,4 @@ export * from "./accordion/Accordion";
 export * from "./contract-error-label/ContractErrorLabel";
 export * from "./connect-and-set-chain/ConnectAndSetChain";
 export * from "./progress-bar/ProgressBar";
+export * from "./pricing-display/PricingDisplay";

package/dist/types/components/molecules/pricing-display/PricingDisplay.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import "./PricingDisplay.css";
+export interface PricingDisplayProps {
+    primaryFee: {
+        label: string;
+        amount: number | string;
+        isChecking: boolean;
+    };
+    networkFees?: {
+        amount: number | string;
+        isChecking: boolean;
+    };
+    total: {
+        amount: number | string;
+        isChecking: boolean;
+    };
+    expiryPicker?: {
+        years: number;
+        onYearsChange: (years: number) => void;
+    };
+    className?: string;
+}
+export declare const PricingDisplay: React.FC<PricingDisplayProps>;
+export default PricingDisplay;

package/dist/types/components/molecules/pricing-display/index.d.ts

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

package/dist/types/components/subname-mint-form/MintFormActions.d.ts

@@ -0,0 +1,11 @@
+export interface MintFormActionsProps {
+    onCancel: () => void;
+    onMint: () => void;
+    isMintDisabled: boolean;
+    isWaitingWallet?: boolean;
+    needsChainSwitch?: boolean;
+    chainName?: string;
+    onSwitchChain?: () => void;
+    isSwitchingChain?: boolean;
+}
+export declare const MintFormActions: ({ onCancel, onMint, isMintDisabled, isWaitingWallet, needsChainSwitch, chainName, onSwitchChain, isSwitchingChain, }: MintFormActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/subname-mint-form/MintSuccess.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { MintSuccessData } from "./SubnameMintForm";
+import "../ens-name-registration/registration/SuccessScreen.css";
+export interface MintSuccessProps {
+    data: MintSuccessData;
+    chainId: number;
+    isTestnet: boolean;
+    onClose?: () => void;
+    onMintAnother?: () => void;
+    onViewName?: () => void;
+}
+export declare const MintSuccess: React.FC<MintSuccessProps>;

package/dist/types/components/subname-mint-form/NameAvailabilityInput.d.ts

@@ -0,0 +1,11 @@
+export interface NameAvailabilityInputProps {
+    label: string;
+    parentName: string;
+    minLength: number;
+    disabled: boolean;
+    isChecking: boolean;
+    isAvailable: boolean;
+    isReserved: boolean;
+    onNameChange: (value: string) => void;
+}
+export declare const NameAvailabilityInput: ({ label, parentName, minLength, disabled, isChecking, isAvailable, isReserved, onNameChange, }: NameAvailabilityInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/subname-mint-form/ProfileSelector.d.ts

@@ -0,0 +1,4 @@
+export interface ProfileSelectorProps {
+    onSelect: () => void;
+}
+export declare const ProfileSelector: ({ onSelect }: ProfileSelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/subname-mint-form/SetSubnameRecords.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { EnsRecords } from "@/types";
+export interface SetSubnameRecordsProps {
+    records: EnsRecords;
+    onRecordsChange: (records: EnsRecords) => void;
+    onCancel: () => void;
+    onSave: () => void;
+    hasChanges?: boolean;
+}
+export declare const SetSubnameRecords: React.FC<SetSubnameRecordsProps>;

package/dist/types/components/subname-mint-form/SubnameMintForm.d.ts

@@ -0,0 +1,32 @@
+import "./SubnameMintForm.css";
+import { EnsRecords } from "@/types";
+export interface MintSuccessData {
+    fullName: string;
+    label: string;
+    parentName: string;
+    txHash: string;
+    price: string;
+    transactionFees: string;
+    records: EnsRecords;
+}
+export interface SubnameMintedData {
+    label: string;
+    parentName: string;
+    fullSubname: string;
+    records: EnsRecords;
+    price: string;
+    transactionFees: string;
+    ownerAddress: string;
+    txHash: string;
+    chainId: number;
+}
+interface SubnameMintFormProps {
+    parentName: string;
+    label?: string;
+    isTestnet?: boolean;
+    onCancel?: () => void;
+    onSuccess?: (data: MintSuccessData) => void;
+    onSubnameMinted?: (data: SubnameMintedData) => void;
+}
+export declare const SubnameMintForm: ({ parentName, label, isTestnet, onCancel, onSuccess, onSubnameMinted, }: SubnameMintFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,5 @@
 export * from "./useRegisterENS";
 export * from "./useWaitTransaction";
 export * from "./useENSResolver";
+export * from "./useMintManager";
+export * from "./useMintSubname";

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

@@ -0,0 +1,9 @@
+import { NameListing } from "@/types";
+interface UseMintManagerParams {
+    isTestnet?: boolean;
+}
+export declare const useMintManager: ({ isTestnet }: UseMintManagerParams) => {
+    mintClient: import("@thenamespace/mint-manager").MintClient;
+    getListingDetails: (name: string) => Promise<NameListing>;
+};
+export {};

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

@@ -0,0 +1,23 @@
+import { Address, Hash } from "viem";
+import { MintTransactionResponse } from "@thenamespace/mint-manager/dist/types";
+interface MintSubnameResult {
+    txHash: Hash;
+    price: bigint;
+}
+export interface EstimatedFees {
+    gasEstimate: bigint;
+    gasPrice: bigint;
+    totalFeeWei: bigint;
+    totalFeeEth: number;
+}
+interface EstimateFeesParams {
+    mintTx: MintTransactionResponse;
+    account: Address;
+}
+export declare const useMintSubname: ({ chainId }: {
+    chainId: number;
+}) => {
+    mintSubname: (mintTx: MintTransactionResponse) => Promise<MintSubnameResult>;
+    estimateTransactionFees: (params: EstimateFeesParams) => Promise<EstimatedFees | null>;
+};
+export {};

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

@@ -1,3 +1,4 @@
 export * from "./records";
 export type { ChainName } from "./chain";
 export * from "./tx";
+export * from "./listing";

package/dist/types/types/listing.d.ts

@@ -0,0 +1,25 @@
+import { Address } from "viem";
+export interface NameListing {
+    type: ListingType;
+    name: string;
+    isVerified: boolean;
+    l2Metadata?: {
+        isBurnable: boolean;
+        isExpirable: boolean;
+        registryAddress: Address;
+        registryNetwork: ListingNetwork;
+    };
+    nameNetwork: ListingNetwork;
+}
+export declare enum ListingType {
+    L1 = "L1",
+    L2 = "L2"
+}
+export declare enum ListingNetwork {
+    Base = "BASE",
+    Optimism = "OPTIMISM",
+    Mainnet = "MAINNET",
+    Sepolia = "SEPOLIA",
+    BaseSepolia = "BASE_SEPOLIA"
+}
+export declare const getChainIdForListingNetwork: (network: ListingNetwork) => number;

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

@@ -20,3 +20,4 @@ export declare const validateEnsRecords: (ensRecords: EnsRecords) => {
     validationFailed: boolean;
     errors: RecordValidationError[];
 };
+export declare const diffToEnsRecords: (diff: EnsRecordsDiff) => EnsRecords;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thenamespace/ens-components",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -74,8 +74,6 @@
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^5.0.2",
-    "viem": "^2.38.4",
-    "wagmi": "^2.18.2",
     "autoprefixer": "^10.4.21",
     "axios": "^1.11.0",
     "bootstrap": "^5.3.8",
@@ -93,8 +91,10 @@
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^8.6.14",
     "typescript": "^5.9.2",
+    "viem": "^2.38.4",
     "vite": "^6.3.5",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^5.1.4",
+    "wagmi": "^2.18.2"
   },
   "dependencies": {
     "@adraffy/ens-normalize": "^1.11.1",
@@ -104,6 +104,7 @@
     "@namespacesdk/indexer": "^1.0.1",
     "@namespacesdk/mint-manager": "^1.0.15",
     "@thenamespace/addresses": "^1.1.0",
+    "@thenamespace/mint-manager": "^1.1.1",
     "lodash": "^4.17.21",
     "lucide-react": ">=0.525.0",
     "react-confetti": "^6.4.0"