https://www.renault.co.uk/client/renault-model-offers-7597ef130725d5d8.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[27827],{54502(e,t,r){var l,i=r(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M22.22 12.6H3.885a62 62 0 0 0 10.025 6.825l-.56 1.075a63.7 63.7 0 0 1-10.97-7.61l-.2-.18v-1.405l.18-.175A46.6 46.6 0 0 1 13.365 3.5l.53 1.08a46.9 46.9 0 0 0-10.06 6.82H22.22z"})))})},70385(e,t,r){var l,i=r(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M21.83 11.32v1.405l-.2.18a63.6 63.6 0 0 1-11 7.64l-.54-1.045a62 62 0 0 0 10.035-6.885H1.77v-1.2h18.41a46.8 46.8 0 0 0-10.075-6.86l.53-1.055a47 47 0 0 1 11 7.665z"})))})},3861(e,t,r){var l,i=r(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M15.5 20.725 6.35 12l9.15-8.725 1.38 1.45L9.245 12l7.635 7.275z"})))})},42715(e,t,r){var l=r(91987),i=r(71763),n=r(98481),s=r(20496),o=r(97500),a=r.n(o),d=r(54502),c=r(70385),u=r(3861),f=r(33496),h=r(78948),m=r(20409),g=r(84759),p=r(40119),v=r(5839);let w=50,b="alpine",_=(0,s.Ng)(({app:e,page:{data:{siteParams:t}}})=>({isRtl:t?.rtl??!1,brand:t?.brand||"",isMobile:e.threshold===v.qN})),x=({navBarData:e,onClickDots:t,dotMode:r,displayMode:i,portalDots:s})=>{if(!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length||!e.pages||1===e.pages.length)return null;let o=(0,l.jsxs)("ul",{className:a()("CustomScroll__dots",{"is-below":["dots-below","dots-below-mobile-only"].includes(r),"is-mobile-only":"dots-below-mobile-only"===r}),children:[("fullwidth"===i||"card"===i)&&e?.childrenWidths?.map((r,n)=>{let s=`dot-${n}`;return(0,l.jsx)("li",{className:"CustomScroll__dot",children:(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__dotButton",{"is-active":"card"===i?e?.activeChildIndex===n:r?.isVisible}),onClick:()=>t(r?.middle),children:(0,l.jsx)("span",{className:"u-hidden-wording",children:`slide ${n}`})})},s)}),!i&&e?.pages?.map((e,r)=>{let i=`dot-${r}`;return(0,l.jsx)("li",{className:"CustomScroll__dot",children:(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__dotButton",{"is-active":e?.isActive}),onClick:()=>t(e?.middle),children:(0,l.jsx)("span",{className:"u-hidden-wording",children:`slide ${r}`})})},i)})]});return s?(0,n.createPortal)(o,s):o},C=({isLeftArrowDisplayed:e,isRightArrowDisplayed:t,isRightBottomArrowsDisplayed:r,handleArrowClick:i,isRtl:s,portalElement:o,isDarkMode:u})=>{let f=(0,l.jsxs)("div",{className:a()("CustomScroll__bottomArrows",{"is-darkmode":u,"is-right-bottom-arrows-displayed":r}),children:[(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__bottomArrowsButton CustomScroll__bottomArrowsLeft",{CustomScroll__bottomArrows_disabled:!e}),onClick:i(-1),children:(0,l.jsx)(d.A,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":s})})}),(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__bottomArrowsButton CustomScroll__bottomArrowsRight",{CustomScroll__bottomArrows_disabled:!t}),onClick:i(1),children:(0,l.jsx)(c.A,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":s})})})]});return o?(0,n.createPortal)(f,o):f},y=({navBarData:e,onClickDots:t,tabs:r,brand:n})=>{let s=(0,i.useRef)(null),o=e?.childrenWidths.find(e=>e?.isVisible);if((0,i.useEffect)(()=>{let e=s.current;if(e){let t=e.querySelector(".CustomScroll__tabButton.is-active");t&&(t.getBoundingClientRect().left+t.clientWidth>window.innerWidth||t.getBoundingClientRect().left<0)&&e.scrollTo({top:0,left:t.offsetLeft})}},[o]),!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length)return null;let d="mobilize"===n;return(0,l.jsx)("ul",{className:"CustomScroll__tabs",ref:s,children:e?.childrenWidths?.map((e,i)=>{let n=`tab-${i}`;return(0,l.jsx)("li",{className:"CustomScroll__tab",children:(0,l.jsx)("button",{className:a()("CustomScroll__tabButton",{"is-active":e?.isVisible}),onClick:()=>t(e?.middle),type:"button",children:d?(0,g.G2)(i+1,2):r?.[i]})},n)})})},j=_(({bottomArrowsPortalElement:e,children:t=[],className:r="",darkMode:s=!1,defaultSelectedSlideIndex:o,displayMode:g,interactionType:_,isCentered:j=!1,isFullScreen:A=!1,isRtl:N,isSimplified:S=!1,isCardCentered:O=!1,isRightBottomArrowsDisplayed:k=!0,arrowMode:W,dotMode:R,onInteraction:M,snapMode:B,tabs:L=[],minInterval:I=w,brand:E,isMobile:$,portalsCustomElement:P={}})=>{let{ref:D,isVisible:V}=(0,m.A)({role:"technical",stayVisible:!1}),T=(0,i.useRef)(0),z=(0,i.useRef)(void 0),q=(0,i.useRef)(null),F=(0,i.useRef)(0),[G,H]=(0,i.useState)({childrenWidths:[],globalWidth:void 0,activeChildIndex:void 0,isScrolling:!1,pages:[]}),K=(0,i.useRef)(!1),[U,J]=(0,i.useState)(!1),[Q,X]=(0,i.useState)(!1),[Y,Z]=(0,i.useState)(0),[ee,et]=(0,i.useState)(0),er=G?.childrenWidths?.[0]?.width,el=(0,i.useMemo)(()=>

