https://eosvu.nl/_next/static/chunks/pages/products/[slug]-a8c249a24c9ba350.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7905],{95159:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/products/[slug]",function(){return r(37309)}])},97734:function(e,t,r){"use strict";var s=r(85893),n=r(41664),i=r.n(n),a=r(29938),l=r(4848),o=r(49419);t.Z=function(e){let{product:t}=e,{title:r,price:n,collection:c,slug:d,image:u}=t;return(0,s.jsxs)(i(),{href:"/products/".concat(d),children:[(0,s.jsx)("div",{className:"aspect-square bg-card-light transition-colors duration-200 hover:bg-card flex items-center justify-center",children:(0,s.jsx)("div",{className:"h-auto",children:(0,s.jsx)(o.Z,{image:u})})}),(0,s.jsxs)("div",{children:[(0,s.jsx)(a.L,{size:"4xs"}),(0,s.jsx)("p",{className:"text-body-xs text-primary",children:c}),(0,s.jsx)(a.L,{size:"4xs"}),(0,s.jsx)(l.X6,{as:"h3",size:"h5",children:r}),(0,s.jsx)(a.L,{size:"5xs"}),(0,s.jsxs)("p",{className:"text-body-xs text-gray",children:["€",n]})]})]})}},25464:function(e,t,r){"use strict";r.d(t,{r:function(){return l}});var s=r(85893),n=r(90512),i=r(67294);let a={2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",12:"md:grid-cols-12"},l=(0,i.forwardRef)((e,t)=>{let{children:r,className:i="",columns:l=2}=e,o=(0,n.Z)("grid","grid-cols-1",a[l],"gap-10 md:gap-4",i);return(0,s.jsx)("div",{className:o,ref:t,children:r})});l.displayName="Grid"},64975:function(e,t,r){"use strict";r.d(t,{Z:function(){return Separator}});var s=r(85893);function Separator(e){let{className:t="",...r}=e;return(0,s.jsx)("div",{...r,className:"border-b border-border ".concat(t)})}},37309:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return K},default:function(){return _slug_}});var s=r(85893),n=r(16889),i=r(33299),a=r(9008),l=r.n(a),o=r(67294),c=r.t(o,2),d=r(41664),u=r.n(d);function Breadcrumbs(e){let{breadcrumbs:t}=e;return(0,s.jsx)("nav",{"aria-label":"Breadcrumb",children:(0,s.jsx)("ol",{role:"list",className:"flex items-center space-x-2",children:t.map((e,r)=>(0,s.jsx)("li",{children:(0,s.jsxs)("div",{className:"flex items-center text-sm",children:[(0,s.jsx)(u(),{href:e.href,className:"font-medium hover:text-primary",children:e.name}),r!==t.length-1?(0,s.jsx)("svg",{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"ml-2 h-5 w-5 flex-shrink-0 text-gray",children:(0,s.jsx)("path",{d:"M5.555 17.776l8-16 .894.448-8 16-.894-.448z"})}):null]})},e.id))})})}var x=r(25464),m=r(29938),f=r(4848),p=r(97734);function RelatedProducts(e){let{data:t}=e;return(0,s.jsxs)("section",{className:"container",children:[(0,s.jsx)(f.X6,{as:"h2",size:"h3",className:"text-center",children:"Related products"}),(0,s.jsx)(m.L,{size:"xs"}),(0,s.jsx)(x.r,{columns:3,className:"gap-x-10",children:t&&t.map(e=>(0,s.jsx)(p.Z,{product:e},e._id))})]})}var h=r(39614),v=r(61763),j=r(64975);function composeEventHandlers(e,t,{checkForDefaultPrevented:r=!0}={}){return function(s){if(e?.(s),!1===r||!s.defaultPrevented)return t?.(s)}}var b=r(64925),g=r(438);r(73935);var y=r(4222),N=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((e,t)=>{let r=o.forwardRef((e,r)=>{let{asChild:n,...i}=e,a=n?y.g7:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,s.jsx)(a,{...i,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),w=o.createContext(void 0);function useCallbackRef(e){let t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...e)=>t.current?.(...e),[])}var k=globalThis?.document?o.useLayoutEffect:()=>{},C=c["useId".toString()]||(()=>void 0),_=0,S="Tabs",[z,L]=function(e,t=[]){let r=[],createScope=()=>{let t=r.map(e=>o.createContext(e));return function(r){let s=r?.[e]||t;return o.useMemo(()=>({[`__scope${e}`]:{...r,[e]:s}}),[r,s])}};return createScope.scopeName=e,[function(t,n){let i=o.createContext(n),a=r.length;function Provider(t){let{scope:r,children:n,...l}=t,c=r?.[e][a]||i,d=o.useMemo(()=>l,Object.values(l));return(0,s.jsx)(c.Provider,{value:d,children:n})}return r=[...r,n],Provider.displayName=t+"Provider",[Provider,function(r,s){let l=s?.[e][a]||i,c=o.useContext(l);if(c)return c;if(void 0!==n)return n;throw Error(`\`${r}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let createScope=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let s=r.reduce((t,{useScope:r,scopeName:s})=>{let n=r(e),i=n[`__scope${s}`];return{...t,...i}},{});return o.useMemo(()=>({[`__scope${t.scopeName}`]:s}),[s])}};return createScope.scopeName=t.scopeName,createScope}(createScope,...t)]}(S,[b.Pc]),R=(0,b.Pc)(),[P,E]=z(S),I=o.forwardRef((e,t)=>

