https://www.dacia.fr/client/dacia-promo-card-21c10466ad875cea.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[33808],{7459(e,t,r){r.d(t,{X:()=>v});var i=r(91987),n=r(71763),a=r(20496),s=r(97500),o=r.n(s),l=r(16383),d=r(46773),c=r(20409),u=r(5839);let v=(0,a.Ng)(({app:e,page:t})=>({threshold:e.threshold??u.qN,isBrowserEngine:e.isBrowserEngine,isEditMode:t.data?.mode==="EDIT"}),null,null,{forwardRef:!0})(({autoPlay:e=!0,src:t,alt:r,video:a,isBrowserEngine:s,threshold:u,disableLazyLoaded:v=!1,isEditMode:f,sizes:h=["100vw","100vw","1280px"],onVideoEnded:g,onVideoProgress:p,onVideoStarted:m,endSrc:x})=>{let[k,b]=(0,n.useState)(!1),[y,w]=(0,n.useState)(!0),[C,_]=(0,n.useState)(!1),E=(0,n.useRef)(null),{ref:j,isVisible:N}=(0,c.A)({role:"animation",stayVisible:!1}),I=(0,d.A)(),V=(0,n.useCallback)(()=>{b(!0),g?.()},[g]);(0,n.useEffect)(()=>{let t=E.current;y&&t&&(N&&e?t?.play().catch(e=>{"NotAllowedError"===e.name&&w(!1)}):t?.pause())},[e,N,y,m,I]);let M=(0,n.useCallback)(()=>{let e=E.current;e?.duration&&Number.isFinite(e.duration)&&p?.(e.currentTime/e.duration)},[p]);(0,n.useEffect)(()=>{_(!1),b(!1)},[a?.mobile]);let{desktop:O,tablet:P,mobile:R}=a||{},S=R;"large"===u&&O?S=O:"medium"===u&&P&&(S=P);let T=(0,n.useMemo)(()=>d.l.includes(I.effectiveType),[I.effectiveType]),A=!S&&!x?.small||S,L=S&&s&&N&&!k&&y&&!T,W=x?.small&&(!S||C)&&!T,z=W?x:t;return t?(0,i.jsxs)("div",{className:o()("ImageWithVideo",{"is-editMode":f}),"aria-hidden":"true",ref:j,children:[(A||W)&&(0,i.jsx)("div",{className:"ImageWithVideo__picture",children:(0,i.jsx)(l._,{src:z||{},alt:r,width:"100%",height:"100%",disableLazyLoaded:v,sizes:h})}),L&&(0,i.jsx)("video",{ref:E,className:"ImageWithVideo__video",autoPlay:e,onEnded:V,loop:!x?.small,muted:!0,src:S,playsInline:!0,onPlaying:()=>{_(!0),m?.()},onTimeUpdate:p?M:void 0},S)]}):null})},96400(e,t,r){r.r(t);var i=r(91987),n=r(71763),a=r(20496),s=r(97500),o=r.n(s),l=r(7459),d=r(73437),c=r(93196);let u=(0,a.Ng)(({app:e})=>({isDesktop:"large"===e.threshold}))(({editContext:e,title:t,isDesktop:r,description:a,cta1:s,cta2:u,image:v,alternativeMode:f,video:h,doNotGenerate:g})=>{let{label:p,link:m,openNewTab:x}=s||{},{label:k,link:b,openNewTab:y}=u||{},{alt:w="",src:C}=v||{},[_,E]=(0,n.useState)(!1);return(0,i.jsxs)("section",{className:o()("PromoCard",{"is-alternative-mode":f}),onMouseEnter:()=>{r&&E(!0)},children:[(0,i.jsx)("div",{className:"PromoCard__pinned",children:(0,i.jsx)(l.X,{src:C,video:!r||_?{mobile:h}:void 0,alt:w,sizes:"100vw"})}),(0,i.jsxs)("div",{className:"PromoCard__flow",children:[(0,i.jsxs)("div",{className:"PromoCard__texts",children:[t&&(0,i.jsx)(g?"p":"h2",{className:"PromoCard__title",children:t}),a&&(0,i.jsx)("p",{className:"PromoCard__desc",children:a})]}),(0,i.jsxs)("div",{className:"PromoCard__ctas",children:[p&&m&&(0,i.jsx)(d.l,{href:m,title:p,variant:"cta-primary",isInverted:f,target:x?"_blank":void 0,"data-track":"click","data-track-destination":m,"data-track-button-text":p,"data-track-location-in-page":"promo-cards","data-track-event":"navigationClick"}),k&&b&&(0,i.jsx)(d.l,{href:b,title:k,variant:"cta-ghost",isInverted:f,target:y?"_blank":void 0,"data-track":"click","data-track-destination":b,"data-track-button-text":k,"data-track-location-in-page":"promo-cards","data-track-event":"navigationClick"})]})]}),(0,i.jsx)(c.Cq,{editContext:e})]})});r.d(t,{},{default:u})},46773(e,t,r){var i=r(71763);let n=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection);r.d(t,{},{A:()=>{let[e,t]=(0,i.useState)(void 0);return(0,i.useEffect)(()=>{t(n())},[]),(0,i.useEffect)(()=>{if(!e)return()=>{};let r=()=>t(n());return e?.addEventListener?.("change",r,{passive:!0}),()=>{e?.removeEventListener?.("change",r)}},[e,t]),(0,i.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])},l:["2g","slow-2g","3g"]})},20409(e,t,r){var i=r(71763),n=r(24948),a=r(5839);r.d(t,{},{A:e=>{let t=(0,i.useMemo)(()=>(e=>{let t="u">typeof window&&a.LO.large&&window.innerWidth>=a.LO.large,{role:r,options:i={},stayVisible:n=!0}=e;return"lazyload"===r?i.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?i.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(i.rootMargin="0px -10px 0px 0px"),{...i,triggerOnce:n}})(e),[e]),{ref:r,inView:s=!1,entry:o}=(0,n.Wx)(t);return{ref:r,isVisible:s,entry:o}}})},24948(e,t,r){var i,n,a=r(71763),s=Object.defineProperty,o=new Map,l=new WeakMap,d=0;function c({threshold:e,delay:t,trackVisibility:r,rootMargin:n,scrollMargin:s,root:u,triggerOnce:v,skip:f,initialInView:h,fallbackInView:g,onChange:p}={}){var m;let[x,k]=a.useState(null),b=a.useRef(p),y=a.useRef(h),[w,C]=a.useState({inView:!!h,entry:void 0});b.current=p,a.useEffect(()=>{let a;if(void 0===y.current&&(y.current=h),!f&&x)return a=function(e,t,r={},n=i){if(void 0===window.IntersectionObserver&&void 0!==n){let i=e.getBoundingClientRect();return t(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}let{id:a,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":(l.has(r)||(d+=1,l.set(r,d.toString())),l.get(r)):e[t]}`}).toString(),r=o.get(t);if(!r){let i,n=new Map,a=new IntersectionObserver(t=>{t.forEach(t=>{var r;let a=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),[...null!=(r=n.get(t.target))?r:[]].forEac

1h(e=>{e(a,t)})})},e);i=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:a,elements:n},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(a))}}(x,(e,t)=>{let r=y.current;y.current=e,(void 0!==r||e)&&(C({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&v&&a&&(a(),a=void 0))},{root:u,rootMargin:n,scrollMargin:s,threshold:e,trackVisibility:r,delay:t},g),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,x,u,n,s,v,f,r,g,t]);let _=null==(m=w.entry)?void 0:m.target,E=a.useRef(void 0);x||!_||v||f||E.current===_||(E.current=_,C({inView:!!h,entry:void 0}),y.current=h);let j=[k,w.inView,w.entry];return j.ref=j[0],j.inView=j[1],j.entry=j[2],j}a.Component,null!=(null!=(n=a.useInsertionEffect)?n:a.useLayoutEffect)||a.useEffect,r.d(t,{Wx:()=>c})}}]);