https://www.botb.com/my-app/dist/371.cb9c638ea90f14fb85f9.js

1"use strict";(self.webpackChunkbotb_nextjs_app=self.webpackChunkbotb_nextjs_app||[]).push([[371],{371:(e,l,s)=>{s.r(l),s.d(l,{default:()=>v});var t=s(4848),a=s(6025),n=s(100),i=s(5189),r=s(3894),o=s(4177);const c=({car:e})=>{const l=(0,r.A)(e.countryCode);return(0,t.jsxs)("div",{className:"bg-white py-3 px-1.5 text-center h-full flex flex-col justify-between",children:[(0,t.jsx)("div",{className:"min-h-[72px] w-[72px] bg-[#E7E7E9] rounded-full mx-auto mb-2 flex items-center justify-center",children:(0,t.jsx)("img",{src:e.prizeThumbnailUrl,className:"w-auto h-11 object-cover"})}),(0,t.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,t.jsxs)("div",{className:"pb-2 border-b-[1px] border-[#aaaaaa5a] mb-2",children:[(0,t.jsx)("div",{className:"text-base font-bold text-black leading-tight",children:e.make}),(0,t.jsx)("div",{className:"text-xs text-[#696971] truncate",title:e.model,children:e.model})]}),(0,t.jsxs)("div",{className:"text-xs text-[#4C4C52] font-semibold flex items-center justify-center",children:[(0,t.jsx)(o.tH,{fallback:(0,t.jsx)("div",{"data-country-code":e.countryCode,className:"inline-block rounded-full size-4 mr-1 object-cover",children:"?"}),children:(0,t.jsx)(l,{title:e.countryCode,className:"inline-block rounded-full size-4 mr-1 object-cover"})}),e.name]})]})]})};var d=s(6540),x=s(4606),m=s(1397),u=s(9954),h=s(6823),p=s(5142);function f({countryCode:e}){const l=(0,r.A)(e);return l?(0,t.jsx)(o.tH,{fallback:null,children:(0,t.jsx)(l,{title:e,className:"inline-block rounded-full size-4 shrink-0 object-cover"})}):null}function g({players:e}){const l=(0,m.jL)();return(0,t.jsx)(h.A,{onClose:()=>{l((0,u.fz)({isOpen:!1}))},children:(0,t.jsxs)("div",{className:"pt-12 lg:pt-[72px] pb-6 lg:pb-10 px-4 lg:px-8 max-lg:min-h-full grow",children:[(0,t.jsx)("div",{className:"mb-4",children:(0,t.jsx)(p.A,{title:"Closest by Car Winners"})}),(0,t.jsx)("div",{className:"flex flex-col gap-2 font-jost max-h-[500px] overflow-y-auto custom-scrollbar custom-scrollbar2 lg:pr-4",children:e.map(((e,l)=>(0,t.jsxs)("div",{className:"flex items-center justify-between bg-[#f5f5f5] rounded-lg px-4 py-3 gap-3",children:[(0,t.jsxs)("span",{className:"text-sm font-medium text-[#28282b] flex items-center gap-1.5 white-space-nowrap shrink-0",children:[(0,t.jsx)("span",{className:"white-space-nowrap",children:e.name}),(0,t.jsx)(f,{countryCode:e.countryCode})]}),(0,t.jsxs)("span",{className:"text-sm font-medium text-black text-right",children:[e.make," ",e.model]})]},l)))})]})})}const j=50;function v({sliceData:e}){const[l,s]=(0,d.useState)(null),[r,o]=(0,d.useState)(null),h=(0,x.a)(),p=(0,m.jL)(),f=new Intl.NumberFormat("en-GB",{style:"currency",currency:"GBP",minimumFractionDigits:0,maximumFractionDigits:0});return(0,t.jsxs)("div",{className:"closest-by-car-section",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("span",{className:"text-base",children:[(0,t.jsx)("span",{className:"font-medium text-[#FF8200]",children:f.format(e.data.prizeValue)})," won by players being Closest by car"]}),(0,t.jsx)(a.A,{text:"The closest player for each car in the Dream Car Competition line-up wins £10, £20, or £30 Game Credit, depending on their qualifying spend."})]}),(0,t.jsxs)("div",{className:"hidden lg:flex gap-2",children:[(0,t.jsx)("button",{ref:e=>{s(e)},className:"w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-gray-100",children:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"rotate-180",children:(0,t.jsx)("path",{d:"M4.5 1.5L8.5 6L4.5 10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,t.jsx)("button",{ref:e=>{o(e)},className:"w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center hover:bg-gray-100",children:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,t.jsx)("path",{d:"M4.5 1.5L8.5 6L4.5 10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(n.RC,{className:"max-lg:!overflow-visible lg:!pt-0.5 lg:!pb-2 lg:!px-2 lg:!-mx-2",modules:[i.Vx,i.dK],spaceBetween:16,slidesPerView:h?2.5:7.3,slidesPerGroup:h?2:7,allowTouchMove:!0,grabCursor:!0,navigation:!h&&{nextEl:r,prevEl:l,disabledClass:"!opacity-50 pointer-events-none"},onBeforeInit:e=>{"boolean"!=typeof e.params.navigation&&e.params.navigation&&(e.params.navigation.prevEl=l,e.params.navigation.nextEl=r)},pagination:{clickable:!0,el:"#closest-car-swiper-pagination-bottom-widget",dynamicBullets:!0,dynamicMainBullets:3},breakpoints:{200:{slidesPerView:2.5,spaceBetween:16,slidesPerGroup:2},640:{slidesPerView:3.2,spaceBetween:16,slidesPerGroup:3},768:{slidesPerView:5.3,spaceBetween:16,slidesPerGroup:5},1024:{slidesPerView:8.2,spaceBetween:16,slidesPerGroup:8}},children:e.data.players.slice(0,j).map(((e,l)=>(0,t.jsx)(n.qr,{className:"!h-[unset] min-h-full shadow-md !rounded-lg overflow-hidden",children:(0,t.jsx)(c,{car:e})},l)))}),(0,t.jsx)("div",{id:"closest-car-swiper-pagination-bottom-widget",className:"swiper-pagination !-bottom-5"})]}),(0,t.jsx)("div",{className:"text-center lg:text-right mt-8",children:(0,t.jsx)("button",{onClick:()=>{p((0,u.d)({modalData:(0,t.jsx)(g,{players:e.data.players})})),p((0,u.D$)({withOverlay:!1})),p((0,u.fz)({isOpen:!0}))},className:"text-[#FF8200] text-sm font-normal hover:underline",children:"View full list"})})]})}},3894:(e,l,s)=>{s.d(l,{A:()=>a});var t=s(1253);const a=e=>{const l=e.toUpperCase();return t[l]}},4606:(e,l,s)=>{s.d(l,{a:()=>a});var t=s(1397);const a=()=>(0,t.GV)((e=>e.device.isMobile))},5142:(e,l,s)=>{s.d(l,{A:()=>a});var t=s(4848);function a({title:e=""}){return(0,t.jsx)("div",{className:"text-center text-[#696971] font-jost text-xl leading-6.5 lg:text-2xl lg:leading-6 font-normal  uppercase mb-4 lg:mb-[42px]",children:e})}},6025:(e,l,s)=>{s.d(l,{A:()=>i});var t=s(4848),a=s(6540),n=s(961);const i=({text:e,className:l=""})=>{const[s,i]=(0,a.useState)(!1),[r,o]=(0,a.useState)(null),c=(0,a.useRef)(null);return(0,a.useLayoutEffect)((()=>

1{if(!s||!c.current||"undefined"==typeof window)return void o(null);const e=c.current.getBoundingClientRect(),l=Math.min(e.right,window.innerWidth-8),t=Math.max(8,l-263);o({top:e.top+window.scrollY,left:t+window.scrollX})}),[s]),(0,t.jsxs)("div",{className:`relative inline-block ${l}`,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[(0,t.jsx)("div",{ref:c,className:"size-[18px] rounded-full flex items-center justify-center cursor-help shadow-sm",onClick:()=>i(!s),children:(0,t.jsxs)("svg",{className:"size-[18px] lg:size-5 shrink-0",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[(0,t.jsx)("path",{d:"M0.75 9.75C0.75 10.9319 0.982792 12.1022 1.43508 13.1942C1.88738 14.2861 2.55031 15.2782 3.38604 16.114C4.22177 16.9497 5.21392 17.6126 6.30585 18.0649C7.39778 18.5172 8.5681 18.75 9.75 18.75C10.9319 18.75 12.1022 18.5172 13.1942 18.0649C14.2861 17.6126 15.2782 16.9497 16.114 16.114C16.9497 15.2782 17.6126 14.2861 18.0649 13.1942C18.5172 12.1022 18.75 10.9319 18.75 9.75C18.75 7.36305 17.8018 5.07387 16.114 3.38604C14.4261 1.69821 12.1369 0.75 9.75 0.75C7.36305 0.75 5.07387 1.69821 3.38604 3.38604C1.69821 5.07387 0.75 7.36305 0.75 9.75Z",fill:"#898994"}),(0,t.jsx)("path",{d:"M9.75 6.75H9.76H9.75Z",fill:"#898994"}),(0,t.jsx)("path",{d:"M8.75 9.75H9.75V13.75H10.75",fill:"#898994"}),(0,t.jsx)("path",{d:"M9.75 6.75H9.76M8.75 9.75H9.75V13.75H10.75M0.75 9.75C0.75 10.9319 0.982792 12.1022 1.43508 13.1942C1.88738 14.2861 2.55031 15.2782 3.38604 16.114C4.22177 16.9497 5.21392 17.6126 6.30585 18.0649C7.39778 18.5172 8.5681 18.75 9.75 18.75C10.9319 18.75 12.1022 18.5172 13.1942 18.0649C14.2861 17.6126 15.2782 16.9497 16.114 16.114C16.9497 15.2782 17.6126 14.2861 18.0649 13.1942C18.5172 12.1022 18.75 10.9319 18.75 9.75C18.75 7.36305 17.8018 5.07387 16.114 3.38604C14.4261 1.69821 12.1369 0.75 9.75 0.75C7.36305 0.75 5.07387 1.69821 3.38604 3.38604C1.69821 5.07387 0.75 7.36305 0.75 9.75Z",stroke:"#F5F5F5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})]})}),s&&(0,t.jsx)("div",{className:"hidden md:block absolute left-[calc(100%+18px)] -bottom-2.5 w-80 p-2 bg-[#E7E7E9] text-[#4C4C52] text-sm rounded-lg z-50",children:e}),s&&r&&"undefined"!=typeof document&&(0,n.createPortal)((0,t.jsx)("div",{className:"absolute -translate-y-full w-[263px] max-w-[calc(100vw-16px)] p-2 bg-[#E7E7E9] text-[#4C4C52] text-xs font-normal leading-4 rounded-lg shadow-xl z-50 md:hidden",style:{top:r.top-8,left:r.left},onClick:e=>e.stopPropagation(),children:e}),document.body)]})}},6823:(e,l,s)=>{s.d(l,{A:()=>i});var t=s(4848),a=s(6540),n=s(128);const i=({children:e,onClose:l,variant:s})=>((0,a.useEffect)((()=>(document.body.classList.add("overflow-hidden"),()=>{document.body.classList.remove("overflow-hidden")})),[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{"data-name":"Overlay",className:"fixed inset-0 z-[1003] bg-black/80",onClick:l}),(()=>{switch(s){case 2:return(0,t.jsx)("div",{"data-name":"PopupContainer-variant2",className:"fixed inset-0 z-[1004] w-full min-h-full overflow-x-hidden overflow-y-auto",children:(0,t.jsx)("div",{className:"w-full min-h-full flex-center flex-col m-auto p-2.5 lg:p-4",children:(0,t.jsxs)("div",{className:"bg-white relative w-full lg:max-w-[440px] lg:min-h-[650px] flex flex-col rounded-2xl",children:[(0,t.jsx)("button",{onClick:l,className:"absolute right-4 lg:right-2 top-4 lg:top-2 lg:size-10 lg:flex-center z-10",children:(0,t.jsx)(n.A,{className:"size-6 text-gray-5"})}),e]})})});case 3:return(0,t.jsx)("div",{"data-name":"PopupContainer-variant3",className:"fixed inset-0 z-[1004] w-full min-h-full overflow-x-hidden overflow-y-auto",children:(0,t.jsx)("div",{className:"w-full min-h-full flex-center flex-col m-auto lg:p-4",children:(0,t.jsxs)("div",{className:"relative bg-white max-lg:min-h-full w-full max-lg:h-full max-lg:shrink-0 max-lg:grow lg:max-w-[620px] lg:min-h-[687px] flex flex-col lg:rounded-2xl",children:[(0,t.jsx)("button",{onClick:l,className:"absolute right-4 lg:right-2 top-4 lg:top-2 lg:size-10 lg:flex-center z-10",children:(0,t.jsx)(n.A,{className:"size-6 text-gray-5"})}),e]})})});default:return(0,t.jsx)("div",{"data-name":"PopupContainer-default",className:"fixed inset-0 z-[1004] w-full min-h-full overflow-x-hidden overflow-y-auto",children:(0,t.jsx)("div",{className:"w-full min-h-full flex-center flex-col m-auto p-2.5 lg:p-4",children:(0,t.jsxs)("div",{className:"bg-white relative w-full lg:max-w-[812px] min-h-[240px] lg:min-h-[572px] flex flex-col rounded-2xl lg:rou

1nded-[26px]",children:[(0,t.jsx)("button",{onClick:l,className:"absolute right-4 lg:right-2 top-4 lg:top-2 lg:size-10 lg:flex-center z-10",children:(0,t.jsx)(n.A,{className:"size-6 text-gray-5"})}),e]})})})}})()]}))}}]);
2//# sourceMappingURL=371.cb9c638ea90f14fb85f9.js.map