@protacon/muster-booking-frontend 1.12.0 → 1.15.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 (5) hide show
  1. package/Jenkinsfile +1 -1
  2. package/README.md +2 -2
  3. package/dist/index.bundle.js +1 -1
  4. package/dist/styles.bundle.css +125 -26
  5. 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/README.md CHANGED
@@ -27,8 +27,8 @@ render() {
27
27
  product="..." // Inspection | PostInspection | ConditionInspection
28
28
  stationId={...}
29
29
 
30
- // Optional. Start component with modify reservation form, optionaly pass default values
31
- modifyExisting={{
30
+ // Optional. Start component with search reservation form, optionaly pass default values
31
+ searchReservation={{
32
32
  bookingNumber: '...',
33
33
  lastName: '...',
34
34
  }}
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.name),i.a.createElement("br",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("Change code")),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("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*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,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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(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.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: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.name),i.a.createElement("div",{className:"list-item-value"},r.code,i.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return f(E(null))}},b("Change code")),i.a.createElement("b",{className:"grey"},b("Code activated")))):i.a.createElement("form",{onSubmit:function(e){return function(e){if(e.preventDefault(),""===h)return f(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 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":"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","Only stations that accept the selected vehicle are shown in the list":"Endast stationer som tar emot valt fordon visas i listan","Change code":"Ändra kod"}};n(37);function 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/defineProperty")},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("react-bootstrap")},function(e,t){e.exports=require("@babel/runtime/regenerator")},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(1),r=n.n(a),o=n(2),i=n.n(o),c=n(0),l=n.n(c),s=n(3),u=n.n(s),m=(n(28),l.a.createContext(null)),d=n(5),p=n(17);function f(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(){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 b(b({},e),{},{step:t.data});case"PLATE_NUMBER":return b(b({},e),{},{plateNumber:t.data});case"VEHICLE":return b(b({},e),{},{timeSlot:null,station:null,vehicle:t.data});case"VEHICLE_ERROR":return b(b({},e),{},{vehicleError:t.data});case"PRODUCT":return b(b({},e),{},{timeSlot:null,station:null,product:t.data});case"STATION":return b(b({},e),{},{timeSlot:null,station:t.data});case"TIME_SLOT":return b(b({},e),{},{timeSlot:t.data});case"CAMPAIGN":return b(b({},e),{},{campaign:t.data});case"PENDING_RESERVATION":return b(b({},e),{},{pendingReservationUid:t.data,pendingReservationTime:t.data?Date.now():null});case"B2B_CUSTOMER":return b(b({},e),{},{b2bCustomer:t.data});case"ORIGINAL_RESERVATION":return b(b({},e),{},{originalReservation:t.data});case"RESERVATION":return b(b({},e),{},{reservation:t.data});case"CANCEL_SUCCESS":return b(b({},e),{},{cancelSuccess:t.data});case"CANCEL_ERROR":return b(b({},e),{},{cancelError:t.data});default:return e}}function g(e){return{type:"STEP",data:e}}function h(e){return{type:"PLATE_NUMBER",data:e}}function E(e){return{type:"VEHICLE",data:e}}function y(e){return{type:"VEHICLE_ERROR",data:e}}function A(e){return{type:"PRODUCT",data:e}}function k(e){return{type:"STATION",data:e}}function N(e){return{type:"TIME_SLOT",data:e}}function O(e){return{type:"CAMPAIGN",data:e}}function C(e){return{type:"B2B_CUSTOMER",data:e}}function S(e){return{type:"PENDING_RESERVATION",data:e}}function w(e){return{type:"ORIGINAL_RESERVATION",data:e}}function R(e){return{type:"RESERVATION",data:e}}function T(e){return{type:"CANCEL_SUCCESS",data:e}}function j(e){return{type:"CANCEL_ERROR",data:e}}var I=function(){var e=Object(c.useContext)(m).tr,t=Object(d.useSelector)((function(e){return e})),n=t.step,a=t.vehicle,r=t.product,o=t.station,i=t.timeSlot,s=t.reservation,u=Object(d.useDispatch)(),p={};return p.vehicle={text:"Registration number",enabled:"loading"!==n&&"search-reservation"!==n&&!s},p.station={text:"Station",enabled:p.vehicle&&"search-reservation"!==n&&!!a&&!!r&&!s},p.time={text:"Date and time",enabled:p.station&&"search-reservation"!==n&&!!o&&!s},p.finalize={text:"Payment",enabled:p.station&&"search-reservation"!==n&&!!i&&!s},p.confirmation={text:"Confirmation",enabled:p.station&&!!s},l.a.createElement("div",{className:"summary-component"},Object.keys(p).map((function(t,a){return l.a.createElement("nav",{key:t,className:(p[t].enabled?"":" disabled")+(t===n?" active":""),onClick:function(){return p[t].enabled&&u(g(t))}},l.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),l.a.createElement("span",{className:"nav-text"},e(p[t].text)))})))},x=n(8),P=n.n(x),B=n(7),V=n.n(B);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 M(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}var U={},L={};function q(e,t,n){return W.apply(this,arguments)}function W(){return(W=P()(V.a.mark((function e(t,n,a){var r,o,i;return V.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,M(M(M({},U),{},{body:r},a),{},{headers:M(M(M({},L),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 Y(){return(Y=P()(V.a.mark((function e(t){var n,a,r=arguments;return V.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,q(t,void 0,M({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 H(){return(H=P()(V.a.mark((function e(t,n){var a,r=arguments;return V.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,q(t,n,M({method:"POST"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function X(){return(X=P()(V.a.mark((function e(t,n){var a,r=arguments;return V.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,q(t,n,M({method:"PUT"},a));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function F(){return(F=P()(V.a.mark((function e(t){var n,a,r=arguments;return V.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,q(t,n,M({method:"DELETE"},a));case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var K={get:function(e){return Y.apply(this,arguments)},post:function(e,t){return H.apply(this,arguments)},put:function(e,t){return X.apply(this,arguments)},delete:function(e){return F.apply(this,arguments)},defaultOptions:U,defaultHeaders:L};function G(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 Q(e){return(e=(e=e.toUpperCase()).replace(/[^A-Z0-9]/g,"")).length>3&&(e=e.substring(0,3)+" "+e.substring(3)),e}function z(){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 J(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 _(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 $={apiEndpoint:u.a.string.isRequired,bookingNumber:u.a.string,lastName:u.a.string,customerNumber:u.a.string,onReservationChange:u.a.func.isRequired},ee=function(e){var t=Object(c.useState)({bookingNumber:e.bookingNumber||"",lastName:e.lastName||"",customerNumber:e.customerNumber||""}),n=i()(t,2),a=n[0],r=n[1],o=Object(c.useState)(!1),s=i()(o,2),u=s[0],d=s[1],p=Object(c.useState)(""),f=i()(p,2),b=f[0],v=f[1],g=Object(c.useContext)(m).tr;return l.a.createElement("div",{className:"search-reservation-component"},l.a.createElement("h2",{className:"title"},g("Search for booking")),l.a.createElement("form",{noValidate:!0,onSubmit:function(t){if(t.preventDefault(),!a.bookingNumber)return v(g("Please fill in a booking number"));if(!a.lastName&&!a.customerNumber)return v(g("Please fill in your last name. For companies please fill in your customer number"));d(!0),v("");var n="".concat(e.apiEndpoint,"/Reservations/").concat(a.bookingNumber)+z({customerLastname:a.lastName,customerNumber:a.customerNumber});K.get(n).then((function(t){if(d(!1),200!==t.status)return v(g("Booking was not found"));e.onReservationChange(t.data)}),(function(){v(g("Booking was not found")),d(!1)}))},className:"mt-4"},l.a.createElement("div",{className:"form-group"},l.a.createElement("label",null,g("Booking number")),l.a.createElement("input",{type:"text",className:"form-control",value:a.bookingNumber,onChange:function(e){return r(_(_({},a),{},{bookingNumber:e.target.value}))}})),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-sm-12 col-md-5"},l.a.createElement("div",{id:"last-name",className:"form-group"},l.a.createElement("label",null,g("Last name")),l.a.createElement("input",{type:"text",className:"form-control",value:a.lastName,onChange:function(e){return r(_(_({},a),{},{lastName:e.target.value}))}}))),l.a.createElement("div",{className:"col-sm-12 col-md-2"},l.a.createElement("label",null),l.a.createElement("p",{id:"or-paragraph"},g("Or"))),l.a.createElement("div",{className:"col-sm-12 col-md-5"},l.a.createElement("div",{className:"form-group"},l.a.createElement("label",null,g("Customer number")),l.a.createElement("input",{type:"text",className:"form-control",value:a.customerNumber,onChange:function(e){return r(_(_({},a),{},{customerNumber:e.target.value}))}})))),l.a.createElement("div",{className:"mt-4"},l.a.createElement("button",{type:"submit",disabled:u,className:"btn btn-primary btn-lg"},g("Next")),l.a.createElement("div",{className:"invalid-feedback d-block text-center"},b))))};ee.propTypes=$;var te=ee,ne=n(4),ae=n.n(ne),re=n(9),oe=n.n(re),ie=n(18),ce=n.n(ie),le=n(19),se=n.n(le),ue=n(10),me=n.n(ue);n(30);function de(e,t,n){return pe.apply(this,arguments)}function pe(){return(pe=P()(V.a.mark((function e(t,n,a){var r;return V.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+"/Vehicle"+z({ChainId:n,PlateNumber:a.toUpperCase()}),e.abrupt("return",K.get(r).then((function(e){return 200===e.status?e.data:null})));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var fe={onNext:u.a.func.isRequired,onSearchReservation:u.a.func.isRequired},be=function(e){var t=Object(c.useContext)(m).tr,n=e.onNext,a=Object(d.useSelector)((function(e){return e})),r=a.apiEndpoint,o=a.chainId,s=a.plateNumber,u=a.vehicle,p=a.vehicleError,f=a.product,b=a.campaign,v=a.originalReservation,g=a.cancelSuccess,k=a.cancelError,N=Object(d.useDispatch)(),C=Object(c.useState)(!1),S=i()(C,2),w=S[0],R=S[1],I=Object(c.useState)(""),x=i()(I,2),P=x[0],B=x[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(c.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(c.useMemo)((function(){return{"B Kontrollbesiktning":"Kontrollbesiktning","BE Efterkontroll":"Efterkontroll","FLE Flygande kontroll efterkontroll efter Polis":"Flygande kontroll efterkontroll efter Polis"}})),L=Object(c.useMemo)((function(){return{AVREG:t("Unregistered"),AVST:t("Cancelled"),ITRAFIK:t("In use")}}),[t]);function q(){var e=s.replace(/\s/g,""),n=/^[A-Z]{3}[0-9]{2}[0-9A-Z]$/.test(e);N(T("")),N(j("")),N(y(n?"":t("Incorrect registration number, please enter your registration number again"))),n&&(R(!0),de(r,o,e).then((function(e){R(!1);var n=G(e);n?N(y(t(n))):(N(E(e)),N(y("")),J({event:"checkout_vehicleInformation"}),e?D.includes(e.suggestedProductType)?N(A(e.suggestedProductType)):N(A("Inspection")):N(y(t("Incorrect registration number, please enter your registration number again"))))}),(function(e){R(!1),"AbortError"===e.name?N(y(t("We could not reach the server in a timely manner, please try again later."))):N(y(t("Incorrect registration number, please enter your registration number again")))}),(function(){R(!1),N(y(t("Incorrect registration number, please enter your registration number again")))})))}Object(c.useEffect)((function(){J({event:"checkout_vehicleLicense"})}),[]);var W=Object(c.useState)(""),Y=i()(W,2),H=Y[0],X=Y[1],F=Object(c.useState)(!1),Z=i()(F,2),_=Z[0],$=Z[1],ee=Object(c.useState)(""),te=i()(ee,2),ne=te[0],re=te[1];function ie(){return l.a.createElement(l.a.Fragment,null,l.a.createElement("h5",{className:"text-uppercase"},t("Vehicle information")),l.a.createElement("div",null,l.a.createElement("label",{className:"d-block"},t("Vehicle class"),":"),l.a.createElement("b",null,u?M[u.vehicleCategory]:"-")),l.a.createElement("div",null,l.a.createElement("label",{className:"d-block"},t("Brand and model"),":"),l.a.createElement("b",null,u?u.vehicleBrandAndModel:"-")),l.a.createElement("div",{className:"d-flex"},l.a.createElement("div",{className:"mr-5"},l.a.createElement("label",{className:"d-block"},t("Model year"),":"),l.a.createElement("b",null,u?ae()(u.deploymentDate).format("Y"):"-")),l.a.createElement("div",{className:"mr-5"},l.a.createElement("label",{className:"d-block"},t("Color"),":"),l.a.createElement("b",null,u?u.vehicleColorText:"-")),l.a.createElement("div",{className:"mr-5"},l.a.createElement("label",{className:"d-block"},t("Status"),":"),l.a.createElement("b",null,u?L[u.vehicleStatusCode]:"-"))),l.a.createElement("h5",{className:"text-uppercase mt-3"},t("Campaign code")),b?l.a.createElement("div",null,l.a.createElement("div",null,l.a.createElement("b",null,b.name),l.a.createElement("br",null),l.a.createElement("b",null,b.code),l.a.createElement("b",{className:"campaign-code grey"}," ",t("Code activated"))),l.a.createElement("div",null,l.a.createElement("button",{className:"btn btn-link p-0",onClick:function(){return N(O(null))}},t("Change code")))):l.a.createElement("form",{onSubmit:function(e){return function(e){e.preventDefault(),""===H&&N(O(null)),$(!0);var n=r+"/CampaignCodes"+z({ChainId:o,Code:H});K.get(n).then((function(e){if($(!1),200!==e.status)return N(O(null)),void re(t("The promotional code does not apply. Please check spelling and validity."));N(O(e.data)),X("")}))}(e)}},l.a.createElement("div",{className:"input-group"},l.a.createElement("input",{type:"text",className:"form-control"+(ne?" is-invalid":""),value:H,onChange:function(e){X(e.target.value),re("")},placeholder:t("Enter campaign code"),disabled:_}),""!==H&&l.a.createElement("div",{className:"input-group-append"},l.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:_},_&&l.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!_&&t("Apply"))),ne&&l.a.createElement("div",{className:"invalid-feedback"},ne))))}return l.a.createElement("div",{className:me()("vehicle-step-component",!u&&"no-vehicle")},u&&u.existingEvent&&!v&&l.a.createElement("div",{className:"alert alert-warning mt-4 text-center"},t("There is already a booking for this vehicle."),l.a.createElement("button",{type:"button",className:"btn btn-link",onClick:e.onSearchReservation},t("Click here to change the booking."))),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-md-6"},l.a.createElement("h5",{className:"text-uppercase"},t("Enter plate number")),l.a.createElement("form",{noValidate:!0,onSubmit:function(e){e.preventDefault(),q()},className:"plate-form"},l.a.createElement("div",{className:"form-group mr-2"},l.a.createElement("div",{className:me()("plate-container",p&&"is-invalid")},l.a.createElement("input",{type:"text",className:"form-control plate-input",placeholder:"ABC 123",maxLength:7,value:s,readOnly:!!u||w,onChange:function(e){var t=e.target.value;N(h(Q(t)))}}))),u?l.a.createElement("button",{type:"button",className:"btn btn-light plate-clear-button",onClick:function(){N(h("")),N(E(null))}},l.a.createElement(ce.a,{className:"plate-clear-icon"})):l.a.createElement("button",{type:"button",className:"btn btn-primary plate-load-button",onClick:q,disabled:w},w?l.a.createElement("span",{className:"spinner-border plate-spinner",role:"status","aria-hidden":"true"}):l.a.createElement(oe.a,{className:"plate-load-icon"}))),l.a.createElement("div",{className:"invalid-feedback"},p),u&&u.suggestedInspectionCode&&l.a.createElement("div",{className:"alert alert-info"},t("Suggested inspection from VTR:")," ",U[u.suggestedInspectionCode]?U[u.suggestedInspectionCode]:u.suggestedInspectionCode),!u&&l.a.createElement("button",{type:"button",className:"btn btn-link pl-0",onClick:e.onSearchReservation},t("Here you can change your booked time")),u&&l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"d-md-none vehicle-information"},ie()),l.a.createElement("div",{className:"vehicle-service"},l.a.createElement("h5",{className:"text-uppercase selected-service"},t("Selected service")),l.a.createElement("div",{className:"form-check",onClick:function(){return N(A("Inspection"))}},l.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:"Inspection"===f,onChange:function(){return N(A("Inspection"))}}),l.a.createElement("div",{className:"fancy-check"}),l.a.createElement("label",{className:"form-check-label",htmlFor:"check_Inspection"},t("Inspection"))),l.a.createElement("div",{className:"form-check mb-2",onClick:function(){return N(A("PostInspection"))}},l.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_PostInspection",checked:"PostInspection"===f,onChange:function(){return N(A("PostInspection"))}}),l.a.createElement("div",{className:"fancy-check"}),l.a.createElement("label",{className:"form-check-label",htmlFor:"check_PostInspection"},t("Reinspection"))),l.a.createElement(se.a,{options:V,getOptionValue:function(e){return e.value},getOptionLabel:function(e){return e.title},value:V.find((function(e){return e.value===f}))||null,placeholder:t("Other Services"),onChange:function(e){return N(A(e&&e.value))}})))),u&&l.a.createElement("div",{className:"d-none d-md-block col-md-6 vehicle-information"},ie())),u&&f&&l.a.createElement("div",{className:"d-flex flex-column align-items-center mt-4 btn-lg"},l.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg",onClick:function(){u&&f?n():B(t("Vehicle and product should be selected"))}},t("Next")," ",l.a.createElement(oe.a,null)),l.a.createElement("div",{className:"invalid-feedback d-block text-center"},P)),l.a.createElement("div",{className:"d-flex flex-column align-items-center mt-4"},l.a.createElement("div",{className:"valid-feedback d-block text-center"},g),l.a.createElement("div",{className:"invalid-feedback d-block text-center"},k)))};be.propTypes=fe;var ve=be,ge=n(11),he=n.n(ge),Ee=n(12),ye={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 Ae(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 ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ae(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ne={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 Oe(e,t,n){var a=Ne[e]||Ne.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 Ce=n(6);n(31);function Se(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"+z(r);return K.get(o).then((function(e){return 200===e.status?e.data:[]}),(function(){return[]}))}var we=!1,Re=[];window.gm_authFailure=function(){Re.forEach((function(e){return e()})),we=!0};var Te={onBack:u.a.func.isRequired,onNext:u.a.func.isRequired},je=function(e){var t,n,a,o,s,u=Object(c.useState)(""),p=i()(u,2),f=p[0],b=p[1],v=Object(c.useState)(null),g=i()(v,2),h=g[0],E=g[1],y=Object(c.useState)(0),A=i()(y,2),N=A[0],O=A[1],C=Object(c.useState)(null),S=i()(C,2),w=S[0],R=S[1],T=Object(c.useState)(""),j=i()(T,2),I=j[0],x=j[1],P=(t=Object(c.useState)({}),n=i()(t,2),a=n[0],o=n[1],s=Object(c.useRef)({}),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="".concat(e,"_").concat(t);return a[n]?a[n]:(s.current[n]||(s.current[n]=!0,setTimeout((function(){Oe(e,t,(function(e,t){o((function(e){return ke(ke({},e),{},r()({},n,t))}))}))}),10)),Ne[e].pin)}),B=Object(c.useState)(),V=i()(B,2),D=V[0],M=V[1],U=Object(c.useState)((function(){return document.body.clientWidth>767})),L=i()(U,2),q=L[0],W=L[1],Y=Object(c.useState)(null),H=i()(Y,2),X=H[0],F=H[1],K=Object(d.useSelector)((function(e){return e})),G=K.apiEndpoint,Q=K.chainId,z=K.googleApiKey,Z=K.product,_=K.vehicle,$=K.station,ee=Object(d.useDispatch)(),te=Object(c.useContext)(m).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(c.useEffect)((function(){$&&$.name?J({event:"checkout_station",station_name:$.name}):J({event:"checkout_station"})}),[]),Object(c.useEffect)((function(){var e=!1;return Se(G,Q,Z,_).then((function(t){e||E(t)}),console.error),function(){e=!0}}),[]),Object(c.useEffect)((function(){D&&(D.addListener("error",(function(e){return console.error(e)})),"geolocation"in navigator&&navigator.geolocation.getCurrentPosition((function(e){R({lat:e.coords.latitude,lng:e.coords.longitude})})))}),[D]);var ae=Object(c.useMemo)((function(){if(!h)return[];var e,t=w?h.sort((e=ne(w),function(t,n){return e(t)-e(n)})):h.sort((function(e,t){return e.name.trim().localeCompare(t.name.trim(),"sv")}));return f&&(t=t.filter((function(e){var t=(e.name+e.city+e.streetAddress).toLowerCase();return f.toLowerCase().split(" ").every((function(e){return t.includes(e)}))}))),t}),[h,w,f]),re=Object(c.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(c.useEffect)((function(){if(D&&h){var e=(h||[]).filter((function(e){return e.coordinateLng&&e.coordinateLat})).map((function(e){return{lat:e.coordinateLat,lng:e.coordinateLng}}));if(w&&e.push(w),0!==e.length){var t={south:Math.min.apply(Math,he()(e.map((function(e){return e.lat})))),north:Math.max.apply(Math,he()(e.map((function(e){return e.lat})))),west:Math.min.apply(Math,he()(e.map((function(e){return e.lng})))),east:Math.max.apply(Math,he()(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,h,w]);var oe=Object(c.useRef)(null);var ie=Object(c.useState)({lat:61.6914597,lng:17.1207942}),ce=i()(ie,1)[0],le=Object(Ee.useLoadScript)({googleMapsApiKey:z||"nokey"}).isLoaded,se=function(){var e=Object(c.useState)(we),t=i()(e,2),n=t[0],a=t[1];return Object(c.useEffect)((function(){var e=function(){return a(!0)};return Re.push(e),function(){return Re=Re.filter((function(t){return t!==e}))}}),[]),n}();return l.a.createElement("div",{className:"station-step-component"},l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-md-4"},l.a.createElement("h5",null,te("Select station")),l.a.createElement("form",{onSubmit:function(e){return e.preventDefault()}},l.a.createElement("div",{className:"input-group geocode-input-group"},l.a.createElement("input",{type:"text",className:"form-control",placeholder:te("Nearby"),value:f,onChange:function(e){var t=e.target.value;b(t),O(0)}}))),l.a.createElement("p",{className:"list-remark"},te("Only stations that accept the selected vehicle are shown in the list")),l.a.createElement("ul",{className:"list-group list-group-flush station-list"},!h&&l.a.createElement("div",{className:"text-center"},l.a.createElement("div",{className:"spinner-border text-secondary my-5",role:"status"},l.a.createElement("span",{className:"sr-only"},te("Loading"),"..."))),re&&0===re.length&&l.a.createElement("div",{className:"text-center mt-4"},te("No stations found")),re&&re.slice(5*N,5*N+5).map((function(e){return l.a.createElement("a",{key:e.id,href:"#",className:"list-group-item list-group-item-action",onClick:function(){return ee(k(e))}},l.a.createElement("div",{className:"form-check"},l.a.createElement("input",{type:"checkbox",className:"form-check-input",id:"check_Inspection",checked:e.id===($&&$.id),onChange:function(){}}),l.a.createElement("div",{className:"fancy-check"})),l.a.createElement("img",{className:"station-list-pin",src:P(e.id===($&&$.id)?"green":"white")}),l.a.createElement("div",null,l.a.createElement("b",{className:"station-list-name"},e.name),l.a.createElement("div",{className:"station-list-address"},e.streetAddress," ",e.city)))})),re&&re.length>5&&l.a.createElement("nav",{className:"mt-2"},l.a.createElement(Ce.Pagination,null,l.a.createElement(Ce.Pagination.Prev,{disabled:N<=0,onClick:function(){return O((function(e){return Math.max(0,e-1)}))}}),he()(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?l.a.createElement(Ce.Pagination.Item,{key:t,active:t===N,onClick:function(){return O(t)}},t+1," "):2===Math.abs(N-t)&&l.a.createElement(Ce.Pagination.Ellipsis,{key:t})})),l.a.createElement(Ce.Pagination.Next,{disabled:5*N+5>=re.length,onClick:function(){return O((function(e){return Math.min(Math.ceil(re.length/5)-1,e+1)}))}}))))),l.a.createElement("div",{className:"col-md-8 mt-2"},!q&&l.a.createElement("button",{className:"btn btn-link",onClick:function(){return W(!0)}},te("See on the map")),q&&se&&l.a.createElement("div",{className:"map-error"},l.a.createElement("span",null,te("Map is currently not available. Please select station from the list"))),q&&!se&&le&&l.a.createElement(Ee.GoogleMap,{id:"stations-map",options:ye,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))}},l.a.createElement(Ee.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 l.a.createElement(Ee.Marker,{key:t.id,position:{lat:t.coordinateLat,lng:t.coordinateLng},clusterer:e,onClick:function(){return ee(k(t))},icon:P(t.id===($&&$.id)?"green":"white")})}))})),w&&l.a.createElement(Ee.Marker,{position:w,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"})))),l.a.createElement("div",{className:"text-center mt-4"},l.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},te("Back")),l.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg",onClick:function(){$?e.onNext():x(te("Station must be selected"))}},te("Next")),l.a.createElement("div",{className:"invalid-feedback d-block text-center"},I)))};je.propTypes=Te;var Ie=je,xe=n(20),Pe=n.n(xe),Be=n(21),Ve=n.n(Be),De=n(22),Me=n.n(De),Ue=n(14),Le=n.n(Ue),qe=n(13),We=n.n(qe),Ye=n(23),He=n.n(Ye),Xe=n(15),Fe=n.n(Xe),Ke=(n(32),n(24)),Ge=n.n(Ke);n(33);function Qe(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 ze(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qe(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Je(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(Xe.registerLocale)("sv",Ge.a);var _e={onBack:u.a.func.isRequired,onNext:u.a.func.isRequired},$e=function(e){var t=Object(c.useState)(""),n=i()(t,2),a=n[0],r=n[1],o=Object(c.useState)(ae()()),s=i()(o,2),u=s[0],p=s[1],f=Object(c.useState)([]),b=i()(f,2),v=b[0],g=b[1],h=Object(c.useState)([]),E=i()(h,2),y=E[0],A=E[1],k=Object(c.useState)(te()),O=i()(k,2),C=O[0],S=O[1],w=Object(c.useState)(null),R=i()(w,2),T=R[0],j=R[1],I=Object(c.useState)(!1),x=i()(I,2),B=x[0],D=x[1],M=Object(c.useState)(""),U=i()(M,2),L=U[0],q=U[1],W=Object(d.useSelector)((function(e){return e})),Y=W.apiEndpoint,H=W.timeSlot,X=W.vehicle,F=W.campaign,G=W.station,Q=W.product,Z=Object(d.useDispatch)(),_=Object(c.useContext)(m),$=_.tr,ee=_.locale;function te(){return document.body.clientWidth<768?"mobile":"desktop"}function ne(e,t,n){q(""),D(!0);var a=Y+"/Calendar/".concat(G.id)+z({StartDate:ae.a.utc(e).startOf("day").toISOString(),EndDate:"mobile"===t?ae.a.utc(e).endOf("day").toISOString():ae.a.utc(e).add(8,"days").endOf("day").toISOString(),ProductId:G.productId,VehicleCategory:X.vehicleCategory,CampaignCodeUid:F?F.uid:void 0});K.get(a).then((function(e){if(!n.cancel)if(D(!1),200===e.status){r("");var t,a=[],o=Date.now(),i=X.postInspectionDate?ae()(X.postInspectionDate).add(1,"day").valueOf():0,c=Je(e.data);try{for(c.s();!(t=c.n()).done;){var l=t.value;for(var s in l.hours){var u,m=Je(l.hours[s]);try{for(m.s();!(u=m.n()).done;){var d=u.value,p=ae()(d.time).valueOf();p<o||("PostInspection"===Q&&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,v=a;b<v.length;b++){var h=v[b];h._cheap=h.onlinePaymentPrice===f}g(a)}else r($("An error occurred"))}),(function(){D(!1),r($("An error occurred"))}))}Object(c.useEffect)((function(){J({event:"checkout_date"})}),[]),Object(c.useEffect)((function(){function e(){S(te())}return window.addEventListener("resize",e),function(){return window.removeEventListener("resuze",e)}}),[]),Object(c.useEffect)((function(){var e={cancel:!1};return ne(u,C,e),function(){e.cancel=!0}}),[u,C]);var re=[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=P()(V.a.mark((function e(){var t,n,a,o,i,c,l,s,m,d;return V.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return D(!0),t=Y+"/Calendar/".concat(G.id)+z({StartDate:ae.a.utc(u).startOf("day").toISOString(),EndDate:ae.a.utc(u).endOf("day").add(14,"days").toISOString(),ProductId:G.productId,VehicleCategory:X.vehicleCategory}),e.prev=2,e.next=5,K.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=Je(n.data);try{for(o.s();!(i=o.n()).done;)for(l in(c=i.value).hours){s=Je(c.hours[l]);try{for(s.s();!(m=s.n()).done;)d=m.value,ae()(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:ae.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(c.useEffect)((function(){var e=("mobile"===C?[0]:[0,1,2,3,4,5,6]).map((function(e){var t=ae()(u).add(e,"day");if("mobile"!==C&&6===t.weekday())return null;var n=v.filter((function(e){return ae()(e.time).startOf("day").date()===t.date()&&e.onlinePaymentPrice})),a=ae()(t).startOf("day").unix()===ae()().startOf("day").unix(),r=re.map((function(e){var t=n.filter((function(t){return t.isAvailable&&ae()(t.time).hour()===e})),a=t.length?Math.min.apply(Math,he()(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),q("");var t=!1;return"mobile"===C&&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}}),[v,C]);var le=Object(c.useState)({show:!1}),se=i()(le,2),ue=se[0],de=se[1];function pe(){de((function(e){return ze(ze({},e),{},{show:!0})}))}function fe(){de((function(e){return ze(ze({},e),{},{show:!1})}))}var be=Object(c.useMemo)((function(){return[0,1,2,3,4,5,6,7,8,9,10].map((function(e){return ae()().endOf("week").add(e,"weeks").add(-3,"hours").toDate()}))}),[]);return l.a.createElement("div",{className:"time-step-component"},l.a.createElement("div",{className:"time-step-component-header"},l.a.createElement("div",null,l.a.createElement(He.a,{className:"time-step-component-header-icon"}),G.name),l.a.createElement("h4",{className:"select-date-and-time"},$("Select date and time")),l.a.createElement("div",{className:"time-select-date"},l.a.createElement("button",{type:"button",className:"btn",onClick:pe},l.a.createElement(Me.a,null)),l.a.createElement("button",{type:"button",className:"btn btn-link",onClick:pe},$("Select day from calendar")),l.a.createElement(Ce.Modal,{show:ue.show,size:"sm",onHide:fe},l.a.createElement(Ce.Modal.Body,{className:"text-center"},l.a.createElement(Fe.a,{inline:!0,locale:ee,minDate:new Date,excludeDates:be,showDisabledMonthNavigation:!0,selected:u.toDate(),onChange:function(e){p(ae()(e)),fe()}}))))),l.a.createElement("table",{className:"time-step-table"},l.a.createElement("thead",null,l.a.createElement("tr",{className:"table-header-row"},l.a.createElement("th",{className:"table-header-buttons"},l.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(){p((function(e){if("desktop"===C)return ae()(e).add(-1,"week");var t=ae()(e).add(-1,"day");return 0===t.day()&&(t=ae()(e).add(-2,"day")),t}))}},l.a.createElement(Pe.a,null))),y.map((function(e){return l.a.createElement("th",{key:e.weekDay,className:"weekday-header"},l.a.createElement("div",{className:"weekday-header-weekday"},e.weekDay),l.a.createElement("div",{className:"weekday-header-date"},e.dayMonth),e.today&&l.a.createElement("div",{className:"weekday-header-today"},$("Today")))})),l.a.createElement("th",{className:"table-header-buttons"},l.a.createElement("button",{type:"button",className:"btn btn-primary",onClick:function(){p((function(e){if("desktop"===C)return ae()(e).add(1,"week");var t=ae()(e).add(1,"day");return 0===t.day()&&(t=ae()(e).add(2,"day")),t}))}},l.a.createElement(oe.a,null))))),l.a.createElement("tbody",null,""!==L&&l.a.createElement("tr",null,l.a.createElement("td",{colSpan:100,style:{position:"relative"}},"day"===L?l.a.createElement("div",{className:"no-available-times-box",onClick:function(){q(""),ie().then((function(e){return p(e)}))}},l.a.createElement("div",null,$("No available times.")),l.a.createElement("div",null,$("See the next available time.")),l.a.createElement("div",null,l.a.createElement(oe.a,null))):l.a.createElement("div",{className:"no-available-times-box",onClick:e.onBack},l.a.createElement("div",null,$("No available times at this station.")),l.a.createElement("div",null,$("Find time at any of our stations.")),l.a.createElement("div",null,l.a.createElement(oe.a,null))))),B||a?l.a.createElement("tr",{style:{height:43*re.length}},l.a.createElement("td",{colSpan:100,className:"text-center"},B&&l.a.createElement("div",{className:"spinner-border text-secondary"}),a&&l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"invalid-feedback"},l.a.createElement(We.a,{size:40,className:"mr-2"}),a),l.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){return ne(u,C,{})}},l.a.createElement(Le.a,{className:"mr-2"}),$("Please try again"))))):re.map((function(t,n){return l.a.createElement("tr",{key:t,className:"time-row"},l.a.createElement("th",{className:"time-header"},("0"+t).substr(-2),":00"),y.map((function(t){var a=t.slotsPerHour[n];return l.a.createElement("td",{key:t.weekDay},0===a.slots.length?l.a.createElement("div",{className:"slot-unavailable"}):l.a.createElement("div",{className:"slot"},l.a.createElement("div",{className:me()("slot-header",a===T&&"slot-header-expanded",a.cheap&&"slot-cheap"),onClick:function(){return j(a===T?null:a)}},a===T?l.a.createElement(Ve.a,{className:"slot-header-icon"}):l.a.createElement(oe.a,{className:"slot-header-icon"}),l.a.createElement("div",{className:me()(a.priceGroupId&&"pricegroup-".concat(a.priceGroupId))},a.minPrice," kr")),a===T&&l.a.createElement("div",{className:"slot-body"},a.slots.map((function(e){return l.a.createElement("div",{className:me()("slot-option",e._cheap&&"slot-cheap"),key:e.time,onClick:function(){return Z(N(e))}},l.a.createElement("div",{className:"form-check"},l.a.createElement("input",{type:"checkbox",className:"slot-option-checkox",checked:e.time===(H&&H.time),onChange:function(){}}),l.a.createElement("div",{className:"fancy-check"})),l.a.createElement("div",{className:"slot-time"},ae()(e.time).format("HH.mm")),l.a.createElement("div",{className:me()("slot-price",e.priceGroupId&&"pricegroup-".concat(e.priceGroupId))}," ",e.onlinePaymentPrice," kr"))})),a.slots.some((function(e){return e.time===(H&&H.time)}))&&l.a.createElement("button",{className:"btn btn-primary btn-sm slot-button",onClick:function(){H&&e.onNext()}},$("Ready")))))})))})))),l.a.createElement("div",null,l.a.createElement("button",{type:"button",className:"btn btn-link mr-4",onClick:function(){return e.onBack()}},$("Back"))))};$e.propTypes=_e;var et=$e,tt=(n(34),n(16)),nt=n.n(tt),at=(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="),rt={modifyReservation:u.a.func,card:u.a.bool},ot=function(e){var t=Object(d.useSelector)((function(e){return e})),n=t.apiEndpoint,a=t.chainId,r=t.campaign,o=t.product,s=t.timeSlot,u=t.reservation,p=t.vehicle,f=t.station,b=Object(d.useDispatch)(),v=Object(c.useContext)(m).tr,g=Object(c.useState)(r?r.code:""),h=i()(g,2),E=h[0],y=h[1],A=Object(c.useState)(!1),k=i()(A,2),N=k[0],C=k[1],S=Object(c.useState)(""),w=i()(S,2),R=w[0],T=w[1],j=u&&ae()(u.reservedDateTime).format()>ae()().add(2,"hours").format();Object(c.useEffect)((function(){if(u&&u.campaignCodeUid&&!r){var e=n+"/CampaignCodes/".concat(u.campaignCodeUid);K.get(e).then((function(e){b(O(e.data))}))}}),[u]);var I={Inspection:{title:v("Periodic time inspection")},ReInspection:{title:v("Reinspection")},PostInspection:{title:v("Reinspection")},ConditionInspection:{title:v("Condition test")},59:{title:v("Konditionstest Premium")},69:{title:v("Trafiksäkerhetskontroll")},93:{title:v("Konditionstest Bas")},91:{title:v("Veteranfordonstest")},57:{title:v("Gasoltest")}},x=Object(c.useState)(!1),P=i()(x,2),B=P[0],V=P[1];function D(){J({event:"checkout_changeBooking"}),e.modifyReservation(u)}var M={};function U(){return l.a.createElement("ul",{className:"list-group list-group-flush"},M.plateNumber&&M.vehicleBrandAndModel&&l.a.createElement("li",{className:"list-group-item"},l.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"vehicle"}),l.a.createElement("div",null,l.a.createElement("div",{className:"list-item-label"},v("Registration number, vehicle"),":"),l.a.createElement("div",{className:"list-item-value"},M.plateNumber+", "+M.vehicleBrandAndModel))),M.product&&l.a.createElement("li",{className:"list-group-item"},l.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"service"}),l.a.createElement("div",null,l.a.createElement("div",{className:"list-item-label"},v("Service"),":"),l.a.createElement("div",{className:"list-item-value"},I[M.product].title))),M.station&&l.a.createElement("li",{className:"list-group-item"},l.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"}),l.a.createElement("div",null,l.a.createElement("div",{className:"list-item-label"},v("Station"),":"),l.a.createElement("div",{className:"list-item-value"},M.station.name,j&&e.card&&l.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return V(!0)}},v("Edit")))),j&&!e.card&&l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"flex-grow-1"}),l.a.createElement("button",{className:"btn btn-primary btn-sm",onClick:function(){return V(!0)}},l.a.createElement(nt.a,null),v("Edit")))),M.station&&M.time&&l.a.createElement("li",{className:"list-group-item"},l.a.createElement("img",{className:"list-item-icon",src:"data:image/png;base64,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",alt:"time"}),l.a.createElement("div",null,l.a.createElement("div",{className:"list-item-label"},v("Date and time"),":"),l.a.createElement("div",{className:"list-item-value"},ae()(M.time).format("dddd Y-MM-DD")," | ",ae()(M.time).format("HH:mm"),j&&e.card&&l.a.createElement("button",{className:"btn btn-link py-0",onClick:function(){return V(!0)}},v("Edit")))),j&&!e.card&&l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"flex-grow-1"}),l.a.createElement("button",{className:"btn btn-primary btn-sm",onClick:function(){return V(!0)}},l.a.createElement(nt.a,null),v("Edit")))),u&&r&&l.a.createElement("li",{className:"list-group-item"},l.a.createElement("img",{className:"list-item-icon",src:at,alt:"discount"}),l.a.createElement("div",null,l.a.createElement("div",{className:"list-item-label"},v("Campaign code"),":"),l.a.createElement("div",{className:"list-item-value"},r.name),l.a.createElement("div",{className:"list-item-value"},r.code,l.a.createElement("br",null),l.a.createElement("b",{className:"campaign-code grey"},v("Code activated"))))),!u&&l.a.createElement("li",{className:"list-group-item"},l.a.createElement("div",{className:"list-item-icon-container"},l.a.createElement("img",{className:"list-item-icon",src:at,alt:"discount"})),l.a.createElement("div",null,r?l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"list-item-label"},v("Campaign code"),":"),l.a.createElement("div",{className:"list-item-value campaign-name"},r.name),l.a.createElement("div",{className:"list-item-value"},r.code,l.a.createElement("b",{className:"campaign-code grey"},v("Code activated"))),l.a.createElement("div",{className:"list-item-value"},l.a.createElement("button",{className:"btn btn-link p-0",onClick:function(){return b(O(null))}},v("Change code")))):l.a.createElement("form",{onSubmit:function(e){return function(e){if(e.preventDefault(),""===E)return b(O(null));C(!0);var t=n+"/CampaignCodes"+z({ChainId:a,StationId:f.id,Code:E,ReservationTime:s.time,ProductIds:[f.productId]});K.get(t).then((function(e){if(C(!1),200!==e.status)return b(O(null)),void T(v("The promotional code does not apply. Please check spelling and validity."));b(O(e.data)),y("")}))}(e)}},l.a.createElement("div",{className:"input-group"},l.a.createElement("input",{type:"text",className:"form-control"+(R?" is-invalid":""),value:E,onChange:function(e){y(e.target.value),T("")},placeholder:v("Enter campaign code"),disabled:N}),""!==E&&l.a.createElement("div",{className:"input-group-append"},l.a.createElement("button",{className:"btn btn-secondary",type:"submit",disabled:N},N&&l.a.createElement("span",{className:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}),!N&&v("Apply"))),R&&l.a.createElement("div",{className:"invalid-feedback"},R))))),u&&l.a.createElement("li",{className:"list-group-item"},l.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"}),l.a.createElement("div",null,l.a.createElement("div",{className:"list-item-label"},v("Booking number"),":"),l.a.createElement("div",{className:"list-item-value"},u.bookingNumber))),u&&l.a.createElement(Ce.Modal,{show:B,onHide:function(){return V(!1)}},l.a.createElement(Ce.Modal.Header,{closeButton:!0},l.a.createElement(Ce.Modal.Title,null,v("Modify booking"))),l.a.createElement(Ce.Modal.Body,null,l.a.createElement("p",null,v("Changing the paid booking means that your original time is cancelled and a refund is made automatically.")),l.a.createElement("p",null,v("After choosing a new time you will get a new confirmation."))),l.a.createElement(Ce.Modal.Footer,null,l.a.createElement(Ce.Button,{variant:"secondary",onClick:function(){return V(!1)}},v("Cancel")),l.a.createElement(Ce.Button,{variant:"primary",onClick:D},v("Confirm")))))}return p&&(M.plateNumber=p.plateNumber,M.vehicleBrandAndModel=p.vehicleBrandAndModel),o&&(M.product=o),f&&(M.station=f,s&&(M.time=s.time)),u&&(M.plateNumber=u.plateNumber,M.vehicleBrandAndModel=u.vehicleBrandAndModel,M.product=u.products[0].productType,M.station=u.station,M.time=u.reservedDateTime),e.card?l.a.createElement("div",{className:"summary-component card shadow-sm"},l.a.createElement("div",null,l.a.createElement("div",{className:"card-header"},v("Booking summary")),l.a.createElement("div",{className:"card-body"},U()))):l.a.createElement("div",{className:"summary-component list-wrapper"},U())};ot.propTypes=rt;var it=ot;function ct(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 lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ct(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ct(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function st(e,t,n){return ut.apply(this,arguments)}function ut(){return(ut=P()(V.a.mark((function e(t,n,a){var r,o;return V.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,K.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 mt(){var e=window.location.href.split("?");return(i()(e,2)[1]||"").split("&").map((function(e){return e.split("=")})).reduce((function(e,t){return e[t[0]]=decodeURIComponent(t[1]),e}),{})}function dt(e){var t=window.location.href.split("?"),n=i()(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 pt={onBack:u.a.func.isRequired,onNext:u.a.func.isRequired};function ft(e){var t=Object(c.useContext)(m),n=t.tr,a=t.locale,r=Object(c.useState)(!1),o=i()(r,2),s=o[0],u=o[1],p=Object(c.useState)(null),f=i()(p,2),b=f[0],v=f[1],h=Object(c.useState)(!0),E=i()(h,2),y=E[0],A=E[1],k=Object(c.useState)(""),O=i()(k,2),T=O[0],j=O[1],I=Object(d.useSelector)((function(e){return e})),x=I.apiEndpoint,B=I.campaign,D=I.timeSlot,M=I.pendingReservationUid,U=I.pendingReservationTime,L=I.vehicle,q=I.station,W=I.originalReservation,Y=I.b2bCustomer,H=Object(d.useDispatch)(),X=Object(c.useState)(!!Y),F=i()(X,2),G=F[0],Q=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||!W||W.reservedDateTime!==D.time||W.stationId!==q.id||W.plateNumber!==L.plateNumber){var a={uid:M,plateNumber:L.plateNumber,time:D.time,vehicleCategory:L.vehicleCategory,stationId:q.id,productIds:[q.productId]};K.post(x+"/PendingReservations",a).then((function(e){e.text().then((function(e){H(S(e)),u(!0)}))}),(function(e){e.data&&e.data.error&&e.data.error.startsWith("No resource for slot")&&(A(!1),j("No resource for slot"))}))}else u(!0)}function _(){return(_=P()(V.a.mark((function e(){var t,a;return V.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t=mt()).expired&&!t.error){e.next=10;break}throw t.expired="",t.error="",t.stationId="",t.reservationId="",dt(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,st(x,t.reservationId,t.stationId);case 13:return a=e.sent,t.stationId="",t.reservationId="",dt(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(s&&!G){var e={pendingReservationUid:M,pendingReservationStationId:q.id,originalReservationUid:W?W.uid:void 0,originalReservationStationId:W?W.stationId:void 0,plateNumber:L.plateNumber,vehicleCategory:L.vehicleCategory,customerUid:null,campaignCodeUid:B?B.uid:null,language:{sv:"Swedish",fi:"Finnish"}[a]||"English",productIds:[q.productId],vehicleBrandAndModel:L.vehicleBrandAndModel,meta:{}};P()(V.a.mark((function t(){var a,r;return V.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(b){t.next=20;break}if(A(!0),a=null,t.prev=3,a){t.next=9;break}return t.next=7,K.post(x+"/Klarna",e);case 7:r=t.sent,a=r.data;case 9:A(!1),j(""),$(a),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(3),A(!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(){K.post(x+"/Klarna",e).then((function(e){j(""),$(e.data)}),(function(){A(!1),j(n("An error occurred during the payment"))}))}),1e3)}));case 21:case"end":return t.stop()}}),t,null,[[3,14]])})))()}}Object(c.useEffect)((function(){J({event:"checkout_billing"})}),[]),Object(c.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(c.useEffect)((function(){(function(){return _.apply(this,arguments)})().then((function(t){if(t){return W&&J({event:"checkout_changePurchase"}),J({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(S("")),H(w(null)),H(R(t)),void e.onNext()}Z()}),(function(e){j(e.message),A(!1)}))}),[L,q,D]),Object(c.useEffect)((function(){return function(){window._klarnaCheckout=null}}),[]),Object(c.useEffect)(ee,[M,s,B,a,G]);var te=Object(c.useState)({customerNumber:"",notes:""}),ne=i()(te,2),ae=ne[0],re=ne[1],oe=Object(c.useState)(""),ie=i()(oe,2),ce=ie[0],le=ie[1],se=Object(c.useState)(!1),ue=i()(se,2),me=ue[0],de=ue[1];function pe(e){e&&e.preventDefault(),de(!0),le(""),K.get(x+"/B2BCustomer/"+ae.customerNumber).then((function(e){if(de(!1),e.data){var t=e.data;t.customerNumber=ae.customerNumber,t.notes=ae.notes,H(C(t))}else le(n("Unable to find company"))})).catch((function(){de(!1)}))}return l.a.createElement("div",{className:"finalize-step-component mt-3"},l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-md-5 order-md-1"},l.a.createElement(it,{card:!0})),l.a.createElement("div",{className:"col-md-7"},T?l.a.createElement("div",{className:"text-center mt-5"},T&&("No resource for slot"===T?l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"invalid-feedback"},l.a.createElement(We.a,{size:40,className:"mr-2"}),n("This time slot cannot be booked")),l.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){H(N(null)),H(g("time"))}},n("Change time"))):l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"invalid-feedback"},l.a.createElement(We.a,{size:40,className:"mr-2"}),T),l.a.createElement("button",{type:"button",className:"btn btn-danger btn-lg mt-4",onClick:function(){j(""),s?ee():Z()}},l.a.createElement(Le.a,{className:"mr-2"}),n("Please try again")),l.a.createElement("div",{className:"mt-3"},n("Payment was not completed"))))):l.a.createElement(l.a.Fragment,null,G&&l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"finalize-step-business-message"},n("Not booking for a company?"),l.a.createElement("button",{className:"btn btn-link book-here-btn",onClick:function(){H(C(null)),Q(!1),le("")}},n("Please book here"))),Y?l.a.createElement("div",null,l.a.createElement("div",{className:"from-group"},l.a.createElement("label",null,n("Company name")),l.a.createElement("p",null,l.a.createElement("b",null,Y.name))),Y.email&&l.a.createElement("div",{className:"from-group"},l.a.createElement("label",null,n("Confirmation Email")),l.a.createElement("p",null,l.a.createElement("b",null,Y.email))),Y.notes&&l.a.createElement("div",{className:"from-group"},l.a.createElement("label",null,n("Notes")),l.a.createElement("p",null,l.a.createElement("b",null,Y.notes))),l.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:function(){de(!0),K.post(x+"/Reservations",{pendingReservationUid:M,pendingReservationStationId:q.id,originalReservationUid:W&&W.uid,originalReservationStationId:W&&W.stationId,plateNumber:L.plateNumber,vehicleCategory:L.vehicleCategory,customerUid:Y.customerUid,campaignCodeUid:B&&B.uid,language:{sv:"Swedish",fi:"Finnish"}[a]||"English",productIds:[q.productId],vehicleBrandAndModel:L.vehicleBrandAndModel,additionalInformation:Y.notes,meta:{}}).then((function(t){var n=t.data,a=x+"/Reservations/confirm/"+[q.id,n.uid,W?W.stationId:q.id,W?W.uid:n.uid,!!Y.email].join("/");return K.get(a).then((function(){var t=x+"/Reservations/".concat(n.bookingNumber)+z({customerNumber:Y.customerNumber});return K.get(t).then((function(t){if(!t.data)throw new Error("Unable to confirm reservation");H(S("")),H(w(null)),H(R(t.data)),e.onNext()}))}))})).catch((function(){de(!1),le(n("An error occurred"))}))},disabled:me},n("Confirm booking")),ce&&l.a.createElement("div",{className:"invalid-feedback"},ce)):l.a.createElement("form",{noValidate:!0,onSubmit:pe},l.a.createElement("div",{className:"form-group"},l.a.createElement("label",null,n("Company code")),l.a.createElement("input",{className:"form-control",type:"text",value:ae.customerNumber,onChange:function(e){return re(lt(lt({},ae),{},{customerNumber:e.target.value}))}})),l.a.createElement("div",{className:"form-group"},l.a.createElement("label",null,n("Notes")),l.a.createElement("textarea",{className:"form-control",value:ae.notes,onChange:function(e){return re(lt(lt({},ae),{},{notes:e.target.value}))}})),l.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")),l.a.createElement("button",{className:"btn btn-primary",type:"submit",onClick:pe,disabled:me},n("Search")),ce&&l.a.createElement("div",{className:"invalid-feedback"},ce))),y?l.a.createElement("div",{className:"spinner-border text-secondary mt-3"}):b&&l.a.createElement("div",{style:{visibility:G?"hidden":"visible"}},l.a.createElement("div",{className:"finalize-step-business-message"},n("Corporate customer?"),l.a.createElement("button",{className:"btn btn-link book-here-btn",onClick:function(){return Q(!0)}},n("Please book here"))),l.a.createElement("div",{dangerouslySetInnerHTML:{__html:b.html}}))))))}ft.propTypes=pt;var bt=ft,vt=n(25),gt=n.n(vt),ht={onlineReservationDiscount:u.a.number,onlinePaymentDiscount:u.a.number,productId:u.a.number,discountType:u.a.string},Et={uid:u.a.string.isRequired,name:u.a.string,code:u.a.string,discounts:u.a.arrayOf(u.a.shape(ht)).isRequired},yt=(n(37),n(36)),At=yt.Component,kt=yt.Property,Nt={modifyReservation:u.a.func.isRequired,campaign:u.a.shape(Et)};function Ot(e){var t=Object(c.useContext)(m).tr,n={Inspection:t("Periodic time inspection"),ReInspection:{title:t("Reinspection")},PostInspection:t("Reinspection"),ConditionInspection:t("Condition test")},a=Object(d.useSelector)((function(e){return e})),r=a.apiEndpoint,o=a.reservation,s=a.originalReservation,u=Object(d.useSelector)((function(e){return e})).station;Object(c.useEffect)((function(){J(s?{event:"checkout_changeBookingConfirmation"}:{event:"checkout_confirmation"})}),[]),u=o&&o.station;var p=Object(c.useState)(null),f=i()(p,2),b=f[0],v=f[1];return Object(c.useEffect)((function(){return function(){window._klarnaCheckout=null}}),[]),Object(c.useEffect)((function(){if(o&&"NotPaid"!==o.paymentStatus){var e="".concat(r,"/Klarna/").concat(o.stationId,"/").concat(o.uid);K.get(e).then((function(e){v(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)}}))}))}}),[o]),l.a.createElement("div",{className:"confirmation-step-component"},l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-md-7"},l.a.createElement("h5",null,t("Confirmation")),l.a.createElement("div",{className:"confirmation-step-confirmation"},l.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 booking is complete"),l.a.createElement("div",null,l.a.createElement("button",{type:"button",className:"btn btn-primary btn-lg confirmation-calendar-button",onClick:function(){var e=new At({name:"VCALENDAR",properties:[new kt({name:"VERSION",value:2})],components:[new At({name:"VEVENT",properties:[new kt({name:"SUMMARY",value:"".concat(o.plateNumber," ").concat(n[o.products[0].productType])}),new kt({name:"DESCRIPTION",value:"".concat(o.plateNumber," ").concat(n[o.products[0].productType])}),new kt({name:"DTSTART",value:o.reservedDateTime.replace(/[-:]/g,"")}),new kt({name:"DURATION",value:"PT0H".concat(o.station.slotDurationMinutes,"M")}),new kt({name:"STATUS",value:"CONFIRMED"}),new kt({name:"LOCATION",value:[u.name,u.streetAddress,u.city].filter((function(e){return e})).join(", ")}),u.coordinateLat?new kt({name:"GEO",value:"".concat(u.coordinateLat.toFixed(8),":").concat(u.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()}},l.a.createElement(gt.a,null),t("Add to my calendar")))),b&&l.a.createElement("div",{dangerouslySetInnerHTML:{__html:b.html}})),l.a.createElement("div",{className:"col-md-5"},l.a.createElement(it,{modifyReservation:e.modifyReservation,card:!0}))))}Ot.propTypes=Nt;var Ct=Ot,St=(n(38),{modifyReservation:u.a.func,cancelReservation:u.a.func,onBack:u.a.func.isRequired}),wt=function(e){var t=Object(d.useSelector)((function(e){return e})).reservation,n=Object(c.useContext)(m).tr,a=Object(c.useState)(!1),r=i()(a,2),o=r[0],s=r[1],u=t&&ae()(t.reservedDateTime).format()>ae()().add(2,"hours").format();return l.a.createElement("div",{className:"modify-reservation-component"},l.a.createElement("h2",{className:"title"},n("Change your booking's time and place")),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-sm-12 col-md-10 col-lg-8"},l.a.createElement(it,{modifyReservation:e.modifyReservation}))),u&&l.a.createElement("div",null,l.a.createElement("span",null,n("Want to cancel your booking?")),l.a.createElement("button",{type:"button",className:"btn btn-primary ml-2",onClick:function(){return s(!0)}},n("Cancel"))),!u&&l.a.createElement("div",null,l.a.createElement("p",{className:"invalid-feedback"},n("It is not possible to cancel or change your booking later than two hours before the booked time"))),l.a.createElement("div",null,l.a.createElement("button",{type:"button",className:"btn btn-link pl-0",onClick:function(){return e.onBack()}},n("Back"))),l.a.createElement(Ce.Modal,{show:o,onHide:function(){return s(!1)}},l.a.createElement(Ce.Modal.Header,{closeButton:!0},l.a.createElement(Ce.Modal.Title,null,n("Cancel booking"))),l.a.createElement(Ce.Modal.Body,null,l.a.createElement("p",null,n("After cancelling a refund is made automatically. Are you sure you want to cancel your booking?"))),l.a.createElement(Ce.Modal.Footer,null,l.a.createElement(Ce.Button,{variant:"secondary",onClick:function(){return s(!1)}},n("Cancel")),l.a.createElement(Ce.Button,{variant:"primary",onClick:function(){J({event:"modifyReservation_cancelBooking"}),e.cancelReservation(t)}},n("Confirm")))))};wt.propTypes=St;var Rt,Tt=wt,jt={en:{},sv:(Rt={Booking:"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.":"Vid ändring annulleras din ursprungliga tid och eventuell betalning återbetalas 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. Bokning kan endast ombokas online. För att avboka kontakta kundtjänst",Cancel:"Avbryt"},r()(Rt,"Confirm","Bekräfta"),r()(Rt,"The promotional code does not apply. Please check spelling and validity.","Kampanjkoden gäller inte. Vänligen kontrollera stavning och giltighetstid."),r()(Rt,"Apply","Tillämpa"),r()(Rt,"Here you can change your booked time","Tryck här för att ändra din bokade tid"),r()(Rt,"Nearby","I närheten"),r()(Rt,"Bus","Buss"),r()(Rt,"Truck","Lastbil"),r()(Rt,"Motorbike","Motorcykel"),r()(Rt,"Moped","Moped"),r()(Rt,"Motorized equipment","Motorredskap"),r()(Rt,"Passenger car","Personbil"),r()(Rt,"Trailer","Släpkärra"),r()(Rt,"All terrain vehicle","Terränghjuling"),r()(Rt,"All terrain scooter","Terrängskoter"),r()(Rt,"All terrain carriage","Terrängsläp"),r()(Rt,"Snowmobile","Snöskoter"),r()(Rt,"All terrain trailer","Terrängvagn"),r()(Rt,"Tractor","Traktor"),r()(Rt,"Ready","Välj"),r()(Rt,"Select day from calendar","Välj dag från kalender"),r()(Rt,"Registration number, vehicle","Registreringsnummer, fordon"),r()(Rt,"Service","Tjänst"),r()(Rt,"Date and time","Datum och tid"),r()(Rt,"Change your booking's time and place","Ändra din bokade tid och plats"),r()(Rt,"Your booking is complete","Din tid är bokad"),r()(Rt,"Edit","Redigera"),r()(Rt,"See on the map","Se på karta"),r()(Rt,"Unregistered","Avregistrerad"),r()(Rt,"Cancelled","Avställd"),r()(Rt,"In use","I trafik"),r()(Rt,"Add to my calendar","Lägg till i min kalender"),r()(Rt,"No available times at this station.","Inga tillgängliga tider på denna station."),r()(Rt,"Find time at any of our stations.","Sök tid på någon annan av våra stationer."),r()(Rt,"No available times.","Inga tillgängliga tider."),r()(Rt,"See the next available time.","Se nästa lediga tid."),r()(Rt,"Corporate customer?","Företagskunder?"),r()(Rt,"Please book here"," Vänligen boka här"),r()(Rt,"Not booking for a company?","Bokar du inte för ett företag?"),r()(Rt,"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."),r()(Rt,"Company code","Kundnummer"),r()(Rt,"Company name","Företagsnamn"),r()(Rt,"Notes","Anteckningar"),r()(Rt,"Confirmation Email","Bekräftelsemejl"),r()(Rt,"Confirm booking","Bekräfta bokningen"),r()(Rt,"Registration number","Registreringsnummer"),r()(Rt,"Payment","Betalning"),r()(Rt,"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"),r()(Rt,"This time slot cannot be booked","Denna tidslucka kan inte bokas"),r()(Rt,"Change time","Ändra tid"),r()(Rt,"Customer number","Kundnummer"),r()(Rt,"Or","eller"),r()(Rt,"We cannot inspect vehicles over 3500kg.","Vi kan inte inspektera fordon över 3500 kg."),r()(Rt,"Suggested inspection from VTR:","Föreslagen besiktning från Vägtrafikregistret:"),r()(Rt,"There is already a booking for this vehicle.","En bokning finns redan för detta fordon."),r()(Rt,"Click here to change the booking.","Tryck här för att ändra existerande bokning."),r()(Rt,"Please fill in both fields","Obligatoriskt att fylla i båda raderna"),r()(Rt,"Booking was not found","Bokning hittades inte"),r()(Rt,"This type of tractor cannot be inspected","Denna typ av traktor kan inte besiktigas på Carspect"),r()(Rt,"Vehicle is too heavy to be inspected","Detta fordon har för hög totalvikt för att kunna besiktigas på Carspect"),r()(Rt,"Vehicle cannot be reserved via online booking. Please contact customer service","Bokning kan inte ske via internet, vänligen kontakta kundtjänst"),r()(Rt,"Only stations that accept the selected vehicle are shown in the list","Endast stationer som tar emot valt fordon visas i listan"),r()(Rt,"Change code","Ändra kod"),r()(Rt,"Cancel booking","Avbryt bokning"),r()(Rt,"After cancelling a refund is made automatically. Are you sure you want to cancel your booking?","En avbokad besiktningstid återbetalas automatiskt. Är du säker på att du vill avboka din bokning?"),r()(Rt,"Booking cancelled successfully","Bokningen är avbokad"),r()(Rt,"Booking cannot be cancelled, please contact customer service","Bokningen kan ej avbokas, vänligen kontakta kundtjänst"),r()(Rt,"Search for booking","Sök efter en bokning"),r()(Rt,"It is not possible to cancel or change your booking later than two hours before the booked time","Det är ej möjligt att avboka eller ändra din bokning senare än två timmar innan den bokade tiden"),Rt)};n(39);function It(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 xt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?It(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):It(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Pt={apiEndpoint:u.a.string.isRequired,chainId:u.a.number.isRequired,googleApiKey:u.a.string.isRequired,plateNumber:u.a.string,stationId:u.a.number,product:u.a.string,searchReservation:u.a.shape({bookingNumber:u.a.string,lastName:u.a.string}),locale:u.a.string,timezone:u.a.string},Bt=function(e){var t=Object(c.useState)(!1),n=i()(t,2),a=(n[0],n[1]);ae.a.tz.setDefault(e.timezone);var r=e.locale||"en",o=Object(c.useCallback)((function(e){return function(e,t){var n=jt[e]&&jt[e][t];return n||(n=t),n}(r,e)}),[r]);Object(c.useEffect)((function(){r.includes(r)&&localStorage.setItem("contentLocale",r),ae.a.locale(r),ae.a.updateLocale(r,{week:{dow:1,doy:4}})}),[r]);var s=Object(d.useSelector)((function(e){return e})),u=s.apiEndpoint,p=s.step,f=s.plateNumber,b=s.vehicle,v=s.vehicleError,C=s.product,x=s.station,P=s.timeSlot,B=s.campaign,V=s.pendingReservationUid,D=s.pendingReservationTime,M=s.reservation,U=s.originalReservation,L=s.b2bCustomer;Object(c.useEffect)((function(){"loading"!==p&&"search-reservation"!==p&&sessionStorage.setItem("musterBookingState",JSON.stringify({step:p,plateNumber:f,vehicle:b,vehicleError:v,product:C,station:x,timeSlot:P,campaign:B,pendingReservationUid:V,pendingReservationTime:D,b2bCustomer:L,reservation:M,originalReservation:U}))}),[p,f,b,v,C,x,P,B,V,D,L,M,U]);var q=Object(d.useDispatch)();function W(t){var n=t.step,a=void 0===n?"":n,r=t.plateNumber,i=t.product,c=t.stationId,l=t.timeSlot,s=void 0===l?null:l;if(!r)return q(g(a||"vehicle"));de(u,e.chainId,r).then((function(t){q(h(Q(r)));var n=G(t);return n?(q(y(o(n))),q(g(a||"vehicle"))):t?(q(E(t)),q(y("")),i?(q(A(i)),c?void function(e,t,n,a,r){return Se(e,t,n,a).then((function(e){return e.find((function(e){return e.id===r}))}))}(u,e.chainId,i,t,c).then((function(e){if(!e)return q(g(a||"station"));q(k(e)),q(N(s)),q(g(a||"time"))})):q(g(a||"station"))):q(g(a||"vehicle"))):(q(y(o("Incorrect registration number, please enter your registration number again"))),q(g(a||"vehicle")))}),console.error)}function Y(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;q(R(null)),q(S("")),q(O(null)),q(N(null)),q(g("loading")),q(w(null!=e?e:null)),W({plateNumber:e?e.plateNumber:null,product:e?e.products[0].productType:null,stationId:e?e.stationId:null,step:"vehicle"})}return Object(c.useEffect)((function(){if("loading"===p){var t=mt();if(t.continuePaymentReservationUid)return dt(xt(xt({},t),{},{continuePaymentReservationUid:"",stationId:""})),void st(u,t.continuePaymentReservationUid,t.stationId).then((function(t){t?(q(w(t)),W({plateNumber:t.plateNumber,product:t.products[0].productType,stationId:t.stationId,step:"finalize",timeSlot:{time:t.reservedDateTime}})):W({plateNumber:e.plateNumber,product:e.product||"Inspection",stationId:e.stationId,step:"vehicle"})}));W({plateNumber:e.plateNumber,product:e.product||"Inspection",stationId:e.stationId,step:"vehicle"})}}),[]),l.a.createElement(m.Provider,{value:{tr:o,locale:r}},l.a.createElement("div",{className:"booking-component"},"search-reservation"!==p&&"modify-reservation"!==p&&l.a.createElement(l.a.Fragment,null,l.a.createElement("h2",{className:"title"},o("Booking")),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-md-12"},l.a.createElement(I,null)))),l.a.createElement("div",{className:"mb-3"},"loading"===p&&l.a.createElement("div",{className:"text-center my-4"},l.a.createElement("div",{className:"spinner-border text-secondary",role:"status"},l.a.createElement("span",{className:"sr-only"},o("Loading"),"..."))),"search-reservation"===p&&l.a.createElement(te,{apiEndpoint:u,bookingNumber:e.searchReservation&&e.searchReservation.bookingNumber,lastName:e.searchReservation&&e.searchReservation.lastName,onReservationChange:function(e){q(R(e)),q(g("modify-reservation"))}}),"vehicle"===p&&l.a.createElement(ve,{onNext:function(){return q(g("station"))},onSearchReservation:function(){return q(g("search-reservation"))}}),"station"===p&&l.a.createElement(Ie,{onBack:function(){return q(g("vehicle"))},onNext:function(){return q(g("time"))}}),"time"===p&&l.a.createElement(et,{onBack:function(){return q(g("station"))},onNext:function(){return q(g("finalize"))}}),"finalize"===p&&l.a.createElement(bt,{onBack:function(){return q(g("time"))},onNext:function(){return q(g("confirmation"))}}),"confirmation"===p&&l.a.createElement(Ct,{modifyReservation:Y}),"modify-reservation"===p&&l.a.createElement(Tt,{modifyReservation:Y,cancelReservation:function(e){a(!0),q(T("")),q(j("")),K.delete(u+"/Reservations/".concat(e.stationId,"/").concat(e.uid)).then((function(e){a(!1),Y(),200===e.status?q(T(o("Booking cancelled successfully"))):q(j(o("Booking cannot be cancelled")))}),(function(e){a(!1),Y(),400===e.status&&q(o(j("Booking cannot be cancelled")))}))},onBack:function(){q(R(null)),q(g("search-reservation"))}}))))};Bt.propTypes=Pt;var Vt=function(e){var t=Object(c.useMemo)((function(){var t,n={},a=mt();if(e.searchReservation)n.step="search-reservation";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(p.createStore)(v,t)}),[]);return l.a.createElement(d.Provider,{store:t},l.a.createElement(Bt,e))};Vt.propTypes=Pt,Vt.defaultProps={timezone:"Europe/Stockholm"};var Dt=Vt;n(40),t.default=Dt}]);
package/dist/styles.bundle.css CHANGED
@@ -57,6 +57,24 @@ nav.disabled {
57
57
  text-decoration: none;
58
58
  }
59
59
 
60
+ .search-reservation-component .invalid-feedback {
61
+ display: block;
62
+ font-size: 16px;
63
+ font-weight: 700;
64
+ }
65
+
66
+ @media screen and (min-width: 768px) {
67
+ .search-reservation-component #or-paragraph {
68
+ text-align: center;
69
+ margin-top: 1rem;
70
+ }
71
+ }
72
+
73
+ @media screen and (max-width: 767px) {
74
+ .search-reservation-component #last-name {
75
+ margin-bottom: 0;
76
+ }
77
+ }
60
78
  .vehicle-step-component .plate-form {
61
79
  display: flex;
62
80
  align-items: flex-start;
@@ -81,6 +99,7 @@ nav.disabled {
81
99
  border-color: #dc3545;
82
100
  }
83
101
 
102
+ .vehicle-step-component .valid-feedback,
84
103
  .vehicle-step-component .invalid-feedback {
85
104
  display: block;
86
105
  font-size: 16px;
@@ -108,7 +127,8 @@ nav.disabled {
108
127
  padding-right: 0;
109
128
  }
110
129
 
111
- .vehicle-step-component .plate-load-button {
130
+ .vehicle-step-component .plate-load-button,
131
+ .vehicle-step-component .plate-clear-button {
112
132
  width: 76px;
113
133
  height: 76px;
114
134
  padding: 0px;
@@ -119,27 +139,37 @@ nav.disabled {
119
139
  height: 64px;
120
140
  }
121
141
 
142
+ .vehicle-step-component .plate-clear-icon {
143
+ width: 54px;
144
+ height: 54px;
145
+ }
146
+
122
147
  .vehicle-step-component .plate-spinner {
123
148
  width: 32px;
124
149
  height: 32px;
125
150
  }
126
151
 
127
- @media screen and (max-width: 424px) {
152
+ .vehicle-step-component .campaign-code {
153
+ margin-left: 8px;
154
+ }
155
+
156
+ @media screen and (max-width: 991px) {
128
157
  .vehicle-step-component .plate-container {
129
- background-size: 20px;
130
- width: 216px;
131
- height: 56px;
158
+ background-size: 28px;
159
+ width: 260px;
160
+ height: 66px;
132
161
  }
133
162
 
134
163
  .vehicle-step-component .plate-input {
135
- left: 43px;
136
- width: calc(100% - 43px);
137
- font-size: 30px;
164
+ left: 46px;
165
+ width: calc(100% - 46px);
166
+ font-size: 45px !important;
138
167
  }
139
168
 
140
- .vehicle-step-component .plate-load-button {
141
- width: 56px;
142
- height: 56px;
169
+ .vehicle-step-component .plate-load-button,
170
+ .vehicle-step-component .plate-clear-button {
171
+ width: 66px;
172
+ height: 66px;
143
173
  padding: 0px;
144
174
  }
145
175
 
@@ -147,6 +177,47 @@ nav.disabled {
147
177
  width: 56px;
148
178
  height: 56px;
149
179
  }
180
+
181
+ .vehicle-step-component .plate-clear-icon {
182
+ width: 48px;
183
+ height: 48px;
184
+ }
185
+ }
186
+
187
+ @media screen and (max-width: 424px) {
188
+ .vehicle-step-component .plate-container {
189
+ background-size: 20px;
190
+ width: 236px;
191
+ height: 50px;
192
+ }
193
+
194
+ .vehicle-step-component .plate-input {
195
+ left: 38px;
196
+ width: calc(100% - 38px);
197
+ font-size: 40px !important;
198
+ letter-spacing: 1px;
199
+ }
200
+
201
+ .vehicle-step-component .plate-load-button,
202
+ .vehicle-step-component .plate-clear-button {
203
+ width: 50px;
204
+ height: 50px;
205
+ padding: 0px;
206
+ }
207
+
208
+ .vehicle-step-component .plate-load-icon {
209
+ width: 50px;
210
+ height: 50px;
211
+ }
212
+
213
+ .vehicle-step-component .plate-clear-icon {
214
+ width: 40px;
215
+ height: 40px;
216
+ }
217
+
218
+ .vehicle-step-component .selected-service {
219
+ margin-top: 1rem;
220
+ }
150
221
  }
151
222
 
152
223
  .station-list a {
@@ -201,12 +272,6 @@ nav.disabled {
201
272
  align-items: baseline;
202
273
  }
203
274
 
204
- @media (max-width: 991px) {
205
- .time-step-component-header {
206
- display: block;
207
- }
208
- }
209
-
210
275
  .time-step-component-header-icon {
211
276
  margin: 0 6px;
212
277
  }
@@ -234,12 +299,6 @@ nav.disabled {
234
299
  width: 15%;
235
300
  }
236
301
 
237
- @media screen and (max-width: 768px) {
238
- .weekday-header {
239
- width: 100%;
240
- }
241
- }
242
-
243
302
  .no-available-times-box {
244
303
  position: absolute;
245
304
  top: 200px;
@@ -318,6 +377,7 @@ nav.disabled {
318
377
  }
319
378
 
320
379
  .slot-body {
380
+ min-width: 150px;
321
381
  padding: 4px 8px;
322
382
  }
323
383
 
@@ -346,12 +406,36 @@ nav.disabled {
346
406
  text-transform: uppercase;
347
407
  }
348
408
 
409
+ @media (max-width: 991px) {
410
+ .time-step-component-header {
411
+ display: block;
412
+ }
413
+
414
+ .time-step-component-header-icon {
415
+ margin: 0 0 6px 0;
416
+ }
417
+
418
+ .select-date-and-time {
419
+ margin-left: 6px;
420
+ }
421
+ }
422
+
423
+ @media screen and (max-width: 767px) {
424
+ .weekday-header {
425
+ width: 100%;
426
+ }
427
+ }
428
+
349
429
  .finalize-step-component .invalid-feedback {
350
430
  display: block;
351
431
  font-size: 16px;
352
432
  font-weight: 700;
353
433
  }
354
434
 
435
+ .book-here-btn {
436
+ padding-left: 4px;
437
+ }
438
+
355
439
  .summary-component .card-header {
356
440
  display: flex;
357
441
  justify-content: center;
@@ -367,6 +451,7 @@ nav.disabled {
367
451
  border-top: 1px solid rgba(0,0,0,.125);
368
452
  border-bottom: 1px solid rgba(0,0,0,.125);
369
453
  margin: 16px 0;
454
+ flex-flow: column;
370
455
  }
371
456
 
372
457
  .summary-component .list-group-item {
@@ -404,6 +489,9 @@ nav.disabled {
404
489
  margin-left: 8px;
405
490
  }
406
491
 
492
+ .summary-component .campaign-name {
493
+ flex-flow: wrap;
494
+ }
407
495
  .confirmation-step-component .confirmation-step-confirm-icon {
408
496
  width: 38px;
409
497
  height: 38px;
@@ -425,12 +513,23 @@ nav.disabled {
425
513
  margin-right: 16px;
426
514
  }
427
515
 
428
- @media screen and (max-width: 768px) {
516
+ @media screen and (max-width: 767px) {
429
517
  .confirmation-step-confirmation {
430
518
  display: flex;
431
- flex-direction: column;
432
- align-items: center;
519
+ flex-direction: column;
520
+ align-items: center;
433
521
  }
434
522
  }
435
523
 
524
+ .modify-reservation-component .invalid-feedback {
525
+ display: block;
526
+ font-size: 16px;
527
+ font-weight: 700;
528
+ }
529
+
530
+ @media screen and (max-width: 767px) {
531
+ .modify-reservation-component .title {
532
+ font-size: 1.5rem;
533
+ }
534
+ }
436
535
 
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.12.0",
7
+ "version": "1.15.0",
8
8
  "scripts": {
9
9
  "start": "webpack-dev-server",
10
10
  "build": "cross-env NODE_ENV=production OUTPUT=library webpack --progress",