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

package/dist/index.cjs

@@ -2194,12 +2194,14 @@ __export(index_exports, {
   IdentityLink: () => IdentityLink,
   IdentityTooltip: () => IdentityTooltip,
   InfoIcon: () => InfoIcon,
+  LabeledField: () => LabeledField,
   NameDisplay: () => NameDisplay,
   RegistrarActionCard: () => RegistrarActionCard,
   RegistrarActionCardLoading: () => RegistrarActionCardLoading,
   RegistrarActionCardMemo: () => RegistrarActionCardMemo,
   RelativeTime: () => RelativeTime,
   ResolveAndDisplayIdentity: () => ResolveAndDisplayIdentity,
+  SUPPORTED_CHAINS: () => SUPPORTED_CHAINS,
   TelegramIcon: () => TelegramIcon,
   TwitterIcon: () => TwitterIcon,
   formatRelativeTime: () => formatRelativeTime,
@@ -2212,6 +2214,7 @@ __export(index_exports, {
   getEnsManagerNameDetailsUrl: () => getEnsManagerNameDetailsUrl,
   getEnsManagerUrl: () => getEnsManagerUrl,
   getEnsMetadataServiceAvatarUrl: () => getEnsMetadataServiceAvatarUrl,
+  useIsMobile: () => useIsMobile,
   useNow: () => useNow
 });
 module.exports = __toCommonJS(index_exports);
@@ -4290,7 +4293,7 @@ var SUPPORTED_CHAINS = [
 ];
 var CUSTOM_CHAIN_NAMES = /* @__PURE__ */ new Map([
   [import_datasources2.ensTestEnvL1Chain.id, "Ethereum Local (ens-test-env)"],
-  [mainnet.id, "Ethereum"],
+  [mainnet.id, "Mainnet"],
   [sepolia.id, "Ethereum Sepolia"],
   [base.id, "Base"],
   [baseSepolia.id, "Base Sepolia"],
@@ -5537,8 +5540,8 @@ var IdentityTooltip = ({
               {
                 value: identity.address,
                 className: "nhui:text-gray-500 nhui:hover:text-gray-700 nhui:transition-colors",
-                successIcon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react.CheckIcon, { className: "nhui:h-4 nhui:w-4" }),
-                icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react.CopyIcon, { className: "nhui:h-4 nhui:w-4" }),
+                successIcon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react.CheckIcon, { className: "nhui:h-4 nhui:w-4", style: { fill: "none" } }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react.CopyIcon, { className: "nhui:h-4 nhui:w-4", style: { fill: "none" } }),
                 showToast: true
               }
             ),
@@ -5580,17 +5583,17 @@ var import_ensnode_sdk5 = require("@ensnode/ensnode-sdk");
 // src/hooks/useIsMobile.tsx
 var React5 = __toESM(require("react"), 1);
 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;
 }
 
@@ -5746,7 +5749,11 @@ var import_lucide_react2 = require("lucide-react");
 var import_react4 = require("react");
 var import_ensnode_sdk6 = require("@ensnode/ensnode-sdk");
 var import_jsx_runtime41 = require("react/jsx-runtime");
-function LabeledField({ fieldLabel, className, children }) {
+function LabeledField({
+  fieldLabel,
+  className,
+  children
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
@@ -5767,6 +5774,7 @@ function ResolveAndDisplayReferrerIdentity({
   referral,
   accelerate = true,
   withLink = true,
+  getReferrerLink,
   withTooltip = true,
   withAvatar = false,
   withIdentifier = true,
@@ -5796,7 +5804,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__ */ (0, import_jsx_runtime41.jsx)("code", { className: "nhui:block", children: referral.encodedReferrer }),
@@ -5821,7 +5829,7 @@ function ResolveAndDisplayReferrerIdentity({
       withLink,
       identityLinkDetails: {
         isExternal: true,
-        link: getEnsManagerAddressDetailsUrl(referrerIdentity.address, namespaceId)
+        link: getReferrerLink(referrerIdentity.address, namespaceId)
       }
     }
   );
@@ -5863,6 +5871,10 @@ function RegistrarActionCard({
   namedRegistrarAction,
   now,
   links,
+  showIdentityTooltips = {
+    registrant: false,
+    referrer: false
+  },
   showReferrer = true,
   referralProgramField
 }) {
@@ -5922,7 +5934,7 @@ function RegistrarActionCard({
               identity: registrantIdentity,
               namespaceId,
               withAvatar: true,
-              withTooltip: false,
+              withTooltip: showIdentityTooltips.registrant,
               withIdentifier: false,
               identityLinkDetails: links.registrant
             }
@@ -5933,7 +5945,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
             }
@@ -5948,7 +5960,8 @@ function RegistrarActionCard({
               referral,
               withAvatar: true,
               withIdentifier: false,
-              withTooltip: false
+              withTooltip: showIdentityTooltips.referrer,
+              getReferrerLink: links.referrerLinkFunction
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabeledField, { fieldLabel: "Referrer", className: "nhui:w-[15%] nhui:min-w-[110px]", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -5959,7 +5972,8 @@ function RegistrarActionCard({
               referral,
               withAvatar: isMobile,
               withIdentifier: true,
-              withTooltip: false
+              withTooltip: showIdentityTooltips.referrer,
+              getReferrerLink: links.referrerLinkFunction
             }
           ) })
         ] }),