1{if(O&&!$){let e=q?.current;if(e){let{clientWidth:t}=e;return(t-(er||0))/2}}return 0},[er,O,$]),ei=(0,i.useCallback)(()=>{let e=q.current;if(e&&V){let{scrollLeft:t=0,scrollWidth:r=0,clientWidth:l=0}=e,i=r-l,n=i>0?i:0,s=N?-1:1;J(s*t>I),X(n>0&&s*t+I<n);let o=Array.from(e.children)||[],a=o.map(e=>({promoText:(e.innerText||"").substring(0,50).replace(/\s+/g," ").trim(),width:e.offsetWidth,percent:e.offsetWidth/r*100,middle:e.offsetLeft+e.offsetWidth/2,left:e.getBoundingClientRect().left,right:e.getBoundingClientRect().right,isVisible:e.offsetLeft+e.offsetWidth/2>t&&e.offsetLeft+e.offsetWidth/2<t+l})),d=o.findIndex(e=>O?e.getBoundingClientRect().right>window.innerWidth/2:e?.offsetLeft>=Math.round(t));K.current||(K.current=!0);let c=l?Array(Math.round(r/l)).fill(void 0).map((e,r)=>({isActive:r===Math.floor((t+l/2)/l),middle:l*r+l/2})):[],u=t!==T.current;T.current=t,H({isScrolling:u,activeChildIndex:d,pages:c,childrenWidths:a,globalWidth:r}),!a[d]||u&&Y||(Z(a[d].right),et(a[d].left)),M?.({isScrolling:u,activeChildIndex:d,scrollLeft:t})}},[V,N,I,Y,M,O]),en=e=>t=>{t?.stopPropagation();let r=q.current;if(r){let t,{scrollLeft:l=0,clientWidth:i=0}=r,n=N?-1:1,s=Array.from(r.children),{clientWidth:o=0}=s?.[0]||{};switch(g){case"fullwidth":t=i;break;case"card":t=o;break;default:t=9*i/10}r.scrollLeft=l+t*e*n}},es=0;(0,i.useEffect)(()=>{let e=G?.childrenWidths.findIndex(e=>e.isVisible);F.current!==e&&e>-1&&_&&!G.isScrolling&&((0,h.d)({interactionType:_,itemNumber:`${e+1}/${G?.childrenWidths.length}`,event:"carouselInteraction",promoText:G?.childrenWidths[e].promoText,scrollDirection:F.current<e?"right":"left"}),F.current=e)},[G,_]),(0,p.A)(ei),(0,i.useEffect)(()=>(q?.current&&("u">typeof window&&window.addEventListener(v.jn,ei),ei()),()=>{"u">typeof window&&window.removeEventListener(v.jn,ei)}),[ei]),(0,i.useEffect)(()=>{if(void 0!==o){let e=requestAnimationFrame(()=>{let e=q?.current;if(e){let{clientWidth:t}=e;if(window){let r=Array.from(e.children);if(r.length>1&&r[o]){let{offsetLeft:l,clientWidth:i}=r[o];O?e.scrollLeft=l-(t-i)/2:e.scrollLeft="center"===B?l-(t-i)/2:l}}}});return()=>cancelAnimationFrame(e)}},[o,B,el,O]);let eo=a()("CustomScroll__child",{[`is-snap-${B||""}`]:B,[`is-display-${g||""}`]:g}),ea="arrows-left-right-all"===W||"arrows-left-right-desktop-only"===W,ed="tabs-inside"===R?y:x,ec=E===b?d.A:u.A,eu=E===b?c.A:f.A,ef=(G?.activeChildIndex||0)+1;return(0,l.jsxs)("div",{className:a()("CustomScroll",{CustomScroll_center:j,"is-navbar-dots-below":["dots-below","dots-below-mobile-only"].includes(R)&&!P?.portalDots,"is-navbar-arrows-bottom":"arrows-bottom"===W,"is-darkmode":s},r),ref:D,children:[(0,l.jsx)("div",{className:a()("CustomScroll__container",{"is-simplified":S,[`is-display-${g||""}`]:g,"is-fullscreen":A,"has-smooth-scroll":K.current}),ref:q,style:el?{scrollPadding:`0 ${el}px`,padding:`0 ${el}px`}:void 0,onScroll:()=>{es&&window.cancelAnimationFrame(es),es=window.requestAnimationFrame(()=>{ei(),clearTimeout(z.current),z.current=setTimeout(ei,100)})},children:t&&Array.isArray(t)&&B?t.map((e,r)=>{let i=`dot-${r}`;return(0,l.jsx)("div",{className:a()(eo,{"is-first-slide":0===r,"is-last-slide":r===t.length-1}),children:e},i)}):t}),"counter"===R&&!!t&&Array.isArray(t)&&G?.activeChildIndex!==void 0&&!!B&&(0,l.jsxs)("div",{className:"CustomScroll__counter",children:[ef," / ",t?.length]}),"arrows-bottom"===W&&(0,l.jsx)(C,{isLeftArrowDisplayed:U,isRightArrowDisplayed:Q,isRtl:N,isRightBottomArrowsDisplayed:k,handleArrowClick:en,portalElement:e,portalsCustomElement:P,isDarkMode:s}),(()=>{if(ea&&U){let e=(0,l.jsx)("button",{style:{"--leftArrowPosition":`${ee}px`},className:a()("CustomScroll__arrow CustomScroll__arrowLeft",{"is-simplified":S,"is-left-right-all":"arrows-left-right-all"===W}),onClick:en(-1),type:"button",children:(0,l.jsx)(ec,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":N})})});return P.portalPreviousButton?(0,n.createPortal)(e,P.portalPreviousButton):e}return null})(),(()=>{if(ea&&Q){let e=(0,l.jsx)("button",{style:{"--rightArrowPosition":`${Y}px`},className:a()("CustomScroll__arrow CustomScroll__arrowRight",{"is-simplified":S,"is-left-right-all":"arrows-left-right-all"===W}),onClick:en(1),type:"button",children:(0,l.jsx)(eu,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":N})})});return P.portalNextButton?(0,n.createPortal)(e,P.portalNextButton):e}return null})(),!["none","counter"].includes(R)&&(0,l.jsx)(ed,{dotMode:R,displayMode:g,navBarData:G,arrowMode:W,onClickDots:e=>(e=>{let t=q.current;if(t){let{clientWidth:r=0}=t,l=e-r/2;t.scrollLeft=l>0?l:0}})(e),tabs:L,brand:E,isMobile:!!$,portalDots:P.portalDots})]})});r.d(t,{},{A:j})},37439(e,t,r){var l=r(91987),i=r(71763),n=r(97500),s=r.n(n),o=r(53282),a=r.n(o),d=r(50865),c=r(16383),u=r(73437),f=r(78948),h=r(20973);r.d(t,{},{A:({offer:e,ctaLink:t,ctaText:r,modelAdminId:n,className:o,toggleText:m,alternativeBackgroun

1d:g,toggleState:p,toggleCallback:v,isVertical:w,isCompact:b,imageDisplay:_})=>{let x,[C,y]=(0,i.useState)(!1),{description:j,legalInformation:A,subtitle:N,title:S,offerId:O,assets:k}=e||{},W=e=>{let t=k?.find(t=>t?.assetRole===e||t?.assetRole==="GENERAL");if(!t)return;let r=[...t.mainRendition?[t.mainRendition]:[],...t.renditions||[]].reduce((e,t)=>{let{resolutionType:r,url:l}=t||{};if(r&&l&&(0,h.Pk)(r.toLowerCase())){let t=r.toLowerCase();e[t]||(e[t]=l)}return e},{});return Object.keys(r).length>0?r:void 0},R=W("LIGHT_BACKGROUND"),M=W("DARK_BACKGROUND");"noImage"!==_&&(x=g?M||R:R||M);let B=t&&O?`${t}?offerId=${O}&modelAdminId=${n||""}`:void 0;return(0,l.jsxs)("div",{className:s()("OfferCard",o,{"is-vertical":w,"is-compact":b,"is-alternative-mode":g,"is-image-right":"right"===_}),children:["noImage"!==_&&!a()(x)&&(0,l.jsx)("div",{className:"OfferCard__imageContainer",children:(0,l.jsx)(c._,{src:x,objectFit:"contain",width:"100%",height:"100%",alt:""})}),(0,l.jsxs)("div",{className:"OfferCard__descriptionContainer",children:[(0,l.jsxs)("div",{className:s()("OfferCard__heading",{"is-vertical":w}),children:[S?.[0]?.value&&(0,l.jsx)(d.d,{className:"OfferCard__title",content:S[0].value}),N?.[0]?.value&&(0,l.jsx)(d.d,{className:"OfferCard__price",content:N[0].value})]}),!!j&&j?.[0]?.value&&(0,l.jsx)(d.d,{content:j[0].value,className:s()("OfferCard__marketingDescription",{"is-vertical":w})}),(0,l.jsxs)("div",{className:"OfferCard__ctaWrapper",children:[(0,l.jsxs)("div",{className:"OfferCard__ctaButtons",children:[!!r&&!!B&&(0,l.jsx)("div",{className:"OfferCard__ctaLink",children:(0,l.jsx)(u.l,{variant:"cta-primary",useButtonMarkup:!0,isInverted:g,href:B,onClick:()=>

1{(0,f.d)({event:"navigationClick",buttonText:r,destination:B,locationInPage:"offers-component"})},children:r})}),!!A&&!!m&&(0,l.jsx)("button",{className:"OfferCard__toggle",onClick:()=>{(0,f.d)({event:"clickOnCTA",buttonText:m,locationInPage:S?S?.[0]?.value:""}),"function"==typeof v?v(!p):y(!C)},type:"button",children:m})]}),A?.[0]?.value&&(0,l.jsx)("div",{className:s()("OfferCard__legalDescriptionWrapper",{"is-opened":"function"==typeof v?p:C}),children:(0,l.jsx)("div",{className:"OfferCard__legalDescriptionInnerWrapper",children:(0,l.jsx)(d.d,{content:A?.[0].value,className:"OfferCard__legalDescription"})})})]})]})]})}})},35624(e,t,r){r.r(t);var l=r(91987),i=r(71763),n=r(20496),s=r(97500),o=r.n(s),a=r(73437),d=r(93196),c=r(78948),u=r(42715),f=r(37439);let h=(0,n.Ng)(({page:{data:e}})=>({modelAdmin:e.modelParams?.model,modelData:e.modelParams?.data}))(({offers:e,noOffers:t,data:r=[],className:n,modelAdmin:s,modelData:h,editContext:m})=>{let[g,p]=(0,i.useState)(!1),{modelName:v,modelAdminId:w}=s||{},{label:b,modelSpecCode:_}=h||{},{reassuranceMessage:x}=t||{},{backOffersCtaLink:C,backOffersCtaText:y,details:j,ctaLink:A,ctaText:N}=e||{},S=b||v;return(0,i.useEffect)(()=>{(0,c.d)({event:"offers",offersDisplayNumber:r.length,vehicleId:_,vehicleModel:S})},[S,_,r.length]),(0,l.jsxs)("div",{className:o()("ModelOffers",n),children:[r&&r.length>0?(0,l.jsx)(u.A,{className:"ModelOffers__customScroll",snapMode:"center",displayMode:r.length>1?"card":"fullwidth",arrowMode:r.length>1?"arrows-bottom":"none",dotMode:"none",children:r.map(e=>(0,l.jsx)(f.A,{className:"ModelOffers__offerCard",offer:e.content,ctaLink:A,ctaText:N,modelAdminId:w,toggleText:j,toggleState:g,toggleCallback:p,isVertical:r.length>1},e.content?.offerId))}):(0,l.jsx)("div",{className:"ModelOffers__content",children:x}),C&&y&&(0,l.jsx)("div",{className:"ModelOffers__link",children:(0,l.jsx)(a.l,{useButtonMarkup:!0,href:C,variant:"link-arrow",onClick:()=>{(0,c.d)({event:"navigationClick",buttonText:y,destination:C,locationInPage:"offerPage"})},children:y})}),(0,l.jsx)(d.Cq,{editContext:m})]})});r.d(t,{},{default:h})},20409(e,t,r){var l=r(71763),i=r(24948),n=r(5839);r.d(t,{},{A:e=>{let t=(0,l.useMemo)(()=>(e=>{let t="u">typeof window&&n.LO.large&&window.innerWidth>=n.LO.large,{role:r,options:l={},stayVisible:i=!0}=e;return"lazyload"===r?l.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?l.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(l.rootMargin="0px -10px 0px 0px"),{...l,triggerOnce:i}})(e),[e]),{ref:r,inView:s=!1,entry:o}=(0,i.Wx)(t);return{ref:r,isVisible:s,entry:o}}})},24948(e,t,r){var l,i,n=r(71763),s=Object.defineProperty,o=new Map,a=new WeakMap,d=0;function c({threshold:e,delay:t,trackVisibility:r,rootMargin:i,scrollMargin:s,root:u,triggerOnce:f,skip:h,initialInView:m,fallbackInView:g,onChange:p}={}){var v;let[w,b]=n.useState(null),_=n.useRef(p),x=n.useRef(m),[C,y]=n.useState({inView:!!m,entry:void 0});_.current=p,n.useEffect(()=>{let n;if(void 0===x.current&&(x.current=m),!h&&w)return n=function(e,t,r={},i=l){if(void 0===window.IntersectionObserver&&void 0!==i){let l=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:l,intersectionRect:l,rootBounds:l}),()=>{}}let{id:n,observer:s,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(a.has(r)||(d+=1,a.set(r,d.toString())),a.get(r)):e[t]}`}).toString(),r=o.get(t);if(!r){let l,i=new Map,n=new IntersectionObserver(t=>{t.forEach(t=>{var r;let n=t.isIntersecting&&l.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=n),[...null!=(r=i.get(t.target))?r:[]].forEach(e=>{e(n,t)})})},e);l=n.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:n,elements:i},o.set(t,r)}return r}(r),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),s.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),s.unobserve(e)),0===c.size&&(s.disconnect(),o.delete(n))}}(w,(e,t)=>{let r=x.current;x.current=e,(void 0!==r||e)&&(y({inView:e,entry:t}),_.current&&_.current(e,t),t.isIntersecting&&f&&n&&(n(),n=void 0))},{root:u,rootMargin:i,scrollMargin:s,threshold:e,trackVisibility:r,delay:t},g),()=>{n&&n()}},[Array.isArray(e)?e.toString():e,w,u,i,s,f,h,r,g,t]);let j=null==(v=C.entry)?void 0:v.target,A=n.useRef(void 0);w||!j||f||h||A.current===j||(A.current=j,y({inView:!!m,entry:void 0}),x.current=m);let N=[b,C.inView,C.entry];return N.ref=N[0],N.inView=N[1],N.entry=N[2],N}n.Component,null!=(null!=(i=n.useInsertionEffect)?i:n.useLayoutEffect)||n.useEffect,r.d(t,{Wx:()=>c})}}]);