https://www.tryquinn.com/_next/static/chunks/9421-8b2e2947ec3c23e8.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="76dcf597-94f4-47fe-a19f-52e4b2155b4e",e._sentryDebugIdIdentifier="sentry-dbid-76dcf597-94f4-47fe-a19f-52e4b2155b4e")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9421],{29421:function(e,t,r){r.d(t,{O:function(){return S}});var n=r(85893),i=r(67294),l=r(68458),o=r(11163),s=r(96186),a=r(89508),c=r(96531),u=r(88964),d=r(72931),f=r(51224),p=r(31651),h=r(2907),m=r(54333),x=r(79138),g=r(6371),y=r(11601),b=r(92528),v=r(28828);let _=(0,l.default)(s.m.div).withConfig({displayName:"list-search-screen__Screen",componentId:"sc-c20a65fd-0"})(["position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:",";will-change:transform;","{display:none;}"],e=>{let{theme:t}=e;return t.colors.white},e=>{let{theme:t}=e;return t.media.tablet}),w=l.default.div.withConfig({displayName:"list-search-screen__Chrome",componentId:"sc-c20a65fd-1"})(["flex-shrink:0;border-bottom:1px solid ",";"],e=>{let{theme:t,$showBorder:r}=e;return r?t.colors.background_secondary_default:t.colors.transparent}),C=l.default.div.withConfig({displayName:"list-search-screen__Toolbar",componentId:"sc-c20a65fd-2"})(["display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:12px;padding:16px 20px;"]),E=l.default.button.withConfig({displayName:"list-search-screen__BackButton",componentId:"sc-c20a65fd-3"})(["",";display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;border-radius:9999px;-webkit-appearance:none;color:",";"],e=>{let{theme:t}=e;return t.resets.button},e=>{let{theme:t}=e;return t.colors.text_primary}),k=(0,l.default)(d.B7).withConfig({displayName:"list-search-screen__Title",componentId:"sc-c20a65fd-4"})(["text-align:center;"]),j=l.default.div.withConfig({displayName:"list-search-screen__InputContainer",componentId:"sc-c20a65fd-5"})(["padding:0 20px 12px;"]),I=l.default.div.withConfig({displayName:"list-search-screen__SearchField",componentId:"sc-c20a65fd-6"})(["height:48px;display:flex;align-items:center;gap:8px;padding:13px 16px;background:",";border:1px solid transparent;border-radius:4px;overflow:hidden;&:focus-within{border-color:",";}"],e=>{let{theme:t}=e;return t.colors.background_secondary_default},e=>{let{theme:t}=e;return t.colors.border_secondary_default}),R=l.default.input.withConfig({displayName:"list-search-screen__SearchInput",componentId:"sc-c20a65fd-7"})(["border:none;background:",";outline:none;font-size:16px;font-weight:460;letter-spacing:-0.5px;line-height:1.4;color:",";caret-color:",";min-width:0;flex:1;&::placeholder{color:",";}"],e=>{let{theme:t}=e;return t.colors.transparent},e=>{let{theme:t}=e;return t.colors.text_primary},e=>{let{theme:t}=e;return t.colors.border_primary_default},e=>{let{theme:t}=e;return t.colors.text_tertiary}),O=l.default.button.withConfig({displayName:"list-search-screen__ClearButton",componentId:"sc-c20a65fd-8"})(["",";display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;svg path{fill:",";}"],e=>{let{theme:t}=e;return t.resets.button},e=>{let{theme:t}=e;return t.colors.text_secondary}),N=l.default.div.withConfig({displayName:"list-search-screen__Scroller",componentId:"sc-c20a65fd-9"})(["flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 20px calc(20px + var(--player-height,env(safe-area-inset-bottom)));"]),S=e=>{var t;let{search:r,children:l,placeholder:s="Search by keyword"}=e,d=(0,o.useRouter)(),S=(0,i.useRef)(null),T=(0,i.useRef)(null),[q,z]=(0,i.useState)(!1),[D,B]=(0,i.useState)(!1),{isMobile:A}=(0,p.d)(),L=r.isOpen&&A&&!r.isExiting,$=(0,i.useRef)(),F=(0,i.useRef)(r);F.current=r;let H=(0,i.useRef)(A);H.current=A;let K=(0,i.useRef)(!1),M=(0,i.useRef)(!1);t=L&&D,(0,i.useEffect)(()=>{if(!t)return;let e=document.querySelector('meta[name="theme-color"]');e||((e=document.createElement("meta")).name="theme-color",document.head.appendChild(e)),e.setAttribute("content",m.O9.white);let r=Array.from(document.querySelectorAll("[data-header]")).map(e=>{let t=e.style.backgroundColor;return e.style.backgroundColor=m.O9.white,()=>{e.style.backgroundColor=t}});return()=>

