https://www.mymusictaste.com/_next/static/chunks/pages/mmting_search-9d98ae6a7044aa03.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3093,4074],{32476:function(e,t,r){"use strict";r.d(t,{PZ:function(){return p},F0:function(){return b},$g:function(){return k},m7:function(){return j}});var n=r(95235),o=r(82269),i=r(59234),c=r(75545),a=r(52322),s=["children","onClose","color"];function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var h=c.default.div.withConfig({componentId:"sc-fqtaf8-0"})(["position:absolute;bottom:100%;right:0;"]),d=c.default.button.withConfig({componentId:"sc-fqtaf8-1"})(["margin-bottom:",";font-size:0;"],i.theme.grid._3nko),p=function(e){var t=e.children,r=e.onClose,n=e.color,c=(0,o.Z)(e,s);return(0,a.jsx)(h,{className:"modal-close-btn",children:(0,a.jsx)(d,u(u({},c),{},{onClick:function(e){e.stopPropagation(),r(e)},"aria-label":"Close mobile modal",children:t||(0,a.jsx)(i.CancelIcon,{color:n||"white"})}))})},f=["children"];function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=c.default.div.withConfig({componentId:"sc-2qw9fx-0"})(["position:relative;",";"],(function(e){var t=e.isFullPage,r=e.hasShadow;return(0,c.css)(["max-height:100vh;"," "," ",";"],i.theme.getFlexStyle({flexDirection:"column",alignItems:"center"}),t?" width: 100vw; height: 100vh; ":" & > *:not(.modal-close-btn) { border-radius: ".concat(i.theme.grid._1ako,"; }"),r?i.theme.shadow.popup:i.theme.shadow.flat)})),b=function(e){var t=e.children,r=(0,o.Z)(e,f);return(0,a.jsx)(v,m(m({},r),{},{onClick:function(e){return e.stopPropagation()},children:t}))},y=r(2784),w=c.default.div.withConfig({componentId:"sc-4c3bta-0"})(["",""],(function(e){var t=e.theme,r=e.position;return(0,c.css)(["position:fixed;top:0;left:0;"," ",";width:100%;height:100%;background-color:",";z-index:",";overflow:hidden;"],t.getFlexStyle({flexDirection:"column",alignItems:"center"}),function(e){switch(e){case"start":return(0,c.css)(["justify-content:flex-start;"]);case"end":return(0,c.css)(["justify-content:flex-end;"]);case"center":return(0,c.css)(["justify-content:center;"]);default:return(0,c.css)(["padding-top:",";"],e)}}(r||"center"),t.color.black70,t.zIndex.MODAL_OVERLAY)})),j=function(e){var t=e.position,r=void 0===t?"center":t,n=e.onClick,o=e.useScrollLock,c=void 0===o||o,s=e.className,l=e.children,u=(0,y.useRef)(null);return(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsx)(i.BodyScrollBlocker,{_allowedElement:u}),(0,a.jsx)(w,{position:r,onClick:n,ref:u,className:s,children:l})]})},k=function(e){var t=e.isFullPage,r=void 0!==t&&t,n=e.position,o=e.isCloseButtonShown,i=void 0!==o&&o,c=e.onClose,s=e.onClickUnderlay,l=e.children;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(j,{position:r?"start":n,onClick:s||c,children:(0,a.jsxs)(b,{isFullPage:r,children:[!r&&i&&(0,a.jsx)(p,{onClose:c}),l," "]})})})}},54074:function(e,t,r){"use strict";r.r(t),r.d(t,{Search:function(){return q},default:function(){return B}});var n,o,i,c,a,s=r(59234),l=r(33619),u=r(2737),h=r(96412),d=r(13089),p=r(49507),f=r(73818);function g(e,t){if(1===arguments.length)return t=>g(e,t);const r=t.length;let n=-1;for(;++n<r;)if(e(t[n]))return n;return-1}var m,v,b,y,w=new(n=f.action.bound,o=f.action.bound,i=f.action.bound,c=function(){function e(){var t=this;(0,h.Z)(this,e),(0,u.Z)(this,"storage",a,this),this.handler=void 0,this.handler=(0,f.autorun)((function(){var e;e=t.storage,localStorage.setItem("__rslist__",JSON.stringify(e))}),{name:"recent-search-storage-to-updateList"})}return(0,d.Z)(e,[{key:"_remove",value:function(e){this.storage.splice(e,1)}},{key:"_update",value:function(e){this.storage.unshift(e),this.storage=this.storage.slice(0,5)}},{key:"_createItem",value:function(e){return{keyword:e,createdTime:Date.now()}}},{key:"list",get:function(){return this.storage}},{key:"save",value:function(e){var t=e.trim();if(""!==t){e=t;

