https://www.fanzo.com/_next/static/chunks/7039-009dc87c8d37e443.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7039],{47039:(e,s,l)=>{l.d(s,{tn:()=>E,MX:()=>L,QP:()=>_});var a=l(37876),t=l(48230),n=l.n(t),i=l(14232),r=l(1263),c=l(66956),d=l(15376),x=l(69241),o=l(16810),m=l(24755),u=l(69910),h=l(64956),p=l(70429),g=l(6700),f=l(15438),j=l(95062),b=l.n(j),v=l(44633),N=l(96630),w=l(10284),y=l(13519),k=l(89440),A=l(95313),C=l(3003);let F=({isOpen:e,venue:s,onClose:l})=>{let t=(0,y.JN)(),n=(0,i.useRef)(null),r=(0,k.Ym)(),x=[1,2,3,4,5,6,0].map(e=>r.localize.day(e));return(0,a.jsx)(o.A,{open:e,onClose:l,className:"max-w-[311px] rounded-lg",hideHeader:!0,children:(0,a.jsxs)("div",{className:"rounded-lg bg-white text-xs",ref:n,children:[(0,a.jsxs)("div",{className:"relative rounded-t-lg bg-black bg-cover bg-center p-4 text-white",style:{backgroundImage:`url(${s?.profilePicture?.["1024_450"]})`},"data-test-id":`venue-open-${s.name}`,children:[(0,a.jsx)("div",{className:"absolute inset-0 rounded-t-lg bg-[#000]/40"}),(0,a.jsxs)("div",{className:"relative z-10 flex justify-between",children:[(0,a.jsx)(c.A,{className:"rounded-full bg-[#fff]/25 p-1",onClick:l,children:(0,a.jsx)(d.A,{className:"h-6 w-6"})}),(s?.venueRating?.avgRating||s?.rating)&&(0,a.jsxs)("div",{className:"flex items-center lg:justify-end lg:pt-1",children:[(0,a.jsx)(N.A,{value:s?.venueRating?.avgRating||s?.rating||0}),s?.venueRating?.avgRating&&(0,a.jsx)("p",{className:"pl-1 text-xs opacity-60",children:`(${s?.venueRating?.ratingCount})`})]})]}),(0,a.jsx)("p",{className:"relative z-10 mt-6 line-clamp-2 text-xl font-bold",children:s?.name})]}),(0,a.jsx)("div",{className:"flex items-center justify-between gap-4 p-4",children:(s?.address1||s?.address2)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"overflow-hidden",children:[(0,a.jsx)("p",{className:"mb-2 font-bold uppercase opacity-80",children:"Address"}),(0,a.jsx)("p",{className:"truncate opacity-60",children:`${s?.address1||""}${s?.address1&&s?.address2?", ":""}${s?.address2||""}`})]}),(0,a.jsx)("a",{href:(0,w.W1)(s),target:"_blank",rel:"noreferrer noopener",children:(0,a.jsx)(v.A,{fill:"black",className:"m-1 h-6 w-6 flex-shrink-0"})})]})}),(0,a.jsxs)("div",{className:"px-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("p",{className:"font-bold uppercase",children:"Hours"}),e?(0,a.jsx)("p",{className:"rounded-2xl bg-[#91E9D6] px-2 py-1 font-semibold text-[#00503E]",children:"Open now"}):(0,a.jsx)("p",{className:"rounded-2xl bg-[#FFD6D3] px-2 py-1 font-semibold text-lightRed",children:"Closed"})]}),(0,a.jsx)("div",{className:"flex flex-col gap-2 pt-2",children:x?.map((e,l)=>{let{opening:t,closing:n}=Object.values(s?.openingHours||{})[l]||[];return(0,a.jsxs)("div",{className:`flex justify-between ${(0,A.A)(l)?"font-semibold":"opacity-60"}`,children:[(0,a.jsx)("p",{children:e}),(0,a.jsx)("p",{className:"uppercase",children:t&&n?`${t} - ${n}`:"Closed"})]},e)})})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 p-4 pt-6",children:[(0,a.jsx)(C.c,{gameId:t,venueId:s?.id}),(0,a.jsx)("p",{className:"text-center text-sm opacity-60",children:"You can change your venue later."})]})]})})};F.propTypes={isOpen:b().bool.isRequired,venue:b().object.isRequired,onClose:b().func.isRequired};var R=l(41392),$=l(67478),S=l(743);let L=({backgroundColor:e="bg-black",isRound:s})=>(0,a.jsxs)(n(),{href:"/",target:"_blank",className:(0,x.A)("mx-auto flex items-center py-2 pl-4 pr-3",s?"justify-center rounded-2xl":"-skew-x-9 mt-4 rounded-[1px]",e),children:[(0,a.jsx)("p",{className:(0,x.A)("font-semibold text-white",!s&&"text-xs"),children:"Powered by"}),(0,a.jsx)(r.A,{fill:"white",className:"h-6 pl-px"})]}),E=({open:e,onClose:s,bgImage:l,children:t,hideHelp:n=!1,showOverlay:i=!1})=>(0,a.jsxs)(o.A,{hideHeader:!0,open:e,onClose:s,className:"noScrollbar w-full overflow-auto",children:[(0,a.jsxs)("div",{className:"relative z-10 mx-auto flex h-dvh max-w-[480px] flex-1 flex-col items-center justify-between px-8 pb-8 text-white",children:[(!n||s)&&(0,a.jsxs)("div",{className:"flex justify-between pt-6",children:[!n&&(0,a.jsx)(S.A,{isDark:!0,className:"absolute left-4 top-4 z-[9999]"}),s&&(0,a.jsx)(c.A,{onClick:s,className:"absolute right-4 top-4 roun

