@namehash/namehash-ui 0.0.0-next-20260119132859 → 0.0.0-next-20260120091912

package/dist/index.js

@@ -4219,7 +4219,7 @@ var SUPPORTED_CHAINS = [
 ];
 var CUSTOM_CHAIN_NAMES = /* @__PURE__ */ new Map([
   [ensTestEnvL1Chain2.id, "Ethereum Local (ens-test-env)"],
-  [mainnet.id, "Ethereum"],
+  [mainnet.id, "Mainnet"],
   [sepolia.id, "Ethereum Sepolia"],
   [base.id, "Base"],
   [baseSepolia.id, "Base Sepolia"],
@@ -5471,8 +5471,8 @@ var IdentityTooltip = ({
               {
                 value: identity.address,
                 className: "nhui:text-gray-500 nhui:hover:text-gray-700 nhui:transition-colors",
-                successIcon: /* @__PURE__ */ jsx37(CheckIcon, { className: "nhui:h-4 nhui:w-4" }),
-                icon: /* @__PURE__ */ jsx37(CopyIcon, { className: "nhui:h-4 nhui:w-4" }),
+                successIcon: /* @__PURE__ */ jsx37(CheckIcon, { className: "nhui:h-4 nhui:w-4", style: { fill: "none" } }),
+                icon: /* @__PURE__ */ jsx37(CopyIcon, { className: "nhui:h-4 nhui:w-4", style: { fill: "none" } }),
                 showToast: true
               }
             ),
@@ -5518,17 +5518,17 @@ import {
 // src/hooks/useIsMobile.tsx
 import * as React5 from "react";
 var MOBILE_BREAKPOINT = 640;
-function useIsMobile() {
+function useIsMobile(breakpoint = MOBILE_BREAKPOINT) {
   const [isMobile, setIsMobile] = React5.useState(void 0);
   React5.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
     const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+      setIsMobile(window.innerWidth < breakpoint);
     };
     mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    setIsMobile(window.innerWidth < breakpoint);
     return () => mql.removeEventListener("change", onChange);
-  }, []);
+  }, [breakpoint]);
   return !!isMobile;
 }
 
@@ -5689,7 +5689,11 @@ import {
   ZERO_ENCODED_REFERRER
 } from "@ensnode/ensnode-sdk";
 import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
-function LabeledField({ fieldLabel, className, children }) {
+function LabeledField({
+  fieldLabel,
+  className,
+  children
+}) {
   return /* @__PURE__ */ jsxs28(
     "div",
     {
@@ -5710,6 +5714,7 @@ function ResolveAndDisplayReferrerIdentity({
   referral,
   accelerate = true,
   withLink = true,
+  getReferrerLink,
   withTooltip = true,
   withAvatar = false,
   withIdentifier = true,
@@ -5739,7 +5744,7 @@ function ResolveAndDisplayReferrerIdentity({
           TooltipContent,
           {
             side: "top",
-            className: "nhui:bg-gray-50 nhui:text-sm nhui:text-black nhui:text-left nhui:shadow-md nhui:outline-hidden nhui:w-fit",
+            className: "nhui:bg-gray-50 nhui:text-sm nhui:text-black nhui:text-left nhui:shadow-md nhui:outline-hidden nhui:w-fit [&_svg]:fill-gray-50 [&_svg]:bg-gray-50",
             children: [
               "Encoded referrer",
               /* @__PURE__ */ jsx41("code", { className: "nhui:block", children: referral.encodedReferrer }),
@@ -5764,7 +5769,7 @@ function ResolveAndDisplayReferrerIdentity({
       withLink,
       identityLinkDetails: {
         isExternal: true,
-        link: getEnsManagerAddressDetailsUrl(referrerIdentity.address, namespaceId)
+        link: getReferrerLink(referrerIdentity.address, namespaceId)
       }
     }
   );
@@ -5806,6 +5811,10 @@ function RegistrarActionCard({
   namedRegistrarAction,
   now,
   links,
+  showIdentityTooltips = {
+    registrant: false,
+    referrer: false
+  },
   showReferrer = true,
   referralProgramField
 }) {
@@ -5865,7 +5874,7 @@ function RegistrarActionCard({
               identity: registrantIdentity,
               namespaceId,
               withAvatar: true,
-              withTooltip: false,
+              withTooltip: showIdentityTooltips.registrant,
               withIdentifier: false,
               identityLinkDetails: links.registrant
             }
@@ -5876,7 +5885,7 @@ function RegistrarActionCard({
               identity: registrantIdentity,
               namespaceId,
               withAvatar: isMobile,
-              withTooltip: false,
+              withTooltip: showIdentityTooltips.registrant,
               className: "nhui:font-medium nhui:sm:max-[1220px]:max-w-[110px] nhui:min-[1220px]:max-w-[140px]",
               identityLinkDetails: links.registrant
             }
@@ -5891,7 +5900,8 @@ function RegistrarActionCard({
               referral,
               withAvatar: true,
               withIdentifier: false,
-              withTooltip: false
+              withTooltip: showIdentityTooltips.referrer,
+              getReferrerLink: links.referrerLinkFunction
             }
           ),
           /* @__PURE__ */ jsx41(LabeledField, { fieldLabel: "Referrer", className: "nhui:w-[15%] nhui:min-w-[110px]", children: /* @__PURE__ */ jsx41(
@@ -5902,7 +5912,8 @@ function RegistrarActionCard({
               referral,
               withAvatar: isMobile,
               withIdentifier: true,
-              withTooltip: false
+              withTooltip: showIdentityTooltips.referrer,
+              getReferrerLink: links.referrerLinkFunction
             }
           ) })
         ] }),
@@ -6044,12 +6055,14 @@ export {
   IdentityLink,
   IdentityTooltip,
   InfoIcon,
+  LabeledField,
   NameDisplay,
   RegistrarActionCard,
   RegistrarActionCardLoading,
   RegistrarActionCardMemo,
   RelativeTime,
   ResolveAndDisplayIdentity,
+  SUPPORTED_CHAINS,
   TelegramIcon,
   TwitterIcon,
   formatRelativeTime,
@@ -6062,6 +6075,7 @@ export {
   getEnsManagerNameDetailsUrl,
   getEnsManagerUrl,
   getEnsMetadataServiceAvatarUrl,
+  useIsMobile,
   useNow
 };
 /*! Bundled license information: