https://whatsonchain.com/_next/static/chunks/1095.05dd6572b864f558.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1095,3476],{93476:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var n=r(37876),l=r(14232),o=r(30648),a=r(11901),s=r(53992),u=r(68144),i=r(62383);let c=e=>{let{className:t,...r}=e;return(0,n.jsx)("div",{className:(0,o.cn)("absolute left-0 right-0 top-full mt-0.5 p-[5px]","[background:var(--menu-bg)]","[border:1px_solid_var(--shadow-main)] rounded-[18px]","shadow-[0_6px_12px_-2px_rgba(50,50,93,0.25),0_3px_7px_-3px_rgba(0,0,0,0.3)]","z-[1000] max-h-[calc(100vh_-_80px)] overflow-y-auto",t),...(0,a.y)(r)})},d=l.forwardRef(function(e,t){let{$active:r,className:l,...s}=e;return(0,n.jsx)("div",{ref:t,className:(0,o.cn)("flex items-center gap-3 py-[10px] px-4 min-h-[42px] cursor-pointer","rounded-[10px] [transition:background_0.15s_ease]",r?"[background:var(--btn-hover-menu-list)]":"[background:transparent]","hover:[background:var(--btn-hover-menu-list)]","focus-visible:[background:var(--btn-hover-menu-list)]",l),...(0,a.y)(s)})}),p=e=>{let{className:t,...r}=e;return(0,n.jsx)("span",{className:(0,o.cn)("text-[0.875rem] [color:var(--text-color-main)]",t),...(0,a.y)(r)})};function h(e){var t;let{query:r,onSelect:o,onClose:a,maxResults:h=8}=e,m=(0,l.useMemo)(()=>Object.entries(s.j).filter(e=>{let[,t]=e;return(null==t?void 0:t.showInSearch)!==!1}).map(e=>{var t,r;let[n,l]=e;return{key:n,title:null!=(t=null==l?void 0:l.title)?t:n,imgUrl:null!=(r=null==l?void 0:l.imgUrl)?r:""}}),[]),v=(0,l.useMemo)(()=>new u.A(m,{includeScore:!0,threshold:.2,distance:40,ignoreLocation:!0,minMatchCharLength:3,keys:["key"],shouldSort:!0}),[m]),f=(0,l.useMemo)(()=>{let e=(null!=r?r:"").toString().trim(),t=/^\d+$/.test(e);return e.length<3||t?[]:v.search(e).slice(0,h).map(e=>e.item)},[r,v,h]),[x,g]=(0,l.useState)(0),b=(0,l.useRef)([]);return((0,l.useEffect)(()=>{g(0)},[f]),(0,l.useEffect)(()=>{if(!f.length)return;let e=e=>{if("ArrowDown"===e.key)e.preventDefault(),g(e=>(e+1)%f.length);else if("ArrowUp"===e.key)e.preventDefault(),g(e=>(e-1+f.length)%f.length);else if("Enter"===e.key){e.preventDefault();let t=f[x];t&&o(t.key),null==a||a()}else"Escape"===e.key&&(e.preventDefault(),null==a||a())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[f,x,o,a]),f.length&&(null==(t=document)?void 0:t.body))?(0,n.jsx)(c,{children:f.map((e,t)=>(0,n.jsxs)(d,{ref:e=>b.current[t]=e,$active:t===x,role:"option","aria-selected":t===x,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onMouseEnter:()=>g(t),onClick:()=>{o(e.key),null==a||a()},children:[e.imgUrl?(0,n.jsx)("img",{src:e.imgUrl,alt:e.title,width:24,height:24,style:{borderRadius:4}}):(0,n.jsx)(i.I,{md:!0,className:"icon icon-puzzle text-text-color-disabled"}),(0,n.jsx)(p,{children:e.title})]},e.key))}):null}}}]);