https://www.dacia.ma/client/dacia-datafed-banner-offer-9198be3387dda98d.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[23227],{47064(e,t,a){a.d(t,{m:()=>l});var n=a(91987),i=a(97500),r=a.n(i),s=a(93196);let l=({children:e,padding:t="no-padding",variant:a,alternativeBackground:i,alternativeMode:l,editContext:d,sling:c})=>(0,n.jsxs)("div",{className:r()("Container",{"is-full-width":"fullwidth"===a,"is-extended-background":"extended-background"===a,"is-alternative-background":i,"is-alternative-mode":l,"is-slice-padding":"slice-padding"===t,"is-slice-padding-block":"slice-padding-block"===t,"is-slice-padding-inline":"slice-padding-inline"===t}),"data-perso-key":c,children:[e,(0,s.Q)(d)&&(0,n.jsx)(s.Cq,{editContext:d})]})},45706(e,t,a){a.d(t,{M:()=>i});var n=a(91987);let i=({anchor:e,className:t})=>(0,n.jsx)("div",{id:e,className:t})},23373(e,t,a){a.r(t);var n=a(91987),i=a(20496),r=a(97500),s=a.n(r),l=a(50865),d=a(45706),c=a(73437),o=a(93196);let f=(0,i.Ng)(({page:{data:e}})=>({brand:e.siteParams?.brand}))(({strapline:e="",title:t="",titleSuffix:a="",titleAnchor:i="",introduction:r="",bodyCopy:f="",className:v="",cta1Label:u="",cta2Label:p="",cta1Url:m="",cta2Url:x="",tag:h="h2",editContext:g,isFullWidth:_,isInverted:j=!1,alignLeft:C,hasExtraBottom:k=!1,brand:N})=>{let b=u&&m,O=p&&x;return(0,n.jsx)("div",{className:s()("Component4v0",v,{"is-leftAligned":C,"is-inverted":j,"has-extrabottom":k}),children:(0,n.jsxs)("div",{className:s()("Component4v0__content",{"is-fullWidth":_}),children:[i&&(0,n.jsx)(d.M,{anchor:i,className:"Component4v0__anchor"}),e&&(0,n.jsx)("p",{className:"Component4v0__strapline",children:e}),t&&(0,n.jsxs)(h,{className:"Component4v0__title",children:[t,a&&(0,n.jsxs)("span",{className:"Component4v0__titleSuffix",children:[" ",a]})]}),r&&(0,n.jsx)("p",{className:"Component4v0__subtitle",children:r}),f&&(0,n.jsx)("div",{className:"Component4v0__body",children:(0,n.jsx)(l.d,{className:s()("Component4v0__rte",{"is-centered":!C}),content:f,useParagraphElement:!0})}),(b||O)&&(0,n.jsxs)("div",{className:"Component4v0__ctas",children:[b&&(0,n.jsx)(c.l,{variant:"cta-primary",href:m,isInverted:j,"data-track-destination":m,"data-track-button-text":u,"data-track-location-in-page":"title_primary_cta","data-track-event":"navigationClick","data-track":"click",children:u}),O&&(0,n.jsx)(c.l,{href:x,variant:"mobilize"===N?"link-arrow":"link-alternative",isInverted:j,"data-track-destination":x,"data-track-button-text":p,"data-track-location-in-page":"title_secondary_cta","data-track-event":"navigationClick","data-track":"click",children:p})]}),(0,n.jsx)(o.Cq,{editContext:g})]})})});a.d(t,{},{default:f})},37439(e,t,a){var n=a(91987),i=a(71763),r=a(97500),s=a.n(r),l=a(53282),d=a.n(l),c=a(50865),o=a(16383),f=a(73437),v=a(78948),u=a(20973);a.d(t,{},{A:({offer:e,ctaLink:t,ctaText:a,modelAdminId:r,className:l,toggleText:p,alternativeBackground:m,toggleState:x,toggleCallback:h,isVertical:g,isCompact:_,imageDisplay:j})=>{let C,[k,N]=(0,i.useState)(!1),{description:b,legalInformation:O,subtitle:y,title:R,offerId:w,assets:I}=e||{},A=e=>{let t=I?.find(t=>t?.assetRole===e||t?.assetRole==="GENERAL");if(!t)return;let a=[...t.mainRendition?[t.mainRendition]:[],...t.renditions||[]].reduce((e,t)=>{let{resolutionType:a,url:n}=t||{};if(a&&n&&(0,u.Pk)(a.toLowerCase())){let t=a.toLowerCase();e[t]||(e[t]=n)}return e},{});return Object.keys(a).length>0?a:void 0},D=A("LIGHT_BACKGROUND"),T=A("DARK_BACKGROUND");"noImage"!==j&&(C=m?T||D:D||T);let B=t&&w?`${t}?offerId=${w}&modelAdminId=${r||""}`:void 0;return(0,n.jsxs)("div",{className:s()("OfferCard",l,{"is-vertical":g,"is-compact":_,"is-alternative-mode":m,"is-image-right":"right"===j}),children:["noImage"!==j&&!d()(C)&&(0,n.jsx)("div",{className:"OfferCard__imageContainer",children:(0,n.jsx)(o._,{src:C,objectFit:"contain",width:"100%",height:"100%",alt:""})}),(0,n.jsxs)("div",{className:"OfferCard__descriptionContainer",children:[(0,n.jsxs)("div",{className:s()("OfferCard__heading",{"is-vertical":g}),children:[R?.[0]?.value&&(0,n.jsx)(c.d,{className:"OfferCard__title",content:R[0].value}),y?.[0]?.value&&(0,n.jsx)(c.d,{className:"OfferCard__price",content:y[0].value})]}),!!b&&b?.[0]?.value&&(0,n.jsx)(c.d,{content:b[0].value,className:s()("OfferCard__marketingDescription",{"is-vertical":g})}),(0,n.jsxs)("div",{className:"OfferCard__ctaWrapper",children:[(0,n.jsxs)("div",{className:"OfferCard__ctaButtons",children:[!!a&&!!B&&(0,n.jsx)("div",{className:"OfferCard__ctaLink",children:(0,n.jsx)(f.l,{variant:"cta-primary",useButtonMarkup:!0,isInverted:m,href:B,onClick:()=>{(0,v.d)({event:"navigationClick",buttonText:a,destination:B,locationInPage:"offers-component"})},children:a})}),!!O&&!!p&&(0,n.jsx)("button",{className:"OfferCard__toggle",onClick:()=>{(0,v.d)({event:"clickOnCTA",buttonText:p,locationInPage:R?R?.[0]?.value:""}),"function"==typeof h?h(!x):N(!k)},type:"button",children:p})]}),O?.[0]?.value&&(0,n.jsx)("div",{className:s()("OfferCard__legalDescriptionWrapper",{"is-opened":"function"==typeof h?x:k}),children:(0,n.jsx)("div",{className:"OfferCard__legalDescriptionInnerWrapper",children:(0,n.jsx)(c.d,{content:O?.[0].value,className:"OfferCard__legalDescription"})})})]})]})]})}})},65866(e,t,a){a.r(t);var n=a(91987),i=a(20496),r=a(97500),s=a.n(r),l=a(73437),d=a(93196),c=a(92861),o=a(23373),f=a(37439),v=a(73564);let u=(0,i.Ng)(({page:{data:e={}}})=>({modelAdmin:e.modelParams?.model,brand:e.siteParams?.brand}

