https://www.renault.co.in/client/renault-iframe-container-7e57bfb00a7c4fdc.js

1(self.rspackChunkOne=self.rspackChunkOne||[]).push([[39962],{54502(e,t,r){"use strict";var n,l=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.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){"use strict";var n,l=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.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){"use strict";var n,l=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{d:"M15.5 20.725 6.35 12l9.15-8.725 1.38 1.45L9.245 12l7.635 7.275z"})))})},75212(e){e.exports=function(e){return null==e}},70625(e,t,r){"use strict";var n=r(91987),l=r(71763),i=r(97500),s=r.n(i),a=r(93801),o=r(54502),c=r(70385),u=r(3861),d=r(33496),h=r(40119);r.d(t,{},{u:({children:e,isInverted:t,variant:r="default"})=>{let i=(0,l.useRef)(null),[v,f]=(0,l.useState)(!1),[g,m]=(0,l.useState)(!1),p="button"===r?o.A:u.A,x="button"===r?c.A:d.A,w=(0,l.useCallback)(e=>{let t=i.current?.querySelector(".ScrollArrows__innerWraper")?.firstElementChild;if(t){let r="left"===e?-t.clientWidth/2:t.clientWidth/2;t.scrollBy({left:r,behavior:"smooth"})}},[]),b=(0,l.useCallback)(()=>w("left"),[w]),y=(0,l.useCallback)(()=>w("right"),[w]),j=(0,l.useCallback)(()=>{let e=i.current?.querySelector(".ScrollArrows__innerWraper")?.firstElementChild;if(e){let{scrollLeft:t,scrollWidth:r,clientWidth:n}=e;f(t>0),m(t+n<r-1&&r>=n)}},[]);return(0,l.useEffect)(()=>{let e=i.current?.querySelector(".ScrollArrows__innerWraper")?.firstElementChild;return e?(e.addEventListener("scroll",j),j(),()=>{e.removeEventListener("scroll",j)}):()=>{}},[j]),(0,h.A)(j),(0,n.jsxs)("div",{className:s()("ScrollArrows",{"is-inverted":t,"is-variant-button":"button"===r}),ref:i,children:[v&&(0,n.jsx)(a.R,{className:"ScrollArrows__button is-left",onClick:b,useButtonMarkup:!0,children:(0,n.jsx)(p,{className:"ScrollArrows__svg"})}),g&&(0,n.jsx)(a.R,{className:"ScrollArrows__button is-right",onClick:y,useButtonMarkup:!0,children:(0,n.jsx)(x,{className:"ScrollArrows__svg"})}),(0,n.jsx)("div",{className:"ScrollArrows__innerWraper",children:e})]})}})},63481(e,t,r){"use strict";var n=r(70625);r.d(t,{u:()=>n.u})},71217(e,t,r){"use strict";r.d(t,{tU:()=>m,av:()=>w,j7:()=>p,Xi:()=>x});var n=r(91987),l=r(71763),i=r(28145),s=r(20496),a=r(97500),o=r.n(a),c=r(63481),u=r(93196),d=r(78948),h=r(20987),v=r(55397),f=r(5839);let g=(0,l.createContext)({onClick:()=>{}}),m=(0,s.Ng)(({app:e})=>({threshold:e.threshold||f.qN}))(({children:e,defaultValue:t,onChange:r,variant:s="horizontal",isInverted:a,tracking:c,size:u="medium",threshold:h,alignment:m})=>{let[p,x]=(0,l.useState)(t),w=(0,l.useRef)(null),b=(0,l.useRef)(!1),{hash:y}=(0,i.zy)(),j=h===f.qN||"medium"===h;(0,l.useEffect)(()=>{b.current&&("large"!==h||"large"===h&&"left"===m)&&w.current?.scrollIntoView({block:"nearest",inline:"start"})},[p,h,m]),(0,v.A)(()=>{b.current=!0});let k=(0,l.useCallback)((e,t)=>{p!==e&&(r?.(e),x(e),(0,d.d)({event:c?.event??"toggle",toggleType:c?.type??"tab-selector",toggleValue:t??e,toggleName:c?.name??""}))},[p,r,c]),_=(0,l.useMemo)(()=>({currentValue:p,setCurrentValue:x,hash:y,isInverted:a,onClick:k,activeTabsTriggerRef:w,alignment:m,variant:s,isMobile:j}),[m,p,y,k,a,j,s]);return(0,n.jsx)(g.Provider,{value:_,children:(0,n.jsx)("div",{className:o()("Tabs",{"is-small":"small"===u,"is-inverted":a,"is-vertical":"vertical"===s&&!j,"is-horizontal-pills":"horizontal-pills"===s}),children:e})})}),p=({children:e})=>{let{alignment:t,isInverted:r,variant:i,isMobile:s}=(0,l.useContext)(g),a=(0,l.useRef)(null),u=(0,l.useCallback)(e=>{let t=a.current?.querySelectorAll('[role="tab"]');if(!t||0===t.length)return;let r=Array.from(t),n=r.findIndex(e=>e===document.activeElement);if(-1===n)return;let l=null;"ArrowRight"===e.key||"ArrowDown"===e.key?l=(n+1)%r.length:"ArrowLeft"===e.key||"ArrowUp"===e.key?l=(n-1+r.length)%r.length:"Home"===e.key?l=0:"End"===e.key&&(l=r.length-1),null!==l&&(e.preventDefault(),r[l].focus(),r[l].click())},[]);return(0,n.jsxs)("div",{className:"Tabs__listWrapper",children:["vertical"===i&&!s&&e,("vertical"!==i||s)&&(0,n.jsx)(c.u,{isInverted:r,children:(0,n.jsx)("ul",{className:o()("Tabs__list",{"is-left":"left"===t,"is-center":"center"===t}),ref:a,role:"tablist",onKeyDown:u,children:e})})]})},x=({children:e,isNew:t,anchor:r,value:i,notGenerateH:s=!0,editContext:a})=>

1{let{currentValue:c,onClick:d,activeTabsTriggerRef:v,hash:f,setCurrentValue:m}=(0,l.useContext)(g);(0,h.A)(()=>{f===`#${r??""}`&&m&&m(i)});let p=c===i;return(0,n.jsxs)("li",{className:o()("Tabs__trigger",{"is-active":p,"is-new":t}),role:"tab","aria-controls":i,onClick:()=>d(i,"string"==typeof e?e:void 0),id:r,ref:p?v:void 0,"aria-selected":p,tabIndex:p?0:-1,children:[(0,n.jsx)(s?"span":"h2",{className:"Tabs__triggerTitle",children:e}),(0,n.jsx)(u.Cq,{editContext:a})]},i)},w=({children:e,value:t})=>{let{currentValue:r}=(0,l.useContext)(g),i=r===t;return(0,n.jsx)("div",{className:o()("Tabs__content",{"is-active":i}),role:"tabpanel",id:t,tabIndex:0,children:e},t)}},35626(e,t,r){"use strict";r.r(t),r.d(t,{default:()=>S});var n=r(91987),l=r(71763),i=r(20496),s=r(97500),a=r.n(s),o=r(53572),c=r.n(o),u=r(89502),d=r(61124),h=r(71217),v=r(93196),f=r(32464),g=r(20409),m=r(84759),p=r(38337),x=r(48412),w=r(75212),b=r.n(w),y=r(83680),j=r(90939),k=r(57592);let _="rlinkStore",C=(0,i.Ng)(({page:{data:e},vehicle:{currentVehicle:t},profile:{accountId:r}})=>({locale:e.siteParams?.locale,country:e.siteParams?.country?.toUpperCase(),currentVehicle:t,accountId:r}))(({accountId:e,country:t,currentVehicle:r,locale:i,editContext:s,errorMessage:o,minimumHeight:c,scriptUrl:u,type:h,backgroundColorWhite:f,url:g=""})=>{let m,[w,C]=(0,l.useState)(!1),[A,E]=(0,l.useState)(!0),[S,I]=(0,l.useState)(c),[N,O]=(0,l.useState)(""),R=(0,l.useRef)(null),$=(0,l.useRef)(null),B=(0,l.useRef)(null),T=(0,l.useRef)(!1),P=()=>{T.current&&E(!0),B.current=setTimeout(()=>{T.current&&E(!1)},3e4)},V=()=>{T.current&&E(!1),B.current&&clearTimeout(B.current)},M=(0,l.useCallback)(async()=>{if(!r)return;let n=(0,j.A)("/wired/commerce/v1/accounts/{accountId}/rlink/token?vin={vin}&country={country}&locale={locale}",{accountId:e,vin:r.vin||"",country:t,locale:i});try{let{data:{token:e}}=await x.A.post(n);return e}catch(e){C(!0),V();return}},[e,t,r,i]),z=(0,l.useCallback)(({data:e,origin:t})=>{if(!(0>g.indexOf(t)))try{let t=JSON.parse(e);if(t?.type==="resize"){let e=t?.height;e&&(I(e),h===_&&e>500&&V())}}catch(e){console.error(e)}},[g,h]),F=(0,l.useCallback)(async()=>{let e=await M();e&&O(e)},[M]),L=(0,l.useCallback)(async(e,t)=>{let n=e?.vin,l=r?.vin,i=t!==g;r&&(n!==l||i)&&(C(!1),P(),await F())},[r,F,g]);(0,l.useEffect)(()=>(T.current=!0,(async()=>{h===_&&(P(),await F())})(),window.addEventListener&&window.addEventListener("message",z,!1),()=>{T.current=!1,$.current&&($.current=null),B.current&&clearTimeout(B.current),window.removeEventListener("message",z,!1)}),[z,h,F]),(0,l.useEffect)(()=>{(async()=>{h===_&&await L(r,g)})()},[r,h,g,L]);let q=h===_?N&&`${g}?token=${N}`:g;return b()(S)||(m={minHeight:`${S||0}px`}),(0,n.jsx)(d.G,{variant:f?"extended-bg-alternative":void 0,padding:"no-padding",children:(0,n.jsx)("div",{className:a()("IFrame__container",{IFrame__container_rlink:h===_}),children:!(0,v.Q)(s)&&q&&(w?(0,n.jsx)("p",{className:"IFrame__error",children:o}):(0,n.jsxs)(l.Fragment,{children:[h===_&&A&&(0,n.jsx)(y.l,{label:(0,p.kH)("wording.loader"),size:"medium"}),(0,n.jsx)("iframe",{className:"IFrame",ref:R,title:"IFrame",src:q,onLoad:()=>{h===_&&V(),u&&(0,k.lF)(u,!0,()=>{},e=>{console.error(e)})},onError:()=>{C(!0),h===_&&V()},style:m})]}))})})}),A=(0,i.Ng)(({page:e,vehicle:t,app:r})=>({iframePage:e.location.queryParams.iframePage,queryParams:e.location.queryParams,dealerId:e.data.dealerParams?.data.dealerId,brand:e.data.siteParams?.brand,currentVehicle:t.currentVehicle,consent:r.consent,isBrowserEngine:r.isBrowserEngine})),E="/vendor/iframe.redirect.html",S=A(({navigation:e,type:t,url:r="",errorMessage:i,backgroundColorWhite:s=!1,editContext:o,minimumHeight:x,scriptUrl:w,forwardParams:b,currentVehicle:y,iframePage:j,queryParams:k={},consent:_,isBrowserEngine:A,dealerId:S,brand:I,alternativeMode:N})=>{let O,R,[$,B]=(0,l.useState)(0),{ref:T,isVisible:P}=(0,g.A)({role:"lazyload"}),V=e=>{e&&B(parseInt(e))};if((0,v.Q)(o))return(0,n.jsx)(d.G,{children:(0,n.jsx)("div",{className:"IFrameContainer",ref:T,children:(0,n.jsx)(v.Cq,{editContext:o,displayEditionZone:!0,editMeText:"Edit Iframe component, use 'View as Published' to see the content"})})});if(!A)return(0,n.jsx)("div",{ref:T});let M=(0,f.tP)(e);try{if(M.length&&j){let e=M[0],t=new URL(e.storeUrl);t&&(e.storeUrl=`${t.origin}/${j}${t.search}`)}}catch(e){}let z=M.map((e,t)=>({text:e.ctaText,value:t.toString()})),F=`${window.location.origin}${window.location.pathname}`,L=b?(0,m.sB)(M[$]?.storeUrl??r,(R=c()(k),b&&"sas"===t&&!R.next&&(R.next=(0,m.sB)(`${window.location.origin}${E}`,{redirectTo:F})),b&&"sas"===t&&R.next&&(R.next=(0,m.sB)(`${window.location.origin}${E}`,{redirectTo:R.next})),_&&(b||"sas"===t)&&(R.consent=_),R)):M[$]?.storeUrl??(()=>{switch(t){case"sas":return(0,m.sB)(r,{next:(0,m.sB)(`${window.location.origin}${E}`,{redirectTo:window.location.href})});case"nciUrl":return(0,m.sB)(r,{dealerId:S,brand:I});default:return r}})(),q="rlinkStore"!==t||!!y||(0,v.Q)(o);return s&&(O="extended-bg-alternative"),N&&(O="extended-bg-inverted"),(0,n.jsx)(d.G,{variant:O,children:(0,n.jsxs)("div",{className:a()("IFrameContainer"),ref:T,children:[Object.keys(e||{}).length>1&&q&&(0,n.jsxs)("div",{className:"IFrameContainer__navigation",children:[(0,n.jsx)("div",{className:"IFrameContainer__select",children:(0,n.jsx)(u.l,{options:z,value:$.toString(),onChange:V,placeholder:(0,p.kH)("wording.select.placeholder")})}),(0,n.jsx)("div",{className:"IFrameContainer__tabs",children:(0,n.jsx)(h.tU,{defaultValue:$.toString(),onChange:V,children:(0,n.jsx)(h.j7,{children:M.map((e,t)=>(0,n.jsx)(h.Xi,{value:t.toString(),children:e.ctaText},t))},$)})})]}),P&&(0,n.jsx)(C,{url:L,minimumHeight:x,errorMessage:i,type:t,scriptUrl:w})]})})})},55397(e,t,r){"use strict";var n=r(71763),l=r(20496);r.d(t,{},{A:e=>{let t=(0,l.d4)(e=>e.app.isBrowserEngine||!1);(0,n.useEffect)(()=>{t&&e()},[t])}})},20409(e,t,r){"use strict";var n=r(71763),l=r(24948),i=r(5839);r.d(t,{},{A:e=>{let t=(0,n.useMemo)(()=>(e=>{let t="u">typeof window&&i.LO.large&&window.innerWidth>=i.LO.large,{role:r,options:n={},stayVisible:l=!0}=e;return"lazyload"===r?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:l}})(e),[e]),{ref:r,inView:s=!1,entry:a}=(0,l.Wx)(t);return{ref:r,isVisible:s,entry:a}}})},24948(e,t,r){"use strict";var n,l,i=r(71763),s=Object.defineProperty,a=new Map,o=new WeakMap,c=0;function u({threshold:e,delay:t,trackVisibility:r,rootMargin:l,scrollMargin:s,root:d,triggerOnce:h,skip:v,initialInView:f,fallbackInView:g,onChange:m}={}){var p;let[x,w]=i.useState(null),b=i.useRef(m),y=i.useRef(f),[j,k]=i.useState({inView:!!f,entry:void 0});b.current=m,i.useEffect(()=>{let i;if(void 0===y.current&&(y.current=f),!v&&x)return i=function(e,t,r={},l=n){if(void 0===window.IntersectionObserver&&void 0!==l){let n=e.getBoundingClientRect();return t(l,{isIntersecting:l,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}

1),()=>{}}let{id:i,observer:s,elements:u}=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":(o.has(r)||(c+=1,o.set(r,c.toString())),o.get(r)):e[t]}`}).toString(),r=a.get(t);if(!r){let n,l=new Map,i=new IntersectionObserver(t=>{t.forEach(t=>{var r;let i=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),[...null!=(r=l.get(t.target))?r:[]].forEach(e=>{e(i,t)})})},e);n=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:i,elements:l},a.set(t,r)}return r}(r),d=u.get(e)||[];return u.has(e)||u.set(e,d),d.push(t),s.observe(e),function(){d.splice(d.indexOf(t),1),0===d.length&&(u.delete(e),s.unobserve(e)),0===u.size&&(s.disconnect(),a.delete(i))}}(x,(e,t)=>{let r=y.current;y.current=e,(void 0!==r||e)&&(k({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&h&&i&&(i(),i=void 0))},{root:d,rootMargin:l,scrollMargin:s,threshold:e,trackVisibility:r,delay:t},g),()=>{i&&i()}},[Array.isArray(e)?e.toString():e,x,d,l,s,h,v,r,g,t]);let _=null==(p=j.entry)?void 0:p.target,C=i.useRef(void 0);x||!_||h||v||C.current===_||(C.current=_,k({inView:!!f,entry:void 0}),y.current=f);let A=[w,j.inView,j.entry];return A.ref=A[0],A.inView=A[1],A.entry=A[2],A}i.Component,null!=(null!=(l=i.useInsertionEffect)?l:i.useLayoutEffect)||i.useEffect,r.d(t,{Wx:()=>u})}}]);