npm - @protacon/muster-booking-frontend - Versions diffs - 1.13.0 → 1.14.0 - Mend

@protacon/muster-booking-frontend 1.13.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/Jenkinsfile CHANGED Viewed

@@ -1,4 +1,4 @@
-library 'jenkins-ptcs-library@3.1.0'
+library 'jenkins-ptcs-library@4.0.3'
 podTemplate(label: pod.label,
   containers: pod.templates + [ // This adds all depencies for jenkins-ptcs-library methods to function correctly.

package/dist/index.bundle.js CHANGED Viewed

	@@ -1 +1 @@
1	- module.exports=function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=39)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("moment-timezone")},function(e,t){e.exports=require("react-redux")},function(e,t){e.exports=require("@babel/runtime/regenerator")},function(e,t){e.exports=require("react-bootstrap")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@babel/runtime/helpers/asyncToGenerator")},function(e,t){e.exports=require("mdi-react/ChevronRightIcon")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@babel/runtime/helpers/toConsumableArray")},function(e,t){e.exports=require("@react-google-maps/api")},function(e,t){e.exports=require("mdi-react/AlertCircleOutlineIcon")},function(e,t){e.exports=require("mdi-react/ReloadIcon")},function(e,t){e.exports=require("react-datepicker")},function(e,t){e.exports=require("mdi-react/PencilIcon")},function(e,t,n){},function(e,t){e.exports=require("redux")},function(e,t){e.exports=require("mdi-react/CloseIcon")},function(e,t){e.exports=require("react-select")},function(e,t){e.exports=require("mdi-react/ChevronLeftIcon")},function(e,t){e.exports=require("mdi-react/ChevronDownIcon")},function(e,t){e.exports=require("mdi-react/CalendarRangeOutlineIcon")},function(e,t){e.exports=require("mdi-react/MapMarkerIcon")},function(e,t){e.exports=require("date-fns/locale/sv")},function(e,t){e.exports=require("mdi-react/CalendarMonthIcon")},function(e,t){e.exports=require("whatwg-fetch")},function(e,t){e.exports=require("promise-polyfill/src/polyfill")},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t){e.exports=require("react-datepicker/dist/react-datepicker.css")},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t){e.exports=require("immutable-ics")},function(e,t,n){},function(e,t){e.exports=require("moment/locale/sv")},function(e,t,n){"use strict";n.r(t);n(27),n(28);String.prototype.includes\|\|(String.prototype.includes=function(e,t){return"number"!=typeof t&&(t=0),!(t+e.length>this.length)&&-1!==this.indexOf(e,t)});var a=n(7),r=n.n(a),o=n(0),i=n.n(o),c=n(2),l=n.n(c),s=(n(29),i.a.createContext(null)),u=n(4),m=n(18);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"STEP":return p(p({},e),{},{step:t.data});case"PLATE_NUMBER":return p(p({},e),{},{plateNumber:t.data});case"VEHICLE":return p(p({},e),{},{timeSlot:null,station:null,vehicle:t.data});case"VEHICLE_ERROR":return p(p({},e),{},{vehicleError:t.data});case"PRODUCT":return p(p({},e),{},{timeSlot:null,station:null,product:t.data});case"STATION":return p(p({},e),{},{timeSlot:null,station:t.data});case"TIME_SLOT":return p(p({},e),{},{timeSlot:t.data});case"CAMPAIGN":return p(p({},e),{},{campaign:t.data});case"PENDING_RESERVATION":return p(p({},e),{},{pendingReservationUid:t.data,pendingReservationTime:t.data?Date.now():null});case"B2B_CUSTOMER":return p(p({},e),{},{b2bCustomer:t.data});case"ORIGINAL_RESERVATION":return p(p({},e),{},{originalReservation:t.data});case"RESERVATION":return p(p({},e),{},{reservation:t.data});default:return e}}function b(e){return{type:"STEP",data:e}}function v(e){return{type:"PLATE_NUMBER",data:e}}function g(e){return{type:"VEHICLE",data:e}}function h(e){return{type:"VEHICLE_ERROR",data:e}}function y(e){return{type:"PRODUCT",data:e}}function E(e){return{type:"STATION",data:e}}function A(e){return{type:"TIME_SLOT",data:e}}function k(e){return{type:"CAMPAIGN",data:e}}function N(e){return{type:"B2B_CUSTOMER",data:e}}function O(e){return{type:"PENDING_RESERVATION",data:e}}function C(e){return{type:"ORIGINAL_RESERVATION",data:e}}function S(e){return{type:"RESERVATION",data:e}}var w=function(){var e=Object(o.useContext)(s).tr,t=Object(u.useSelector)((function(e){return e})),n=t.step,a=t.vehicle,r=t.product,c=t.station,l=t.timeSlot,m=t.reservation,d=Object(u.useDispatch)(),p={};return p.vehicle={text:"Registration number",enabled:"loading"!==n&&"modify"!==n&&!m},p.station={text:"Station",enabled:p.vehicle&&"modify"!==n&&!!a&&!!r&&!m},p.time={text:"Date and time",enabled:p.station&&"modify"!==n&&!!c&&!m},p.finalize={text:"Payment",enabled:p.station&&"modify"!==n&&!!l&&!m},p.confirmation={text:"Confirmation",enabled:p.station&&!!m},i.a.createElement("div",{className:"summary-component"},Object.keys(p).map((function(t,a){return i.a.createElement("nav",{key:t,className:(p[t].enabled?"":" disabled")+(t===n?" active":""),onClick:function(){return p[t].enabled&&d(b(t))}},i.a.createElement("button",{type:"button",key:t,tabIndex:p[t].enabled?null:-1,className:"btn nav-button rounded-circle"+(p[t].enabled?"":" disabled")},a+1),i.a.createElement("span",{className:"nav-text"},e(p[t].text)))})))},T=n(1),R=n.n(T),j=n(8),I=n.n(j),x=n(5),P=n.n(x);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D={},M={};function U(e,t,n){return L.apply(this,arguments)}function L(){return(L=I()(P.a.mark((function e(t,n,a){var r,o,i;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=void 0,o={},void 0!==n&&(r=JSON.stringify(n),o["Content-Type"]="application/json"),e.next=5,fetch(t,V(V(V({},D),{},{body:r},a),{},{headers:V(V(V({},M),o),a.headers)}));case 5:if(!((i=e.sent).headers.get("Content-Type")\|\|"").includes("application/json")){e.next=10;break}return e.next=9,i.json();case 9:i.data=e.sent;case 10:if(i.ok){e.next=12;break}throw i;case 12:return e.abrupt("return",i);case 13:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function q(){return(q=I()(P.a.mark((function e(t){var n,a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=r.length>1&&void 0!==r[1]?r[1]:{},a=new AbortController,setTimeout((function(){return a.abort()}),15e3),e.next=5,U(t,void 0,V({method:"GET",signal:a.signal},n));case 5:return e.abrupt("return",e.sent);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Y(){return(Y=I()(P.a.mark((function e(t,n){var a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=r.length>2&&void 0!==r[2]?r[2]:{},e.next=3,U(t,n,V({method:"POST"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function W(){return(W=I()(P.a.mark((function e(t,n){var a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=r.length>2&&void 0!==r[2]?r[2]:{},e.next=3,U(t,n,V({method:"PUT"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function H(){return(H=I()(P.a.mark((function e(t){var n,a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=r.length>1&&void 0!==r[1]?r[1]:void 0,a=r.length>2&&void 0!==r[2]?r[2]:{},e.next=4,U(t,n,V({method:"DELETE"},a));case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var X={get:function(e){return q.apply(this,arguments)},post:function(e,t){return Y.apply(this,arguments)},put:function(e,t){return W.apply(this,arguments)},delete:function(e){return H.apply(this,arguments)},defaultOptions:D,defaultHeaders:M};function K(e){return e&&e.vehicleCallouts&&e.vehicleCallouts.some((function(e){return"Warning"===e.type\|\|"Blocking"===e.type}))?e.vehicleCallouts.some((function(e){return"TractorCannotBeInspected"===e.name}))?"This type of tractor cannot be inspected":e.vehicleCallouts.some((function(e){return"WeightOver3500Kg"===e.name}))?"Vehicle is too heavy to be inspected":e.vehicleCallouts.some((function(e){return"NotRegistered"===e.name}))?"You cannot reserve a time when the vehicle is unregistered":"Vehicle cannot be reserved via online booking. Please contact customer service":null}function F(e){return(e=(e=e.toUpperCase()).replace(/[^A-Z0-9]/g,"")).length>3&&(e=e.substring(0,3)+" "+e.substring(3)),e}function G(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.keys(e).filter((function(t){return e[t]})).map((function(t){return"".concat(t,"=").concat(encodeURIComponent(e[t]))})).join("&");return t?"?"+t:""}function Q(e){window.dataLayer=window.dataLayer\|\|[],window.dataLayer.push(e)}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z={apiEndpoint:l.a.string.isRequired,bookingNumber:l.a.string,lastName:l.a.string,customerNumber:l.a.string,onReservationChange:l.a.func.isRequired},_=function(e){var t=Object(o.useState)({bookingNumber:e.bookingNumber\|\|"",lastName:e.lastName\|\|"",customerNumber:e.customerNumber\|\|""}),n=R()(t,2),a=n[0],r=n[1],c=Object(o.useState)(!1),l=R()(c,2),u=l[0],m=l[1],d=Object(o.useState)(""),p=R()(d,2),f=p[0],b=p[1],v=Object(o.useContext)(s).tr;return i.a.createElement("div",{className:"modify-existing-component p-4"},i.a.createElement("h5",null,v("Modify booking")),i.a.createElement("form",{noValidate:!0,onSubmit:function(t){if(t.preventDefault(),!a.bookingNumber)return b(v("Please fill in a booking number"));if(!a.lastName&&!a.customerNumber)return b(v("Please fill in your last name. For companies please fill in your customer number"));m(!0),b("");var n="".concat(e.apiEndpoint,"/Reservations/").concat(a.bookingNumber)+G({customerLastname:a.lastName,customerNumber:a.customerNumber});X.get(n).then((function(t){if(m(!1),200!==t.status)return b(v("Reservation was not found"));e.onReservationChange(t.data)}),(function(){b(v("Reservation was not found")),m(!1)}))},className:"mt-4"},i.a.createElement("div",{className:"form-group mr-2"},i.a.createElement("label",null,v("Booking number")),i.a.createElement("input",{type:"text",className:"form-control",value:a.bookingNumber,onChange:function(e){return r(J(J({},a),{},{bookingNumber:e.target.value}))}})),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-6"},i.a.createElement("div",{className:"form-group mr-2"},i.a.createElement("label",null,v("Last name")),i.a.createElement("input",{type:"text",className:"form-control",value:a.lastName,onChange:function(e){return r(J(J({},a),{},{lastName:e.target.value}))}}))),i.a.createElement("div",{className:"col-1"},i.a.createElement("label",null),i.a.createElement("p",null,v("Or"))),i.a.createElement("div",{className:"col-5"},i.a.createElement("div",{className:"form-group mr-2"},i.a.createElement("label",null,v("Customer number")),i.a.createElement("input",{type:"text",className:"form-control",value:a.customerNumber,onChange:function(e){return r(J(J({},a),{},{customerNumber:e.target.value}))}})))),i.a.createElement("div",{className:"mt-4"},i.a.createElement("button",{type:"submit",disabled:u,className:"btn btn-primary btn-lg"},v("Next")),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},f))))};_.propTypes=Z;var $=_,ee=n(3),te=n.n(ee),ne=n(9),ae=n.n(ne),re=n(19),oe=n.n(re),ie=n(20),ce=n.n(ie),le=n(10),se=n.n(le);n(30);function ue(e,t,n){return me.apply(this,arguments)}function me(){return(me=I()(P.a.mark((function e(t,n,a){var r;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+"/Vehicle"+G({ChainId:n,PlateNumber:a.toUpperCase()}),e.abrupt("return",X.get(r).then((function(e){return 200===e.status?e.data:null})));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var de={onNext:l.a.func.isRequired,onModifyExisting:l.a.func.isRequired},pe=function(e){var t=Object(o.useContext)(s).tr,n=e.onNext,a=Object(u.useSelector)((function(e){return e})),r=a.apiEndpoint,c=a.chainId,l=a.plateNumber,m=a.vehicle,d=a.vehicleError,p=a.product,f=a.campaign,b=a.originalReservation,E=Object(u.useDispatch)(),A=Object(o.useState)(!1),N=R()(A,2),O=N[0],C=N[1],S=Object(o.useState)(""),w=R()(S,2),T=w[0],j=w[1],I=[{title:t("Trafiksäkerhetskontroll"),value:69},{title:t("Konditionstest Premium"),value:59},{title:t("Konditionstest Bas"),value:93},{title:t("Veteranfordonstest"),value:91},{title:t("Gasoltest"),value:57}],x=["Inspection","PostInspection","ConditionInspection","CheckUp",69,59,93,91,57],P=Object(o.useMemo)((function(){return{BUSS:t("Bus"),LB:t("Truck"),MC:t("Motorbike"),MOPED:t("Moped"),MRED:t("Motorized equipment"),PB:t("Passenger car"),"SLÄP":t("Trailer"),TGHJUL:t("All terrain vehicle"),TGSK:t("All terrain scooter"),TGSL:t("All terrain trailer"),"TGSNÖ":t("Snowmobile"),TGV:t("All terrain trailer"),TR:t("Tractor")}}),[t]),B=Object(o.useMemo)((function(){return{"B Kontrollbesiktning":"Kontrollbesiktning","BE Efterkontroll":"Efterkontroll","FLE Flygande kontroll efterkontroll efter Polis":"Flygande kontroll efterkontroll efter Polis"}})),V=Object(o.useMemo)((function(){return{AVREG:t("Unregistered"),AVST:t("Cancelled"),ITRAFIK:t("In use")}}),[t]);function D(){var e=l.replace(/\s/g,""),n=/^[A-Z]{3}[0-9]{2}[0-9A-Z]$/.test(e);E(h(n?"":t("Incorrect registration number, please enter your registration number again"))),n&&(C(!0),ue(r,c,e).then((function(e){C(!1);var n=K(e);n?E(h(t(n))):(E(g(e)),E(h("")),Q({event:"checkout_vehicleInformation"}),e?x.includes(e.suggestedProductType)?E(y(e.suggestedProductType)):E(y("Inspection")):E(h(t("Incorrect registration number, please enter your registration number again"))))}),(function(e){C(!1),"AbortError"===e.name?E(h(t("We could not reach the server in a timely manner, please try again later."))):E(h(t("Incorrect registration number, please enter your registration number again")))}),(function(){C(!1),E(h(t("Incorrect registration number, please enter your registration number again")))})))}Object(o.useEffect)((function(){Q({event:"checkout_vehicleLicense"})}),[]);var M=Object(o.useState)(""),U=R()(M,2),L=U[0],q=U[1],Y=Object(o.useState)(!1),W=R()(Y,2),H=W[0],z=W[1],J=Object(o.useState)(""),Z=R()(J,2),_=Z[0],$=Z[1];function ee(){return i.a.createElement(i.a.Fragment,null,i.a.createElement("h5",{className:"text-uppercase mt-3"},t("Vehicle information")),i.a.createElement("div",null,i.a.createElement("label",{className:"d-block"},t("Vehicle class"),":"),i.a.createElement("b",null,m?P[m.vehicleCategory]:"-")),i.a.createElement("div",null,i.a.createElement("label",{className:"d-block"},t("Brand and model"),":"),i.a.createElement("b",null,m?m.vehicleBrandAndModel:"-")),i.a.createElement("div",{className:"d-flex"},i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Model year"),":"),i.a.createElement("b",null,m?te()(m.deploymentDate).format("Y"):"-")),i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Color"),":"),i.a.createElement("b",null,m?m.vehicleColorText:"-")),i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Status"),":"),i.a.createElement("b",null,m?V[m.vehicleStatusCode]:"-"))),i.a.createElement("h5",{className:"text-uppercase mt-3"},t("Campaign code")),f?i.a.createElement("div",null,i.a.createElement("b",null,f.name),i.a.createElement("br",null),i.a.createElement("b",null,f.code),i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return E(k(null))}},t("Change code")),i.a.createElement("b",{className:"grey"}," ",t("Code activated"))):i.a.createElement("form",{onSubmit:function(e){return function(e){e.preventDefault(),""===L&&E(k(null)),z(!0);var n=r+"/CampaignCodes"+G({ChainId:c,Code:L});X.get(n).then((function(e){if(z(!1),200!==e.status)return E(k(null)),void $(t("The promotional code does not apply. Please check spelling and validity."));E(k(e.data)),q("")}))}(e)}},i.a.createElement("div",{className:"input-group"},i.a.createElement("input",{type:"text",className:"form-control"+(_?" is-invalid":""),value:L,onChange:function(e){q(e.target.value),$("")},placeholder:t("Enter campaign code"),disabled:H}),""!==L&&i.a.createElement("div",{className:"input-group-append"},i.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:H},H&&i.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!H&&t("Apply"))),_&&i.a.createElement("div",{className:"invalid-feedback"},_))))}return i.a.createElement("div",{className:se()("vehicle-step-component",!m&&"no-vehicle")},m&&m.existingEvent&&!b&&i.a.createElement("div",{className:"alert alert-warning mt-4 text-center"},t("There is already a booking for this vehicle."),i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:e.onModifyExisting},t("Click here to change the reservation."))),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-5"},i.a.createElement("h5",{className:"text-uppercase"},t("Enter plate number")),i.a.createElement("form",{noValidate:!0,onSubmit:function(e){e.preventDefault(),D()},className:"plate-form"},i.a.createElement("div",{className:"form-group mr-2"},i.a.createElement("div",{className:se()("plate-container",d&&"is-invalid")},i.a.createElement("input",{type:"text",className:"form-control plate-input",placeholder:"ABC 123",maxLength:7,value:l,readOnly:!!m\|\|O,onChange:function(e){var t=e.target.value;E(v(F(t)))}}))),m?i.a.createElement("button",{type:"button",className:"btn btn-light clear-plate-button",onClick:function(){E(v("")),E(g(null))}},i.a.createElement(oe.a,null)):i.a.createElement("button",{type:"button",className:"btn btn-primary plate-load-button",onClick:D,disabled:O},O?i.a.createElement("span",{className:"spinner-border plate-spinner",role:"status","aria-hidden":"true"}):i.a.createElement(ae.a,{className:"plate-load-icon"}))),i.a.createElement("div",{className:"invalid-feedback"},d),m&&m.suggestedInspectionCode&&i.a.createElement("div",{className:"alert alert-info"},t("Suggested inspection from VTR:")," ",B[m.suggestedInspectionCode]?B[m.suggestedInspectionCode]:m.suggestedInspectionCode),!m&&i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:e.onModifyExisting},t("Here you can change your booked time")),m&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"d-md-none vehicle-information"},ee()),i.a.createElement("div",{className:"vehicle-service"},i.a.createElement("h5",{className:"text-uppercase"},t("Selected service")),i.a.createElement("div",{className:"form-check",onClick:function(){return E(y("Inspection"))}},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:"Inspection"===p,onChange:function(){return E(y("Inspection"))}}),i.a.createElement("div",{className:"fancy-check"}),i.a.createElement("label",{className:"form-check-label",htmlFor:"check_Inspection"},t("Inspection"))),i.a.createElement("div",{className:"form-check",onClick:function(){return E(y("PostInspection"))}},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_PostInspection",checked:"PostInspection"===p,onChange:function(){return E(y("PostInspection"))}}),i.a.createElement("div",{className:"fancy-check"}),i.a.createElement("label",{className:"form-check-label",htmlFor:"check_PostInspection"},t("Reinspection"))),i.a.createElement(ce.a,{options:I,getOptionValue:function(e){return e.value},getOptionLabel:function(e){return e.title},value:I.find((function(e){return e.value===p}))\|\|null,placeholder:t("Other Services"),onChange:function(e){return E(y(e&&e.value))}})))),m&&i.a.createElement("div",{className:"d-none d-md-block col-md-7 vehicle-information"},ee())),m&&p&&i.a.createElement("div",{className:"d-flex flex-column align-items-center mt-4 btn-lg"},i.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg",onClick:function(){m&&p?n():j(t("Vehicle and product should be selected"))}},t("Next")," ",i.a.createElement(ae.a,null)),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},T)))};pe.propTypes=de;var fe=pe,be=n(11),ve=n.n(be),ge=n(12),he={styles:[{elementType:"geometry",stylers:[{color:"#f5f5f5"}]},{elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{elementType:"labels.text.stroke",stylers:[{color:"#f5f5f5"}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:"#bdbdbd"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#ffffff"}]},{featureType:"road.arterial",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#dadada"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"transit.line",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"transit.station",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#c9c9c9"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]}],mapTypeControlOptions:{mapTypeIds:["roadmap"]},streetViewControl:!1,fullscreenControl:!1,mapTypeControl:!1,zoomControl:!1};function ye(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ae={white:{pin:"data:image/png;base64,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",background:"#ffffff",text:"#2A2A2A"},green:{pin:"data:image/png;base64,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",background:"#95C01F",text:"#ffffff"}};function ke(e,t,n){var a=Ae[e]\|\|Ae.white;if(!t)return n(null,a.pin);var r=document.createElement("canvas");r.width=42,r.height=56;var o=r.getContext("2d"),i=new Image;i.onload=function(){o.drawImage(i,0,0),o.fillStyle=a.background,o.fillRect(10,10,20,20),o.fillStyle=a.text,o.font="bold 16px Arial",o.textAlign="center",o.fillText(t,21,29),n(null,o.canvas.toDataURL("png",1))},i.src=a.pin}var Ne=n(6);n(31);function Oe(e,t,n,a){var r={ChainId:t,"Vehicle.PlateNumber":a.plateNumber,"Vehicle.VehicleCategory":a.vehicleCategory,"Vehicle.VehicleBrandAndModel":a.vehicleBrandAndModel,"Vehicle.GrossVehicleMass":a.grossVehicleMass,"Vehicle.AxlesCount":a.axlesCount,"Vehicle.VehicleHeight":a.vehicleHeight,"Vehicle.VehicleWidth":a.vehicleWidth,"Vehicle.VehicleLength":a.vehicleLength,"Vehicle.WheelBase":a.wheelBase,"Vehicle.TrackDistance":a.trackDistance,"Vehicle.CouplingDistance":a.couplingDistance,"Vehicle.TrailerHasBrakes":a.trailerHasBrakes};"string"!=typeof n?r.productId=n:r.productType=n;var o=e+"/Stations"+G(r);return X.get(o).then((function(e){return 200===e.status?e.data:[]}),(function(){return[]}))}var Ce=!1,Se=[];window.gm_authFailure=function(){Se.forEach((function(e){return e()})),Ce=!0};var we={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired},Te=function(e){var t,n,a,c,l,m=Object(o.useState)(""),d=R()(m,2),p=d[0],f=d[1],b=Object(o.useState)(null),v=R()(b,2),g=v[0],h=v[1],y=Object(o.useState)(0),A=R()(y,2),k=A[0],N=A[1],O=Object(o.useState)(null),C=R()(O,2),S=C[0],w=C[1],T=Object(o.useState)(""),j=R()(T,2),I=j[0],x=j[1],P=(t=Object(o.useState)({}),n=R()(t,2),a=n[0],c=n[1],l=Object(o.useRef)({}),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="".concat(e,"_").concat(t);return a[n]?a[n]:(l.current[n]\|\|(l.current[n]=!0,setTimeout((function(){ke(e,t,(function(e,t){c((function(e){return Ee(Ee({},e),{},r()({},n,t))}))}))}),10)),Ae[e].pin)}),B=Object(o.useState)(),V=R()(B,2),D=V[0],M=V[1],U=Object(o.useState)((function(){return document.body.clientWidth>768})),L=R()(U,2),q=L[0],Y=L[1],W=Object(o.useState)(null),H=R()(W,2),X=H[0],K=H[1],F=Object(u.useSelector)((function(e){return e})),G=F.apiEndpoint,z=F.chainId,J=F.googleApiKey,Z=F.product,_=F.vehicle,$=F.station,ee=Object(u.useDispatch)(),te=Object(o.useContext)(s).tr;function ne(e){return function(t){return n=t.coordinateLng,a=t.coordinateLat,r=e.lng,o=e.lat,i=(o-a)Math.PI/180,c=(r-n)Math.PI/180,l=Math.sin(i/2)Math.sin(i/2)+Math.cos(aMath.PI/180)Math.cos(oMath.PI/180)Math.sin(c/2)Math.sin(c/2),2Math.atan2(Math.sqrt(l),Math.sqrt(1-l))6371;var n,a,r,o,i,c,l}}Object(o.useEffect)((function(){$&&$.name?Q({event:"checkout_station",station_name:$.name}):Q({event:"checkout_station"})}),[]),Object(o.useEffect)((function(){var e=!1;return Oe(G,z,Z,_).then((function(t){e\|\|h(t)}),console.error),function(){e=!0}}),[]),Object(o.useEffect)((function(){D&&(D.addListener("error",(function(e){return console.error(e)})),"geolocation"in navigator&&navigator.geolocation.getCurrentPosition((function(e){w({lat:e.coords.latitude,lng:e.coords.longitude})})))}),[D]);var ae=Object(o.useMemo)((function(){if(!g)return[];var e,t=S?g.sort((e=ne(S),function(t,n){return e(t)-e(n)})):g.sort((function(e,t){return e.name.trim().localeCompare(t.name.trim(),"sv")}));return p&&(t=t.filter((function(e){var t=(e.name+e.city+e.streetAddress).toLowerCase();return p.toLowerCase().split(" ").every((function(e){return t.includes(e)}))}))),t}),[g,S,p]),re=Object(o.useMemo)((function(){var e=ae;return X&&(e=e.filter((function(e){return X.contains({lat:e.coordinateLat,lng:e.coordinateLng})}))),e}),[ae,X]);Object(o.useEffect)((function(){if(D&&g){var e=(g\|\|[]).filter((function(e){return e.coordinateLng&&e.coordinateLat})).map((function(e){return{lat:e.coordinateLat,lng:e.coordinateLng}}));if(S&&e.push(S),0!==e.length){var t={south:Math.min.apply(Math,ve()(e.map((function(e){return e.lat})))),north:Math.max.apply(Math,ve()(e.map((function(e){return e.lat})))),west:Math.min.apply(Math,ve()(e.map((function(e){return e.lng})))),east:Math.max.apply(Math,ve()(e.map((function(e){return e.lng}))))};D.fitBounds(t),setTimeout((function(){D.getZoom()>12&&D.setZoom(12),K(D.getBounds())}),100)}else setTimeout((function(){D.panTo({lat:61.6914597,lng:17.1207942})}),100)}}),[D,g,S]);var oe=Object(o.useRef)(null);var ie=Object(o.useState)({lat:61.6914597,lng:17.1207942}),ce=R()(ie,1)[0],le=Object(ge.useLoadScript)({googleMapsApiKey:J\|\|"nokey"}).isLoaded,se=function(){var e=Object(o.useState)(Ce),t=R()(e,2),n=t[0],a=t[1];return Object(o.useEffect)((function(){var e=function(){return a(!0)};return Se.push(e),function(){return Se=Se.filter((function(t){return t!==e}))}}),[]),n}();return i.a.createElement("div",{className:"station-step-component"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-4"},i.a.createElement("h5",null,te("Select station")),i.a.createElement("form",{onSubmit:function(e){return e.preventDefault()}},i.a.createElement("div",{className:"input-group geocode-input-group"},i.a.createElement("input",{type:"text",className:"form-control",placeholder:te("Nearby"),value:p,onChange:function(e){var t=e.target.value;f(t),N(0)}}))),i.a.createElement("p",{className:"list-remark"},te("Only stations that accept the selected vehicle are shown in the list")),i.a.createElement("ul",{className:"list-group list-group-flush station-list"},!g&&i.a.createElement("div",{className:"text-center"},i.a.createElement("div",{className:"spinner-border text-secondary my-5",role:"status"},i.a.createElement("span",{className:"sr-only"},te("Loading"),"..."))),re&&0===re.length&&i.a.createElement("div",{className:"text-center mt-4"},te("No stations found")),re&&re.slice(5k,5k+5).map((function(e){return i.a.createElement("a",{key:e.id,href:"#",className:"list-group-item list-group-item-action",onClick:function(){return ee(E(e))}},i.a.createElement("div",{className:"form-check"},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:e.id===($&&$.id),onChange:function(){}}),i.a.createElement("div",{className:"fancy-check"})),i.a.createElement("img",{className:"station-list-pin",src:P(e.id===($&&$.id)?"green":"white")}),i.a.createElement("div",null,i.a.createElement("b",{className:"station-list-name"},e.name),i.a.createElement("div",{className:"station-list-address"},e.streetAddress," ",e.city)))})),re&&re.length>5&&i.a.createElement("nav",{className:"mt-2"},i.a.createElement(Ne.Pagination,null,i.a.createElement(Ne.Pagination.Prev,{disabled:k<=0,onClick:function(){return N((function(e){return Math.max(0,e-1)}))}}),ve()(Array(Math.ceil(re.length/5))).map((function(e,t){return 0===t\|\|t===Math.ceil(re.length/5)-1\|\|Math.abs(k-t)<2?i.a.createElement(Ne.Pagination.Item,{key:t,active:t===k,onClick:function(){return N(t)}},t+1," "):2===Math.abs(k-t)&&i.a.createElement(Ne.Pagination.Ellipsis,{key:t})})),i.a.createElement(Ne.Pagination.Next,{disabled:5k+5>=re.length,onClick:function(){return N((function(e){return Math.min(Math.ceil(re.length/5)-1,e+1)}))}}))))),i.a.createElement("div",{className:"col-md-8 mt-2"},!q&&i.a.createElement("button",{className:"btn btn-link",onClick:function(){return Y(!0)}},te("See on the map")),q&&se&&i.a.createElement("div",{className:"map-error"},i.a.createElement("span",null,te("Map is currently not available. Please select station from the list"))),q&&!se&&le&&i.a.createElement(ge.GoogleMap,{id:"stations-map",options:he,mapContainerStyle:{height:"416px",width:"100%"},zoom:4,center:ce,onLoad:function(e){return M(e)},onBoundsChanged:function(){D&&(oe&&clearTimeout(oe.current),oe.current=setTimeout((function(){K(D.getBounds())}),100))}},i.a.createElement(ge.MarkerClusterer,{options:{styles:[{url:"data:image/png;base64,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",height:42,width:42}]}},(function(e){return(ae\|\|[]).filter((function(e){return e.coordinateLat&&e.coordinateLng})).map((function(t){return i.a.createElement(ge.Marker,{key:t.id,position:{lat:t.coordinateLat,lng:t.coordinateLng},clusterer:e,onClick:function(){return ee(E(t))},icon:P(t.id===($&&$.id)?"green":"white")})}))})),S&&i.a.createElement(ge.Marker,{position:S,icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACl0lEQVRIS7VVTUgUYRh+3tW2i6mgUFjtDwaJhQlhCO5BiYS6tFCEtzKsDh2c6K7mPXYDt0P0cy3osF5aMmgMFJa2w7ppeLGdQqXDCuvPoWbdfeP7dmd3Zt1xl6S5zfO987zPPO/PR7B5Aqqn2enI3QRTP4BuAJ5CqAYgzsThTM4x/WBAS1eioHKwQDjKTAoBzXaJBc5AmoiDes7xpDyBhViSEqsFhftxlp/FdaYBM3mRWJAeIk6aVbY2dMLbcgltzb1obTgjyVI7S1hPR5Hc+IDUzrdiAqE+w+Q1yCVxJaVdJ27D1z5mq/rP7hZiWgCJtVfmmKJySRxSXRMgGjciLp99Bm/LYE1WJFPvEVm6V4plfnR/4OcElVtQTWmlbHMrk0isvpRHhiU0pboUIgoIUHh64/y7mpSag4Qt0wtDJc85N0wh1RUG0VUR2ONR0ONWLMTio/mVSXxPzUDf3ULHsevoax/D4fpGS1zsRxAxLZjHmKdpSnVrRHCLd3/3a7Q19Vo+iCzekR1gfk4fvYaLHY8t2PpmFOH4kIHFKTTrZuNtxJeAs86q5OknY+BKPM76Roz0Jfb82Yv5riL2b8R1RzDi+2oh1rNbeD5nIv4fVjBjoabifVx+iLV0FHp2G8Jf36nx6sULqSdvgRxyfES7iQKW+1yt/4QNb75cwfbv1UJX5IblgDjBGghNAj3ogICxqYM8Bx/pjRlEFu/uHWmByLEGzxLhnBEhlF/wKLa2iN//rAWLo5yfCyxkQP1iw1nWptkSw3Nv6yCOy7XZKXOKVSkKufzrbcnT/JKQFljWpqGykvJqhStXasRXvpqQUwBSjILakjM2AQ7qcAT3vZrMBPluyfoB8rOocsF/2fyii8BhHXVhu8v0L3DATnPHiQDhAAAAAElFTkSuQmCC"})))),i.a.createElement("div",{className:"text-center mt-4"},i.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},te("Back")),i.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg",onClick:function(){$?e.onNext():x(te("Station must be selected"))}},te("Next")),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},I)))};Te.propTypes=we;var Re=Te,je=n(21),Ie=n.n(je),xe=n(22),Pe=n.n(xe),Be=n(23),Ve=n.n(Be),De=n(14),Me=n.n(De),Ue=n(13),Le=n.n(Ue),qe=n(24),Ye=n.n(qe),We=n(15),He=n.n(We),Xe=(n(32),n(25)),Ke=n.n(Xe);n(33);function Fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Qe(e,t){var n;if("undefined"==typeof Symbol\|\|null==e[Symbol.iterator]){if(Array.isArray(e)\|\|(n=function(e,t){if(!e)return;if("string"==typeof e)return ze(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return ze(e,t)}(e))\|\|t&&e&&"number"==typeof e.length){n&&(e=n);var a=0,r=function(){};return{s:r,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,c=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){c=!0,o=e},f:function(){try{i\|\|null==n.return\|\|n.return()}finally{if(c)throw o}}}}function ze(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}Object(We.registerLocale)("sv",Ke.a);var Je={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired},Ze=function(e){var t=Object(o.useState)(""),n=R()(t,2),a=n[0],r=n[1],c=Object(o.useState)(te()()),l=R()(c,2),m=l[0],d=l[1],p=Object(o.useState)([]),f=R()(p,2),b=f[0],v=f[1],g=Object(o.useState)([]),h=R()(g,2),y=h[0],E=h[1],k=Object(o.useState)(ne()),N=R()(k,2),O=N[0],C=N[1],S=Object(o.useState)(null),w=R()(S,2),T=w[0],j=w[1],x=Object(o.useState)(!1),B=R()(x,2),V=B[0],D=B[1],M=Object(o.useState)(""),U=R()(M,2),L=U[0],q=U[1],Y=Object(u.useSelector)((function(e){return e})),W=Y.apiEndpoint,H=Y.timeSlot,K=Y.vehicle,F=Y.campaign,z=Y.station,J=Y.product,Z=Object(u.useDispatch)(),_=Object(o.useContext)(s),$=_.tr,ee=_.locale;function ne(){return document.body.clientWidth<768?"mobile":"desktop"}function re(e,t,n){q(""),D(!0);var a=W+"/Calendar/".concat(z.id)+G({StartDate:te.a.utc(e).startOf("day").toISOString(),EndDate:"mobile"===t?te.a.utc(e).endOf("day").toISOString():te.a.utc(e).add(8,"days").endOf("day").toISOString(),ProductId:z.productId,VehicleCategory:K.vehicleCategory,CampaignCodeUid:F?F.uid:void 0});X.get(a).then((function(e){if(!n.cancel)if(D(!1),200===e.status){r("");var t,a=[],o=Date.now(),i=K.postInspectionDate?te()(K.postInspectionDate).add(1,"day").valueOf():0,c=Qe(e.data);try{for(c.s();!(t=c.n()).done;){var l=t.value;for(var s in l.hours){var u,m=Qe(l.hours[s]);try{for(m.s();!(u=m.n()).done;){var d=u.value,p=te()(d.time).valueOf();p<o\|\|("PostInspection"===J&&i&&p>i\|\|a.push(d))}}catch(e){m.e(e)}finally{m.f()}}}}catch(e){c.e(e)}finally{c.f()}var f=a.filter((function(e){return e.isAvailable})).reduce((function(e,t){return Math.min(e,t.onlinePaymentPrice)}),1e5);a.some((function(e){return e.onlinePaymentPrice>f}))\|\|(f=0);for(var b=0,g=a;b<g.length;b++){var h=g[b];h._cheap=h.onlinePaymentPrice===f}v(a)}else r($("An error occurred"))}),(function(){D(!1),r($("An error occurred"))}))}Object(o.useEffect)((function(){Q({event:"checkout_date"})}),[]),Object(o.useEffect)((function(){function e(){C(ne())}return window.addEventListener("resize",e),function(){return window.removeEventListener("resuze",e)}}),[]),Object(o.useEffect)((function(){var e={cancel:!1};return re(m,O,e),function(){e.cancel=!0}}),[m,O]);var oe=[6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];function ie(){return ce.apply(this,arguments)}function ce(){return(ce=I()(P.a.mark((function e(){var t,n,a,o,i,c,l,s,u,d;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return D(!0),t=W+"/Calendar/".concat(z.id)+G({StartDate:te.a.utc(m).startOf("day").toISOString(),EndDate:te.a.utc(m).endOf("day").add(14,"days").toISOString(),ProductId:z.productId,VehicleCategory:K.vehicleCategory}),e.prev=2,e.next=5,X.get(t);case 5:if(n=e.sent,D(!1),200===n.status){e.next=9;break}throw new Error($("An error occurred"));case 9:a=[],o=Qe(n.data);try{for(o.s();!(i=o.n()).done;)for(l in(c=i.value).hours){s=Qe(c.hours[l]);try{for(s.s();!(u=s.n()).done;)d=u.value,te()(d.time).valueOf()>Date.now()&&a.push(d)}catch(e){s.e(e)}finally{s.f()}}}catch(e){o.e(e)}finally{o.f()}return a=a.filter((function(e){return e.isAvailable})),e.abrupt("return",0===a.length?null:te.a.utc(a[0].time));case 16:e.prev=16,e.t0=e.catch(2),D(!1),r(e.t0.message);case 20:case"end":return e.stop()}}),e,null,[[2,16]])})))).apply(this,arguments)}Object(o.useEffect)((function(){var e=("mobile"===O?[0]:[0,1,2,3,4,5,6]).map((function(e){var t=te()(m).add(e,"day");if("mobile"!==O&&6===t.weekday())return null;var n=b.filter((function(e){return te()(e.time).startOf("day").date()===t.date()&&e.onlinePaymentPrice})),a=te()(t).startOf("day").unix()===te()().startOf("day").unix(),r=oe.map((function(e){var t=n.filter((function(t){return t.isAvailable&&te()(t.time).hour()===e})),a=t.length?Math.min.apply(Math,ve()(t.map((function(e){return e.onlinePaymentPrice})))):null,r=(t.find((function(e){return e.onlinePaymentPrice===a}))\|\|{}).priceGroupId;return{minPrice:a,cheap:t.some((function(e){return e._cheap})),slots:t,priceGroupId:r}}));return{date:t,dayMonth:t.format("YYYY-MM-DD"),weekDay:t.format("dddd"),today:a,slots:n,slotsPerHour:r}})).filter((function(e){return e}));E(e),q("");var t=!1;return"mobile"===O&&e[0]&&0===e[0].slots.filter((function(e){return e.isAvailable})).length&&ie().then((function(e){t\|\|q(e?"day":"weeks")})),function(){t=!0}}),[b,O]);var le=Object(o.useState)({show:!1}),ue=R()(le,2),me=ue[0],de=ue[1];function pe(){de((function(e){return Ge(Ge({},e),{},{show:!0})}))}function fe(){de((function(e){return Ge(Ge({},e),{},{show:!1})}))}var be=Object(o.useMemo)((function(){return[0,1,2,3,4,5,6,7,8,9,10].map((function(e){return te()().endOf("week").add(e,"weeks").add(-3,"hours").toDate()}))}),[]);return i.a.createElement("div",{className:"time-step-component"},i.a.createElement("div",{className:"time-step-component-header"},i.a.createElement("div",null,i.a.createElement(Ye.a,{className:"time-step-component-header-icon"}),z.name),i.a.createElement("h4",null,$("Select date and time")),i.a.createElement("div",{className:"time-select-date"},i.a.createElement("button",{type:"button",className:"btn",onClick:pe},i.a.createElement(Ve.a,null)),i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:pe},$("Select day from calendar")),i.a.createElement(Ne.Modal,{show:me.show,size:"sm",onHide:fe},i.a.createElement(Ne.Modal.Body,{className:"text-center"},i.a.createElement(He.a,{inline:!0,locale:ee,minDate:new Date,excludeDates:be,showDisabledMonthNavigation:!0,selected:m.toDate(),onChange:function(e){d(te()(e)),fe()}}))))),i.a.createElement("table",{className:"time-step-table"},i.a.createElement("thead",null,i.a.createElement("tr",{className:"table-header-row"},i.a.createElement("th",{className:"table-header-buttons"},i.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(){d((function(e){if("desktop"===O)return te()(e).add(-1,"week");var t=te()(e).add(-1,"day");return 0===t.day()&&(t=te()(e).add(-2,"day")),t}))}},i.a.createElement(Ie.a,null))),y.map((function(e){return i.a.createElement("th",{key:e.weekDay,className:"weekday-header"},i.a.createElement("div",{className:"weekday-header-weekday"},e.weekDay),i.a.createElement("div",{className:"weekday-header-date"},e.dayMonth),e.today&&i.a.createElement("div",{className:"weekday-header-today"},$("Today")))})),i.a.createElement("th",{className:"table-header-buttons"},i.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(){d((function(e){if("desktop"===O)return te()(e).add(1,"week");var t=te()(e).add(1,"day");return 0===t.day()&&(t=te()(e).add(2,"day")),t}))}},i.a.createElement(ae.a,null))))),i.a.createElement("tbody",null,""!==L&&i.a.createElement("tr",null,i.a.createElement("td",{colSpan:100,style:{position:"relative"}},"day"===L?i.a.createElement("div",{className:"no-available-times-box",onClick:function(){q(""),ie().then((function(e){return d(e)}))}},i.a.createElement("div",null,$("No available times.")),i.a.createElement("div",null,$("See the next available time.")),i.a.createElement("div",null,i.a.createElement(ae.a,null))):i.a.createElement("div",{className:"no-available-times-box",onClick:e.onBack},i.a.createElement("div",null,$("No available times at this station.")),i.a.createElement("div",null,$("Find time at any of our stations.")),i.a.createElement("div",null,i.a.createElement(ae.a,null))))),V\|\|a?i.a.createElement("tr",{style:{height:43oe.length}},i.a.createElement("td",{colSpan:100,className:"text-center"},V&&i.a.createElement("div",{className:"spinner-border text-secondary"}),a&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Le.a,{size:40,className:"mr-2"}),a),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){return re(m,O,{})}},i.a.createElement(Me.a,{className:"mr-2"}),$("Please try again"))))):oe.map((function(t,n){return i.a.createElement("tr",{key:t,className:"time-row"},i.a.createElement("th",{className:"time-header"},("0"+t).substr(-2),":00"),y.map((function(t){var a=t.slotsPerHour[n];return i.a.createElement("td",{key:t.weekDay},0===a.slots.length?i.a.createElement("div",{className:"slot-unavailable"}):i.a.createElement("div",{className:"slot"},i.a.createElement("div",{className:se()("slot-header",a===T&&"slot-header-expanded",a.cheap&&"slot-cheap"),onClick:function(){return j(a===T?null:a)}},a===T?i.a.createElement(Pe.a,{className:"slot-header-icon"}):i.a.createElement(ae.a,{className:"slot-header-icon"}),i.a.createElement("div",{className:se()(a.priceGroupId&&"pricegroup-".concat(a.priceGroupId))},a.minPrice," kr")),a===T&&i.a.createElement("div",{className:"slot-body"},a.slots.map((function(e){return i.a.createElement("div",{className:se()("slot-option",e._cheap&&"slot-cheap"),key:e.time,onClick:function(){return Z(A(e))}},i.a.createElement("div",{className:"form-check"},i.a.createElement("input",{type:"checkbox",className:"slot-option-checkox",checked:e.time===(H&&H.time),onChange:function(){}}),i.a.createElement("div",{className:"fancy-check"})),i.a.createElement("div",{className:"slot-time"},te()(e.time).format("HH.mm")),i.a.createElement("div",{className:se()("slot-price",e.priceGroupId&&"pricegroup-".concat(e.priceGroupId))}," ",e.onlinePaymentPrice," kr"))})),a.slots.some((function(e){return e.time===(H&&H.time)}))&&i.a.createElement("button",{className:"btn btn-primary btn-sm slot-button",onClick:function(){H&&e.onNext()}},$("Ready")))))})))})))),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},$("Back"))))};Ze.propTypes=Je;var _e=Ze,$e=(n(34),n(16)),et=n.n($e),tt=(n(35),"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAIAAABKoV4MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALWSURBVFhH7Zc/aBNRHMcj6NahCoKLo3bRVUednARdRBRBB4eCzk66OJaAGhQHow4dlIJKWynSLiZNqqZ/KKE20YgVosY/Hdo0ES65u/gx7yVc7+Ull6T0BvPhUd7v936/3/fu8u53r4GKr/TkfaQn7yPdyNuJbPDem30MJpjS3Q4dytu2NZW5MhQJPEgcYDDBxCmXPeNVPrs2PZG+OJ46P71yPZl7OLZ8Fsmni8cNM89ggomTJQIII5gUmazHk3wunwhGdw1FdlRHQIxnSyfLVlEEMMGsL4lIUkgUATo8yU9+HKToj435klX8VUhmVke/rsfszT82Jk6WCCCMYFImM4NyWYMn+eGFo6H4Hml4hhQSpaGhtbxtm7djfU8Wj0nbM6SQSLq0G9FCvlj6+erDZR5jbOWG8JiW8frztVC8n8EEU/hVSCGRdIpIl4JW3rLLM19u3or1UWIkecIw14UfSTzDC0cYTDCFX8DVjC6feTR3iDkpJBJDEUpRUMQ40cpPZa6SGZ4dSP8ece4ybhphPAwmmHKhqv186RRZXIHwEEN6ODGAk4LC6UQrfyfe/3jusPpsFfndwl/X5q8rC5NSFJS2A618OHGQblq2/ki7RsOH30QbKEIpCkrbgVaeNk65+W8hadegOpLOrddcGyjCavW74EYrXzILd2f23n+7v3knb6lNOkUoRUHpcqCVh4n0JeoWjJy0FVpqA+kEUEram+n87r1oQ4d3r/vtBU5tw9xw7QYZVKOT316388F130gyd70LTjrZ+br33qWNR+kE7vebsLbfe13Xo6M5tUGRl40I8PzrerPtdz1dz6efcwXOp6J7+F31fIH6xVPhUpBUt15XX7w6lo/fe4Gfpx1Qz3rqGZJdxlnv0+rY1p/1vuffBaM7XSfdF+9Pb9NJF7JrkZepC+Opc+2c86MyWY9XeRd08m39L6cR/v2Pt1X05H3kf5avVP4CLhUZh4UJb5YAAAAASUVORK5CYII="),nt={cancelReservation:l.a.func,card:l.a.bool},at=function(e){var t=Object(u.useSelector)((function(e){return e})),n=t.apiEndpoint,a=t.chainId,r=t.campaign,c=t.product,l=t.timeSlot,m=t.reservation,d=t.vehicle,p=t.station,f=Object(u.useDispatch)(),b=Object(o.useContext)(s).tr,v=Object(o.useState)(r?r.code:""),g=R()(v,2),h=g[0],y=g[1],E=Object(o.useState)(!1),A=R()(E,2),N=A[0],O=A[1],C=Object(o.useState)(""),S=R()(C,2),w=S[0],T=S[1];Object(o.useEffect)((function(){if(m&&m.campaignCodeUid&&!r){var e=n+"/CampaignCodes/".concat(m.campaignCodeUid);X.get(e).then((function(e){f(k(e.data))}))}}),[m]);var j={Inspection:{title:b("Periodic time inspection")},ReInspection:{title:b("Reinspection")},PostInspection:{title:b("Reinspection")},ConditionInspection:{title:b("Condition test")},59:{title:b("Konditionstest Premium")},69:{title:b("Trafiksäkerhetskontroll")},93:{title:b("Konditionstest Bas")},91:{title:b("Veteranfordonstest")},57:{title:b("Gasoltest")}},I=Object(o.useState)(!1),x=R()(I,2),P=x[0],B=x[1];function V(){Q({event:"checkout_changeBooking"}),e.cancelReservation(m)}var D={};function M(){return i.a.createElement("ul",{className:"list-group list-group-flush"},D.plateNumber&&D.vehicleBrandAndModel&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"vehicle"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Registration number, vehicle"),":"),i.a.createElement("div",{className:"list-item-value"},D.plateNumber+", "+D.vehicleBrandAndModel))),D.product&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAB2xJREFUWAnNmA1wVNUVx//v7WYTiQYxgkKlox2c6qhDnVJLSUIqpdYZbWutdYrWtmhnpEUDQgLTDlMZa2tJgmiwpSl2qrQCtX7MlH4X6iThGzIdQRic2jpAkErlU0h2k933+jsLu9ls9mU3zDrTO/Pm3nvuOf/3f+eee++5TypSae7QfTxzigSncCFAvi/HceQPqevrehTGDakzjEG3EF08sbq5XZ8rRLdYOoEee3KzLkjE9WYorNu8uHY7YR1pbtMiT7pqQa0eKBaBIJxAj82boh45mg25WqaoRp7Ge466ykr1aBDYcOQWHvYE2QR6zAwaarSusV3rHF/HEp7WjB6vyplXKRoENhx5U7uaXEcRbOpy2QV6zJSXbdG1hPz0klLNo46cOaLyXCDnKfuy5+vrrTs1Ipd92mONHbqVl882Jfx71AnpJ/E+rXBc/djvUzmrsnv2TTr2UC6UPLLXfIV3tKs1ElLj3Gq9SfxOAPsKzLpO9ugu6lXZEP0e84kjCkTWEFOVXkIbIbiB9t4+X7upL2zq0MnGNp1gGn6eDTRUf+dGLWT8/t6EFpgei2k6H7odD6wgdr+VyzbtMRuE5d76aq2GwNW+p3/V12ohAeou36YtNh5LaLzi+iqy7zAFcx+cpG6TZ5emNk3zHX3G5MRnCKw5kKhjRhqbd4LZrel86HqVaZUT1eMWb/R7TZ+4e6O+Rmv6PWbSjJLaUKm9usnqsiecUIwXXMLTe6aX1wQUbC7B22PtQXdMyNXsBVO1HHmn36MHMZwWdrV+wU36DzKLjsq0vjTGYAd4LOA9aTHbxTi8dRte8B75lKLz0iMDG/VT9RISewYWVy1475dmX16mrTaIdywsBoXGII8RQ7cMROvvhR3tAvRXSC5o3pV7NfVrD25NqtIr2B/Hi22EQd9gjX7JIGIYVVlc4e4bl27WjbTx8tmSwM3I7/VdPdEwUWdS8kLrmx3FXVezwHgin016KmEYg0QdNE7BZBQR9CevT39kIVSwyZ4woDjnETHhRBytzAccND6/Rr8PGsuUp4lFxmpJ73/1ormHwDw+d7LeNcWntuoyCI1KGV0U0YGg1ZjSKUadJlZ3NStO2pcNeo5gkmT22AfZHxxjH+TbhoHtNG/Unezyjw/DJkjV9h+bgXeCFAqVs8m2hAn2Ts7FxYUaBen5Cd3L2CiwngnSKVjualfBuvkUyXCXcLTYHleU8n8bY+lVmeszf9qhUad9vcpufYxD+bWyiJ7nzDyVS7fYskHEXtyjyP6jms9mOwNSH+WFdnD/gA33S9Fe1bPhPkBmu/58iLRsVUVvn75Igngn++XLDVP16yCcAVP55EZdB6ntkPosA0sg83m85dJ//cpLdStZwsO0V9sdMghwKDkbdRhSi8G9A72ZYKWPu2y7NDHyq5GJhP7COfYKF447yMVeCJeog/4LWD+9/z3tIWE7CLkveJ6W8fWWgeYtLf9UKUfaekuhueAcC4eTpE5WjOCjuauaM5iFZ22mMsHSxE71aClx1E4G+1Y8pttRfjQe1w6+qQpCa5H/zM7OEhJIAJ6L9eY/iO1FscP6Mx82Dfxk4sitazKYJWei+riNJ3zdhedmMlMDDvZkjD2zTZU9UX2zxNH4R6p12L4Ad9tFZIUZU+7h/N7LF27i3JoFyd8y9lcAXWQM5S5Nr6vcP6Eb0NmN7vNsJweYgYuwdZnWtWS6h8jPPsz424xPyURJeiwa0yS+oitEAoHLL+VVX0PxVQy+bw9pjq3M+0KO/o78fgAsPiqe3qbRmWDZbUuNysbpQwT5RPDvgdS1eO9iMIFSGf1PlDm6gfEJ6H060z7pMV48EjJdMV+L+qLaAMgRlD6G8XMYO46XBD4C2q641Aqph9F5duIndTQTLFf7XHIgvPQ+eEfBC9Muwf4wz8XxsE6bXVrvHMhZYp4OoXw9zGuWv6VI9B1V8FVtEHgMY5/YWwy5253LtOPKCdqyv12LQiG13kzil4tMSmZTSSa3CqxO5vsW8MYytpN+KXUJfZeYa2VxHERWyTY0K2WbnMqRI5JXKW/pJlXFuvkiV3UY2c3ld9Tr8GYjXp1jYwc3aSpEu6+o0j9SIEG1TSUYo9kifoi3drglyak8jOxCiPwN2UdoW1L6Pd5haVe6JIlZ/o3SQg7ilc5JzXA9JcIhVXHK77cn2UbmvK8ZbCmtxNt373ZEpp2/QGAJ2Kf5OfNU/RTtC5Xo2/Tf4xLyUEOt3mb7WUH/DdyxNhMtScwETONK2P/bru0ob5lXrT146117rO2FtZUV9A1etBfAX2SCDNUG9w/cwK9jDzsElpvo04+ox7Dyk5es+dVsQaWa3lB19u6awkoTM8HIcjY/zkSWcidL+WWm9HJ7WOYvEU2duHwDG+NXUsaF1nOqdcB0WzaxKRNLPMf5yFoI4iwplcZbO1WSA6lOqm7erGsgcjcBe43JYL+Pe8Bv7L9DSie7trQHj4/DQ3mPq8btutwuu9kYmf3kqswUWNtigeqxbHmx+vlI2XtyEjsfAl6ZloV62J+KVP4HUoanecfrSRMAAAAASUVORK5CYII=",alt:"service"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Service"),":"),i.a.createElement("div",{className:"list-item-value"},j[D.product].title))),D.station&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAhCAYAAACvBDmYAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAAPrSURBVFhHnVbJalRBFC3bEVxlI7gQBN34Eca4VnD8ARdGXIgGN4JTNqbTiRpxIyISEFdxJ46riOlBJCKK0WgcehUhEBBETEhIe055+9Hv9ukpBw6Ve+rWPTf16tXrUKlUWrIZxqbChmwhHBnMh0vgaHYiPOXImDrnLVVC+SlK0VNhuBC2ZPNhAI3NgZXBibCMuIy/X3GMMfQ4jzzm29IUlJ+iFD09hvJhNxqYBZfQ0AOMPeOVsM6mIxjn8mGvzS8xn+tsOoHyU5SiZy0GC+G4NfgxVwq7TG4K5jE/rsN6kyOUn6IUPauASXc0y4eHw+/CZpPbAvO5jutrd1b5KUrRk+AZw678hNFUp01WwXVcD85Wz6zyU5SiJ2EvzlK7j7sRuJ51WI+x8lOUoufNmbARxfl2j0U3B6RkcoVwHo/2KxpY5IgX6eJYJay1lBRYh/VYV/kpStETTRxFYV41PeaVANMZNMb7s4JxAhyxcQVN31fNsg7zWVf5KUrREwUv43wu+yuIgOHZ2GQhnDIpAlovm8W6CyYlYB3WY13lpyhFTxiOYnfK5pMC5t6jqUkLU+DOYt2MhSmwHusqP0UpeuK/f4aiJfNIAfo8TG9ZmAJ2+QbWLliYAuuxrvJTlKInduwe+M08UkCTRcy9sDAFNFIAv1iYAvTvrKv8FKXoiWYGwEX1YsDwNAx5RlNfHOT3RT0fzpmUgHVYD3NXlJ+iFD1zxXDQmuk2rwSY5lv/hPMwf4nxNuK3jHFF3cH8GktNMFQMe+I86io/RSl62hflL97Sq+aVAlIyfOuRkwfn2CiaPAO9rkmCdViPdZWfohQ9CezWY7Dc6BJvF/bYy6zHWPkpStGTwI4diI8Ll3QUVgmuZx3WY6z8FKXo+b9gyGAXZsBiFFYJHIsS67AeY+WnKEXPKmBywnZjn0kdAS/Rfq4He02SfopS9KyCnz6YfEbDHzo9q8znOnC69lOs/BSl6FkLvM2HbVdPmtQWmG+7ecikCOWnKEVPD5yx5zD8nS2F7SY1BfNiPtaZlED5KUrR0+Pa67ANj/AXOI5peVdWwXnmMZ/rTE6g/BSl6KmAa+aYHYHUzzsPzjOP+SaloPwUpejZCNilR3icf64Xw06TUqDOeeaZVAflpyhFz0YYmQxb0cQ8fpi8Gf0RNpkcwZg655lnch2Un6IUPZuBdyqaWcF416QIxqY3vXOVn6IUPVsBZ7Cf5xCMFzlHi/tjQhMoP0UperYCUuJPPTzqBZzJPo6MqVtKQyg/RSl6tgPsXheam+ZO2thlU02h/BSl6NkuhgphB3b0E0eTWkL5KUrRsxPcngzr7c+2oPzqWQn/AFABU+LsE+j8AAAAAElFTkSuQmCC",alt:"station"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Station"),":"),i.a.createElement("div",{className:"list-item-value"},D.station.name,m&&e.card&&i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return B(!0)}},b("Edit")))),m&&!e.card&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"flex-grow-1"}),i.a.createElement("button",{className:"btn btn-primary btn-sm",onClick:function(){return B(!0)}},i.a.createElement(et.a,null),b("Edit")))),D.station&&D.time&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAfCAYAAAB+tjR7AAAAAXNSR0IArs4c6QAACGVJREFUWAm1mA1wVNUVx/9vN98BIt+V1DBamRa1xZYvG0giZRCkSLUItVKdfoFVKQokKfWj1rbDjIR8AAZhoIwjMG3RWlGqtnWK2SQoIxUYiI7FCgEkBUxEMITd7O7r7yy89IEbJnx4Z97e+86559z/Pefcc89bR59zW9+gtH3Nutp11M+VMoKOjjJumpevfY4jSF1vTtendn1m1U71b2/RrXI0mac/kOIm7biKgS4lMT4FtIHxhrTL9crsQQob/VztkoJdVquera5+6br6OYuGA46eAdzfginanp2mwzOHKlr+L/V2T2gA1r2eTdwGgPHMb6b/9cBCPT3NUawzwJcM7KKQxsddrcO1tnClm6M1JUPU2tnCHv33dere7KoU4HOxfIOToqnFo9To8f39JQFbFsKa0u9QtqZHlu67Z5hO2CJYLFBRrxGxuAoBkgvpMuYdweIfAup14nabB6Zis3Kj7VrDZocEArp93mht8nhef9FgAVqCVX7LIrOKC7XKFC95Uz0iEc0iUB+E1/f0Ys30LcRwH2g9jYZMI09lXi89Ne1aRVZsVeqxE6qGfyeRPa5klN44LZvonMptuizSqiw/satjrDWK509Y68elxJvJldXoWwBay/ALPH92AvpDZk/9/f5r9anxrdma0VZNJDp/gOzNzP8gENQduP8t4y8MaSV6b2f4jZIi7TGaNQflBxAwF51XwyIHOSTvOXG9i8L7TRgrz0DXcobbU6UZcwr1tqcUa38xHNHKbEd33legjz36ohoVomclIZOngO4uLdCzlu4am7UJWrikUGNZC7WkEU7gQL2joCfc1X7PET1JbOX2yMbVtPIafY9jvJy4ep7Tf/ecfLX5dUXCuooVJ5wMaAD0DrDFRQph6ZHtx/Uc1lwH+EOERKjyDU1vb9d7FXX6EfNXm64LitnFW5UXPqFd7HhySYFeX1ynvEhcOwGzLSdL4zhg7abc39a7Ch6oV/7c0ar105fsVrrl2LIdytYn2owNBzjZGlw8TB/hqUrmTiwu0GDWigf8gl0dE+MzscIuA2oykRipypWbIU1NBtTmWP48G+jCWizdpBbrLc3hkSmERA+3VY+aTLq0gO7KRXX6tr0nbhMbeI3d3MH4GXaYfCPsEGDHSD+PmMzCen3JjelWXPTI7EId8fR4/SZXKWMcRb13rzeAxPsL+HZ7L0f1Rp+br/c5Q8uh3Vv1phbMvkGHwFMDlttgv/QZsAFX9dj7cRZPGsdRR5nMmZ8a0Mu2gBPVXXRuMFUr7N3fyuo0bWutniqr1US8sMXj+YGSl8f/ZJiOezzOQTV5eXY0olugrSK0XqQvNv55xyw7/Q6WXVFalEhNWlijf6IlQOq60RT625KQ+oZdheAPwE/3Ejrd3HjiOq2Gtt2AEjaf+GVsjHXfpbMs892KkEZEXW3JaFVGclefLe17x3V5vO7pIDkaREjs6nj3DSws3EyNgXSEUFkXj2sFllpFXDZ0BjQhfkrflTZOSdPBBK2X0j8TBgkGP3Znt8RVzrC7R7OexVKwUCL12AlvrCVFuTq4aKv6UKBY7O0mN07yZEpH6L94owlLRpiX0IU7P/BbFE85i2rxgJSZfrlGRZrUxO1XYDpAeIj87EbalNapZY+ncKu5uu7sB7BZLMxBPXXCWeg4tIy8TB1j7rOQNxjP3+AfZYO9kfsPT469+/mkJeBqI78bLY1REKXz7pWMqbaZQFjxTi37ICcRhfl+pTYur9M98ZhmeXQOBEWTBtjdDi2RITye12ORX2CpvwKmCBANQVe/8XhezwF8whsDPheACfe3RhKXiLL76GSnYD3BJP2/ibmBFgKJ2tPRYQ7N6CTzOkgUOO+w+FVlb6m/hUUHI8nA9O4N6QYAP29sdF9hfc+hCncJLOXb1dGohphQnKSNhbo31mkYr1tQZnlwOvXsNQbK5iRrCVfr3EBNbn+9Cul68yTCCS+OJca3mWE6jVkT9Bp15mIAPWePG9VqhN+HN8H4nOr1vLdiuYe9+RfTk2MfZmNNHLTXTA8hNpnOcm0nt5RxfC0nW1MDqRrsPVwX1YCbadWRnWqULyQWv0/RkTjBPtHzGlIaTgHdWIQes4NWvllfZ/xVzsVfTBFGOf9WsV+ZsT3aSX5dMK9AqwmTTKwfAnQe+WX4A6O172ytT25R77awHsJiDyX7OCyr13Xk4s0A2jGwQDea20l5r6LHJRXebPq6FAZnLzz3CrWhtJok/wSL9ONOb8vKSITFR1RfdactcobYiYiG44254cMadAaDF26pIqqHTehswWtTDCg3402wbsIg8735FwTWhIcWaCl+eZvLczEgArNGqpn7cBwx1h6Pqh6XPl7doG7eQjmZWF76WXH+/w+hWZt5FTHpH+j6EK8U8ilz2EpO3tfiqWV4boenA/kLb0s36yttMS0j4R+g5vwhyuOERK9YVFVs4C6UH2XRjfBfxWKN/HvQgnX6Rin7WHUidPuksQtmhXI038pEvsNyjrXylSB9ylkZy5noqI0vCqxtszKkUe2uXkPR+oF9NOP05WCfOF8D8ANsYBJ9P5vrb9AbOUwbqNaWWmloPCs3CYeX2EDACZ6y8hky/pcLHVMCjsRqL2CNj6krfzqviIrf16rq9OX2GN95AeUA8kgwqANzvqm93hQ2Y7XBdPoqgG7v5miq/zvNm3fRlvUU2QfhybCqAWN16FoWXV08WjW8s4fkzT5pwk2awIRfMesaZCqGF+ixMUmKddNwycB6cKgdJpLY7R8WqwPsz7dXuOX2Eqv7idsWDmQ/6LnUCtdbzHJ1p9H/MS2oR5OlPE/v5wLWU27XL4AmYY1CLDcYel9AZQHuEBs5CODd8F5MT9PLfL4c8+TO1f8PuFUVrynCVZIAAAAASUVORK5CYII=",alt:"time"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Date and time"),":"),i.a.createElement("div",{className:"list-item-value"},te()(D.time).format("dddd Y-MM-DD")," \| ",te()(D.time).format("HH:mm"),m&&e.card&&i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return B(!0)}},b("Edit")))),m&&!e.card&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"flex-grow-1"}),i.a.createElement("button",{className:"btn btn-primary btn-sm",onClick:function(){return B(!0)}},i.a.createElement(et.a,null),b("Edit")))),m&&r&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:tt,alt:"discount"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Campaign code"),":"),i.a.createElement("div",{className:"list-item-value"},r.name),i.a.createElement("div",{className:"list-item-value"},r.code,i.a.createElement("br",null),i.a.createElement("b",{className:"campaign-code grey"},b("Code activated"))))),!m&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("div",{className:"list-item-icon-container"},i.a.createElement("img",{className:"list-item-icon",src:tt,alt:"discount"})),i.a.createElement("div",null,r?i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"list-item-label"},b("Campaign code"),":"),i.a.createElement("div",{className:"list-item-value"},r.name),i.a.createElement("div",{className:"list-item-value"},r.code,i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return f(k(null))}},b("Change code")),i.a.createElement("b",{className:"grey"},b("Code activated")))):i.a.createElement("form",{onSubmit:function(e){return function(e){if(e.preventDefault(),""===h)return f(k(null));O(!0);var t=n+"/CampaignCodes"+G({ChainId:a,StationId:p.id,Code:h,ReservationTime:l.time,ProductIds:[p.productId]});X.get(t).then((function(e){if(O(!1),200!==e.status)return f(k(null)),void T(b("The promotional code does not apply. Please check spelling and validity."));f(k(e.data))}))}(e)}},i.a.createElement("div",{className:"input-group"},i.a.createElement("input",{type:"text",className:"form-control"+(w?" is-invalid":""),value:h,onChange:function(e){y(e.target.value),T("")},placeholder:b("Enter campaign code"),disabled:N}),""!==h&&i.a.createElement("div",{className:"input-group-append"},i.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:N},N&&i.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!N&&b("Apply"))),w&&i.a.createElement("div",{className:"invalid-feedback"},w))))),m&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAIAAACYgrq8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANYSURBVEhL7VVJTFNRFMUJBxwSE40bY9So0cTowsjGoC40xo0uHBYulMSIJCbiSjdGjQuJzIjKKAiGIhIIqEVA0NKBtrSltLSlA6UU2v7OLZ1b+r83/Y9OqLCoYSEnN8077773zuu9992fRiwrVuSXESvyC6Gx9dUNH67lHkyVNfCP9ypyPEETEpjHb+TDeAi0X9LSmoVZ3+S3U2Kd0qtFg+lNgpM4gSOZCH4jL9RXgTYYTf0QTaUCQn0lnDll70c8gmT54Jz79dCuRsGJet5RijALzaYC/pC9cHDtgOoB4hEkyzM1zyJ3HOhR3CmhbwrjQeRIBSjC07XcQ4hEkCDvDmCljM1t4oswFmP1cA/MxSNdScDxcCjs9YVsroDe4VNbPFLMJdA5WXDvCStVYW6XGptFhnfwC2vRHoLgaPPhTLtPhXiSfJ8yt4C22uwWw9jqHYelAt0r0kWCN1NaxtxWRE8H11IMoh1f7XAyTPJ15YjHy4MerO6WZ5MUSrScuf2L7AZJSUw7BnsVd/tV96EqGZonbO0L3kzJiP4thEpmoigsHWprt9b+Q+ccMrpGrB6ZJ2hEOxHwSvbuT+ILiMXLd0mvFdM3zvqnEScIyEI1Zx8ifwaOzwXDHl/I6gro7L4Ji0eCufgwRu5E9ChyiukbgnMeksbkSxgZ1PFbiETAmnoOsfIEMMTnAf+sirO3grWjlLGlcHBdNNTxBn0GrU6E0tIJXpX1M0lj8tBq6oaPQPmY3CLSRvRvYKnS0oFWzGPWr6WO36TKs3uVufCQaOpHTM1TtjYfKgMetxhrkJlayAJaCHjYRfT1A6o8ksbk1bbuEnpG9PpRS23zAbSMnm0VnSPHMXmAO6CXm9skxqaoVXP3NwtPIXcq4A85IHGdkiskTZBfCPrk4wLaqlFDjdOvsXkVkBHDLBfqf9LWA1mUmT6OYe8h4BB2CD6kABLRr8qD+oLsdEmvt49dahWdh+4J3R7aaA33AFRYAW0NbCfPX0Q+MOdsEmQmpePvBp+WMubWCtbOSs4e6HEN/GMfRjIpo2fgvXVILn9X3tPPstHpi8oD4F1pHT8lxkbyZU9Yv8JnY8bJMLiGzW6RzSuHwLiDGLR06IPQDdG2pWFx+X+KFfllxP8sTxC/AFRgeZ8C4aiAAAAAAElFTkSuQmCC",alt:"time"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Booking number"),":"),i.a.createElement("div",{className:"list-item-value"},m.bookingNumber))),m&&i.a.createElement(Ne.Modal,{show:P,onHide:function(){return B(!1)}},i.a.createElement(Ne.Modal.Header,{closeButton:!0},i.a.createElement(Ne.Modal.Title,null,b("Modify booking"))),i.a.createElement(Ne.Modal.Body,null,i.a.createElement("p",null,b("Changing the paid booking means that your original time is cancelled and a refund is made automatically.")),i.a.createElement("p",null,b("After choosing a new time you will get a new confirmation."))),i.a.createElement(Ne.Modal.Footer,null,i.a.createElement(Ne.Button,{variant:"secondary",onClick:function(){return B(!1)}},b("Cancel")),i.a.createElement(Ne.Button,{variant:"primary",onClick:V},b("Accept")))))}return d&&(D.plateNumber=d.plateNumber,D.vehicleBrandAndModel=d.vehicleBrandAndModel),c&&(D.product=c),p&&(D.station=p,l&&(D.time=l.time)),m&&(D.plateNumber=m.plateNumber,D.vehicleBrandAndModel=m.vehicleBrandAndModel,D.product=m.products[0].productType,D.station=m.station,D.time=m.reservedDateTime),e.card?i.a.createElement("div",{className:"summary-component card shadow-sm"},i.a.createElement("div",null,i.a.createElement("div",{className:"card-header"},b("Booking summary")),i.a.createElement("div",{className:"card-body"},M()))):i.a.createElement("div",{className:"summary-component list-wrapper"},M())};at.propTypes=nt;var rt=at;function ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function it(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ot(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ot(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return lt.apply(this,arguments)}function lt(){return(lt=I()(P.a.mark((function e(t,n,a){var r,o;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+"/Reservations/".concat(a,"/").concat(n),e.prev=1,e.next=4,X.get(r);case 4:return o=e.sent,e.abrupt("return",o.data);case 8:e.prev=8,e.t0=e.catch(1);case 10:return e.abrupt("return",null);case 11:case"end":return e.stop()}}),e,null,[[1,8]])})))).apply(this,arguments)}function st(){var e=window.location.href.split("?");return(R()(e,2)[1]\|\|"").split("&").map((function(e){return e.split("=")})).reduce((function(e,t){return e[t[0]]=decodeURIComponent(t[1]),e}),{})}function ut(e){var t=window.location.href.split("?"),n=R()(t,1)[0],a=Object.keys(e).filter((function(t){return e[t]})).map((function(t){return"".concat(t,"=").concat(encodeURIComponent(e[t]))})).join("&");a=a?"?"+a:a,history.replaceState({},"_",n+a)}var mt={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired};function dt(e){var t=Object(o.useContext)(s),n=t.tr,a=t.locale,r=Object(o.useState)(!1),c=R()(r,2),l=c[0],m=c[1],d=Object(o.useState)(null),p=R()(d,2),f=p[0],v=p[1],g=Object(o.useState)(!0),h=R()(g,2),y=h[0],E=h[1],k=Object(o.useState)(""),w=R()(k,2),T=w[0],j=w[1],x=Object(u.useSelector)((function(e){return e})),B=x.apiEndpoint,V=x.campaign,D=x.timeSlot,M=x.pendingReservationUid,U=x.pendingReservationTime,L=x.vehicle,q=x.station,Y=x.originalReservation,W=x.b2bCustomer,H=Object(u.useDispatch)(),K=Object(o.useState)(!!W),F=R()(K,2),z=F[0],J=F[1];function Z(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.force,n=void 0!==t&&t;if(n\|\|!Y\|\|Y.reservedDateTime!==D.time\|\|Y.stationId!==q.id\|\|Y.plateNumber!==L.plateNumber){var a={uid:M,plateNumber:L.plateNumber,time:D.time,vehicleCategory:L.vehicleCategory,stationId:q.id,productIds:[q.productId]};X.post(B+"/PendingReservations",a).then((function(e){e.text().then((function(e){H(O(e)),m(!0)}))}),(function(e){e.data&&e.data.error&&e.data.error.startsWith("No resource for slot")&&(E(!1),j("No resource for slot"))}))}else m(!0)}function _(){return(_=I()(P.a.mark((function e(){var t,a;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t=st()).expired&&!t.error){e.next=10;break}throw t.expired="",t.error="",t.stationId="",t.reservationId="",ut(t),new Error(n("An error occurred during the payment"));case 10:if(!t.stationId\|\|!t.reservationId){e.next=18;break}return e.next=13,ct(B,t.reservationId,t.stationId);case 13:return a=e.sent,t.stationId="",t.reservationId="",ut(t),e.abrupt("return",a);case 18:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function $(e){window._klarnaCheckout?window._klarnaCheckout((function(e){return e.resume()})):(v(e),setTimeout((function(){for(var e=document.getElementById("klarna-checkout-container").getElementsByTagName("script"),t=0;t<e.length;t++){var n=e[t].parentNode,a=document.createElement("script");a.type="text/javascript",a.text=e[t].text,n.removeChild(e[t]),n.appendChild(a)}}),100))}function ee(){if(l&&!z){var e={pendingReservationUid:M,pendingReservationStationId:q.id,originalReservationUid:Y?Y.uid:void 0,originalReservationStationId:Y?Y.stationId:void 0,plateNumber:L.plateNumber,vehicleCategory:L.vehicleCategory,customerUid:null,campaignCodeUid:V?V.uid:null,language:{sv:"Swedish",fi:"Finnish"}[a]\|\|"English",productIds:[q.productId],vehicleBrandAndModel:L.vehicleBrandAndModel,meta:{}};I()(P.a.mark((function t(){var a,r;return P.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(f){t.next=20;break}if(E(!0),a=null,t.prev=3,a){t.next=9;break}return t.next=7,X.post(B+"/Klarna",e);case 7:r=t.sent,a=r.data;case 9:E(!1),j(""),$(a),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(3),E(!1),j(n("An error occurred during the payment"));case 18:t.next=21;break;case 20:window._klarnaCheckout((function(t){t.suspend(),setTimeout((function(){X.post(B+"/Klarna",e).then((function(e){j(""),$(e.data)}),(function(){E(!1),j(n("An error occurred during the payment"))}))}),1e3)}));case 21:case"end":return t.stop()}}),t,null,[[3,14]])})))()}}Object(o.useEffect)((function(){Q({event:"checkout_billing"})}),[]),Object(o.useEffect)((function(){var e=Date.now();if(U){var t=U+84e4;if(e>t)return Z({force:!0});var n=setTimeout((function(){Z({force:!0})}),t-e);return function(){return clearTimeout(n)}}}),[U]),Object(o.useEffect)((function(){(function(){return _.apply(this,arguments)})().then((function(t){if(t){return Y&&Q({event:"checkout_changePurchase"}),Q({event:"checkout_purchase",transactionID:t.uid,transactionAffiliation:t.station.name,transactionTotal:t.products.reduce((function(e,t){return e+t.price}),0),transactionTax:0,transactionShipping:0,transactionProducts:t.products.map((function(e){return{sku:e.productType,name:e.productType,category:e.productType,price:e.price,quantity:1}}))}),H(O("")),H(C(null)),H(S(t)),void e.onNext()}Z()}),(function(e){j(e.message),E(!1)}))}),[L,q,D]),Object(o.useEffect)((function(){return function(){window._klarnaCheckout=null}}),[]),Object(o.useEffect)(ee,[M,l,V,a,z]);var te=Object(o.useState)({customerNumber:"",notes:""}),ne=R()(te,2),ae=ne[0],re=ne[1],oe=Object(o.useState)(""),ie=R()(oe,2),ce=ie[0],le=ie[1],se=Object(o.useState)(!1),ue=R()(se,2),me=ue[0],de=ue[1];function pe(e){e&&e.preventDefault(),de(!0),le(""),X.get(B+"/B2BCustomer/"+ae.customerNumber).then((function(e){if(de(!1),e.data){var t=e.data;t.customerNumber=ae.customerNumber,t.notes=ae.notes,H(N(t))}else le(n("Unable to find company"))})).catch((function(){de(!1)}))}return i.a.createElement("div",{className:"finalize-step-component mt-3"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-5 order-md-1"},i.a.createElement(rt,{card:!0})),i.a.createElement("div",{className:"col-md-7"},T?i.a.createElement("div",{className:"text-center mt-5"},T&&("No resource for slot"===T?i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Le.a,{size:40,className:"mr-2"}),n("This time slot cannot be booked")),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){H(A(null)),H(b("time"))}},n("Change time"))):i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Le.a,{size:40,className:"mr-2"}),T),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){j(""),l?ee():Z()}},i.a.createElement(Me.a,{className:"mr-2"}),n("Please try again")),i.a.createElement("div",{className:"mt-3"},n("Payment was not completed"))))):i.a.createElement(i.a.Fragment,null,z&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"finalize-step-business-message"},n("Not booking for a company?"),i.a.createElement("button",{className:"btn btn-link",onClick:function(){H(N(null)),J(!1),le("")}},n("Please book here"))),W?i.a.createElement("div",null,i.a.createElement("div",{className:"from-group"},i.a.createElement("label",null,n("Company code")),i.a.createElement("p",null,i.a.createElement("b",null,W.name))),W.email&&i.a.createElement("div",{className:"from-group"},i.a.createElement("label",null,n("Confirmation Email")),i.a.createElement("p",null,i.a.createElement("b",null,W.email))),W.notes&&i.a.createElement("div",{className:"from-group"},i.a.createElement("label",null,n("Notes")),i.a.createElement("p",null,i.a.createElement("b",null,W.notes))),i.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:function(){de(!0),X.post(B+"/Reservations",{pendingReservationUid:M,pendingReservationStationId:q.id,originalReservationUid:Y&&Y.uid,originalReservationStationId:Y&&Y.stationId,plateNumber:L.plateNumber,vehicleCategory:L.vehicleCategory,customerUid:W.customerUid,campaignCodeUid:V&&V.uid,language:{sv:"Swedish",fi:"Finnish"}[a]\|\|"English",productIds:[q.productId],vehicleBrandAndModel:L.vehicleBrandAndModel,additionalInformation:W.notes,meta:{}}).then((function(t){var n=t.data,a=B+"/Reservations/confirm/"+[q.id,n.uid,Y?Y.stationId:q.id,Y?Y.uid:n.uid,!!W.email].join("/");return X.get(a).then((function(){var t=B+"/Reservations/".concat(n.bookingNumber)+G({customerNumber:W.customerNumber});return X.get(t).then((function(t){if(!t.data)throw new Error("Unable to confirm reservation");H(O("")),H(C(null)),H(S(t.data)),e.onNext()}))}))})).catch((function(){de(!1),le(n("An error occurred"))}))},disabled:me},n("Confirm booking")),ce&&i.a.createElement("div",{className:"invalid-feedback"},ce)):i.a.createElement("form",{noValidate:!0,onSubmit:pe},i.a.createElement("div",{className:"form-group"},i.a.createElement("label",null,n("Company code")),i.a.createElement("input",{className:"form-control",type:"text",value:ae.customerNumber,onChange:function(e){return re(it(it({},ae),{},{customerNumber:e.target.value}))}})),i.a.createElement("div",{className:"form-group"},i.a.createElement("label",null,n("Notes")),i.a.createElement("textarea",{className:"form-control",value:ae.notes,onChange:function(e){return re(it(it({},ae),{},{notes:e.target.value}))}})),i.a.createElement("p",null,n("You will be billed according to your contract. If you do not have a contract yet, please contact sales at customer@carspect.se")),i.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:pe,disabled:me},n("Search")),ce&&i.a.createElement("div",{className:"invalid-feedback"},ce))),y?i.a.createElement("div",{className:"spinner-border text-secondary mt-3"}):f&&i.a.createElement("div",{style:{visibility:z?"hidden":"visible"}},i.a.createElement("div",{className:"finalize-step-business-message"},n("Corporate customer?"),i.a.createElement("button",{className:"btn btn-link",onClick:function(){return J(!0)}},n("Please book here"))),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:f.html}}))))))}dt.propTypes=mt;var pt=dt,ft=n(26),bt=n.n(ft),vt={onlineReservationDiscount:l.a.number,onlinePaymentDiscount:l.a.number,productId:l.a.number,discountType:l.a.string},gt={uid:l.a.string.isRequired,name:l.a.string,code:l.a.string,discounts:l.a.arrayOf(l.a.shape(vt)).isRequired},ht=(n(17),n(36)),yt=ht.Component,Et=ht.Property,At={cancelReservation:l.a.func.isRequired,campaign:l.a.shape(gt)};function kt(e){var t=Object(o.useContext)(s).tr,n={Inspection:t("Periodic time inspection"),ReInspection:{title:t("Reinspection")},PostInspection:t("Reinspection"),ConditionInspection:t("Condition test")},a=Object(u.useSelector)((function(e){return e})),r=a.apiEndpoint,c=a.reservation,l=a.originalReservation,m=Object(u.useSelector)((function(e){return e})).station;Object(o.useEffect)((function(){Q(l?{event:"checkout_changeBookingConfirmation"}:{event:"checkout_confirmation"})}),[]),m=c&&c.station;var d=Object(o.useState)(null),p=R()(d,2),f=p[0],b=p[1];return Object(o.useEffect)((function(){return function(){window._klarnaCheckout=null}}),[]),Object(o.useEffect)((function(){if(c&&"NotPaid"!==c.paymentStatus){var e="".concat(r,"/Klarna/").concat(c.stationId,"/").concat(c.uid);X.get(e).then((function(e){b(e.data),setTimeout((function(){for(var e=document.getElementById("klarna-checkout-container").getElementsByTagName("script"),t=0;t<e.length;t++){var n=e[t].parentNode,a=document.createElement("script");a.type="text/javascript",a.text=e[t].text,n.removeChild(e[t]),n.appendChild(a)}}))}))}}),[c]),i.a.createElement("div",{className:"confirmation-step-component"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-7"},i.a.createElement("h5",null,t("Confirmation")),i.a.createElement("div",{className:"confirmation-step-confirmation"},i.a.createElement("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVsSURBVFhHvZf7b1NlGMf3lzgUxCkCymKAKQleUMYlGogxCsb4gwnGBGOAhAQCGhUj6k+6+73sPsrcIGwKY72t7Xpdu67t2m5s3dqupd3Wy3p6PfPbnkN3dk63lkL85vvT3ud9P33P+z7P865o9X9XbmSSjMeThCcwrrHXDk5826441Diyp1q0vVb8cousjK/9RGj9weq+E4w4E8kouZqkp22szZCJZCQYcejmeT3qD6uEL1QIntvEjSOl90zn5pfkkfgySW4Gzo4kyUQo6jE4OzpVR3LCmK4Vv3LfdH4hoIsnwvRaHGVBYnPuwNiQ6UKdZCdrxTx9Q35wwtlBxBbpFdeLjYwlwrM+QZ/u1BNtjutq0Yvyh78HIy56XYbWIePJyIxvmK89WSEoZi1RgCuFW4TWKytRD736Y60hcTNdfnWf7vQz4VGuEm2VTV+PxgM0I601ZIBw4OSf8nty3TCye8LZSa6SNCaDjCVWxh2t9ZJdrAlPb3zebtVxT9BAgSAKSS6u2LpUx1jRBRi3BmYdTY24RGi9miRjaVYaieKinWuoEm5lxhXgDuUH+vlmi7ufr/m4Uvg8Y6i4Q/m+c1m1hgxHvT3qjxgRhbhDeWjS3RdLhHAN3QH9TfUJ5l7rJK/Kpn+jkaiKjqXRauG2zHABble8O+n+GzlNLYqC5wuZ2xWHMwGVgi39utNUwhThEytn/8qMFeDW0YPmhVs4HYpHCTvRz/OYYfgM9kUJhopQ3gYM3zDHKOOm9ek+l03/gWNYfzDrfEN+wOTqSSbpq8HUyNQvzMhm2b5xRzv+XoT626Z4jzkGVwqL75u+8xN2RCyFp3vUx/ELWDFwi3w/Sn+2vkEaXd2sFK8V75BOXcdYETKyYeR15hhC/zWeBYmaDaVT6Oh6ajGapd7B4/JwUtg3uikjOOVq0Tah5TICgAylM2ltDN1xbklKzc/IF7J0KctxCxBQmeLtH5tv4vJwokZXD3o4c0HK+MVD5nOISSFrRCXMMb7mBDotdzlcwi7VEZwreFp7PXoqPfBY+GDYX4tsH3O1jDHxgfkCwlIftlm6lzmGNiu0XPGH7dxXhTdk6tN9hrqR5PCiiSB4raMHmEsxXSPaLrJ+j8iieDLczakDdZJdYuuPfmKWu9cAMZeFFw+YXDfbFO9s0oXqJbsVM38iGEkSHTJfZA3DKPES289+Yo7ZBLIKPPMCH2m3CQ/myd8yL/QiHqUgbnC0s4Yp43eN2K7hxZXK7A0UTYB3q0uFQpOjy3arjroDOkxBjSW9QSNWZ0VQrpe8howORdxZqTg/1LkuVXlOHnrGoOHraDyIWamyTsSW7hrOsIIyxq+R2K4RMV+asibcO6unPx8e3Cgt1c01UxNTSCSvzTPAShWm0+f6E/ZEzYGQf7ZHA52qw8hRVjDXyEi+5qQ/PEvNTSGhcMyHpxErlOVe7afU6xQ8g7Mt/+bTJC21uO9QIIhG4hLN+ASoYaxopuvEOwSWq96QGfcF+ZDP/mCUz9v6L8MxLwWCaCQUiftVMxWohKw5TONJwZOXNUr35MmDW2R7F/xampHWGhJ3MkDMCyyXsjaNwoz/lqYeDbJKIxMJkWgg/xjP5nMJcxpF1bjA59YvFjIl7HV48mKN6KWCwfjs9ZKdD71D9IrrlQUJIVM1szV4YaSffU8ABqxWXNI7dgr/j25Us7IjIZRWx7ICH5knK8tnx7iZ2FmnslxtryHiy/Qq2bQhkhKK/qxPPDx5qVt9jCd/E+8H4LF19GocFXo7MqdJ+kab4u3b+i/wb3aqDXAOj6UcyIyChHPae09jrxNYLuOZctfw1YDhzJD5vHTq1wlnF9KAqp/5KF/kM9Pq6n9pSObDWlkCbAAAAABJRU5ErkJggg==",alt:"",className:"confirmation-step-confirm-icon"}),t("Your reservation is complete"),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg confirmation-calendar-button",onClick:function(){var e=new yt({name:"VCALENDAR",properties:[new Et({name:"VERSION",value:2})],components:[new yt({name:"VEVENT",properties:[new Et({name:"SUMMARY",value:"".concat(c.plateNumber," ").concat(n[c.products[0].productType])}),new Et({name:"DESCRIPTION",value:"".concat(c.plateNumber," ").concat(n[c.products[0].productType])}),new Et({name:"DTSTART",value:c.reservedDateTime.replace(/[-:]/g,"")}),new Et({name:"DURATION",value:"PT0H".concat(c.station.slotDurationMinutes,"M")}),new Et({name:"STATUS",value:"CONFIRMED"}),new Et({name:"LOCATION",value:[m.name,m.streetAddress,m.city].filter((function(e){return e})).join(", ")}),m.coordinateLat?new Et({name:"GEO",value:"".concat(m.coordinateLat.toFixed(8),":").concat(m.coordinateLng.toFixed(8))}):null].filter((function(e){return e}))})]}),t=new Blob([e.toString()],{type:"text/calendar"}),a=document.createElement("a");a.download=name,a.href=window.URL.createObjectURL(t),a.onclick=function(){return setTimeout((function(){return window.URL.revokeObjectURL(a.href)}),2e3)},a.click(),a.remove()}},i.a.createElement(bt.a,null),t("Add to my calendar")))),f&&i.a.createElement("div",{dangerouslySetInnerHTML:{__html:f.html}})),i.a.createElement("div",{className:"col-md-5"},i.a.createElement(rt,{cancelReservation:e.cancelReservation,card:!0}))))}kt.propTypes=At;var Nt=kt,Ot={cancelReservation:l.a.func,onBack:l.a.func.isRequired};function Ct(e){var t=Object(o.useContext)(s).tr;return i.a.createElement("div",{className:"confirmation-step-component"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-8"},i.a.createElement("h2",null,t("Here you can change your reservation's time and place")),i.a.createElement(rt,{cancelReservation:e.cancelReservation}))),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},t("Back"))))}Ct.propTypes=Ot;var St=Ct,wt={en:{},sv:{Reservation:"Bokning","Enter plate number":"Ange registreringsnummer",Search:"Sök","Vehicle information":"fordonsinformation","Brand and model":"Märke, modell","Model year":"Fordonsår",Color:"Färg","Vehicle class":"Fordonstyp","Inspection periods last day":"Besiktas senast","Selected service":"Vald Tjänst",Next:"Fortsätt",Vehicle:"Fordon",Station:"Station",Time:"Tid",Finalize:"Avsluta",Confirmation:"Bekräftelse","Booking summary":"Bokningssammanfattning",Products:"Produkter","Campaign code":"Kampanjkod","Code activated":"Kampanjkod giltig",Total:"Total","Booking number":"Bokningsnummer","Last name":"Efternamn","Enter campaign code":"Ange kampanjkod","Periodic time inspection":"Kontrollbesiktning",Inspection:"Kontrollbesiktning",Reinspection:"Efterkontroll","Condition test":"Begagnattest","Konditionstest Premium":"Konditionstest Premium","Trafiksäkerhetskontroll":"Trafiksäkerhetskontroll","Konditionstest Bas":"Konditionstest Bas",Veteranfordonstest:"Veteranfordonstest",Gasoltest:"Gasoltest","Other Services":"Övriga tjänster","Finalize the booking":"Slutföra bokningen",Back:"Tillbaka",Confirm:"Bekräfta","An error occurred during the payment":"Ett fel inträffade under betalningen","An error occurred":"Ett fel inträffade","Please try again":"Vänligen försök igen","Payment was not completed":"Betalningen genomfördes inte","Station must be selected":"Station måste väljas",Loading:"Läser in","No stations found":"Inga stationer hittades",Reserved:"Reserverad","Time slot must be selected":"Tid måste väljas",Week:"Vecka",Today:"Idag","Select date and time":"Välj datum och tid","Incorrect registration number, please enter your registration number again":"Felaktigt registreringsnummer, vänligen ange ditt registreringsnummer igen","You cannot reserve a time when the vehicle is unregistered":"Obs! Du kan inte boka en tid då fordonet är avregistrerat","Vehicle information was not found":"Fordonsinformation hittades inte","Vehicle and product should be selected":"Ange reg nummer och besiktningstyp","We could not reach the server in a timely manner, please try again later.":"Kontakt med Vägtrafikregistret kunde inte upprättas, vänligen försök lite senare.","Select station":"Välj station",Information:"Information","Booking is not paid":"Bokningen betalades inte","Online payment completed":"Online betalning slutförd",Receipt:"Kvitto","Modify booking":"Tryck här för att ändra din bokade tid","Changing the paid booking means that your original time is cancelled and a refund is made automatically.":"Ändrig av betald bokning innebär att din ursprungliga tid annulleras och återbetalning görs automatiskt.","After choosing a new time you will get a new confirmation.":"Efter att ha valt en ny tid kommer du att få en ny bekräftelse.",Cancel:"Avbryt",Accept:"Bekräfta","The promotional code does not apply. Please check spelling and validity.":"Kampanjkoden gäller inte. Vänligen kontrollera stavning och giltighetstid.",Apply:"Tillämpa","Here you can change your booked time":"Tryck här för att ändra din bokade tid",Nearby:"I närheten",Bus:"Buss",Truck:"Lastbil",Motorbike:"Motorcykel",Moped:"Moped","Motorized equipment":"Motorredskap","Passenger car":"Personbil",Trailer:"Släpkärra","All terrain vehicle":"Terränghjuling","All terrain scooter":"Terrängskoter","All terrain carriage":"Terrängsläp",Snowmobile:"Snöskoter","All terrain trailer":"Terrängvagn",Tractor:"Traktor",Ready:"Välj","Select day from calendar":"Välj dag från kalender","Registration number, vehicle":"Registreringsnummer, fordon",Service:"Tjänst","Date and time":"Datum och tid","Here you can change your reservation's time and place":"Här kan du ändra din bokade tid och plats","Your reservation is complete":"Din tid är bokad",Edit:"Redigera","See on the map":"Se på karta",Unregistered:"Avregistrerad",Cancelled:"Avställd","In use":"I trafik","Add to my calendar":"Lägg till i min kalender","No available times at this station.":"Inga tillgängliga tider på denna station.","Find time at any of our stations.":"Sök tid på någon annan av våra stationer.","No available times.":"Inga tillgängliga tider.","See the next available time.":"Se nästa lediga tid.","Corporate customer?":"Företagskunder?","Please book here":" Vänligen boka här","Not booking for a company?":"Bokar du inte för ett företag?","You will be billed according to your contract. If you do not have a contract yet, please contact sales at customer@carspect.se":"Om du inte har ett kontrakt än, eller har övriga frågor gällande företagskunder, vänligen kontakta Carspect på customer@carspect.se.","Company code":"Kundnummer",Notes:"Anteckningar","Confirmation Email":"Bekräftelsemejl","Confirm booking":"Bekräfta bokningen","Registration number":"Registreringsnummer",Payment:"Betalning","Map is currently not available. Please select station from the list":"Karta är för närvarande inte tillgänglig. Välj station från listan","This time slot cannot be booked":"Denna tidslucka kan inte bokas","Change time":"Ändra tid","Customer number":"Kundnummer",Or:"eller","We cannot inspect vehicles over 3500kg.":"Vi kan inte inspektera fordon över 3500 kg.","Suggested inspection from VTR:":"Föreslagen besiktning från Vägtrafikregistret:","There is already a booking for this vehicle.":"En bokning finns redan för detta fordon.","Click here to change the reservation.":"Tryck här för att ändra existerande bokning.","Please fill in both fields":"Obligatoriskt att fylla i båda raderna","Reservation was not found":"Bokning hittades inte","This type of tractor cannot be inspected":"Denna typ av traktor kan inte besiktigas på Carspect","Vehicle is too heavy to be inspected":"Detta fordon har för hög totalvikt för att kunna besiktigas på Carspect","Vehicle cannot be reserved via online booking. Please contact customer service":"Bokning kan inte ske via internet, vänligen kontakta kundtjänst","Only stations that accept the selected vehicle are shown in the list":"Endast stationer som tar emot valt fordon visas i listan","Change code":"Ändra kod"}};n(37);function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Rt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jt={apiEndpoint:l.a.string.isRequired,chainId:l.a.number.isRequired,googleApiKey:l.a.string.isRequired,plateNumber:l.a.string,stationId:l.a.number,product:l.a.string,modifyExisting:l.a.shape({bookingNumber:l.a.string,lastName:l.a.string}),locale:l.a.string,timezone:l.a.string},It=function(e){te.a.tz.setDefault(e.timezone);var t=e.locale\|\|"en",n=Object(o.useCallback)((function(e){return function(e,t){var n=wt[e]&&wt[e][t];return n\|\|(n=t),n}(t,e)}),[t]);Object(o.useEffect)((function(){t.includes(t)&&localStorage.setItem("contentLocale",t),te.a.locale(t),te.a.updateLocale(t,{week:{dow:1,doy:4}})}),[t]);var a=Object(u.useSelector)((function(e){return e})),r=a.apiEndpoint,c=a.step,l=a.plateNumber,m=a.vehicle,d=a.vehicleError,p=a.product,f=a.station,N=a.timeSlot,T=a.campaign,R=a.pendingReservationUid,j=a.pendingReservationTime,I=a.reservation,x=a.originalReservation,P=a.b2bCustomer;Object(o.useEffect)((function(){"loading"!==c&&"modify"!==c&&sessionStorage.setItem("musterBookingState",JSON.stringify({step:c,plateNumber:l,vehicle:m,vehicleError:d,product:p,station:f,timeSlot:N,campaign:T,pendingReservationUid:R,pendingReservationTime:j,b2bCustomer:P,reservation:I,originalReservation:x}))}),[c,l,m,d,p,f,N,T,R,j,P,I,x]);var B=Object(u.useDispatch)();function V(t){var a=t.step,o=void 0===a?"":a,i=t.plateNumber,c=t.product,l=t.stationId,s=t.timeSlot,u=void 0===s?null:s;if(!i)return B(b(o\|\|"vehicle"));ue(r,e.chainId,i).then((function(t){B(v(F(i)));var a=K(t);return a?(B(h(n(a))),B(b(o\|\|"vehicle"))):t?(B(g(t)),B(h("")),c?(B(y(c)),l?void function(e,t,n,a,r){return Oe(e,t,n,a).then((function(e){return e.find((function(e){return e.id===r}))}))}(r,e.chainId,c,t,l).then((function(e){if(!e)return B(b(o\|\|"station"));B(E(e)),B(A(u)),B(b(o\|\|"time"))})):B(b(o\|\|"station"))):B(b(o\|\|"vehicle"))):(B(h(n("Incorrect registration number, please enter your registration number again"))),B(b(o\|\|"vehicle")))}),console.error)}function D(e){B(S(null)),B(O("")),B(k(null)),B(A(null)),B(b("loading")),B(C(e)),V({plateNumber:e.plateNumber,product:e.products[0].productType,stationId:e.stationId,step:"vehicle"})}return Object(o.useEffect)((function(){if("loading"===c){var t=st();if(t.continuePaymentReservationUid)return ut(Rt(Rt({},t),{},{continuePaymentReservationUid:"",stationId:""})),void ct(r,t.continuePaymentReservationUid,t.stationId).then((function(t){t?(B(C(t)),V({plateNumber:t.plateNumber,product:t.products[0].productType,stationId:t.stationId,step:"finalize",timeSlot:{time:t.reservedDateTime}})):V({plateNumber:e.plateNumber,product:e.product\|\|"Inspection",stationId:e.stationId,step:"vehicle"})}));V({plateNumber:e.plateNumber,product:e.product\|\|"Inspection",stationId:e.stationId,step:"vehicle"})}}),[]),i.a.createElement(s.Provider,{value:{tr:n,locale:t}},i.a.createElement("div",{className:"booking-component"},"modify-confirmation"!==c&&i.a.createElement(i.a.Fragment,null,i.a.createElement("h2",null,n("Reservation")),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-12"},i.a.createElement(w,null)))),i.a.createElement("div",{className:"mb-3"},"loading"===c&&i.a.createElement("div",{className:"text-center my-4"},i.a.createElement("div",{className:"spinner-border text-secondary",role:"status"},i.a.createElement("span",{className:"sr-only"},n("Loading"),"..."))),"modify"===c&&i.a.createElement($,{apiEndpoint:r,bookingNumber:e.modifyExisting&&e.modifyExisting.bookingNumber,lastName:e.modifyExisting&&e.modifyExisting.lastName,onReservationChange:function(e){B(S(e)),B(b("modify-confirmation"))}}),"vehicle"===c&&i.a.createElement(fe,{onNext:function(){return B(b("station"))},onModifyExisting:function(){return B(b("modify"))}}),"station"===c&&i.a.createElement(Re,{onBack:function(){return B(b("vehicle"))},onNext:function(){return B(b("time"))}}),"time"===c&&i.a.createElement(_e,{onBack:function(){return B(b("station"))},onNext:function(){return B(b("finalize"))}}),"finalize"===c&&i.a.createElement(pt,{onBack:function(){return B(b("time"))},onNext:function(){return B(b("confirmation"))}}),"confirmation"===c&&i.a.createElement(Nt,{cancelReservation:D}),"modify-confirmation"===c&&i.a.createElement(St,{cancelReservation:D,onBack:function(){B(S(null)),B(b("modify"))}}))))};It.propTypes=jt;var xt=function(e){var t=Object(o.useMemo)((function(){var t,n={},a=st();if(e.modifyExisting)n.step="modify";else if(a.continuePaymentReservationUid)n.step="loading";else try{n=JSON.parse(sessionStorage.getItem("musterBookingState")\|\|"null")\|\|{step:"loading",plateNumber:"",vehicle:null,vehicleError:"",product:"",station:null,timeSlot:null,campaign:null,reservation:null}}catch(e){}return n.apiEndpoint=e.apiEndpoint,n.chainId=e.chainId,n.googleApiKey=e.googleApiKey,t=n,Object(m.createStore)(f,t)}),[]);return i.a.createElement(u.Provider,{store:t},i.a.createElement(It,e))};xt.propTypes=jt,xt.defaultProps={timezone:"Europe/Stockholm"};var Pt=xt;n(38),t.default=Pt}]);
1	+ module.exports=function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=41)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("moment-timezone")},function(e,t){e.exports=require("react-redux")},function(e,t){e.exports=require("@babel/runtime/regenerator")},function(e,t){e.exports=require("react-bootstrap")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@babel/runtime/helpers/asyncToGenerator")},function(e,t){e.exports=require("mdi-react/ChevronRightIcon")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@babel/runtime/helpers/toConsumableArray")},function(e,t){e.exports=require("@react-google-maps/api")},function(e,t){e.exports=require("mdi-react/AlertCircleOutlineIcon")},function(e,t){e.exports=require("mdi-react/ReloadIcon")},function(e,t){e.exports=require("react-datepicker")},function(e,t){e.exports=require("mdi-react/PencilIcon")},function(e,t){e.exports=require("redux")},function(e,t){e.exports=require("mdi-react/CloseIcon")},function(e,t){e.exports=require("react-select")},function(e,t){e.exports=require("mdi-react/ChevronLeftIcon")},function(e,t){e.exports=require("mdi-react/ChevronDownIcon")},function(e,t){e.exports=require("mdi-react/CalendarRangeOutlineIcon")},function(e,t){e.exports=require("mdi-react/MapMarkerIcon")},function(e,t){e.exports=require("date-fns/locale/sv")},function(e,t){e.exports=require("mdi-react/CalendarMonthIcon")},function(e,t){e.exports=require("whatwg-fetch")},function(e,t){e.exports=require("promise-polyfill/src/polyfill")},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t){e.exports=require("react-datepicker/dist/react-datepicker.css")},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t){e.exports=require("immutable-ics")},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t){e.exports=require("moment/locale/sv")},function(e,t,n){"use strict";n.r(t);n(26),n(27);String.prototype.includes\|\|(String.prototype.includes=function(e,t){return"number"!=typeof t&&(t=0),!(t+e.length>this.length)&&-1!==this.indexOf(e,t)});var a=n(7),r=n.n(a),o=n(0),i=n.n(o),c=n(2),l=n.n(c),s=(n(28),i.a.createContext(null)),u=n(4),m=n(17);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"STEP":return p(p({},e),{},{step:t.data});case"PLATE_NUMBER":return p(p({},e),{},{plateNumber:t.data});case"VEHICLE":return p(p({},e),{},{timeSlot:null,station:null,vehicle:t.data});case"VEHICLE_ERROR":return p(p({},e),{},{vehicleError:t.data});case"PRODUCT":return p(p({},e),{},{timeSlot:null,station:null,product:t.data});case"STATION":return p(p({},e),{},{timeSlot:null,station:t.data});case"TIME_SLOT":return p(p({},e),{},{timeSlot:t.data});case"CAMPAIGN":return p(p({},e),{},{campaign:t.data});case"PENDING_RESERVATION":return p(p({},e),{},{pendingReservationUid:t.data,pendingReservationTime:t.data?Date.now():null});case"B2B_CUSTOMER":return p(p({},e),{},{b2bCustomer:t.data});case"ORIGINAL_RESERVATION":return p(p({},e),{},{originalReservation:t.data});case"RESERVATION":return p(p({},e),{},{reservation:t.data});default:return e}}function b(e){return{type:"STEP",data:e}}function v(e){return{type:"PLATE_NUMBER",data:e}}function g(e){return{type:"VEHICLE",data:e}}function h(e){return{type:"VEHICLE_ERROR",data:e}}function y(e){return{type:"PRODUCT",data:e}}function E(e){return{type:"STATION",data:e}}function A(e){return{type:"TIME_SLOT",data:e}}function N(e){return{type:"CAMPAIGN",data:e}}function k(e){return{type:"B2B_CUSTOMER",data:e}}function O(e){return{type:"PENDING_RESERVATION",data:e}}function C(e){return{type:"ORIGINAL_RESERVATION",data:e}}function S(e){return{type:"RESERVATION",data:e}}var w=function(){var e=Object(o.useContext)(s).tr,t=Object(u.useSelector)((function(e){return e})),n=t.step,a=t.vehicle,r=t.product,c=t.station,l=t.timeSlot,m=t.reservation,d=Object(u.useDispatch)(),p={};return p.vehicle={text:"Registration number",enabled:"loading"!==n&&"modify"!==n&&!m},p.station={text:"Station",enabled:p.vehicle&&"modify"!==n&&!!a&&!!r&&!m},p.time={text:"Date and time",enabled:p.station&&"modify"!==n&&!!c&&!m},p.finalize={text:"Payment",enabled:p.station&&"modify"!==n&&!!l&&!m},p.confirmation={text:"Confirmation",enabled:p.station&&!!m},i.a.createElement("div",{className:"summary-component"},Object.keys(p).map((function(t,a){return i.a.createElement("nav",{key:t,className:(p[t].enabled?"":" disabled")+(t===n?" active":""),onClick:function(){return p[t].enabled&&d(b(t))}},i.a.createElement("button",{type:"button",key:t,tabIndex:p[t].enabled?null:-1,className:"btn nav-button rounded-circle"+(p[t].enabled?"":" disabled")},a+1),i.a.createElement("span",{className:"nav-text"},e(p[t].text)))})))},T=n(1),R=n.n(T),j=n(8),I=n.n(j),x=n(5),P=n.n(x);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D={},M={};function U(e,t,n){return L.apply(this,arguments)}function L(){return(L=I()(P.a.mark((function e(t,n,a){var r,o,i;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=void 0,o={},void 0!==n&&(r=JSON.stringify(n),o["Content-Type"]="application/json"),e.next=5,fetch(t,V(V(V({},D),{},{body:r},a),{},{headers:V(V(V({},M),o),a.headers)}));case 5:if(!((i=e.sent).headers.get("Content-Type")\|\|"").includes("application/json")){e.next=10;break}return e.next=9,i.json();case 9:i.data=e.sent;case 10:if(i.ok){e.next=12;break}throw i;case 12:return e.abrupt("return",i);case 13:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function q(){return(q=I()(P.a.mark((function e(t){var n,a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=r.length>1&&void 0!==r[1]?r[1]:{},a=new AbortController,setTimeout((function(){return a.abort()}),15e3),e.next=5,U(t,void 0,V({method:"GET",signal:a.signal},n));case 5:return e.abrupt("return",e.sent);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Y(){return(Y=I()(P.a.mark((function e(t,n){var a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=r.length>2&&void 0!==r[2]?r[2]:{},e.next=3,U(t,n,V({method:"POST"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function W(){return(W=I()(P.a.mark((function e(t,n){var a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=r.length>2&&void 0!==r[2]?r[2]:{},e.next=3,U(t,n,V({method:"PUT"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function H(){return(H=I()(P.a.mark((function e(t){var n,a,r=arguments;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=r.length>1&&void 0!==r[1]?r[1]:void 0,a=r.length>2&&void 0!==r[2]?r[2]:{},e.next=4,U(t,n,V({method:"DELETE"},a));case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var X={get:function(e){return q.apply(this,arguments)},post:function(e,t){return Y.apply(this,arguments)},put:function(e,t){return W.apply(this,arguments)},delete:function(e){return H.apply(this,arguments)},defaultOptions:D,defaultHeaders:M};function K(e){return e&&e.vehicleCallouts&&e.vehicleCallouts.some((function(e){return"Warning"===e.type\|\|"Blocking"===e.type}))?e.vehicleCallouts.some((function(e){return"TractorCannotBeInspected"===e.name}))?"This type of tractor cannot be inspected":e.vehicleCallouts.some((function(e){return"WeightOver3500Kg"===e.name}))?"Vehicle is too heavy to be inspected":e.vehicleCallouts.some((function(e){return"NotRegistered"===e.name}))?"You cannot reserve a time when the vehicle is unregistered":"Vehicle cannot be reserved via online booking. Please contact customer service":null}function F(e){return(e=(e=e.toUpperCase()).replace(/[^A-Z0-9]/g,"")).length>3&&(e=e.substring(0,3)+" "+e.substring(3)),e}function G(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.keys(e).filter((function(t){return e[t]})).map((function(t){return"".concat(t,"=").concat(encodeURIComponent(e[t]))})).join("&");return t?"?"+t:""}function Q(e){window.dataLayer=window.dataLayer\|\|[],window.dataLayer.push(e)}n(29);function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z={apiEndpoint:l.a.string.isRequired,bookingNumber:l.a.string,lastName:l.a.string,customerNumber:l.a.string,onReservationChange:l.a.func.isRequired},_=function(e){var t=Object(o.useState)({bookingNumber:e.bookingNumber\|\|"",lastName:e.lastName\|\|"",customerNumber:e.customerNumber\|\|""}),n=R()(t,2),a=n[0],r=n[1],c=Object(o.useState)(!1),l=R()(c,2),u=l[0],m=l[1],d=Object(o.useState)(""),p=R()(d,2),f=p[0],b=p[1],v=Object(o.useContext)(s).tr;return i.a.createElement("div",{className:"modify-existing-component p-4"},i.a.createElement("h5",null,v("Modify booking")),i.a.createElement("form",{noValidate:!0,onSubmit:function(t){if(t.preventDefault(),!a.bookingNumber)return b(v("Please fill in a booking number"));if(!a.lastName&&!a.customerNumber)return b(v("Please fill in your last name. For companies please fill in your customer number"));m(!0),b("");var n="".concat(e.apiEndpoint,"/Reservations/").concat(a.bookingNumber)+G({customerLastname:a.lastName,customerNumber:a.customerNumber});X.get(n).then((function(t){if(m(!1),200!==t.status)return b(v("Reservation was not found"));e.onReservationChange(t.data)}),(function(){b(v("Reservation was not found")),m(!1)}))},className:"mt-4"},i.a.createElement("div",{className:"form-group"},i.a.createElement("label",null,v("Booking number")),i.a.createElement("input",{type:"text",className:"form-control",value:a.bookingNumber,onChange:function(e){return r(J(J({},a),{},{bookingNumber:e.target.value}))}})),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-sm-12 col-md-5"},i.a.createElement("div",{id:"last-name",className:"form-group"},i.a.createElement("label",null,v("Last name")),i.a.createElement("input",{type:"text",className:"form-control",value:a.lastName,onChange:function(e){return r(J(J({},a),{},{lastName:e.target.value}))}}))),i.a.createElement("div",{className:"col-sm-12 col-md-2"},i.a.createElement("label",null),i.a.createElement("p",{id:"or-paragraph"},v("Or"))),i.a.createElement("div",{className:"col-sm-12 col-md-5"},i.a.createElement("div",{className:"form-group"},i.a.createElement("label",null,v("Customer number")),i.a.createElement("input",{type:"text",className:"form-control",value:a.customerNumber,onChange:function(e){return r(J(J({},a),{},{customerNumber:e.target.value}))}})))),i.a.createElement("div",{className:"mt-4"},i.a.createElement("button",{type:"submit",disabled:u,className:"btn btn-primary btn-lg"},v("Next")),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},f))))};_.propTypes=Z;var $=_,ee=n(3),te=n.n(ee),ne=n(9),ae=n.n(ne),re=n(18),oe=n.n(re),ie=n(19),ce=n.n(ie),le=n(10),se=n.n(le);n(30);function ue(e,t,n){return me.apply(this,arguments)}function me(){return(me=I()(P.a.mark((function e(t,n,a){var r;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+"/Vehicle"+G({ChainId:n,PlateNumber:a.toUpperCase()}),e.abrupt("return",X.get(r).then((function(e){return 200===e.status?e.data:null})));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var de={onNext:l.a.func.isRequired,onModifyExisting:l.a.func.isRequired},pe=function(e){var t=Object(o.useContext)(s).tr,n=e.onNext,a=Object(u.useSelector)((function(e){return e})),r=a.apiEndpoint,c=a.chainId,l=a.plateNumber,m=a.vehicle,d=a.vehicleError,p=a.product,f=a.campaign,b=a.originalReservation,E=Object(u.useDispatch)(),A=Object(o.useState)(!1),k=R()(A,2),O=k[0],C=k[1],S=Object(o.useState)(""),w=R()(S,2),T=w[0],j=w[1],I=[{title:t("Trafiksäkerhetskontroll"),value:69},{title:t("Konditionstest Premium"),value:59},{title:t("Konditionstest Bas"),value:93},{title:t("Veteranfordonstest"),value:91},{title:t("Gasoltest"),value:57}],x=["Inspection","PostInspection","ConditionInspection","CheckUp",69,59,93,91,57],P=Object(o.useMemo)((function(){return{BUSS:t("Bus"),LB:t("Truck"),MC:t("Motorbike"),MOPED:t("Moped"),MRED:t("Motorized equipment"),PB:t("Passenger car"),"SLÄP":t("Trailer"),TGHJUL:t("All terrain vehicle"),TGSK:t("All terrain scooter"),TGSL:t("All terrain trailer"),"TGSNÖ":t("Snowmobile"),TGV:t("All terrain trailer"),TR:t("Tractor")}}),[t]),B=Object(o.useMemo)((function(){return{"B Kontrollbesiktning":"Kontrollbesiktning","BE Efterkontroll":"Efterkontroll","FLE Flygande kontroll efterkontroll efter Polis":"Flygande kontroll efterkontroll efter Polis"}})),V=Object(o.useMemo)((function(){return{AVREG:t("Unregistered"),AVST:t("Cancelled"),ITRAFIK:t("In use")}}),[t]);function D(){var e=l.replace(/\s/g,""),n=/^[A-Z]{3}[0-9]{2}[0-9A-Z]$/.test(e);E(h(n?"":t("Incorrect registration number, please enter your registration number again"))),n&&(C(!0),ue(r,c,e).then((function(e){C(!1);var n=K(e);n?E(h(t(n))):(E(g(e)),E(h("")),Q({event:"checkout_vehicleInformation"}),e?x.includes(e.suggestedProductType)?E(y(e.suggestedProductType)):E(y("Inspection")):E(h(t("Incorrect registration number, please enter your registration number again"))))}),(function(e){C(!1),"AbortError"===e.name?E(h(t("We could not reach the server in a timely manner, please try again later."))):E(h(t("Incorrect registration number, please enter your registration number again")))}),(function(){C(!1),E(h(t("Incorrect registration number, please enter your registration number again")))})))}Object(o.useEffect)((function(){Q({event:"checkout_vehicleLicense"})}),[]);var M=Object(o.useState)(""),U=R()(M,2),L=U[0],q=U[1],Y=Object(o.useState)(!1),W=R()(Y,2),H=W[0],z=W[1],J=Object(o.useState)(""),Z=R()(J,2),_=Z[0],$=Z[1];function ee(){return i.a.createElement(i.a.Fragment,null,i.a.createElement("h5",{className:"text-uppercase"},t("Vehicle information")),i.a.createElement("div",null,i.a.createElement("label",{className:"d-block"},t("Vehicle class"),":"),i.a.createElement("b",null,m?P[m.vehicleCategory]:"-")),i.a.createElement("div",null,i.a.createElement("label",{className:"d-block"},t("Brand and model"),":"),i.a.createElement("b",null,m?m.vehicleBrandAndModel:"-")),i.a.createElement("div",{className:"d-flex"},i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Model year"),":"),i.a.createElement("b",null,m?te()(m.deploymentDate).format("Y"):"-")),i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Color"),":"),i.a.createElement("b",null,m?m.vehicleColorText:"-")),i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Status"),":"),i.a.createElement("b",null,m?V[m.vehicleStatusCode]:"-"))),i.a.createElement("h5",{className:"text-uppercase mt-3"},t("Campaign code")),f?i.a.createElement("div",null,i.a.createElement("div",null,i.a.createElement("b",null,f.name),i.a.createElement("br",null),i.a.createElement("b",null,f.code),i.a.createElement("b",{className:"campaign-code grey"}," ",t("Code activated"))),i.a.createElement("div",null,i.a.createElement("button",{className:"btn btn-link p-0",onClick:function(){return E(N(null))}},t("Change code")))):i.a.createElement("form",{onSubmit:function(e){return function(e){e.preventDefault(),""===L&&E(N(null)),z(!0);var n=r+"/CampaignCodes"+G({ChainId:c,Code:L});X.get(n).then((function(e){if(z(!1),200!==e.status)return E(N(null)),void $(t("The promotional code does not apply. Please check spelling and validity."));E(N(e.data)),q("")}))}(e)}},i.a.createElement("div",{className:"input-group"},i.a.createElement("input",{type:"text",className:"form-control"+(_?" is-invalid":""),value:L,onChange:function(e){q(e.target.value),$("")},placeholder:t("Enter campaign code"),disabled:H}),""!==L&&i.a.createElement("div",{className:"input-group-append"},i.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:H},H&&i.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!H&&t("Apply"))),_&&i.a.createElement("div",{className:"invalid-feedback"},_))))}return i.a.createElement("div",{className:se()("vehicle-step-component",!m&&"no-vehicle")},m&&m.existingEvent&&!b&&i.a.createElement("div",{className:"alert alert-warning mt-4 text-center"},t("There is already a booking for this vehicle."),i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:e.onModifyExisting},t("Click here to change the reservation."))),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-6"},i.a.createElement("h5",{className:"text-uppercase"},t("Enter plate number")),i.a.createElement("form",{noValidate:!0,onSubmit:function(e){e.preventDefault(),D()},className:"plate-form"},i.a.createElement("div",{className:"form-group mr-2"},i.a.createElement("div",{className:se()("plate-container",d&&"is-invalid")},i.a.createElement("input",{type:"text",className:"form-control plate-input",placeholder:"ABC 123",maxLength:7,value:l,readOnly:!!m\|\|O,onChange:function(e){var t=e.target.value;E(v(F(t)))}}))),m?i.a.createElement("button",{type:"button",className:"btn btn-light plate-clear-button",onClick:function(){E(v("")),E(g(null))}},i.a.createElement(oe.a,{className:"plate-clear-icon"})):i.a.createElement("button",{type:"button",className:"btn btn-primary plate-load-button",onClick:D,disabled:O},O?i.a.createElement("span",{className:"spinner-border plate-spinner",role:"status","aria-hidden":"true"}):i.a.createElement(ae.a,{className:"plate-load-icon"}))),i.a.createElement("div",{className:"invalid-feedback"},d),m&&m.suggestedInspectionCode&&i.a.createElement("div",{className:"alert alert-info"},t("Suggested inspection from VTR:")," ",B[m.suggestedInspectionCode]?B[m.suggestedInspectionCode]:m.suggestedInspectionCode),!m&&i.a.createElement("button",{type:"button",className:"btn btn-link pl-0",onClick:e.onModifyExisting},t("Here you can change your booked time")),m&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"d-md-none vehicle-information"},ee()),i.a.createElement("div",{className:"vehicle-service"},i.a.createElement("h5",{className:"text-uppercase selected-service"},t("Selected service")),i.a.createElement("div",{className:"form-check",onClick:function(){return E(y("Inspection"))}},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:"Inspection"===p,onChange:function(){return E(y("Inspection"))}}),i.a.createElement("div",{className:"fancy-check"}),i.a.createElement("label",{className:"form-check-label",htmlFor:"check_Inspection"},t("Inspection"))),i.a.createElement("div",{className:"form-check mb-2",onClick:function(){return E(y("PostInspection"))}},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_PostInspection",checked:"PostInspection"===p,onChange:function(){return E(y("PostInspection"))}}),i.a.createElement("div",{className:"fancy-check"}),i.a.createElement("label",{className:"form-check-label",htmlFor:"check_PostInspection"},t("Reinspection"))),i.a.createElement(ce.a,{options:I,getOptionValue:function(e){return e.value},getOptionLabel:function(e){return e.title},value:I.find((function(e){return e.value===p}))\|\|null,placeholder:t("Other Services"),onChange:function(e){return E(y(e&&e.value))}})))),m&&i.a.createElement("div",{className:"d-none d-md-block col-md-6 vehicle-information"},ee())),m&&p&&i.a.createElement("div",{className:"d-flex flex-column align-items-center mt-4 btn-lg"},i.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg",onClick:function(){m&&p?n():j(t("Vehicle and product should be selected"))}},t("Next")," ",i.a.createElement(ae.a,null)),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},T)))};pe.propTypes=de;var fe=pe,be=n(11),ve=n.n(be),ge=n(12),he={styles:[{elementType:"geometry",stylers:[{color:"#f5f5f5"}]},{elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{elementType:"labels.text.stroke",stylers:[{color:"#f5f5f5"}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:"#bdbdbd"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#ffffff"}]},{featureType:"road.arterial",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#dadada"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"transit.line",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"transit.station",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#c9c9c9"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]}],mapTypeControlOptions:{mapTypeIds:["roadmap"]},streetViewControl:!1,fullscreenControl:!1,mapTypeControl:!1,zoomControl:!1};function ye(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ae={white:{pin:"data:image/png;base64,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",background:"#ffffff",text:"#2A2A2A"},green:{pin:"data:image/png;base64,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",background:"#95C01F",text:"#ffffff"}};function Ne(e,t,n){var a=Ae[e]\|\|Ae.white;if(!t)return n(null,a.pin);var r=document.createElement("canvas");r.width=42,r.height=56;var o=r.getContext("2d"),i=new Image;i.onload=function(){o.drawImage(i,0,0),o.fillStyle=a.background,o.fillRect(10,10,20,20),o.fillStyle=a.text,o.font="bold 16px Arial",o.textAlign="center",o.fillText(t,21,29),n(null,o.canvas.toDataURL("png",1))},i.src=a.pin}var ke=n(6);n(31);function Oe(e,t,n,a){var r={ChainId:t,"Vehicle.PlateNumber":a.plateNumber,"Vehicle.VehicleCategory":a.vehicleCategory,"Vehicle.VehicleBrandAndModel":a.vehicleBrandAndModel,"Vehicle.GrossVehicleMass":a.grossVehicleMass,"Vehicle.AxlesCount":a.axlesCount,"Vehicle.VehicleHeight":a.vehicleHeight,"Vehicle.VehicleWidth":a.vehicleWidth,"Vehicle.VehicleLength":a.vehicleLength,"Vehicle.WheelBase":a.wheelBase,"Vehicle.TrackDistance":a.trackDistance,"Vehicle.CouplingDistance":a.couplingDistance,"Vehicle.TrailerHasBrakes":a.trailerHasBrakes};"string"!=typeof n?r.productId=n:r.productType=n;var o=e+"/Stations"+G(r);return X.get(o).then((function(e){return 200===e.status?e.data:[]}),(function(){return[]}))}var Ce=!1,Se=[];window.gm_authFailure=function(){Se.forEach((function(e){return e()})),Ce=!0};var we={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired},Te=function(e){var t,n,a,c,l,m=Object(o.useState)(""),d=R()(m,2),p=d[0],f=d[1],b=Object(o.useState)(null),v=R()(b,2),g=v[0],h=v[1],y=Object(o.useState)(0),A=R()(y,2),N=A[0],k=A[1],O=Object(o.useState)(null),C=R()(O,2),S=C[0],w=C[1],T=Object(o.useState)(""),j=R()(T,2),I=j[0],x=j[1],P=(t=Object(o.useState)({}),n=R()(t,2),a=n[0],c=n[1],l=Object(o.useRef)({}),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="".concat(e,"_").concat(t);return a[n]?a[n]:(l.current[n]\|\|(l.current[n]=!0,setTimeout((function(){Ne(e,t,(function(e,t){c((function(e){return Ee(Ee({},e),{},r()({},n,t))}))}))}),10)),Ae[e].pin)}),B=Object(o.useState)(),V=R()(B,2),D=V[0],M=V[1],U=Object(o.useState)((function(){return document.body.clientWidth>767})),L=R()(U,2),q=L[0],Y=L[1],W=Object(o.useState)(null),H=R()(W,2),X=H[0],K=H[1],F=Object(u.useSelector)((function(e){return e})),G=F.apiEndpoint,z=F.chainId,J=F.googleApiKey,Z=F.product,_=F.vehicle,$=F.station,ee=Object(u.useDispatch)(),te=Object(o.useContext)(s).tr;function ne(e){return function(t){return n=t.coordinateLng,a=t.coordinateLat,r=e.lng,o=e.lat,i=(o-a)Math.PI/180,c=(r-n)Math.PI/180,l=Math.sin(i/2)Math.sin(i/2)+Math.cos(aMath.PI/180)Math.cos(oMath.PI/180)Math.sin(c/2)Math.sin(c/2),2Math.atan2(Math.sqrt(l),Math.sqrt(1-l))6371;var n,a,r,o,i,c,l}}Object(o.useEffect)((function(){$&&$.name?Q({event:"checkout_station",station_name:$.name}):Q({event:"checkout_station"})}),[]),Object(o.useEffect)((function(){var e=!1;return Oe(G,z,Z,_).then((function(t){e\|\|h(t)}),console.error),function(){e=!0}}),[]),Object(o.useEffect)((function(){D&&(D.addListener("error",(function(e){return console.error(e)})),"geolocation"in navigator&&navigator.geolocation.getCurrentPosition((function(e){w({lat:e.coords.latitude,lng:e.coords.longitude})})))}),[D]);var ae=Object(o.useMemo)((function(){if(!g)return[];var e,t=S?g.sort((e=ne(S),function(t,n){return e(t)-e(n)})):g.sort((function(e,t){return e.name.trim().localeCompare(t.name.trim(),"sv")}));return p&&(t=t.filter((function(e){var t=(e.name+e.city+e.streetAddress).toLowerCase();return p.toLowerCase().split(" ").every((function(e){return t.includes(e)}))}))),t}),[g,S,p]),re=Object(o.useMemo)((function(){var e=ae;return X&&(e=e.filter((function(e){return X.contains({lat:e.coordinateLat,lng:e.coordinateLng})}))),e}),[ae,X]);Object(o.useEffect)((function(){if(D&&g){var e=(g\|\|[]).filter((function(e){return e.coordinateLng&&e.coordinateLat})).map((function(e){return{lat:e.coordinateLat,lng:e.coordinateLng}}));if(S&&e.push(S),0!==e.length){var t={south:Math.min.apply(Math,ve()(e.map((function(e){return e.lat})))),north:Math.max.apply(Math,ve()(e.map((function(e){return e.lat})))),west:Math.min.apply(Math,ve()(e.map((function(e){return e.lng})))),east:Math.max.apply(Math,ve()(e.map((function(e){return e.lng}))))};D.fitBounds(t),setTimeout((function(){D.getZoom()>12&&D.setZoom(12),K(D.getBounds())}),100)}else setTimeout((function(){D.panTo({lat:61.6914597,lng:17.1207942})}),100)}}),[D,g,S]);var oe=Object(o.useRef)(null);var ie=Object(o.useState)({lat:61.6914597,lng:17.1207942}),ce=R()(ie,1)[0],le=Object(ge.useLoadScript)({googleMapsApiKey:J\|\|"nokey"}).isLoaded,se=function(){var e=Object(o.useState)(Ce),t=R()(e,2),n=t[0],a=t[1];return Object(o.useEffect)((function(){var e=function(){return a(!0)};return Se.push(e),function(){return Se=Se.filter((function(t){return t!==e}))}}),[]),n}();return i.a.createElement("div",{className:"station-step-component"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-4"},i.a.createElement("h5",null,te("Select station")),i.a.createElement("form",{onSubmit:function(e){return e.preventDefault()}},i.a.createElement("div",{className:"input-group geocode-input-group"},i.a.createElement("input",{type:"text",className:"form-control",placeholder:te("Nearby"),value:p,onChange:function(e){var t=e.target.value;f(t),k(0)}}))),i.a.createElement("p",{className:"list-remark"},te("Only stations that accept the selected vehicle are shown in the list")),i.a.createElement("ul",{className:"list-group list-group-flush station-list"},!g&&i.a.createElement("div",{className:"text-center"},i.a.createElement("div",{className:"spinner-border text-secondary my-5",role:"status"},i.a.createElement("span",{className:"sr-only"},te("Loading"),"..."))),re&&0===re.length&&i.a.createElement("div",{className:"text-center mt-4"},te("No stations found")),re&&re.slice(5N,5N+5).map((function(e){return i.a.createElement("a",{key:e.id,href:"#",className:"list-group-item list-group-item-action",onClick:function(){return ee(E(e))}},i.a.createElement("div",{className:"form-check"},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:e.id===($&&$.id),onChange:function(){}}),i.a.createElement("div",{className:"fancy-check"})),i.a.createElement("img",{className:"station-list-pin",src:P(e.id===($&&$.id)?"green":"white")}),i.a.createElement("div",null,i.a.createElement("b",{className:"station-list-name"},e.name),i.a.createElement("div",{className:"station-list-address"},e.streetAddress," ",e.city)))})),re&&re.length>5&&i.a.createElement("nav",{className:"mt-2"},i.a.createElement(ke.Pagination,null,i.a.createElement(ke.Pagination.Prev,{disabled:N<=0,onClick:function(){return k((function(e){return Math.max(0,e-1)}))}}),ve()(Array(Math.ceil(re.length/5))).map((function(e,t){return 0===t\|\|t===Math.ceil(re.length/5)-1\|\|Math.abs(N-t)<2?i.a.createElement(ke.Pagination.Item,{key:t,active:t===N,onClick:function(){return k(t)}},t+1," "):2===Math.abs(N-t)&&i.a.createElement(ke.Pagination.Ellipsis,{key:t})})),i.a.createElement(ke.Pagination.Next,{disabled:5N+5>=re.length,onClick:function(){return k((function(e){return Math.min(Math.ceil(re.length/5)-1,e+1)}))}}))))),i.a.createElement("div",{className:"col-md-8 mt-2"},!q&&i.a.createElement("button",{className:"btn btn-link",onClick:function(){return Y(!0)}},te("See on the map")),q&&se&&i.a.createElement("div",{className:"map-error"},i.a.createElement("span",null,te("Map is currently not available. Please select station from the list"))),q&&!se&&le&&i.a.createElement(ge.GoogleMap,{id:"stations-map",options:he,mapContainerStyle:{height:"416px",width:"100%"},zoom:4,center:ce,onLoad:function(e){return M(e)},onBoundsChanged:function(){D&&(oe&&clearTimeout(oe.current),oe.current=setTimeout((function(){K(D.getBounds())}),100))}},i.a.createElement(ge.MarkerClusterer,{options:{styles:[{url:"data:image/png;base64,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",height:42,width:42}]}},(function(e){return(ae\|\|[]).filter((function(e){return e.coordinateLat&&e.coordinateLng})).map((function(t){return i.a.createElement(ge.Marker,{key:t.id,position:{lat:t.coordinateLat,lng:t.coordinateLng},clusterer:e,onClick:function(){return ee(E(t))},icon:P(t.id===($&&$.id)?"green":"white")})}))})),S&&i.a.createElement(ge.Marker,{position:S,icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACl0lEQVRIS7VVTUgUYRh+3tW2i6mgUFjtDwaJhQlhCO5BiYS6tFCEtzKsDh2c6K7mPXYDt0P0cy3osF5aMmgMFJa2w7ppeLGdQqXDCuvPoWbdfeP7dmd3Zt1xl6S5zfO987zPPO/PR7B5Aqqn2enI3QRTP4BuAJ5CqAYgzsThTM4x/WBAS1eioHKwQDjKTAoBzXaJBc5AmoiDes7xpDyBhViSEqsFhftxlp/FdaYBM3mRWJAeIk6aVbY2dMLbcgltzb1obTgjyVI7S1hPR5Hc+IDUzrdiAqE+w+Q1yCVxJaVdJ27D1z5mq/rP7hZiWgCJtVfmmKJySRxSXRMgGjciLp99Bm/LYE1WJFPvEVm6V4plfnR/4OcElVtQTWmlbHMrk0isvpRHhiU0pboUIgoIUHh64/y7mpSag4Qt0wtDJc85N0wh1RUG0VUR2ONR0ONWLMTio/mVSXxPzUDf3ULHsevoax/D4fpGS1zsRxAxLZjHmKdpSnVrRHCLd3/3a7Q19Vo+iCzekR1gfk4fvYaLHY8t2PpmFOH4kIHFKTTrZuNtxJeAs86q5OknY+BKPM76Roz0Jfb82Yv5riL2b8R1RzDi+2oh1rNbeD5nIv4fVjBjoabifVx+iLV0FHp2G8Jf36nx6sULqSdvgRxyfES7iQKW+1yt/4QNb75cwfbv1UJX5IblgDjBGghNAj3ogICxqYM8Bx/pjRlEFu/uHWmByLEGzxLhnBEhlF/wKLa2iN//rAWLo5yfCyxkQP1iw1nWptkSw3Nv6yCOy7XZKXOKVSkKufzrbcnT/JKQFljWpqGykvJqhStXasRXvpqQUwBSjILakjM2AQ7qcAT3vZrMBPluyfoB8rOocsF/2fyii8BhHXVhu8v0L3DATnPHiQDhAAAAAElFTkSuQmCC"})))),i.a.createElement("div",{className:"text-center mt-4"},i.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},te("Back")),i.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg",onClick:function(){$?e.onNext():x(te("Station must be selected"))}},te("Next")),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},I)))};Te.propTypes=we;var Re=Te,je=n(20),Ie=n.n(je),xe=n(21),Pe=n.n(xe),Be=n(22),Ve=n.n(Be),De=n(14),Me=n.n(De),Ue=n(13),Le=n.n(Ue),qe=n(23),Ye=n.n(qe),We=n(15),He=n.n(We),Xe=(n(32),n(24)),Ke=n.n(Xe);n(33);function Fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Qe(e,t){var n;if("undefined"==typeof Symbol\|\|null==e[Symbol.iterator]){if(Array.isArray(e)\|\|(n=function(e,t){if(!e)return;if("string"==typeof e)return ze(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return ze(e,t)}(e))\|\|t&&e&&"number"==typeof e.length){n&&(e=n);var a=0,r=function(){};return{s:r,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,c=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return i=e.done,e},e:function(e){c=!0,o=e},f:function(){try{i\|\|null==n.return\|\|n.return()}finally{if(c)throw o}}}}function ze(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}Object(We.registerLocale)("sv",Ke.a);var Je={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired},Ze=function(e){var t=Object(o.useState)(""),n=R()(t,2),a=n[0],r=n[1],c=Object(o.useState)(te()()),l=R()(c,2),m=l[0],d=l[1],p=Object(o.useState)([]),f=R()(p,2),b=f[0],v=f[1],g=Object(o.useState)([]),h=R()(g,2),y=h[0],E=h[1],N=Object(o.useState)(ne()),k=R()(N,2),O=k[0],C=k[1],S=Object(o.useState)(null),w=R()(S,2),T=w[0],j=w[1],x=Object(o.useState)(!1),B=R()(x,2),V=B[0],D=B[1],M=Object(o.useState)(""),U=R()(M,2),L=U[0],q=U[1],Y=Object(u.useSelector)((function(e){return e})),W=Y.apiEndpoint,H=Y.timeSlot,K=Y.vehicle,F=Y.campaign,z=Y.station,J=Y.product,Z=Object(u.useDispatch)(),_=Object(o.useContext)(s),$=_.tr,ee=_.locale;function ne(){return document.body.clientWidth<768?"mobile":"desktop"}function re(e,t,n){q(""),D(!0);var a=W+"/Calendar/".concat(z.id)+G({StartDate:te.a.utc(e).startOf("day").toISOString(),EndDate:"mobile"===t?te.a.utc(e).endOf("day").toISOString():te.a.utc(e).add(8,"days").endOf("day").toISOString(),ProductId:z.productId,VehicleCategory:K.vehicleCategory,CampaignCodeUid:F?F.uid:void 0});X.get(a).then((function(e){if(!n.cancel)if(D(!1),200===e.status){r("");var t,a=[],o=Date.now(),i=K.postInspectionDate?te()(K.postInspectionDate).add(1,"day").valueOf():0,c=Qe(e.data);try{for(c.s();!(t=c.n()).done;){var l=t.value;for(var s in l.hours){var u,m=Qe(l.hours[s]);try{for(m.s();!(u=m.n()).done;){var d=u.value,p=te()(d.time).valueOf();p<o\|\|("PostInspection"===J&&i&&p>i\|\|a.push(d))}}catch(e){m.e(e)}finally{m.f()}}}}catch(e){c.e(e)}finally{c.f()}var f=a.filter((function(e){return e.isAvailable})).reduce((function(e,t){return Math.min(e,t.onlinePaymentPrice)}),1e5);a.some((function(e){return e.onlinePaymentPrice>f}))\|\|(f=0);for(var b=0,g=a;b<g.length;b++){var h=g[b];h._cheap=h.onlinePaymentPrice===f}v(a)}else r($("An error occurred"))}),(function(){D(!1),r($("An error occurred"))}))}Object(o.useEffect)((function(){Q({event:"checkout_date"})}),[]),Object(o.useEffect)((function(){function e(){C(ne())}return window.addEventListener("resize",e),function(){return window.removeEventListener("resuze",e)}}),[]),Object(o.useEffect)((function(){var e={cancel:!1};return re(m,O,e),function(){e.cancel=!0}}),[m,O]);var oe=[6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];function ie(){return ce.apply(this,arguments)}function ce(){return(ce=I()(P.a.mark((function e(){var t,n,a,o,i,c,l,s,u,d;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return D(!0),t=W+"/Calendar/".concat(z.id)+G({StartDate:te.a.utc(m).startOf("day").toISOString(),EndDate:te.a.utc(m).endOf("day").add(14,"days").toISOString(),ProductId:z.productId,VehicleCategory:K.vehicleCategory}),e.prev=2,e.next=5,X.get(t);case 5:if(n=e.sent,D(!1),200===n.status){e.next=9;break}throw new Error($("An error occurred"));case 9:a=[],o=Qe(n.data);try{for(o.s();!(i=o.n()).done;)for(l in(c=i.value).hours){s=Qe(c.hours[l]);try{for(s.s();!(u=s.n()).done;)d=u.value,te()(d.time).valueOf()>Date.now()&&a.push(d)}catch(e){s.e(e)}finally{s.f()}}}catch(e){o.e(e)}finally{o.f()}return a=a.filter((function(e){return e.isAvailable})),e.abrupt("return",0===a.length?null:te.a.utc(a[0].time));case 16:e.prev=16,e.t0=e.catch(2),D(!1),r(e.t0.message);case 20:case"end":return e.stop()}}),e,null,[[2,16]])})))).apply(this,arguments)}Object(o.useEffect)((function(){var e=("mobile"===O?[0]:[0,1,2,3,4,5,6]).map((function(e){var t=te()(m).add(e,"day");if("mobile"!==O&&6===t.weekday())return null;var n=b.filter((function(e){return te()(e.time).startOf("day").date()===t.date()&&e.onlinePaymentPrice})),a=te()(t).startOf("day").unix()===te()().startOf("day").unix(),r=oe.map((function(e){var t=n.filter((function(t){return t.isAvailable&&te()(t.time).hour()===e})),a=t.length?Math.min.apply(Math,ve()(t.map((function(e){return e.onlinePaymentPrice})))):null,r=(t.find((function(e){return e.onlinePaymentPrice===a}))\|\|{}).priceGroupId;return{minPrice:a,cheap:t.some((function(e){return e._cheap})),slots:t,priceGroupId:r}}));return{date:t,dayMonth:t.format("YYYY-MM-DD"),weekDay:t.format("dddd"),today:a,slots:n,slotsPerHour:r}})).filter((function(e){return e}));E(e),q("");var t=!1;return"mobile"===O&&e[0]&&0===e[0].slots.filter((function(e){return e.isAvailable})).length&&ie().then((function(e){t\|\|q(e?"day":"weeks")})),function(){t=!0}}),[b,O]);var le=Object(o.useState)({show:!1}),ue=R()(le,2),me=ue[0],de=ue[1];function pe(){de((function(e){return Ge(Ge({},e),{},{show:!0})}))}function fe(){de((function(e){return Ge(Ge({},e),{},{show:!1})}))}var be=Object(o.useMemo)((function(){return[0,1,2,3,4,5,6,7,8,9,10].map((function(e){return te()().endOf("week").add(e,"weeks").add(-3,"hours").toDate()}))}),[]);return i.a.createElement("div",{className:"time-step-component"},i.a.createElement("div",{className:"time-step-component-header"},i.a.createElement("div",null,i.a.createElement(Ye.a,{className:"time-step-component-header-icon"}),z.name),i.a.createElement("h4",{className:"select-date-and-time"},$("Select date and time")),i.a.createElement("div",{className:"time-select-date"},i.a.createElement("button",{type:"button",className:"btn",onClick:pe},i.a.createElement(Ve.a,null)),i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:pe},$("Select day from calendar")),i.a.createElement(ke.Modal,{show:me.show,size:"sm",onHide:fe},i.a.createElement(ke.Modal.Body,{className:"text-center"},i.a.createElement(He.a,{inline:!0,locale:ee,minDate:new Date,excludeDates:be,showDisabledMonthNavigation:!0,selected:m.toDate(),onChange:function(e){d(te()(e)),fe()}}))))),i.a.createElement("table",{className:"time-step-table"},i.a.createElement("thead",null,i.a.createElement("tr",{className:"table-header-row"},i.a.createElement("th",{className:"table-header-buttons"},i.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(){d((function(e){if("desktop"===O)return te()(e).add(-1,"week");var t=te()(e).add(-1,"day");return 0===t.day()&&(t=te()(e).add(-2,"day")),t}))}},i.a.createElement(Ie.a,null))),y.map((function(e){return i.a.createElement("th",{key:e.weekDay,className:"weekday-header"},i.a.createElement("div",{className:"weekday-header-weekday"},e.weekDay),i.a.createElement("div",{className:"weekday-header-date"},e.dayMonth),e.today&&i.a.createElement("div",{className:"weekday-header-today"},$("Today")))})),i.a.createElement("th",{className:"table-header-buttons"},i.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(){d((function(e){if("desktop"===O)return te()(e).add(1,"week");var t=te()(e).add(1,"day");return 0===t.day()&&(t=te()(e).add(2,"day")),t}))}},i.a.createElement(ae.a,null))))),i.a.createElement("tbody",null,""!==L&&i.a.createElement("tr",null,i.a.createElement("td",{colSpan:100,style:{position:"relative"}},"day"===L?i.a.createElement("div",{className:"no-available-times-box",onClick:function(){q(""),ie().then((function(e){return d(e)}))}},i.a.createElement("div",null,$("No available times.")),i.a.createElement("div",null,$("See the next available time.")),i.a.createElement("div",null,i.a.createElement(ae.a,null))):i.a.createElement("div",{className:"no-available-times-box",onClick:e.onBack},i.a.createElement("div",null,$("No available times at this station.")),i.a.createElement("div",null,$("Find time at any of our stations.")),i.a.createElement("div",null,i.a.createElement(ae.a,null))))),V\|\|a?i.a.createElement("tr",{style:{height:43oe.length}},i.a.createElement("td",{colSpan:100,className:"text-center"},V&&i.a.createElement("div",{className:"spinner-border text-secondary"}),a&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Le.a,{size:40,className:"mr-2"}),a),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){return re(m,O,{})}},i.a.createElement(Me.a,{className:"mr-2"}),$("Please try again"))))):oe.map((function(t,n){return i.a.createElement("tr",{key:t,className:"time-row"},i.a.createElement("th",{className:"time-header"},("0"+t).substr(-2),":00"),y.map((function(t){var a=t.slotsPerHour[n];return i.a.createElement("td",{key:t.weekDay},0===a.slots.length?i.a.createElement("div",{className:"slot-unavailable"}):i.a.createElement("div",{className:"slot"},i.a.createElement("div",{className:se()("slot-header",a===T&&"slot-header-expanded",a.cheap&&"slot-cheap"),onClick:function(){return j(a===T?null:a)}},a===T?i.a.createElement(Pe.a,{className:"slot-header-icon"}):i.a.createElement(ae.a,{className:"slot-header-icon"}),i.a.createElement("div",{className:se()(a.priceGroupId&&"pricegroup-".concat(a.priceGroupId))},a.minPrice," kr")),a===T&&i.a.createElement("div",{className:"slot-body"},a.slots.map((function(e){return i.a.createElement("div",{className:se()("slot-option",e._cheap&&"slot-cheap"),key:e.time,onClick:function(){return Z(A(e))}},i.a.createElement("div",{className:"form-check"},i.a.createElement("input",{type:"checkbox",className:"slot-option-checkox",checked:e.time===(H&&H.time),onChange:function(){}}),i.a.createElement("div",{className:"fancy-check"})),i.a.createElement("div",{className:"slot-time"},te()(e.time).format("HH.mm")),i.a.createElement("div",{className:se()("slot-price",e.priceGroupId&&"pricegroup-".concat(e.priceGroupId))}," ",e.onlinePaymentPrice," kr"))})),a.slots.some((function(e){return e.time===(H&&H.time)}))&&i.a.createElement("button",{className:"btn btn-primary btn-sm slot-button",onClick:function(){H&&e.onNext()}},$("Ready")))))})))})))),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},$("Back"))))};Ze.propTypes=Je;var _e=Ze,$e=(n(34),n(16)),et=n.n($e),tt=(n(35),"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAIAAABKoV4MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALWSURBVFhH7Zc/aBNRHMcj6NahCoKLo3bRVUednARdRBRBB4eCzk66OJaAGhQHow4dlIJKWynSLiZNqqZ/KKE20YgVosY/Hdo0ES65u/gx7yVc7+Ull6T0BvPhUd7v936/3/fu8u53r4GKr/TkfaQn7yPdyNuJbPDem30MJpjS3Q4dytu2NZW5MhQJPEgcYDDBxCmXPeNVPrs2PZG+OJ46P71yPZl7OLZ8Fsmni8cNM89ggomTJQIII5gUmazHk3wunwhGdw1FdlRHQIxnSyfLVlEEMMGsL4lIUkgUATo8yU9+HKToj435klX8VUhmVke/rsfszT82Jk6WCCCMYFImM4NyWYMn+eGFo6H4Hml4hhQSpaGhtbxtm7djfU8Wj0nbM6SQSLq0G9FCvlj6+erDZR5jbOWG8JiW8frztVC8n8EEU/hVSCGRdIpIl4JW3rLLM19u3or1UWIkecIw14UfSTzDC0cYTDCFX8DVjC6feTR3iDkpJBJDEUpRUMQ40cpPZa6SGZ4dSP8ece4ybhphPAwmmHKhqv186RRZXIHwEEN6ODGAk4LC6UQrfyfe/3jusPpsFfndwl/X5q8rC5NSFJS2A618OHGQblq2/ki7RsOH30QbKEIpCkrbgVaeNk65+W8hadegOpLOrddcGyjCavW74EYrXzILd2f23n+7v3knb6lNOkUoRUHpcqCVh4n0JeoWjJy0FVpqA+kEUEram+n87r1oQ4d3r/vtBU5tw9xw7QYZVKOT316388F130gyd70LTjrZ+br33qWNR+kE7vebsLbfe13Xo6M5tUGRl40I8PzrerPtdz1dz6efcwXOp6J7+F31fIH6xVPhUpBUt15XX7w6lo/fe4Gfpx1Qz3rqGZJdxlnv0+rY1p/1vuffBaM7XSfdF+9Pb9NJF7JrkZepC+Opc+2c86MyWY9XeRd08m39L6cR/v2Pt1X05H3kf5avVP4CLhUZh4UJb5YAAAAASUVORK5CYII="),nt={cancelReservation:l.a.func,card:l.a.bool},at=function(e){var t=Object(u.useSelector)((function(e){return e})),n=t.apiEndpoint,a=t.chainId,r=t.campaign,c=t.product,l=t.timeSlot,m=t.reservation,d=t.vehicle,p=t.station,f=Object(u.useDispatch)(),b=Object(o.useContext)(s).tr,v=Object(o.useState)(r?r.code:""),g=R()(v,2),h=g[0],y=g[1],E=Object(o.useState)(!1),A=R()(E,2),k=A[0],O=A[1],C=Object(o.useState)(""),S=R()(C,2),w=S[0],T=S[1];Object(o.useEffect)((function(){if(m&&m.campaignCodeUid&&!r){var e=n+"/CampaignCodes/".concat(m.campaignCodeUid);X.get(e).then((function(e){f(N(e.data))}))}}),[m]);var j={Inspection:{title:b("Periodic time inspection")},ReInspection:{title:b("Reinspection")},PostInspection:{title:b("Reinspection")},ConditionInspection:{title:b("Condition test")},59:{title:b("Konditionstest Premium")},69:{title:b("Trafiksäkerhetskontroll")},93:{title:b("Konditionstest Bas")},91:{title:b("Veteranfordonstest")},57:{title:b("Gasoltest")}},I=Object(o.useState)(!1),x=R()(I,2),P=x[0],B=x[1];function V(){Q({event:"checkout_changeBooking"}),e.cancelReservation(m)}var D={};function M(){return i.a.createElement("ul",{className:"list-group list-group-flush"},D.plateNumber&&D.vehicleBrandAndModel&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"vehicle"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Registration number, vehicle"),":"),i.a.createElement("div",{className:"list-item-value"},D.plateNumber+", "+D.vehicleBrandAndModel))),D.product&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"service"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Service"),":"),i.a.createElement("div",{className:"list-item-value"},j[D.product].title))),D.station&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAhCAYAAACvBDmYAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAAPrSURBVFhHnVbJalRBFC3bEVxlI7gQBN34Eca4VnD8ARdGXIgGN4JTNqbTiRpxIyISEFdxJ46riOlBJCKK0WgcehUhEBBETEhIe055+9Hv9ukpBw6Ve+rWPTf16tXrUKlUWrIZxqbChmwhHBnMh0vgaHYiPOXImDrnLVVC+SlK0VNhuBC2ZPNhAI3NgZXBibCMuIy/X3GMMfQ4jzzm29IUlJ+iFD09hvJhNxqYBZfQ0AOMPeOVsM6mIxjn8mGvzS8xn+tsOoHyU5SiZy0GC+G4NfgxVwq7TG4K5jE/rsN6kyOUn6IUPauASXc0y4eHw+/CZpPbAvO5jutrd1b5KUrRk+AZw678hNFUp01WwXVcD85Wz6zyU5SiJ2EvzlK7j7sRuJ51WI+x8lOUoufNmbARxfl2j0U3B6RkcoVwHo/2KxpY5IgX6eJYJay1lBRYh/VYV/kpStETTRxFYV41PeaVANMZNMb7s4JxAhyxcQVN31fNsg7zWVf5KUrREwUv43wu+yuIgOHZ2GQhnDIpAlovm8W6CyYlYB3WY13lpyhFTxiOYnfK5pMC5t6jqUkLU+DOYt2MhSmwHusqP0UpeuK/f4aiJfNIAfo8TG9ZmAJ2+QbWLliYAuuxrvJTlKInduwe+M08UkCTRcy9sDAFNFIAv1iYAvTvrKv8FKXoiWYGwEX1YsDwNAx5RlNfHOT3RT0fzpmUgHVYD3NXlJ+iFD1zxXDQmuk2rwSY5lv/hPMwf4nxNuK3jHFF3cH8GktNMFQMe+I86io/RSl62hflL97Sq+aVAlIyfOuRkwfn2CiaPAO9rkmCdViPdZWfohQ9CezWY7Dc6BJvF/bYy6zHWPkpStGTwI4diI8Ll3QUVgmuZx3WY6z8FKXo+b9gyGAXZsBiFFYJHIsS67AeY+WnKEXPKmBywnZjn0kdAS/Rfq4He02SfopS9KyCnz6YfEbDHzo9q8znOnC69lOs/BSl6FkLvM2HbVdPmtQWmG+7ecikCOWnKEVPD5yx5zD8nS2F7SY1BfNiPtaZlED5KUrR0+Pa67ANj/AXOI5peVdWwXnmMZ/rTE6g/BSl6KmAa+aYHYHUzzsPzjOP+SaloPwUpejZCNilR3icf64Xw06TUqDOeeaZVAflpyhFz0YYmQxb0cQ8fpi8Gf0RNpkcwZg655lnch2Un6IUPZuBdyqaWcF416QIxqY3vXOVn6IUPVsBZ7Cf5xCMFzlHi/tjQhMoP0UperYCUuJPPTzqBZzJPo6MqVtKQyg/RSl6tgPsXheam+ZO2thlU02h/BSl6NkuhgphB3b0E0eTWkL5KUrRsxPcngzr7c+2oPzqWQn/AFABU+LsE+j8AAAAAElFTkSuQmCC",alt:"station"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Station"),":"),i.a.createElement("div",{className:"list-item-value"},D.station.name,m&&e.card&&i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return B(!0)}},b("Edit")))),m&&!e.card&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"flex-grow-1"}),i.a.createElement("button",{className:"btn btn-primary btn-sm",onClick:function(){return B(!0)}},i.a.createElement(et.a,null),b("Edit")))),D.station&&D.time&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"time"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Date and time"),":"),i.a.createElement("div",{className:"list-item-value"},te()(D.time).format("dddd Y-MM-DD")," \| ",te()(D.time).format("HH:mm"),m&&e.card&&i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return B(!0)}},b("Edit")))),m&&!e.card&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"flex-grow-1"}),i.a.createElement("button",{className:"btn btn-primary btn-sm",onClick:function(){return B(!0)}},i.a.createElement(et.a,null),b("Edit")))),m&&r&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:tt,alt:"discount"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Campaign code"),":"),i.a.createElement("div",{className:"list-item-value"},r.name),i.a.createElement("div",{className:"list-item-value"},r.code,i.a.createElement("br",null),i.a.createElement("b",{className:"campaign-code grey"},b("Code activated"))))),!m&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("div",{className:"list-item-icon-container"},i.a.createElement("img",{className:"list-item-icon",src:tt,alt:"discount"})),i.a.createElement("div",null,r?i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"list-item-label"},b("Campaign code"),":"),i.a.createElement("div",{className:"list-item-value campaign-name"},r.name),i.a.createElement("div",{className:"list-item-value"},r.code,i.a.createElement("b",{className:"campaign-code grey"},b("Code activated"))),i.a.createElement("div",{className:"list-item-value"},i.a.createElement("button",{className:"btn btn-link p-0",onClick:function(){return f(N(null))}},b("Change code")))):i.a.createElement("form",{onSubmit:function(e){return function(e){if(e.preventDefault(),""===h)return f(N(null));O(!0);var t=n+"/CampaignCodes"+G({ChainId:a,StationId:p.id,Code:h,ReservationTime:l.time,ProductIds:[p.productId]});X.get(t).then((function(e){if(O(!1),200!==e.status)return f(N(null)),void T(b("The promotional code does not apply. Please check spelling and validity."));f(N(e.data)),y("")}))}(e)}},i.a.createElement("div",{className:"input-group"},i.a.createElement("input",{type:"text",className:"form-control"+(w?" is-invalid":""),value:h,onChange:function(e){y(e.target.value),T("")},placeholder:b("Enter campaign code"),disabled:k}),""!==h&&i.a.createElement("div",{className:"input-group-append"},i.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:k},k&&i.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!k&&b("Apply"))),w&&i.a.createElement("div",{className:"invalid-feedback"},w))))),m&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAIAAACYgrq8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANYSURBVEhL7VVJTFNRFMUJBxwSE40bY9So0cTowsjGoC40xo0uHBYulMSIJCbiSjdGjQuJzIjKKAiGIhIIqEVA0NKBtrSltLSlA6UU2v7OLZ1b+r83/Y9OqLCoYSEnN8077773zuu9992fRiwrVuSXESvyC6Gx9dUNH67lHkyVNfCP9ypyPEETEpjHb+TDeAi0X9LSmoVZ3+S3U2Kd0qtFg+lNgpM4gSOZCH4jL9RXgTYYTf0QTaUCQn0lnDll70c8gmT54Jz79dCuRsGJet5RijALzaYC/pC9cHDtgOoB4hEkyzM1zyJ3HOhR3CmhbwrjQeRIBSjC07XcQ4hEkCDvDmCljM1t4oswFmP1cA/MxSNdScDxcCjs9YVsroDe4VNbPFLMJdA5WXDvCStVYW6XGptFhnfwC2vRHoLgaPPhTLtPhXiSfJ8yt4C22uwWw9jqHYelAt0r0kWCN1NaxtxWRE8H11IMoh1f7XAyTPJ15YjHy4MerO6WZ5MUSrScuf2L7AZJSUw7BnsVd/tV96EqGZonbO0L3kzJiP4thEpmoigsHWprt9b+Q+ccMrpGrB6ZJ2hEOxHwSvbuT+ILiMXLd0mvFdM3zvqnEScIyEI1Zx8ifwaOzwXDHl/I6gro7L4Ji0eCufgwRu5E9ChyiukbgnMeksbkSxgZ1PFbiETAmnoOsfIEMMTnAf+sirO3grWjlLGlcHBdNNTxBn0GrU6E0tIJXpX1M0lj8tBq6oaPQPmY3CLSRvRvYKnS0oFWzGPWr6WO36TKs3uVufCQaOpHTM1TtjYfKgMetxhrkJlayAJaCHjYRfT1A6o8ksbk1bbuEnpG9PpRS23zAbSMnm0VnSPHMXmAO6CXm9skxqaoVXP3NwtPIXcq4A85IHGdkiskTZBfCPrk4wLaqlFDjdOvsXkVkBHDLBfqf9LWA1mUmT6OYe8h4BB2CD6kABLRr8qD+oLsdEmvt49dahWdh+4J3R7aaA33AFRYAW0NbCfPX0Q+MOdsEmQmpePvBp+WMubWCtbOSs4e6HEN/GMfRjIpo2fgvXVILn9X3tPPstHpi8oD4F1pHT8lxkbyZU9Yv8JnY8bJMLiGzW6RzSuHwLiDGLR06IPQDdG2pWFx+X+KFfllxP8sTxC/AFRgeZ8C4aiAAAAAAElFTkSuQmCC",alt:"time"}),i.a.createElement("div",null,i.a.createElement("div",{className:"list-item-label"},b("Booking number"),":"),i.a.createElement("div",{className:"list-item-value"},m.bookingNumber))),m&&i.a.createElement(ke.Modal,{show:P,onHide:function(){return B(!1)}},i.a.createElement(ke.Modal.Header,{closeButton:!0},i.a.createElement(ke.Modal.Title,null,b("Modify booking"))),i.a.createElement(ke.Modal.Body,null,i.a.createElement("p",null,b("Changing the paid booking means that your original time is cancelled and a refund is made automatically.")),i.a.createElement("p",null,b("After choosing a new time you will get a new confirmation."))),i.a.createElement(ke.Modal.Footer,null,i.a.createElement(ke.Button,{variant:"secondary",onClick:function(){return B(!1)}},b("Cancel")),i.a.createElement(ke.Button,{variant:"primary",onClick:V},b("Accept")))))}return d&&(D.plateNumber=d.plateNumber,D.vehicleBrandAndModel=d.vehicleBrandAndModel),c&&(D.product=c),p&&(D.station=p,l&&(D.time=l.time)),m&&(D.plateNumber=m.plateNumber,D.vehicleBrandAndModel=m.vehicleBrandAndModel,D.product=m.products[0].productType,D.station=m.station,D.time=m.reservedDateTime),e.card?i.a.createElement("div",{className:"summary-component card shadow-sm"},i.a.createElement("div",null,i.a.createElement("div",{className:"card-header"},b("Booking summary")),i.a.createElement("div",{className:"card-body"},M()))):i.a.createElement("div",{className:"summary-component list-wrapper"},M())};at.propTypes=nt;var rt=at;function ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function it(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ot(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ot(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return lt.apply(this,arguments)}function lt(){return(lt=I()(P.a.mark((function e(t,n,a){var r,o;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+"/Reservations/".concat(a,"/").concat(n),e.prev=1,e.next=4,X.get(r);case 4:return o=e.sent,e.abrupt("return",o.data);case 8:e.prev=8,e.t0=e.catch(1);case 10:return e.abrupt("return",null);case 11:case"end":return e.stop()}}),e,null,[[1,8]])})))).apply(this,arguments)}function st(){var e=window.location.href.split("?");return(R()(e,2)[1]\|\|"").split("&").map((function(e){return e.split("=")})).reduce((function(e,t){return e[t[0]]=decodeURIComponent(t[1]),e}),{})}function ut(e){var t=window.location.href.split("?"),n=R()(t,1)[0],a=Object.keys(e).filter((function(t){return e[t]})).map((function(t){return"".concat(t,"=").concat(encodeURIComponent(e[t]))})).join("&");a=a?"?"+a:a,history.replaceState({},"_",n+a)}var mt={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired};function dt(e){var t=Object(o.useContext)(s),n=t.tr,a=t.locale,r=Object(o.useState)(!1),c=R()(r,2),l=c[0],m=c[1],d=Object(o.useState)(null),p=R()(d,2),f=p[0],v=p[1],g=Object(o.useState)(!0),h=R()(g,2),y=h[0],E=h[1],N=Object(o.useState)(""),w=R()(N,2),T=w[0],j=w[1],x=Object(u.useSelector)((function(e){return e})),B=x.apiEndpoint,V=x.campaign,D=x.timeSlot,M=x.pendingReservationUid,U=x.pendingReservationTime,L=x.vehicle,q=x.station,Y=x.originalReservation,W=x.b2bCustomer,H=Object(u.useDispatch)(),K=Object(o.useState)(!!W),F=R()(K,2),z=F[0],J=F[1];function Z(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.force,n=void 0!==t&&t;if(n\|\|!Y\|\|Y.reservedDateTime!==D.time\|\|Y.stationId!==q.id\|\|Y.plateNumber!==L.plateNumber){var a={uid:M,plateNumber:L.plateNumber,time:D.time,vehicleCategory:L.vehicleCategory,stationId:q.id,productIds:[q.productId]};X.post(B+"/PendingReservations",a).then((function(e){e.text().then((function(e){H(O(e)),m(!0)}))}),(function(e){e.data&&e.data.error&&e.data.error.startsWith("No resource for slot")&&(E(!1),j("No resource for slot"))}))}else m(!0)}function _(){return(_=I()(P.a.mark((function e(){var t,a;return P.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t=st()).expired&&!t.error){e.next=10;break}throw t.expired="",t.error="",t.stationId="",t.reservationId="",ut(t),new Error(n("An error occurred during the payment"));case 10:if(!t.stationId\|\|!t.reservationId){e.next=18;break}return e.next=13,ct(B,t.reservationId,t.stationId);case 13:return a=e.sent,t.stationId="",t.reservationId="",ut(t),e.abrupt("return",a);case 18:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function $(e){window._klarnaCheckout?window._klarnaCheckout((function(e){return e.resume()})):(v(e),setTimeout((function(){for(var e=document.getElementById("klarna-checkout-container").getElementsByTagName("script"),t=0;t<e.length;t++){var n=e[t].parentNode,a=document.createElement("script");a.type="text/javascript",a.text=e[t].text,n.removeChild(e[t]),n.appendChild(a)}}),100))}function ee(){if(l&&!z){var e={pendingReservationUid:M,pendingReservationStationId:q.id,originalReservationUid:Y?Y.uid:void 0,originalReservationStationId:Y?Y.stationId:void 0,plateNumber:L.plateNumber,vehicleCategory:L.vehicleCategory,customerUid:null,campaignCodeUid:V?V.uid:null,language:{sv:"Swedish",fi:"Finnish"}[a]\|\|"English",productIds:[q.productId],vehicleBrandAndModel:L.vehicleBrandAndModel,meta:{}};I()(P.a.mark((function t(){var a,r;return P.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(f){t.next=20;break}if(E(!0),a=null,t.prev=3,a){t.next=9;break}return t.next=7,X.post(B+"/Klarna",e);case 7:r=t.sent,a=r.data;case 9:E(!1),j(""),$(a),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(3),E(!1),j(n("An error occurred during the payment"));case 18:t.next=21;break;case 20:window._klarnaCheckout((function(t){t.suspend(),setTimeout((function(){X.post(B+"/Klarna",e).then((function(e){j(""),$(e.data)}),(function(){E(!1),j(n("An error occurred during the payment"))}))}),1e3)}));case 21:case"end":return t.stop()}}),t,null,[[3,14]])})))()}}Object(o.useEffect)((function(){Q({event:"checkout_billing"})}),[]),Object(o.useEffect)((function(){var e=Date.now();if(U){var t=U+84e4;if(e>t)return Z({force:!0});var n=setTimeout((function(){Z({force:!0})}),t-e);return function(){return clearTimeout(n)}}}),[U]),Object(o.useEffect)((function(){(function(){return _.apply(this,arguments)})().then((function(t){if(t){return Y&&Q({event:"checkout_changePurchase"}),Q({event:"checkout_purchase",transactionID:t.uid,transactionAffiliation:t.station.name,transactionTotal:t.products.reduce((function(e,t){return e+t.price}),0),transactionTax:0,transactionShipping:0,transactionProducts:t.products.map((function(e){return{sku:e.productType,name:e.productType,category:e.productType,price:e.price,quantity:1}}))}),H(O("")),H(C(null)),H(S(t)),void e.onNext()}Z()}),(function(e){j(e.message),E(!1)}))}),[L,q,D]),Object(o.useEffect)((function(){return function(){window._klarnaCheckout=null}}),[]),Object(o.useEffect)(ee,[M,l,V,a,z]);var te=Object(o.useState)({customerNumber:"",notes:""}),ne=R()(te,2),ae=ne[0],re=ne[1],oe=Object(o.useState)(""),ie=R()(oe,2),ce=ie[0],le=ie[1],se=Object(o.useState)(!1),ue=R()(se,2),me=ue[0],de=ue[1];function pe(e){e&&e.preventDefault(),de(!0),le(""),X.get(B+"/B2BCustomer/"+ae.customerNumber).then((function(e){if(de(!1),e.data){var t=e.data;t.customerNumber=ae.customerNumber,t.notes=ae.notes,H(k(t))}else le(n("Unable to find company"))})).catch((function(){de(!1)}))}return i.a.createElement("div",{className:"finalize-step-component mt-3"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-5 order-md-1"},i.a.createElement(rt,{card:!0})),i.a.createElement("div",{className:"col-md-7"},T?i.a.createElement("div",{className:"text-center mt-5"},T&&("No resource for slot"===T?i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Le.a,{size:40,className:"mr-2"}),n("This time slot cannot be booked")),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){H(A(null)),H(b("time"))}},n("Change time"))):i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Le.a,{size:40,className:"mr-2"}),T),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){j(""),l?ee():Z()}},i.a.createElement(Me.a,{className:"mr-2"}),n("Please try again")),i.a.createElement("div",{className:"mt-3"},n("Payment was not completed"))))):i.a.createElement(i.a.Fragment,null,z&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"finalize-step-business-message"},n("Not booking for a company?"),i.a.createElement("button",{className:"btn btn-link book-here-btn",onClick:function(){H(k(null)),J(!1),le("")}},n("Please book here"))),W?i.a.createElement("div",null,i.a.createElement("div",{className:"from-group"},i.a.createElement("label",null,n("Company name")),i.a.createElement("p",null,i.a.createElement("b",null,W.name))),W.email&&i.a.createElement("div",{className:"from-group"},i.a.createElement("label",null,n("Confirmation Email")),i.a.createElement("p",null,i.a.createElement("b",null,W.email))),W.notes&&i.a.createElement("div",{className:"from-group"},i.a.createElement("label",null,n("Notes")),i.a.createElement("p",null,i.a.createElement("b",null,W.notes))),i.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:function(){de(!0),X.post(B+"/Reservations",{pendingReservationUid:M,pendingReservationStationId:q.id,originalReservationUid:Y&&Y.uid,originalReservationStationId:Y&&Y.stationId,plateNumber:L.plateNumber,vehicleCategory:L.vehicleCategory,customerUid:W.customerUid,campaignCodeUid:V&&V.uid,language:{sv:"Swedish",fi:"Finnish"}[a]\|\|"English",productIds:[q.productId],vehicleBrandAndModel:L.vehicleBrandAndModel,additionalInformation:W.notes,meta:{}}).then((function(t){var n=t.data,a=B+"/Reservations/confirm/"+[q.id,n.uid,Y?Y.stationId:q.id,Y?Y.uid:n.uid,!!W.email].join("/");return X.get(a).then((function(){var t=B+"/Reservations/".concat(n.bookingNumber)+G({customerNumber:W.customerNumber});return X.get(t).then((function(t){if(!t.data)throw new Error("Unable to confirm reservation");H(O("")),H(C(null)),H(S(t.data)),e.onNext()}))}))})).catch((function(){de(!1),le(n("An error occurred"))}))},disabled:me},n("Confirm booking")),ce&&i.a.createElement("div",{className:"invalid-feedback"},ce)):i.a.createElement("form",{noValidate:!0,onSubmit:pe},i.a.createElement("div",{className:"form-group"},i.a.createElement("label",null,n("Company code")),i.a.createElement("input",{className:"form-control",type:"text",value:ae.customerNumber,onChange:function(e){return re(it(it({},ae),{},{customerNumber:e.target.value}))}})),i.a.createElement("div",{className:"form-group"},i.a.createElement("label",null,n("Notes")),i.a.createElement("textarea",{className:"form-control",value:ae.notes,onChange:function(e){return re(it(it({},ae),{},{notes:e.target.value}))}})),i.a.createElement("p",null,n("You will be billed according to your contract. If you do not have a contract yet, please contact sales at customer@carspect.se")),i.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:pe,disabled:me},n("Search")),ce&&i.a.createElement("div",{className:"invalid-feedback"},ce))),y?i.a.createElement("div",{className:"spinner-border text-secondary mt-3"}):f&&i.a.createElement("div",{style:{visibility:z?"hidden":"visible"}},i.a.createElement("div",{className:"finalize-step-business-message"},n("Corporate customer?"),i.a.createElement("button",{className:"btn btn-link book-here-btn",onClick:function(){return J(!0)}},n("Please book here"))),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:f.html}}))))))}dt.propTypes=mt;var pt=dt,ft=n(25),bt=n.n(ft),vt={onlineReservationDiscount:l.a.number,onlinePaymentDiscount:l.a.number,productId:l.a.number,discountType:l.a.string},gt={uid:l.a.string.isRequired,name:l.a.string,code:l.a.string,discounts:l.a.arrayOf(l.a.shape(vt)).isRequired},ht=(n(37),n(36)),yt=ht.Component,Et=ht.Property,At={cancelReservation:l.a.func.isRequired,campaign:l.a.shape(gt)};function Nt(e){var t=Object(o.useContext)(s).tr,n={Inspection:t("Periodic time inspection"),ReInspection:{title:t("Reinspection")},PostInspection:t("Reinspection"),ConditionInspection:t("Condition test")},a=Object(u.useSelector)((function(e){return e})),r=a.apiEndpoint,c=a.reservation,l=a.originalReservation,m=Object(u.useSelector)((function(e){return e})).station;Object(o.useEffect)((function(){Q(l?{event:"checkout_changeBookingConfirmation"}:{event:"checkout_confirmation"})}),[]),m=c&&c.station;var d=Object(o.useState)(null),p=R()(d,2),f=p[0],b=p[1];return Object(o.useEffect)((function(){return function(){window._klarnaCheckout=null}}),[]),Object(o.useEffect)((function(){if(c&&"NotPaid"!==c.paymentStatus){var e="".concat(r,"/Klarna/").concat(c.stationId,"/").concat(c.uid);X.get(e).then((function(e){b(e.data),setTimeout((function(){for(var e=document.getElementById("klarna-checkout-container").getElementsByTagName("script"),t=0;t<e.length;t++){var n=e[t].parentNode,a=document.createElement("script");a.type="text/javascript",a.text=e[t].text,n.removeChild(e[t]),n.appendChild(a)}}))}))}}),[c]),i.a.createElement("div",{className:"confirmation-step-component"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-7"},i.a.createElement("h5",null,t("Confirmation")),i.a.createElement("div",{className:"confirmation-step-confirmation"},i.a.createElement("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVsSURBVFhHvZf7b1NlGMf3lzgUxCkCymKAKQleUMYlGogxCsb4gwnGBGOAhAQCGhUj6k+6+73sPsrcIGwKY72t7Xpdu67t2m5s3dqupd3Wy3p6PfPbnkN3dk63lkL85vvT3ud9P33P+z7P865o9X9XbmSSjMeThCcwrrHXDk5826441Diyp1q0vVb8cousjK/9RGj9weq+E4w4E8kouZqkp22szZCJZCQYcejmeT3qD6uEL1QIntvEjSOl90zn5pfkkfgySW4Gzo4kyUQo6jE4OzpVR3LCmK4Vv3LfdH4hoIsnwvRaHGVBYnPuwNiQ6UKdZCdrxTx9Q35wwtlBxBbpFdeLjYwlwrM+QZ/u1BNtjutq0Yvyh78HIy56XYbWIePJyIxvmK89WSEoZi1RgCuFW4TWKytRD736Y60hcTNdfnWf7vQz4VGuEm2VTV+PxgM0I601ZIBw4OSf8nty3TCye8LZSa6SNCaDjCVWxh2t9ZJdrAlPb3zebtVxT9BAgSAKSS6u2LpUx1jRBRi3BmYdTY24RGi9miRjaVYaieKinWuoEm5lxhXgDuUH+vlmi7ufr/m4Uvg8Y6i4Q/m+c1m1hgxHvT3qjxgRhbhDeWjS3RdLhHAN3QH9TfUJ5l7rJK/Kpn+jkaiKjqXRauG2zHABble8O+n+GzlNLYqC5wuZ2xWHMwGVgi39utNUwhThEytn/8qMFeDW0YPmhVs4HYpHCTvRz/OYYfgM9kUJhopQ3gYM3zDHKOOm9ek+l03/gWNYfzDrfEN+wOTqSSbpq8HUyNQvzMhm2b5xRzv+XoT626Z4jzkGVwqL75u+8xN2RCyFp3vUx/ELWDFwi3w/Sn+2vkEaXd2sFK8V75BOXcdYETKyYeR15hhC/zWeBYmaDaVT6Oh6ajGapd7B4/JwUtg3uikjOOVq0Tah5TICgAylM2ltDN1xbklKzc/IF7J0KctxCxBQmeLtH5tv4vJwokZXD3o4c0HK+MVD5nOISSFrRCXMMb7mBDotdzlcwi7VEZwreFp7PXoqPfBY+GDYX4tsH3O1jDHxgfkCwlIftlm6lzmGNiu0XPGH7dxXhTdk6tN9hrqR5PCiiSB4raMHmEsxXSPaLrJ+j8iieDLczakDdZJdYuuPfmKWu9cAMZeFFw+YXDfbFO9s0oXqJbsVM38iGEkSHTJfZA3DKPES289+Yo7ZBLIKPPMCH2m3CQ/myd8yL/QiHqUgbnC0s4Yp43eN2K7hxZXK7A0UTYB3q0uFQpOjy3arjroDOkxBjSW9QSNWZ0VQrpe8howORdxZqTg/1LkuVXlOHnrGoOHraDyIWamyTsSW7hrOsIIyxq+R2K4RMV+asibcO6unPx8e3Cgt1c01UxNTSCSvzTPAShWm0+f6E/ZEzYGQf7ZHA52qw8hRVjDXyEi+5qQ/PEvNTSGhcMyHpxErlOVe7afU6xQ8g7Mt/+bTJC21uO9QIIhG4hLN+ASoYaxopuvEOwSWq96QGfcF+ZDP/mCUz9v6L8MxLwWCaCQUiftVMxWohKw5TONJwZOXNUr35MmDW2R7F/xampHWGhJ3MkDMCyyXsjaNwoz/lqYeDbJKIxMJkWgg/xjP5nMJcxpF1bjA59YvFjIl7HV48mKN6KWCwfjs9ZKdD71D9IrrlQUJIVM1szV4YaSffU8ABqxWXNI7dgr/j25Us7IjIZRWx7ICH5knK8tnx7iZ2FmnslxtryHiy/Qq2bQhkhKK/qxPPDx5qVt9jCd/E+8H4LF19GocFXo7MqdJ+kab4u3b+i/wb3aqDXAOj6UcyIyChHPae09jrxNYLuOZctfw1YDhzJD5vHTq1wlnF9KAqp/5KF/kM9Pq6n9pSObDWlkCbAAAAABJRU5ErkJggg==",alt:"",className:"confirmation-step-confirm-icon"}),t("Your reservation is complete"),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg confirmation-calendar-button",onClick:function(){var e=new yt({name:"VCALENDAR",properties:[new Et({name:"VERSION",value:2})],components:[new yt({name:"VEVENT",properties:[new Et({name:"SUMMARY",value:"".concat(c.plateNumber," ").concat(n[c.products[0].productType])}),new Et({name:"DESCRIPTION",value:"".concat(c.plateNumber," ").concat(n[c.products[0].productType])}),new Et({name:"DTSTART",value:c.reservedDateTime.replace(/[-:]/g,"")}),new Et({name:"DURATION",value:"PT0H".concat(c.station.slotDurationMinutes,"M")}),new Et({name:"STATUS",value:"CONFIRMED"}),new Et({name:"LOCATION",value:[m.name,m.streetAddress,m.city].filter((function(e){return e})).join(", ")}),m.coordinateLat?new Et({name:"GEO",value:"".concat(m.coordinateLat.toFixed(8),":").concat(m.coordinateLng.toFixed(8))}):null].filter((function(e){return e}))})]}),t=new Blob([e.toString()],{type:"text/calendar"}),a=document.createElement("a");a.download=name,a.href=window.URL.createObjectURL(t),a.onclick=function(){return setTimeout((function(){return window.URL.revokeObjectURL(a.href)}),2e3)},a.click(),a.remove()}},i.a.createElement(bt.a,null),t("Add to my calendar")))),f&&i.a.createElement("div",{dangerouslySetInnerHTML:{__html:f.html}})),i.a.createElement("div",{className:"col-md-5"},i.a.createElement(rt,{cancelReservation:e.cancelReservation,card:!0}))))}Nt.propTypes=At;var kt=Nt,Ot=(n(38),{cancelReservation:l.a.func,onBack:l.a.func.isRequired});function Ct(e){var t=Object(o.useContext)(s).tr;return i.a.createElement("div",{className:"modify-confirmation-step-component"},i.a.createElement("h2",{className:"title"},t("Here you can change your reservation's time and place")),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-sm-12 col-md-10 col-lg-8"},i.a.createElement(rt,{cancelReservation:e.cancelReservation}))),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:function(){return e.onBack()}},t("Back"))))}Ct.propTypes=Ot;var St=Ct,wt={en:{},sv:{Reservation:"Bokning","Enter plate number":"Ange registreringsnummer",Search:"Sök","Vehicle information":"fordonsinformation","Brand and model":"Märke, modell","Model year":"Fordonsår",Color:"Färg","Vehicle class":"Fordonstyp","Inspection periods last day":"Besiktas senast","Selected service":"Vald Tjänst",Next:"Fortsätt",Vehicle:"Fordon",Station:"Station",Time:"Tid",Finalize:"Avsluta",Confirmation:"Bekräftelse","Booking summary":"Bokningssammanfattning",Products:"Produkter","Campaign code":"Kampanjkod","Code activated":"Kod giltig",Total:"Total","Booking number":"Bokningsnummer","Last name":"Efternamn","Enter campaign code":"Ange kampanjkod","Periodic time inspection":"Kontrollbesiktning",Inspection:"Kontrollbesiktning",Reinspection:"Efterkontroll","Condition test":"Begagnattest","Konditionstest Premium":"Konditionstest Premium","Trafiksäkerhetskontroll":"Trafiksäkerhetskontroll","Konditionstest Bas":"Konditionstest Bas",Veteranfordonstest:"Veteranfordonstest",Gasoltest:"Gasoltest","Other Services":"Övriga tjänster","Finalize the booking":"Slutföra bokningen",Back:"Tillbaka",Confirm:"Bekräfta","An error occurred during the payment":"Ett fel inträffade under betalningen","An error occurred":"Ett fel inträffade","Please try again":"Vänligen försök igen","Payment was not completed":"Betalningen genomfördes inte","Station must be selected":"Station måste väljas",Loading:"Läser in","No stations found":"Inga stationer hittades",Reserved:"Reserverad","Time slot must be selected":"Tid måste väljas",Week:"Vecka",Today:"Idag","Select date and time":"Välj datum och tid","Incorrect registration number, please enter your registration number again":"Felaktigt registreringsnummer, vänligen ange ditt registreringsnummer igen","You cannot reserve a time when the vehicle is unregistered":"Obs! Du kan inte boka en tid då fordonet är avregistrerat","Vehicle information was not found":"Fordonsinformation hittades inte","Vehicle and product should be selected":"Ange reg nummer och besiktningstyp","We could not reach the server in a timely manner, please try again later.":"Kontakt med Vägtrafikregistret kunde inte upprättas, vänligen försök lite senare.","Select station":"Välj station",Information:"Information","Booking is not paid":"Bokningen betalades inte","Online payment completed":"Online betalning slutförd",Receipt:"Kvitto","Modify booking":"Tryck här för att ändra din bokade tid","Changing the paid booking means that your original time is cancelled and a refund is made automatically.":"Ändrig av betald bokning innebär att din ursprungliga tid annulleras och återbetalning görs automatiskt.","After choosing a new time you will get a new confirmation.":"Efter att ha valt en ny tid kommer du att få en ny bekräftelse.",Cancel:"Avbryt",Accept:"Bekräfta","The promotional code does not apply. Please check spelling and validity.":"Kampanjkoden gäller inte. Vänligen kontrollera stavning och giltighetstid.",Apply:"Tillämpa","Here you can change your booked time":"Tryck här för att ändra din bokade tid",Nearby:"I närheten",Bus:"Buss",Truck:"Lastbil",Motorbike:"Motorcykel",Moped:"Moped","Motorized equipment":"Motorredskap","Passenger car":"Personbil",Trailer:"Släpkärra","All terrain vehicle":"Terränghjuling","All terrain scooter":"Terrängskoter","All terrain carriage":"Terrängsläp",Snowmobile:"Snöskoter","All terrain trailer":"Terrängvagn",Tractor:"Traktor",Ready:"Välj","Select day from calendar":"Välj dag från kalender","Registration number, vehicle":"Registreringsnummer, fordon",Service:"Tjänst","Date and time":"Datum och tid","Here you can change your reservation's time and place":"Här kan du ändra din bokade tid och plats","Your reservation is complete":"Din tid är bokad",Edit:"Redigera","See on the map":"Se på karta",Unregistered:"Avregistrerad",Cancelled:"Avställd","In use":"I trafik","Add to my calendar":"Lägg till i min kalender","No available times at this station.":"Inga tillgängliga tider på denna station.","Find time at any of our stations.":"Sök tid på någon annan av våra stationer.","No available times.":"Inga tillgängliga tider.","See the next available time.":"Se nästa lediga tid.","Corporate customer?":"Företagskunder?","Please book here":" Vänligen boka här","Not booking for a company?":"Bokar du inte för ett företag?","You will be billed according to your contract. If you do not have a contract yet, please contact sales at customer@carspect.se":"Om du inte har ett kontrakt än, eller har övriga frågor gällande företagskunder, vänligen kontakta Carspect på customer@carspect.se.","Company code":"Kundnummer","Company name":"Företagsnamn",Notes:"Anteckningar","Confirmation Email":"Bekräftelsemejl","Confirm booking":"Bekräfta bokningen","Registration number":"Registreringsnummer",Payment:"Betalning","Map is currently not available. Please select station from the list":"Karta är för närvarande inte tillgänglig. Välj station från listan","This time slot cannot be booked":"Denna tidslucka kan inte bokas","Change time":"Ändra tid","Customer number":"Kundnummer",Or:"eller","We cannot inspect vehicles over 3500kg.":"Vi kan inte inspektera fordon över 3500 kg.","Suggested inspection from VTR:":"Föreslagen besiktning från Vägtrafikregistret:","There is already a booking for this vehicle.":"En bokning finns redan för detta fordon.","Click here to change the reservation.":"Tryck här för att ändra existerande bokning.","Please fill in both fields":"Obligatoriskt att fylla i båda raderna","Reservation was not found":"Bokning hittades inte","This type of tractor cannot be inspected":"Denna typ av traktor kan inte besiktigas på Carspect","Vehicle is too heavy to be inspected":"Detta fordon har för hög totalvikt för att kunna besiktigas på Carspect","Vehicle cannot be reserved via online booking. Please contact customer service":"Bokning kan inte ske via internet, vänligen kontakta kundtjänst","Only stations that accept the selected vehicle are shown in the list":"Endast stationer som tar emot valt fordon visas i listan","Change code":"Ändra kod"}};n(39);function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Rt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jt={apiEndpoint:l.a.string.isRequired,chainId:l.a.number.isRequired,googleApiKey:l.a.string.isRequired,plateNumber:l.a.string,stationId:l.a.number,product:l.a.string,modifyExisting:l.a.shape({bookingNumber:l.a.string,lastName:l.a.string}),locale:l.a.string,timezone:l.a.string},It=function(e){te.a.tz.setDefault(e.timezone);var t=e.locale\|\|"en",n=Object(o.useCallback)((function(e){return function(e,t){var n=wt[e]&&wt[e][t];return n\|\|(n=t),n}(t,e)}),[t]);Object(o.useEffect)((function(){t.includes(t)&&localStorage.setItem("contentLocale",t),te.a.locale(t),te.a.updateLocale(t,{week:{dow:1,doy:4}})}),[t]);var a=Object(u.useSelector)((function(e){return e})),r=a.apiEndpoint,c=a.step,l=a.plateNumber,m=a.vehicle,d=a.vehicleError,p=a.product,f=a.station,k=a.timeSlot,T=a.campaign,R=a.pendingReservationUid,j=a.pendingReservationTime,I=a.reservation,x=a.originalReservation,P=a.b2bCustomer;Object(o.useEffect)((function(){"loading"!==c&&"modify"!==c&&sessionStorage.setItem("musterBookingState",JSON.stringify({step:c,plateNumber:l,vehicle:m,vehicleError:d,product:p,station:f,timeSlot:k,campaign:T,pendingReservationUid:R,pendingReservationTime:j,b2bCustomer:P,reservation:I,originalReservation:x}))}),[c,l,m,d,p,f,k,T,R,j,P,I,x]);var B=Object(u.useDispatch)();function V(t){var a=t.step,o=void 0===a?"":a,i=t.plateNumber,c=t.product,l=t.stationId,s=t.timeSlot,u=void 0===s?null:s;if(!i)return B(b(o\|\|"vehicle"));ue(r,e.chainId,i).then((function(t){B(v(F(i)));var a=K(t);return a?(B(h(n(a))),B(b(o\|\|"vehicle"))):t?(B(g(t)),B(h("")),c?(B(y(c)),l?void function(e,t,n,a,r){return Oe(e,t,n,a).then((function(e){return e.find((function(e){return e.id===r}))}))}(r,e.chainId,c,t,l).then((function(e){if(!e)return B(b(o\|\|"station"));B(E(e)),B(A(u)),B(b(o\|\|"time"))})):B(b(o\|\|"station"))):B(b(o\|\|"vehicle"))):(B(h(n("Incorrect registration number, please enter your registration number again"))),B(b(o\|\|"vehicle")))}),console.error)}function D(e){B(S(null)),B(O("")),B(N(null)),B(A(null)),B(b("loading")),B(C(e)),V({plateNumber:e.plateNumber,product:e.products[0].productType,stationId:e.stationId,step:"vehicle"})}return Object(o.useEffect)((function(){if("loading"===c){var t=st();if(t.continuePaymentReservationUid)return ut(Rt(Rt({},t),{},{continuePaymentReservationUid:"",stationId:""})),void ct(r,t.continuePaymentReservationUid,t.stationId).then((function(t){t?(B(C(t)),V({plateNumber:t.plateNumber,product:t.products[0].productType,stationId:t.stationId,step:"finalize",timeSlot:{time:t.reservedDateTime}})):V({plateNumber:e.plateNumber,product:e.product\|\|"Inspection",stationId:e.stationId,step:"vehicle"})}));V({plateNumber:e.plateNumber,product:e.product\|\|"Inspection",stationId:e.stationId,step:"vehicle"})}}),[]),i.a.createElement(s.Provider,{value:{tr:n,locale:t}},i.a.createElement("div",{className:"booking-component"},"modify-confirmation"!==c&&i.a.createElement(i.a.Fragment,null,i.a.createElement("h2",{className:"title"},n("Reservation")),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-12"},i.a.createElement(w,null)))),i.a.createElement("div",{className:"mb-3"},"loading"===c&&i.a.createElement("div",{className:"text-center my-4"},i.a.createElement("div",{className:"spinner-border text-secondary",role:"status"},i.a.createElement("span",{className:"sr-only"},n("Loading"),"..."))),"modify"===c&&i.a.createElement($,{apiEndpoint:r,bookingNumber:e.modifyExisting&&e.modifyExisting.bookingNumber,lastName:e.modifyExisting&&e.modifyExisting.lastName,onReservationChange:function(e){B(S(e)),B(b("modify-confirmation"))}}),"vehicle"===c&&i.a.createElement(fe,{onNext:function(){return B(b("station"))},onModifyExisting:function(){return B(b("modify"))}}),"station"===c&&i.a.createElement(Re,{onBack:function(){return B(b("vehicle"))},onNext:function(){return B(b("time"))}}),"time"===c&&i.a.createElement(_e,{onBack:function(){return B(b("station"))},onNext:function(){return B(b("finalize"))}}),"finalize"===c&&i.a.createElement(pt,{onBack:function(){return B(b("time"))},onNext:function(){return B(b("confirmation"))}}),"confirmation"===c&&i.a.createElement(kt,{cancelReservation:D}),"modify-confirmation"===c&&i.a.createElement(St,{cancelReservation:D,onBack:function(){B(S(null)),B(b("modify"))}}))))};It.propTypes=jt;var xt=function(e){var t=Object(o.useMemo)((function(){var t,n={},a=st();if(e.modifyExisting)n.step="modify";else if(a.continuePaymentReservationUid)n.step="loading";else try{n=JSON.parse(sessionStorage.getItem("musterBookingState")\|\|"null")\|\|{step:"loading",plateNumber:"",vehicle:null,vehicleError:"",product:"",station:null,timeSlot:null,campaign:null,reservation:null}}catch(e){}return n.apiEndpoint=e.apiEndpoint,n.chainId=e.chainId,n.googleApiKey=e.googleApiKey,t=n,Object(m.createStore)(f,t)}),[]);return i.a.createElement(u.Provider,{store:t},i.a.createElement(It,e))};xt.propTypes=jt,xt.defaultProps={timezone:"Europe/Stockholm"};var Pt=xt;n(40),t.default=Pt}]);

package/dist/styles.bundle.css CHANGED Viewed

@@ -57,6 +57,18 @@ nav.disabled {
 	text-decoration: none;
 }
+@media screen and (min-width: 768px) {
+    .modify-existing-component #or-paragraph {
+        text-align: center;
+        margin-top: 1rem;
+    }
+}
+@media screen and (max-width: 767px) {
+    .modify-existing-component #last-name {
+        margin-bottom: 0;
+    }
+}
 .vehicle-step-component .plate-form {
 	display: flex;
 	align-items: flex-start;
@@ -108,7 +120,8 @@ nav.disabled {
 	padding-right: 0;
 }
-.vehicle-step-component .plate-load-button {
+.vehicle-step-component .plate-load-button,
+.vehicle-step-component .plate-clear-button {
 	width: 76px;
 	height: 76px;
 	padding: 0px;
@@ -119,27 +132,37 @@ nav.disabled {
 	height: 64px;
 }
+.vehicle-step-component .plate-clear-icon {
+	width: 54px;
+	height: 54px;
+}
 .vehicle-step-component .plate-spinner {
 	width: 32px;
 	height: 32px;
 }
-@media screen and (max-width: 424px) {
+.vehicle-step-component .campaign-code {
+	margin-left: 8px;
+}
+@media screen and (max-width: 991px) {
 	.vehicle-step-component .plate-container {
-		background-size: 20px;
-		width: 216px;
-		height: 56px;
+		background-size: 28px;
+		width: 260px;
+		height: 66px;
 	}
 	.vehicle-step-component .plate-input {
-		left: 43px;
-		width: calc(100% - 43px);
-		font-size: 30px;
+		left: 46px;
+		width: calc(100% - 46px);
+		font-size: 45px !important;
 	}
-	.vehicle-step-component .plate-load-button {
-		width: 56px;
-		height: 56px;
+	.vehicle-step-component .plate-load-button,
+	.vehicle-step-component .plate-clear-button {
+		width: 66px;
+		height: 66px;
 		padding: 0px;
 	}
@@ -147,6 +170,47 @@ nav.disabled {
 		width: 56px;
 		height: 56px;
 	}
+	.vehicle-step-component .plate-clear-icon {
+		width: 48px;
+		height: 48px;
+	}
+}
+@media screen and (max-width: 424px) {
+	.vehicle-step-component .plate-container {
+		background-size: 20px;
+		width: 236px;
+		height: 50px;
+	}
+	.vehicle-step-component .plate-input {
+		left: 38px;
+		width: calc(100% - 38px);
+		font-size: 40px !important;
+		letter-spacing: 1px;
+	}
+	.vehicle-step-component .plate-load-button,
+	.vehicle-step-component .plate-clear-button {
+		width: 50px;
+		height: 50px;
+		padding: 0px;
+	}
+	.vehicle-step-component .plate-load-icon {
+		width: 50px;
+		height: 50px;
+	}
+	.vehicle-step-component .plate-clear-icon {
+		width: 40px;
+		height: 40px;
+	}
+	.vehicle-step-component .selected-service {
+		margin-top: 1rem;
+	}
 }
 .station-list a {
@@ -201,12 +265,6 @@ nav.disabled {
 	align-items: baseline;
 }
-@media (max-width: 991px) {
-	.time-step-component-header {
-		display: block;
-	}
-}
 .time-step-component-header-icon {
 	margin: 0 6px;
 }
@@ -234,12 +292,6 @@ nav.disabled {
 	width: 15%;
 }
-@media screen and (max-width: 768px) {
-	.weekday-header {
-		width: 100%;
-	}
-}
 .no-available-times-box {
 	position: absolute;
 	top: 200px;
@@ -318,6 +370,7 @@ nav.disabled {
 }
 .slot-body {
+	min-width: 150px;
 	padding: 4px 8px;
 }
@@ -346,12 +399,36 @@ nav.disabled {
 	text-transform: uppercase;
 }
+@media (max-width: 991px) {
+	.time-step-component-header {
+		display: block;
+	}
+	.time-step-component-header-icon {
+		margin: 0 0 6px 0;
+	}
+	.select-date-and-time {
+		margin-left: 6px;
+	}
+}
+@media screen and (max-width: 767px) {
+	.weekday-header {
+		width: 100%;
+	}
+}
 .finalize-step-component .invalid-feedback {
 	display: block;
 	font-size: 16px;
 	font-weight: 700;
 }
+.book-here-btn {
+	padding-left: 4px;
+}
 .summary-component .card-header {
 	display: flex;
 	justify-content: center;
@@ -367,6 +444,7 @@ nav.disabled {
 	border-top: 1px solid rgba(0,0,0,.125);
 	border-bottom: 1px solid rgba(0,0,0,.125);
 	margin: 16px 0;
+	flex-flow: column;
 }
 .summary-component .list-group-item {
@@ -404,6 +482,9 @@ nav.disabled {
 	margin-left: 8px;
 }
+.summary-component .campaign-name {
+	flex-flow: wrap;
+}
 .confirmation-step-component .confirmation-step-confirm-icon {
 	width: 38px;
 	height: 38px;
@@ -425,12 +506,17 @@ nav.disabled {
 	margin-right: 16px;
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 767px) {
 	.confirmation-step-confirmation {
 		display: flex;
-    flex-direction: column;
-    align-items: center;
+    	flex-direction: column;
+    	align-items: center;
 	}
 }
+@media screen and (max-width: 767px) {
+    .modify-confirmation-step-component .title {
+        font-size: 1.5rem;
+    }
+}

package/package.json CHANGED Viewed

@@ -4,7 +4,7 @@
   "author": "Muster by Pinja",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "/dist/index.bundle.js",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "scripts": {
     "start": "webpack-dev-server",
     "build": "cross-env NODE_ENV=production OUTPUT=library webpack --progress",