1))(({modelAdmin:e,editContext:t,alternativeBackground:a,ctaLink1:i,ctaLink2:r,ctaLabel1:u,ctaLabel2:p,title:m,details:x,brand:h,data:g,imageDisplay:_})=>{let{modelAdminId:j}=e||{},C="renault"===h,k=a&&(C||"alpine"===h);return!g?.content?.offerId&&(0,d.Q)(t)?(0,n.jsx)("div",{className:"DatafedBannerOffer",children:(0,n.jsx)(d.Cq,{editContext:t,displayEditionZone:!0})}):g?.content?.offerId?(0,n.jsx)("div",{className:s()("DatafedBannerOffer",{"is-alternative-mode":k}),"data-perso-key":c.bD,children:(0,n.jsxs)("div",{className:"DatafedBannerOffer__container",children:[m&&(0,n.jsx)("div",{className:"DatafedBannerOffer__title",children:C?(0,n.jsx)(v.default,{title:m}):(0,n.jsx)(o.default,{title:m,alignLeft:!0})}),(0,n.jsx)("div",{className:"DatafedBannerOffer__offerContainer",children:(0,n.jsx)(f.A,{ctaLink:i,ctaText:u,modelAdminId:j,offer:g.content,toggleText:x,alternativeBackground:a,imageDisplay:_})}),r&&p&&(0,n.jsx)("div",{className:"DatafedBannerOffer__linkWrapper",children:(0,n.jsx)(l.l,{href:r,variant:"link-arrow",size:"large",isInverted:a,children:p})}),(0,n.jsx)(d.Cq,{editContext:t})]})}):null});a.d(t,{},{default:u})},73564(e,t,a){a.r(t);var n=a(91987),i=a(97500),r=a.n(i),s=a(47064),l=a(93196),d=a(32464),c=a(20409);a.d(t,{},{default:({strapline:e="",title:t="",title2:a="",alignLeft:i=!1,makeSmall:o=!1,introduction:f,notGenerateH:v=!1,alternativeBackground:u=!1,alternativeMode:p=!1,editContext:m,titleAnchor1:x})=>{let h=(0,d.kG)(v)?"p":"h2",{ref:g,isVisible:_}=(0,c.A)({role:"animation"});return(0,n.jsx)(s.m,{alternativeBackground:u,alternativeMode:p,padding:"slice-padding",variant:u||p?"extended-background":"default",children:(0,n.jsxs)("div",{className:r()("RevealTitle",{"is-leftAligned":i}),children:[x&&(0,n.jsx)("span",{className:"RevealTitle__anchor",id:x}),e&&(0,n.jsx)("p",{className:"RevealTitle__strapline",children:e}),(t||a)&&(0,n.jsxs)(h,{ref:g,className:r()("RevealTitle__title",{"is-small":o,"is-visible":_}),children:[(0,n.jsx)("span",{className:"RevealTitle__firstTitle",children:t}),(0,n.jsxs)("span",{className:"RevealTitle__secondTitle",children:[" ",a]})]}),f&&(0,n.jsx)("p",{className:"RevealTitle__subtitle",children:f}),(0,n.jsx)(l.Cq,{editContext:m})]})})}})},20409(e,t,a){var n=a(71763),i=a(24948),r=a(5839);a.d(t,{},{A:e=>{let t=(0,n.useMemo)(()=>(e=>{let t="u">typeof window&&r.LO.large&&window.innerWidth>=r.LO.large,{role:a,options:n={},stayVisible:i=!0}=e;return"lazyload"===a?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===a?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===a&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:i}})(e),[e]),{ref:a,inView:s=!1,entry:l}=(0,i.Wx)(t);return{ref:a,isVisible:s,entry:l}}})},24948(e,t,a){var n,i,r=a(71763),s=Object.defineProperty,l=new Map,d=new WeakMap,c=0;function o({threshold:e,delay:t,trackVisibility:a,rootMargin:i,scrollMargin:s,root:f,triggerOnce:v,skip:u,initialInView:p,fallbackInView:m,onChange:x}={}){var h;let[g,_]=r.useState(null),j=r.useRef(x),C=r.useRef(p),[k,N]=r.useState({inView:!!p,entry:void 0});j.current=x,r.useEffect(()=>{let r;if(void 0===C.current&&(C.current=p),!u&&g)return r=function(e,t,a={},i=n){if(void 0===window.IntersectionObserver&&void 0!==i){let n=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof a.threshold?a.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}),()=>{}}let{id:r,observer:s,elements:o}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var a;return`${t}_${"root"===t?!(a=e.root)?"0":(d.has(a)||(c+=1,d.set(a,c.toString())),d.get(a)):e[t]}`}).toString(),a=l.get(t);if(!a){let n,i=new Map,r=new IntersectionObserver(t=>{t.forEach(t=>{var a;let r=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),[...null!=(a=i.get(t.target))?a:[]].forEach(e=>{e(r,t)})})},e);n=r.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),a={id:t,observer:r,elements:i},l.set(t,a)}return a}(a),f=o.get(e)||[];return o.has(e)||o.set(e,f),f.push(t),s.observe(e),function(){f.splice(f.indexOf(t),1),0===f.length&&(o.delete(e),s.unobserve(e)),0===o.size&&(s.disconnect(),l.delete(r))}}(g,(e,t)=>{let a=C.current;C.current=e,(void 0!==a||e)&&(N({inView:e,entry:t}),j.current&&j.current(e,t),t.isIntersecting&&v&&r&&(r(),r=void 0))},{root:f,rootMargin:i,scrollMargin:s,threshold:e,trackVisibility:a,delay:t},m),()=>{r&&r()}},[Array.isArray(e)?e.toString():e,g,f,i,s,v,u,a,m,t]);let b=null==(h=k.entry)?void 0:h.target,O=r.useRef(void 0);g||!b||v||u||O.current===b||(O.current=b,N({inView:!!p,entry:void 0}),C.current=p);let y=[_,k.inView,k.entry];return y.ref=y[0],y.inView=y[1],y.entry=y[2],y}r.Component,null!=(null!=(i=r.useInsertionEffect)?i:r.useLayoutEffect)||r.useEffect,a.d(t,{Wx:()=>o})}}]);