https://www.renault.se/_next/static/chunks/7067.38d13158614f8d79.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7067],{18685:(e,t,l)=>{"use strict";l.d(t,{N:()=>j});var n=l(2183),i=l(36439),r=l(24699),s=l(90631),o=l(71403),a=l(85983),c=l(87208),u=l(82034);function d(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}class f extends i.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if((0,c.s)(t)&&e.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let e=t.offsetParent,l=(0,c.s)(e)&&e.offsetWidth||0,n=(0,c.s)(e)&&e.offsetHeight||0,i=getComputedStyle(t),r=this.props.sizeRef.current;r.height=parseFloat(i.height),r.width=parseFloat(i.width),r.top=t.offsetTop,r.left=t.offsetLeft,r.right=l-r.width-r.left,r.bottom=n-r.height-r.top}return null}componentDidUpdate(){}render(){return this.props.children}}function m({children:e,isPresent:t,anchorX:l,anchorY:r,root:s,pop:o}){let a=(0,i.useId)(),c=(0,i.useRef)(null),p=(0,i.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:h}=(0,i.useContext)(u.Q),x=function(...e){return i.useCallback(function(...e){return t=>{let l=!1,n=e.map(e=>{let n=d(e,t);return l||"function"!=typeof n||(l=!0),n});if(l)return()=>{for(let t=0;t<n.length;t++){let l=n[t];"function"==typeof l?l():d(e[t],null)}}}}(...e),e)}(c,e.props?.ref??e?.ref);return(0,i.useInsertionEffect)(()=>{let{width:e,height:n,top:i,left:u,right:d,bottom:f}=p.current;if(t||!1===o||!c.current||!e||!n)return;let m="left"===l?`left: ${u}`:`right: ${d}`,x="bottom"===r?`bottom: ${f}`:`top: ${i}`;c.current.dataset.motionPopId=a;let v=document.createElement("style");h&&(v.nonce=h);let g=s??document.head;return g.appendChild(v),v.sheet&&v.sheet.insertRule(`
2          [data-motion-pop-id="${a}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${n}px !important;
6            ${m}px !important;
7            ${x}px !important;
8          }
9        `),()=>{c.current?.removeAttribute("data-motion-pop-id"),g.contains(v)&&g.removeChild(v)}},[t]),(0,n.jsx)(f,{isPresent:t,childRef:c,sizeRef:p,pop:o,children:!1===o?e:i.cloneElement(e,{ref:x})})}let p=({children:e,initial:t,isPresent:l,onExitComplete:r,custom:o,presenceAffectsLayout:c,mode:u,anchorX:d,anchorY:f,root:p})=>{let x=(0,s.M)(h),v=(0,i.useId)(),g=!0,j=(0,i.useMemo)(()=>(g=!1,{id:v,initial:t,isPresent:l,custom:o,onExitComplete:e=>{for(let t of(x.set(e,!0),x.values()))if(!t)return;r&&r()},register:e=>(x.set(e,!1),()=>x.delete(e))}),[l,x,r]);return c&&g&&(j={...j}),(0,i.useMemo)(()=>{x.forEach((e,t)=>x.set(t,!1))},[l]),i.useEffect(()=>{l||x.size||!r||r()},[l]),e=(0,n.jsx)(m,{pop:"popLayout"===u,isPresent:l,anchorX:d,anchorY:f,root:p,children:e}),(0,n.jsx)(a.t.Provider,{value:j,children:e})};function h(){return new Map}var x=l(2152);let v=e=>e.key||"";function g(e){let t=[];return i.Children.forEach(e,e=>{(0,i.isValidElement)(e)&&t.push(e)}),t}let j=({children:e,custom:t,initial:l=!0,onExitComplete:a,presenceAffectsLayout:c=!0,mode:u="sync",propagate:d=!1,anchorX:f="left",anchorY:m="top",root:h})=>{let[j,b]=(0,x.xQ)(d),y=(0,i.useMemo)(()=>g(e),[e]),w=d&&!j?[]:y.map(v),N=(0,i.useRef)(!0),S=(0,i.useRef)(y),_=(0,s.M)(()=>new Map),C=(0,i.useRef)(new Set),[E,z]=(0,i.useState)(y),[R,A]=(0,i.useState)(y);(0,o.E)(()=>{N.current=!1,S.current=y;for(let e=0;e<R.length;e++){let t=v(R[e]);w.includes(t)?(_.delete(t),C.current.delete(t)):!0!==_.get(t)&&_.set(t,!1)}},[R,w.length,w.join("-")]);let P=[];if(y!==E){let e=[...y];for(let t=0;t<R.length;t++){let l=R[t],n=v(l);w.includes(n)||(e.splice(t,0,l),P.push(l))}return"wait"===u&&P.length&&(e=P),A(g(e)),z(y),null}let{forceRender:k}=(0,i.useContext)(r.L);return(0,n.jsx)(n.Fragment,{children:R.map(e=>{let i=v(e),r=(!d||!!j)&&(y===R||w.includes(i));return(0,n.jsx)(p,{isPresent:r,initial:(!N.current||!!l)&&void 0,custom:t,presenceAffectsLayout:c,mode:u,root:h,onExitComplete:r?void 0:()=>{if(C.current.has(i)||!_.has(i))return;C.current.add(i),_.set(i,!0);let e=!0;_.forEach(t=>{t||(e=!1)}),e&&(k?.(),A(S.current),d&&b?.(),a&&a())},anchorX:f,anchorY:m,children:e},i)})})}},91764:e=>{e.exports={rte:"CustomRichText_rte__bcIrV"}},97067:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>b});var n=l(2183),i=l(27861),r=l(5728),s=l(99772),o=l(62943),a=l(3638),c=l(49542),u=l(18685),d=l(84053),f=l(17296),m=l(36439),p=l(91764),h=l.n(p);function x(e){let t,l,s,c,u,f,p,h,x,v,g,j,b,y,w=(0,i.c)(21),{version:N}=e;w[0]!==N?.fields?(t=N?.fields??{},w[0]=N?.fields,w[1]=t):t=w[1];let{VersionName:S,VersionSubtitle:_}=t;w[2]!==S?(l=void 0===S?{value:""}:S,w[2]=S,w[3]=l):l=w[3];let C=l;w[4]!==_?(s=void 0===_?{value:""}:_,w[4]=_,w[5]=s):s=w[5];let E=s,[,z]=(0,m.useState)(!1);return w[6]===Symbol.for("react.memo_cache_sentinel")?(p={opacity:0}

9,h={opacity:1},x={opacity:0},v={duration:.3},c=()=>z(!0),u=()=>z(!1),f=(0,a.A)("gap-sm inset-0 mx-auto flex max-w-[calc(100%-48px)] flex-col items-center lg:mx-0 lg:items-start"),w[6]=c,w[7]=u,w[8]=f,w[9]=p,w[10]=h,w[11]=x,w[12]=v):(c=w[6],u=w[7],f=w[8],p=w[9],h=w[10],x=w[11],v=w[12]),w[13]===Symbol.for("react.memo_cache_sentinel")?(g={fontSize:"1.25rem",bpFontSize:"2rem",fontWeight:700,lineHeight:"1.2"},w[13]=g):g=w[13],w[14]!==C?(j=(0,n.jsx)(r.DZ,{tagName:"p",tagStyle:g,children:(0,n.jsx)(o.Text,{field:C})}),w[14]=C,w[15]=j):j=w[15],w[16]!==E?(b=(0,n.jsx)(o.Text,{field:E,className:"text-balance"}),w[16]=E,w[17]=b):b=w[17],w[18]!==j||w[19]!==b?(y=(0,n.jsxs)(d.P.div,{initial:p,animate:h,exit:x,transition:v,onAnimationComplete:c,onAnimationStart:u,className:f,children:[j,b]}),w[18]=j,w[19]=b,w[20]=y):y=w[20],y}function v(e){let t,l,r,s,a,c,u,f,m=(0,i.c)(16),{version:p,pricingState:x,slideDirection:v}=e;m[0]!==p?.fields?(t=p?.fields??{},m[0]=p?.fields,m[1]=t):t=m[1];let{PricingBlock:g,EquipmentBlock:j}=t;m[2]!==g?(l=void 0===g?{value:""}:g,m[2]=g,m[3]=l):l=m[3];let b=l;m[4]!==j?(r=void 0===j?{value:""}:j,m[4]=j,m[5]=r):r=m[5];let y=r,w=p?.id+(x?"-pricing":"-equipment"),N=40*v;m[6]!==N?(s={opacity:0,x:N},m[6]=N,m[7]=s):s=m[7],m[8]===Symbol.for("react.memo_cache_sentinel")?(c={opacity:1,x:0},a={duration:.3},m[8]=a,m[9]=c):(a=m[8],c=m[9]);let S=x?b:y;return m[10]!==S?(u=(0,n.jsx)(o.RichText,{field:S,className:"h-fit"}),m[10]=S,m[11]=u):u=m[11],m[12]!==u||m[13]!==w||m[14]!==s?(f=(0,n.jsx)(d.P.div,{initial:s,animate:c,transition:a,className:h().rte,children:u},w),m[12]=u,m[13]=w,m[14]=s,m[15]=f):f=m[15],f}function g(e){let t,l,s,o=(0,i.c)(7),{version:c,active:u}=e,{Image:d}=c.fields,f=u?"opacity-100":"opacity-0";return o[0]!==f?(t=(0,a.A)("relative aspect-video h-full w-full shrink-0 transition-opacity duration-500",f),o[0]=f,o[1]=t):t=o[1],o[2]!==d?(l=(0,n.jsx)(r._V,{field:d,fill:!0,className:"h-full w-full object-cover",sizes:"(max-width: 1024px) 100vw, 100vw"}),o[2]=d,o[3]=l):l=o[3],o[4]!==t||o[5]!==l?(s=(0,n.jsx)("div",{className:t,children:l}),o[4]=t,o[5]=l,o[6]=s):s=o[6],s}function j(e){let t,l,r,s,o,c,u,d,f,m=(0,i.c)(22),{state:p,setState:h}=e,x=p?"text-text-primary":"text-text-secondary";m[0]!==x?(t=(0,a.A)("font-bold transition-colors duration-300",x),m[0]=x,m[1]=t):t=m[1],m[2]!==t?(l=(0,n.jsx)("div",{className:t,children:"pris"}),m[2]=t,m[3]=l):l=m[3],m[4]!==h||m[5]!==p?(r=()=>h(!p),m[4]=h,m[5]=p,m[6]=r):r=m[6];let v=p?"translate-x-1":"translate-x-7";m[7]!==v?(s=(0,a.A)("bg-foundation absolute top-1 size-4 transform rounded-full transition-all duration-300",v),m[7]=v,m[8]=s):s=m[8],m[9]!==s?(o=(0,n.jsx)("div",{className:s}),m[9]=s,m[10]=o):o=m[10],m[11]!==r||m[12]!==o?(c=(0,n.jsx)("div",{className:"bg-foundation-contrast relative h-6 w-12 cursor-pointer rounded-full transition-all duration-300",onClick:r,children:o}),m[11]=r,m[12]=o,m[13]=c):c=m[13];let g=p?"text-text-secondary":"text-text-primary";return m[14]!==g?(u=(0,a.A)("font-bold transition-colors duration-300",g),m[14]=g,m[15]=u):u=m[15],m[16]!==u?(d=(0,n.jsx)("div",{className:u,children:"utrustning"}),m[16]=u,m[17]=d):d=m[17],m[18]!==d||m[19]!==l||m[20]!==c?(f=(0,n.jsxs)("div",{className:"flex items-center gap-2.5",children:[l,c,d]}),m[18]=d,m[19]=l,m[20]=c,m[21]=f):f=m[21],f}let b=(0,s.es)(function(e){let t,l,s,d,p,h,b,y,w,N,S,_,C,E,z,R,A,P,k,$,I,D,M,L,T,V,F,H,B,q,Q,U,W,X,Y=(0,i.c)(86);Y[0]===Symbol.for("react.memo_cache_sentinel")?(t={align:"start",duration:20},Y[0]=t):t=Y[0];let[Z,G]=(0,c.A)(t),[J,K]=(0,m.useState)(!0),[O,ee]=(0,m.useState)(!0),[et,el]=(0,m.useState)(!0),[en,ei]=(0,m.useState)(0),[er,es]=(0,m.useState)(1);(0,m.useRef)(null);let eo=(0,m.useRef)(null),[ea,ec]=(0,m.useState)(0);Y[1]!==G?(l=()=>G?.scrollPrev(),Y[1]=G,Y[2]=l):l=Y[2];let eu=l;Y[3]!==G?(s=()=>G?.scrollNext(),Y[3]=G,Y[4]=s):s=Y[4];let ed=s;Y[5]!==G||Y[6]!==en?(d=()=>{if(!G)return;let e=()=>{let e=G.selectedScrollSnap();es(e>en?1:-1),ei(e)};return G.on("select",e),ei(G.selectedScrollSnap()),()=>{G.off("select",e)}},p=[G,en],Y[5]=G,Y[6]=en,Y[7]=d,Y[8]=p):(d=Y[7],p=Y[8]),(0,m.useEffect)(d,p),Y[9]!==G?(h=()=>{G&&(K(!G.canScrollPrev()),ee(!G.canScrollNext()))},Y[9]=G,Y[10]=h):h=Y[10];let ef=h;Y[11]!==G||Y[12]!==ef?(b=()=>{G&&(ef(),G.on("reInit",ef).on("select",ef))},y=[G,ef],Y[11]=G,Y[12]=ef,Y[13]=b,Y[14]=y):(b=Y[13],y=Y[14]),(0,m.useEffect)(b,y),Y[15]===Symbol.for("react.memo_cache_sentinel")?(w=()=>{let e=()=>{eo.current&&ec(eo.current.offsetHeight)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},Y[15]=w):w=Y[15],Y[16]!==et||Y[17]!==en?(N=[en,et],Y[16]=et,Y[17]=en,Y[18]=N):N=Y[18],(0,m.useEffect)(w,N);

9let{isCarPage:em,versions:ep}=e,{Title:eh,TextCenter:ex}=e.fields;if(!em||!ep)return null;let ev=ex?.value??!1,eg=e?.rendering?.uid,ej=ev?"text-center":"text-left";Y[19]!==ej?(S=(0,a.A)("p-lg",ej),Y[19]=ej,Y[20]=S):S=Y[20],Y[21]!==eh?(_=(0,n.jsx)(r.DZ,{tagName:"h2",children:(0,n.jsx)(o.Text,{field:eh})}),Y[21]=eh,Y[22]=_):_=Y[22],Y[23]!==S||Y[24]!==_?(C=(0,n.jsx)("div",{className:S,children:_}),Y[23]=S,Y[24]=_,Y[25]=C):C=Y[25];let eb=J&&"hidden";Y[26]!==eb?(E=(0,a.A)("absolute left-0 top-1/2 z-10",eb),Y[26]=eb,Y[27]=E):E=Y[27],Y[28]===Symbol.for("react.memo_cache_sentinel")?(z=(0,n.jsx)(f.ChevronDownIcon,{className:"text-text-invert-primary size-6 rotate-90"}),Y[28]=z):z=Y[28],Y[29]!==J||Y[30]!==eu?(R=(0,n.jsx)("button",{name:"prev",onClick:eu,disabled:J,className:"bg-foundation-contrast py-3",children:z}),Y[29]=J,Y[30]=eu,Y[31]=R):R=Y[31],Y[32]!==E||Y[33]!==R?(A=(0,n.jsx)("div",{className:E,children:R}),Y[32]=E,Y[33]=R,Y[34]=A):A=Y[34];let ey=`calc(${ea}px + 4rem)`;if(Y[35]!==ey?(P={minHeight:ey},Y[35]=ey,Y[36]=P):P=Y[36],Y[37]!==en||Y[38]!==ep){let e;Y[40]!==en?(e=(e,t)=>(0,n.jsx)(g,{version:e,active:en===t},e.id),Y[40]=en,Y[41]=e):e=Y[41],k=ep.map(e),Y[37]=en,Y[38]=ep,Y[39]=k}else k=Y[39];Y[42]!==k?($=(0,n.jsx)("div",{className:"flex select-none lg:w-[calc(100%-20rem)]",children:k}),Y[42]=k,Y[43]=$):$=Y[43],Y[44]!==Z||Y[45]!==$?(I=(0,n.jsx)("div",{className:"w-full overflow-hidden",ref:Z,children:$}),Y[44]=Z,Y[45]=$,Y[46]=I):I=Y[46];let ew=ep[en];Y[47]!==en||Y[48]!==ew?(D=(0,n.jsx)("div",{className:"relative h-fit min-h-20 w-full",children:(0,n.jsx)(u.N,{mode:"wait",children:(0,n.jsx)(x,{version:ew},en)})}),Y[47]=en,Y[48]=ew,Y[49]=D):D=Y[49],Y[50]!==et?(M=(0,n.jsx)(j,{state:et,setState:el}),Y[50]=et,Y[51]=M):M=Y[51],Y[52]!==D||Y[53]!==M?(L=(0,n.jsxs)("div",{className:"gap-sm relative flex flex-col items-center lg:items-start",children:[D,M]}),Y[52]=D,Y[53]=M,Y[54]=L):L=Y[54];let eN=ep[en];Y[55]!==et||Y[56]!==er||Y[57]!==eN?(T=(0,n.jsx)(v,{version:eN,pricingState:et,slideDirection:er}),Y[55]=et,Y[56]=er,Y[57]=eN,Y[58]=T):T=Y[58],Y[59]!==L||Y[60]!==T?(V=(0,n.jsxs)("div",{className:"gap-lg px-lg bp:px-0 flex h-fit flex-col justify-center lg:w-80 lg:max-w-80 lg:pr-6",children:[L,T]}),Y[59]=L,Y[60]=T,Y[61]=V):V=Y[61],Y[62]!==en||Y[63]!==V?(F=(0,n.jsx)("div",{ref:eo,className:"z-2 h-fit bg-gradient-to-r from-transparent to-white to-45% lg:absolute lg:right-0 lg:top-8",children:V},en),Y[62]=en,Y[63]=V,Y[64]=F):F=Y[64],Y[65]!==P||Y[66]!==I||Y[67]!==F?(H=(0,n.jsxs)("div",{style:P,className:"lg:gap-lg bp:p-lg pb-sm relative flex w-full flex-col gap-4",children:[I,F]}),Y[65]=P,Y[66]=I,Y[67]=F,Y[68]=H):H=Y[68];let eS=O&&"hidden";return Y[69]!==eS?(B=(0,a.A)("absolute right-0 top-1/2 z-10",eS),Y[69]=eS,Y[70]=B):B=Y[70],Y[71]===Symbol.for("react.memo_cache_sentinel")?(q=(0,n.jsx)(f.ChevronDownIcon,{className:"text-text-invert-primary size-6 -rotate-90"}),Y[71]=q):q=Y[71],Y[72]!==O||Y[73]!==ed?(Q=(0,n.jsx)("button",{name:"next",onClick:ed,disabled:O,className:"bg-foundation-contrast focus:outline-offset-2! py-3",children:q}),Y[72]=O,Y[73]=ed,Y[74]=Q):Q=Y[74],Y[75]!==B||Y[76]!==Q?(U=(0,n.jsx)("div",{className:B,children:Q}),Y[75]=B,Y[76]=Q,Y[77]=U):U=Y[77],Y[78]!==C||Y[79]!==A||Y[80]!==H||Y[81]!==U?(W=(0,n.jsxs)("div",{className:"relative mx-auto h-fit max-w-xl overflow-hidden",children:[C,A,H,U]}),Y[78]=C,Y[79]=A,Y[80]=H,Y[81]=U,Y[82]=W):W=Y[82],Y[83]!==eg||Y[84]!==W?(X=(0,n.jsx)("section",{id:eg,"data-component":"CarVersionsDisplay",children:W}),Y[83]=eg,Y[84]=W,Y[85]=X):X=Y[85],X})}}]);