https://en.mappy.com/assets/js/chunks/ROUTE_ITINERARY_EXPENSE_REPORT.5f536421bd40d1535227.js

1/*! For license information please see ROUTE_ITINERARY_EXPENSE_REPORT.5f536421bd40d1535227.js.LICENSE.txt */
2(self.webpackChunkweb_pwa=self.webpackChunkweb_pwa||[]).push([[6126],{16159:function(e,t,r){"use strict";r.d(t,{Oe:function(){return b},Y4:function(){return g},At:function(){return z},ih:function(){return k},tn:function(){return M},Hz:function(){return h},j$:function(){return N},B1:function(){return f}});var a=r(46942),n=r.n(a),i=r(96540),l=r(20389),s=r(42169),o=r(53363),c=r(92259),p=r(96197),u=r(63612),d={container:"MnsFf",content:"MzVrQ"},m=r(69419);const v={width:300,height:250},y={width:728,height:90},E=e=>{let{adName:t,keywordsSelector:r,placeHolder:a,className:l}=e;return(0,p.Z8)()?i.createElement("div",{className:n()(d.container,l)},i.createElement(u.Ay,{adName:t,keywordsSelector:r,className:d.content,placeHolder:a})):i.createElement(i.Fragment,null)},g=()=>i.createElement(E,{adName:"hp_banner_desktop",placeHolder:v}),b=()=>i.createElement(E,{adName:"address_rectangle_desktop",keywordsSelector:o.nq,placeHolder:v}),h=()=>i.createElement(E,{adName:"hp_itinerary_banner_desktop",placeHolder:v}),f=()=>{const e=(0,l.d4)(c.L2)===s.mf?"roadbook_routelist_rectangle_desktop":"itinerary_routelist_rectangle_desktop";return i.createElement(E,{adName:e,className:d.AdDesktopRectangleItineraryResult,keywordsSelector:o.it,placeHolder:v})},z=e=>{let{className:t}=e;return i.createElement(E,{adName:"expense_report_banner",keywordsSelector:o.it,className:t,placeHolder:y})},M=e=>{let{className:t}=e;return i.createElement(E,{adName:"expense_report_rectangle_right",keywordsSelector:o.it,className:t})},k=e=>{let{className:t}=e;return i.createElement(E,{adName:"expense_report_rectangle_left",keywordsSelector:o.it,className:t})},N=(0,m.PL)(o.H6)((()=>i.createElement(E,{adName:"poi_rectangle_desktop",keywordsSelector:o.NS,placeHolder:v})))},33802:function(e,t,r){"use strict";r.d(t,{Ay:function(){return u}}),r(74423),r(44114);var a=r(96540),n=r(20389),i=JSON.parse('{"en-GB":{"voiture":{"title":"Mappy - Plan your route with Mappy","description":"Maps, route planning and address guide services to plan your journeys on all roads in the United Kingdom and Europe"},"pieton":{"title":"Mappy - Plan your pedestrian itinerary with Mappy","description":"Maps, route planning and address guide services to plan your journeys on all roads in the United Kingdom and Europe"},"velo":{"title":"Mappy - Plan your route by bicycle with Mappy","description":"Maps, route planning and address guide services to plan your journeys on all roads in the United Kingdom and Europe"}},"fr-BE":{"voiture":{"title":"Itinéraire avec Mappy. Comparez vos itinéraires","description":"Calcul d’itinéraires pour vos déplacements avec le coût complet (carburant, péages), le temps de trajet avec le trafic en temps réel et la distance à parcourir."},"pieton":{"title":"Itinéraires piétons avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire piéton avec le temps de trajet en fonction de votre vitesse de marche et la distance à parcourir."},"velo":{"title":"Itinéraires vélos avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire vélo avec le temps de trajet et la distance à parcourir. Choisissez l’itinéraire le plus sécurisé, le plus rapide et le plus facile grâce au dénivelé de votre trajet. Les pistes cyclables sont mises à jour tous les mois sur Mappy pour rouler en toute sécurité."},"tc":{"title":"Itinéraires en transports en commun avec Mappy. Comparez vos itinéraires","description":"Sur Mappy, trouvez votre itinéraire en transports en commun le plus rapide dans les plus grandes agglomérations de France en métro, bus, tram, RER."},"train":{"title":"Itinéraires en train avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en train sur Mappy. Retrouvez les horaires et tarifs, et réservez directement votre billet sur le site ou les applications Mappy."},"autocar":{"title":"Itinéraires en bus longue distance avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en autocar sur Mappy. Retrouvez les horaires et tarifs, et réservez directement sur le site ou les applications Mappy."},"covoiturage":{"title":"Itinéraires en co-voiturage avec Mappy. Comparez vos itinéraires","de

2scription":"Calculez votre itinéraire en covoiturage sur Mappy. Retrouvez les horaires et tarifs, et réservez directement sur le site ou les applications Mappy."},"avion":{"title":"Vols en avion avec Mappy. Comparez vos itinéraires","description":"Services de plans, calcul d\'itinéraires et guide d\'adresses pour trouver votre itinéraire en avion en Belgique. Mappy vous permet de calculer votre itinéraire en avion dans les plus grandes villes de Belgique."},"motorbike":{"title":"Itinéraires en moto et en scooter avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en moto et scooter (+ ou - de 125 cm3) avec le coût complet (carburant, péages), le temps de trajet avec le trafic en temps réel et la distance à parcourir."},"trottinette":{"title":"Itinéraires en trottinette avec Mappy. Comparez vos itinéraires.","description":"Avec Mappy, calculez votre itinéraire en trottinette. Vous pourrez ainsi voir la distance, le temps de trajet, ainsi que le coût de la location chez l’un de nos partenaires."}},"fr-FR":{"voiture":{"title":"Itinéraire avec Mappy. Comparez vos itinéraires","description":"Calcul d’itinéraires pour vos déplacements avec le coût complet (carburant, péages), le temps de trajet avec le trafic en temps réel et la distance à parcourir."},"pieton":{"title":"Itinéraires piétons avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire piéton avec le temps de trajet en fonction de votre vitesse de marche et la distance à parcourir."},"velo":{"title":"Itinéraires vélos avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire vélo avec le temps de trajet et la distance à parcourir. Choisissez l’itinéraire le plus sécurisé, le plus rapide et le plus facile grâce au dénivelé de votre trajet. Les pistes cyclables sont mises à jour tous les mois sur Mappy pour rouler en toute sécurité."},"tc":{"title":"Itinéraires en transports en commun avec Mappy. Comparez vos itinéraires","description":"Sur Mappy, trouvez votre itinéraire en transports en commun le plus rapide dans les plus grandes agglomérations de France en métro, bus, tram, RER."},"train":{"title":"Itinéraires en train avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en train sur Mappy. Retrouvez les horaires et tarifs, et réservez directement votre billet sur le site ou les applications Mappy."},"autocar":{"title":"Itinéraires en bus longue distance avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en autocar sur Mappy. Retrouvez les horaires et tarifs, et réservez directement sur le site ou les applications Mappy."},"covoiturage":{"title":"Itinéraires en co-voiturage avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en covoiturage sur Mappy. Retrouvez les horaires et tarifs, et réservez directement sur le site ou les applications Mappy."},"avion":{"title":"Vols en avion avec Mappy. Comparez vos itinéraires","description":"Services de plans, calcul d\'itinéraires et guide d\'adresses pour trouver votre itinéraire en avion en France. Mappy vous permet de calculer votre itinéraire en avion dans les plus grandes villes de France."},"motorbike":{"title":"Itinéraires en moto et en scooter avec Mappy. Comparez vos itinéraires","description":"Calculez votre itinéraire en moto et scooter (+ ou - de 125 cm3) avec le coût complet (carburant, péages), le temps de trajet avec le trafic en temps réel et la distance à parcourir."},"trottinette":{"title":"Itinéraires en trottinette avec Mappy. Comparez vos itinéraires.","description":"Avec Mappy, calculez votre itinéraire en trottinette. Vous pourrez ainsi voir la distance, le temps de trajet, ainsi que le coût de la location chez l’un de nos partenaires."}},"nl-BE":{"voiture":{"title":"Routeplanner : zoek de beste route uit met Mappy.","description":"Routeberekening voor uw reizen met volledige kosten (benzine, tolkosten), reistijd met realtime verkeersinfo, en afstand tot bestemming."},"pieton":{"title":"Routeplanner voor voetgangers : zoek de beste route uit met Mappy.","description":"Bereken uw route met reistijd voglens uw lopensnelheid en afstand tot bestemming."},"velo":{"title":"Routeplanner voor fietsers : zoek de beste route uit met Mappy.","description":"Mappy fietsrouteplanner : kaartendiensten,  routevergelijker en adresgids om de beste fietsroute te uitzoeken in belgië en Europa. Met Mappy kan u uw fietsroute plannen, alsook de beschikbaarheid van fietsen in zelfbediening vinden, in de grootste steden in België, op internet, mobiel en applicaties."},"tc":{"title":"Openbaar vervoer routeplanner : zoek de beste route uit met Mappy.","description":"Vind op Mappy uw snelste route met het openbaar vervoer in de grootste steden van Frankrijk met metro, bus, tram, RER."},"train":{"title":"Trein routeplanner : zoek de beste route uit met Mappy.","description":"Bereken uw treinroute op Mappy, met dienstregelingen en prijzen, en koop uw treinkaartje direct op Mappy website of applicaties."},"autocar":{"title":"Bus routeplanner ; zoek de beste route uit met Mappy.","description":"Bereken uw busroute op Mappy, met dienstregelingen en prijzen, en koop uw buskaartje direct op Mappy website of applicaties."},"covoiturage":{"title":"Carpool routeplanner : zoek de beste route uit met Mappy.","description":"Bereken uw carpoolroute op Mappy, met dienstregelingen en prijzen, en boek uw reis direct op Mappy website of applicaties."},"avion":{"title":"Routeplanner voor vliegreizen : zoek de beste route uit met Mappy","description":"Kaartendiensten, routeberekening en adresgids om uw vliegroute te vinden in België. Met Mappy kan u uw vliegreis plannen, naar en van de grotste steden in België."},"motorbike":{"title":"Routeplanner voor motorfiets, brommer, en scooter : zoek de beste route uit met Mappy.","description":"Bereken uw motorroute (+/- 125cc) met de volledige kosten (benzine, tol), reisteid, met realtime verkeersinfo, en de afstand tot bestemming."}}}'),l=r(30535),s=r(80408),o=r(13182),c=r(61425),p=r(29176);var u=()=>{const e=(0,n.d4)(l.W8),t=(0,n.d4)(c.JV);return a.createElement(o.A,((e,t)=>

2{const{title:r,description:a}=i?.[e]?.[t]??{},n=(0,s.UC)((e=>{const t=p.bS[e],r=["itineraire"];return""!==t&&r.push(t),"/"+r.join("/")})(t));return{title:r,description:a,alternateLinkPath:n,shouldIgnoreEn:Boolean([p.MT,"avion","bus",p.XO,p.h7,"train",p.Yv].find((e=>n.includes(e))))}})(t,e))}},20629:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return V}});var a=r(42169),n=r(96540),i=r(46942),l=r.n(i),s=(r(16356),r(16159)),o="meOlH",c="oFEAJ",p="dmykY",u="EvhHd",d="vNN7I",m="xxgr2",v="zK8Zp",y=(r(18111),r(61701),r(15544)),E=r(24876),g=r(18810),b=r(20389),h=()=>{const e=(0,b.d4)(g.RE),t=(0,b.d4)(g.qu),r=(0,b.d4)(g.CC);return n.createElement("div",{className:d},n.createElement("h2",null,n.createElement(y.Ay,{id:"itinerary.expense.computed-route"})),n.createElement("div",{className:"uMPi4"},n.createElement("div",{className:l()(v,"yT7Au",o)},n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.departure"}))," ",": ",e?.label),r.map(((e,t)=>n.createElement("div",{className:l()(v,"oBxku",o),key:t},n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.step"})," ",t+1)," ",": ",e?.label))),n.createElement("div",{className:l()(v)},n.createElement("div",{className:"OMuNE"},n.createElement(E.A,null)),n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.arrival"}))," ",": ",t?.label)))},f=r(68437),z=r(96777),M=r(30535);const k=(0,z.x)(M.V5,(({roadbook:e})=>{if(!e||!e.summary)return{};const t=e.summary,r=(0,f._U)(t?.arrival_datetime),a=(0,f._U)(t?.departure_datetime);return{duration:t?.duration?.label,distance:t?.length?.label,distanceInMeter:t?.length?.value,gas:{label:t?.prices?.gas?.label,value:t?.prices?.gas?.value},toll:{label:t?.prices?.toll?.label,value:t?.prices?.toll?.value},departureTimeLabel:{day:(0,f.Yq)(a),hour:(0,f.Ln)(a)},arrivalTimeLabel:{day:(0,f.Yq)(r),hour:(0,f.Ln)(r)}}}));var N=r(93219),w=r(16578),C=r(29421),A=r(32732);var x=()=>{const{gas:e={value:0},toll:t={value:0},distanceInMeter:r}=(0,b.d4)(k),[a,i]=(0,n.useState)(0),[l,s]=(0,n.useState)(0),[o,c]=(0,n.useState)((e.value+t.value).toFixed(2));return(0,n.useEffect)((()=>{s(((e,t)=>{return(r=t,Math.round(r/100)/10*e).toFixed(2);var r})(a,r))}),[a,r]),(0,n.useEffect)((()=>{c(((e,t,r)=>(e+t+r).toFixed(2))(parseFloat(l),e?.value??0,t?.value??0))}),[l,e,t]),{compensationByKm:a,compensationTotal:l,totalAmount:o,setCompensationByKm:i}},j=()=>{const e=(0,b.d4)(M.vm),t=(0,b.d4)((0,N.YI)(e)),r=(0,b.d4)((0,N.Sb)(e)),a=(0,b.d4)(k),{compensationByKm:i,compensationTotal:s,totalAmount:o,setCompensationByKm:p}=x(),u=(0,n.useCallback)((e=>p(e.target.value)),[]);return n.createElement(n.Fragment,null,n.createElement("div",{className:d},n.createElement("h2",null,n.createElement(y.Ay,{id:"itinerary.expense.price-title"})),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.price-vehicle"}))," ",": ",t?.label),n.createElement("hr",{className:c}),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.price-fuel"}))," ",": ",r&&`${r.label} (${r.price} ${r.price_unit})`," - ",a?.gas?.label),n.createElement("hr",{className:c}),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.price-toll"}))," ",": ",a?.toll?.label),n.createElement("hr",{className:c}),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.compensation-title"})),n.createElement(A.A,{value:i,step:"0.01",onBlur:u,onChange:u}),n.createElement("span",null,"€/km"),n.createElement("span",null," (",s," €)"))),n.createElement("div",{className:l()(d,m)},n.createElement(C.Ay,{color:"green",iconId:"crayon-ios",label:"itinerary.expense.compute",onClick:w.lQ,size:"medium"})),n.createElement("div",{className:l()(d,"PhVw0")},n.createElement(y.Ay,{id:"itinerary.expense.total"})," ",o," €"))},_=r(10642),I=r(92924),S=r(69419),B=()=>{const e=(0,S.y3)(_.Tl);return n.createElement("div",{className:"B00VP"},n.createElement("img",{src:I,alt:"Mappy",width:"73",height:"17",className:"Y1XTl"}),n.createElement("h1",null,n.createElement(y.Ay,{id:"itinerary.expense.title"})),n.createElement("div",{className:l()(d,m)},n.createElement(C.Ay,{color:C.Ir,iconId:"chevron",label:"itinerary.expense.back",onClick:e,size:"medium"}),n.createElement(C.Ay,{color:"green",iconId:"print",label:"itinerary.expense.print",onClick:()=>{window.print()},size:"medium"})))},R=()=>{const e=(0,b.d4)(k);return n.createElement("div",{className:d},n.createElement("h2",null,n.createElement(y.Ay,{id:"itinerary.expense.summary-title"})),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.departure-time"}))," ",": ",e?.departureTimeLabel?.day," ",n.createElement(y.Ay,{id:"itinerary.expense.time-at"})," ",e?.departureTimeLabel?.hour),n.createElement("hr",{className:c}),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.arrival-time"}))," ",": ",e?.arrivalTimeLabel?.day," ",n.createElement(y.Ay,{id:"itinerary.expense.time-at"})," ",e?.arrivalTimeLabel?.hour),n.createElement("hr",{className:c}),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.duration"}))," ",": ",e.duration," ",n.createElement(y.Ay,{id:"itinerary.expense.duration-detail

2s"})),n.createElement("hr",{className:c}),n.createElement("div",null,n.createElement("strong",null,n.createElement(y.Ay,{id:"itinerary.expense.length"}))," ",": ",e.distance))},F=()=>{const e=(0,b.d4)(M.vm),t=(0,b.d4)((0,N.YI)(e)),r=(0,b.d4)((0,N.Sb)(e));return n.createElement("div",{className:d},n.createElement("div",null,n.createElement(y.Ay,{id:"itinerary.expense.vehicle-type"})," : ",n.createElement("strong",null,t?.label)),n.createElement("div",null,n.createElement(y.Ay,{id:"itinerary.expense.vehicle-fuel"})," : ",n.createElement("strong",null,r&&n.createElement(n.Fragment,null,r.label," (",r.price," ",r.price_unit,")"))),n.createElement("div",null,n.createElement(y.Ay,{id:"itinerary.expense.vehicle-edit"})))},L=()=>{const e=(window?.innerWidth??0)>=1368;return(0,n.useEffect)((()=>(document.body.classList.add("scrollable"),()=>document.body.classList.remove("scrollable"))),[]),n.createElement(n.Fragment,null,n.createElement("div",{className:"LE9A5"},n.createElement(B,null),n.createElement("div",{className:"jwuLE"},e&&n.createElement(s.ih,{className:l()(u,p)}),n.createElement("div",{className:"NwiuJ"},n.createElement(s.At,{className:u}),n.createElement(F,null),n.createElement("hr",null),n.createElement(h,null),n.createElement("hr",null),n.createElement(R,null),n.createElement("hr",null),n.createElement(j,null)),n.createElement(s.tn,{className:l()(u,p)}))))},T=r(33802),H=r(17154),K=r(60093),V=(0,r(35237).K)({onRouteEnter:e=>{let{params:t={},store:{dispatch:r,getState:n}}=e;const{mode:i,from:l,to:s}=t;return(0,H.ht)(n())?(0,K.EN)()(r,n):(0,w.uk)(100).then((()=>(0,_.VJ)({route:a.jK,routeOptions:{from:l,to:s,mode:i}})(r,n)))},renderPage:()=>n.createElement(n.Fragment,null,n.createElement(T.Ay,null),n.createElement(L,null))})},24876:function(e,t,r){"use strict";r.d(t,{A:function(){return o}});var a=r(96540),n=r.p+"assets/images/arrival-flag.4c0a1387970a49a96013.svg",i=({src:e,height:t,width:r})=>{if(!e||!t||!r)return a.createElement(a.Fragment,null);const n={backgroundSize:"cover",width:r+"px",height:t+"px"};return a.createElement("img",{style:n,src:e})},l=r(64068),s=r.p+"assets/images/marker-fond-gris.fe29f2309cef8b1f7cdf.png",o=({width:e=31,height:t=37})=>a.createElement("div",{className:"xFbVK",style:{width:e,height:t}},a.createElement(i,{height:t,width:e,src:s}),a.createElement("span",{className:"llAZo"},a.createElement(l.A,{url:n,ssrWhite:!0,width:"19",height:"19"})))},46942:function(e,t){var r;!function(){"use strict";var a={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=l(e,i(r)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)a.call(e,r)&&e[r]&&(t=l(t,r));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(n.default=n,e.exports=n):void 0===(r=function(){return n}.apply(t,[]))||(e.exports=r)}()}}]);
3//# sourceMappingURL=ROUTE_ITINERARY_EXPENSE_REPORT.5f536421bd40d1535227.js.map