https://metastadiums-landing.vercel.app/build/routes/xp-passes-YZQ3JVJP.js

1import{a as Ie}from"/build/_shared/chunk-I5CPYSCF.js";import{a as _e}from"/build/_shared/chunk-7DMFJOR6.js";import{a as Q}from"/build/_shared/chunk-MMBU4MGN.js";import{a as Ne,b as ke,c as Te,d as Ee,i as Re}from"/build/_shared/chunk-4NHIF2VA.js";import{a as j}from"/build/_shared/chunk-WCJCLFTV.js";import{a as ee,b as $e,c as Ce,d as Ae}from"/build/_shared/chunk-B4DXCUDJ.js";import"/build/_shared/chunk-ZFZZICUQ.js";import"/build/_shared/chunk-LQVD76RY.js";import"/build/_shared/chunk-RDOHPPQS.js";import{b as Pe}from"/build/_shared/chunk-BVTP2IJF.js";import{b as K}from"/build/_shared/chunk-WEA7SWRR.js";import"/build/_shared/chunk-P6NSFH2A.js";import{a as O,b as xe,c as L,d as we}from"/build/_shared/chunk-OD5WSS7K.js";import{a as q,d as T}from"/build/_shared/chunk-P75ZESTD.js";import"/build/_shared/chunk-5KXXW3SX.js";import"/build/_shared/chunk-U5TMKFFY.js";import{a as Se}from"/build/_shared/chunk-O4BBE65A.js";import"/build/_shared/chunk-D3QAFOC7.js";import"/build/_shared/chunk-74473EF7.js";import{b as k,s as ne,t as se}from"/build/_shared/chunk-LUSAXJLA.js";import{a as w,c as V,h as ye}from"/build/_shared/chunk-GTS3BIAD.js";import{a as Z,b as C,d as J,f as ge,g as he,s as ve}from"/build/_shared/chunk-QZFRE4YH.js";import{e as S}from"/build/_shared/chunk-XDMRC4Q6.js";var N=S(Z(),1);var E=S(C(),1),ze=e=>(0,E.jsxs)("div",{className:"w-[72px] h-[72px] lg:w-[96px] lg:h-[107px] rounded-[8px] bg-white opacity-[0.6] flex items-center justify-center relative border border-[2px] border-white/[0.25]",style:{background:e.owned?"linear-gradient(0deg, rgba(252, 115, 232, 0.25) 0%, rgba(252, 115, 232, 0.25) 100%), linear-gradient(252deg, #000 37.57%, rgba(0, 0, 0, 0.00) 100.42%), #2F3031":"linear-gradient(252deg, rgba(0, 0, 0, 0.50) 37.57%, rgba(0, 0, 0, 0.00) 100.42%), #2F3031"},children:[(0,E.jsxs)("div",{className:"flex flex-col justify-center items-center gap-1",children:[(0,E.jsx)("div",{className:"w-[44px] h-[44px] lg:w-[64px] lg:h-[64px]",children:e.imgUrl&&(0,E.jsx)("img",{className:"w-full h-full object-contain",alt:e.name,src:e.imgUrl})}),(0,E.jsx)("p",{className:"font-interMedium text-white text-[10px] lg:text-[12px] text-center",children:e.name})]}),e.owned&&(0,E.jsxs)("div",{className:"flex flex-row gap-1 absolute -bottom-[21px] lg:-bottom-[28px] items-center justify-center",children:[(0,E.jsx)(T.owned_checkmark,{fill:"#59f999",className:"w-5 h-5"}),(0,E.jsx)("p",{className:"font-interMedium text-white text-[11px] lg:text-[14px]",children:"Owned"})]})]});var z=S(C(),1),Me=e=>{let{t:l}=k();return(0,z.jsxs)("div",{className:"rounded-[8px] py-[8px] pl-[8px] pr-[18px] flex flex-row gap-[12px] items-center border-[2px] border border-white/[0.2]",style:{background:"linear-gradient(252deg, rgba(0, 0, 0, 0.50) 37.57%, rgba(0, 0, 0, 0.00) 100.42%), #2F3031"},children:[(0,z.jsxs)("div",{className:"w-[56px] h-[56px] lg:w-[72px] lg:h-[72px] border-[2px] border border-white/[0.1] rounded-[8px] bg-[#5F5F5F] shrink-0 relative",children:[(0,z.jsx)("img",{alt:"bg",className:"absolute top-0 left-0 h-full w-full z-10",src:"https://r2.workers.mkms.io/assets/images/auto/mstad-owned-pass-bg.webp"}),e.imgUrl&&(0,z.jsx)("img",{src:e.imgUrl,className:"w-full h-full object-cover rounded-[8px] z-20",alt:e.name})]}),(0,z.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,z.jsx)("p",{className:"font-interSemiBold text-[12px] lg:text-[14px] tracking-tight text-white",children:e.name}),e.quantity&&e.quantity>1&&(0,z.jsx)("div",{className:"px-[8px] lg:px-[12px] py-[2px] rounded-full bg-white flex items-center justify-center text-inter text-[11px] w-fit",children:`${e.quantity} ${l("Owned")}`})]})]})};var ue=S(Z(),1);var o=S(Z(),1);function Ze(e,l){return(0,o.useReducer)((r,n)=>{let a=l[r][n];return a??r},e)}var De="ScrollArea",[Oe,Et]=xe(De),[et,_]=Oe(De),tt=(0,o.forwardRef)((e,l)=>{let{__scopeScrollArea:r,type:n="hover",dir:a,scrollHideDelay:t=600,...s}=e,[i,c]=(0,o.useState)(null),[u,d]=(0,o.useState)(null),[p,m]=(0,o.useState)(null),[g,$]=(0,o.useState)(null),[U,B]=(0,o.useState)(null),[R,Y]=(0,o.useState)(0),[A,X]=(0,o.useState)(0),[h,y]=(0,o.useState)(!1),[W,H]=(0,o.useState)(!1),v=V(l,D=>

1c(D)),P=Pe(a);return(0,o.createElement)(et,{scope:r,type:n,dir:P,scrollHideDelay:t,scrollArea:i,viewport:u,onViewportChange:d,content:p,onContentChange:m,scrollbarX:g,onScrollbarXChange:$,scrollbarXEnabled:h,onScrollbarXEnabledChange:y,scrollbarY:U,onScrollbarYChange:B,scrollbarYEnabled:W,onScrollbarYEnabledChange:H,onCornerWidthChange:Y,onCornerHeightChange:X},(0,o.createElement)(q.div,w({dir:P},s,{ref:v,style:{position:"relative",["--radix-scroll-area-corner-width"]:R+"px",["--radix-scroll-area-corner-height"]:A+"px",...e.style}})))}),rt="ScrollAreaViewport",ot=(0,o.forwardRef)((e,l)=>{let{__scopeScrollArea:r,children:n,...a}=e,t=_(rt,r),s=(0,o.useRef)(null),i=V(l,s,t.onViewportChange);return(0,o.createElement)(o.Fragment,null,(0,o.createElement)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"}}),(0,o.createElement)(q.div,w({"data-radix-scroll-area-viewport":""},a,{ref:i,style:{overflowX:t.scrollbarXEnabled?"scroll":"hidden",overflowY:t.scrollbarYEnabled?"scroll":"hidden",...e.style}}),(0,o.createElement)("div",{ref:t.onContentChange,style:{minWidth:"100%",display:"table"}},n)))}),M="ScrollAreaScrollbar",ce=(0,o.forwardRef)((e,l)=>{let{forceMount:r,...n}=e,a=_(M,e.__scopeScrollArea),{onScrollbarXEnabledChange:t,onScrollbarYEnabledChange:s}=a,i=e.orientation==="horizontal";return(0,o.useEffect)(()=>(i?t(!0):s(!0),()=>{i?t(!1):s(!1)}),[i,t,s]),a.type==="hover"?(0,o.createElement)(lt,w({},n,{ref:l,forceMount:r})):a.type==="scroll"?(0,o.createElement)(at,w({},n,{ref:l,forceMount:r})):a.type==="auto"?(0,o.createElement)(Le,w({},n,{ref:l,forceMount:r})):a.type==="always"?(0,o.createElement)(de,w({},n,{ref:l})):null}),lt=(0,o.forwardRef)((e,l)=>{let{forceMount:r,...n}=e,a=_(M,e.__scopeScrollArea),[t,s]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let i=a.scrollArea,c=0;if(i){let u=()=>{window.clearTimeout(c),s(!0)},d=()=>{c=window.setTimeout(()=>s(!1),a.scrollHideDelay)};return i.addEventListener("pointerenter",u),i.addEventListener("pointerleave",d),()=>{window.clearTimeout(c),i.removeEventListener("pointerenter",u),i.removeEventListener("pointerleave",d)}}},[a.scrollArea,a.scrollHideDelay]),(0,o.createElement)(K,{present:r||t},(0,o.createElement)(Le,w({"data-state":t?"visible":"hidden"},n,{ref:l})))}),at=(0,o.forwardRef)((e,l)=>{let{forceMount:r,...n}=e,a=_(M,e.__scopeScrollArea),t=e.orientation==="horizontal",s=oe(()=>c("SCROLL_END"),100),[i,c]=Ze("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return(0,o.useEffect)(()=>{if(i==="idle"){let u=window.setTimeout(()=>c("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(u)}},[i,a.scrollHideDelay,c]),(0,o.useEffect)(()=>{let u=a.viewport,d=t?"scrollLeft":"scrollTop";if(u){let p=u[d],m=()=>{let g=u[d];p!==g&&(c("SCROLL"),s()),p=g};return u.addEventListener("scroll",m),()=>u.removeEventListener("scroll",m)}},[a.viewport,t,c,s]),(0,o.createElement)(K,{present:r||i!=="hidden"},(0,o.createElement)(de,w({"data-state":i==="hidden"?"hidden":"visible"},n,{ref:l,onPointerEnter:O(e.onPointerEnter,()=>c("POINTER_ENTER")),onPointerLeave:O(e.onPointerLeave,()=>c("POINTER_LEAVE"))})))}),Le=(0,o.forwardRef)((e,l)=>{let r=_(M,e.__scopeScrollArea),{forceMount:n,...a}=e,[t,s]=(0,o.useState)(!1),i=e.orientation==="horizontal",c=oe(()=>{if(r.viewport){let u=r.viewport.offsetWidth<r.viewport.scrollWidth,d=r.viewport.offsetHeight<r.viewport.scrollHeight;s(i?u:d)}},10);return G(r.viewport,c),G(r.content,c),(0,o.createElement)(K,{present:n||t},(0,o.createElement)(de,w({"data-state":t?"visible":"hidden"},a,{ref:l})))}),de=(0,o.forwardRef)((e,l)=>{let{orientation:r="vertical",...n}=e,a=_(M,e.__scopeScrollArea),t=(0,o.useRef)(null),s=(0,o.useRef)(0),[i,c]=(0,o.useState)({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),u=He(i.viewport,i.content),d={...n,sizes:i,onSizesChange:c,hasThumb:Boolean(u>0&&u<1),onThumbChange:m=>t.current=m,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:m=>s.current=m};function p(m,g){return ut(m,s.current,i,g)}return r==="horizontal"?(0,o.createElement)(nt,w({},d,{ref:l,onThumbPositionChange:()=>{if(a.viewport&&t.current){let m=a.viewport.scrollLeft,g=Xe(m,i,a.dir);t.current.style.transform=`translate3d(${g}px, 0, 0)`}}

1,onWheelScroll:m=>{a.viewport&&(a.viewport.scrollLeft=m)},onDragScroll:m=>{a.viewport&&(a.viewport.scrollLeft=p(m,a.dir))}})):r==="vertical"?(0,o.createElement)(st,w({},d,{ref:l,onThumbPositionChange:()=>{if(a.viewport&&t.current){let m=a.viewport.scrollTop,g=Xe(m,i);t.current.style.transform=`translate3d(0, ${g}px, 0)`}},onWheelScroll:m=>{a.viewport&&(a.viewport.scrollTop=m)},onDragScroll:m=>{a.viewport&&(a.viewport.scrollTop=p(m))}})):null}),nt=(0,o.forwardRef)((e,l)=>{let{sizes:r,onSizesChange:n,...a}=e,t=_(M,e.__scopeScrollArea),[s,i]=(0,o.useState)(),c=(0,o.useRef)(null),u=V(l,c,t.onScrollbarXChange);return(0,o.useEffect)(()=>{c.current&&i(getComputedStyle(c.current))},[c]),(0,o.createElement)(Ue,w({"data-orientation":"horizontal"},a,{ref:u,sizes:r,style:{bottom:0,left:t.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:t.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,["--radix-scroll-area-thumb-width"]:re(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,p)=>{if(t.viewport){let m=t.viewport.scrollLeft+d.deltaX;e.onWheelScroll(m),Ye(m,p)&&d.preventDefault()}},onResize:()=>{c.current&&t.viewport&&s&&n({content:t.viewport.scrollWidth,viewport:t.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:te(s.paddingLeft),paddingEnd:te(s.paddingRight)}})}}))}),st=(0,o.forwardRef)((e,l)=>{let{sizes:r,onSizesChange:n,...a}=e,t=_(M,e.__scopeScrollArea),[s,i]=(0,o.useState)(),c=(0,o.useRef)(null),u=V(l,c,t.onScrollbarYChange);return(0,o.useEffect)(()=>{c.current&&i(getComputedStyle(c.current))},[c]),(0,o.createElement)(Ue,w({"data-orientation":"vertical"},a,{ref:u,sizes:r,style:{top:0,right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)",["--radix-scroll-area-thumb-height"]:re(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,p)=>{if(t.viewport){let m=t.viewport.scrollTop+d.deltaY;e.onWheelScroll(m),Ye(m,p)&&d.preventDefault()}},onResize:()=>{c.current&&t.viewport&&s&&n({content:t.viewport.scrollHeight,viewport:t.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:te(s.paddingTop),paddingEnd:te(s.paddingBottom)}})}}))}),[it,Fe]=Oe(M),Ue=(0,o.forwardRef)((e,l)=>{let{__scopeScrollArea:r,sizes:n,hasThumb:a,onThumbChange:t,onThumbPointerUp:s,onThumbPointerDown:i,onThumbPositionChange:c,onDragScroll:u,onWheelScroll:d,onResize:p,...m}=e,g=_(M,r),[$,U]=(0,o.useState)(null),B=V(l,v=>U(v)),R=(0,o.useRef)(null),Y=(0,o.useRef)(""),A=g.viewport,X=n.content-n.viewport,h=L(d),y=L(c),W=oe(p,10);function H(v){if(R.current){let P=v.clientX-R.current.left,D=v.clientY-R.current.top;u({x:P,y:D})}}return(0,o.useEffect)(()=>{let v=P=>{let D=P.target;$?.contains(D)&&h(P,X)};return document.addEventListener("wheel",v,{passive:!1}),()=>document.removeEventListener("wheel",v,{passive:!1})},[A,$,X,h]),(0,o.useEffect)(y,[n,y]),G($,W),G(g.content,W),(0,o.createElement)(it,{scope:r,scrollbar:$,hasThumb:a,onThumbChange:L(t),onThumbPointerUp:L(s),onThumbPositionChange:y,onThumbPointerDown:L(i)},(0,o.createElement)(q.div,w({},m,{ref:B,style:{position:"absolute",...m.style},onPointerDown:O(e.onPointerDown,v=>{v.button===0&&(v.target.setPointerCapture(v.pointerId),R.current=$.getBoundingClientRect(),Y.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",g.viewport&&(g.viewport.style.scrollBehavior="auto"),H(v))}),onPointerMove:O(e.onPointerMove,H),onPointerUp:O(e.onPointerUp,v=>{let P=v.target;P.hasPointerCapture(v.pointerId)&&P.releasePointerCapture(v.pointerId),document.body.style.webkitUserSelect=Y.current,g.viewport&&(g.viewport.style.scrollBehavior=""),R.current=null})})))}),ie="ScrollAreaThumb",Be=(0,o.forwardRef)((e,l)=>{let{forceMount:r,...n}=e,a=Fe(ie,e.__scopeScrollArea);return(0,o.createElement)(K,{present:r||a.hasThumb},(0,o.createElement)(ct,w({ref:l},n)))}),ct=(0,o.forwardRef)((e,l)=>{let{__scopeScrollArea:r,style:n,...a}=e,t=_(ie,r),s=Fe(ie,r),{onThumbPositionChange:i}=s,c=V(l,p=>s.onThumbChange(p)),u=(0,o.useRef)(),d=oe(()=>{u.current&&(u.current(),u.current=void 0)},100);return(0,o.useEffect)(()=>{let p=t.viewport;if(p){let m=()=>{if(d(),!u.current){let g=pt(p,i);u.current=g,i()}};return i(),p.addEventListener("scroll",m),()=>p.removeEventListener("scroll",m)}},[t.viewport,d,i]),(0,o.createElement)(q.div,w({"data-state":s.hasThumb?"visible":"hidden"},a,{ref:c,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:O(e.onPointerDownCapture,p=>{let g=p.target.getBoundingClientRect(),$=p.clientX-g.left,U=p.clientY-g.top;s.onThumbPointerDown({x:$,y:U})}),onPointerUp:O(e.onPointerUp,s.onThumbPointerUp)}))}),We="ScrollAreaCorner",dt=(0,o.forwardRef)((e,l)=>{let r=_(We,e.__scopeScrollArea),n=Boolean(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?(0,o.createElement)(mt,w({},e,{ref:l})):null}),mt=(0,o.forwardRef)((e,l)=>{let{__scopeScrollArea:r,...n}=e,a=_(We,r),[t,s]=(0,o.useState)(0),[i,c]=(0,o.useState)(0),u=Boolean(t&&i);return G(a.scrollbarX,()=>{var d;let p=((d=a.scrollbarX)===null||d===void 0?void 0:d.offsetHeight)||0;

1a.onCornerHeightChange(p),c(p)}),G(a.scrollbarY,()=>{var d;let p=((d=a.scrollbarY)===null||d===void 0?void 0:d.offsetWidth)||0;a.onCornerWidthChange(p),s(p)}),u?(0,o.createElement)(q.div,w({},n,{ref:l,style:{width:t,height:i,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}})):null});function te(e){return e?parseInt(e,10):0}function He(e,l){let r=e/l;return isNaN(r)?0:r}function re(e){let l=He(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*l;return Math.max(n,18)}function ut(e,l,r,n="ltr"){let a=re(r),t=a/2,s=l||t,i=a-s,c=r.scrollbar.paddingStart+s,u=r.scrollbar.size-r.scrollbar.paddingEnd-i,d=r.content-r.viewport,p=n==="ltr"?[0,d]:[d*-1,0];return Ve([c,u],p)(e)}function Xe(e,l,r="ltr"){let n=re(l),a=l.scrollbar.paddingStart+l.scrollbar.paddingEnd,t=l.scrollbar.size-a,s=l.content-l.viewport,i=t-n,c=r==="ltr"?[0,s]:[s*-1,0],u=_e(e,c);return Ve([0,s],[0,i])(u)}function Ve(e,l){return r=>{if(e[0]===e[1]||l[0]===l[1])return l[0];let n=(l[1]-l[0])/(e[1]-e[0]);return l[0]+n*(r-e[0])}}function Ye(e,l){return e>0&&e<l}var pt=(e,l=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return function a(){let t={left:e.scrollLeft,top:e.scrollTop},s=r.left!==t.left,i=r.top!==t.top;(s||i)&&l(),r=t,n=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(n)};function oe(e,l){let r=L(e),n=(0,o.useRef)(0);return(0,o.useEffect)(()=>()=>window.clearTimeout(n.current),[]),(0,o.useCallback)(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,l)},[r,l])}function G(e,l){let r=L(l);we(()=>{let n=0;if(e){let a=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return a.observe(e),()=>{window.cancelAnimationFrame(n),a.unobserve(e)}}},[e,r])}var me=tt,qe=ot;var je=dt;var F=S(C(),1),Ge=(0,ue.forwardRef)(({className:e,orientation:l="vertical",...r},n)=>(0,F.jsx)(ce,{ref:n,orientation:l,className:J("flex touch-none select-none transition-colors",l==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",l==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...r,children:(0,F.jsx)(Be,{className:J("relative rounded-full bg-border",l==="vertical"&&"flex-1")})}));Ge.displayName=ce.displayName;var le=(0,ue.forwardRef)(({className:e,viewportClassName:l,children:r,...n},a)=>(0,F.jsxs)(me,{ref:a,className:J("relative overflow-hidden",e),...n,children:[(0,F.jsx)(qe,{asChild:!0,className:J("h-full w-full rounded-[inherit] !flex",l),children:r}),(0,F.jsx)(Ge,{}),(0,F.jsx)(je,{})]}));le.displayName=me.displayName;var x=S(C(),1),pe=e=>{let{t:l}=k(),r=j(),n=t=>e.playerAddOns.find(s=>s.sku===t)!==void 0,a=t=>{let s=r.virtualCurrencies.find(i=>i.sku===t.sku);return s&&s.custom_attributes?.category==="single_use_pass"?`${t.name} Single XP Pass`:t.name};return(0,x.jsxs)("div",{className:"w-full h-full flex flex-col bg-[#D9D9D9]/25 overflow-hidden backdrop-blur-[4px] lg:backdrop-blur-[2px]",children:[(0,x.jsxs)("div",{className:"w-full bg-black/50 py-3 lg:py-6 pl-4 pr-1 flex flex-col flex-1 overflow-hidden",children:[(0,x.jsx)("p",{className:"text-white font-dDinCondensedBold text-[19px] lg:text-[24px] tracking-[1.44px] mb-2 lg:mb-6",children:l("CURRENTLY OWNED")}),(0,x.jsx)(le,{className:"h-full w-full flex items-center overflow-hidden overflow-y-hidden",type:"always",viewportClassName:"overscroll-contain",children:(0,x.jsxs)("div",{className:"flex flex-col gap-5 h-full w-full pr-4",children:[e.playerPasses.length>0&&e.playerPasses.map(t=>(0,x.jsx)(Me,{name:a(t),imgUrl:t.image_url,quantity:t.quantity},t.item_id)),r.initialized&&e.playerPasses.length===0&&(0,x.jsx)("p",{className:"font-interRegular text-white text-[14px] lg:text-[16px]",children:l("No XP Passes")}),!r.initialized&&Array.from(new Array(3)).map((t,s)=>(0,x.jsx)(Q,{className:"w-[216px] h-[72px]"},`player-pass-load-${s}`))]})})]}),(0,x.jsxs)("div",{className:"bg-black/30 w-full py-3 lg:py-6 pl-4 pr-1 lg:pb-7 text-white/80 flex flex-col flex-1 overflow-hidden",children:[(0,x.jsx)("p",{className:"text-white font-dDinCondensedBold text-[19px] lg:text-[24px] tracking-[1.44px] mb-2 lg:mb-6",children:l("ADD-ONS")}),(0,x.jsx)(le,{className:"h-full w-full flex items-center overflow-hidden overflow-y-hidden",type:"always",viewportClassName:"overscroll-contain",children:(0,x.jsxs)("div",{className:"w-full h-full grid grid-cols-2 gap-x-4 gap-y-[28px] pr-3",children:[(0,x.jsx)(ze,{name:l("Coming soon"),owned:!1,imgUrl:"https://r2.workers.mkms.io/assets/images/auto/mstad-add-on-placeholder.webp"},"add-on"),!r.initialized&&Array.from(new Array(2)).map((t,s)=>(0,x.jsx)(Q,{className:"w-[72px] h-[72px] lg:w-[84px] lg:h-[84px]"},`addon-load-${s}`))]})})]}),(0,x.jsxs)("div",{className:"h-fit flex-row items-center justify-center gap-8 lg:gap-6 w-full py-3 lg:py-5 flex justify-center bg-black/50 shrink-0",children:[(0,x.jsx)("a",{href:"https://www.instagram.com/metastadiums",target:"_blank",rel:"noreferrer",onClick:()=>{ne(se.VISIT_SOCIAL,{type:"instagram"})},children:(0,x.jsx)(T.instagram,{opacity:"0.95",className:"fill-white lg:hover:fill-[#63ffff] transition",fill:"current"})}),(0,x.jsx)("a",{href:"https://twitter.com/MVB_Worlds",target:"_blank",rel:"noreferrer",onClick:()=>{ne(se.VISIT_SOCIAL,{type:"twitter"})},children:(0,x.jsx)(T.x_twitter,{opacity:"0.95",className:"fill-white lg:hover:fill-[#63ffff] transition",fill:"current"})})]})]})};var ae=S(Z(),1),b=S(C(),1),fe={default:"w-[245px]",large:"w-[182px] portrait:w-[224px] lg:w-[309px]"},Je={default:"bottom-[26px]",large:"bottom-[40px] lg:bottom-[60px]"},Ke=e=>{let{t:l}=k(),[r,n]=(0,ae.useState)(window.innerWidth<=640);return(0,ae.useEffect)(()=>{let a=()=>{n(window.innerWidth<=640)};return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}},[]),(0,b.jsxs)("div",{className:`h-fit ${fe[e.size]} flex flex-col gap-2 lg:gap-6 ${e.canBeBought?"hover:cursor-pointer":""}`,onClick:()=>{e.canBeBought&&Ee({items:[{sku:e.sku,quantity:1}],sandbox:ge()})},children:[r?(0,b.jsxs)("div",{className:"border-hover-animated",children:[(0,b.jsx)("div",{className:"w-full h-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 p-3 lg:p-5 z-10",children:(0,b.jsx)("div",{className:"w-full h-full bg-black/50 opacity-[0.85]",style:e.bgImgUrl?{backgroundImage:`url('${e.bgImgUrl}')`,backgroundSize:"cover"}:{},children:(0,b.jsx)("img",{alt:"",src:e.imgUrl})})}),(0,b.jsx)("img",{alt:"",src:"https://r2.workers.mkms.io/assets/images/auto/xp-pass-border.webp",className:`${fe[e.size]} z-20 relative`}),(0,b.jsxs)("div",{className:`w-full absolute flex flex-col items-center gap-[4px] lg:gap-[16px] ${Je[e.size]} z-20`,children:[(0,b.jsx)("h1",{className:"font-interBold text-white opacity-[0.95] text-[24px] lg:text-[32px] tracking-tight text-center lg:px-12 px-5 drop-shadow-md",children:e.title}),(0,b.jsx)("h3",{className:"font-dDinCondensedBold tracking-[1.15px] lg:tracking-[1.05px] text-[16px] lg:text-[24px] xp-card-subtitle drop-shadow-md px-8 lg:px-10 text-center",children:e.subt

1itle})]})]}):(0,b.jsx)(Ie,{children:(0,b.jsxs)("div",{className:"border-hover-animated",children:[(0,b.jsx)("div",{className:"w-full h-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 p-3 lg:p-5 z-10",children:(0,b.jsx)("div",{className:"w-full h-full bg-black/50 opacity-[0.85]",style:e.bgImgUrl?{backgroundImage:`url('${e.bgImgUrl}')`,backgroundSize:"cover"}:{},children:(0,b.jsx)("img",{alt:"",src:e.imgUrl})})}),(0,b.jsx)("img",{alt:"",src:"https://r2.workers.mkms.io/assets/images/auto/xp-pass-border.webp",className:`${fe[e.size]} z-20 relative`}),(0,b.jsxs)("div",{className:`w-full absolute flex flex-col items-center gap-[4px] lg:gap-[16px] ${Je[e.size]} z-20`,children:[(0,b.jsx)("h1",{className:"font-interBold text-white opacity-[0.95] text-[24px] lg:text-[32px] tracking-tight text-center lg:px-12 px-5 drop-shadow-md",children:e.title}),(0,b.jsx)("h3",{className:"font-dDinCondensedBold tracking-[1.15px] lg:tracking-[1.05px] text-[16px] lg:text-[24px] xp-card-subtitle drop-shadow-md px-8 lg:px-10 text-center",children:e.subt

1itle})]})]})}),(0,b.jsx)(Se,{variant:"glass",className:"w-full p-[8px] border-[4px] rounded-[12px] lg:rounded-[16px] custom-border-card border-[#515255]",style:{background:"linear-gradient(114deg, #FFF 70.05%, rgba(255, 255, 255, 0.00) 178.32%)"},children:(0,b.jsxs)("div",{className:"w-full flex flex-col",children:[(0,b.jsx)(ee,{className:"text-[11px] leading-[16px] lg:text-[17px] lg:leading-[17px] font-interSemiBold",children:e.header}),e.duration&&(0,b.jsx)(ee,{className:"text-[11px] leading-[16px] lg:text-[17px] lg:leading-[17px] font-interBold",children:e.duration}),(0,b.jsx)(ee,{size:"extraSmall",className:"text-[11px] leading-[16px] lg:text-[13px] lg:leading-[17px] mt-4 opacity-[0.7]",children:e.description}),(0,b.jsx)(ye,{className:"lg:text-[14px] text-[10px] mt-[8px] h-fit py-1 px-2 lg:py-1 lg:h-fit w-fit ml-auto bg-[#72FBFD]/[0.75] text-black font-interSemiBold shadow-[0_0_4px_rgba(114, 251, 253, 0.75)] border-0 hover:text-white rounded-[4px] lg:rounded-full border border-[2px] border-white/[0.25]",disabled:!e.canBeBought,children:e.canBeBought?`${l("Buy")} ${e.price}`:l("Coming soon")})]})})]})};var I=S(C(),1),be=e=>{let{t:l}=k(),r=j(),n=t=>t.custom_attributes?.category==="season_pass"?`${t.name} ${l("Season XP Pass")}`:t.name,a=t=>t.description!==null&&t.description!==""?t.description:t.custom_attributes?.description?t.custom_attributes.description:"";return(0,I.jsx)("div",{className:"w-full h-fit flex flex-col items-center justify-center relative lg:p-12 pt-[13] px-5",children:(0,I.jsxs)("div",{className:"flex portrait:flex-col flex-row flex-wrap gap-10 items-center lg:items-start justify-center",children:[e.availablePasses.length>0&&(0,I.jsx)(I.Fragment,{children:e.availablePasses.map(t=>(0,I.jsx)(Ke,{sku:t.sku,title:t.name,subtitle:t.custom_attributes?.category==="season_pass"?l("Season XP Pass").toUpperCase():"",imgUrl:t.image_url,price:he(t.price),header:n(t),description:a(t),size:"large",borderImgUrl:t.custom_attributes?.borderImg,bgImgUrl:t.custom_attributes?.background,canBeBought:t.can_be_bought},t.sku))}),r.initialized&&e.availablePasses.length===0&&(0,I.jsx)("p",{className:"font-interRegular text-white text-[14px] lg:text-[16px] tracking-tight",children:"No XP Passes"}),!r.initialized&&Array.from(new Array(2)).map((t,s)=>(0,I.jsx)(Q,{className:"w-[182px] h-[260px] portrait:w-[224px] portrait:h-[320px] lg:w-[309px] lg:h-[440px]"},`available-pass-load-${s}`))]})})};var f=S(C(),1),bt=()=>[{title:"Meta-Stadiums - XP Passes"},{name:"description",content:"Get access to all future Meta-Stadiums events"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:title",content:"Meta-Stadiums - XP Passes"},{name:"twitter:description",content:"Get access to all future Meta-Stadiums events"},{name:"twitter:image",content:"/assets/images/meta/meta-stadiums_meta.png"},{name:"og:image",content:"/assets/images/meta/meta-stadiums_meta.png"}];function Qe(){let{i18n:e,t:l}=k(),r=j(),n=ve(),a=async()=>{let h=r.inventoryItems.singleUsePasses,y=[];return[...h,...y]},t=()=>[],s=()=>r.storeItems.filter(y=>Te(Ne.ADDONS,y.groups)),i=()=>{let h=[];return[...[{sku:"all-access-season-pass",name:l("All Access"),groups:[{external_id:"coming_soon",name:"Coming Soon"}],attributes:[],type:"virtual_good",description:l("Includes All Access to MetaJams, Esports Tournaments, and General Soccer Events"),image_url:"https://r2.workers.mkms.io/assets/images/auto/red8x.webp",is_free:!1,price:{amount:"99.99",amount_without_discount:"99.99",currency:"USD"},virtual_prices:[],can_be_bought:!1,inventory_options:{consumable:null,expiration_period:null},virtual_item_type:"non_renewing_subscription",promotions:[],limits:[],periods:[],custom_attributes:{category:"season_pass",background:"https://r2.workers.mkms.io/assets/images/auto/mstad-card-bg-pink.webp"}},{sku:"metajam-season-pass",name:l("MetaJam"),groups:[{external_id:"coming_soon",name:"Coming Soon"}],attributes:[],type:"virtual_good",description:l("Includes Access to MetaJams Events"),image_url:"https://r2.workers.mkms.io/assets/images/auto/gold8x.webp",is_free:!1,price:{amount:"49.99",amount_without_discount:"49.99",currency:"USD"},virtual_prices:[],can_be_bought:!1,inventory_options:{consumable:null,expiration_period:null},virtual_item_type:"non_renewing_subscription",promotions:[],limits:[],peri

1ods:[],custom_attributes:{category:"season_pass",background:"https://r2.workers.mkms.io/assets/images/auto/mstad-card-bg-blue.webp"}}],...h]};(0,N.useEffect)(()=>{if(!n.mkUser||!n.firebaseUser||r.initialized)return;(async()=>{let y=e.language.split("-")[0];await ke(y)})()},[n.mkUser,n.firebaseUser,r.initialized]),(0,N.useEffect)(()=>{r.initialized&&(a().then(h=>{g(h)}),p(t()),U(s()),R(i()))},[r.initialized,r.inventoryItems]);let[c,u]=(0,N.useState)(!1),[d,p]=(0,N.useState)([]),[m,g]=(0,N.useState)([]),[$,U]=(0,N.useState)([]),[B,R]=(0,N.useState)([]),Y=Ce(),A={size:3,spacing:40,amplitude:40,frequency:.01,speed:.01,color:"#fff"},X=(0,N.useRef)(null);return(0,N.useEffect)(()=>{let h=X.current;if(!h){console.error("Canvas element not found.");return}let y=h.getContext("2d");if(!y){console.error("Canvas context not supported.");return}h.width=window.innerWidth,h.height=window.innerHeight;function W(){y.clearRect(0,0,h.width,h.height),y.fillStyle=A.color;for(let v=0;v<h.width;v+=A.spacing)for(let P=0;P<h.height;P+=A.spacing){let D=A.amplitude*Math.sin(A.frequency*(v+P)+A.speed);y.fillRect(v,P+D,A.size,A.size)}A.speed+=.0025,requestAnimationFrame(W)}let H=()=>{h.width=window.innerWidth,h.height=window.innerHeight};return window.addEventListener("resize",H),W(),()=>{window.removeEventListener("resize",H)}},[X]),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:"relative h-[100svh] w-screen",children:[(0,f.jsx)(Ae,{}),(0,f.jsx)("div",{className:"hidden lg:block fixed bottom-2 right-2 lg:-bottom-2 lg:right-4 w-20 lg:w-[110px]",children:(0,f.jsx)("img",{src:"https://r2.workers.mkms.io/assets/images/auto/logo-square.webp",alt:"META_STADIUM",className:"w-full h-auto"})}),(0,f.jsx)("div",{className:"hidden lg:block h-[calc(100svh-52px)] w-full overflow-y-hidden",children:(0,f.jsxs)("div",{className:"grid grid-cols-[260px_auto] h-full overflow-y-hidden",children:[(0,f.jsx)(pe,{playerPasses:m,playerAddOns:d,addOns:$}),(0,f.jsx)("div",{className:"w-full h-full flex items-center justify-center overflow-y-hidden",children:(0,f.jsx)("div",{className:`w-full h-full overflow-y-auto ${B.length<=3?"flex items-center justify-center":""}`,children:(0,f.jsx)(be,{availablePasses:B})})})]})}),(0,f.jsxs)("div",{className:`lg:hidden w-full ${Y.isSticky?$e:""}`,children:[c&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:"h-[calc(100svh)] w-[260px] portrait:w-[224px] fixed top-0 left-0 z-50 bg-black/[0.3]",children:(0,f.jsx)(pe,{playerPasses:m,playerAddOns:d,addOns:$})}),(0,f.jsx)("div",{className:"bg-black w-full h-full fixed top-0 left-0 bg-black/[0.8] z-40",onClick:h=>{c&&u(!1)}})]}),!c&&(0,f.jsxs)("div",{onClick:()=>{u(!0)},className:"h-[calc(100svh-52px)] w-[40px] fixed top-[52px] left-0 z-30 flex flex-col items-center justify-center bg-black/80",children:[(0,f.jsxs)("div",{className:"w-full flex flex-col items-center justify-center gap-5",children:[(0,f.jsx)(T.shield_person,{}),(0,f.jsx)(T.addon,{}),(0,f.jsx)(T.help_square,{})]}),(0,f.jsx)("div",{className:"absolute top-1/2 -right-[22px] -translate-y-1/2 w-[25px] h-[84px] bg-[#2F2F2F]/[0.75] rounded-[4px] backdrop:blur-[10px] flex items-center justify-center",children:(0,f.jsx)(T.chevronRight,{fill:"white"})})]}),(0,f.jsx)("div",{className:"pl-[40px] py-4 w-full h-[calc(100vh-52px)] portrait:h-auto overflow-y-auto overflow-x-hidden",children:(0,f.jsx)(be,{availablePasses:B})})]})]}),(0,f.jsx)("span",{className:"fixed top-0 right-0 w-full h-full bg-gradient-to-b from-black/100 to-black/50 -z-10",children:(0,f.jsx)("canvas",{className:"opacity-20",ref:X})}),(0,f.jsx)("span",{className:"fixed top-0 w-full h-full blur-[20px] bg-[url('https://r2.workers.mkms.io/assets/images/auto/thumb-stadium.webp')] bg-no-repeat bg-cover bg-gray-600 -z-20"}),(0,f.jsx)(Re,{})]})}export{Qe as default,bt as meta};