@protacon/muster-booking-frontend 1.11.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
  1. package/Jenkinsfile +1 -1
  2. package/dist/index.bundle.js +1 -1
  3. package/dist/styles.bundle.css +120 -26
  4. package/package.json +1 -1
package/Jenkinsfile CHANGED
@@ -1,4 +1,4 @@
1
- library 'jenkins-ptcs-library@3.1.0'
1
+ library 'jenkins-ptcs-library@4.0.3'
2
2
 
3
3
  podTemplate(label: pod.label,
4
4
  containers: pod.templates + [ // This adds all depencies for jenkins-ptcs-library methods to function correctly.
package/dist/index.bundle.js CHANGED
@@ -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"VEHICLE":return p(p({},e),{},{timeSlot:null,station:null,vehicle: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:"VEHICLE",data:e}}function g(e){return{type:"PRODUCT",data:e}}function h(e){return{type:"STATION",data:e}}function y(e){return{type:"TIME_SLOT",data:e}}function E(e){return{type:"CAMPAIGN",data:e}}function A(e){return{type:"B2B_CUSTOMER",data:e}}function k(e){return{type:"PENDING_RESERVATION",data:e}}function N(e){return{type:"ORIGINAL_RESERVATION",data:e}}function O(e){return{type:"RESERVATION",data:e}}var C=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)))})))},S=n(1),w=n.n(S),T=n(8),R=n.n(T),j=n(5),x=n.n(j);function I(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?I(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B={},V={};function D(e,t,n){return M.apply(this,arguments)}function M(){return(M=R()(x.a.mark((function e(t,n,a){var r,o,i;return x.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,P(P(P({},B),{},{body:r},a),{},{headers:P(P(P({},V),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 U(){return(U=R()(x.a.mark((function e(t){var n,a,r=arguments;return x.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,D(t,void 0,P({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 q(){return(q=R()(x.a.mark((function e(t,n){var a,r=arguments;return x.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,D(t,n,P({method:"POST"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function L(){return(L=R()(x.a.mark((function e(t,n){var a,r=arguments;return x.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,D(t,n,P({method:"PUT"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Y(){return(Y=R()(x.a.mark((function e(t){var n,a,r=arguments;return x.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,D(t,n,P({method:"DELETE"},a));case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var W={get:function(e){return U.apply(this,arguments)},post:function(e,t){return q.apply(this,arguments)},put:function(e,t){return L.apply(this,arguments)},delete:function(e){return Y.apply(this,arguments)},defaultOptions:B,defaultHeaders:V};function H(){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 X(e){window.dataLayer=window.dataLayer||[],window.dataLayer.push(e)}function K(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var G={apiEndpoint:l.a.string.isRequired,bookingNumber:l.a.string,lastName:l.a.string,customerNumber:l.a.string,onReservationChange:l.a.func.isRequired},Q=function(e){var t=Object(o.useState)({bookingNumber:e.bookingNumber||"",lastName:e.lastName||"",customerNumber:e.customerNumber||""}),n=w()(t,2),a=n[0],r=n[1],c=Object(o.useState)(!1),l=w()(c,2),u=l[0],m=l[1],d=Object(o.useState)(""),p=w()(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)+H({customerLastname:a.lastName,customerNumber:a.customerNumber});W.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(F(F({},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(F(F({},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(F(F({},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))))};Q.propTypes=G;var z=Q,J=n(3),Z=n.n(J),_=n(9),$=n.n(_),ee=n(19),te=n.n(ee),ne=n(20),ae=n.n(ne),re=n(10),oe=n.n(re);n(30);function ie(e,t,n){return ce.apply(this,arguments)}function ce(){return(ce=R()(x.a.mark((function e(t,n,a){var r;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+"/Vehicle"+H({ChainId:n,PlateNumber:a.toUpperCase()}),e.abrupt("return",W.get(r).then((function(e){return 200===e.status?e.data:null})));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var le={onNext:l.a.func.isRequired,onModifyExisting:l.a.func.isRequired},se=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.vehicle,m=a.product,d=a.campaign,p=a.originalReservation,f=Object(u.useDispatch)(),b=Object(o.useState)(l?L(l.plateNumber):""),h=w()(b,2),y=h[0],A=h[1],k=Object(o.useState)(!1),N=w()(k,2),O=N[0],C=N[1],S=Object(o.useState)(""),T=w()(S,2),R=T[0],j=T[1],x=Object(o.useState)(""),I=w()(x,2),P=I[0],B=I[1],V=[{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}],D=["Inspection","PostInspection","ConditionInspection","CheckUp",69,59,93,91,57],M=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]),U=Object(o.useMemo)((function(){return{"B Kontrollbesiktning":"Kontrollbesiktning","BE Efterkontroll":"Efterkontroll","FLE Flygande kontroll efterkontroll efter Polis":"Flygande kontroll efterkontroll efter Polis"}})),q=Object(o.useMemo)((function(){return{AVREG:t("Unregistered"),AVST:t("Cancelled"),ITRAFIK:t("In use")}}),[t]);function L(e){return(e=(e=e.toUpperCase()).replace(/[^A-Z0-9]/g,"")).length>3&&(e=e.substring(0,3)+" "+e.substring(3)),e}function Y(){var e=y.replace(/\s/g,""),n=/^[A-Z]{3}[0-9]{2}[0-9A-Z]$/.test(e);j(n?"":t("Incorrect registration number, please enter your registration number again")),n&&(C(!0),ie(r,c,e).then((function(e){C(!1),e&&e.vehicleCallouts&&e.vehicleCallouts.some((function(e){return"Warning"===e.type||"Blocking"===e.type}))?e.vehicleCallouts.some((function(e){return"TractorCannotBeInspected"===e.name}))?j(t("This type of tractor cannot be inspected")):e.vehicleCallouts.some((function(e){return"WeightOver3500Kg"===e.name}))?j(t("Vehicle is too heavy to be inspected")):e.vehicleCallouts.some((function(e){return"NotRegistered"===e.name}))?j(t("You cannot reserve a time when the vehicle is unregistered")):j(t("Vehicle cannot be reserved via online booking. Please contact customer service")):(f(v(e)),X({event:"checkout_vehicleInformation"}),e?D.includes(e.suggestedProductType)?f(g(e.suggestedProductType)):f(g("Inspection")):j(t("Incorrect registration number, please enter your registration number again")))}),(function(e){C(!1),"AbortError"===e.name?j(t("We could not reach the server in a timely manner, please try again later.")):j(t("Incorrect registration number, please enter your registration number again"))}),(function(){C(!1),j(t("Incorrect registration number, please enter your registration number again"))})))}Object(o.useEffect)((function(){X({event:"checkout_vehicleLicense"})}),[]);var K=Object(o.useState)(""),F=w()(K,2),G=F[0],Q=F[1],z=Object(o.useState)(!1),J=w()(z,2),_=J[0],ee=J[1],ne=Object(o.useState)(""),re=w()(ne,2),ce=re[0],le=re[1];function se(){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,l?M[l.vehicleCategory]:"-")),i.a.createElement("div",null,i.a.createElement("label",{className:"d-block"},t("Brand and model"),":"),i.a.createElement("b",null,l?l.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,l?Z()(l.deploymentDate).format("Y"):"-")),i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Color"),":"),i.a.createElement("b",null,l?l.vehicleColorText:"-")),i.a.createElement("div",{className:"mr-5"},i.a.createElement("label",{className:"d-block"},t("Status"),":"),i.a.createElement("b",null,l?q[l.vehicleStatusCode]:"-"))),i.a.createElement("h5",{className:"text-uppercase mt-3"},t("Campaign code")),d?i.a.createElement("div",null,i.a.createElement("b",null,d.code),i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return f(E(null))}},t("Edit")),i.a.createElement("b",{className:"grey"}," ",t("Code activated"))):i.a.createElement("form",{onSubmit:function(e){return function(e){e.preventDefault(),""===G&&f(E(null)),ee(!0);var n=r+"/CampaignCodes"+H({ChainId:c,Code:G});W.get(n).then((function(e){if(ee(!1),200!==e.status)return f(E(null)),void le(t("The promotional code does not apply. Please check spelling and validity."));f(E(e.data)),Q("")}))}(e)}},i.a.createElement("div",{className:"input-group"},i.a.createElement("input",{type:"text",className:"form-control"+(ce?" is-invalid":""),value:G,onChange:function(e){Q(e.target.value),le("")},placeholder:t("Enter campaign code"),disabled:_}),""!==G&&i.a.createElement("div",{className:"input-group-append"},i.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:_},_&&i.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!_&&t("Apply"))),ce&&i.a.createElement("div",{className:"invalid-feedback"},ce))))}return i.a.createElement("div",{className:oe()("vehicle-step-component",!l&&"no-vehicle")},l&&l.existingEvent&&!p&&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(),Y()},className:"plate-form"},i.a.createElement("div",{className:"form-group mr-2"},i.a.createElement("div",{className:oe()("plate-container",R&&"is-invalid")},i.a.createElement("input",{type:"text",className:"form-control plate-input",placeholder:"ABC 123",maxLength:7,value:y,readOnly:!!l||O,onChange:function(e){var t=e.target.value;A(L(t))}}))),l?i.a.createElement("button",{type:"button",className:"btn btn-light clear-plate-button",onClick:function(){f(v(null)),A("")}},i.a.createElement(te.a,null)):i.a.createElement("button",{type:"button",className:"btn btn-primary plate-load-button",onClick:Y,disabled:O},O?i.a.createElement("span",{className:"spinner-border plate-spinner",role:"status","aria-hidden":"true"}):i.a.createElement($.a,{className:"plate-load-icon"}))),i.a.createElement("div",{className:"invalid-feedback"},R),l&&l.suggestedInspectionCode&&i.a.createElement("div",{className:"alert alert-info"},t("Suggested inspection from VTR:")," ",U[l.suggestedInspectionCode]?U[l.suggestedInspectionCode]:l.suggestedInspectionCode),!l&&i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:e.onModifyExisting},t("Here you can change your booked time")),l&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"d-md-none vehicle-information"},se()),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 f(g("Inspection"))}},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:"Inspection"===m,onChange:function(){return f(g("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 f(g("PostInspection"))}},i.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_PostInspection",checked:"PostInspection"===m,onChange:function(){return f(g("PostInspection"))}}),i.a.createElement("div",{className:"fancy-check"}),i.a.createElement("label",{className:"form-check-label",htmlFor:"check_PostInspection"},t("Reinspection"))),i.a.createElement(ae.a,{options:V,getOptionValue:function(e){return e.value},getOptionLabel:function(e){return e.title},value:V.find((function(e){return e.value===m}))||null,placeholder:t("Other Services"),onChange:function(e){return f(g(e&&e.value))}})))),l&&i.a.createElement("div",{className:"d-none d-md-block col-md-7 vehicle-information"},se())),l&&m&&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(){l&&m?n():B(t("Vehicle and product should be selected"))}},t("Next")," ",i.a.createElement($.a,null)),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},P)))};se.propTypes=le;var ue=se,me=n(11),de=n.n(me),pe=n(12),fe={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 be(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 ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?be(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):be(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ge={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 he(e,t,n){var a=ge[e]||ge.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 ye=n(6);n(31);function Ee(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"+H(r);return W.get(o).then((function(e){return 200===e.status?e.data:[]}),(function(){return[]}))}var Ae=!1,ke=[];window.gm_authFailure=function(){ke.forEach((function(e){return e()})),Ae=!0};var Ne={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired},Oe=function(e){var t,n,a,c,l,m=Object(o.useState)(""),d=w()(m,2),p=d[0],f=d[1],b=Object(o.useState)(null),v=w()(b,2),g=v[0],y=v[1],E=Object(o.useState)(0),A=w()(E,2),k=A[0],N=A[1],O=Object(o.useState)(null),C=w()(O,2),S=C[0],T=C[1],R=Object(o.useState)(""),j=w()(R,2),x=j[0],I=j[1],P=(t=Object(o.useState)({}),n=w()(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(){he(e,t,(function(e,t){c((function(e){return ve(ve({},e),{},r()({},n,t))}))}))}),10)),ge[e].pin)}),B=Object(o.useState)(),V=w()(B,2),D=V[0],M=V[1],U=Object(o.useState)((function(){return document.body.clientWidth>768})),q=w()(U,2),L=q[0],Y=q[1],W=Object(o.useState)(null),H=w()(W,2),K=H[0],F=H[1],G=Object(u.useSelector)((function(e){return e})),Q=G.apiEndpoint,z=G.chainId,J=G.googleApiKey,Z=G.product,_=G.vehicle,$=G.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(a*Math.PI/180)*Math.cos(o*Math.PI/180)*Math.sin(c/2)*Math.sin(c/2),2*Math.atan2(Math.sqrt(l),Math.sqrt(1-l))*6371;var n,a,r,o,i,c,l}}Object(o.useEffect)((function(){$&&$.name?X({event:"checkout_station",station_name:$.name}):X({event:"checkout_station"})}),[]),Object(o.useEffect)((function(){var e=!1;return Ee(Q,z,Z,_).then((function(t){e||y(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){T({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 K&&(e=e.filter((function(e){return K.contains({lat:e.coordinateLat,lng:e.coordinateLng})}))),e}),[ae,K]);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,de()(e.map((function(e){return e.lat})))),north:Math.max.apply(Math,de()(e.map((function(e){return e.lat})))),west:Math.min.apply(Math,de()(e.map((function(e){return e.lng})))),east:Math.max.apply(Math,de()(e.map((function(e){return e.lng}))))};D.fitBounds(t),setTimeout((function(){D.getZoom()>12&&D.setZoom(12),F(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=w()(ie,1)[0],le=Object(pe.useLoadScript)({googleMapsApiKey:J||"nokey"}).isLoaded,se=function(){var e=Object(o.useState)(Ae),t=w()(e,2),n=t[0],a=t[1];return Object(o.useEffect)((function(){var e=function(){return a(!0)};return ke.push(e),function(){return ke=ke.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("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(5*k,5*k+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(h(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(ye.Pagination,null,i.a.createElement(ye.Pagination.Prev,{disabled:k<=0,onClick:function(){return N((function(e){return Math.max(0,e-1)}))}}),de()(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(ye.Pagination.Item,{key:t,active:t===k,onClick:function(){return N(t)}},t+1," "):2===Math.abs(k-t)&&i.a.createElement(ye.Pagination.Ellipsis,{key:t})})),i.a.createElement(ye.Pagination.Next,{disabled:5*k+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"},!L&&i.a.createElement("button",{className:"btn btn-link",onClick:function(){return Y(!0)}},te("See on the map")),L&&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"))),L&&!se&&le&&i.a.createElement(pe.GoogleMap,{id:"stations-map",options:fe,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(){F(D.getBounds())}),100))}},i.a.createElement(pe.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(pe.Marker,{key:t.id,position:{lat:t.coordinateLat,lng:t.coordinateLng},clusterer:e,onClick:function(){return ee(h(t))},icon:P(t.id===($&&$.id)?"green":"white")})}))})),S&&i.a.createElement(pe.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():I(te("Station must be selected"))}},te("Next")),i.a.createElement("div",{className:"invalid-feedback d-block text-center"},x)))};Oe.propTypes=Ne;var Ce=Oe,Se=n(21),we=n.n(Se),Te=n(22),Re=n.n(Te),je=n(23),xe=n.n(je),Ie=n(14),Pe=n.n(Ie),Be=n(13),Ve=n.n(Be),De=n(24),Me=n.n(De),Ue=n(15),qe=n.n(Ue),Le=(n(32),n(25)),Ye=n.n(Le);n(33);function We(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 He(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?We(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):We(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Xe(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 Ke(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 Ke(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 Ke(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(Ue.registerLocale)("sv",Ye.a);var Fe={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired},Ge=function(e){var t=Object(o.useState)(""),n=w()(t,2),a=n[0],r=n[1],c=Object(o.useState)(Z()()),l=w()(c,2),m=l[0],d=l[1],p=Object(o.useState)([]),f=w()(p,2),b=f[0],v=f[1],g=Object(o.useState)([]),h=w()(g,2),E=h[0],A=h[1],k=Object(o.useState)(ae()),N=w()(k,2),O=N[0],C=N[1],S=Object(o.useState)(null),T=w()(S,2),j=T[0],I=T[1],P=Object(o.useState)(!1),B=w()(P,2),V=B[0],D=B[1],M=Object(o.useState)(""),U=w()(M,2),q=U[0],L=U[1],Y=Object(u.useSelector)((function(e){return e})),K=Y.apiEndpoint,F=Y.timeSlot,G=Y.vehicle,Q=Y.campaign,z=Y.station,J=Y.product,_=Object(u.useDispatch)(),ee=Object(o.useContext)(s),te=ee.tr,ne=ee.locale;function ae(){return document.body.clientWidth<768?"mobile":"desktop"}function re(e,t,n){L(""),D(!0);var a=K+"/Calendar/".concat(z.id)+H({StartDate:Z.a.utc(e).startOf("day").toISOString(),EndDate:"mobile"===t?Z.a.utc(e).endOf("day").toISOString():Z.a.utc(e).add(8,"days").endOf("day").toISOString(),ProductId:z.productId,VehicleCategory:G.vehicleCategory,CampaignCodeUid:Q?Q.uid:void 0});W.get(a).then((function(e){if(!n.cancel)if(D(!1),200===e.status){r("");var t,a=[],o=Date.now(),i=G.postInspectionDate?Z()(G.postInspectionDate).add(1,"day").valueOf():0,c=Xe(e.data);try{for(c.s();!(t=c.n()).done;){var l=t.value;for(var s in l.hours){var u,m=Xe(l.hours[s]);try{for(m.s();!(u=m.n()).done;){var d=u.value,p=Z()(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(te("An error occurred"))}),(function(){D(!1),r(te("An error occurred"))}))}Object(o.useEffect)((function(){X({event:"checkout_date"})}),[]),Object(o.useEffect)((function(){function e(){C(ae())}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 ie=[6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];function ce(){return le.apply(this,arguments)}function le(){return(le=R()(x.a.mark((function e(){var t,n,a,o,i,c,l,s,u,d;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return D(!0),t=K+"/Calendar/".concat(z.id)+H({StartDate:Z.a.utc(m).startOf("day").toISOString(),EndDate:Z.a.utc(m).endOf("day").add(14,"days").toISOString(),ProductId:z.productId,VehicleCategory:G.vehicleCategory}),e.prev=2,e.next=5,W.get(t);case 5:if(n=e.sent,D(!1),200===n.status){e.next=9;break}throw new Error(te("An error occurred"));case 9:a=[],o=Xe(n.data);try{for(o.s();!(i=o.n()).done;)for(l in(c=i.value).hours){s=Xe(c.hours[l]);try{for(s.s();!(u=s.n()).done;)d=u.value,Z()(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:Z.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=Z()(m).add(e,"day");if("mobile"!==O&&6===t.weekday())return null;var n=b.filter((function(e){return Z()(e.time).startOf("day").date()===t.date()&&e.onlinePaymentPrice})),a=Z()(t).startOf("day").unix()===Z()().startOf("day").unix(),r=ie.map((function(e){var t=n.filter((function(t){return t.isAvailable&&Z()(t.time).hour()===e})),a=t.length?Math.min.apply(Math,de()(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}));A(e),L("");var t=!1;return"mobile"===O&&e[0]&&0===e[0].slots.filter((function(e){return e.isAvailable})).length&&ce().then((function(e){t||L(e?"day":"weeks")})),function(){t=!0}}),[b,O]);var se=Object(o.useState)({show:!1}),ue=w()(se,2),me=ue[0],pe=ue[1];function fe(){pe((function(e){return He(He({},e),{},{show:!0})}))}function be(){pe((function(e){return He(He({},e),{},{show:!1})}))}var ve=Object(o.useMemo)((function(){return[0,1,2,3,4,5,6,7,8,9,10].map((function(e){return Z()().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(Me.a,{className:"time-step-component-header-icon"}),z.name),i.a.createElement("h4",null,te("Select date and time")),i.a.createElement("div",{className:"time-select-date"},i.a.createElement("button",{type:"button",className:"btn",onClick:fe},i.a.createElement(xe.a,null)),i.a.createElement("button",{type:"button",className:"btn btn-link",onClick:fe},te("Select day from calendar")),i.a.createElement(ye.Modal,{show:me.show,size:"sm",onHide:be},i.a.createElement(ye.Modal.Body,{className:"text-center"},i.a.createElement(qe.a,{inline:!0,locale:ne,minDate:new Date,excludeDates:ve,showDisabledMonthNavigation:!0,selected:m.toDate(),onChange:function(e){d(Z()(e)),be()}}))))),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 Z()(e).add(-1,"week");var t=Z()(e).add(-1,"day");return 0===t.day()&&(t=Z()(e).add(-2,"day")),t}))}},i.a.createElement(we.a,null))),E.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"},te("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 Z()(e).add(1,"week");var t=Z()(e).add(1,"day");return 0===t.day()&&(t=Z()(e).add(2,"day")),t}))}},i.a.createElement($.a,null))))),i.a.createElement("tbody",null,""!==q&&i.a.createElement("tr",null,i.a.createElement("td",{colSpan:100,style:{position:"relative"}},"day"===q?i.a.createElement("div",{className:"no-available-times-box",onClick:function(){L(""),ce().then((function(e){return d(e)}))}},i.a.createElement("div",null,te("No available times.")),i.a.createElement("div",null,te("See the next available time.")),i.a.createElement("div",null,i.a.createElement($.a,null))):i.a.createElement("div",{className:"no-available-times-box",onClick:e.onBack},i.a.createElement("div",null,te("No available times at this station.")),i.a.createElement("div",null,te("Find time at any of our stations.")),i.a.createElement("div",null,i.a.createElement($.a,null))))),V||a?i.a.createElement("tr",{style:{height:43*ie.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(Ve.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(Pe.a,{className:"mr-2"}),te("Please try again"))))):ie.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"),E.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:oe()("slot-header",a===j&&"slot-header-expanded",a.cheap&&"slot-cheap"),onClick:function(){return I(a===j?null:a)}},a===j?i.a.createElement(Re.a,{className:"slot-header-icon"}):i.a.createElement($.a,{className:"slot-header-icon"}),i.a.createElement("div",{className:oe()(a.priceGroupId&&"pricegroup-".concat(a.priceGroupId))},a.minPrice," kr")),a===j&&i.a.createElement("div",{className:"slot-body"},a.slots.map((function(e){return i.a.createElement("div",{className:oe()("slot-option",e._cheap&&"slot-cheap"),key:e.time,onClick:function(){return _(y(e))}},i.a.createElement("div",{className:"form-check"},i.a.createElement("input",{type:"checkbox",className:"slot-option-checkox",checked:e.time===(F&&F.time),onChange:function(){}}),i.a.createElement("div",{className:"fancy-check"})),i.a.createElement("div",{className:"slot-time"},Z()(e.time).format("HH.mm")),i.a.createElement("div",{className:oe()("slot-price",e.priceGroupId&&"pricegroup-".concat(e.priceGroupId))}," ",e.onlinePaymentPrice," kr"))})),a.slots.some((function(e){return e.time===(F&&F.time)}))&&i.a.createElement("button",{className:"btn btn-primary btn-sm slot-button",onClick:function(){F&&e.onNext()}},te("Ready")))))})))})))),i.a.createElement("div",null,i.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},te("Back"))))};Ge.propTypes=Fe;var Qe=Ge,ze=(n(34),n(16)),Je=n.n(ze),Ze=(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="),_e={cancelReservation:l.a.func,card:l.a.bool},$e=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=w()(v,2),h=g[0],y=g[1],A=Object(o.useState)(!1),k=w()(A,2),N=k[0],O=k[1],C=Object(o.useState)(""),S=w()(C,2),T=S[0],R=S[1];Object(o.useEffect)((function(){if(m&&m.campaignCodeUid&&!r){var e=n+"/CampaignCodes/".concat(m.campaignCodeUid);W.get(e).then((function(e){f(E(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")}},x=Object(o.useState)(!1),I=w()(x,2),P=I[0],B=I[1];function V(){X({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,iVBORw0KGgoAAAANSUhEUgAAACoAAAATCAYAAADmtp8+AAAAAXNSR0IArs4c6QAABdNJREFUSA2tlntsVFUQxr97d9strQUqmLYJWGOBxlgitS00QlsagkJCTAhGDaBBJDahQHgUQpAQg1KhLS0BNZCgwUdEgQh/GI0xgPSBEHkoKDHyEMqjKBSlL0q7e6+/s3iXpUJE6UnOzpyZOXO+M2dm9lr6l+G6slfWqU+clNTlqm+MTwE3pNigq4Dtk8/b7oQUkqtrtq2mXiE1lBSp1dP1BLW6O6moV6blaIzjKpeDH0c/mOn37CxLXcibXEtN0Bbkech+gRq+vysNRG7L0h6cry/N16foEd/buAXoblf+A7VqJ4rNuN2P8jQnzOSgJRz1SSCgpjl5YV3k1PIa/Y7d8oUFessINxxQn+ZrKpCjaex9Gt1hYM9emK/9kU3/g4kA3fKTYhuuaIbj6G3b0rjSAn1l/AFkC0ZPAf4YUboI34i40VAucDHkqJx1bW6BSoosBc0eb1TV6VH0a1kXMTf6/Fo8/wld8fT/hVomB1fXAdDVq5arZMvWxuxRmusdWn1YfYOtmo7dAMClEqVUjxLlxMhhlhzkl1l7F7mIbaO5HNEthE7Evgn9YoLwHpdEfffDqqjVekC8xCHvBmJVxtOeu9vtFT8owb0aTotiy0eKuEplbwr+DE011FwKkP3gYf8ellpYNJqLGIo0fCn4hjhbNbNH6YJn6lGLp23D4Cj324+rILm2wFN6tLJWM11HGaxbFhZqqSc3lItOBMS2uFTFzxms69E6jydvY1rblEIUU11bKXSIVPLWXCgFmxTODlNwmBcLYGfy+RWwHPF8+DGKR9kbQRaGXZ4impIWg4ye+Ue03PA+Kj7oyA7+pkEVe9SOaK+Rk0KVVPxqwxfnhP2ehTVTlfXKpQ4ukK/nzdobuynmQzUaHpI2I/uuskbPkSY7jD7cduiHS0tH6TNvQ3e6qEDzu8u8tT9ZJ4KNckKuhvRO0K6r7SozOp95oTsMIroN1RpmdbRJ0Y1i3MuFexO8WEfaBJ/FK/4a6Y/RG0w+rf5WGdAkK6DjpTnhIok2ifDmucv3qIG0GULktqNYF1HegbHjlU0VmuiHR3m90n1BJcf6dDqcn35lxITk40/lEH5NkGZbHELv1pcITppd5IfpBOOY6WEvVDN0a3xAJbNGqKmqRoU8zTNh3c2fSbCXmDU3RbfnbGnHggLtNFp8DeclNhC9YVHWX4On2ESRaL4BrhfJ1Qf9AGvGMA/DeAyG0EdNpW73W3qZGzSCciRQy9o7tJuiyGvpoIIdDY1ybNguKj4dp392k/9jib96I6TH5tBjv2HPQcCPc3w6YYeUBZYVqOura5RNUz7Duq95YfP0KznkdUBtgi8D5Mck8FQqfQoGT8ba+oBKHUnBHGlp0/zSQm6pW/O5okaz2L+MXC5Ed1cjFNI7gDyclq/RZ+s03nY0Ax87/PdpRLBZPwYtrQDkdYr9e4KJikF1raKyFxnejtEjTlBjMahieY6Z2CdB6Vfbwv9A+VTzTGMXPYiweZE3aTnj/XyYROtuxxPVJM7bDoAJfMS4vOLn2J0C2EB6eeb1zvCfwxJkDcxdiwo1NwzUOAPsWgxnpfVT3JkmvQ//gN+vecEuHSENRvAMowG/ytj21DBBcbs0lcg+n2Apt83RJQLxApfo5CzTGURHmmQ6UgRoda0e7nJ00vZrOB9saQDdgrGDk5P9B+qxS2f1Huv+doIm3yvQmA7Fdzr6GT/T+U48RRBqST86GjneS5k8eAlnTY5JVPa8rBt5HwFqDifXDkDaiOrY803KDFnKSOylLyigoXyDmsSfRgV+ZGzvdXDWZsDk0HtzWq8pmfTJ5c9jl+tXQjCoQwCvovJf886h4G6OGFtTWA07c1kHAZnHDTua27WMHNoJyK09BdKcGJDm4N/F/1FydgLV0krfLA4FdZDoHUvrf+OPw0N3S0SNcO0+DejoVCU3GsPm+xEd5+brHirQ+mctkqIHx5p9Su7q1GL8T8VtEsG4APgP+W5Y3v274S9n7i8FyjkSywAAAABJRU5ErkJggg==",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(Je.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"},Z()(D.time).format("dddd Y-MM-DD")," | ",Z()(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(Je.a,null),b("Edit")))),m&&r&&i.a.createElement("li",{className:"list-group-item"},i.a.createElement("img",{className:"list-item-icon",src:Ze,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.code,i.a.createElement("br",null),i.a.createElement("b",{className:"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:Ze,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.code,i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return f(E(null))}},b("Edit")),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(E(null));O(!0);var t=n+"/CampaignCodes"+H({ChainId:a,StationId:p.id,Code:h,ReservationTime:l.time,ProductIds:[p.productId]});W.get(t).then((function(e){if(O(!1),200!==e.status)return f(E(null)),void R(b("The promotional code does not apply. Please check spelling and validity."));f(E(e.data))}))}(e)}},i.a.createElement("div",{className:"input-group"},i.a.createElement("input",{type:"text",className:"form-control"+(T?" is-invalid":""),value:h,onChange:function(e){y(e.target.value),R("")},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"))),T&&i.a.createElement("div",{className:"invalid-feedback"},T))))),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(ye.Modal,{show:P,onHide:function(){return B(!1)}},i.a.createElement(ye.Modal.Header,{closeButton:!0},i.a.createElement(ye.Modal.Title,null,b("Modify booking"))),i.a.createElement(ye.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(ye.Modal.Footer,null,i.a.createElement(ye.Button,{variant:"secondary",onClick:function(){return B(!1)}},b("Cancel")),i.a.createElement(ye.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())};$e.propTypes=_e;var et=$e;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 nt(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}function at(e,t,n){return rt.apply(this,arguments)}function rt(){return(rt=R()(x.a.mark((function e(t,n,a){var r,o;return x.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,W.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 ot(){var e=window.location.href.split("?");return(w()(e,2)[1]||"").split("&").map((function(e){return e.split("=")})).reduce((function(e,t){return e[t[0]]=decodeURIComponent(t[1]),e}),{})}function it(e){var t=window.location.href.split("?"),n=w()(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 ct={onBack:l.a.func.isRequired,onNext:l.a.func.isRequired};function lt(e){var t=Object(o.useContext)(s),n=t.tr,a=t.locale,r=Object(o.useState)(!1),c=w()(r,2),l=c[0],m=c[1],d=Object(o.useState)(null),p=w()(d,2),f=p[0],v=p[1],g=Object(o.useState)(!0),h=w()(g,2),E=h[0],C=h[1],S=Object(o.useState)(""),T=w()(S,2),j=T[0],I=T[1],P=Object(u.useSelector)((function(e){return e})),B=P.apiEndpoint,V=P.campaign,D=P.timeSlot,M=P.pendingReservationUid,U=P.pendingReservationTime,q=P.vehicle,L=P.station,Y=P.originalReservation,K=P.b2bCustomer,F=Object(u.useDispatch)(),G=Object(o.useState)(!!K),Q=w()(G,2),z=Q[0],J=Q[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!==L.id||Y.plateNumber!==q.plateNumber){var a={uid:M,plateNumber:q.plateNumber,time:D.time,vehicleCategory:q.vehicleCategory,stationId:L.id,productIds:[L.productId]};W.post(B+"/PendingReservations",a).then((function(e){e.text().then((function(e){F(k(e)),m(!0)}))}),(function(e){e.data&&e.data.error&&e.data.error.startsWith("No resource for slot")&&(C(!1),I("No resource for slot"))}))}else m(!0)}function _(){return(_=R()(x.a.mark((function e(){var t,a;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t=ot()).expired&&!t.error){e.next=10;break}throw t.expired="",t.error="",t.stationId="",t.reservationId="",it(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,at(B,t.reservationId,t.stationId);case 13:return a=e.sent,t.stationId="",t.reservationId="",it(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:L.id,originalReservationUid:Y?Y.uid:void 0,originalReservationStationId:Y?Y.stationId:void 0,plateNumber:q.plateNumber,vehicleCategory:q.vehicleCategory,customerUid:null,campaignCodeUid:V?V.uid:null,language:{sv:"Swedish",fi:"Finnish"}[a]||"English",productIds:[L.productId],vehicleBrandAndModel:q.vehicleBrandAndModel,meta:{}};R()(x.a.mark((function t(){var a,r;return x.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(f){t.next=20;break}if(C(!0),a=null,t.prev=3,a){t.next=9;break}return t.next=7,W.post(B+"/Klarna",e);case 7:r=t.sent,a=r.data;case 9:C(!1),I(""),$(a),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(3),C(!1),I(n("An error occurred during the payment"));case 18:t.next=21;break;case 20:window._klarnaCheckout((function(t){t.suspend(),setTimeout((function(){W.post(B+"/Klarna",e).then((function(e){I(""),$(e.data)}),(function(){C(!1),I(n("An error occurred during the payment"))}))}),1e3)}));case 21:case"end":return t.stop()}}),t,null,[[3,14]])})))()}}Object(o.useEffect)((function(){X({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&&X({event:"checkout_changePurchase"}),X({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}}))}),F(k("")),F(N(null)),F(O(t)),void e.onNext()}Z()}),(function(e){I(e.message),C(!1)}))}),[q,L,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=w()(te,2),ae=ne[0],re=ne[1],oe=Object(o.useState)(""),ie=w()(oe,2),ce=ie[0],le=ie[1],se=Object(o.useState)(!1),ue=w()(se,2),me=ue[0],de=ue[1];function pe(e){e&&e.preventDefault(),de(!0),le(""),W.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,F(A(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(et,{card:!0})),i.a.createElement("div",{className:"col-md-7"},j?i.a.createElement("div",{className:"text-center mt-5"},j&&("No resource for slot"===j?i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Ve.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(){F(y(null)),F(b("time"))}},n("Change time"))):i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"invalid-feedback"},i.a.createElement(Ve.a,{size:40,className:"mr-2"}),j),i.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){I(""),l?ee():Z()}},i.a.createElement(Pe.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(){F(A(null)),J(!1),le("")}},n("Please book here"))),K?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,K.name))),K.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,K.email))),K.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,K.notes))),i.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:function(){de(!0),W.post(B+"/Reservations",{pendingReservationUid:M,pendingReservationStationId:L.id,originalReservationUid:Y&&Y.uid,originalReservationStationId:Y&&Y.stationId,plateNumber:q.plateNumber,vehicleCategory:q.vehicleCategory,customerUid:K.customerUid,campaignCodeUid:V&&V.uid,language:{sv:"Swedish",fi:"Finnish"}[a]||"English",productIds:[L.productId],vehicleBrandAndModel:q.vehicleBrandAndModel,additionalInformation:K.notes,meta:{}}).then((function(t){var n=t.data,a=B+"/Reservations/confirm/"+[L.id,n.uid,Y?Y.stationId:L.id,Y?Y.uid:n.uid,!!K.email].join("/");return W.get(a).then((function(){var t=B+"/Reservations/".concat(n.bookingNumber)+H({customerNumber:K.customerNumber});return W.get(t).then((function(t){if(!t.data)throw new Error("Unable to confirm reservation");F(k("")),F(N(null)),F(O(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(nt(nt({},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(nt(nt({},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))),E?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}}))))))}lt.propTypes=ct;var st=lt,ut=n(26),mt=n.n(ut),dt={onlineReservationDiscount:l.a.number,onlinePaymentDiscount:l.a.number,productId:l.a.number,discountType:l.a.string},pt={uid:l.a.string.isRequired,name:l.a.string,code:l.a.string,discounts:l.a.arrayOf(l.a.shape(dt)).isRequired},ft=(n(17),n(36)),bt=ft.Component,vt=ft.Property,gt={cancelReservation:l.a.func.isRequired,campaign:l.a.shape(pt)};function ht(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(){X(l?{event:"checkout_changeBookingConfirmation"}:{event:"checkout_confirmation"})}),[]),m=c&&c.station;var d=Object(o.useState)(null),p=w()(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);W.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 bt({name:"VCALENDAR",properties:[new vt({name:"VERSION",value:2})],components:[new bt({name:"VEVENT",properties:[new vt({name:"SUMMARY",value:"".concat(c.plateNumber," ").concat(n[c.products[0].productType])}),new vt({name:"DESCRIPTION",value:"".concat(c.plateNumber," ").concat(n[c.products[0].productType])}),new vt({name:"DTSTART",value:c.reservedDateTime.replace(/[-:]/g,"")}),new vt({name:"DURATION",value:"PT0H".concat(c.station.slotDurationMinutes,"M")}),new vt({name:"STATUS",value:"CONFIRMED"}),new vt({name:"LOCATION",value:[m.name,m.streetAddress,m.city].filter((function(e){return e})).join(", ")}),m.coordinateLat?new vt({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(mt.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(et,{cancelReservation:e.cancelReservation,card:!0}))))}ht.propTypes=gt;var yt=ht,Et={cancelReservation:l.a.func,onBack:l.a.func.isRequired};function At(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(et,{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"))))}At.propTypes=Et;var kt=At,Nt={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 avregistrerad","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":"Ändring av bokning","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":"Här kan du ä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"}};n(37);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 Ct(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}var St={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},wt=function(e){Z.a.tz.setDefault(e.timezone);var t=e.locale||"en",n=Object(o.useCallback)((function(e){return function(e,t){var n=Nt[e]&&Nt[e][t];return n||(n=t),n}(t,e)}),[t]);Object(o.useEffect)((function(){t.includes(t)&&localStorage.setItem("contentLocale",t),Z.a.locale(t),Z.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.vehicle,m=a.product,d=a.station,p=a.timeSlot,f=a.campaign,A=a.pendingReservationUid,S=a.pendingReservationTime,w=a.reservation,T=a.originalReservation,R=a.b2bCustomer;Object(o.useEffect)((function(){"loading"!==c&&"modify"!==c&&sessionStorage.setItem("musterBookingState",JSON.stringify({step:c,vehicle:l,product:m,station:d,timeSlot:p,campaign:f,pendingReservationUid:A,pendingReservationTime:S,b2bCustomer:R,reservation:w,originalReservation:T}))}),[c,l,m,d,p,f,A,S,R,w,T]);var j=Object(u.useDispatch)();function x(t){var n=t.step,a=void 0===n?"":n,o=t.plateNumber,i=t.product,c=t.stationId,l=t.timeSlot,s=void 0===l?null:l;if(!o)return j(b(a||"vehicle"));ie(r,e.chainId,o).then((function(t){return t?(j(v(t)),i?(j(g(i)),c?void function(e,t,n,a,r){return Ee(e,t,n,a).then((function(e){return e.find((function(e){return e.id===r}))}))}(r,e.chainId,i,t,c).then((function(e){if(!e)return j(b(a||"station"));j(h(e)),j(y(s)),j(b(a||"time"))})):j(b(a||"station"))):j(b(a||"vehicle"))):j(b(a||"vehicle"))}),console.error)}function I(e){j(O(null)),j(k("")),j(E(null)),j(y(null)),j(b("loading")),j(N(e)),x({plateNumber:e.plateNumber,product:e.products[0].productType,stationId:e.stationId,step:"vehicle"})}return Object(o.useEffect)((function(){if("loading"===c){var t=ot();if(t.continuePaymentReservationUid)return it(Ct(Ct({},t),{},{continuePaymentReservationUid:"",stationId:""})),void at(r,t.continuePaymentReservationUid,t.stationId).then((function(t){t?(j(N(t)),x({plateNumber:t.plateNumber,product:t.products[0].productType,stationId:t.stationId,step:"finalize",timeSlot:{time:t.reservedDateTime}})):x({plateNumber:e.plateNumber,product:e.product||"Inspection",stationId:e.stationId,step:"vehicle"})}));x({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(C,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(z,{apiEndpoint:r,bookingNumber:e.modifyExisting&&e.modifyExisting.bookingNumber,lastName:e.modifyExisting&&e.modifyExisting.lastName,onReservationChange:function(e){j(O(e)),j(b("modify-confirmation"))}}),"vehicle"===c&&i.a.createElement(ue,{onNext:function(){return j(b("station"))},onModifyExisting:function(){return j(b("modify"))}}),"station"===c&&i.a.createElement(Ce,{onBack:function(){return j(b("vehicle"))},onNext:function(){return j(b("time"))}}),"time"===c&&i.a.createElement(Qe,{onBack:function(){return j(b("station"))},onNext:function(){return j(b("finalize"))}}),"finalize"===c&&i.a.createElement(st,{onBack:function(){return j(b("time"))},onNext:function(){return j(b("confirmation"))}}),"confirmation"===c&&i.a.createElement(yt,{cancelReservation:I}),"modify-confirmation"===c&&i.a.createElement(kt,{cancelReservation:I,onBack:function(){j(O(null)),j(b("modify"))}}))))};wt.propTypes=St;var Tt=function(e){var t=Object(o.useMemo)((function(){var t,n={},a=ot();if(e.modifyExisting)n.step="modify";else if(a.continuePaymentReservationUid)n.step="loading";else try{n=JSON.parse(sessionStorage.getItem("musterBookingState")||"null")||{step:"loading",vehicle:null,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(wt,e))};Tt.propTypes=St,Tt.defaultProps={timezone:"Europe/Stockholm"};var Rt=Tt;n(38),t.default=Rt}]);
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(a*Math.PI/180)*Math.cos(o*Math.PI/180)*Math.sin(c/2)*Math.sin(c/2),2*Math.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(5*N,5*N+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:5*N+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:43*oe.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
@@ -57,6 +57,18 @@ nav.disabled {
57
57
  text-decoration: none;
58
58
  }
59
59
 
60
+ @media screen and (min-width: 768px) {
61
+ .modify-existing-component #or-paragraph {
62
+ text-align: center;
63
+ margin-top: 1rem;
64
+ }
65
+ }
66
+
67
+ @media screen and (max-width: 767px) {
68
+ .modify-existing-component #last-name {
69
+ margin-bottom: 0;
70
+ }
71
+ }
60
72
  .vehicle-step-component .plate-form {
61
73
  display: flex;
62
74
  align-items: flex-start;
@@ -108,7 +120,8 @@ nav.disabled {
108
120
  padding-right: 0;
109
121
  }
110
122
 
111
- .vehicle-step-component .plate-load-button {
123
+ .vehicle-step-component .plate-load-button,
124
+ .vehicle-step-component .plate-clear-button {
112
125
  width: 76px;
113
126
  height: 76px;
114
127
  padding: 0px;
@@ -119,27 +132,37 @@ nav.disabled {
119
132
  height: 64px;
120
133
  }
121
134
 
135
+ .vehicle-step-component .plate-clear-icon {
136
+ width: 54px;
137
+ height: 54px;
138
+ }
139
+
122
140
  .vehicle-step-component .plate-spinner {
123
141
  width: 32px;
124
142
  height: 32px;
125
143
  }
126
144
 
127
- @media screen and (max-width: 424px) {
145
+ .vehicle-step-component .campaign-code {
146
+ margin-left: 8px;
147
+ }
148
+
149
+ @media screen and (max-width: 991px) {
128
150
  .vehicle-step-component .plate-container {
129
- background-size: 20px;
130
- width: 216px;
131
- height: 56px;
151
+ background-size: 28px;
152
+ width: 260px;
153
+ height: 66px;
132
154
  }
133
155
 
134
156
  .vehicle-step-component .plate-input {
135
- left: 43px;
136
- width: calc(100% - 43px);
137
- font-size: 30px;
157
+ left: 46px;
158
+ width: calc(100% - 46px);
159
+ font-size: 45px !important;
138
160
  }
139
161
 
140
- .vehicle-step-component .plate-load-button {
141
- width: 56px;
142
- height: 56px;
162
+ .vehicle-step-component .plate-load-button,
163
+ .vehicle-step-component .plate-clear-button {
164
+ width: 66px;
165
+ height: 66px;
143
166
  padding: 0px;
144
167
  }
145
168
 
@@ -147,6 +170,47 @@ nav.disabled {
147
170
  width: 56px;
148
171
  height: 56px;
149
172
  }
173
+
174
+ .vehicle-step-component .plate-clear-icon {
175
+ width: 48px;
176
+ height: 48px;
177
+ }
178
+ }
179
+
180
+ @media screen and (max-width: 424px) {
181
+ .vehicle-step-component .plate-container {
182
+ background-size: 20px;
183
+ width: 236px;
184
+ height: 50px;
185
+ }
186
+
187
+ .vehicle-step-component .plate-input {
188
+ left: 38px;
189
+ width: calc(100% - 38px);
190
+ font-size: 40px !important;
191
+ letter-spacing: 1px;
192
+ }
193
+
194
+ .vehicle-step-component .plate-load-button,
195
+ .vehicle-step-component .plate-clear-button {
196
+ width: 50px;
197
+ height: 50px;
198
+ padding: 0px;
199
+ }
200
+
201
+ .vehicle-step-component .plate-load-icon {
202
+ width: 50px;
203
+ height: 50px;
204
+ }
205
+
206
+ .vehicle-step-component .plate-clear-icon {
207
+ width: 40px;
208
+ height: 40px;
209
+ }
210
+
211
+ .vehicle-step-component .selected-service {
212
+ margin-top: 1rem;
213
+ }
150
214
  }
151
215
 
152
216
  .station-list a {
@@ -177,6 +241,10 @@ nav.disabled {
177
241
  margin-top: 48px;
178
242
  }
179
243
 
244
+ .station-step-component .list-remark {
245
+ font-size: 14px;
246
+ }
247
+
180
248
 
181
249
  .react-datepicker {
182
250
  border: none;
@@ -197,12 +265,6 @@ nav.disabled {
197
265
  align-items: baseline;
198
266
  }
199
267
 
200
- @media (max-width: 991px) {
201
- .time-step-component-header {
202
- display: block;
203
- }
204
- }
205
-
206
268
  .time-step-component-header-icon {
207
269
  margin: 0 6px;
208
270
  }
@@ -230,12 +292,6 @@ nav.disabled {
230
292
  width: 15%;
231
293
  }
232
294
 
233
- @media screen and (max-width: 768px) {
234
- .weekday-header {
235
- width: 100%;
236
- }
237
- }
238
-
239
295
  .no-available-times-box {
240
296
  position: absolute;
241
297
  top: 200px;
@@ -314,6 +370,7 @@ nav.disabled {
314
370
  }
315
371
 
316
372
  .slot-body {
373
+ min-width: 150px;
317
374
  padding: 4px 8px;
318
375
  }
319
376
 
@@ -342,12 +399,36 @@ nav.disabled {
342
399
  text-transform: uppercase;
343
400
  }
344
401
 
402
+ @media (max-width: 991px) {
403
+ .time-step-component-header {
404
+ display: block;
405
+ }
406
+
407
+ .time-step-component-header-icon {
408
+ margin: 0 0 6px 0;
409
+ }
410
+
411
+ .select-date-and-time {
412
+ margin-left: 6px;
413
+ }
414
+ }
415
+
416
+ @media screen and (max-width: 767px) {
417
+ .weekday-header {
418
+ width: 100%;
419
+ }
420
+ }
421
+
345
422
  .finalize-step-component .invalid-feedback {
346
423
  display: block;
347
424
  font-size: 16px;
348
425
  font-weight: 700;
349
426
  }
350
427
 
428
+ .book-here-btn {
429
+ padding-left: 4px;
430
+ }
431
+
351
432
  .summary-component .card-header {
352
433
  display: flex;
353
434
  justify-content: center;
@@ -363,6 +444,7 @@ nav.disabled {
363
444
  border-top: 1px solid rgba(0,0,0,.125);
364
445
  border-bottom: 1px solid rgba(0,0,0,.125);
365
446
  margin: 16px 0;
447
+ flex-flow: column;
366
448
  }
367
449
 
368
450
  .summary-component .list-group-item {
@@ -396,6 +478,13 @@ nav.disabled {
396
478
  margin-top: 4px;
397
479
  }
398
480
 
481
+ .summary-component .campaign-code {
482
+ margin-left: 8px;
483
+ }
484
+
485
+ .summary-component .campaign-name {
486
+ flex-flow: wrap;
487
+ }
399
488
  .confirmation-step-component .confirmation-step-confirm-icon {
400
489
  width: 38px;
401
490
  height: 38px;
@@ -417,12 +506,17 @@ nav.disabled {
417
506
  margin-right: 16px;
418
507
  }
419
508
 
420
- @media screen and (max-width: 768px) {
509
+ @media screen and (max-width: 767px) {
421
510
  .confirmation-step-confirmation {
422
511
  display: flex;
423
- flex-direction: column;
424
- align-items: center;
512
+ flex-direction: column;
513
+ align-items: center;
425
514
  }
426
515
  }
427
516
 
517
+ @media screen and (max-width: 767px) {
518
+ .modify-confirmation-step-component .title {
519
+ font-size: 1.5rem;
520
+ }
521
+ }
428
522
 
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "author": "Muster by Pinja",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "main": "/dist/index.bundle.js",
7
- "version": "1.11.0",
7
+ "version": "1.14.0",
8
8
  "scripts": {
9
9
  "start": "webpack-dev-server",
10
10
  "build": "cross-env NODE_ENV=production OUTPUT=library webpack --progress",