https://oslobysykkel.no/_next/static/chunks/pages/profile.trips-b827eb4dcac2d66f3ddb.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[69],{O3pi:function(e,t,n){"use strict";n.r(t);var r=n("vJKn"),i=n.n(r),a=n("rg98"),s=n("nKUr"),d=n("YquM"),c=n("cpVT"),l=n("q1tI"),o=n.n(l),u=n("kriW"),j=n("7++0"),b=n("QfuG"),p=n("bgFo"),O=n("mrSG"),m=n("ReSq"),v=function(e){var t=e.size,n=void 0===t?24:t,r=Object(O.__rest)(e,["size"]);return o.a.createElement(m.a,Object(O.__assign)({fill:"currentColor",viewBox:"0 0 24 25",size:n},r),o.a.createElement("path",{fill:"currentColor",d:"M1 20.709h22a1 1 0 100-2H1a1 1 0 100 2zM18 11.459a1 1 0 112 0v4.5a1 1 0 11-2 0v-4.5zM13 6.958a1 1 0 112 0v9a1 1 0 11-2 0v-9zM8.5 12.959a1 1 0 112 0v3a1 1 0 11-2 0v-3zM4 10.959a1 1 0 112 0v5a1 1 0 11-2 0v-5z"}))},f=n("y2dz"),g=n("+TN3"),x=n("oNsa"),h=n("/Tr7"),k=n("jIYg");function y(e,t){Object(k.a)(2,arguments);var n=Object(h.a)(e),r=Object(h.a)(t);return n.getFullYear()===r.getFullYear()&&n.getMonth()===r.getMonth()}var M=n("4+6U"),N=n("NFPu"),P=n("AgUR");function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){Object(c.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"tripsQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"options"}},type:{kind:"NamedType",name:{kind:"Name",value:"QueryOptions"}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"trips"},arguments:[{kind:"Argument",name:{kind:"Name",value:"options"},value:{kind:"Variable",name:{kind:"Name",value:"options"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"startedAt"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"state"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"endedAt"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"duration"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"distance"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"userRating"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"startDock"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"dockGroup"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"endDock"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"dockGroup"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"personalSummary"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"numberOfTrips"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"stationsVisited"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:445,source:{body:"\n  query tripsQuery($options: QueryOptions) {\n    trips(options: $options) {\n      id\n      startedAt\n      state\n      endedAt\n      duration\n      distance\n      userRating\n      startDock {\n        id\n        dockGroup {\n          id\n          title\n        }\n      }\n      endDock {\n        id\n        dockGroup {\n          id\n          title\n        }\n      }\n    }\n    personalSummary {\n      numberOfTrips\n      stationsVisited\n    }\n  }\n",name:"GraphQL request",locationOffset:{line:1,column:1}}}},D=function(e){var t=e.textId,n=e.textDefaultMessage,r=e.value,i=e.icon,a=e.containerProps,d=void 0===a?{}:a;return Object(s.jsxs)(p.t,_(_({flexDirection:"column",alignItems:"center"},d),{},{children:[Object(s.jsx)(p.mb,{mb:1,children:Object(s.jsx)(u.a,{id:t,defaultMessage:n})}

