https://mywheels.nl/static/js/web-pages-mijn-ritten-TripsPage.6bddc218.chunk.js

1"use strict";(this.__LOADABLE_LOADED_CHUNKS__=this.__LOADABLE_LOADED_CHUNKS__||[]).push([[9656],{7407:(e,t,r)=>{r.d(t,{Y:()=>u,Z:()=>x});var n=r(5553),s=r(28833),a=r(42600),i=r(68099),l=r(86581),c=r(86675),o=r(17383),d=r(9887),m=r(84663),h=r(31085),u=(0,i.Rr)((e=>{var t=e.booking,r=e.to,i=e.me,u=(0,s.Bd)().t,x=(0,o.Ye)(),j=(0,a.mx)(t),p=(0,a.Rm)(t).time,b=(0,a.rs)(t).tripReallyEnded,v="number"==typeof(null==t?void 0:t.dischargingTime),g=(0,l.L)(),f=u(v?"Ontladen rit":"cancelled"===j?"Geannuleerde rit":b?"Voltooide rit":"Geplande rit"),N={firstName:t.person.firstName||void 0,email:t.person.email||void 0},O=[];return"pay"===j&&"future"===p?O.push((0,h.jsxs)(n.N_,{className:"actionbtn actionbtn-green",to:x.ReservationPayment.url({bookingId:t.id}),children:["achteraf"===g.getAfterPayExperimentActivated()?u("Bevestig"):u("Betaal rit"),(0,h.jsx)(c.G,{})]},"pay_and_future")):"current"===p?O.push((0,h.jsxs)(n.N_,{className:"actionbtn actionbtn-green",to:x.Trip.url({bookingId:t.id}),children:[u("Naar rit"),(0,h.jsx)(c.G,{})]},"current")):O.push((0,h.jsxs)(n.N_,{className:"actionbtn",to:x.Trip.url({bookingId:t.id}),children:[u("Bekijk rit"),(0,h.jsx)(c.G,{})]},"other")),(0,h.jsx)(h.Fragment,{children:(0,h.jsxs)(m.K,{title:(0,h.jsx)("div",{className:"text-sm font-display text-gray leading-none",children:f}),resource:t.resource,to:r,style:"cancelled"===j?{opacity:.6}:void 0,reservedBy:t.person.id===i.id?void 0:N,children:[(0,h.jsx)("div",{className:"mt-2",children:(0,h.jsx)(d.vB,{timeFrame:(0,a.Q_)(t)})}),O&&(0,h.jsx)("div",{style:{position:"absolute",bottom:8,right:0},children:O})]})})})),x=m.z},84663:(e,t,r)=>{r.d(t,{K:()=>p,z:()=>b});var n=r(99870),s=r.n(n),a=r(5553),i=r(42600),l=r(28833),c=r(60546),o=r(45344),d=r(24175),m=r(60991),h=r(20936),u=r(6472),x=r(88099),j=r(31085);function p(e){var t=e.title,r=e.resource,n=e.to,u=e.children,p=e.style,b=e.className,v=e.reservedBy,g=(0,l.Bd)().t;return(0,j.jsxs)("div",{className:s()("row mb-6",b),style:p,children:[(0,j.jsx)("div",{className:"col-12 sm:col-5 xl:col-4",children:(0,j.jsx)(h.h,{to:n,style:{backgroundImage:`url("${"https://prod-api.mywheels.nl"}/${(0,i.Qg)(r)||""}")`},children:(0,i.eg)(r)&&(0,j.jsx)(h.k,{label:g("Nieuw")})})}),(0,j.jsx)("div",{className:"mt-3 sm:mt-0 col-12 sm:col-7 xl:col-8",children:(0,j.jsxs)("div",{className:"py-2 relative",children:[!!t&&(0,j.jsx)("div",{children:t}),(0,j.jsx)("div",{className:"float-right",children:(0,j.jsx)(d.t,{resource:r})}),(0,j.jsxs)("div",{className:"font-display text-lg",children:[(0,j.jsxs)(a.N_,{to:n,className:"text-blue hover:underline",children:[r.location,(0,c.P)(" ",r.streetNumber),(0,j.jsx)(o.F,{lat:r.latitude,lng:r.longitude,format:e=>` (${e})`})]}),r.fuelType===i.vx.Electric&&(0,j.jsx)(x.H,{size:16,className:"ml-3 text-green",style:{marginBottom:"3px"}})]}),v&&(0,j.jsxs)("small",{children:[g("Reservering van")," ",(0,j.jsx)("strong",{children:v.firstName})," (",v.email,")"]}),(0,j.jsx)(m.o,{className:"mb-1",resource:r,mini:!0}),u]})})]})}function b(){return(0,j.jsxs)("div",{className:"row mb-6",children:[(0,j.jsx)("div",{className:"col-12 sm:col-5 xl:col-4",children:(0,j.jsx)(h.h,{})}),(0,j.jsx)("div",{className:"col-12 sm:col-7 xl:col-8",children:(0,j.jsxs)("div",{className:"py-2 relative",children:[(0,j.jsx)("div",{className:"my-1",children:(0,j.jsx)(u.E.Line,{chars:40})}),(0,j.jsx)("div",{className:"my-1",children:(0,j.jsx)(u.E.Line,{chars:25})}),(0,j.jsx)("div",{className:"mt-3",children:(0,j.jsx)(u.E.Line,{chars:15})}),(0,j.jsx)("div",{children:(0,j.jsx)(u.E.Line,{chars:15})})]})})]})}},39193:(e,t,r)=>{r.r(t),r.d(t,{default:()=>Y});var n=r(54705),s=r(47075),a=r(99870),i=r.n(a),l=r(14041),c=r(93285),o=r(17994),d=r(5553),m=r(21515),h=r(42600),u=r(58731),x=r(28871),j=r(98158);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){(0,j.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEac

1h((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function v(e){var t=[];return e.streetNumber?t.push(`${e.location} ${e.streetNumber}`):t.push(e.location),t.push(e.city),t.push("Nederland"),t.join(", ")}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,j.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=(0,u.uA)(x.H,x.$.GetBookingList,{disallowBatching:!0,keepPreviousData:!0,post:function(e){var t=e.total>e.offset+e.limit;return f(f({},e),{},{results:e.results.map((e=>{return f(f({},e),{},{resource:(t=e.resource,b(b({},t),{},{uiSettings:(0,h.UN)(t),departLocation:{prediction:v(t),coordinate:{latitude:t.latitude,longitude:t.longitude},isValidAddress:!0}}))});var t})),hasMore:t})}}),O=r(28833),y=r(24434),A=r(86675),P=r(31085);function _(e){var t=e.currentPage,r=e.hasMore,n=e.onSelect,s=(0,O.Bd)().t;return r||0!==t?(0,P.jsxs)("p",{className:"text-center",children:[t>0&&(0,P.jsxs)(M,{variation:"outline",step:t-1,onSelect:n,children:[(0,P.jsx)(A.f,{}),s("Vorige pagina")]}),r&&(0,P.jsxs)(M,{variation:"fill",step:t+1,onSelect:n,children:[s("Volgende pagina"),(0,P.jsx)(A.G,{})]})]}):null}function M(e){var t=e.step,r=e.onSelect,n=e.children,s=e.variation;return(0,P.jsx)("button",{type:"button",className:i()("mx-2 btn","fill"===s?"btn-blue":"btn-outline-blue"),onClick:()=>{null==r||r(t)},children:n})}var w=r(17383),k=r(12270),E=r(46186),D=r(66269),R=r(13497),T=r(7407),B=r(64531);function F(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Y=function(e){var t,r=e.me,n=(0,O.Bd)("page:Trips").t,a=(0,w.Ye)(),u=(0,B.Q)(),x=(0,s.A)(u,3),j=x[0],p=j.maand,b=j.geannuleerd,v=j.gezinsleden,g=j.pagina,f=x[1],A=x[2],M={startDate:(0,m.A)(p,R.A.FORMAT).startOf("month").format(h.$F),endDate:(0,m.A)(p,R.A.FORMAT).endOf("month").format(h.$F)},F={limit:20,offset:20*g,person:r.id,cancelled:b,extraDrivers:v,asc:!1,timeFrame:M},Y=N(F,{getNextPageParam(e){if(e.hasMore)return S(S({},F),{},{offset:e.offset+e.limit})}}),L=Y.data,C=Y.hasNextPage,z=null==L||null===(t=L.pages)||void 0===t?void 0:t.flatMap((e=>e.results)),$=(0,l.useRef)(Math.random()).current,G=(0,m.A)(p,R.A.FORMAT),H=(0,y.e)(),I=(0,s.A)(H,2),K=I[0],V=I[1];return(0,P.jsx)(k.eq,{reactToSearchChange:!0,children:(0,P.jsxs)("div",{className:"mb-7",children:[(0,P.jsx)(c.A,{children:(0,P.jsx)("title",{children:n("Ritten")})}),(0,P.jsx)("div",{className:"container",children:(0,P.jsxs)("div",{className:"row",children:[(0,P.jsxs)("div",{className:"col-12 md:col-4 xl:col-3",children:[(0,P.jsx)("div",{className:"mt-4 md:mt-7 whitespace-nowrap",children:(0,P.jsx)(d.N_,{className:"breadcrumb",to:a.Dashboard.url(),children:n("Dashboard")})}),(0,P.jsx)("h1",{className:"mb-6",children:n("Ritten")}),(0,P.jsxs)("div",{className:"flex mb-4",children:[(0,P.jsxs)("div",{className:"mb-0 grow",children:[(0,P.jsxs)("label",{className:"block mb-2",children:[n("Maand:")," ",(0,P.jsx)("span",{className:"font-semibold text-black",children:G.format("MMMM YYYY")})," ",(0,m.A)().format(R.A.FORMAT)!==p&&(0,P.jsx)(d.N_,{to:{search:A({pagina:0,maand:void 0})},className:"text-sm ml-2 font-display text-muted underline",children:n("heden")})]}),(0,P.jsxs)("div",{className:"-m-1",children:[(0,P.jsxs)(d.N_,{className:"m-1 btn text-gray700 text-sm",to:{search:A({pagina:0,maand:G.add(-1,"month").format(R.A.FORMAT)})},children:[(0,P.jsx)(o.m6W,{size:24}),G.add(-1,"month").format("MMM 'YY")]}),(0,P.jsxs)(d.N_,{className:"m-1 btn text-gray700 text-sm",to:{search:A({pagina:0,maand:G.add(1,"month").format(R.A.FORMAT)})},children:[G.add(1,"month").format("MMM 'YY"),(0,P.jsx)(o.OQo,{size:24})]})]})]}),(0,P.jsx)("div",{className:"md:hidden",children:(0,P.jsx)("button",{type:"button",className:i()("iconbtn",K&&"is-active"),onClick:V,children:(0,P.jsx)(o.KbB,{size:24})})})]}),(0,P.jsxs)(E.$U,{greaterThanOrEqual:K?"xs":"md",className:"mt-5 md:mt-0",children:[(0,P.jsxs)("div",{className:"flex md:flex-col mb-4",children:[(0,P.jsx)("label",{htmlFor:"cancelled_"+$,className:"order-1 mb-0 ml-3 md:order-0 md:mb-2 md:ml-0",children:n("Toon geannuleerde ritten")}),(0,P.jsx)(D.d,{containerClassName:"order-0 md:order-1",id:"cancelled_"+$,checked:b,onChange:()=>{f({geannuleerd:!b,pagina:0})}})]}),!(null!=r&&r.company)&&(0,P.jsxs)("div",{className:"flex md:flex-col mb-4",children:[(0,P.jsx)("label",{htmlFor:"otherOnContract_"+$,className:"order-1 mb-0 ml-3 md:order-0 md:mb-2 md:ml-0",children:n("Toon ritten van gezinsleden")}),(0,P.jsx)(D.d,{containerClassName:"order-0 md:order-1",id:"otherOnContract_"+$,checked:v,onChange:()=>{f({gezinsleden:!v,pagina:0})}})]})]})]}),(0,P.jsx)("div",{className:"xl:col-1"}),(0,P.jsx)("div",{className:"col-12 md:col-8",children:(0,P.jsx)("div",{className:"mt-5 md:mt-10",children:z?0===z.length?(0,P.jsx)("div",{className:"p-8",children:(0,P.jsx)("p",{className:"mb-0 text-center font-display text-cool text-xl",children:n("Je hebt geen ritten gemaakt in deze maand")})}):(0,P.jsxs)("div",{children:[z.map((e=>(0,P.jsx)(T.Y,{booking:e,to:{pathname:a.Trip.url({bookingId:e.id}),search:A({})}},e.id))),(0,P.jsx)(_,{currentPage:g,hasMore:C,onSelect:e=>f({pagina:e})})]}):[0,1,2].map((e=>(0,P.jsx)(T.Z,{},e)))})})]})})]})})}},64531:(e,t,r)=>{r.d(t,{Q:()=>o});var n=r(47075),s=r(21515),a=r(83358),i=r(68099),l=r(13497),c={maand:l.A,geannuleerd:a.sJ,gezinsleden:a.sJ,pagina:a.hc};function o(){var e=(0,i.yj)().data,t=(0,a.sq)(c),r=(0,n.A)(t,3),o=r[0],d=r[1],m=r[2],h=o.maand,u=void 0===h?(0,s.A)().format(l.A.FORMAT):h,x=o.geannuleerd,j=void 0!==x&&x,p=o.gezinsleden,b=void 0===p?Boolean(null==e?void 0:e.isBusinessConnected):p,v=o.pagina;return[{maand:u,geannuleerd:j,gezinsleden:b,pagina:void 0===v?0:v},d,m]}},6472:(e,t,r)=>{r.d(t,{E:()=>l});var n=r(99870),s=r.n(n);const a="PFG5NsCHMYPKSadCMY-ibw==";var i=r(31085),l={Line:function(e){var t=e.chars,r=void 0===t?20:t;return(0,i.jsx)("div",{className:s()(a,"inline-block h-[1em] min-w-[10rem] max-w-[80%]"),style:{width:.45*r+"rem"}})},Block:function(){return(0,i.jsx)("div",{className:a,style:{height:"10rem"}})},Sentence:function(){return(0,i.jsx)("div",{className:s()(a,"inline-block h-[1em]"),style:{width:"100%"}})}}},13497:(e,t,r)=>{r.d(t,{A:()=>s});var n=r(21515),s={encode:e=>e,decode(e){if(e){var t=(0,n.A)(e,s.FORMAT,!0);return t.isValid()?t.format(s.FORMAT):void 0}},FORMAT:"MM-YYYY"}}}]);
2//# sourceMappingURL=web-pages-mijn-ritten-TripsPage.6bddc218.chunk.js.map