@recras/online-booking-js 2.0.6 → 2.1.0

package/dist/onlinebooking.js

@@ -3,74 +3,51 @@
 function _objectValues(obj) {
   var values = [];
   var keys = Object.keys(obj);
-
   for (var k = 0; k < keys.length; k++) values.push(obj[keys[k]]);
-
   return values;
 }
-
 function _objectEntries(obj) {
   var entries = [];
   var keys = Object.keys(obj);
-
   for (var k = 0; k < keys.length; k++) entries.push([keys[k], obj[keys[k]]]);
-
   return entries;
 }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /*******************************
 *  Recras integration library  *
-*  v 2.0.6                     *
+*  v 2.1.0                     *
 *******************************/
 var RecrasBooking = /*#__PURE__*/function () {
   function RecrasBooking() {
     var _this = this;
-
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
     _classCallCheck(this, RecrasBooking);
-
     this.datePicker = null;
     this.PAYMENT_DIRECT = 'mollie';
     this.PAYMENT_AFTERWARDS = 'factuur';
     this.RECRAS_INFINITY = 99999; // This is used instead of "true infinity" because JSON doesn't have infinity
 
     this.languageHelper = new RecrasLanguageHelper();
-
     if (!(options instanceof RecrasOptions)) {
       throw new Error(this.languageHelper.translate('ERR_OPTIONS_INVALID'));
     }
-
     this.options = options;
     this.eventHelper = new RecrasEventHelper();
     this.eventHelper.setAnalytics(this.options.getAnalytics());
@@ -78,15 +55,12 @@ var RecrasBooking = /*#__PURE__*/function () {
     var optionsPromise = this.languageHelper.setOptions(options);
     this.element = this.options.getElement();
     this.element.classList.add('recras-onlinebooking');
-
     this.fetchJson = function (url) {
       return RecrasHttpHelper.fetchJson(url, _this.error);
     };
-
     this.postJson = function (url, data) {
       return RecrasHttpHelper.postJson(_this.options.getApiBase() + url, data, _this.error.bind(_this));
     };
-
     if (this.options.getLocale()) {
       if (!RecrasLanguageHelper.isValid(this.options.getLocale())) {
         console.warn(this.languageHelper.translate('ERR_INVALID_LOCALE', {
@@ -96,21 +70,17 @@ var RecrasBooking = /*#__PURE__*/function () {
         this.languageHelper.setLocale(this.options.getLocale());
       }
     }
-
     if (this.options.getPreFilledAmounts()) {
       if (!this.options.isSinglePackage()) {
         console.warn(this.languageHelper.translate('ERR_AMOUNTS_NO_PACKAGE'));
       }
     }
-
     if (this.options.getPreFilledDate()) {
       this.prefillDateIfPossible();
     }
-
     if (this.options.getPreFilledTime()) {
       this.prefillTimeIfPossible();
     }
-
     RecrasCSSHelper.loadCSS('global');
     RecrasCSSHelper.loadCSS('booking');
     RecrasCSSHelper.loadCSS('pikaday');
@@ -125,45 +95,36 @@ var RecrasBooking = /*#__PURE__*/function () {
       return _this.getPackages();
     }).then(function (packages) {
       _this.loadingIndicatorHide();
-
       var pck = _this.options.getPackageId();
-
       if (_this.options.isSinglePackage()) {
         if (Array.isArray(pck)) {
           pck = pck[0];
         }
-
         return _this.changePackage(pck);
       } else if (Array.isArray(pck) && pck.length > 1) {
         packages = packages.filter(function (p) {
           return pck.includes(p.id);
         });
       }
-
       return _this.showPackages(packages);
     });
   }
-
-  _createClass(RecrasBooking, [{
+  return _createClass(RecrasBooking, [{
     key: "prefillDateIfPossible",
     value: function prefillDateIfPossible() {
       var date = new Date(this.options.getPreFilledDate());
-
       if (isNaN(date.getTime())) {
         console.warn(this.languageHelper.translate('ERR_INVALID_DATE'));
         return false;
       }
-
       if (date < new Date()) {
         console.warn(this.languageHelper.translate('ERR_DATE_PAST'));
         return false;
       }
-
       if (!this.options.isSinglePackage()) {
         console.warn(this.languageHelper.translate('ERR_DATE_NO_SINGLE_PACKAGE'));
         return false;
       }
-
       this.prefilledDate = date;
       return true;
     }
@@ -171,12 +132,10 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "prefillTimeIfPossible",
     value: function prefillTimeIfPossible() {
       var time = this.options.getPreFilledTime();
-
       if (!time.match(/^(2[0-3]|[01]?[0-9]):([0-5]?[0-9])$/)) {
         console.warn(this.languageHelper.translate('ERR_INVALID_TIME'));
         return false;
       }
-
       this.prefilledTime = time;
       return true;
     }
@@ -186,18 +145,14 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (this.shouldShowBookingSize(pack) && this.bookingSize() > 0) {
         return true;
       }
-
       var hasAtLeastOneProduct = false;
-
       for (var _i2 = 0, _this$getLinesNoBooki2 = this.getLinesNoBookingSize(pack); _i2 < _this$getLinesNoBooki2.length; _i2++) {
         var line = _this$getLinesNoBooki2[_i2];
         var lineEl = this.findElement("[data-package-id=\"".concat(line.id, "\"]"));
-
         if (lineEl && lineEl.value > 0) {
           hasAtLeastOneProduct = true;
         }
       }
-
       return hasAtLeastOneProduct;
     }
   }, {
@@ -206,33 +161,26 @@ var RecrasBooking = /*#__PURE__*/function () {
       for (var _i4 = 0, _this$getLinesNoBooki4 = this.getLinesNoBookingSize(pack); _i4 < _this$getLinesNoBooki4.length; _i4++) {
         var line = _this$getLinesNoBooki4[_i4];
         var lineEl = this.findElement("[data-package-id=\"".concat(line.id, "\"]"));
-
         if (!lineEl) {
           console.warn("Element for line ".concat(line.id, " not found"));
           return false;
         }
-
         var aantal = lineEl.value;
-
         if (aantal > 0 && aantal < line.aantal_personen) {
           return false;
         }
-
         if (aantal > 0 && line.min && aantal < line.min) {
           return false;
         }
-
         if (line.max && aantal > line.max) {
           return false;
         }
       }
-
       if (this.shouldShowBookingSize(pack) && this.bookingSize() > 0) {
         if (this.bookingSize() < this.bookingSizeMinimum(pack) || this.bookingSize() > this.bookingSizeMaximum(pack)) {
           return false;
         }
       }
-
       return this.hasAtLeastOneProduct(pack);
     }
   }, {
@@ -244,22 +192,18 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "applyVoucher",
     value: function applyVoucher(packageID, voucherCode) {
       var _this2 = this;
-
       if (!voucherCode) {
         this.setDiscountStatus(this.languageHelper.translate('VOUCHER_EMPTY'));
         return Promise.resolve(false);
       }
-
       if (this.appliedVouchers[voucherCode]) {
         this.setDiscountStatus(this.languageHelper.translate('VOUCHER_ALREADY_APPLIED'));
         return Promise.resolve(false);
       }
-
       if (!this.selectedDate) {
         this.setDiscountStatus(this.languageHelper.translate('DATE_INVALID'));
         return Promise.resolve(false);
       }
-
       return this.postJson('onlineboeking/controleervoucher', {
         arrangement_id: packageID,
         datum: RecrasDateHelper.datePartOnly(this.selectedDate),
@@ -267,15 +211,11 @@ var RecrasBooking = /*#__PURE__*/function () {
         vouchers: [voucherCode]
       }).then(function (json) {
         var result = json[voucherCode];
-
         if (!result.valid) {
           return Promise.resolve(false);
         }
-
         _this2.appliedVouchers[voucherCode] = result.processed;
-
         _this2.showTotalPrice();
-
         return true;
       });
     }
@@ -283,17 +223,13 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "recheckDiscountCode",
     value: function recheckDiscountCode() {
       var _this3 = this;
-
       this.checkDiscountcode(this.selectedPackage.id, RecrasDateHelper.datePartOnly(this.selectedDate), this.discount.code).then(function (status) {
         if (status) {
           _this3.setDiscountStatus(_this3.languageHelper.translate('DISCOUNT_APPLIED'), false);
         } else {
           _this3.discount = null;
-
           _this3.showTotalPrice();
-
           var statusEl = _this3.findElement('.discount-status');
-
           if (statusEl) {
             statusEl.parentNode.removeChild(statusEl);
           }
@@ -306,29 +242,23 @@ var RecrasBooking = /*#__PURE__*/function () {
       var voucherCodes = Object.keys(this.appliedVouchers);
       this.appliedVouchers = [];
       var promises = [];
-
       for (var _i6 = 0; _i6 < voucherCodes.length; _i6++) {
         var voucherCode = voucherCodes[_i6];
         promises.push(this.applyVoucher(this.selectedPackage.id, voucherCode));
       }
-
       return Promise.all(promises);
     }
   }, {
     key: "bookingSize",
     value: function bookingSize() {
       var bookingSizeEl = this.findElement('.bookingsize');
-
       if (!bookingSizeEl) {
         return 0;
       }
-
       var bookingSizeValue = parseInt(bookingSizeEl.value, 10);
-
       if (isNaN(bookingSizeValue)) {
         return 0;
       }
-
       return bookingSizeValue;
     }
   }, {
@@ -344,11 +274,9 @@ var RecrasBooking = /*#__PURE__*/function () {
       var lines = this.bookingSizeLines(pack).filter(function (line) {
         return line.max;
       });
-
       if (lines.length === 0) {
         return this.RECRAS_INFINITY;
       }
-
       var maxes = lines.map(function (line) {
         return line.max;
       });
@@ -360,18 +288,15 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (line.min) {
         return line.min;
       }
-
       if (line.onlineboeking_aantalbepalingsmethode === 'vast') {
         return 0;
       }
-
       return line.product.minimum_aantal;
     }
   }, {
     key: "bookingSizeMinimum",
     value: function bookingSizeMinimum(pack) {
       var _this4 = this;
-
       var minSize = 0;
       this.bookingSizeLines(pack).forEach(function (line) {
         minSize = Math.max(minSize, _this4.bookingSizeLineMinimum(line));
@@ -381,13 +306,13 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "amountFromPersons",
     value: function amountFromPersons(product, persons) {
-      return persons; //TODO: this doesn't work yet because public product API does not send:
-      // aantalbepaling, aantal, per_x_personen_afronding, per_x_personen
+      return persons;
 
+      //TODO: this doesn't work yet because public product API does not send:
+      // aantalbepaling, aantal, per_x_personen_afronding, per_x_personen
       if (product.aantalbepaling === 'vast') {
         return product.aantal;
       }
-
       var fn = product.per_x_personen_afronding === 'beneden' ? Math.floor : Math.ceil;
       return product.aantal * fn(persons / product.per_x_personen);
     }
@@ -395,7 +320,6 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "bookingSizePrice",
     value: function bookingSizePrice(pack) {
       var _this5 = this;
-
       var nrOfPersons = Math.max(pack.aantal_personen, 1);
       var price = 0;
       var lines = this.bookingSizeLines(pack);
@@ -408,11 +332,9 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "filterPackagesFromoptions",
     value: function filterPackagesFromoptions(packages) {
       var pck = this.options.getPackageId();
-
       if (!Array.isArray(pck)) {
         return packages;
       }
-
       return packages.filter(function (p) {
         return pck.includes(p.id);
       });
@@ -421,13 +343,11 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "changePackage",
     value: function changePackage(packageID) {
       var _this6 = this;
-
       var selectedPackage = this.packages.filter(function (p) {
         return p.id === packageID;
       });
       this.appliedVouchers = {};
       this.discount = null;
-
       if (selectedPackage.length === 0) {
         // Reset form
         this.selectedPackage = null;
@@ -443,33 +363,24 @@ var RecrasBooking = /*#__PURE__*/function () {
           item_id: selectedPackage[0].id
         });
       }
-
       this.selectedPackage = selectedPackage[0];
       return this.showProducts(this.selectedPackage).then(function () {
         _this6.nextSectionActive('.recras-package-select', '.recras-amountsform');
-
         _this6.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_PRODUCTS_SHOWN);
-
         if (_this6.options.getAutoScroll() === true) {
           var scrollOptions = {
             behavior: 'smooth'
           };
-
           if (!('scrollBehavior' in document.documentElement.style)) {
             scrollOptions = true;
           }
-
           _this6.findElement('.recras-amountsform').scrollIntoView(scrollOptions);
         }
-
         _this6.checkDependencies();
-
         _this6.loadingIndicatorShow(_this6.findElement('.recras-amountsform'));
-
         return _this6.showDateTimeSelection(_this6.selectedPackage);
       }).then(function () {
         _this6.loadingIndicatorHide();
-
         _this6.showContactForm(_this6.selectedPackage);
       });
     }
@@ -479,41 +390,32 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (!this.shouldShowBookingSize(pack)) {
         return;
       }
-
       var bookingSize = this.bookingSize();
       var bsMaximum = this.bookingSizeMaximum(pack);
       var bsMinimum = this.bookingSizeMinimum(pack);
-
       if (bookingSize < bsMinimum) {
         this.setMinMaxAmountWarning('bookingsize', bsMinimum, 'minimum');
       } else if (bookingSize > bsMaximum) {
         this.setMinMaxAmountWarning('bookingsize', bsMaximum, 'maximum');
       }
-
       this.maybeDisableBookButton();
     }
   }, {
     key: "checkDependencies",
     value: function checkDependencies() {
       var _this7 = this;
-
       _toConsumableArray(this.findElements('.recras-product-dependency')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       _toConsumableArray(this.findElements('[data-package-id]')).forEach(function (el) {
         el.classList.remove('recras-input-invalid');
       });
-
       this.requiresProduct = false;
       this.productCounts().forEach(function (line) {
         if (line.aantal > 0) {
           var packageLineID = line.arrangementsregel_id;
-
           var product = _this7.findProduct(packageLineID).product;
-
           var thisProductRequiresProduct = false;
-
           if (!product.vereist_product) {
             console.warn('You are logged in to this particular Recras. Because of API differences between logged-in and logged-out state, required products do not work as expected.');
           } else {
@@ -521,26 +423,20 @@ var RecrasBooking = /*#__PURE__*/function () {
               if (!_this7.dependencySatisfied(line.aantal, vp)) {
                 thisProductRequiresProduct = true;
                 _this7.requiresProduct = true;
-
                 var requiredAmount = _this7.requiredAmount(line.aantal, vp);
-
                 var requiredProductName = _this7.getProductByID(vp.vereist_product_id).weergavenaam;
-
                 var message = _this7.languageHelper.translate('PRODUCT_REQUIRED', {
                   NUM: line.aantal,
                   PRODUCT: product.weergavenaam,
                   REQUIRED_AMOUNT: requiredAmount,
                   REQUIRED_PRODUCT: requiredProductName
                 });
-
                 _this7.findElement('.recras-amountsform').insertAdjacentHTML('beforeend', "<span class=\"recras-product-dependency\">".concat(message, "</span>"));
               }
             });
           }
-
           if (thisProductRequiresProduct) {
             var productInput = _this7.findElement("[data-package-id=\"".concat(packageLineID, "\"]"));
-
             productInput.classList.add('recras-input-invalid');
           }
         }
@@ -551,27 +447,21 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "checkDiscountAndVoucher",
     value: function checkDiscountAndVoucher() {
       var _this8 = this;
-
       var discountPromise = this.checkDiscountcode(this.selectedPackage.id, RecrasDateHelper.datePartOnly(this.selectedDate), this.findElement('#discountcode').value.trim());
       var voucherPromise = this.applyVoucher(this.selectedPackage.id, this.findElement('#discountcode').value.trim());
       Promise.all([discountPromise, voucherPromise]).then(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
-            discountStatus = _ref2[0],
-            voucherStatus = _ref2[1];
-
+          discountStatus = _ref2[0],
+          voucherStatus = _ref2[1];
         if (discountStatus || voucherStatus) {
           var status;
-
           if (discountStatus) {
             status = 'DISCOUNT_APPLIED';
           } else {
             status = 'VOUCHER_APPLIED';
           }
-
           _this8.setDiscountStatus(_this8.languageHelper.translate(status), false);
-
           _this8.findElement('#discountcode').value = '';
-
           _this8.nextSectionActive('.recras-discounts', '.recras-contactform');
         } else {
           _this8.setDiscountStatus(_this8.languageHelper.translate('DISCOUNT_INVALID'));
@@ -582,42 +472,33 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "checkDiscountcode",
     value: function checkDiscountcode(packageID, date, code) {
       var _this9 = this;
-
       return this.fetchJson(this.options.getApiBase() + 'onlineboeking/controleerkortingscode' + '?datum=' + date + '&arrangement=' + packageID + '&kortingscode=' + encodeURIComponent(code)).then(function (discount) {
         if (discount === false) {
           return false;
         }
-
         discount.code = code;
         _this9.discount = discount;
-
         _this9.showTotalPrice();
-
         return true;
       });
     }
   }, {
     key: "checkMaximumForPackage",
     value: function checkMaximumForPackage() {
-      var _this10 = this;
-
+      var _this0 = this;
       var maxPerLine = this.selectedPackage.maximum_aantal_personen_online;
-
       if (maxPerLine === null) {
         return Promise.resolve(null);
       }
-
       var showWarning = false;
       var selectedProducts = this.productCounts();
       return this.languageHelper.filterTags(this.texts.maximum_aantal_online_boeking_overschreden, this.selectedPackage ? this.selectedPackage.id : null).then(function (msg) {
         selectedProducts.forEach(function (p) {
           if (p.aantal > maxPerLine && !showWarning) {
-            var input = _this10.findElement("[data-package-id=\"".concat(p.arrangementsregel_id, "\"]"));
-
+            var input = _this0.findElement("[data-package-id=\"".concat(p.arrangementsregel_id, "\"]"));
             if (!input) {
-              input = _this10.findElement('#bookingsize');
+              input = _this0.findElement('#bookingsize');
             }
-
             if (input) {
               var warningEl = document.createElement('div');
               warningEl.classList.add('maximum-amount');
@@ -626,9 +507,8 @@ var RecrasBooking = /*#__PURE__*/function () {
               input.parentNode.parentNode.insertBefore(warningEl, input.parentNode.nextSibling);
               input.classList.add('recras-input-invalid');
             } else {
-              _this10.findElement('.recras-amountsform').insertAdjacentHTML('beforeend', "<span class=\"maximum-amount\">".concat(msg, "</span>"));
+              _this0.findElement('.recras-amountsform').insertAdjacentHTML('beforeend', "<span class=\"maximum-amount\">".concat(msg, "</span>"));
             }
-
             showWarning = true;
           }
         });
@@ -648,15 +528,12 @@ var RecrasBooking = /*#__PURE__*/function () {
       var warnEl = document.createElement('span');
       warnEl.classList.add(type + '-amount');
       var lineEl = this.findElement("#".concat(lineID));
-
       if (!lineEl) {
         console.warn("Element for line ".concat(lineID, " not found"));
         return false;
       }
-
       lineEl.classList.add('recras-input-invalid');
       var text;
-
       if (type === 'minimum') {
         text = this.languageHelper.translate('PRODUCT_MINIMUM', {
           MINIMUM: minAmount
@@ -666,7 +543,6 @@ var RecrasBooking = /*#__PURE__*/function () {
           MAXIMUM: minAmount
         });
       }
-
       warnEl.innerHTML = text;
       var label = this.findElement("label[for=\"".concat(lineID, "\"]"));
       label.parentNode.appendChild(warnEl);
@@ -676,20 +552,16 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function checkMinMaxAmounts() {
       for (var _i8 = 0, _this$productCounts2 = this.productCounts(); _i8 < _this$productCounts2.length; _i8++) {
         var product = _this$productCounts2[_i8];
-
         if (product.aantal < 1) {
           continue;
         }
-
         var packageLineID = product.arrangementsregel_id;
         var packageLine = this.findProduct(packageLineID);
         var input = this.findElement("[data-package-id=\"".concat(packageLineID, "\"]"));
-
         if (!input) {
           // This is a "booking size" line - this is handled in checkBookingSize
           continue;
         }
-
         if (product.aantal < packageLine.product.minimum_aantal) {
           this.setMinMaxAmountWarning(input.id, packageLine.product.minimum_aantal, 'minimum');
         } else if (packageLine.min !== undefined && product.aantal < packageLine.min) {
@@ -708,12 +580,10 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "clearAllExceptPackageSelection",
     value: function clearAllExceptPackageSelection() {
       var packageSelect = this.findElement('.recras-package-select');
-
       if (packageSelect) {
         packageSelect.classList.remove('recras-completed');
         packageSelect.classList.add('recras-active');
       }
-
       var elements = document.querySelectorAll('#' + this.element.id + ' > *:not(.recras-package-select)');
       this.clearElements(elements);
     }
@@ -723,35 +593,27 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (this.datePicker) {
         this.datePicker.destroy();
       }
-
       this.availableDays = [];
-
       _toConsumableArray(elements).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       this.maybeAddLatestErrorElement();
     }
   }, {
     key: "dependencySatisfied",
     value: function dependencySatisfied(hasNow, requiredProduct) {
-      for (var _i10 = 0, _this$productCounts4 = this.productCounts(); _i10 < _this$productCounts4.length; _i10++) {
-        var line = _this$productCounts4[_i10];
-
+      for (var _i0 = 0, _this$productCounts4 = this.productCounts(); _i0 < _this$productCounts4.length; _i0++) {
+        var line = _this$productCounts4[_i0];
         if (line.aantal === 0) {
           continue;
         }
-
         var product = this.findProduct(line.arrangementsregel_id).product;
-
         if (product.id !== parseInt(requiredProduct.vereist_product_id, 10)) {
           continue;
         }
-
         var requiredAmount = this.requiredAmount(hasNow, requiredProduct);
         return line.aantal >= requiredAmount;
       }
-
       return false;
     }
   }, {
@@ -759,11 +621,9 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function error(msg) {
       this.loadingIndicatorHide();
       var bookingErrorsEl = this.findElement('#bookingErrors');
-
       if (bookingErrorsEl) {
         bookingErrorsEl.parentNode.appendChild(this.findElement('.latestError'));
       }
-
       this.maybeAddLatestErrorElement();
       this.findElement('.latestError').innerHTML = "<strong>".concat(this.languageHelper.translate('ERR_GENERAL'), "</strong><p>").concat(msg, "</p>");
     }
@@ -792,47 +652,42 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "getAvailableDays",
     value: function getAvailableDays(packageID, begin, end) {
-      var _this11 = this;
-
+      var _this1 = this;
       var postData = {
         arrangement_id: packageID,
         begin: RecrasDateHelper.datePartOnly(begin),
         eind: RecrasDateHelper.datePartOnly(end),
         producten: this.productCountsNoBookingSize()
       };
-
       if (this.shouldShowBookingSize(this.selectedPackage)) {
         postData.boekingsgrootte = this.bookingSize();
       }
-
       return this.postJson('onlineboeking/beschikbaredagen', postData).then(function (json) {
-        _this11.availableDays = _this11.availableDays.concat(json);
-        return _this11.availableDays;
+        _this1.availableDays = _this1.availableDays.concat(json);
+        return _this1.availableDays;
       });
     }
   }, {
     key: "getAvailableTimes",
     value: function getAvailableTimes(packageID, date) {
-      var _this12 = this;
-
+      var _this10 = this;
       return this.postJson('onlineboeking/beschikbaretijden', {
         arrangement_id: packageID,
         datum: RecrasDateHelper.datePartOnly(date),
         producten: this.productCounts()
       }).then(function (json) {
-        _this12.availableTimes = json;
-        return _this12.availableTimes;
+        _this10.availableTimes = json;
+        return _this10.availableTimes;
       });
     }
   }, {
     key: "getContactForm",
     value: function getContactForm(pack) {
-      var _this13 = this;
-
+      var _this11 = this;
       this.options.setOption('form_id', pack.onlineboeking_contactformulier_id);
       var contactForm = new RecrasContactForm(this.options);
       return contactForm.getContactFormFields().then(function () {
-        _this13.contactForm = contactForm;
+        _this11.contactForm = contactForm;
         return contactForm;
       });
     }
@@ -842,7 +697,6 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (!discount) {
         return 0;
       }
-
       return discount.percentage / 100 * this.getSubTotal() * -1;
     }
   }, {
@@ -862,11 +716,10 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "getPackages",
     value: function getPackages() {
-      var _this14 = this;
-
+      var _this12 = this;
       return this.fetchJson(this.options.getApiBase() + 'arrangementen').then(function (json) {
-        _this14.packages = json;
-        return _this14.packages;
+        _this12.packages = json;
+        return _this12.packages;
       });
     }
   }, {
@@ -882,18 +735,14 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "getSubTotal",
     value: function getSubTotal() {
-      var _this15 = this;
-
+      var _this13 = this;
       var total = 0;
       this.productCounts().forEach(function (line) {
-        var product = _this15.findProduct(line.arrangementsregel_id).product;
-
+        var product = _this13.findProduct(line.arrangementsregel_id).product;
         var aantal = line.aantal;
-
         if (isNaN(aantal)) {
           aantal = 0;
         }
-
         total += aantal * parseFloat(product.verkoop);
       });
       return total;
@@ -908,12 +757,10 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function getTexts() {
       var settings = ['maximum_aantal_online_boeking_overschreden', 'online_boeking_betaalkeuze', 'online_boeking_betaalkeuze_achteraf_titel', 'online_boeking_betaalkeuze_ideal_titel', 'online_boeking_step0_text_pre', 'online_boeking_step0_text_post', 'online_boeking_step1_text_pre', 'online_boeking_step1_text_post', 'online_boeking_step3_text_post'];
       var promises = [];
-
-      for (var _i12 = 0; _i12 < settings.length; _i12++) {
-        var setting = settings[_i12];
+      for (var _i10 = 0; _i10 < settings.length; _i10++) {
+        var setting = settings[_i10];
         promises.push(this.getSetting(setting));
       }
-
       return Promise.all(promises).then(function (settings) {
         var texts = {};
         settings.forEach(function (setting) {
@@ -934,13 +781,11 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "getVouchersPrice",
     value: function getVouchersPrice() {
       var voucherPrice = 0;
-
       _objectValues(this.appliedVouchers).forEach(function (voucher) {
         _objectValues(voucher).forEach(function (line) {
           voucherPrice -= line.aantal * line.prijs_per_stuk;
         });
       });
-
       return voucherPrice;
     }
   }, {
@@ -956,14 +801,12 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (!afterEl) {
         return;
       }
-
       afterEl.insertAdjacentHTML('beforeend', "<span class=\"recrasLoadingIndicator\">".concat(this.languageHelper.translate('LOADING'), "</span>"));
     }
   }, {
     key: "maybeAddLatestErrorElement",
     value: function maybeAddLatestErrorElement() {
       var errorEl = this.findElement('.latestError');
-
       if (!errorEl) {
         this.appendHtml("<div class=\"latestError\"></div>");
       }
@@ -971,45 +814,34 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "maybeDisableBookButton",
     value: function maybeDisableBookButton() {
-      var _this16 = this;
-
+      var _this14 = this;
       var button = this.findElement('.bookPackage');
-
       if (!button) {
         return false;
       }
-
       var bookingDisabledReasons = [];
-
       if (this.requiresProduct) {
         bookingDisabledReasons.push('BOOKING_DISABLED_REQUIRED_PRODUCT');
       }
-
       if (!this.amountsValid(this.selectedPackage)) {
         bookingDisabledReasons.push('BOOKING_DISABLED_AMOUNTS_INVALID');
       }
-
       if (!this.selectedDate) {
         bookingDisabledReasons.push('BOOKING_DISABLED_INVALID_DATE');
       }
-
       if (!this.selectedTime) {
         bookingDisabledReasons.push('BOOKING_DISABLED_INVALID_TIME');
       }
-
       if (!this.contactFormValid()) {
         bookingDisabledReasons.push('BOOKING_DISABLED_CONTACT_FORM_INVALID');
       }
-
       var agreeEl = this.findElement('#recrasAgreeToAttachments');
-
       if (agreeEl && !agreeEl.checked) {
         bookingDisabledReasons.push('BOOKING_DISABLED_AGREEMENT');
       }
-
       if (bookingDisabledReasons.length > 0) {
         var reasonsList = bookingDisabledReasons.map(function (reason) {
-          return _this16.languageHelper.translate(reason);
+          return _this14.languageHelper.translate(reason);
         }).join('<li>');
         this.findElement('#bookingErrors').innerHTML = "<ul><li>".concat(reasonsList, "</ul>");
         button.setAttribute('disabled', 'disabled');
@@ -1024,8 +856,9 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (completedQuery && this.findElement(completedQuery)) {
         this.findElement(completedQuery).classList.add('recras-completed');
         this.findElement(completedQuery).classList.remove('recras-active');
-      } //TODO: remove active from all sections? Test with invalid amount
+      }
 
+      //TODO: remove active from all sections? Test with invalid amount
 
       if (activeQuery && this.findElement(activeQuery)) {
         this.findElement(activeQuery).classList.add('recras-active');
@@ -1042,49 +875,39 @@ var RecrasBooking = /*#__PURE__*/function () {
     key: "paymentMethods",
     value: function paymentMethods(pack) {
       var methods = [];
-
       if (pack.mag_online_geboekt_worden_direct_betalen) {
         methods.push(this.PAYMENT_DIRECT);
       }
-
       if (pack.mag_online_geboekt_worden_achteraf_betalen) {
         methods.push(this.PAYMENT_AFTERWARDS);
       }
-
       return methods;
     }
   }, {
     key: "preFillAmounts",
     value: function preFillAmounts(amounts) {
-      var _this17 = this;
-
+      var _this15 = this;
       _objectEntries(amounts).forEach(function (idAmount) {
         var el;
-
         if (idAmount[0] === 'bookingsize') {
-          el = _this17.findElement('#bookingsize');
+          el = _this15.findElement('#bookingsize');
         } else {
-          el = _this17.findElement("[data-package-id=\"".concat(idAmount[0], "\"]"));
+          el = _this15.findElement("[data-package-id=\"".concat(idAmount[0], "\"]"));
         }
-
         if (el) {
           el.value = idAmount[1];
-
-          _this17.updateProductPrice(el);
+          _this15.updateProductPrice(el);
         }
       });
-
       this.updateProductAmounts();
     }
   }, {
     key: "previewTimes",
     value: function previewTimes() {
-      var _this18 = this;
-
+      var _this16 = this;
       _toConsumableArray(this.findElements('.time-preview')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       if (this.selectedTime) {
         var linesWithTime = this.selectedPackage.regels.filter(function (line) {
           return !!line.begin;
@@ -1097,11 +920,9 @@ var RecrasBooking = /*#__PURE__*/function () {
         var linesNoBookingSize = this.getLinesNoBookingSize(this.selectedPackage);
         linesNoBookingSize.forEach(function (line, idx) {
           if (line.begin !== null || line.eind !== null) {
-            var normalisedStart = _this18.normaliseDate(new Date(line.begin), packageStart, _this18.selectedDate);
-
-            var normalisedEnd = _this18.normaliseDate(new Date(line.eind), packageStart, _this18.selectedDate);
-
-            _this18.findElement("label[for=\"packageline".concat(idx, "\"]")).insertAdjacentHTML('afterbegin', "<span class=\"time-preview\">".concat(RecrasDateHelper.timePartOnly(normalisedStart), " \u2013 ").concat(RecrasDateHelper.timePartOnly(normalisedEnd), "</span>"));
+            var normalisedStart = _this16.normaliseDate(new Date(line.begin), packageStart, _this16.selectedDate);
+            var normalisedEnd = _this16.normaliseDate(new Date(line.eind), packageStart, _this16.selectedDate);
+            _this16.findElement("label[for=\"packageline".concat(idx, "\"]")).insertAdjacentHTML('afterbegin', "<span class=\"time-preview\">".concat(RecrasDateHelper.timePartOnly(normalisedStart), " \u2013 ").concat(RecrasDateHelper.timePartOnly(normalisedEnd), "</span>"));
           }
         });
       }
@@ -1109,11 +930,10 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "productCountsBookingSize",
     value: function productCountsBookingSize() {
-      var _this19 = this;
-
+      var _this17 = this;
       return this.getLinesBookingSize(this.selectedPackage).map(function (line) {
         return {
-          aantal: _this19.bookingSize(),
+          aantal: _this17.bookingSize(),
           arrangementsregel_id: line.id
         };
       });
@@ -1142,23 +962,20 @@ var RecrasBooking = /*#__PURE__*/function () {
       _toConsumableArray(this.findElements('.booking-error:not(#bookingErrors)')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       _toConsumableArray(this.findElements('.minimum-amount')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       _toConsumableArray(this.findElements('.maximum-amount')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       _toConsumableArray(this.findElements('.recras-input-invalid')).forEach(function (el) {
         el.classList.remove('recras-input-invalid');
       });
-
       _toConsumableArray(this.findElements('.recras-success')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
     }
+
     /**
      * requiredAmount calculates the amount N needed of Y in the sentence 'product X requires N times product Y'
      *
@@ -1169,18 +986,15 @@ var RecrasBooking = /*#__PURE__*/function () {
      * @param {"boven"|"beneden"} requiredProduct.afronding Indication of how hasNow / per_x_aantal should be rounded ("boven" will round up, "beneden" will round down)
      * @return {number} The amount of product Y needed
      */
-
   }, {
     key: "requiredAmount",
     value: function requiredAmount(hasNow, requiredProduct) {
       var requiredFraction = hasNow / requiredProduct.per_x_aantal;
-
       if (requiredProduct.afronding === 'boven') {
         requiredFraction = Math.ceil(requiredFraction);
       } else {
         requiredFraction = Math.floor(requiredFraction);
       }
-
       return requiredProduct.aantal * requiredFraction;
     }
   }, {
@@ -1194,7 +1008,6 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (this.findElements('#recras-onlinebooking-time option[value]').length !== 1) {
         return;
       }
-
       this.findElement('#recras-onlinebooking-time option[value]').selected = true;
       this.findElement('#recras-onlinebooking-time').dispatchEvent(new Event('change'));
     }
@@ -1203,18 +1016,15 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function setDiscountStatus(statusText) {
       var isError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var statusEl = this.findElement('.discount-status');
-
       if (!statusEl) {
         this.element.querySelector('.recras-discounts').insertAdjacentHTML('beforeend', "<span class=\"discount-status\"></span>");
         statusEl = this.findElement('.discount-status');
       }
-
       if (isError) {
         statusEl.classList.add('booking-error');
       } else {
         statusEl.classList.remove('booking-error');
       }
-
       statusEl.innerHTML = statusText;
     }
   }, {
@@ -1228,24 +1038,18 @@ var RecrasBooking = /*#__PURE__*/function () {
       if (!this.selectedPackage || !this.findElement('.standard-attachments')) {
         return true;
       }
-
       var attachments = this.standardAttachments(this.selectedPackage);
       var attachmentHtml = "";
-
       if (Object.keys(attachments).length) {
         attachmentHtml += "<p><label><input type=\"checkbox\" id=\"recrasAgreeToAttachments\" required>".concat(this.languageHelper.translate('AGREE_ATTACHMENTS'), "</label></p>");
         attachmentHtml += "<ul>";
-
         _objectValues(attachments).forEach(function (attachment) {
           attachmentHtml += "<li><a href=\"".concat(attachment.filename, "\" download target=\"_blank\">").concat(attachment.naam, "</a></li>");
         });
-
         attachmentHtml += "</ul>";
       }
-
       this.findElement('.standard-attachments').innerHTML = attachmentHtml;
       var agreeEl = this.findElement('#recrasAgreeToAttachments');
-
       if (agreeEl) {
         agreeEl.addEventListener('change', this.maybeDisableBookButton.bind(this));
       }
@@ -1256,29 +1060,21 @@ var RecrasBooking = /*#__PURE__*/function () {
       _toConsumableArray(this.findElements('.discountLine, .voucherLine, .priceWithDiscount')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       var html = "";
-
       if (this.discount) {
         html += "<div class=\"discountLine\"><div>".concat(this.discount.naam, "</div><div>").concat(this.formatPrice(this.getDiscountPrice(this.discount)), "</div></div>");
       }
-
       if (Object.keys(this.appliedVouchers).length) {
         html += "<div class=\"voucherLine\"><div>".concat(this.languageHelper.translate('VOUCHERS_DISCOUNT'), "</div><div>").concat(this.formatPrice(this.getVouchersPrice()), "</div></div>");
       }
-
       if (this.discount || Object.keys(this.appliedVouchers).length) {
         html += "<div class=\"priceWithDiscount\"><div>".concat(this.languageHelper.translate('PRICE_TOTAL_WITH_DISCOUNT'), "</div><div>").concat(this.formatPrice(this.getTotalPrice()), "</div></div>");
       }
-
       var elementToInsertBefore = this.findElement('.recras-amountsform p:last-of-type');
-
       if (elementToInsertBefore) {
         elementToInsertBefore.insertAdjacentHTML('beforebegin', html);
       }
-
       var subtotalEl = this.findElement('.priceSubtotal');
-
       if (subtotalEl) {
         subtotalEl.innerHTML = this.formatPrice(this.getSubTotal());
       }
@@ -1291,15 +1087,12 @@ var RecrasBooking = /*#__PURE__*/function () {
       return packages.sort(function (a, b) {
         var aName = a.weergavenaam || a.arrangement;
         var bName = b.weergavenaam || b.arrangement;
-
         if (aName < bName) {
           return -1;
         }
-
         if (aName > bName) {
           return 1;
         }
-
         return 0;
       });
     }
@@ -1311,13 +1104,11 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "showBookButton",
     value: function showBookButton() {
-      var _this20 = this;
-
+      var _this18 = this;
       var promises = [];
       var paymentMethods = this.paymentMethods(this.selectedPackage);
       var paymentText = '';
       var textPostBooking = '';
-
       if (paymentMethods.indexOf(this.PAYMENT_DIRECT) > -1 && paymentMethods.indexOf(this.PAYMENT_AFTERWARDS) > -1) {
         // Let user decide how to pay
         promises.push(this.languageHelper.filterTags(this.texts.online_boeking_betaalkeuze, this.selectedPackage ? this.selectedPackage.id : null));
@@ -1325,71 +1116,56 @@ var RecrasBooking = /*#__PURE__*/function () {
         promises.push(this.languageHelper.filterTags(this.texts.online_boeking_betaalkeuze_achteraf_titel, this.selectedPackage ? this.selectedPackage.id : null));
         Promise.all(promises).then(function (msgs) {
           paymentText = "<p>".concat(msgs[0], "</p>");
-          paymentText += "<ul>\n                <li><label><input type=\"radio\" name=\"paymentMethod\" checked value=\"".concat(_this20.PAYMENT_DIRECT, "\"> ").concat(msgs[1], "</label>\n                <li><label><input type=\"radio\" name=\"paymentMethod\" value=\"").concat(_this20.PAYMENT_AFTERWARDS, "\"> ").concat(msgs[2], "</label>\n            </ul>");
+          paymentText += "<ul>\n                <li><label><input type=\"radio\" name=\"paymentMethod\" checked value=\"".concat(_this18.PAYMENT_DIRECT, "\"> ").concat(msgs[1], "</label>\n                <li><label><input type=\"radio\" name=\"paymentMethod\" value=\"").concat(_this18.PAYMENT_AFTERWARDS, "\"> ").concat(msgs[2], "</label>\n            </ul>");
         });
       } else {
         // One fixed choice
         promises.push(Promise.resolve(''));
       }
-
       promises.push(this.languageHelper.filterTags(this.texts.online_boeking_step3_text_post, this.selectedPackage ? this.selectedPackage.id : null).then(function (msg) {
         textPostBooking = msg;
       }));
       Promise.all(promises).then(function () {
-        var html = "<div class=\"recras-finalise\">\n                <p>".concat(textPostBooking, "</p>\n                <div class=\"standard-attachments\"></div>\n                ").concat(paymentText, "\n                <button type=\"submit\" class=\"bookPackage\" disabled>").concat(_this20.languageHelper.translate('BUTTON_BOOK_NOW'), "</button>\n                <div class=\"booking-error\" id=\"bookingErrors\"></div>\n            </div>");
-
-        _this20.appendHtml(html);
-
-        _this20.findElement('.bookPackage').addEventListener('click', _this20.submitBooking.bind(_this20));
-
-        _this20.maybeDisableBookButton();
-
-        _this20.updateProductAmounts();
+        var html = "<div class=\"recras-finalise\">\n                <p>".concat(textPostBooking, "</p>\n                <div class=\"standard-attachments\"></div>\n                ").concat(paymentText, "\n                <button type=\"submit\" class=\"bookPackage\" disabled>").concat(_this18.languageHelper.translate('BUTTON_BOOK_NOW'), "</button>\n                <div class=\"booking-error\" id=\"bookingErrors\"></div>\n            </div>");
+        _this18.appendHtml(html);
+        _this18.findElement('.bookPackage').addEventListener('click', _this18.submitBooking.bind(_this18));
+        _this18.maybeDisableBookButton();
+        _this18.updateProductAmounts();
       });
     }
   }, {
     key: "showDiscountFields",
     value: function showDiscountFields() {
-      var _this21 = this;
-
+      var _this19 = this;
       var existingEl = this.findElement('.recras-discounts');
-
       if (existingEl) {
         existingEl.parentNode.removeChild(existingEl);
       }
-
       var html = "\n            <form class=\"recras-discounts\">\n                <div>\n                    <label for=\"discountcode\">".concat(this.languageHelper.translate('DISCOUNT_TITLE'), "</label>\n                    <input type=\"text\" id=\"discountcode\" class=\"discountcode\" maxlength=\"50\" disabled>\n                </div>\n                <button type=\"submit\" class=\"button-secondary\">").concat(this.languageHelper.translate('DISCOUNT_CHECK'), "</button>\n            </form>\n        ");
       this.findElement('.recras-datetime').insertAdjacentHTML('afterend', html);
       this.findElement('.recras-discounts').addEventListener('submit', function (e) {
         e.preventDefault();
-
-        _this21.checkDiscountAndVoucher();
-
+        _this19.checkDiscountAndVoucher();
         return false;
       });
     }
   }, {
     key: "showContactForm",
     value: function showContactForm(pack) {
-      var _this22 = this;
-
+      var _this20 = this;
       this.loadingIndicatorShow(this.findElement('.recras-datetime'));
       this.getContactForm(pack).then(function (form) {
         return form.generateForm();
       }).then(function (html) {
-        _this22.appendHtml(html);
-
-        _this22.loadingIndicatorHide();
-
-        _this22.showBookButton();
-
-        _this22.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_CONTACT_FORM_SHOWN);
-
-        _toConsumableArray(_this22.findElements('[name^="contactformulier"]')).forEach(function (el) {
-          el.addEventListener('input', _this22.maybeDisableBookButton.bind(_this22));
+        _this20.appendHtml(html);
+        _this20.loadingIndicatorHide();
+        _this20.showBookButton();
+        _this20.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_CONTACT_FORM_SHOWN);
+        _toConsumableArray(_this20.findElements('[name^="contactformulier"]')).forEach(function (el) {
+          el.addEventListener('input', _this20.maybeDisableBookButton.bind(_this20));
           el.addEventListener('input', function () {
-            if (_this22.contactFormValid()) {
-              _this22.nextSectionActive('.recras-contactform', '.recras-finalise');
+            if (_this20.contactFormValid()) {
+              _this20.nextSectionActive('.recras-contactform', '.recras-finalise');
             }
           });
         });
@@ -1403,45 +1179,36 @@ var RecrasBooking = /*#__PURE__*/function () {
       });
       this.showTimes(times);
       this.loadingIndicatorHide();
-
       if (!this.prefilledTime) {
         this.selectSingleTime();
         return;
       }
-
       if (times.includes(this.prefilledTime)) {
         this.selectTime(this.prefilledTime);
         this.selectedDate = RecrasDateHelper.setTimeForDate(this.selectedDate, this.selectedTime);
-
         if (this.options.getPreviewTimes() === true) {
           this.previewTimes();
         }
-
         return;
       }
-
       this.toggleTimeField('show');
     }
   }, {
     key: "calendarOnDateSelect",
     value: function calendarOnDateSelect(date, packageId) {
-      var _this23 = this;
-
+      var _this21 = this;
       this.removeWarnings();
       this.loadingIndicatorShow(this.findElement('label[for="recras-onlinebooking-time"]'));
       this.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_DATE_SELECTED, RecrasDateHelper.datePartOnly(date));
       this.selectedDate = date;
-
       if (this.hasAtLeastOneProduct(this.selectedPackage)) {
         this.getAvailableTimes(packageId, date).then(function (times) {
-          return _this23.maybeFillTime(times);
+          return _this21.maybeFillTime(times);
         });
       }
-
       if (this.discount && this.discount.code) {
         this.recheckDiscountCode();
       }
-
       this.findElement('#discountcode').removeAttribute('disabled');
       this.maybeDisableBookButton();
     }
@@ -1453,17 +1220,14 @@ var RecrasBooking = /*#__PURE__*/function () {
       var lastAvailableDay = this.availableDays.reduce(function (acc, curVal) {
         return curVal > acc ? curVal : acc;
       }, '');
-
       if (!lastAvailableDay) {
         lastAvailableDay = new Date();
       } else {
         lastAvailableDay = new Date(lastAvailableDay);
       }
-
       if (lastAvailableDay > lastDay) {
         return;
       }
-
       var newEndDate = RecrasDateHelper.clone(lastAvailableDay);
       newEndDate.setFullYear(lastMonthYear.year);
       newEndDate.setMonth(lastMonthYear.month + 3);
@@ -1488,66 +1252,53 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "showDateTimeSelection",
     value: function showDateTimeSelection(pack) {
-      var _this24 = this;
-
+      var _this22 = this;
       this.addDateTimeSelectionHtml();
       this.showDiscountFields();
-
       if (this.prefilledDate) {
         this.toggleDateField('hide');
         this.calendarOnDateSelect(this.prefilledDate, pack.id);
       }
-
       if (this.prefilledTime) {
         this.toggleTimeField('hide');
       }
-
       if (this.prefilledDate && this.prefilledTime) {
         this.findElement('.recras-datetime').classList.add('recrasHidden');
       }
-
       if (this.options.getPreFilledAmounts()) {
         this.preFillAmounts(this.options.getPreFilledAmounts());
       }
-
       var pikadayOptions = _extends(RecrasCalendarHelper.defaultOptions(), {
         disableDayFn: function disableDayFn(day) {
           var dateFmt = RecrasDateHelper.datePartOnly(day);
-          return _this24.availableDays.indexOf(dateFmt) === -1;
+          return _this22.availableDays.indexOf(dateFmt) === -1;
         },
         field: this.findElement('.recras-onlinebooking-date'),
         i18n: RecrasCalendarHelper.i18n(this.languageHelper),
         onDraw: function onDraw(pika) {
-          return _this24.calendarOnDraw(pika, pack.id);
+          return _this22.calendarOnDraw(pika, pack.id);
         },
         onSelect: function onSelect(date) {
-          return _this24.calendarOnDateSelect(date, pack.id);
+          return _this22.calendarOnDateSelect(date, pack.id);
         },
         parse: RecrasDateHelper.parseMDY
       });
-
       this.datePicker = new Pikaday(pikadayOptions);
       this.findElement('.recras-onlinebooking-time').addEventListener('change', function () {
-        _this24.selectTime(_this24.findElement('.recras-onlinebooking-time').value);
-
-        _this24.nextSectionActive('.recras-datetime', '.recras-discounts');
-
-        _this24.nextSectionActive(null, '.recras-contactform');
-
-        _this24.selectedDate = RecrasDateHelper.setTimeForDate(_this24.selectedDate, _this24.selectedTime);
-
-        if (_this24.options.getPreviewTimes() === true) {
-          _this24.previewTimes();
+        _this22.selectTime(_this22.findElement('.recras-onlinebooking-time').value);
+        _this22.nextSectionActive('.recras-datetime', '.recras-discounts');
+        _this22.nextSectionActive(null, '.recras-contactform');
+        _this22.selectedDate = RecrasDateHelper.setTimeForDate(_this22.selectedDate, _this22.selectedTime);
+        if (_this22.options.getPreviewTimes() === true) {
+          _this22.previewTimes();
         }
-
-        _this24.maybeDisableBookButton();
+        _this22.maybeDisableBookButton();
       });
     }
   }, {
     key: "showPackages",
     value: function showPackages(packages) {
-      var _this25 = this;
-
+      var _this23 = this;
       packages = packages.filter(function (p) {
         return p.mag_online;
       });
@@ -1560,59 +1311,49 @@ var RecrasBooking = /*#__PURE__*/function () {
       promises.push(this.languageHelper.filterTags(this.texts.online_boeking_step0_text_pre, this.selectedPackage ? this.selectedPackage.id : null));
       promises.push(this.languageHelper.filterTags(this.texts.online_boeking_step0_text_post, this.selectedPackage ? this.selectedPackage.id : null));
       return Promise.all(promises).then(function (msgs) {
-        _this25.appendHtml("<div class=\"recras-package-select recras-active\"><p>".concat(msgs[0], "</p>").concat(html, "<p>\n").concat(msgs[1], "</p></div>"));
-
-        _this25.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_PACKAGES_SHOWN);
-
-        var packageSelectEl = _this25.findElement('.recras-package-selection');
-
+        _this23.appendHtml("<div class=\"recras-package-select recras-active\"><p>".concat(msgs[0], "</p>").concat(html, "<p>\n").concat(msgs[1], "</p></div>"));
+        _this23.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_PACKAGES_SHOWN);
+        var packageSelectEl = _this23.findElement('.recras-package-selection');
         packageSelectEl.addEventListener('change', function () {
           var selectedPackageId = parseInt(packageSelectEl.value, 10);
-
-          _this25.changePackage(selectedPackageId);
+          _this23.changePackage(selectedPackageId);
         });
       });
     }
   }, {
     key: "showProducts",
     value: function showProducts(pack) {
-      var _this26 = this;
-
+      var _this24 = this;
       var promises = [];
       promises.push(this.languageHelper.filterTags(this.texts.online_boeking_step1_text_pre, this.selectedPackage ? this.selectedPackage.id : null));
       promises.push(this.languageHelper.filterTags(this.texts.online_boeking_step1_text_post, this.selectedPackage ? this.selectedPackage.id : null));
       return Promise.all(promises).then(function (msgs) {
         var html = '<form class="recras-amountsform" onsubmit="return false">';
         html += "<p>".concat(msgs[0], "</p>");
-        html += "<div class=\"recras-heading\">\n                <div>&nbsp;</div>\n                <div>".concat(_this26.languageHelper.translate('HEADING_QUANTITY'), "</div>\n                <div class=\"recras-price\">").concat(_this26.languageHelper.translate('HEADING_PRICE'), "</div>\n            </div>");
-
-        if (_this26.shouldShowBookingSize(pack)) {
+        html += "<div class=\"recras-heading\">\n                <div>&nbsp;</div>\n                <div>".concat(_this24.languageHelper.translate('HEADING_QUANTITY'), "</div>\n                <div class=\"recras-price\">").concat(_this24.languageHelper.translate('HEADING_PRICE'), "</div>\n            </div>");
+        if (_this24.shouldShowBookingSize(pack)) {
           html += "<div>";
           html += "<div><label for=\"bookingsize\">".concat(pack.weergavenaam || pack.arrangement, "</label></div>");
-          html += "<input type=\"number\" id=\"bookingsize\" class=\"bookingsize\" min=\"".concat(_this26.bookingSizeMinimum(pack), "\" max=\"").concat(_this26.bookingSizeMaximum(pack), "\" placeholder=\"0\" data-price=\"").concat(_this26.bookingSizePrice(pack), "\">");
-          html += "<div class=\"recras-price recrasUnitPrice\">".concat(_this26.formatPrice(_this26.bookingSizePrice(pack)), "</div>");
+          html += "<input type=\"number\" id=\"bookingsize\" class=\"bookingsize\" min=\"".concat(_this24.bookingSizeMinimum(pack), "\" max=\"").concat(_this24.bookingSizeMaximum(pack), "\" placeholder=\"0\" data-price=\"").concat(_this24.bookingSizePrice(pack), "\">");
+          html += "<div class=\"recras-price recrasUnitPrice\">".concat(_this24.formatPrice(_this24.bookingSizePrice(pack)), "</div>");
           html += "</div>";
         }
-
-        var linesNoBookingSize = _this26.getLinesNoBookingSize(pack);
-
+        var linesNoBookingSize = _this24.getLinesNoBookingSize(pack);
         linesNoBookingSize.forEach(function (line, idx) {
           html += '<div><div>';
           html += "<label for=\"packageline".concat(idx, "\">").concat(line.beschrijving_templated, "</label>");
           var maxAttr = line.max ? "max=\"".concat(line.max, "\"") : '';
           html += "</div><input id=\"packageline".concat(idx, "\" type=\"number\" min=\"0\" ").concat(maxAttr, " placeholder=\"0\" data-package-id=\"").concat(line.id, "\" data-price=\"").concat(line.product.verkoop, "\">");
-          html += "<div class=\"recras-price recrasUnitPrice\">".concat(_this26.formatPrice(line.product.verkoop), "</div>");
+          html += "<div class=\"recras-price recrasUnitPrice\">".concat(_this24.formatPrice(line.product.verkoop), "</div>");
           html += '</div>';
         });
-        html += "<div class=\"priceWithoutDiscount\">\n                <div>".concat(_this26.languageHelper.translate('PRICE_TOTAL'), "</div>\n                <div></div>\n                <div class=\"priceSubtotal\"></div>\n            </div>");
+        html += "<div class=\"priceWithoutDiscount\">\n                <div>".concat(_this24.languageHelper.translate('PRICE_TOTAL'), "</div>\n                <div></div>\n                <div class=\"priceSubtotal\"></div>\n            </div>");
         html += "<p>".concat(msgs[1], "</p>");
         html += '</form>';
-
-        _this26.appendHtml(html);
-
-        _toConsumableArray(_this26.findElements('[id^="packageline"], .bookingsize')).forEach(function (el) {
-          el.addEventListener('input', _this26.updateProductAmounts.bind(_this26));
-          el.addEventListener('input', _this26.updateProductPrice.bind(_this26, el));
+        _this24.appendHtml(html);
+        _toConsumableArray(_this24.findElements('[id^="packageline"], .bookingsize')).forEach(function (el) {
+          el.addEventListener('input', _this24.updateProductAmounts.bind(_this24));
+          el.addEventListener('input', _this24.updateProductPrice.bind(_this24, el));
         });
       });
     }
@@ -1625,7 +1366,6 @@ var RecrasBooking = /*#__PURE__*/function () {
       });
       this.findElement('.recras-onlinebooking-time').innerHTML = html;
       this.findElement('.recras-onlinebooking-time').removeAttribute('disabled');
-
       if (times.length === 0) {
         this.findElement('.recras-datetime').insertAdjacentHTML('afterend', "<div class=\"booking-error\">".concat(this.languageHelper.translate('ERR_NO_TIMES_FOR_DATE'), "</div>"));
       }
@@ -1639,18 +1379,14 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "standardAttachments",
     value: function standardAttachments() {
-      var _this27 = this;
-
+      var _this25 = this;
       var attachments = {};
-
       if (!this.selectedPackage.onlineboeking_standaardbijlagen_meesturen) {
         return attachments;
       }
-
       this.productCounts().forEach(function (line) {
         if (line.aantal > 0) {
-          var product = _this27.findProduct(line.arrangementsregel_id).product;
-
+          var product = _this25.findProduct(line.arrangementsregel_id).product;
           if (product.standaardbijlagen) {
             product.standaardbijlagen.forEach(function (attachment) {
               attachments[attachment.id] = attachment;
@@ -1663,10 +1399,8 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "formatGA4Items",
     value: function formatGA4Items() {
-      var _this28 = this;
-
+      var _this26 = this;
       var items = [];
-
       if (this.bookingSize() > 0) {
         var pck = this.selectedPackage;
         items.push({
@@ -1675,24 +1409,19 @@ var RecrasBooking = /*#__PURE__*/function () {
           quantity: this.bookingSize()
         });
       }
-
       var linesNoBookingSize = this.getLinesNoBookingSize(this.selectedPackage);
       linesNoBookingSize = linesNoBookingSize.filter(function (line) {
-        var lineEl = _this28.findElement("[data-package-id=\"".concat(line.id, "\"]"));
-
+        var lineEl = _this26.findElement("[data-package-id=\"".concat(line.id, "\"]"));
         if (!lineEl) {
           return false;
         }
-
         if (isNaN(parseInt(lineEl.value))) {
           return false;
         }
-
         return parseInt(lineEl.value) > 0;
       });
       linesNoBookingSize = linesNoBookingSize.map(function (line) {
-        var lineEl = _this28.findElement("[data-package-id=\"".concat(line.id, "\"]"));
-
+        var lineEl = _this26.findElement("[data-package-id=\"".concat(line.id, "\"]"));
         return {
           item_name: line.beschrijving_templated,
           price: line.product.verkoop,
@@ -1705,42 +1434,33 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "submitBooking",
     value: function submitBooking() {
-      var _this29 = this;
-
+      var _this27 = this;
       var productCounts = this.productCounts().map(function (line) {
         return line.aantal;
       });
       var productSum = productCounts.reduce(function (a, b) {
         return a + b;
       }, 0);
-
       if (this.bookingSize() === 0 && productSum === 0) {
         this.error(this.languageHelper.translate('NO_PRODUCTS'));
         return false;
       }
-
       var status = this.contactForm.checkRequiredCheckboxes();
-
       if (!status) {
         return false;
       }
-
       this.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_BOOKING_SUBMITTED, this.selectedPackage.arrangement, Math.round(this.getTotalPrice()));
       var paymentMethod = this.paymentMethods(this.selectedPackage)[0];
       var paymentMethodEl = this.findElement('[name="paymentMethod"]:checked');
-
       if (paymentMethodEl && this.validPaymentMethod(this.selectedPackage, paymentMethodEl.value)) {
         paymentMethod = paymentMethodEl.value;
       }
-
       this.loadingIndicatorHide();
       this.loadingIndicatorShow(this.findElement('.bookPackage'));
       var elem;
-
       if (null !== (elem = this.findElement('.bookPackage'))) {
         elem.setAttribute('disabled', 'disabled');
       }
-
       var vouchers = Object.keys(this.appliedVouchers).length > 0 ? Object.keys(this.appliedVouchers) : null;
       var bookingParams = {
         arrangement_id: this.selectedPackage.id,
@@ -1753,45 +1473,35 @@ var RecrasBooking = /*#__PURE__*/function () {
         stuur_bevestiging_email: true,
         vouchers: vouchers
       };
-
       if (this.shouldShowBookingSize(this.selectedPackage)) {
         bookingParams.boekingsgrootte = this.bookingSize();
       }
-
       if (this.options.getRedirectUrl()) {
         bookingParams.redirect_url = this.options.getRedirectUrl();
       }
-
       return this.postJson('onlineboeking/reserveer', bookingParams).then(function (json) {
         if (json.payment_url) {
-          _this29.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_REDIRECT_PAYMENT, null, Math.round(_this29.getTotalPrice()), {
-            currency: _this29.languageHelper.currency,
-            value: _this29.getTotalPrice(),
-            items: _this29.formatGA4Items()
+          _this27.eventHelper.sendEvent(RecrasEventHelper.PREFIX_BOOKING, RecrasEventHelper.EVENT_BOOKING_REDIRECT_PAYMENT, null, Math.round(_this27.getTotalPrice()), {
+            currency: _this27.languageHelper.currency,
+            value: _this27.getTotalPrice(),
+            items: _this27.formatGA4Items()
           });
-
           window.top.location.href = json.payment_url;
         } else if (json.redirect) {
           window.top.location.href = json.redirect;
         } else if (json.message && json.status) {
-          _this29.findElement('.recras-amountsform').reset();
-
-          _this29.findElement('.recras-datetime').reset();
-
-          _this29.findElement('.recras-contactform').reset();
-
-          _this29.element.scrollIntoView({
+          _this27.findElement('.recras-amountsform').reset();
+          _this27.findElement('.recras-datetime').reset();
+          _this27.findElement('.recras-contactform').reset();
+          _this27.element.scrollIntoView({
             behavior: 'smooth'
           });
-
-          _this29.element.insertAdjacentHTML('afterbegin', "<p class=\"recras-success\">".concat(json.message, "</p>"));
+          _this27.element.insertAdjacentHTML('afterbegin', "<p class=\"recras-success\">".concat(json.message, "</p>"));
         } else {
           console.log(json);
         }
-
-        _this29.loadingIndicatorHide();
-
-        _this29.findElement('.bookPackage').removeAttribute('disabled');
+        _this27.loadingIndicatorHide();
+        _this27.findElement('.bookPackage').removeAttribute('disabled');
       });
     }
   }, {
@@ -1799,7 +1509,6 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function toggleDateField(showHide) {
       var dateEl = this.findElement('#recras-onlinebooking-date');
       var labelEl = this.findElement('[for="recras-onlinebooking-date"]');
-
       if (showHide === 'hide') {
         dateEl.classList.add('recrasHidden');
         labelEl.classList.add('recrasHidden');
@@ -1814,7 +1523,6 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function toggleTimeField(showHide) {
       var timeEl = this.findElement('#recras-onlinebooking-time');
       var labelEl = this.findElement('[for="recras-onlinebooking-time"]');
-
       if (showHide === 'hide') {
         timeEl.classList.add('recrasHidden');
         labelEl.classList.add('recrasHidden');
@@ -1827,8 +1535,7 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "updateProductAmounts",
     value: function updateProductAmounts() {
-      var _this30 = this;
-
+      var _this28 = this;
       this.loadingIndicatorHide();
       this.availableDays = [];
       this.removeWarnings();
@@ -1837,26 +1544,22 @@ var RecrasBooking = /*#__PURE__*/function () {
       var maxPromise = this.checkMaximumForPackage();
       this.checkBookingSize(this.selectedPackage);
       this.recheckVouchers().then(function () {
-        _this30.showTotalPrice();
+        _this28.showTotalPrice();
       });
       this.showStandardAttachments();
       var datePickerEl = this.findElement('.recras-onlinebooking-date');
       var thisClass = this;
       maxPromise.then(function () {
         var amountErrors = thisClass.findElements('.minimum-amount, .maximum-amount, .recras-product-dependency');
-
         if (amountErrors.length > 0) {
           thisClass.nextSectionActive(null, '.recras-amountsform');
           datePickerEl.setAttribute('disabled', 'disabled');
           return;
         }
-
         thisClass.nextSectionActive('.recras-amountsform', '.recras-datetime');
-
         if (!thisClass.hasAtLeastOneProduct(thisClass.selectedPackage)) {
           return;
         }
-
         thisClass.loadingIndicatorShow(thisClass.findElement('label[for="recras-onlinebooking-date"]'));
         var startDate = new Date();
         var endDate = new Date();
@@ -1867,7 +1570,6 @@ var RecrasBooking = /*#__PURE__*/function () {
           thisClass.getAvailableDaysInPeriod(thisClass.selectedPackage.id, startDate, endDate);
           return;
         }
-
         var date = thisClass.prefilledDate;
         startDate = new Date(date);
         endDate = new Date(date);
@@ -1886,16 +1588,13 @@ var RecrasBooking = /*#__PURE__*/function () {
   }, {
     key: "getAvailableDaysInPeriod",
     value: function getAvailableDaysInPeriod(packageId, startDate, endDate) {
-      var _this31 = this;
-
+      var _this29 = this;
       var datePickerEl = this.findElement('.recras-onlinebooking-date');
       this.getAvailableDays(packageId, startDate, endDate).then(function (availableDays) {
-        _this31.loadingIndicatorHide();
-
+        _this29.loadingIndicatorHide();
         if (datePickerEl.value && availableDays.indexOf(datePickerEl.value) === -1) {
           datePickerEl.value = '';
-
-          _this31.clearTimes();
+          _this29.clearTimes();
         } else {
           datePickerEl.removeAttribute('disabled');
         }
@@ -1906,17 +1605,14 @@ var RecrasBooking = /*#__PURE__*/function () {
     value: function updateProductPrice(el) {
       var priceEl = el.parentNode.querySelector('.recras-price');
       var amount = parseInt(el.value, 10);
-
       if (isNaN(amount)) {
         amount = 0;
       }
-
       if (amount > 0) {
         priceEl.classList.remove('recrasUnitPrice');
       } else {
         priceEl.classList.add('recrasUnitPrice');
       }
-
       amount = Math.max(amount, 1);
       priceEl.innerHTML = this.formatPrice(amount * el.dataset.price);
     }
@@ -1926,16 +1622,12 @@ var RecrasBooking = /*#__PURE__*/function () {
       return this.paymentMethods(pack).indexOf(method) > -1;
     }
   }]);
-
-  return RecrasBooking;
 }();
-
 var RecrasCalendarHelper = /*#__PURE__*/function () {
   function RecrasCalendarHelper() {
     _classCallCheck(this, RecrasCalendarHelper);
   }
-
-  _createClass(RecrasCalendarHelper, null, [{
+  return _createClass(RecrasCalendarHelper, null, [{
     key: "defaultOptions",
     value: function defaultOptions() {
       return {
@@ -1965,12 +1657,12 @@ var RecrasCalendarHelper = /*#__PURE__*/function () {
     key: "loadScript",
     value: function loadScript() {
       return new Promise(function (resolve, reject) {
-        var scriptID = 'recrasPikaday'; // Only load script once
+        var scriptID = 'recrasPikaday';
 
+        // Only load script once
         if (document.getElementById(scriptID)) {
           resolve(true);
         }
-
         var script = document.createElement('script');
         script.id = scriptID;
         script.src = 'https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.8.2/pikaday.min.js';
@@ -1984,56 +1676,42 @@ var RecrasCalendarHelper = /*#__PURE__*/function () {
       });
     }
   }]);
-
-  return RecrasCalendarHelper;
 }();
-
 var RecrasContactForm = /*#__PURE__*/function () {
   function RecrasContactForm() {
-    var _this32 = this;
-
+    var _this30 = this;
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
     _classCallCheck(this, RecrasContactForm);
-
     this.languageHelper = new RecrasLanguageHelper();
-
     if (!(options instanceof RecrasOptions)) {
       throw new Error(this.languageHelper.translate('ERR_OPTIONS_INVALID'));
     }
-
     this.options = options;
-
     if (!this.options.getFormId()) {
       throw new Error(this.languageHelper.translate('ERR_NO_FORM'));
     }
-
     this.checkboxEventListeners = [];
     this.eventHelper = new RecrasEventHelper();
     this.eventHelper.setEvents(this.options.getAnalyticsEvents());
     this.element = this.options.getElement();
     this.element.classList.add('recras-contactform-wrapper');
     this.languageHelper.setOptions(options);
-
     if (RecrasLanguageHelper.isValid(this.options.getLocale())) {
       this.languageHelper.setLocale(this.options.getLocale());
     }
-
     this.fetchJson = function (url) {
-      return RecrasHttpHelper.fetchJson(url, _this32.error.bind(_this32));
+      return RecrasHttpHelper.fetchJson(url, _this30.error.bind(_this30));
     };
-
     this.postJson = function (url, data) {
-      return RecrasHttpHelper.postJson(_this32.options.getApiBase() + url, data, _this32.error.bind(_this32));
+      return RecrasHttpHelper.postJson(_this30.options.getApiBase() + url, data, _this30.error.bind(_this30));
     };
-
     RecrasCSSHelper.loadCSS('global');
     this.GENDERS = {
       onbekend: 'GENDER_UNKNOWN',
       man: 'GENDER_MALE',
       vrouw: 'GENDER_FEMALE'
-    }; // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#inappropriate-for-the-control
-
+    };
+    // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#inappropriate-for-the-control
     this.AUTOCOMPLETE_OPTIONS = {
       'contact.naam': 'organization',
       'contact.website': 'url',
@@ -2044,24 +1722,19 @@ var RecrasContactForm = /*#__PURE__*/function () {
       'contactpersoon.voornaam': 'given-name'
     };
   }
-
-  _createClass(RecrasContactForm, [{
+  return _createClass(RecrasContactForm, [{
     key: "checkRequiredCheckboxes",
     value: function checkRequiredCheckboxes() {
-      var _this33 = this;
-
+      var _this31 = this;
       this.removeWarnings();
       var isOkay = true;
-
       _toConsumableArray(this.findElements('.checkboxGroupRequired')).forEach(function (group) {
         var checked = group.querySelectorAll('input:checked');
-
         if (checked.length === 0) {
-          group.parentNode.querySelector('label').insertAdjacentHTML('beforeend', "<div class=\"recrasError\">".concat(_this33.languageHelper.translate('CONTACT_FORM_CHECKBOX_REQUIRED'), "</div>"));
+          group.parentNode.querySelector('label').insertAdjacentHTML('beforeend', "<div class=\"recrasError\">".concat(_this31.languageHelper.translate('CONTACT_FORM_CHECKBOX_REQUIRED'), "</div>"));
           isOkay = false;
         }
       });
-
       return isOkay;
     }
   }, {
@@ -2093,38 +1766,29 @@ var RecrasContactForm = /*#__PURE__*/function () {
   }, {
     key: "generateForm",
     value: function generateForm() {
-      var _this34 = this;
-
+      var _this32 = this;
       var extraOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var waitFor = [];
-
       if (this.hasCountryField()) {
         waitFor.push(this.getCountryList());
       }
-
       if (this.hasBookingDateField() || this.hasRelationDateField()) {
         waitFor.push(RecrasCalendarHelper.loadScript());
         RecrasCSSHelper.loadCSS('pikaday');
       }
-
       return Promise.all(waitFor).then(function () {
-        var standalone = _this34.isStandalone(extraOptions);
-
+        var standalone = _this32.isStandalone(extraOptions);
         var validateText = standalone ? 'novalidate' : '';
         var html = "<form class=\"recras-contactform\" ".concat(validateText, ">");
-
         if (extraOptions.voucherQuantitySelector) {
-          html += _this34.quantitySelector(extraOptions.quantityTerm);
+          html += _this32.quantitySelector(extraOptions.quantityTerm);
         }
-
-        _this34.contactFormFields.forEach(function (field, idx) {
-          html += '<div>' + _this34.showField(field, idx) + '</div>';
+        _this32.contactFormFields.forEach(function (field, idx) {
+          html += '<div>' + _this32.showField(field, idx) + '</div>';
         });
-
         if (standalone) {
-          html += _this34.submitButtonHtml();
+          html += _this32.submitButtonHtml();
         }
-
         html += '</form>';
         return html;
       });
@@ -2135,44 +1799,42 @@ var RecrasContactForm = /*#__PURE__*/function () {
       var formEl = this.options.getElement().querySelector('.recras-contactform');
       var elements = formEl.querySelectorAll('[id^="contactformulier-"], input[type="radio"]:checked');
       var contactForm = {};
-
       _toConsumableArray(elements).forEach(function (field) {
         contactForm[field.dataset.identifier] = field.value;
       });
-
       _toConsumableArray(formEl.querySelectorAll('input[type="checkbox"]:checked')).forEach(function (field) {
         if (contactForm[field.dataset.identifier] === undefined) {
           contactForm[field.dataset.identifier] = [];
         }
-
         contactForm[field.dataset.identifier].push(field.value);
       });
-
       if (contactForm['boeking.datum']) {
         contactForm['boeking.datum'] = RecrasDateHelper.formatStringForAPI(contactForm['boeking.datum']);
       }
-
+      if (this.nonce) {
+        contactForm.nonce = this.nonce;
+      }
       return contactForm;
     }
   }, {
     key: "getContactFormFields",
     value: function getContactFormFields() {
-      var _this35 = this;
-
+      var _this33 = this;
       return this.fetchJson(this.options.getApiBase() + 'contactformulieren/' + this.options.getFormId() + '?embed=Velden').then(function (form) {
-        _this35.contactFormFields = form.Velden;
-        _this35.packages = _this35.sortPackages(form.Arrangementen);
-        return _this35.contactFormFields;
+        var _form$nonce;
+        _this33.contactFormFields = form.Velden;
+        _this33.packages = _this33.sortPackages(form.Arrangementen);
+        _this33.nonce = (_form$nonce = form.nonce) !== null && _form$nonce !== void 0 ? _form$nonce : null;
+        return _this33.contactFormFields;
       });
     }
   }, {
     key: "getCountryList",
     value: function getCountryList() {
-      var _this36 = this;
-
+      var _this34 = this;
       return this.fetchJson('https://cdn.rawgit.com/umpirsky/country-list/ddabf3a8/data/' + this.languageHelper.locale + '/country.json').then(function (json) {
-        _this36.countries = json;
-        return _this36.countries;
+        _this34.countries = json;
+        return _this34.countries;
       });
     }
   }, {
@@ -2183,21 +1845,17 @@ var RecrasContactForm = /*#__PURE__*/function () {
         if (a.arrangement < b.arrangement) {
           return -1;
         }
-
         if (a.arrangement > b.arrangement) {
           return 1;
-        } // Sort by ID in the off chance that two packages are named the same
-
-
+        }
+        // Sort by ID in the off chance that two packages are named the same
         if (a.id < b.id) {
           return -1;
         }
-
         if (a.id > b.id) {
           return 1;
-        } // This cannot happen
-
-
+        }
+        // This cannot happen
         return 0;
       });
     }
@@ -2207,15 +1865,12 @@ var RecrasContactForm = /*#__PURE__*/function () {
       var invalid = [];
       var required = this.getEmptyRequiredFields();
       var els = this.findElements('.recras-contactform :invalid');
-
-      for (var _i14 = 0; _i14 < els.length; _i14++) {
-        var el = els[_i14];
-
+      for (var _i12 = 0; _i12 < els.length; _i12++) {
+        var el = els[_i12];
         if (!required.includes(el)) {
           invalid.push(el);
         }
       }
-
       return invalid;
     }
   }, {
@@ -2223,15 +1878,12 @@ var RecrasContactForm = /*#__PURE__*/function () {
     value: function getEmptyRequiredFields() {
       var isEmpty = [];
       var els = this.findElements('.recras-contactform :required');
-
-      for (var _i16 = 0; _i16 < els.length; _i16++) {
-        var el = els[_i16];
-
+      for (var _i14 = 0; _i14 < els.length; _i14++) {
+        var el = els[_i14];
         if (el.value === undefined || el.value === '') {
           isEmpty.push(el);
         }
       }
-
       return isEmpty;
     }
   }, {
@@ -2272,11 +1924,9 @@ var RecrasContactForm = /*#__PURE__*/function () {
     key: "isEmpty",
     value: function isEmpty() {
       var els = this.findElements('.recras-contactform input, .recras-contactform select, .recras-contactform textarea');
-
       var formValues = _toConsumableArray(els).map(function (el) {
         return el.value;
       });
-
       return !formValues.some(function (v) {
         return v !== '';
       });
@@ -2299,7 +1949,6 @@ var RecrasContactForm = /*#__PURE__*/function () {
       if (!afterEl) {
         return;
       }
-
       afterEl.insertAdjacentHTML('beforeend', "<span class=\"recrasLoadingIndicator\">".concat(this.languageHelper.translate('LOADING'), "</span>"));
     }
   }, {
@@ -2308,14 +1957,12 @@ var RecrasContactForm = /*#__PURE__*/function () {
       if (!quantityTerm) {
         quantityTerm = this.languageHelper.translate('VOUCHER_QUANTITY');
       }
-
       return "<div>\n            <label for=\"number-of-vouchers\">".concat(quantityTerm, "</label>\n            <input type=\"number\" id=\"number-of-vouchers\" class=\"number-of-vouchers\" min=\"1\" max=\"100\" value=\"1\" required>\n        </div>");
     }
   }, {
     key: "removeErrors",
     value: function removeErrors() {
       var parentQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
       _toConsumableArray(this.findElements(parentQuery + ' .booking-error')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
@@ -2326,7 +1973,6 @@ var RecrasContactForm = /*#__PURE__*/function () {
       _toConsumableArray(this.findElements('.recrasError')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       _toConsumableArray(this.findElements('.recras-success')).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
@@ -2339,12 +1985,10 @@ var RecrasContactForm = /*#__PURE__*/function () {
   }, {
     key: "showField",
     value: function showField(field, idx) {
-      var _this37 = this;
-
+      var _this35 = this;
       if (field.soort_invoer === 'header') {
         return "<h3>".concat(field.naam, "</h3>");
       }
-
       var today = RecrasDateHelper.toString(new Date());
       var timePattern = '(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9])';
       var label = this.showLabel(field, idx);
@@ -2353,30 +1997,25 @@ var RecrasContactForm = /*#__PURE__*/function () {
       var html;
       var placeholder;
       var fixedAttributes = "id=\"contactformulier-".concat(idx, "\" name=\"contactformulier").concat(idx, "\" ").concat(attrRequired, " data-identifier=\"").concat(field.field_identifier, "\"");
-
       switch (field.soort_invoer) {
         case 'contactpersoon.geslacht':
           html = "<select ".concat(fixedAttributes, " autocomplete=\"sex\">");
           Object.keys(this.GENDERS).forEach(function (key) {
-            html += "<option value=\"".concat(key, "\">").concat(_this37.languageHelper.translate(_this37.GENDERS[key]));
+            html += "<option value=\"".concat(key, "\">").concat(_this35.languageHelper.translate(_this35.GENDERS[key]));
           });
           html += '</select>';
           return label + html;
-
         case 'keuze':
           classes = ['checkboxGroup'];
-
           if (field.verplicht) {
             classes.push('checkboxGroupRequired');
           }
-
           html = "<div class=\"".concat(classes.join(' '), "\">");
           field.mogelijke_keuzes.forEach(function (choice) {
             html += "<label><input type=\"checkbox\" name=\"contactformulier".concat(idx, "\" value=\"").concat(choice, "\" data-identifier=\"").concat(field.field_identifier, "\">").concat(choice, "</label>");
           });
           html += '</div>';
           return label + html;
-
         case 'keuze_enkel':
         case 'contact.soort_klant':
           html = "<div class=\"radioGroup\">";
@@ -2385,61 +2024,48 @@ var RecrasContactForm = /*#__PURE__*/function () {
           });
           html += "</div>";
           return label + html;
-
         case 'veel_tekst':
           return label + "<textarea ".concat(fixedAttributes, "></textarea>");
-
         case 'contactpersoon.telefoon1':
         case 'contactpersoon.telefoon2':
           return label + "<input type=\"tel\" ".concat(fixedAttributes, " autocomplete=\"tel\">");
-
         case 'contactpersoon.email1':
         case 'contactpersoon.email2':
           return label + "<input type=\"email\" ".concat(fixedAttributes, " autocomplete=\"email\">");
-
         case 'contactpersoon.nieuwsbrieven':
           classes = ['checkboxGroup'];
-
           if (field.verplicht) {
             classes.push('checkboxGroupRequired');
           }
-
           html = "<div class=\"".concat(classes.join(' '), "\">");
           Object.keys(field.newsletter_options).forEach(function (key) {
             html += "<label><input type=\"checkbox\" name=\"contactformulier".concat(idx, "\" value=\"").concat(key, "\" data-identifier=\"").concat(field.field_identifier, "\">").concat(field.newsletter_options[key], "</label>");
           });
           html += '</div>';
           return label + html;
-
         case 'contact.landcode':
           html = "<select ".concat(fixedAttributes, " autocomplete=\"country\">");
           Object.keys(this.countries).forEach(function (code) {
-            var selectedText = code.toUpperCase() === _this37.options.getDefaultCountry() ? 'selected' : '';
-            html += "<option value=\"".concat(code, "\" ").concat(selectedText, ">").concat(_this37.countries[code]);
+            var selectedText = code.toUpperCase() === _this35.options.getDefaultCountry() ? 'selected' : '';
+            html += "<option value=\"".concat(code, "\" ").concat(selectedText, ">").concat(_this35.countries[code]);
           });
           html += '</select>';
           return label + html;
-
         case 'boeking.datum':
           placeholder = this.languageHelper.translate('DATE_FORMAT');
           return label + "<input type=\"text\" ".concat(fixedAttributes, " min=\"").concat(today, "\" placeholder=\"").concat(placeholder, "\" autocomplete=\"off\">");
-
         case 'boeking.groepsgrootte':
           return label + "<input type=\"number\" ".concat(fixedAttributes, " min=\"1\">");
-
         case 'boeking.starttijd':
           placeholder = this.languageHelper.translate('TIME_FORMAT');
           return label + "<input type=\"time\" ".concat(fixedAttributes, " placeholder=\"").concat(placeholder, "\" pattern=\"").concat(timePattern, "\">");
-
         case 'boeking.arrangement':
           var preFilledPackage = this.options.getPackageId();
-
           if (field.verplicht && this.packages.length === 1) {
             var pack = this.packages[0];
             html = "<select ".concat(fixedAttributes, ">\n                        <option value=\"").concat(pack.id, "\" selected>").concat(pack.arrangement, "\n                    </select>");
             return label + html;
           }
-
           html = "<select ".concat(fixedAttributes, ">");
           html += "<option value=\"\">";
           this.packages.forEach(function (pack) {
@@ -2448,30 +2074,24 @@ var RecrasContactForm = /*#__PURE__*/function () {
           });
           html += '</select>';
           return label + html;
-
         case 'contact.extra':
           switch (field.input_type) {
             case 'number':
               return label + "<input type=\"number\" ".concat(fixedAttributes, " autocomplete=\"off\">");
-
             case 'date':
             case 'text':
               return label + "<input type=\"text\" ".concat(fixedAttributes, " maxlength=\"200\">");
-
             case 'multiplechoice':
               classes = ['checkboxGroup'];
-
               if (field.verplicht) {
                 classes.push('checkboxGroupRequired');
               }
-
               html = "<div class=\"".concat(classes.join(' '), "\">");
               field.mogelijke_keuzes.forEach(function (choice) {
                 html += "<label><input type=\"checkbox\" name=\"contactformulier".concat(idx, "\" value=\"").concat(choice, "\" data-identifier=\"").concat(field.field_identifier, "\">").concat(choice, "</label>");
               });
               html += '</div>';
               return label + html;
-
             case 'singlechoice':
               html = "<div class=\"radioGroup\">";
               field.mogelijke_keuzes.forEach(function (choice) {
@@ -2479,14 +2099,12 @@ var RecrasContactForm = /*#__PURE__*/function () {
               });
               html += "</div>";
               return label + html;
-
             default:
               console.debug('Unknown type', field.input_type, field);
               return label + "<input type=\"text\" ".concat(fixedAttributes, ">");
           }
-
-        case 'contact.website': //TODO: type=url ?
-
+        case 'contact.website':
+        //TODO: type=url ?
         default:
           var autocomplete = this.AUTOCOMPLETE_OPTIONS[field.soort_invoer] ? this.AUTOCOMPLETE_OPTIONS[field.soort_invoer] : '';
           return label + "<input type=\"text\" ".concat(fixedAttributes, " autocomplete=\"").concat(autocomplete, "\">");
@@ -2495,56 +2113,45 @@ var RecrasContactForm = /*#__PURE__*/function () {
   }, {
     key: "showForm",
     value: function showForm() {
-      var _this38 = this;
-
+      var _this36 = this;
       this.loadingIndicatorShow(this.element);
       return this.getContactFormFields().then(function () {
-        return _this38.generateForm({
+        return _this36.generateForm({
           standalone: true
         });
       }).then(function (html) {
-        _this38.appendHtml(html);
-
-        _toConsumableArray(_this38.findElements('.checkboxGroupRequired')).forEach(function (group) {
+        _this36.appendHtml(html);
+        _toConsumableArray(_this36.findElements('.checkboxGroupRequired')).forEach(function (group) {
           _toConsumableArray(group.querySelectorAll('input')).forEach(function (el) {
-            el.addEventListener('change', _this38.checkRequiredCheckboxes.bind(_this38));
+            el.addEventListener('change', _this36.checkRequiredCheckboxes.bind(_this36));
           });
         });
-
-        _this38.findElement('.recras-contactform').addEventListener('submit', _this38.submitForm.bind(_this38));
-
-        if (_this38.hasBookingDateField()) {
+        _this36.findElement('.recras-contactform').addEventListener('submit', _this36.submitForm.bind(_this36));
+        if (_this36.hasBookingDateField()) {
           var pikadayOptions = _extends(RecrasCalendarHelper.defaultOptions(), {
-            field: _this38.findElement('[data-identifier="boeking.datum"]'),
-            i18n: RecrasCalendarHelper.i18n(_this38.languageHelper),
+            field: _this36.findElement('[data-identifier="boeking.datum"]'),
+            i18n: RecrasCalendarHelper.i18n(_this36.languageHelper),
             numberOfMonths: 1,
             parse: RecrasDateHelper.parseMDY
           });
-
           new Pikaday(pikadayOptions);
         }
-
-        if (_this38.hasRelationDateField()) {
-          var fields = _this38.getRelationExtraDateFields();
-
+        if (_this36.hasRelationDateField()) {
+          var fields = _this36.getRelationExtraDateFields();
           var thisYear = new Date().getFullYear();
-
           var _pikadayOptions = _extends(RecrasCalendarHelper.defaultOptions(), {
-            i18n: RecrasCalendarHelper.i18n(_this38.languageHelper),
+            i18n: RecrasCalendarHelper.i18n(_this36.languageHelper),
             numberOfMonths: 1,
             yearRange: [thisYear - 90, thisYear + 10]
           });
-
           delete _pikadayOptions.minDate;
-
-          for (var _i18 = 0; _i18 < fields.length; _i18++) {
-            var field = fields[_i18];
-            _pikadayOptions.field = _this38.findElement("[data-identifier=\"".concat(field.field_identifier, "\"]"));
+          for (var _i16 = 0; _i16 < fields.length; _i16++) {
+            var field = fields[_i16];
+            _pikadayOptions.field = _this36.findElement("[data-identifier=\"".concat(field.field_identifier, "\"]"));
             new Pikaday(_pikadayOptions);
           }
         }
-
-        _this38.loadingIndicatorHide();
+        _this36.loadingIndicatorHide();
       });
     }
   }, {
@@ -2556,47 +2163,37 @@ var RecrasContactForm = /*#__PURE__*/function () {
     key: "showErrors",
     value: function showErrors() {
       var errors = [];
-
-      for (var _i20 = 0, _this$getEmptyRequire2 = this.getEmptyRequiredFields(); _i20 < _this$getEmptyRequire2.length; _i20++) {
-        var el = _this$getEmptyRequire2[_i20];
+      for (var _i18 = 0, _this$getEmptyRequire2 = this.getEmptyRequiredFields(); _i18 < _this$getEmptyRequire2.length; _i18++) {
+        var el = _this$getEmptyRequire2[_i18];
         var labelEl = el.parentNode.querySelector('label');
         var requiredText = this.languageHelper.translate('CONTACT_FORM_FIELD_REQUIRED', {
           FIELD_NAME: labelEl.innerText
         });
         errors.push(requiredText);
       }
-
-      for (var _i22 = 0, _this$getInvalidField2 = this.getInvalidFields(); _i22 < _this$getInvalidField2.length; _i22++) {
-        var _el = _this$getInvalidField2[_i22];
-
+      for (var _i20 = 0, _this$getInvalidField2 = this.getInvalidFields(); _i20 < _this$getInvalidField2.length; _i20++) {
+        var _el = _this$getInvalidField2[_i20];
         var parentEl = _el.closest('div');
-
         if (parentEl.classList.contains('radioGroup')) {
           parentEl = parentEl.parentNode.closest('div');
         }
-
         var _labelEl = parentEl.querySelector('label');
-
         console.log(_labelEl, parentEl.querySelectorAll('label'));
         var invalidText = this.languageHelper.translate('CONTACT_FORM_FIELD_INVALID', {
           FIELD_NAME: _labelEl.innerText
         });
         errors.push(invalidText);
       }
-
       errors = _toConsumableArray(new Set(errors)); // Only unique text
-
       this.findElement('button[type="submit"]').insertAdjacentHTML('afterend', "<div class=\"booking-error\"><ul><li>".concat(errors.join('<li>'), "</ul></div>"));
     }
   }, {
     key: "showLabel",
     value: function showLabel(field, idx) {
       var labelText = field.naam;
-
       if (field.verplicht) {
         labelText += "<span class=\"recras-contactform-required\" title=\"".concat(this.languageHelper.translate('ATTR_REQUIRED'), "\"></span>");
       }
-
       return "<label for=\"contactformulier-".concat(idx, "\">").concat(labelText, "</label>");
     }
   }, {
@@ -2607,12 +2204,10 @@ var RecrasContactForm = /*#__PURE__*/function () {
   }, {
     key: "submitForm",
     value: function submitForm(e) {
-      var _this39 = this;
-
+      var _this37 = this;
       e.preventDefault();
       var submitButton = this.findElement('.submitForm');
       this.removeErrors('.recras-contactform');
-
       if (this.isEmpty()) {
         submitButton.parentNode.insertAdjacentHTML('beforeend', "<div class=\"booking-error\">".concat(this.languageHelper.translate('ERR_CONTACT_FORM_EMPTY'), "</div>"));
         return false;
@@ -2620,49 +2215,39 @@ var RecrasContactForm = /*#__PURE__*/function () {
         this.showErrors();
         return false;
       }
-
       if (!this.checkRequiredCheckboxes()) {
         return false;
       }
-
       this.eventHelper.sendEvent(RecrasEventHelper.PREFIX_CONTACT_FORM, RecrasEventHelper.EVENT_CONTACT_FORM_SUBMIT, null, this.options.getFormId());
       this.loadingIndicatorHide();
       this.loadingIndicatorShow(submitButton);
       submitButton.setAttribute('disabled', 'disabled');
       this.postJson('contactformulieren/' + this.options.getFormId() + '/opslaan', this.generateJson()).then(function (json) {
         if (json.success) {
-          if (_this39.options.getRedirectUrl()) {
-            window.top.location.href = _this39.options.getRedirectUrl();
+          if (_this37.options.getRedirectUrl()) {
+            window.top.location.href = _this37.options.getRedirectUrl();
           } else {
-            _this39.element.scrollIntoView({
+            _this37.element.scrollIntoView({
               behavior: 'smooth'
             });
-
-            _this39.element.insertAdjacentHTML('afterbegin', "<p class=\"recras-success\">".concat(_this39.languageHelper.translate('CONTACT_FORM_SUBMIT_SUCCESS'), "</p>"));
-
+            _this37.element.insertAdjacentHTML('afterbegin', "<p class=\"recras-success\">".concat(_this37.languageHelper.translate('CONTACT_FORM_SUBMIT_SUCCESS'), "</p>"));
             submitButton.parentNode.reset();
           }
         } else {
-          _this39.error(_this39.languageHelper.translate('CONTACT_FORM_SUBMIT_FAILED'));
+          _this37.error(_this37.languageHelper.translate('CONTACT_FORM_SUBMIT_FAILED'));
         }
-
         submitButton.removeAttribute('disabled');
-
-        _this39.loadingIndicatorHide();
+        _this37.loadingIndicatorHide();
       });
       return false;
     }
   }]);
-
-  return RecrasContactForm;
 }();
-
 var RecrasCSSHelper = /*#__PURE__*/function () {
   function RecrasCSSHelper() {
     _classCallCheck(this, RecrasCSSHelper);
   }
-
-  _createClass(RecrasCSSHelper, null, [{
+  return _createClass(RecrasCSSHelper, null, [{
     key: "cssBooking",
     value: function cssBooking() {
       return "\n.recras-onlinebooking {\n    max-width: 800px;\n}\n.recras-onlinebooking > form + form, .recras-finalise {\n    border-top: 2px solid #dedede; /* Any love for Kirby out there? */\n}\n.recras-amountsform > div {\n    display: grid;\n    grid-template-columns: 1fr 5em 7em;\n}\n.recras-amountsform input {\n    width: auto; /* Firefox fix */\n}\n.recras-input-invalid {\n    border: 1px solid hsl(0, 50%, 50%);\n}\n.booking-error, .minimum-amount {\n    color: hsl(0, 50%, 50%);\n}\n.recras-success {\n    color: hsl(120, 40%, 40%);\n}\n.minimum-amount {\n    padding-left: 0.5em;\n}\n.recras-datetime {\n    display: grid;\n    grid-template-columns: 30% 70%;\n}\n.recras-datetime > * {\n    margin: 0.25em 0;\n}\n.recras-datetime label {\n    display: block;\n}\n.recras-datetime input, .recras-datetime select {\n    max-width: 12em;\n}\n.time-preview {\n    padding-right: 0.5em;\n}\n.recrasUnitPrice {\n    opacity: 0.5;\n}\n.recras-onlinebooking .recrasHidden {\n    display: none;\n}\n";
@@ -2700,48 +2285,37 @@ var RecrasCSSHelper = /*#__PURE__*/function () {
     value: function loadCSS(cssName) {
       var inlineCss;
       var url;
-
       switch (cssName) {
         case 'booking':
           inlineCss = this.cssBooking();
           break;
-
         case 'global':
           inlineCss = this.cssGlobal();
           break;
-
         case 'pikaday':
           url = 'https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.8.2/css/pikaday.min.css';
           break;
-
         default:
           console.warn('Unknown CSS');
           break;
       }
-
       if (document.getElementById('recras-css-' + cssName)) {
         return;
       }
-
       if (inlineCss) {
         RecrasCSSHelper.loadInlineCss(cssName, inlineCss);
       }
-
       if (url) {
         RecrasCSSHelper.loadExternalCss(cssName, url);
       }
     }
   }]);
-
-  return RecrasCSSHelper;
 }();
-
 var RecrasDateHelper = /*#__PURE__*/function () {
   function RecrasDateHelper() {
     _classCallCheck(this, RecrasDateHelper);
   }
-
-  _createClass(RecrasDateHelper, null, [{
+  return _createClass(RecrasDateHelper, null, [{
     key: "clone",
     value: function clone(date) {
       return new Date(date.getTime());
@@ -2750,7 +2324,6 @@ var RecrasDateHelper = /*#__PURE__*/function () {
     key: "datePartOnly",
     value: function datePartOnly(date) {
       var x = new Date(date.getTime() - date.getTimezoneOffset() * 60 * 1000); // Fix off-by-1 errors
-
       return x.toISOString().substr(0, 10); // Format as 2018-03-13
     }
   }, {
@@ -2759,12 +2332,11 @@ var RecrasDateHelper = /*#__PURE__*/function () {
       // Handle DD-MM-YYYY pattern in code
       var datePatternDMY = '(0[1-9]|1[0-9]|2[0-9]|3[01])-(0[1-9]|1[012])-([0-9]{4})';
       var dmyMatches = date.match(datePatternDMY);
-
       if (dmyMatches) {
         return dmyMatches[3] + '-' + dmyMatches[2] + '-' + dmyMatches[1];
-      } // Let API handle the rest. That way, the user will get an error if the input is invalid
-
+      }
 
+      // Let API handle the rest. That way, the user will get an error if the input is invalid
       return date;
     }
   }, {
@@ -2791,24 +2363,18 @@ var RecrasDateHelper = /*#__PURE__*/function () {
     key: "toString",
     value: function toString(date) {
       var x = new Date(date.getTime() - date.getTimezoneOffset() * 60 * 1000); // Fix off-by-1 errors
-
       x = x.toISOString();
       return x.substr(8, 2) + '-' + x.substr(5, 2) + '-' + x.substr(0, 4);
     }
   }]);
-
-  return RecrasDateHelper;
 }();
-
 var RecrasEventHelper = /*#__PURE__*/function () {
   function RecrasEventHelper() {
     _classCallCheck(this, RecrasEventHelper);
-
     this.analyticsEnabled = false;
     this.eventsEnabled = RecrasEventHelper.allEvents();
   }
-
-  _createClass(RecrasEventHelper, [{
+  return _createClass(RecrasEventHelper, [{
     key: "eventEnabled",
     value: function eventEnabled(name) {
       return this.eventsEnabled.includes(name);
@@ -2816,14 +2382,10 @@ var RecrasEventHelper = /*#__PURE__*/function () {
   }, {
     key: "ga4EventMap",
     value: function ga4EventMap(action) {
-      var _map;
-
-      var map = (_map = {}, _defineProperty(_map, RecrasEventHelper.EVENT_BOOKING_PACKAGE_CHANGED, 'select_content'), _defineProperty(_map, RecrasEventHelper.EVENT_BOOKING_REDIRECT_PAYMENT, 'begin_checkout'), _defineProperty(_map, RecrasEventHelper.EVENT_VOUCHER_TEMPLATE_CHANGED, 'select_content'), _defineProperty(_map, RecrasEventHelper.EVENT_VOUCHER_REDIRECT_PAYMENT, 'begin_checkout'), _map);
-
+      var map = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RecrasEventHelper.EVENT_BOOKING_PACKAGE_CHANGED, 'select_content'), RecrasEventHelper.EVENT_BOOKING_REDIRECT_PAYMENT, 'begin_checkout'), RecrasEventHelper.EVENT_VOUCHER_TEMPLATE_CHANGED, 'select_content'), RecrasEventHelper.EVENT_VOUCHER_REDIRECT_PAYMENT, 'begin_checkout');
       if (map[action] === undefined) {
         return false;
       }
-
       return map[action];
     }
   }, {
@@ -2832,30 +2394,25 @@ var RecrasEventHelper = /*#__PURE__*/function () {
       var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
       var value = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
       var ga4Value = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
-
       if (typeof window.gtag !== 'function') {
         return;
       }
-
       if (this.ga4EventMap(action) && ga4Value) {
         // v4
         window.gtag('event', this.ga4EventMap(action), ga4Value);
         return;
-      } // Global Site Tag (v3)
-
+      }
 
+      // Global Site Tag (v3)
       var eventData = {
         event_category: RecrasEventHelper.PREFIX_GLOBAL + ':' + cat
       };
-
       if (label) {
         eventData.event_label = label;
       }
-
       if (value) {
         eventData.value = value;
       }
-
       window.gtag('event', action, eventData);
     }
   }, {
@@ -2864,11 +2421,9 @@ var RecrasEventHelper = /*#__PURE__*/function () {
       var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
       var value = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
       var ga4Value = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
-
       if (this.analyticsEnabled && this.eventEnabled(action)) {
         this.sendAnalyticsEvent(cat, action, label, value, ga4Value);
       }
-
       var event = new Event(RecrasEventHelper.PREFIX_GLOBAL + ':' + cat + ':' + action);
       return document.dispatchEvent(event);
     }
@@ -2888,56 +2443,34 @@ var RecrasEventHelper = /*#__PURE__*/function () {
       return [RecrasEventHelper.EVENT_BOOKING_BOOKING_SUBMITTED, RecrasEventHelper.EVENT_BOOKING_CONTACT_FORM_SHOWN, RecrasEventHelper.EVENT_BOOKING_DATE_SELECTED, RecrasEventHelper.EVENT_BOOKING_PACKAGE_CHANGED, RecrasEventHelper.EVENT_BOOKING_PACKAGES_SHOWN, RecrasEventHelper.EVENT_BOOKING_PRODUCTS_SHOWN, RecrasEventHelper.EVENT_BOOKING_REDIRECT_PAYMENT, RecrasEventHelper.EVENT_BOOKING_RESET, RecrasEventHelper.EVENT_BOOKING_TIME_SELECTED, RecrasEventHelper.EVENT_CONTACT_FORM_SUBMIT, RecrasEventHelper.EVENT_VOUCHER_REDIRECT_PAYMENT, RecrasEventHelper.EVENT_VOUCHER_TEMPLATE_CHANGED, RecrasEventHelper.EVENT_VOUCHER_VOUCHER_SUBMITTED];
     }
   }]);
-
-  return RecrasEventHelper;
 }();
-
 _defineProperty(RecrasEventHelper, "PREFIX_GLOBAL", 'Recras');
-
 _defineProperty(RecrasEventHelper, "PREFIX_BOOKING", 'Booking');
-
 _defineProperty(RecrasEventHelper, "PREFIX_CONTACT_FORM", 'ContactForm');
-
 _defineProperty(RecrasEventHelper, "PREFIX_VOUCHER", 'Voucher');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_BOOKING_SUBMITTED", 'BuyInProgress');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_CONTACT_FORM_SHOWN", 'ContactFormShown');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_DATE_SELECTED", 'DateSelected');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_PACKAGE_CHANGED", 'PackageChanged');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_PACKAGES_SHOWN", 'PackagesShown');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_PRODUCTS_SHOWN", 'ProductsShown');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_REDIRECT_PAYMENT", 'RedirectToPayment');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_RESET", 'Reset');
-
 _defineProperty(RecrasEventHelper, "EVENT_BOOKING_TIME_SELECTED", 'TimeSelected');
-
 _defineProperty(RecrasEventHelper, "EVENT_CONTACT_FORM_SUBMIT", 'Submit');
-
 _defineProperty(RecrasEventHelper, "EVENT_VOUCHER_REDIRECT_PAYMENT", 'RedirectToPayment');
-
 _defineProperty(RecrasEventHelper, "EVENT_VOUCHER_TEMPLATE_CHANGED", 'TemplateChanged');
-
 _defineProperty(RecrasEventHelper, "EVENT_VOUCHER_VOUCHER_SUBMITTED", 'BuyInProgress');
-
 var RecrasHttpHelper = /*#__PURE__*/function () {
   function RecrasHttpHelper() {
     _classCallCheck(this, RecrasHttpHelper);
   }
-
-  _createClass(RecrasHttpHelper, null, [{
+  return _createClass(RecrasHttpHelper, null, [{
     key: "call",
     value: function call(url, data, errorHandler) {
       if (!url) {
         throw new Error('ERR_FETCH_WITHOUT_URL'); //TODO: translate
       }
-
       var lastResponse;
       return fetch(url, data).then(function (response) {
         lastResponse = response;
@@ -2948,7 +2481,6 @@ var RecrasHttpHelper = /*#__PURE__*/function () {
           errorHandler(errorMsg);
           return false;
         }
-
         return json;
       })["catch"](function (err) {
         errorHandler(err);
@@ -2972,18 +2504,15 @@ var RecrasHttpHelper = /*#__PURE__*/function () {
       }, errorHandler);
     }
   }]);
-
-  return RecrasHttpHelper;
 }();
-
 var RecrasLanguageHelper = /*#__PURE__*/function () {
   function RecrasLanguageHelper() {
     _classCallCheck(this, RecrasLanguageHelper);
-
     this.defaultLocale = 'nl_NL';
     this.locale = this.defaultLocale;
-    this.options = null; //TODO: what is the best way to handle multiple locales?
+    this.options = null;
 
+    //TODO: what is the best way to handle multiple locales?
     this.i18n = {
       de_DE: {
         AGREE_ATTACHMENTS: 'Ich stimme den folgenden Unterlagen zu:',
@@ -3339,8 +2868,7 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
       }
     };
   }
-
-  _createClass(RecrasLanguageHelper, [{
+  return _createClass(RecrasLanguageHelper, [{
     key: "error",
     value: function error(msg) {
       console.log('Error', msg); //TODO
@@ -3352,11 +2880,9 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
       var regexPartMulticolumn = '((?:\\((?:\\w+)(?::[^)]*)?\\))*)';
       var regex = new RegExp('{' + alphanumericWithUnderscore + '+' + regexPartMulticolumn + '}', 'g');
       var tags = msg.match(regex);
-
       if (!Array.isArray(tags)) {
         return [];
       }
-
       return tags.map(function (tag) {
         return tag.substring(1, tag.length - 1);
       }); // Strip { and }
@@ -3365,11 +2891,9 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
     key: "filterTags",
     value: function filterTags(msg, packageID) {
       var tags = this.extractTags(msg);
-
       if (tags.length === 0) {
         return Promise.resolve(msg);
       }
-
       return RecrasHttpHelper.postJson(this.options.getApiBase() + 'tagfilter', {
         tags: tags,
         context: {
@@ -3388,7 +2912,6 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
       switch (what) {
         case 'currency':
           return this.locale.replace('_', '-').toUpperCase();
-
         default:
           return this.locale;
       }
@@ -3404,16 +2927,13 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
   }, {
     key: "setCurrency",
     value: function setCurrency() {
-      var _this40 = this;
-
+      var _this38 = this;
       var errorHandler = function errorHandler(err) {
-        _this40.currency = 'eur';
-
-        _this40.error(err);
+        _this38.currency = 'eur';
+        _this38.error(err);
       };
-
       return RecrasHttpHelper.fetchJson(this.options.getApiBase() + 'instellingen/currency', errorHandler).then(function (setting) {
-        _this40.currency = setting.waarde;
+        _this38.currency = setting.waarde;
       });
     }
   }, {
@@ -3432,7 +2952,6 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
     value: function translate(string) {
       var vars = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var translated;
-
       if (this.i18n[this.locale] && this.i18n[this.locale][string]) {
         translated = this.i18n[this.locale][string];
       } else if (this.i18n.en_GB[string]) {
@@ -3441,13 +2960,11 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
         translated = string;
         console.warn('String not translated: ' + string);
       }
-
       if (Object.keys(vars).length > 0) {
         Object.keys(vars).forEach(function (key) {
           translated = translated.replace('{' + key + '}', vars[key]);
         });
       }
-
       return translated;
     }
   }], [{
@@ -3456,42 +2973,31 @@ var RecrasLanguageHelper = /*#__PURE__*/function () {
       return this.validLocales.indexOf(locale) > -1;
     }
   }]);
-
-  return RecrasLanguageHelper;
 }();
-
 _defineProperty(RecrasLanguageHelper, "validLocales", ['de_DE', 'en_GB', 'nl_NL', 'sv_SE']);
-
 var RecrasOptions = /*#__PURE__*/function () {
   function RecrasOptions(options) {
     _classCallCheck(this, RecrasOptions);
-
     this.languageHelper = new RecrasLanguageHelper();
     this.validate(options);
     this.options = this.setOptions(options);
   }
-
-  _createClass(RecrasOptions, [{
+  return _createClass(RecrasOptions, [{
     key: "getAnalyticsEvents",
     value: function getAnalyticsEvents() {
       if (!Array.isArray(this.options.analyticsEvents)) {
         this.options.analyticsEvents = RecrasEventHelper.allEvents();
       }
-
       this.options.analyticsEvents = this.options.analyticsEvents.filter(function (event) {
         var eventExists = RecrasEventHelper.allEvents().includes(event);
-
         if (!eventExists) {
           console.warn('Invalid event: ' + event);
         }
-
         return eventExists;
       });
-
       if (this.options.analyticsEvents.length === 0) {
         this.options.analyticsEvents = RecrasEventHelper.allEvents();
       }
-
       return this.options.analyticsEvents;
     }
   }, {
@@ -3515,7 +3021,6 @@ var RecrasOptions = /*#__PURE__*/function () {
       if (this.options.defaultCountry !== undefined) {
         return this.options.defaultCountry;
       }
-
       return this.getLocale().substr(3, 2); // en_IE -> IE
     }
   }, {
@@ -3579,7 +3084,6 @@ var RecrasOptions = /*#__PURE__*/function () {
       if (Array.isArray(this.options.package_id)) {
         return this.options.package_id.length === 1;
       }
-
       return !isNaN(parseInt(this.options.package_id, 10));
     }
   }, {
@@ -3590,36 +3094,21 @@ var RecrasOptions = /*#__PURE__*/function () {
   }, {
     key: "setOptions",
     value: function setOptions(options) {
-      var protocol = 'https';
-
-      if (RecrasOptions.hostnamesDebug.includes(options.recras_hostname)) {
-        protocol = 'http';
-      }
-
-      options.hostname = protocol + '://' + options.recras_hostname;
+      options.hostname = '//' + options.recras_hostname;
       return options;
     }
   }, {
     key: "validate",
     value: function validate(options) {
-      var hostnameRegex = new RegExp(/^[a-z0-9\-]+\.recras\.nl$/i);
-
       if (!options.element) {
         throw new Error(this.languageHelper.translate('ERR_NO_ELEMENT'));
       }
-
       if (options.element instanceof Element === false) {
         throw new Error(this.languageHelper.translate('ERR_INVALID_ELEMENT'));
       }
-
       if (!options.recras_hostname) {
         throw new Error(this.languageHelper.translate('ERR_NO_HOSTNAME'));
       }
-
-      if (!hostnameRegex.test(options.recras_hostname) && !RecrasOptions.hostnamesDebug.includes(options.recras_hostname)) {
-        throw new Error(this.languageHelper.translate('ERR_INVALID_HOSTNAME'));
-      }
-
       if (options.redirect_url) {
         if (options.redirect_url.indexOf('http://') === -1 && options.redirect_url.indexOf('https://') === -1) {
           throw new Error(this.languageHelper.translate('ERR_INVALID_REDIRECT_URL'));
@@ -3627,44 +3116,28 @@ var RecrasOptions = /*#__PURE__*/function () {
       }
     }
   }]);
-
-  return RecrasOptions;
 }();
-
-_defineProperty(RecrasOptions, "hostnamesDebug", ['nginx:8886', // Local development
-'nginx' // Docker Selenium tests
-]);
-
 var RecrasVoucher = /*#__PURE__*/function () {
   function RecrasVoucher() {
-    var _this41 = this;
-
+    var _this39 = this;
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
     _classCallCheck(this, RecrasVoucher);
-
     this.languageHelper = new RecrasLanguageHelper();
-
     if (options instanceof RecrasOptions === false) {
       throw new Error(this.languageHelper.translate('ERR_OPTIONS_INVALID'));
     }
-
     this.options = options;
     this.eventHelper = new RecrasEventHelper();
     this.eventHelper.setEvents(this.options.getAnalyticsEvents());
     this.element = this.options.getElement();
     this.element.classList.add('recras-buy-voucher');
-
     this.fetchJson = function (url) {
-      return RecrasHttpHelper.fetchJson(url, _this41.error);
+      return RecrasHttpHelper.fetchJson(url, _this39.error);
     };
-
     this.postJson = function (url, data) {
-      return RecrasHttpHelper.postJson(_this41.options.getApiBase() + url, data, _this41.error);
+      return RecrasHttpHelper.postJson(_this39.options.getApiBase() + url, data, _this39.error);
     };
-
     RecrasCSSHelper.loadCSS('global');
-
     if (this.options.getLocale()) {
       if (!RecrasLanguageHelper.isValid(this.options.getLocale())) {
         console.warn(this.languageHelper.translate('ERR_INVALID_LOCALE', {
@@ -3674,19 +3147,17 @@ var RecrasVoucher = /*#__PURE__*/function () {
         this.languageHelper.setLocale(this.options.getLocale());
       }
     }
-
     this.languageHelper.setOptions(options).then(function () {
-      return _this41.getVoucherTemplates();
+      return _this39.getVoucherTemplates();
     }).then(function (templates) {
-      if (_this41.options.getVoucherTemplateId()) {
-        _this41.changeTemplate(_this41.options.getVoucherTemplateId());
+      if (_this39.options.getVoucherTemplateId()) {
+        _this39.changeTemplate(_this39.options.getVoucherTemplateId());
       } else {
-        _this41.showTemplates(templates);
+        _this39.showTemplates(templates);
       }
     });
   }
-
-  _createClass(RecrasVoucher, [{
+  return _createClass(RecrasVoucher, [{
     key: "appendHtml",
     value: function appendHtml(msg) {
       this.element.insertAdjacentHTML('beforeend', msg);
@@ -3703,14 +3174,11 @@ var RecrasVoucher = /*#__PURE__*/function () {
   }, {
     key: "buyTemplate",
     value: function buyTemplate() {
-      var _this42 = this;
-
+      var _this40 = this;
       var status = this.contactForm.checkRequiredCheckboxes();
-
       if (!status) {
         return false;
       }
-
       this.eventHelper.sendEvent(RecrasEventHelper.PREFIX_VOUCHER, RecrasEventHelper.EVENT_VOUCHER_VOUCHER_SUBMITTED, this.selectedTemplate.name, Math.round(this.totalPrice()));
       this.findElement('.buyTemplate').setAttribute('disabled', 'disabled');
       var payload = {
@@ -3718,25 +3186,21 @@ var RecrasVoucher = /*#__PURE__*/function () {
         number_of_vouchers: parseInt(this.findElement('.number-of-vouchers').value, 10),
         contact_form: this.contactForm.generateJson()
       };
-
       if (this.options.getRedirectUrl()) {
         payload.redirect_url = this.options.getRedirectUrl();
       }
-
       this.postJson('vouchers/buy', payload).then(function (json) {
         if (json.payment_url) {
-          _this42.eventHelper.sendEvent(RecrasEventHelper.PREFIX_VOUCHER, RecrasEventHelper.EVENT_VOUCHER_REDIRECT_PAYMENT, null, Math.round(_this42.totalPrice()), {
-            currency: _this42.languageHelper.currency,
-            value: _this42.totalPrice(),
-            items: _this42.formatGA4Item()
+          _this40.eventHelper.sendEvent(RecrasEventHelper.PREFIX_VOUCHER, RecrasEventHelper.EVENT_VOUCHER_REDIRECT_PAYMENT, null, Math.round(_this40.totalPrice()), {
+            currency: _this40.languageHelper.currency,
+            value: _this40.totalPrice(),
+            items: _this40.formatGA4Item()
           });
-
           window.top.location.href = json.payment_url;
         } else {
           console.log(json);
         }
-
-        _this42.findElement('.buyTemplate').removeAttribute('disabled');
+        _this40.findElement('.buyTemplate').removeAttribute('disabled');
       });
     }
   }, {
@@ -3769,7 +3233,6 @@ var RecrasVoucher = /*#__PURE__*/function () {
       _toConsumableArray(elements).forEach(function (el) {
         el.parentNode.removeChild(el);
       });
-
       this.maybeAddLatestErrorElement();
     }
   }, {
@@ -3796,25 +3259,23 @@ var RecrasVoucher = /*#__PURE__*/function () {
   }, {
     key: "getContactForm",
     value: function getContactForm(template) {
-      var _this43 = this;
-
+      var _this41 = this;
       this.options.setOption('form_id', template.contactform_id);
       var contactForm = new RecrasContactForm(this.options);
       return contactForm.getContactFormFields().then(function () {
-        _this43.contactForm = contactForm;
+        _this41.contactForm = contactForm;
         return contactForm;
       });
     }
   }, {
     key: "getVoucherTemplates",
     value: function getVoucherTemplates() {
-      var _this44 = this;
-
+      var _this42 = this;
       return this.fetchJson(this.options.getApiBase() + 'voucher_templates').then(function (templates) {
         templates = templates.filter(function (template) {
           return !!template.contactform_id;
         });
-        _this44.templates = templates;
+        _this42.templates = templates;
         return templates;
       });
     }
@@ -3822,7 +3283,6 @@ var RecrasVoucher = /*#__PURE__*/function () {
     key: "maybeAddLatestErrorElement",
     value: function maybeAddLatestErrorElement() {
       var errorEl = this.findElement('.latestError');
-
       if (!errorEl) {
         this.appendHtml("<div class=\"latestError\"></div>");
       }
@@ -3831,19 +3291,15 @@ var RecrasVoucher = /*#__PURE__*/function () {
     key: "maybeDisableBuyButton",
     value: function maybeDisableBuyButton() {
       var button = this.findElement('.buyTemplate');
-
       if (!button) {
         return false;
       }
-
       var shouldDisable = false;
       this.contactForm.removeErrors();
-
       if (this.contactForm.hasEmptyRequiredFields() || !this.contactForm.isValid() || !this.contactForm.checkRequiredCheckboxes()) {
         this.contactForm.showErrors();
         shouldDisable = true;
       }
-
       if (shouldDisable) {
         button.setAttribute('disabled', 'disabled');
       } else {
@@ -3860,38 +3316,33 @@ var RecrasVoucher = /*#__PURE__*/function () {
   }, {
     key: "showContactForm",
     value: function showContactForm(template) {
-      var _this45 = this;
-
+      var _this43 = this;
       return this.getContactForm(template).then(function (form) {
         return form.generateForm({
           voucherQuantitySelector: true,
-          quantityTerm: _this45.selectedTemplate.quantity_term
+          quantityTerm: _this43.selectedTemplate.quantity_term
         });
       }).then(function (html) {
-        _this45.appendHtml(html);
-
-        _this45.showBuyButton();
-
-        _toConsumableArray(_this45.findElements('#number-of-vouchers, [name^="contactformulier"]')).forEach(function (el) {
-          el.addEventListener('change', _this45.maybeDisableBuyButton.bind(_this45));
+        _this43.appendHtml(html);
+        _this43.showBuyButton();
+        _toConsumableArray(_this43.findElements('#number-of-vouchers, [name^="contactformulier"]')).forEach(function (el) {
+          el.addEventListener('change', _this43.maybeDisableBuyButton.bind(_this43));
         });
       });
     }
   }, {
     key: "showTemplates",
     value: function showTemplates(templates) {
-      var _this46 = this;
-
+      var _this44 = this;
       var templateOptions = templates.map(function (template) {
-        return "<option value=\"".concat(template.id, "\">").concat(template.name, " (").concat(_this46.formatPrice(template.price), ")");
+        return "<option value=\"".concat(template.id, "\">").concat(template.name, " (").concat(_this44.formatPrice(template.price), ")");
       });
       var html = "<select class=\"recrasVoucherTemplates\"><option>".concat(templateOptions.join(''), "</select>");
       this.appendHtml("<div class=\"recras-voucher-templates\">".concat(html, "</div>"));
       var voucherSelectEl = this.findElement('.recrasVoucherTemplates');
       voucherSelectEl.addEventListener('change', function () {
         var selectedTemplateId = parseInt(voucherSelectEl.value, 10);
-
-        _this46.changeTemplate(selectedTemplateId);
+        _this44.changeTemplate(selectedTemplateId);
       });
     }
   }, {
@@ -3900,6 +3351,4 @@ var RecrasVoucher = /*#__PURE__*/function () {
       return this.selectedTemplate.price * this.findElement('#number-of-vouchers').value;
     }
   }]);
-
-  return RecrasVoucher;
 }();