https://www.renault.dz/client/renault-pp-intro-section-e4c852b4c62a993e.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[33261],{25756(e,t,n){var r=n(91987),i=n(71763);n.d(t,{},{R:({bClassName:e,content:t="",supportReturnCarriage:n=!1,tag:s="div",className:a})=>{let o=(0,i.useMemo)(()=>{let r=t.replace(/<[^>]+>/gi,"");return r=r.replace(/\[(\/?[bi])\]/gi,"<$1>"),e&&(r=r.replace(/<b>/gi,`<b class="${e}">`)),n&&(r=r.replace(/\r?\n/g,"<br>")),{__html:r}},[t,e,n]);return(0,r.jsx)(s,{dangerouslySetInnerHTML:o,className:a})}})},52357(e,t,n){var r=n(25756);n.d(t,{R:()=>r.R})},7459(e,t,n){n.d(t,{X:()=>v});var r=n(91987),i=n(71763),s=n(20496),a=n(97500),o=n.n(a),l=n(16383),c=n(46773),d=n(20409),u=n(5839);let v=(0,s.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:n,video:s,isBrowserEngine:a,threshold:u,disableLazyLoaded:v=!1,isEditMode:f,sizes:h=["100vw","100vw","1280px"],onVideoEnded:g,onVideoProgress:m,onVideoStarted:p,endSrc:x})=>{let[y,b]=(0,i.useState)(!1),[_,j]=(0,i.useState)(!0),[w,I]=(0,i.useState)(!1),S=(0,i.useRef)(null),{ref:N,isVisible:E}=(0,d.A)({role:"animation",stayVisible:!1}),M=(0,c.A)(),k=(0,i.useCallback)(()=>{b(!0),g?.()},[g]);(0,i.useEffect)(()=>{let t=S.current;_&&t&&(E&&e?t?.play().catch(e=>{"NotAllowedError"===e.name&&j(!1)}):t?.pause())},[e,E,_,p,M]);let R=(0,i.useCallback)(()=>{let e=S.current;e?.duration&&Number.isFinite(e.duration)&&m?.(e.currentTime/e.duration)},[m]);(0,i.useEffect)(()=>{I(!1),b(!1)},[s?.mobile]);let{desktop:V,tablet:C,mobile:A}=s||{},O=A;"large"===u&&V?O=V:"medium"===u&&C&&(O=C);let L=(0,i.useMemo)(()=>c.l.includes(M.effectiveType),[M.effectiveType]),T=!O&&!x?.small||O,W=O&&a&&E&&!y&&_&&!L,z=x?.small&&(!O||w)&&!L,$=z?x:t;return t?(0,r.jsxs)("div",{className:o()("ImageWithVideo",{"is-editMode":f}),"aria-hidden":"true",ref:N,children:[(T||z)&&(0,r.jsx)("div",{className:"ImageWithVideo__picture",children:(0,r.jsx)(l._,{src:$||{},alt:n,width:"100%",height:"100%",disableLazyLoaded:v,sizes:h})}),W&&(0,r.jsx)("video",{ref:S,className:"ImageWithVideo__video",autoPlay:e,onEnded:k,loop:!x?.small,muted:!0,src:O,playsInline:!0,onPlaying:()=>{I(!0),p?.()},onTimeUpdate:m?R:void 0},O)]}):null})},45706(e,t,n){n.d(t,{M:()=>i});var r=n(91987);let i=({anchor:e,className:t})=>(0,r.jsx)("div",{id:e,className:t})},67876(e,t,n){n.r(t);var r=n(91987),i=n(71763),s=n(97500),a=n.n(s),o=n(50865),l=n(52357),c=n(7459),d=n(45706),u=n(73437),v=n(93196),f=n(20409);n.d(t,{},{default:({editContext:e,image:t,text:n,video:s})=>{let{ref:h,isVisible:g}=(0,f.A)({role:"animation",stayVisible:!1}),{strapline:m,title:p,subtitle:x,blackOverlay:y,anchorId:b,legalMentions:_,alternativeMode:j,ctaLabel:w,ctaLink:I,openNewTab:S,doNotGenerate:N}=n||{},E=(0,r.jsxs)(i.Fragment,{children:[p&&(0,r.jsx)(l.R,{className:"IntroSection__title",content:p,bClassName:"IntroSection__titleB"}),x&&(0,r.jsx)("div",{className:"IntroSection__subtitle",children:x})]});return(0,r.jsxs)("section",{className:a()("IntroSection",{"is-edit-mode":(0,v.Q)(e),"is-alternative-mode":j}),children:[b&&(0,r.jsx)(d.M,{anchor:b}),(0,r.jsx)("div",{className:"IntroSection__background",children:(0,r.jsx)(c.X,{src:t?.src,video:s,alt:t?.alt||"",sizes:"100vw"})}),y&&(0,r.jsx)("div",{className:"IntroSection__overlay"}),(0,r.jsxs)("div",{className:a()("IntroSection__content",{"is-active":g}),ref:h,children:[m&&(0,r.jsx)("div",{className:"IntroSection__strapline",children:m}),N?(0,r.jsx)("p",{children:E}):(0,r.jsx)("h2",{children:E})]}),_&&(0,r.jsx)("div",{className:"IntroSection__mentions",children:(0,r.jsx)(o.d,{content:_})}),!!I&&(0,r.jsx)("div",{className:"IntroSection__ctaLinkContainer",children:(0,r.jsx)(u.l,{target:S?"_blank":"",variant:"cta-ghost",href:I,isInverted:!!j,children:w})}),(0,r.jsx)(v.Cq,{editContext:e})]})}})},46773(e,t,n){var r=n(71763);let i=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection);n.d(t,{},{A:()=>{let[e,t]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{t(i())},[]),(0,r.useEffect)(()=>{if(!e)return()=>{};let n=()=>t(i());return e?.addEventListener?.("change",n,{passive:!0}),()=>{e?.removeEventListener?.("change",n)}},[e,t]),(0,r.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])},l:["2g","slow-2g","3g"]})},20409(e,t,n){var r=n(71763),i=n(24948),s=n(5839);n.d(t,{},{A:e=>{let t=(0,r.useMemo)(()=>(e=>{let t="u">typeof window&&s.LO.large&&window.innerWidth>=s.LO.large,{role:n,options:r={},stayVisible:i=!0}=e;return"lazyload"===n?r.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===n?r.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===n&&(r.rootMargin="0px -10px 0px 0px"),{...r,triggerOnce:i}})(e),[e]),{ref:n,inView:a=!1,entry:o}=(0,i.Wx)(t);return{ref:n,isVisible:a,entry:o}}})},24948(e,t,n){var r,i,s=n(71763),a=Object.defineProperty,o=new Map,l=new WeakMap,c=0;function d({threshold:e,delay:t,trackVisibility:n,rootMargin:i,scrollMargin:a,root:u,triggerOnce:v,skip:f,initialInView:h,fallbackInView:g,onChange:m}={}){var p;let[x,y]=s.useState(null),b=s.useRef(m),_=s.useRef(h),[j,w]=s.useState({inView:!!h,entry:void 0});b.current=m,s.useEffect(()=>{let s;if(void 0===_.current&&(_.current=h),!f&&x)return s=function(e,t,n={},i=r){if(void 0===window.IntersectionObserver&&void 0!==i){let r=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}let{id:s,observer:a,elements:d}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var n;return`${t}_${"root"===t?!(n=e.root)?"0":(l.has(n)||(c+=1,l.set(n,c.toString())),l.get(n)):e[t]}`}).toString(),n=o.get(t);if(!n){let r,i=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var n;let s=t.isIntersecting&&r.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),[...null!=(n=i.get(t.target))?n:[]].forEac

1h(e=>{e(s,t)})})},e);r=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:s,elements:i},o.set(t,n)}return n}(n),u=d.get(e)||[];return d.has(e)||d.set(e,u),u.push(t),a.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(d.delete(e),a.unobserve(e)),0===d.size&&(a.disconnect(),o.delete(s))}}(x,(e,t)=>{let n=_.current;_.current=e,(void 0!==n||e)&&(w({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&v&&s&&(s(),s=void 0))},{root:u,rootMargin:i,scrollMargin:a,threshold:e,trackVisibility:n,delay:t},g),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,x,u,i,a,v,f,n,g,t]);let I=null==(p=j.entry)?void 0:p.target,S=s.useRef(void 0);x||!I||v||f||S.current===I||(S.current=I,w({inView:!!h,entry:void 0}),_.current=h);let N=[y,j.inView,j.entry];return N.ref=N[0],N.inView=N[1],N.entry=N[2],N}s.Component,null!=(null!=(i=s.useInsertionEffect)?i:s.useLayoutEffect)||s.useEffect,n.d(t,{Wx:()=>d})}}]);