1r.forEach(e=>e())},[t]);let P=(0,i.useCallback)(()=>{K.current=!0,F.current.onRestore((0,v.zr)())},[]),Z=(0,i.useCallback)(()=>F.current.onExitStart(),[]),G=(0,i.useCallback)(()=>{var e;let t=document.activeElement;t instanceof HTMLElement&&(null===(e=S.current)||void 0===e?void 0:e.contains(t))&&t.blur()},[]),Q=(0,i.useRef)(!1);(0,h.L)(()=>{A&&!Q.current&&(Q.current=!0,(0,v.ER)()&&!F.current.isOpen&&P())},[A,P]),(0,i.useEffect)(()=>{if(!L||(0,v.ER)())return;let e=d.asPath.split("#")[0];d.push(`${e}${v.s4}`,void 0,{shallow:!0,scroll:!1})},[L,d]),(0,i.useEffect)(()=>{let e=()=>{H.current&&((0,v.ER)()?F.current.isOpen||P():F.current.isOpen&&!F.current.isExiting&&(G(),M.current?Z():(S.current&&(S.current.style.visibility="hidden"),F.current.onExit())))};return window.addEventListener("popstate",e),d.events.on("hashChangeComplete",e),()=>{window.removeEventListener("popstate",e),d.events.off("hashChangeComplete",e)}},[d.events,P,Z,G]);let U=(0,i.useCallback)(()=>{F.current.isOpen&&H.current&&(0,v.zj)(d,F.current.query)},[d]);(0,i.useEffect)(()=>{if(!L)return;let e=setTimeout(U,250);return()=>clearTimeout(e)},[L,r.query,U]),(0,i.useEffect)(()=>{var e;r.isOpen&&(null===(e=T.current)||void 0===e||e.scrollTo({top:0}))},[r.isOpen,r.query]);let J=(0,i.useRef)(l);r.isOpen&&(J.current=l),(0,i.useEffect)(()=>{var e;if(!L){M.current=!1;return}return null===(e=S.current)||void 0===e||e.style.removeProperty("visibility"),K.current&&(K.current=!1,B(!0)),z(!1),()=>{B(!1)}},[L]);let V=r.isOpen&&A;return(0,i.useEffect)(()=>{if(!V)return;let e=(0,y.a)()?(0,g.Gm)():void 0,t=T.current?(0,g.De)(T.current):void 0;return()=>{null==e||e(),null==t||t()}},[V]),(0,i.useEffect)(()=>{L&&A&&($.current=(0,b.nQ)({zIndex:1,requestDismiss:()=>{}}))},[L]),(0,n.jsxs)(i.Fragment,{children:[(0,n.jsx)(a.M,{onExitComplete:()=>{F.current.isExiting&&F.current.onExit(),setTimeout(()=>{var e;return null===(e=$.current)||void 0===e?void 0:e.call($)})},children:L&&(0,n.jsxs)(_,{ref:S,initial:!K.current&&{x:"100%"},animate:{x:0},exit:{x:"100%"},transition:{duration:x.x9.quick,ease:x.Ui.easeOut},onAnimationComplete:()=>L&&B(!0),children:[(0,n.jsxs)(w,{$showBorder:q,children:[(0,n.jsxs)(C,{children:[(0,n.jsx)(E,{"aria-label":"Back",onClick:()=>{M.current||F.current.isExiting||(G(),Z(),(0,v.ER)()&&(M.current=!0,d.back()))},children:(0,n.jsx)(c.Z,{size:16})}),(0,n.jsx)(k,{children:"Search"}),(0,n.jsx)("div",{})]}),(0,n.jsx)(j,{children:(0,n.jsxs)(I,{children:[(0,n.jsx)(R,{type:"text",name:"list-search",value:r.query,placeholder:s,onChange:e=>r.onChange(e.target.value),enterKeyHint:"search",onKeyDown:e=>"Enter"===e.key&&e.currentTarget.blur()}),r.query&&(0,n.jsx)(O,{type:"button","aria-label":"Clear search",onClick:r.onClear,children:(0,n.jsx)(u.Z,{size:16})})]})})]}),(0,n.jsx)(N,{ref:T,"data-render-window-root":!0,onScroll:e=>z(e.currentTarget.scrollTop>0),children:r.isOpen?l:J.current})]})}),L&&(0,n.jsx)(f.l,{zIndex:100})]})}}}]);