1ded-full bg-darkGrey p-1.5",children:(0,a.jsx)(d.A,{className:"h-8 w-8"})})]}),(0,a.jsx)("div",{className:"p-1"}),(0,a.jsx)("div",{children:t}),(0,a.jsx)(L,{isRound:!0,backgroundColor:"bg-[#fff]/[0.1]"})]}),(0,a.jsx)("div",{className:"absolute inset-0 bg-cover bg-center",style:{backgroundImage:`url(${l})`}}),i&&(0,a.jsx)("div",{className:"absolute inset-0 bg-[#000]/[0.7]"})]}),_=({venuesQuery:e,loading:s,latLong:l,updateLatLong:t})=>{let{venues:n,isLoading:r,hasNextPage:d,fetchNextPage:o,isFetchingNextPage:j}=e,{t:b}=(0,m.Bd)(),[v,N]=(0,i.useState)(!1),[w,y]=(0,i.useState)(null),[k,A]=(0,i.useState)(null),[C,S]=(0,i.useState)(null),[L,E]=(0,i.useState)(""),_=(0,i.useRef)(null),I=(0,i.useRef)({}),M=s||r,P=C||w?.id;return(0,i.useEffect)(()=>{let e=I.current[P];P&&e&&e.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[P]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h2",{className:(0,x.A)("headingFont mx-auto max-w-[311px] p-8 text-center text-5xl lg:max-w-[578px]",v&&"hidden lg:block"),"data-test-id":"findBarTitle",children:b("findBar_title")}),M?(0,a.jsx)(u.kt,{}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:(0,x.A)("mx-auto flex max-w-[340px] flex-1  flex-col items-center justify-center gap-2 px-2 lg:max-w-[578px]",l?"":"mt-4"),children:(0,a.jsxs)("div",{className:"flex w-full flex-col items-center gap-2",children:[!l&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(h.A,{className:"h-16 w-16"}),(0,a.jsx)("p",{className:"text-xl font-bold",children:b("findBar_searchTitle")})]}),(0,a.jsxs)("div",{className:(0,x.A)("z-[100] flex w-full flex-1 items-center gap-2",v&&"lg:max-w-unset absolute top-5 max-w-sm px-4 lg:relative"),children:[(0,a.jsx)("div",{className:"relative flex-1",children:(0,a.jsx)(p.A,{locationOverride:L,usersLocationEnabled:!!l,usersLatLong:l,onPressLocation:e=>{E(e?.name),t(`${e.latitude},${e.longitude}`)}})}),!!l&&(0,a.jsxs)(c.A,{className:"z-10 flex items-center justify-center gap-2 rounded-[44px] border border-veryLightGrey bg-white p-3 text-center text-xs font-bold lg:hidden",onClick:()=>N(!v),children:[v?(0,a.jsx)(R.A,{className:"h-6 w-6"}):(0,a.jsx)($.A,{className:"h-6 w-6"}),v?"List":"Map"]})]})]})}),(0,a.jsx)("hr",{className:"max-w-container mx-auto mb-4 mt-2 w-full border-t border-[#E5E5E5] sm:mb-6 sm:mt-0 lg:mb-28"}),!!l&&(0,a.jsxs)("div",{className:"max-w-container relative mb-8 flex min-h-[50dvh] flex-1 justify-center gap-4 bg-[#FCFCFC] lg:justify-between",children:[(0,a.jsxs)("div",{className:(0,x.A)(v?"hidden lg:block":"flex-1 lg:flex-none"),children:[(0,a.jsx)("div",{className:"grid flex-1 grid-cols-1 gap-6 sm:grid-cols-2 lg:max-w-md lg:grid-cols-1 lg:gap-4",children:n.map(e=>(0,a.jsx)(g.Cp,{venue:e,onHover:e=>S(e),selectedVenueId:w?.id,onClick:()=>A(e),href:"/",isMap:!0,forceScroll:!0,onFinishScroll:()=>{y(null)}},e.id))}),(0,a.jsxs)("div",{className:"py-4 lg:pb-0",children:[!M&&d&&(0,a.jsx)(c.A,{className:"flex h-14 w-full items-center justify-center rounded-lg bg-gamePrimary font-semibold text-white",onClick:o,disabled:j,children:j?(0,a.jsx)(u.kt,{className:"opacity-60"}):"See More"}),!M&&!d&&(0,a.jsx)(z,{isEmpty:0===n.length})]})]}),(0,a.jsx)("div",{className:(0,x.A)("lg:h-[calc(100vh - 136px)] fixed inset-0 z-40 flex-1 lg:sticky lg:top-[136px] lg:max-h-[80vh] lg:pr-0",!v&&"hidden lg:block"),children:(0,a.jsx)(f.A,{selectedVenueId:P,onPressMarker:e=>y(e),venues:n,updateLatLang:(e,s)=>t(`${e},${s}`),allowSearch:!0,usersLatLong:l,showAllVenues:v,children:(0,a.jsx)("div",{ref:_,className:"noScrollbar flex gap-4 overflow-auto lg:hidden",children:n.map(e=>(0,a.jsx)("div",{className:"max-w-80",ref:s=>s&&(I.current[e.id]=s),children:(0,a.jsx)(g.Cp,{selectedVenueId:C||w?.id,venue:e,isMap:!0,forceScroll:!0,href:"/",onClick:e=>A(e),onFinishScroll:e=>y(e)})},e?.id))})})})]}),k&&(0,a.jsx)(F,{isOpen:!!k,venue:k,onClose:()=>A(null)})]})]})},z=({isEmpty:e})=>(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center gap-2 rounded-2xl bg-[#F5F5F4] p-8 text-center",children:[(0,a.jsx)(h.A,{className:"h-12 w-12"}),(0,a.jsx)("p",{className:"headingFont text-[28px]",children:e?"No venues available":"No more venues available"}),(0,a.jsx)("p",{className:"text-sm opacity-60",children:"Try searching a different location or changing the filters."})]})}}]);