1),Object(s.jsxs)(p.t,{alignItems:"center",children:[i,Object(s.jsx)(p.mb,{children:r})]})]}))},F=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return{options:{order:"asc",orderBy:"startedAt",perPage:25,page:e,showDeleted:!1}}},C=function(){var e,t,n=Object(g.f)(w,{ssr:!1,variables:F()}),r=n.data,i=n.loading,a=n.refetch,d=Object(l.useMemo)((function(){var e;return null!==r&&void 0!==r&&null!==(e=r.trips)&&void 0!==e&&e.length?r.trips.filter(Boolean):[]}),[null===r||void 0===r?void 0:r.trips]),c=(null===r||void 0===r||null===(e=r.personalSummary)||void 0===e?void 0:e.stationsVisited)||0,o=(null===r||void 0===r||null===(t=r.personalSummary)||void 0===t?void 0:t.numberOfTrips)||0,O=Boolean(o),m=Object(N.b)({perPage:25}),h=m.page,k=m.openPrevPage,S=m.openNextPage,_=m.offset,C=i||1===h,A=i||_+25>o,T=o>25,U=Object(l.useRef)(null);return Object(l.useEffect)((function(){var e;a(F(h)),null===U||void 0===U||null===(e=U.current)||void 0===e||e.focus()}),[h]),Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)(p.B,{textAlign:"center",children:Object(s.jsx)(u.a,{id:"trip_history",defaultMessage:"Trip history"})}),i&&Object(s.jsx)(p.Y,{justifyContent:"center"}),!i&&Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)(x.a,{}),!O&&Object(s.jsx)(p.a,{variant:"info",children:Object(s.jsx)(u.a,{id:"modules.Profile.Trips.noTrips",defaultMessage:"Your trips will show up here"})}),Object(s.jsx)("div",{ref:U,tabIndex:0}),O&&Object(s.jsxs)(p.f,{children:[Object(s.jsxs)(p.t,{justifyContent:"center",mb:5,children:[Object(s.jsx)(D,{textId:"total_trips",textDefaultMessage:"Total trips",value:o,icon:Object(s.jsx)(v,{size:25,mr:3,color:"primary"})}),Object(s.jsx)(D,{textId:"stations_visited",textDefaultMessage:"Stations visited",value:c,icon:Object(s.jsx)(f.a,{size:17,mr:3,color:"primary"}),containerProps:{ml:50}})]}),Object(s.jsx)(b.a,{mb:1,children:Object(s.jsxs)(p.kb,{"data-testid":"Trips__Table",variant:"simple",children:[Object(s.jsx)("thead",{children:Object(s.jsxs)(p.pb,{children:[Object(s.jsx)(p.nb,{}),Object(s.jsx)(p.nb,{children:Object(s.jsx)(u.a,{id:"date",defaultMessage:"Date"})}),Object(s.jsx)(p.nb,{children:Object(s.jsx)(u.a,{id:"start",defaultMessage:"Start"})}),Object(s.jsx)(p.nb,{children:Object(s.jsx)(u.a,{id:"end",defaultMessage:"End"})}),Object(s.jsx)(p.nb,{children:Object(s.jsx)(u.a,{id:"duration",defaultMessage:"Duration"})}),Object(s.jsx)(p.nb,{children:Object(s.jsx)(u.a,{id:"distance",defaultMessage:"Distance"})}),Object(s.jsx)(p.nb,{children:Object(s.jsx)(u.a,{id:"TripDetails.tripRating",defaultMessage:"Rating"})})]})}),Object(s.jsx)("tbody",{children:d.map((function(e,t){var n,r,i,a,c=d[t-1];return Object(s.jsxs)(l.Fragment,{children:[e.startedAt&&(!(null!==c&&void 0!==c&&c.startedAt)||!y(Object(M.a)(e.startedAt),Object(M.a)(c.startedAt)))&&Object(s.jsxs)(p.pb,{children:[Object(s.jsx)(p.lb,{}),Object(s.jsx)(p.lb,{colSpan:6,children:Object(s.jsx)(p.mb,{small:!0,bold:!0,children:Object(s.jsx)(j.a,{value:e.startedAt,month:"long",year:"numeric"})})})]}),Object(s.jsxs)(p.pb,{children:[Object(s.jsx)(p.lb,{style:{width:"44px",paddingRight:0,verticalAlign:"middle"},children:Object(s.jsx)(p.V,{route:"profile.trips.trip",params:{tripId:e.id},passHref:!0,children:Object(s.jsx)(p.b,{children:Object(s.jsx)(P.c,{state:e.state,"data-testid":"Trips__Table__Row__".concat(e.id,"__Icon")})})})}),Object(s.jsx)(p.lb,{children:Object(s.jsx)(p.V,{route:"profile.trips.trip",params:{tripId:e.id},passHref:!0,children:Object(s.jsx)(p.b,{children:Object(s.jsx)(P.e,{startedAt:e.startedAt})})})}),Object(s.jsx)(p.lb,{children:Object(s.jsx)(P.f,{date:e.startedAt,title:null===(n=e.startDock)||void 0===n||null===(r=n.dockGroup)||void 0===r?void 0:r.title})}),Object(s.jsx)(p.lb,{children:Object(s.jsx)(P.f,{date:e.endedAt,title:null===(i=e.endDock)||void 0===i||null===(a=i.dockGroup)||void 0===a?void 0:a.title})}),Object(s.jsx)(p.lb,{verticalAlign:"center",children:Object(s.jsx)(P.b,{duration:e.duration})}),Object(s.jsx)(p.lb,{verticalAlign:"center",children:Object(s.jsx)(P.a,{distance:e.distance})}),Object(s.jsx)(p.lb,{verticalAlign:"middle",children:Object(s.jsx)(P.d,{userRating:e.userRating})})]})]},e.id)}))})]})}),T&&Object(s.jsx)(N.a,{page:h,onPrevClick:k,isPrevDisabled:C,onNextClick:S,isNextDisabled:A,buttonGroupProps:{style:{marginTop:"1em"}}})]})]})]})},A=n("H8l1"),T=n("n8X0"),U=function(e){var t=e.url,n=e.statusCode;return Object(s.jsx)(d.a,{statusCode:n,url:t,children:function(){return Object(s.jsx)(C,{})}})};U.getInitialProps=function(){var e=Object(a.a)(i.a.mark((function e(t){var n,r,a;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.apolloClient.query({query:A.e});case 2:return r=e.sent,null!==(n=r.data)&&void 0!==n&&n.profilePage||(

1a=404,t.res&&(t.res.statusCode=a)),e.abrupt("return",{statusCode:a});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();t.default=Object(T.a)(U)},UzPM:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n("nKUr"),i=n("kriW");function a(e){var t=e.displayBrand,n=e.last4;return Object(r.jsx)(i.a,{id:"modules.BuyProduct.SummaryStep.creditCardMessageWithType",defaultMessage:"We will charge your {creditCardType}, ending with {creditCardMasked}.",values:{creditCardType:t,creditCardMasked:n}})}},XU08:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile.trips",function(){return n("O3pi")}])},oNsa:function(e,t,n){"use strict";n.d(t,"a",(function(){return M}));var r=n("nKUr"),i=n("cpVT"),a=n("xvhg"),s=n("q1tI"),d=n("7lAM"),c=n("pZLH"),l=n("+TN3"),o=n("7++0"),u=n("dDsW"),j=n("kriW"),b=n("KZbe"),p=n("bgFo"),O=n("nocy"),m=n("Nd01"),v=n("UzPM"),f=n("ZtS/"),g=n("E89n"),x=n("gq1t");function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){Object(i.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=Object(o.d)({id:"unpaid_orders.paid_off_successfully",defaultMessage:"Unpaid invoices have been paid"}),M=function(e){var t=e.pollInterval,n=void 0===t?1e3:t,i=Object(u.a)(),o=Object(x.d)().addToast,h=Object(d.b)().currentUser,M=Object(f.a)().unpaidOrders,N=Object(s.useState)({loading:!1,timedOut:!1,retries:0}),P=N[0],S=N[1],_=Object(c.a)(g.b),w=Object(a.a)(_,2),D=w[0],F=w[1],C=F.error,A=F.loading,T=F.data,U=Object(l.f)(g.a,{skip:!T,notifyOnNetworkStatusChange:!0,fetchPolicy:"network-only",onError:function(){S({loading:!1,timedOut:!1,retries:P.retries})},onCompleted:function(e){if(e)if(P.retries>=10)U.stopPolling(),S({loading:!1,timedOut:!0,retries:P.retries});else if(e.currentUser&&e.currentUser.unpaidOrders&&0===e.currentUser.unpaidOrders.length){U.stopPolling(),S({loading:!1,timedOut:!1,retries:P.retries}),o({text:i.formatMessage(y),type:"success"});var t=U.client,r=t.readQuery({query:d.a});r&&r.currentUser&&t.writeQuery({query:d.a,data:k(k({},r),{},{currentUser:k(k({},r.currentUser),{},{hasUnpaidOrders:!1})})})}else U.startPolling(n),S({loading:!0,timedOut:!1,retries:P.retries+1})}});if(0===M.length)return null;var z=M.reduce((function(e,t){return null!==t.amount&&(e+=t.amount),e}),0),E=C||U.error||P.timedOut?"error":"success";return Object(r.jsxs)(p.t,{alignItems:"center",flexDirection:"column",mb:"sm",children:[Object(r.jsx)(p.e,{mb:"xs",children:Object(r.jsx)(b.a,{size:32,color:"state.error"})}),Object(r.jsx)(p.mb,{as:"p","data-testid":"summary",children:Object(r.jsx)(j.a,{id:"PayUnpaidOrders.summary",defaultMessage:"You have {pluralUnpaidInvoices} for a total of {unpaidOrdersAmount}",values:{pluralUnpaidInvoices:Object(r.jsx)(j.a,{id:"PayUnpaidOrders.pluralUnpaidInvoices",defaultMessage:"{numberOfOrders, plural, one {an unpaid invoice} other {{numberOfOrders} unpaid invoices}}",values:{numberOfOrders:M.length}}),unpaidOrdersAmount:Object(r.jsx)(O.a,{value:z})}})}),Object(r.jsxs)(p.X,{"data-testid":"repay",variant:"primary",shape:"cool",loading:A||U.loading||P.loading,responseState:E,onClick:function(){S({loading:!0,timedOut:!1,retries:0}),D()},children:[Object(r.jsx)(j.a,{id:"receipts_repay",defaultMessage:"Repay"})," ",Object(r.jsx)(O.a,{value:z})]}),(null===h||void 0===h?void 0:h.paymentMethod)&&"Card"===h.paymentMethod.__typename&&Object(r.jsxs)(p.mb,{mute:!0,mt:"xxs",textAlign:"center",children:[Object(r.jsx)(v.a,{last4:h.paymentMethod.last4,displayBrand:h.paymentMethod.displayBrand}),Object(r.jsx)(p.V,{route:"profile.credit-cards",passHref:!0,children:Object(r.jsx)(p.c,{children:Object(r.jsx)(j.a,{id:"PayUnpaidOrders.button_manage_card",defaultMessage:"Change payment card"})})})]}),"error"===E&&Object(r.jsx)(p.a,{variant:"error",mt:"xs",children:Object(r.jsx)(j.a,k({},m.b.genericError))})]})}},y2dz:function(e,t,n){"use strict";var r=n("mrSG"),i=n("q1tI"),a=n.n(i),s=n("ReSq");t.a=function(e){var t=e.size,n=void 0===t?24:t,i=Object(r.__rest)(e,["size"]);

1return a.a.createElement(s.a,Object(r.__assign)({fill:"currentColor",viewBox:"0 0 24 25",size:n},i),a.a.createElement("path",{fill:"currentColor",d:"M23.75 22.912a1.25 1.25 0 00-1.25-1.25h-21a1.25 1.25 0 000 2.5h21a1.25 1.25 0 001.25-1.25z"}),a.a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.715 21.662H5.912c-1.263-.002-2.286-1.04-2.287-2.322V2.776C3.627 1.496 4.65.46 5.912.458h1.803C8.976.46 9.999 1.497 10 2.776V19.34c0 1.281-1.023 2.32-2.285 2.322zM6.813 2.624c-.676 0-1.225.554-1.228 1.24V18.25c0 .688.55 1.245 1.228 1.245.326.001.638-.13.869-.363.23-.234.36-.551.358-.882V3.87a1.249 1.249 0 00-.358-.882 1.214 1.214 0 00-.87-.363zM18.09 21.662h-1.803c-1.263-.002-2.286-1.04-2.287-2.322V2.776c.002-1.28 1.025-2.317 2.287-2.318h1.803c1.261.001 2.284 1.039 2.285 2.318V19.34c0 1.281-1.023 2.32-2.285 2.322zm-.902-19.038c-.676 0-1.225.554-1.228 1.24V18.25c0 .688.55 1.245 1.228 1.245.326.001.639-.13.869-.363.23-.234.36-.551.358-.882V3.87a1.249 1.249 0 00-.358-.882 1.214 1.214 0 00-.87-.363z",clipRule:"evenodd"}))}}},[["XU08",1,2,3,0,4,5,6,7,8,28,20]]]);
2//# sourceMappingURL=profile.trips-b827eb4dcac2d66f3ddb.js.map