1var r=g((function(e){return e.keyword===t}),this.storage);if(0!==r)if(-1===r){var n=this._createItem(t);this._update(n)}else{var o=this.storage.splice(r,1)[0];this._update(o)}}}},{key:"remove",value:function(e){this._remove(e)}},{key:"clearAll",value:function(){this.storage=[]}}]),e}(),a=(0,p.Z)(c.prototype,"storage",[f.observable],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(){var e=localStorage.getItem("__rslist__");if(e)try{return JSON.parse(e)}catch(t){}return[]}()}}),(0,p.Z)(c.prototype,"list",[f.computed],Object.getOwnPropertyDescriptor(c.prototype,"list"),c.prototype),(0,p.Z)(c.prototype,"save",[n],Object.getOwnPropertyDescriptor(c.prototype,"save"),c.prototype),(0,p.Z)(c.prototype,"remove",[o],Object.getOwnPropertyDescriptor(c.prototype,"remove"),c.prototype),(0,p.Z)(c.prototype,"clearAll",[i],Object.getOwnPropertyDescriptor(c.prototype,"clearAll"),c.prototype),c),j=r(55039),k=r(63155),O=r(81890),_=r(5632),x=r(96756),C=r(2784),P=r(76688),S=r(7328),I=r(32476),Z=r(75545),D=(0,Z.default)(I.F0).withConfig({componentId:"sc-1miz1m9-0"})(["position:absolute;left:50%;transform:translateX(-50%);margin-top:",";padding-top:",";width:inherit;height:100vh;line-height:1.15;background-color:",";",""],s.theme.grid._7ako,s.theme.grid._4ako,s.theme.color.white,s.theme.device.lt.tablet(m||(m=(0,S.Z)(["\n    padding-top: ",";\n  "])),s.theme.grid._2ako)),E=(0,Z.default)(s.CancelIcon).withConfig({componentId:"sc-1miz1m9-1"})(["position:absolute;right:",";top:50%;transform:translateY(-50%);fill:",";",";"],s.theme.grid._4ako,s.theme.color.gray800,s.theme.device.lt.tablet(v||(v=(0,S.Z)(["\n    right: ",";\n    width: ",";\n    height: ",";\n  "])),s.theme.grid._2ako,s.theme.grid._5nko,s.theme.grid._5nko)),F=Z.default.div.withConfig({componentId:"sc-1miz1m9-2"})(["width:580px;background-color:",";",";"],s.theme.color.white,s.theme.device.lt.tablet(b||(b=(0,S.Z)(["\n    width: 100%;\n  "])))),A=Z.default.div.withConfig({componentId:"sc-1miz1m9-3"})(["overflow:auto;height:calc(100vh - ",");padding-bottom:",";",";"],s.theme.grid._18ako,s.theme.grid._8ako,s.theme.device.lt.tablet(y||(y=(0,S.Z)(["\n    height: calc(100vh - ",");\n  "])),s.theme.grid._14ako)),N=Z.default.div.withConfig({componentId:"sc-1miz1m9-4"})(["display:",";"],(function(e){return e.isActive?"block":"none"})),R=r(52322),z=(0,O.observer)((function(e){var t=e.gnbVm;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(E,{size:24,onClick:t.handleSearchClick}),(0,R.jsx)(D,{children:(0,R.jsx)(F,{children:(0,R.jsx)(q,{})})})]})})),q=(0,O.observer)((function(){var e=(0,k.oR)(),t=P.e.getByStore(e).artistSearchVm,r=(0,_.useRouter)(),n=(0,j.useIsFlutter)(),o=t.requestArtistRealtimeSearch,i=t.data,c=(0,C.useState)(!1),a=c[0],u=c[1],h=(0,C.useRef)(null),d=(0,x.D)(o,200),p=(0,C.useCallback)((function(e){var t=e.length>0;u(t),t&&d(e)}),[d]),f=(0,C.useCallback)((function(e){w.save(e),n?r.push({pathname:"/search",query:{query:e}}):r.replace({pathname:"/search",query:{query:e}})}),[r,n]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(s.BodyScrollBlocker,{_allowedElement:h}),(0,R.jsx)(l.Rj,{onChange:p,onSubmit:f}),(0,R.jsxs)(A,{ref:h,children:[(0,R.jsx)(l.Zp,{isActive:a,data:i.list,onArtistClick:function(e){return w.save(e)}}),(0,R.jsxs)(N,{isActive:!a,children:[w.list.length>0&&(0,R.jsx)(l.EN,{data:w.list,onClick:f,onRemove:w.remove,onClearAll:w.clearAll}),(0,R.jsx)(l.aG,{data:i.recommends})]})]})]})})),B=z},48986:function(e,t,r){"use strict";r.r(t);var n,o=r(20406),i=r(7328),c=r(28526),a=r.n(c),s=r(59234),l=r(34828),u=r(63155),h=r(75545),d=r(76688),p=r(54074),f=r(52322),g=h.default.div.withConfig({componentId:"sc-1uwd7w5-0"})(["line-height:1.15;width:580px;margin:0 auto;padding-top:",";background-color:",";",";"],s.theme.grid._4ako,s.theme.color.white,s.theme.device.lt.tablet(n||(n=(0,i.Z)(["\n    width: 100%;\n    padding-top: ",";\n  "])),s.theme.grid._2ako)),m=function(){var e=(0,u.oR)(),t=d.e.getByStore(e),r=(0,s.useReadyToRender)();return(0,f.jsx)(l.HQ,{gnbVm:t,isFooterVisible:!1,children:(0,f.jsx)(g,{children:r&&(0,f.jsx)(p.Search,{})})})};m.getInitialProps=function(){var e=(0,o.Z)(a().mark((function e(t){var r,n;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t.store,n=d.e.getByStore(r),e.next=4,n.prepare();case 4:return e.abrupt("return",{});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),t.default=m},11028:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mmting_search",function(){return r(48986)}])}},function(e){e.O(0,[6577,3619,9774,2888,179],(function(){return t=11028,e(e.s=t);var t}));var t=e.O();_N_E=t}]);