https://assets.cdn.soomgo.com/next/02bb940/_next/static/chunks/69289-984212026787ba72.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69289],{55129:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(14232);let l=e=>(0,n.useCallback)(t=>{e.forEach(e=>{e&&("function"==typeof e?e(t):"current"in e&&(e.current=t))})},[e])},61601:(e,t,r)=>{r.d(t,{A:()=>f,f:()=>d});var n=r(18153),l=r(14232),o=r(38993),i=r(63283);let a=(0,l.forwardRef)((e,t)=>{let{location:r,width:l,height:i,maxWidth:a,maxHeight:u,padding:h,margin:f,zIndex:p,wrapperCss:v,children:m,...y}=e,{isOpen:g,align:w}=d();if(!g)return null;let{top:b,left:x,bottom:k,right:E}=r||{},A=(e=>!!e&&Object.values(e).some(e=>void 0!==e))(r);return(0,n.Y)("div",{ref:t,role:"listbox",css:[c,v,!A&&s[w],(0,o.AH)({width:l,height:i,maxWidth:a,maxHeight:u,top:b,left:x,bottom:k,right:E,padding:h,margin:f,zIndex:p})],...y,children:m})});a.displayName="PopoverMenu";let c=(0,o.AH)("position:absolute;border-radius:8px;background:",i.i0.primary,";box-shadow:0px 2px 12px 0px rgba(28,36,47,0.1);margin:",i.Kz.S8," 0 0;z-index:",10,";width:max-content;"),s={left:(0,o.AH)("left:0;right:auto;"),right:(0,o.AH)("right:0;left:auto;"),center:(0,o.AH)("left:50%;transform:translateX(-50%);")},u=(0,l.createContext)(null),d=()=>{let e=(0,l.useContext)(u);if(!e)throw Error("usePopover must be inside <Popover>");return e},h=e=>{let{align:t="left",scrollPrevent:r,wrapperCss:o,isOpen:i,onToggle:a,children:c,...s}=e,[d,h]=(0,l.useState)(!1),f=(0,l.useRef)(null),v=void 0!==i?i:d;return(0,l.useEffect)(()=>{let e=e=>{f.current&&!f.current.contains(e.target)&&(void 0!==i?null==a||a(!1):h(!1))},t=e=>{"Escape"===e.key&&(void 0!==i?null==a||a(!1):h(!1))};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[i,a]),(0,l.useEffect)(()=>{if(!r||!v)return;let e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[r,v]),(0,n.Y)(u.Provider,{value:{isOpen:v,toggleOpen:()=>{void 0!==i?null==a||a(!v):h(e=>!e)},containerRef:f,align:t},children:(0,n.Y)("div",{ref:f,css:[p,o],...s,children:c})})};h.Trigger=e=>{let{children:t}=e,{toggleOpen:r}=d();if(Array.isArray(t))throw Error("Popover.Trigger는 반드시 하나의 ReactElement만 받아야 합니다.");let n=t.props.onClick;return l.cloneElement(t,{onClick:e=>{"function"==typeof n&&n(e),r()}})},h.Menu=a;let f=h,p=(0,o.AH)("display:inline-block;position:relative;")},69289:(e,t,r)=>{r.r(t),r.d(t,{default:()=>T});var n,l=r(18153),o=r(38993),i=r(14232),a=r(89099),c=r(10489),s=r(40239),u=r(61601);let d=()=>{let{isOpen:e,toggleOpen:t}=(0,u.f)();return{isOpen:e,handlePopoverOpen:()=>{e||t()},handlePopoverClose:()=>{e&&t()}}},h=()=>{let{handlePopoverClose:e}=d();return(0,l.Y)("section",{css:f,children:(0,l.Y)(s.A,{onClose:e})})},f=(0,o.AH)("display:flex;flex-direction:column;width:100%;height:100%;");var p=r(8956),v=r(63283),m=r(39746),y=r(71103),g=r(55129),w=r(94279),b=r(1006);function x(){return(x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}let k=function(e){return i.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:24,height:24},e),n||(n=i.createElement("g",{fill:"none",fillRule:"evenodd"},i.createElement("path",{d:"M0 0h24v24H0z"}),i.createElement("g",{transform:"translate(3 3)"},i.createElement("circle",{cx:9,cy:9,r:9,fill:"#C5C5C5"}),i.createElement("path",{stroke:"#FFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m6 6 6.005 6.006m0-6.006L6 12.006"})))))},{isMobile:E,os:A}=(0,w.y)(new m.UAParser),C=(0,i.forwardRef)((e,t)=>{let{onClear:r,...n}=e,o=(0,i.useRef)(null),{isOpen:a,handlePopoverOpen:c}=d(),s=(0,g.A)([t,o]);return(0,i.useEffect)(()=>{if(E())return;let e="Mac OS"===A().name,t=o.current,r=r=>{if(!(r instanceof KeyboardEvent))return;let n=r.target.nodeName;if("INPUT"!==n&&"TEXTAREA"!==n&&(e&&r.metaKey||!e&&r.ctrlKey)&&"k"===r.key){var l,o;let e=document.getElementsByClassName(y.FN).length>0,n=(null!=(o=null==(l=document.querySelector("div#".concat(y.EK)))?void 0:l.childElementCount)?o:0)>0;if(e||n)return;let i=document.querySelector(".imp-dialog");if(i&&"block"===i.style.display)return;r.preventDefault(),null==t||t.focus()}},n=e=>{"Escape"===e.key&&(null==t||t.blur())};return window.addEventListener("keydown",r),null==t||t.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",r),null==t||t.removeEventListener("keydown",n)}},[]),(0,l.FD)("label",{css:[H,a&&Y],children:[(0,l.Y)("span",{css:L,children:(0,l.Y)(p.VrN,{width:20,height:20,color:v.r7.tertiary})}),(0,l.Y)("input",{...n,ref:s,autoComplete:"off",css:F,type:"text",onFocus:e=>{var t;c(),null==(t=n.onFocus)||t.call(n,e)}}),(0,l.Y)("button",{css:S,"aria-label":"검색어 입력값 초기화",type:"button",onClick:()=>{var e;null==(e=o.current)||e.focus(),r()},children:(0,l.Y)(k,{width:24,height:24})})]})});C.displayName=(0,b.Mn)(C);let Y=(0,o.AH)("border-color:",v.cG.active,";background-color:",v.i0.primary,";box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);"),H=(0,o.AH)("display:flex;align-items:center;gap:",v.Kz.S6,";width:100%;height:44px;padding:0 ",v.Kz.S12,";

