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