https://www.vinci-autoroutes.com/component---src-pages-fr-autoroutes-temps-reel-js-30301f718e8b9f781208.js

1(self.webpackChunkva_v2=self.webpackChunkva_v2||[]).push([[9628],{2963:function(e,t,a){"use strict";var r,l=a(96540),n=["title","titleId"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},i.apply(null,arguments)}t.A=function(e){var t=e.title,a=e.titleId,s=function(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)a=n[r],-1===t.indexOf(a)&&{}.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,n);return l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:14,height:5,viewBox:"0 0 14 5","aria-labelledby":a},s),t?l.createElement("title",{id:a},t):null,r||(r=l.createElement("path",{fill:"#FFF",fillRule:"evenodd",d:"m10 0 3.636 2.5L10 5V3H0V2h10z"})))}},16677:function(e,t,a){"use strict";a.r(t),a.d(t,{Head:function(){return qe},default:function(){return Ke}});var r=a(75276),l=a(96540),n=a(63679),i=a(46942),s=a.n(i),o=a(9886),c=a(62006),u=a(36016),m=a(73517),d=a(16443),p=a(48728),f=a(61235),g=a(23395),v=a(81782),y=a(47653),b=a(59741),h=a(74614),E=a(99887),x=a(91587),w=a(54506),N=a(98587),O=a(19220),k=a(64810),I=a(5588),S=a(229),j=a(53530),A=a(41394),P=a(90211),B=a(85351),R=a(50991),C=a(66683),L=a(10062),_=a(32261),D=a(62708),T=a(96645),z=a(6255),V=a(34753),U=a(74514);const F=["state"],G=["className"];var M;const H=n.default.ul.withConfig({displayName:"RadioStreamsSelect__Ul",componentId:"sc-h5iwzj-0"})(['padding:0;list-style:"none";overflow-y:scroll;max-height:400px;']),X=n.default.li.withConfig({displayName:"RadioStreamsSelect__Li",componentId:"sc-h5iwzj-1"})(["cursor:pointer;&{border-top:solid 1px rgba(15,70,100,0.12);","}"],(0,o.Bi)(M||(M=(0,r.A)(["border-top: 1px solid var(--color-lightGrey);"])))),q=n.default.button.withConfig({displayName:"RadioStreamsSelect__StyledButton",componentId:"sc-h5iwzj-2"})(["font-size:16px;border-radius:3px;border:solid 2px var(--color-duskBlue);color:var(--color-duskBlue);background-color:var(--color-white);"]),K=n.default.span.withConfig({displayName:"RadioStreamsSelect__LabelButton",componentId:"sc-h5iwzj-3"})([""]),W=e=>{let{state:t}=e,a=(0,N.A)(e,F);const r=(0,l.useRef)(),{listBoxProps:n}=(0,B.X)(a,t,r);return l.createElement(H,Object.assign({},n,{ref:r}),(0,w.A)(t.collection).map((e=>l.createElement(J,{key:e.key,item:e,state:t}))))},J=e=>{let{item:t,state:a,className:r}=e;const n=(0,l.useRef)(),{optionProps:i,isSelected:o}=(0,R.x)({key:t.key},a,n),{isFocusVisible:c,focusProps:u}=(0,C.o)();return l.createElement(X,Object.assign({className:s()(r,{"is-selected":o,"is-focus-visible":c})},(0,L.v)(i,u),{ref:n}),t.rendered)};var Y=e=>{let{className:t}=e,a=(0,N.A)(e,G);const r=(0,z.n)(a),n=(0,l.useRef)(),{triggerProps:i,valueProps:s,menuProps:o}=(0,_.W)(a,r,n),{buttonProps:c}=(0,T.s)(i,n),u=r.selectedKey?a.items.filter((e=>e.name===r.selectedKey)).shift():null;return l.createElement("div",{className:t},l.createElement(D.H,{state:r,triggerRef:n,label:a.label,name:a.name}),l.createElement("div",{className:"px-6"},l.createElement(q,Object.assign({},c,{className:"lg:display-none flex w-full items-center px-3 py-4 text-left",ref:n}),l.createElement(K,Object.assign({className:"w-full"},s),r.selectedItem?u.title:"Sélectionnez votre région"),r.isOpen?l.createElement(U.A,null):l.createElement(V.A,null))),r.isOpen&&l.createElement("div",{className:"px-6 lg:px-0"},l.createElement(W,Object.assign({},o,{state:r}))))},Q=a(60036),Z=a(48753);const $=["className"];var ee;const te=n.default.ul.withConfig({displayName:"RadioStreamsListBox__Ul",componentId:"sc-1eoq3uo-0"})(['padding:0;list-style:"none";overflow-y:scroll;max-height:400px;']),ae=n.default.li.withConfig({displayName:"RadioStreamsListBox__Li",componentId:"sc-1eoq3uo-1"})(["cursor:pointer;&{border-top:solid 1px rgba(15,70,100,0.12);","}",""],(0,o.Bi)(ee||(ee=(0,r.A)(["border-top: 1px solid var(--color-lightGrey);"]))),Z.oY),re=e=>{let{item:t,state:a,className:r}=e;const n=(0,l.useRef)(),{optionProps:i,isSelected:o}=(0,R.x)({key:t.key},a,n),{isFocusVisible:c,focusProps:u}=(0,C.o)();return l.createElement(ae,Object.assign({className:s()(r,{"is-selected":o,"is-focus-visible":c})},(0,L.v)(i,u),{ref:n}),t.rendered)};var le=e=>{let{className:t}=e,a=(0,N.A)(e,$);const r=(0,Q.p)(a),n=(0,l.useRef)(),{listBoxProps:i}=(0,B.X)(a,r,n);return l.createElement(te,Object.assign({className:t},i,{ref:n}),(0,w.A)(r.collection).map((e=>l.createElement(re,{key:e.key,item:e,state:r}))))};const ne=["tag","stream"];var ie=(0,n.default)((e=>{const{tag:t="div",stream:a}=e,r=(0,N.A)(e,ne),{title:n,description:i}=a;return l.createElement(t,r,l.createElement("div",null,l.createElement("p",{className:"font-bold"},n),l.createElement("div",null,i)))})).withConfig({displayName:"RadioStream",componentId:"sc-1ppdhn1-0"})(["display:flex;align-items:center;height:100px;color:var(--color-grey);"]),se=a(74726),oe=a(40839),ce=a(67783);var ue,me=a(93803),de=a(36226),pe=a(84020),fe=["title","titleId"];function ge(){return ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},ge.apply(null,arguments)}var ve,ye=function(e){var t=e.title,a=e.titleId,r=function(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)a=n[r],-1===t.indexOf(a)&&{}.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,fe);return l.createElement("svg",ge({xmlns:"http://www.w3.org/2000/svg",width:9,height:10,"aria-labelledby":a},r),t?l.createElement("title",{id:a},t):null,ue||(ue=l.createElement("path",{fill:"#2A508F",fillRule:"evenodd",d:"M0 0v10l8.78-5z"})))},be=["title","titleId"];function he(){return he=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},he.apply(null,arguments)}var Ee=function(e){var t=e.title,a=e.titleId,r=function(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)a=n[r],-1===t.indexOf(a)&&{}.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,be);return l.createElement("svg",he({xmlns:"http://www.w3.org/2000/svg",width:9.9,height:12,viewBox:"0 0 338 410","aria-labelledby":a},r),t?l.createElement("title",{id:a},t):null,ve||(ve=l.createElement("path",{fill:"#2A508F",d:"M169 410q-46 0-84-23-39-23-61-62-23-39-23-85v-22h48v24q0 51 35 86 35 34 86 34 32 0 60-16 27-17 43-44t16-59q0-51-34-86-35-35-86-35v72L73 98l96-96v72q47 0 85 22 38 23 61 62 22 38 22 84 0 47-22 84-22 39-61 62-40 22-85 22"})))},xe=a(67463);const we=["className"];var Ne,Oe,ke,Ie;const Se=(0,n.default)(j.K0).withConfig({displayName:"RadioStreamsPlayer__DefaultButton",componentId:"sc-fp7786-0"})(["cursor:pointer;color:var(--color-duskBlue);height:40px;border-radius:3px;border:solid 2px var(--color-duskBlue);padding:0 10px;.accessible &{color:var(--color-darkBlueAccessible);border-color:var(--color-darkBlueAccessible);

1&:not(.playing){svg{path{fill:var(--color-darkBlueAccessible);}}}}&.playing{color:var(--color-white);background:var(--color-duskBlue);}.accessible &.playing{background:var(--color-darkBlueAccessible);}"]),je=(0,n.default)(Se).withConfig({displayName:"RadioStreamsPlayer__LiveButton",componentId:"sc-fp7786-1"})([""]),Ae=(0,n.default)(Se).withConfig({displayName:"RadioStreamsPlayer__BreakingNewsButton",componentId:"sc-fp7786-2"})([""]),Pe=n.default.div.withConfig({displayName:"RadioStreamsPlayer__ProgressBarPlaceholder",componentId:"sc-fp7786-3"})(["color:var(--color-duskBlue);"]),Be=n.default.div.withConfig({displayName:"RadioStreamsPlayer__Player",componentId:"sc-fp7786-4"})(["background-color:var(--color-lightGrey);min-height:140px;"," .accessible &{","{color:var(--color-darkBlueAccessible);}}"],(0,o.Bi)(Ne||(Ne=(0,r.A)(["bottom: 0; position: absolute;"]))),Pe),Re=n.default.div.withConfig({displayName:"RadioStreamsPlayer__SelectWrapper",componentId:"sc-fp7786-5"})(["",""],(0,o.Bi)(Oe||(Oe=(0,r.A)(["\n    border-top: 1px solid var(--color-lightGrey);\n    border-bottom: 1px solid var(--color-lightGrey);\n    border-left: 1px solid var(--color-lightGrey);\n    .accessible & {\n      border-color: var(--color-darkBlueAccessible);\n    }\n  "])))),Ce=n.default.div.withConfig({displayName:"RadioStreamsPlayer__RadioStreamsSection",componentId:"sc-fp7786-6"})(["margin-left:-15px;margin-right:-15px;background-color:var(--color-lightGrey);",""],(0,o.Bi)(ke||(ke=(0,r.A)(["\n    margin-left: auto;\n    margin-right: auto;\n    background-color: var(--color-white);\n    max-height: 648px;\n    height: 648px;\n    overflow-y: hidden;\n    ",":hover {\n      background: var(--color-lightGrey);\n      p {\n        text-decoration: underline;\n      }\n    }\n    .is-selected "," {\n      background: var(--color-duskBlue);\n      color: var(--color-white);\n      p {\n        text-decoration: none;\n      }\n    }\n    &.accessible .is-selected "," {\n      background: var(--color-darkBlueAccessible);\n    }\n  "])),ie,ie,ie)),Le=(0,n.default)(v.V).withConfig({displayName:"RadioStreamsPlayer__StyledMarkup",componentId:"sc-fp7786-7"})(["font-weight:bold;font-size:18px;"]),_e=n.default.div.withConfig({displayName:"RadioStreamsPlayer__ErrorMsg",componentId:"sc-fp7786-8"})(["font-size:14px;background:#aa0000;line-height:normal;color:var(--color-white);","{color:var(--color-white);text-decoration:underline;}",""],S.A,(0,o.Bi)(Ie||(Ie=(0,r.A)(["bottom: 140px; position: absolute;"]))));var De=e=>{let{className:t}=e,a=(0,N.A)(e,we);const{image:r}=(0,k.GR)("1941210403"),n=(0,l.useRef)(),i=(0,l.useRef)([]),{accessibility:{accessible:o}}=(0,me.W)(),{0:c,1:u}=(0,l.useState)({playing:!1,currentTime:0,duration:null,volume:1,volumeOnMute:0,error:!1,replayDataUrl:null,replayLoading:!1,replayStartDate:null}),{setPlayer:m}=(0,oe.j)(),f=(0,l.useCallback)((()=>{m((e=>Object.assign({},e,{audio:Object.assign({},e.audio,{playing:!1,open:!1,error:!1}),video:Object.assign({},e.video,{playing:!1})})))}),[m]),{radioStreams:g,radioStreamReplay:v}=(()=>{var e,t,a,r;const l=(0,k.GR)("2277054151"),n=null!==(e=null==l||null===(t=l.config)||void 0===t||null===(a=t.radios)||void 0===a?void 0:a.map((e=>{let{entity:t}=e;return t})))&&void 0!==e?e:[],i=null==l||null===(r=l.config)||void 0===r?void 0:r.radioStreamReplay;if(0===n.length)return{radioStreams:O.dX,radioStreamReplay:i};const s=O.aj.reduce(((e,t)=>Object.assign({},e,{[t.id]:t})),{});return{radioStreams:n.filter((e=>s[e.id])).map((e=>Object.assign({},s[e.id],{title:e.title,description:e.subtitle||""}))),radioStreamReplay:i}})(),{playerVolume:y,volume:b,mute:h}=(0,se.Xu)({"aria-controls":"radiostream-player-audio"}),{playerProgressBar:E,setCurrentTime:x,setDuration:j,setLoading:B}=(0,se.Tc)({"aria-controls":"radiostream-player-audio",onChange:e=>{n.current&&(n.current.currentTime=e)}}),{0:R,1:C}=(0,l.useState)(null),L=e=>{u((e=>Object.assign({},e,{playing:!1,replayDataUrl:null,replayLoading:!1,error:!1}))),B(!1),x(0),j(null);const t="object"==typeof e?(0,w.A)(e).shift():e;C(t)},_=R?g.filter((e=>e.name===R)).shift():null,D=(0,l.useCallback)((()=>{u((e=>Object.assign({},e,{playing:!!e.replayDataUrl||!e.playing,currentTime:0,replayDataUrl:null,replayStartDate:null,replayLoading:!1}))),B(!1)}),[B]),T=(0,l.useCallback)((()=>{c.replayDataUrl?u((e=>Object.assign({},e,{playing:!e.playing}))):u((e=>Object.assign({}

1,e,{playing:!1,currentTime:0,duration:null,error:!1,replayLoading:!0})))}),[c.replayDataUrl]);(0,l.useEffect)((()=>{n.current&&(c.playing?n.current.paused&&n.current.play():n.current.paused||n.current.pause())}),[c.playing]),(0,l.useEffect)((()=>{n.current&&(n.current.volume=b**2)}),[b]),(0,l.useEffect)((()=>{const e=()=>{n.current&&(x(0),j(n.current.duration))},t=()=>{n.current&&c.playing&&n.current.play(),f()},a=()=>{u((e=>Object.assign({},e,{playing:!0,error:!1})))},r=()=>{u((e=>Object.assign({},e,{playing:!1})))},l=()=>{u((e=>Object.assign({},e,{error:!0})))},i=()=>{n.current&&x(n.current.currentTime)},s=()=>{x(n.current.currentTime?n.current.currentTime:0)};if(_){const o=n.current;return n.current&&(o.addEventListener("loadedmetadata",e,!1),o.addEventListener("error",l,!1),o.addEventListener("playing",a,!1),o.addEventListener("pause",r,!1),o.addEventListener("canplay",t,!1),o.addEventListener("timeupdate",i,!1),o.addEventListener("seeked",s,!1)),()=>{o&&(o.removeEventListener("loadedmetadata",e),o.removeEventListener("error",l),o.removeEventListener("playing",a),o.removeEventListener("pause",r),o.removeEventListener("canplay",t),o.removeEventListener("timeupdate",i),o.removeEventListener("seeked",s))}}}),[c.playing,_,x,j,f]),(0,l.useEffect)((()=>{const e=e=>{const t=n.current.duration&&n.current.duration!==1/0;"k"===e.key&&D(),"K"===e.key&&T(),"j"===e.key&&t&&n.current&&n.current.currentTime>10&&(n.current.currentTime-=10),"l"===e.key&&t&&n.current&&n.current.currentTime+10<n.current.duration&&(n.current.currentTime+=10),"m"===e.key&&h()};return null!=_&&_.id&&document.addEventListener("keypress",e),()=>{document.removeEventListener("keypress",e)}}),[_,c.duration,h,D,T]),(0,l.useEffect)((()=>{i.current.length>0&&(i.current.forEach((e=>{e()})),i.current=[]);const e=[];if(null!=_&&_.id&&c.replayLoading){B(!0);const{promise:t,cancel:a}=(0,de.A)(fetch(O.wX+"/RadioStreams/"+_.id+"/podcasts?includeLivePodcasts=true"));e.push(a),i.current.push(a),t.then((e=>e.json())).then((t=>{const a=t.shift();if(a.id)if("Completed"===a.state){const{promise:t,cancel:r}=(0,de.A)(fetch(O.wX+"/Podcasts/"+a.id+"/content"));e.push(r),i.current.push(r),t.then((e=>e.blob())).then((e=>{const t=new FileReader;t.readAsDataURL(e),t.onload=e=>{u((t=>Object.assign({},t,{playing:!0,replayDataUrl:e.target.result,replayStartDate:a.startDate,replayLoading:!1}))),B(!1)}})).catch((()=>{u((e=>Object.assign({},e,{error:!0,replayLoading:!1}))),B(!1)}))}else u((e=>Object.assign({},e,{playing:!0,replayDataUrl:O.wX+"/Podcasts/"+a.id+"/content",replayStartDate:a.startDate,replayLoading:!1}))),B(!1)})).catch((()=>{u((e=>Object.assign({},e,{error:!0,replayLoading:!1}))),B(!1)}))}return()=>{e.forEach((e=>{e()}))}}),[c.replayLoading,_,B]);const z=c.replayDataUrl?c.replayDataUrl:_?_.url:null,V=_?(c.replayDataUrl?"Flash info du "+(0,P.G)((0,A.H)(c.replayStartDate),"dd MMMM yyyy à hh:mm")+" - ":"")+"Radio VINCI Autoroutes "+_.title:null;return l.createElement(Ce,Object.assign({className:s()(t,{accessible:o})},a),l.createElement(d.f,{noGutters:!0},l.createElement(p.f,{xs:12,lg:6,noGutters:!0},l.createElement(Re,{className:"h-full pt-6 pb-6 lg:pb-0"},l.createElement("div",{className:"px-6 lg:px-8"},l.createElement(Le,{html:"Sélectionnez votre région pour écouter Radio VINCI Autoroutes en direct",className:"mt-4 mb-4 lg:mb-8",id:"list-box-title"})),l.createElement(le,{items:g,selectionMode:"single",disallowEmptySelection:!0,selectedKeys:R?new Set([R]):null,onSelectionChange:L,className:"display-none lg:block","aria-labelledby":"list-box-title"},(e=>l.createElement(ce.q,{key:e.name,textValue:e.title},l.createElement(ie,{stream:e,className:"lg:px-8"})))),l.createElement(Y,{className:"lg:display-none",items:g,selectedKey:R,onSelectionChange:L,label:"Choisissez une région"},(e=>l.createElement(ce.q,{key:e.name,textValue:e.title},l.createElement(ie,{stream:e,className:"lg:px-8"})))))),l.createElement(p.f,{xs:12,lg:6,className:"relative text-center lg:text-left",noGutters:!0},l.createElement(I.G,{className:"display-none h-full lg:block",image:r.childImageSharp.image,alt:"Écouter votre dernier flash d'information trafic","aria-hidden":"true"}),c.error&&l.createElement(_e,{role:"alert","aria-describedby":"radiostreams-player-alert-text",className:"mb-6 flex items-center px-6 py-2 lg:mb-0"},l.createElement(xe.A,null),l.createElement("span",{className:"ml-2",id:"radiostreams-player-alert-text"},"Une erreur est survenue. Retrouvez la radio de votre région sur"," ",l.createElement(S.A,{href:"https://radio.vinci-autoroutes.com/"},"Radio VINCI AUTOROUTES"))),_&&l.createElement(Be,{className:s()("w-full px-6 pb-5 lg:pt-5",{playing:c.playing})},l.createElement("audio",{id:"radiostream-player-audio",src:z,preload:"auto",ref:n,title:V,"aria-label":V}),l.createElement("div",{className:"mb-4 flex w-full justify-between"},l.createElement("div",{className:"flex"},l.createElement(je,{className:s()("mr-2",{playing:!c.replayDataUrl&&c.playing}),onPress:D,"aria-controls":"radiostream-player-audio","aria-label":!c.replayDataUrl&&c.playing?"Pause (k)":"Écouter le direct (k)"},!c.replayDataUrl&&c.playing?l.createElement(pe.A,{"aria-hidden":"true",focusable:"false"}):l.createElement(ye,{"aria-hidden":"true",focusable:"false"}),l.createElement("span",{className:"ml-2"},"Direct")),v&&l.createElement(Ae,{className:s()("mr-2",{playing:c.replayDataUrl&&c.playing}),"aria-controls":"radiostream-player-audio","aria-label":"Écouter le dernier Flash info (SHIFT+k)",onPress:T},c.replayDataUrl&&c.playing?l.createElement(pe.A,{"aria-hidden":"true",focusable:"false"}):l.createElement(Ee,{"aria-hidden":"true",focusable:"false"}),l.createElement("span",{className:"ml-2"},"Flash Info"))),l.createElement("div",{className:"self-end"}

1,y)),E))))},Te=a(84569),ze=a(83634),Ve=a(74744);const Ue=e=>{if("undefined"!=typeof window){const t=document.getElementById(e);t&&(window.scrollTo({behavior:"smooth",top:window.scrollY+t.getBoundingClientRect().top-100}),t.focus())}};var Fe,Ge,Me=a(42406);const He=(0,n.default)(m.m).withConfig({displayName:"autoroutes-temps-reel__StyledContainer",componentId:"sc-z1cto8-0"})(["",""],(0,o.LJ)(Fe||(Fe=(0,r.A)(["padding: 0;"])))),Xe=(0,n.default)(Te.tV).withConfig({displayName:"autoroutes-temps-reel__StyledAccessibilitySwitch",componentId:"sc-z1cto8-1"})(["bottom:-32px;right:50%;transform:translateX(50%);",""],(0,o.Lr)(Ge||(Ge=(0,r.A)(["right: 0;transform: none;"])))),qe=e=>{let{location:t,data:a}=e;const{content:r}=a,{metatag:n}=r,i=(0,Ve.getMetatags)(n,"title"),s=(0,Ve.getMetatags)(n,"description"),o=[(0,Me.ge)(i,t.pathname,s),(0,Me.jh)(i,"Map","Real-time traffic conditions"),(0,Me.H_)()];return l.createElement(u.g,{title:i,description:s,image:a.hero.childImageSharp.og.images.fallback.src,location:t,ldJson:o})};var Ke=e=>{let{data:t}=e;const{accessibility:a}=(0,me.W)(),{content:r}=t,{introduction:n,videoTitle:i,videoIntroduction:o,videos:u,advertisement:w}=r;return l.createElement(c.A,{accessibility:a},l.createElement(f.W,{bg:{xs:t.hero.childImageSharp.xs,lg:t.hero.childImageSharp.lg},bgFilter:null!=a&&a.accessible?"linear-gradient(#2A508FDB, #2A508FDB)":null,title:"Info Trafic",subTitle:"Vos conditions de circulation et l’information trafic en direct"},l.createElement(Xe,{className:"absolute"})),!a.accessible&&l.createElement(x.y0,{id:"traffic-map",moduleType:"RealTime",className:"pt-12 md:pt-6"}),l.createElement(m.m,{className:"lg:max-w-[992px]"},!a.accessible&&(null==n?void 0:n.processed)&&l.createElement("section",{className:"pt-12 md:pt-20"},l.createElement(v.V,{className:"mt-6",html:n.processed})),a.accessible&&l.createElement("section",{className:"pt-12 md:pt-20"},l.createElement(v.V,{className:s()({"mt-6":!a.accessible}),html:"<p>Retrouvez votre info trafic en temps réel, les prévisions trafic et les travaux en cours sur le réseau VINCI Autoroutes et toutes les autoroutes de France, en version accessible.</p>"})),a.accessible&&l.createElement(x.W8,{className:"mt-8"}),l.createElement("section",{id:"twitter",className:"mt-12 md:mt-20","aria-label":"L’info trafic VINCI Autoroutes, en direct sur X, ex-Twitter"},l.createElement(g.H2,{className:"text-duskBlue font-bold font-stretch-ultra-condensed"},"L’info trafic VINCI Autoroutes, en direct sur X, ex-Twitter"),a.accessible&&l.createElement(Te.iC,null,l.createElement(Te.iC.Button,{onPress:()=>Ue("traffic-info-toc")},"Retour au sommaire"),l.createElement(Te.iC.Button,{onPress:()=>Ue("flash-info")},"section suivante")),l.createElement(E.mS,{className:"mt-8"})),l.createElement("section",{id:"flash-info",className:"mt-12 md:mt-20"},l.createElement(g.H2,{className:"text-duskBlue font-bold font-stretch-ultra-condensed"},"Les flashs info trafic de Radio VINCI Autoroutes"),a.accessible&&l.createElement(Te.iC,null,l.createElement(Te.iC.Button,{onPress:()=>Ue("traffic-info-toc")},"Retour au sommaire"),l.createElement(Te.iC.Button,{onPress:()=>Ue("traffic-map")},"section suivante")),l.createElement(v.V,{className:"mt-6",html:"<p>Le 107.7 diffuse un flash d'info trafic toutes les 15 minutes et interrompt ses programmes pour vous informer de tout événement sur votre trajet.</p>"}),l.createElement(De,{className:"mt-6 md:mt-8"}))),l.createElement(He,null,w&&l.createElement("section",{className:"pt-12 md:pt-20"},l.createElement(b.i,{advertisement:w.entity}))),l.createElement(m.m,{className:"lg:max-w-[992px]"},(i||o||(null==u?void 0:u.length)>0)&&l.createElement("section",{className:"pt-12 md:pt-20"},i&&l.createElement(g.H2,{className:"text-duskBlue font-bold font-stretch-ultra-condensed"},i),o&&l.createElement(v.V,{className:"mt-6 md:mt-8",html:o.processed}),(null==u?void 0:u.length)>0&&l.createElement(d.f,{className:"mt-6 md:mt-8"},u.map(((e,t)=>{let{entity:a}=e;return l.createElement(p.f,{className:"mt-4",key:t,xs:12,lg:0===t?12:6},l.createElement(y.A,{url:a.fieldMediaOembedVideo}))}))))),a.accessible&&l.createElement("section",{id:"traffic-map",className:"mt-12 md:mt-20"},l.createElement(m.m,{className:"lg:max-w-[992px]"},l.createElement(g.H2,{className:"text-duskBlue font-bold font-stretch-ultra-condensed"},"La carte du trafic autoroutier en direct"),a.accessible&&l.createElement(Te.iC,null,l.createElement(Te.iC.Button,{onPress:()=>Ue("traffic-info-toc")},"Retour au sommaire"))),l.createElement(x.y0,{moduleType:"RealTime",className:"mt-8 pt-12 md:pt-6"})),l.createElement(x.U3,{id:"travaux",className:"pt-12 pb-0 md:pt-20 md:pb-20",title:"Info travaux",de

1scription:'<p>Toute l’année, nous réalisons des travaux d’aménagement et d’entretien sur le réseau VINCI Autoroutes pour améliorer vos <a href="/fr/autoroutes-temps-reel/">conditions de circulation</a>, votre sécurité et vos services sur les aires et les autoroutes. Sélectionnez l’autoroute que vous empruntez régulièrement et retrouvez les travaux à venir pour préparer votre trajet en toute sérénité. Vous pouvez également retrouver l’ensemble des travaux qui ont lieu actuellement sur le réseau VINCI Autoroutes sur notre <a href="/fr/mon-trajet/?filter-status=1&traffic-info=travaux">carte itinéraire et services</a>.</p>'}),l.createElement(h.A,{accessible:a.accessible}),l.createElement(ze.A,null),l.createElement(Te.XQ,{shortcuts:[{title:"Radio VINCI Autoroutes",shortcuts:[{label:"Lecture/Pause du Direct",shortcut:"k"},{label:"Lecture/Pause du Flash Info",shortcut:"SHIFT+k"},{label:"Revenir en arrière de 10s sur le Flash Info",shortcut:"j"},{label:"Avancer de 10s sur le Flash Info",shortcut:"l"},{label:"Activer/Désactiver le son",shortcut:"m"}]}],keyboardToggle:!0}))}},34753:function(e,t,a){"use strict";var r,l=a(96540),n=["title","titleId"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},i.apply(null,arguments)}t.A=function(e){var t=e.title,a=e.titleId,s=function(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)a=n[r],-1===t.indexOf(a)&&{}.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,n);return l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:8,height:7,viewBox:"0 0 8 7","aria-labelledby":a},s),t?l.createElement("title",{id:a},t):null,r||(r=l.createElement("path",{fill:"#2A508F",fillRule:"evenodd",d:"M3.75 6.563 7.5 0H0z"})))}},59741:function(e,t,a){"use strict";a.d(t,{i:function(){return f}});var r=a(98587),l=a(96540),n=a(46942),i=a.n(n),s=a(79072),o=a(229),c=a(11886),u=a(5588),m=a(14150),d=a(68557);const p=["className","advertisement"];var f=e=>{let{className:t,advertisement:a}=e,n=(0,r.A)(e,p);const f=(0,m.D)(),{mainImage:g,mainImageV:v,title:y,link:b,isTextual:h}=a,E=(0,u.w)(v.entity.fieldImage.imgproxyImage.image,[{media:"(min-width: "+f.md+")",image:g.entity.fieldImage.imgproxyImage.image}]),x=()=>(0,d.t5)({advertisement:a}),w=g.entity.fieldImage.imgproxyImage.image,N=v.entity.fieldImage.imgproxyImage.image;return h?l.createElement(c.o,Object.assign({className:i()("relative px-8 h-[750px] flex flex-col items-center justify-start w-[375px] md:w-full md:items-start md:justify-center pl-[120px]",t),image:E,alt:y},n),l.createElement("p",{className:"mt-15 mb-8 max-w-[282px] text-center text-4xl font-medium text-white font-stretch-ultra-condensed md:mt-0 md:max-w-[350px] md:text-center"},l.createElement(o.A,{className:"stretched-link",href:b.url,onClick:x},y)),b.title&&l.createElement(s.A,{href:b.url,color:"blue-gradient",className:"size-xs",onClick:x},l.createElement("span",null,b.title))):l.createElement(o.A,Object.assign({href:b.url,onClick:x,className:"block h-full"},n),l.createElement(u.G,{className:"md:display-none",image:N,alt:y}),l.createElement(u.G,{className:"display-none h-full md:block",image:w,alt:y}))}},74614:function(e,t,a){"use strict";var r=a(98587),l=a(96540),n=a(19220),i=a(46942),s=a.n(i),o=a(79072),c=a(13436);const u=["className","accessible"];t.A=e=>{let{className:t,accessible:a}=e,i=(0,r.A)(e,u);const m="Profiter du télépéage";return l.createElement("div",Object.assign({className:s()("subscribe-section flex h-[272px] flex-col items-center justify-evenly px-10 text-center md:h-[135px] md:flex-row md:justify-center md:px-0",a?"bg-darkBlueAccessible":"bg-extraDarkBlue",t)},i),l.createElement("p",{className:"text-3xl text-white font-stretch-ultra-condensed"},"Une nouvelle route commence avec Ulys"),l.createElement(o.A,{href:n.Kx,className:"icon ml-0 md:ml-4",color:a?"accessible-white":"light-orange","aria-label":m},l.createElement(c.A,{"aria-hidden":"true",focusable:"false",className:a?"fill-black":null}),l.createElement("span",null,m)))}},74716:function(e,t,a){"use strict";a.d(t,{H1:function(){return o}});var r=a(98587),l=a(96540),n=a(46942),i=a.n(n);const s=["children","className"];var o=e=>{let{children:t,className:a}=e,n=(0,r.A)(e,s);return l.createElement("h1",Object.assign({className:i()("font-black tracking-[-1.04px] md:text-[65px]",a)},n),t)}},74744:function(e){e.exports={getMetatags:function(e,t,a){if(void 0===a&&(a=""),e&&e.length)for(var r=0;r<e.length;r++)if(e[r].key===t&&e[r].value)return e[r].value;return a}}},83634:function(e,t,a){"use strict";var r=a(96540),l=a(19220);t.A=()=>((0,r.useEffect)((()=>{(()=>{const e="iadvize-sdk-component";if(document.getElementById(e))return null;const t=document.createElement("script");t.id=e,t.type="text/javascript",t.async=!0,t.src=document.location.protocol+"//halc.iadvize.com/iadvize.js?sid="+l.ks;const a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(t,a)})()}),[]),null)},84020:function(e,t,a){"use strict";var r,l=a(96540),n=["title","titleId"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},i.apply(null,arguments)}t.A=function(e){var t=e.title,a=e.titleId,s=function(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)a=n[r],-1===t.indexOf(a)&&{}.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,n);return l.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:9,height:10,viewBox:"0 0 9 10","aria-labelledby":a},s),t?l.createElement("title",{id:a},t):null,r||(r=l.createElement("path",{fill:"#fff",d:"M0 0h3v10H0zm6 0h3v10H6z"})))}}}]);