@thenamespace/ens-components 1.2.1 → 1.3.0

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

@@ -18,7 +18,7 @@ export interface EnsNameRegistrationFormProps {
     onConnectWallet?: () => void;
 }
 interface RegistrationSuccessData {
-    expiryInYears: number;
+    durationLabel: string;
     registrationCost: string;
     transactionFees: string;
     total: string;

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

@@ -3,7 +3,7 @@ import "./RegistrationProcess.css";
 import { EnsRecords } from "@/types";
 import { Address } from "viem";
 interface RegistrationSuccessData {
-    expiryInYears: number;
+    durationLabel: string;
     registrationCost: string;
     transactionFees: string;
     total: string;
@@ -11,7 +11,7 @@ interface RegistrationSuccessData {
 }
 interface RegistrationProcessProps {
     label: string;
-    expiryInYears: number;
+    durationInSeconds: number;
     isTestnet: boolean;
     records: EnsRecords;
     onBack?: (clearState?: boolean) => void;

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

@@ -2,7 +2,7 @@ import React from "react";
 import "./RegistrationSummary.css";
 export interface RegistrationSummaryProps {
     label: string;
-    years: number;
+    durationSeconds: number;
     price: {
         isChecking: boolean;
         wei: bigint;
@@ -28,7 +28,7 @@ export interface RegistrationSummaryProps {
     hideBanner?: boolean;
     bannerWidth?: number;
     onLabelChange: (label: string) => void;
-    onYearsChange: (years: number) => void;
+    onDurationChange: (seconds: number) => void;
     onPriceChange: (price: {
         isChecking: boolean;
         wei: bigint;

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

@@ -2,7 +2,7 @@ import React from "react";
 import { RegistrationState } from "./types";
 import { EnsRecords } from "@/types";
 export interface RegistrationSuccessData {
-    expiryInYears: number;
+    durationLabel: string;
     registrationCost: string;
     transactionFees: string;
     total: string;

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

@@ -2,7 +2,7 @@ import React from "react";
 import "./SuccessScreen.css";
 interface SuccessScreenProps {
     ensName: string;
-    expiryInYears: number;
+    durationLabel: string;
     registrationCost: string;
     transactionFees: string;
     total: string;

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

@@ -24,7 +24,7 @@ export interface RegistrationState {
     label: string;
     isTestnet?: boolean;
     secret: string;
-    expiryInYears: number;
+    durationInSeconds: number;
     records: EnsRecords;
     referrer?: Address;
     isLoading?: boolean;

package/dist/types/components/molecules/duration-picker/DurationPicker.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./DurationPicker.css";
+export interface DurationPickerProps {
+    durationSeconds: number;
+    onDurationChange: (seconds: number) => void;
+    minSeconds?: number;
+}
+export declare const DurationPicker: React.FC<DurationPickerProps>;

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

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

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

@@ -15,8 +15,9 @@ export interface PricingDisplayProps {
         isChecking: boolean;
     };
     expiryPicker?: {
-        years: number;
-        onYearsChange: (years: number) => void;
+        durationSeconds: number;
+        onDurationChange: (seconds: number) => void;
+        minSeconds?: number;
     };
     ethUsdRate?: number | null;
     className?: string;

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

@@ -7,7 +7,7 @@ interface RentPriceResponse {
 export interface RegistrationRequest {
     label: string;
     owner: Address;
-    expiryInYears: number;
+    durationInSeconds: number;
     secret: string;
     records: EnsRecords;
     referrer?: Address;
@@ -16,7 +16,7 @@ export declare const useRegisterENS: ({ isTestnet }: {
     isTestnet?: boolean;
 }) => {
     isEnsAvailable: (label: string) => Promise<boolean>;
-    getRegistrationPrice: (label: string, expiryInYears?: number) => Promise<RentPriceResponse>;
+    getRegistrationPrice: (label: string, durationInSeconds?: number) => Promise<RentPriceResponse>;
     sendCommitmentTx: (request: RegistrationRequest) => Promise<Hash>;
     sendRegisterTx: (request: RegistrationRequest) => Promise<{
         txHash: Hash;

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

@@ -0,0 +1,19 @@
+export declare const ONE_DAY = 86400;
+/** Fixed 365-day year. Use secondsFromYears() when calendar accuracy is required (e.g. initial state). */
+export declare const ONE_YEAR: number;
+export declare const MIN_REGISTRATION_SECONDS: number;
+/** "YYYY-MM-DD" string for <input type="date"> value, from Unix expiry timestamp */
+export declare const secondsToDateInput: (expirySeconds: number) => string;
+/** Duration in seconds from nowSeconds to the start of valueAsDate's calendar day (UTC-day aligned).
+ *  Uses local date parts fed into Date.UTC to count whole calendar days without DST skew. */
+export declare const roundDurationWithDay: (valueAsDate: Date, nowSeconds: number) => number;
+/** Calendar-aware seconds for N whole years from startDate (handles leap years) */
+export declare const secondsFromYears: (startDate: Date, years: number) => number;
+/** Fractional years from duration seconds */
+export declare const yearsFromSeconds: (seconds: number) => number;
+/**
+ * Human-readable duration label for display.
+ * Examples: "1 year", "2 years", "6 months, 3 days", "28 days"
+ * Shows at most 2 parts; omits days when years are present.
+ */
+export declare const formatDurationSummary: (durationSeconds: number) => string;

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

@@ -6,3 +6,4 @@ export * from "./resolver";
 export * from "./ens";
 export * from "./blockExplorer";
 export * from "./async";
+export * from "./date";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thenamespace/ens-components",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.js",