1border:1px solid ",v.cG.tertiary,";border-radius:8px;background-color:",v.i0.secondary,";transition:all 0.2s ease-in-out;&:focus-within{",Y,"}"),F=(0,o.AH)("width:100%;height:100%;font-size:14px;font-weight:400;line-height:22px;background-color:inherit;&::placeholder{color:",v.r7.tertiary,";}&:placeholder-shown + button{display:none;}"),L=(0,o.AH)("display:inline-flex;width:20px;height:20px;"),S=(0,o.AH)("display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;");var P=r(3490);let K=e=>{let{keyword:t}=e,{handlePopoverClose:r}=d();return(0,l.Y)("section",{css:N,children:(0,l.Y)(P.A,{keyword:t,onClose:r})})},N=(0,o.AH)("display:flex;flex-direction:column;width:100%;min-height:200px;height:100%;max-height:320px;");var O=r(56444),R=r(12840),M=r(91795),j=r(87603);let z=e=>{let{defaultKeyword:t}=e,r=(0,a.useRouter)(),{isOpen:n,handlePopoverClose:o}=d(),{keyword:s,debouncedKeyword:f,handleSearchSubmit:p,handleKeywordChange:v,handleKeywordReset:m}=(0,M.A)({defaultKeyword:t}),{trackStartSearch:y}=(0,j.A)(),g=(0,i.useRef)(null),w=(0,i.useCallback)(()=>{var e;o(),null==(e=g.current)||e.blur()},[o]),b=(0,i.useCallback)(()=>{n||y()},[y,n]);return(0,i.useEffect)(()=>

1(r.events.on("routeChangeStart",w),()=>{r.events.off("routeChangeStart",w)}),[r.events,w]),(0,l.FD)(l.FK,{children:[(0,l.Y)("form",{css:D,onSubmit:e=>{e.preventDefault();let t=s.trim();""!==t&&p(t)},children:(0,l.Y)(C,{ref:g,"aria-label":R.Dt,name:"global-search-field",placeholder:(0,R.yB)(),value:s,onClear:m,onChange:v,onFocus:b})}),""===f?(0,l.Y)(u.A.Menu,{width:"100%",height:"320px",children:(0,l.Y)(h,{})}):(0,l.Y)(u.A.Menu,{width:"100%",height:"auto",children:(0,l.Y)(c.A,{SuspenseFallback:(0,l.Y)(O.A,{}),children:(0,l.Y)(K,{keyword:f})})})]})},D=(0,o.AH)("width:100%;min-width:280px;"),T=e=>{let{defaultKeyword:t}=e;return(0,l.Y)(u.A,{align:"center",css:_,children:(0,l.Y)(z,{defaultKeyword:t})})},_=(0,o.AH)("width:100%;")}}]);