1{let{__scopeTabs:r,value:n,onValueChange:i,defaultValue:a,orientation:l="horizontal",dir:c,activationMode:d="automatic",...u}=e,x=function(e){let t=o.useContext(w);return e||t||"ltr"}(c),[m,f]=function({prop:e,defaultProp:t,onChange:r=()=>{}}){let[s,n]=function({defaultProp:e,onChange:t}){let r=o.useState(e),[s]=r,n=o.useRef(s),i=useCallbackRef(t);return o.useEffect(()=>{n.current!==s&&(i(s),n.current=s)},[s,n,i]),r}({defaultProp:t,onChange:r}),i=void 0!==e,a=i?e:s,l=useCallbackRef(r),c=o.useCallback(t=>{if(i){let r="function"==typeof t?t(e):t;r!==e&&l(r)}else n(t)},[i,e,n,l]);return[a,c]}({prop:n,onChange:i,defaultProp:a});return(0,s.jsx)(P,{scope:r,baseId:function(e){let[t,r]=o.useState(C());return k(()=>{e||r(e=>e??String(_++))},[e]),e||(t?`radix-${t}`:"")}(),value:m,onValueChange:f,orientation:l,dir:x,activationMode:d,children:(0,s.jsx)(N.div,{dir:x,"data-orientation":l,...u,ref:t})})});I.displayName=S;var T="TabsList",M=o.forwardRef((e,t)=>{let{__scopeTabs:r,loop:n=!0,...i}=e,a=E(T,r),l=R(r);return(0,s.jsx)(b.fC,{asChild:!0,...l,orientation:a.orientation,dir:a.dir,loop:n,children:(0,s.jsx)(N.div,{role:"tablist","aria-orientation":a.orientation,...i,ref:t})})});M.displayName=T;var $="TabsTrigger",D=o.forwardRef((e,t)=>{let{__scopeTabs:r,value:n,disabled:i=!1,...a}=e,l=E($,r),o=R(r),c=makeTriggerId(l.baseId,n),d=makeContentId(l.baseId,n),u=n===l.value;return(0,s.jsx)(b.ck,{asChild:!0,...o,focusable:!i,active:u,children:(0,s.jsx)(N.button,{type:"button",role:"tab","aria-selected":u,"aria-controls":d,"data-state":u?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:c,...a,ref:t,onMouseDown:composeEventHandlers(e.onMouseDown,e=>{i||0!==e.button||!1!==e.ctrlKey?e.preventDefault():l.onValueChange(n)}),onKeyDown:composeEventHandlers(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&l.onValueChange(n)}),onFocus:composeEventHandlers(e.onFocus,()=>{let e="manual"!==l.activationMode;u||i||!e||l.onValueChange(n)})})})});D.displayName=$;var Z="TabsContent",q=o.forwardRef((e,t)=>{let{__scopeTabs:r,value:n,forceMount:i,children:a,...l}=e,c=E(Z,r),d=makeTriggerId(c.baseId,n),u=makeContentId(c.baseId,n),x=n===c.value,m=o.useRef(x);return o.useEffect(()=>{let e=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,s.jsx)(g.z,{present:i||x,children:({present:r})=>(0,s.jsx)(N.div,{"data-state":x?"active":"inactive","data-orientation":c.orientation,role:"tabpanel","aria-labelledby":d,hidden:!r,id:u,tabIndex:0,...l,ref:t,style:{...e.style,animationDuration:m.current?"0s":void 0},children:r&&a})})});function makeTriggerId(e,t){return`${e}-trigger-${t}`}function makeContentId(e,t){return`${e}-content-${t}`}q.displayName=Z;var B=r(6264);let F=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,s.jsx)(M,{ref:t,className:(0,B.cn)("inline-flex h-12 items-center justify-center space-x-4",r),...n})});F.displayName=M.displayName;let V=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,s.jsx)(D,{ref:t,className:(0,B.cn)("focus-visible:ring-ring inline-flex h-12 items-center justify-center whitespace-nowrap rounded-full border border-border px-6 py-2.5 text-body-sm font-medium ring-offset-background transition-all hover:border-transparent hover:bg-primary hover:text-white hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-primary data-[state=active]:bg-primary data-[state=active]:text-white data-[state=active]:shadow-sm",r),...n})});V.displayName=D.displayName;let A=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,s.jsx)(q,{ref:t,className:(0,B.cn)("focus-visible:ring-ring prose mt-2 max-w-none ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",r),...n})});A.displayName=q.displayName;var O=r(49419),X=r(14300),H=r(16113),K=!0,_slug_=function(e){var t,r;let{data:a,settings:c}=e,{data:d}=(0,i.useSession)(),{toast:u}=(0,X.pm)(),[x,p]=(0,o.useState)(1),b=(0,H.x)(e=>e.addToCart),{product:g,relatedProducts:y}=a||{},{title:N,price:w,description:k,collection:C,contentTabs:_,image:S,productType:z}=g||{};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(l(),{children:[(0,s.jsxs)("title",{children:[N," | EOS - VU"]}),(0,s.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,s.jsxs)(h.Z,{settings:c,children:[(0,s.jsx)(m.L,{size:"xs"}),(0,s.jsxs)("div",{className:"container lg:grid lg:grid-cols-2 lg:gap-x-20 pt-nav",children:[(0,s.jsxs)("div",{className:"lg:col-start-1 lg:row-span-2 lg:self-ce

1nter",children:[(0,s.jsx)(Breadcrumbs,{breadcrumbs:[{id:1,name:"Shop",href:"/shop"},{id:2,name:C,href:"/shop"}]}),(0,s.jsx)(m.L,{size:"2xs"}),(0,s.jsx)("div",{className:"aspect-square overflow-hidden bg-card-light flex items-center justify-center",children:(0,s.jsx)("div",{className:"w-1/3 h-auto",children:(0,s.jsx)(O.Z,{image:S})})})]}),(0,s.jsxs)("div",{className:"lg:row-span-2 lg:max-w-2xl lg:self-center",children:[(0,s.jsx)("div",{children:(0,s.jsx)(f.X6,{size:"h3",as:"h1",children:N})}),(0,s.jsx)(m.L,{size:"4xs"}),(0,s.jsxs)("section",{"aria-labelledby":"information-heading",children:[(0,s.jsx)("h2",{id:"information-heading",className:"sr-only",children:"Product information"}),(0,s.jsx)("div",{className:"flex items-center",children:(0,s.jsxs)("p",{className:"text-body-md font-medium text-primary",children:["€",w]})}),(0,s.jsx)("div",{className:"mt-4 space-y-6",children:(0,s.jsx)(f.xv,{size:"small",children:k})})]}),(0,s.jsx)(m.L,{size:"3xs"}),(0,s.jsx)("div",{className:"lg:col-start-2 lg:row-start-2 lg:max-w-lg",children:(0,s.jsxs)("form",{children:[(0,s.jsxs)("div",{className:"flex items-center space-x-4",children:[(0,s.jsx)(ProductPageQuantitySelector,{quantity:x,setQuantity:e=>{p(e)},className:"px-4 py-1.5"}),(0,s.jsx)(v.z,{"aria-label":"Add product to your cart",className:"px-8 py-6",type:"button",onClick:()=>{b({id:g._id,name:N,price:w,image:S.asset._ref,currency:"EUR",quantity:x,type:"product"}),u({title:"Product added to cart",description:"You can now proceed to checkout."})},disabled:"members"==z&&(null==d||(null==d?void 0:null===(t=d.user)||void 0===t?void 0:t.stripeSubscriptionStatus)!=="active"),children:"members"==z&&(null==d||(null==d?void 0:null===(r=d.user)||void 0===r?void 0:r.stripeSubscriptionStatus)!=="active")?"For EOS members only":"Add to cart"})]}),(0,s.jsx)(m.L,{size:"3xs"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h5",{className:"text-lg",children:"Additional information"}),(0,s.jsx)("p",{className:"text-sm mt-2",children:"During the checkout process, you'll have the opportunity to provide additional details or instructions specific to the items in your order."})]})]})})]}),(0,s.jsx)(m.L,{size:"xs"})]}),(0,s.jsxs)("div",{className:"container",children:[(0,s.jsx)(j.Z,{}),(0,s.jsx)(m.L,{size:"sm"}),(0,s.jsx)("div",{className:"mx-auto max-w-5xl",children:(0,s.jsxs)(I,{defaultValue:"Description",children:[(0,s.jsx)(F,{children:_&&_.map(e=>(0,s.jsx)(V,{value:e.title,children:e.title},e.title))}),(0,s.jsx)(m.L,{size:"2xs"}),_&&_.map(e=>(0,s.jsx)(A,{value:e.title,className:"text-body-sm",children:(0,s.jsx)(n.YI,{value:e.body})},e.title))]})})]}),(0,s.jsx)(m.L,{size:"sm"}),(0,s.jsx)(RelatedProducts,{data:y}),(0,s.jsx)(m.L,{size:"sm"})]})]})};function ProductPageQuantitySelector(e){let{quantity:t,setQuantity:r,className:n}=e;return(0,s.jsxs)("div",{className:(0,B.cn)("inline-flex items-center justify-between whitespace-nowrap rounded-full border border-border hover:border-primary",n),children:[(0,s.jsx)("div",{role:"button",tabIndex:0,onClick:()=>{t>1&&r(t-1)},className:"flex h-full w-full cursor-pointer select-none items-center justify-center rounded-l-full px-2.5 py-1.5 outline-none transition-colors duration-300",children:(0,s.jsx)("svg",{className:"h-3 w-3",role:"presentation",viewBox:"0 0 16 2",children:(0,s.jsx)("path",{d:"M1,1 L15,1",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"square"})})}),(0,s.jsx)("input",{type:"numeric",className:"text-textBlack inline-block w-2 border-0 bg-transparent p-0 text-center text-xs font-medium focus:border-0 focus:outline-none",min:1,max:99,value:t,onChange:e=>{let t=Number(e.target.value);r(t)}}),(0,s.jsx)("div",{role:"button",tabIndex:0,onClick:()=>{r(t+1)},className:"flex h-full w-full cursor-pointer select-none items-center justify-center rounded-r-full px-2.5 py-1.5 outline-none transition-colors duration-300",children:(0,s.jsx)("svg",{className:"h-3 w-3",role:"presentation",viewBox:"0 0 16 16",children:(0,s.jsxs)("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"square",children:[(0,s.jsx)("path",{d:"M8,1 L8,15"}),(0,s.jsx)("path",{d:"M1,8 L15,8"})]})})})]})}}},function(e){e.O(0,[7409,9435,1149,7966,5847,4609,1679,9614,9774,2888,179],function(){return e(e.s=95159)}),_N_E=e.O()}]);