@vergelijkdirect/comparison-forms 1.1.22-rc.1 → 1.1.22-rc.2

package/dist-rollup/comparison-forms.js

@@ -18146,7 +18146,7 @@ const i2 = 18, s2 = 99, Cf = (t, e) => {
       "birthdate"
     ])) && !uo.value)
       if (t.isOnResultPage)
-        e("submit-form", { userState: w, motorState: Fr, licenseInformation: Qr.motor });
+        e("submit-form", { userInformation: w, motorState: Fr, licenseInformation: Qr.motor });
       else {
         const d = {
           license: Fr.license,
@@ -20343,7 +20343,7 @@ const Ha = /* @__PURE__ */ dv($I), DI = N({
 });
 var A_ = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("span", [e.template === "FORM" ? r("div", { staticClass: "component-mb-1" }, [r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-12" }, [r("default-input", { attrs: { id: e.zipcodeName, mask: "####AA", "autocomplete-off": !0, placeholder: "bv. 1234AZ", validation: { rules: { required: "required", regex: /^\d{4}(\s|)[a-z]{2}$/i } }, type: "text", label: "Postcode", name: e.zipcodeName, "is-required": !0 }, on: { change: e.updateZipcode }, model: { value: e.zipcodeModel, callback: function(n) {
+  return e._self._setupProxy, r("span", [e.template === "FORM" ? r("div", { class: e.hasNewDesign ? "" : "component-mb-1" }, [r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-12" }, [r("default-input", { attrs: { id: e.zipcodeName, mask: "####AA", "autocomplete-off": !0, placeholder: "bv. 1234AZ", validation: { rules: { required: "required", regex: /^\d{4}(\s|)[a-z]{2}$/i } }, type: "text", label: "Postcode", name: e.zipcodeName, "is-required": !0 }, on: { change: e.updateZipcode }, model: { value: e.zipcodeModel, callback: function(n) {
     e.zipcodeModel = n;
   }, expression: "zipcodeModel" } }, [r("template", { slot: "error-messages" }, [r("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1)]), r("div", { staticClass: "row" }, [r("div", { class: e.hasNewDesign ? "house-number-field" : "col-md-6" }, [r("default-input", { staticClass: "mb-md-0", attrs: { id: "houseNumber", "autocomplete-off": !0, placeholder: "bv. 1", validation: "required|numeric", label: "Huisnummer", type: "text", name: e.houseNumberName, "is-required": !0 }, on: { change: e.updateHouseNumber }, model: { value: e.houseNumberModel, callback: function(n) {
     e.houseNumberModel = n;
@@ -20356,7 +20356,7 @@ var A_ = function() {
     return [r("ErrorHandler", { attrs: { "errors-data": e.houseNumberAdditionErrorsData } })];
   }, proxy: !0 }], null, !1, 1041804111), model: { value: e.houseAdditionNumberModel, callback: function(n) {
     e.houseAdditionNumberModel = n;
-  }, expression: "houseAdditionNumberModel" } })], 1)]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-12" }, [e.isLoading ? e._e() : r("div", [e.showStreetAndCity && !e.isAddressEditing && e.houseInformation.street && e.houseInformation.city ? r("div", { staticClass: "fz-medium mt-1" }, [r("i", { staticClass: "fa-map-marker-alt", class: e.hasNewDesign ? "fas vd-tip-icon" : "fad text-primary" }), e._v(" " + e._s(e.houseInformation.street) + ", " + e._s(e.houseInformation.city) + " ")]) : e._e(), e.addressError ? r("div", { staticClass: "vd-form-error mb-0" }, [r("i", { staticClass: "fas fa-info-circle" }), e._v(" Postcode en huisnummer combinatie onbekend. ")]) : e._e()]), e.isLoading ? r("div", { staticClass: "d-flex align-items-center mt-1" }, [r("span", { staticClass: "spinner-border spinner-small fz-medium spinner-border-sm mr-1 text-primary", attrs: { role: "status", "aria-hidden": "true" } }), r("span", { staticClass: "fz-medium" }, [e._v(" Adres ophalen ")])]) : e._e()])])]) : e._e(), e.template === "FORM_HORIZONTAL" ? r("div", { staticClass: "component-mb-1" }, [r("span", { staticClass: "vd-form-card__content p-0" }, [r("div", { staticClass: "vd-form-group mb-0" }, [r("default-input", { staticClass: "mx-0 mb-lg-0", attrs: { id: e.zipcodeName, mask: "####AA", placeholder: "bv. 1234AZ", "autocomplete-off": !0, validation: { rules: { required: "required", regex: /^\d{4}(\s|)[a-z]{2}$/i } }, type: "text", label: "Postcode", name: e.zipcodeName, "is-required": !0 }, on: { change: e.updateZipcode }, model: { value: e.zipcodeModel, callback: function(n) {
+  }, expression: "houseAdditionNumberModel" } })], 1)]), r("div", { staticClass: "row" }, [r("div", { staticClass: "col-md-12" }, [e.isLoading ? e._e() : r("div", [e.showStreetAndCity && !e.isAddressEditing && e.houseInformation.street && e.houseInformation.city ? r("div", { staticClass: "fz-medium mt-1" }, [r("i", { staticClass: "fa-map-marker-alt", class: e.hasNewDesign ? "fas vd-tip-icon" : "fad text-primary" }), e._v(" " + e._s(e.houseInformation.street) + ", " + e._s(e.houseInformation.city) + " ")]) : e._e(), e.addressError ? r("div", { staticClass: "vd-form-error mb-0" }, [r("i", { staticClass: "fas fa-info-circle" }), e._v(" Postcode en huisnummer combinatie onbekend. ")]) : e._e()]), e.isLoading ? r("div", { staticClass: "d-flex align-items-center mt-1" }, [r("span", { staticClass: "spinner-border spinner-small fz-medium spinner-border-sm mr-1 text-primary", attrs: { role: "status", "aria-hidden": "true" } }), r("span", { staticClass: "fz-medium" }, [e._v(" Adres ophalen ")])]) : e._e()])])]) : e._e(), e.template === "FORM_HORIZONTAL" ? r("div", { class: e.hasNewDesign ? "" : "component-mb-1" }, [r("span", { staticClass: "vd-form-card__content p-0" }, [r("div", { staticClass: "vd-form-group mb-0" }, [r("default-input", { staticClass: "mx-0 mb-lg-0", attrs: { id: e.zipcodeName, mask: "####AA", placeholder: "bv. 1234AZ", "autocomplete-off": !0, validation: { rules: { required: "required", regex: /^\d{4}(\s|)[a-z]{2}$/i } }, type: "text", label: "Postcode", name: e.zipcodeName, "is-required": !0 }, on: { change: e.updateZipcode }, model: { value: e.zipcodeModel, callback: function(n) {
     e.zipcodeModel = n;
   }, expression: "zipcodeModel" } }, [r("template", { slot: "error-messages" }, [r("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1), r("div", { staticClass: "vd-form-group mb-0" }, [r("default-input", { staticClass: "mx-0 mb-lg-0", attrs: { id: "houseNumber", "autocomplete-off": !0, placeholder: "bv. 1", validation: "required|numeric", label: "Huisnummer", type: "text", name: e.houseNumberName, "is-required": !0 }, on: { change: e.updateHouseNumber }, model: { value: e.houseNumberModel, callback: function(n) {
     e.houseNumberModel = n;
@@ -20637,7 +20637,7 @@ var V_ = function() {
     "MP3Motor"
   ], "vehicle-type": "motor", "insurance-dutch-naming": "motor", name: "license" }, on: { input: e.onLicenseInput, "on-error": e.onLicenseError, "on-vehicle-information-update": (n) => e.licenseInformation.motor = n }, model: { value: e.motorState.license, callback: function(n) {
     e.$set(e.motorState, "license", n);
-  }, expression: "motorState.license" } }), r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
+  }, expression: "motorState.license" } }), r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
   }, expression: "userState.birthdate" } })], 1), r("div", { staticClass: "vd-form-card__footer" }, [r("button", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", on: { click: e.validateBeforeSubmit } }, [e._v(" Vergelijken ")])])]);
 }, jI = [];
@@ -20869,7 +20869,7 @@ const BI = Y_.exports, qI = N({
 });
 var H_ = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", { staticClass: "vd-form-card" }, [r("form", { ref: "motor-form", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
+  return e._self._setupProxy, r("div", { staticClass: "vd-form-card", class: { [e.classes]: !!e.classes } }, [r("form", { ref: "motor-form", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
     return n.preventDefault(), e.validateBeforeSubmit.apply(null, arguments);
   } } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content" }, [r("license-plate", { attrs: { id: "license", "prop-vehicle-information": e.vehicle, "vehicle-types": [
     "Motor",
@@ -21044,7 +21044,7 @@ const U_ = (t, e) => {
     submitUpdateForm: () => F(void 0, null, function* () {
       Al.value = !0;
       try {
-        (yield it(["birthdate", "familyComposition", "loanAmount", "loanPurpose"])) && (yield d(), yield o(), yield _e.comparisonService.update(t.comparison), e("submit-form", { userState: w, loanState: un }));
+        (yield it(["birthdate", "familyComposition", "loanAmount", "loanPurpose"])) && (yield d(), yield o(), yield _e.comparisonService.update(t.comparison), e("submit-form", { userInformation: w, loanState: un }));
       } catch (y) {
         console.error(y), e("emit-event-hub", { event: "open-quotation-modal" });
       }
@@ -21453,7 +21453,7 @@ const Rf = (t, e) => {
         "birthdate"
       ])) && !n.value && nt.VehicleType === "Car" && !a.value)
         if (t.isOnResultPage || t.isOnCoveragePage)
-          e("submit-form", { userState: w, carState: nt });
+          e("submit-form", { userInformation: w, carState: nt });
         else {
           const p = yield l();
           p && e("redirect-page", { link: `${t.link}#/${p.getId()}/dekkingen/` });
@@ -21587,7 +21587,7 @@ var ib = function() {
     "Car"
   ], "vehicle-type": "car", "insurance-dutch-naming": "auto", "prop-vehicle-information": e.carState, name: "license" }, on: { input: e.onLicenseInput, "on-error": e.onLicenseError, "on-vehicle-information-update": (n) => Object.assign(e.carState, n) }, model: { value: e.licensePlate, callback: function(n) {
     e.licensePlate = n;
-  }, expression: "licensePlate" } }), r("address-handler", { attrs: { "zipcode-name": "zipcode", "show-street-and-city": !0, "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
+  }, expression: "licensePlate" } }), r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "show-street-and-city": !0, "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
   }, expression: "userState.birthdate" } })], 1), r("div", { staticClass: "vd-form-card__footer" }, [r("button", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", on: { click: e.validateBeforeSubmit } }, [e._v(" Vergelijken ")])])]);
 }, lj = [];
@@ -21753,7 +21753,7 @@ const hj = ub.exports, pj = N({
 });
 var lb = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", [r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage || e.isOnCoveragePage }, attrs: { "has-new-style": !0 } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content p-0" }, [r("license-plate", { attrs: { id: "license", "vehicle-types": [
+  return e._self._setupProxy, r("div", [r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage || e.isOnCoveragePage, [e.classes]: !!e.classes }, attrs: { "has-new-style": !0 } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content p-0" }, [r("license-plate", { attrs: { id: "license", "vehicle-types": [
     "Car"
   ], "vehicle-type": "car", "insurance-dutch-naming": "auto", "prop-vehicle-information": e.carState, name: "license" }, on: { input: e.onLicenseInput, "on-error": e.onLicenseError, "on-vehicle-information-update": (n) => Object.assign(e.carState, n) }, model: { value: e.licensePlate, callback: function(n) {
     e.licensePlate = n;
@@ -21802,7 +21802,7 @@ const kj = 16, Cj = 99, Ef = (t, e) => {
   }, o = () => F(void 0, null, function* () {
     if (yield it(i.value))
       if (t.isOnResultPage)
-        e("submit-form", { userState: w, mopedState: St, licenseInformation: Qr.moped, showCatalogValueField: ai.value });
+        e("submit-form", { userInformation: w, mopedState: St, licenseInformation: Qr.moped, showCatalogValueField: ai.value });
       else {
         const f = {
           license: St.license,
@@ -21995,7 +21995,7 @@ var db = function() {
     return [r("ErrorHandler", { attrs: { name: "catalogValueForm", "errors-data": e.errorsData.catalogValue } })];
   }, proxy: !0 }], null, !1, 2596429485), model: { value: e.mopedState.catalogValue, callback: function(n) {
     e.$set(e.mopedState, "catalogValue", n);
-  }, expression: "mopedState.catalogValue" } }) : e._e(), r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("birthdate-input", { attrs: { "ages-range": { min: e.minAge, max: e.maxAge } }, model: { value: e.userState.birthdate, callback: function(n) {
+  }, expression: "mopedState.catalogValue" } }) : e._e(), r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("birthdate-input", { attrs: { "ages-range": { min: e.minAge, max: e.maxAge } }, model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
   }, expression: "userState.birthdate" } })], 1), r("div", { staticClass: "vd-form-card__footer" }, [r("button", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", on: { click: e.validateBeforeSubmit } }, [e._v(" Vergelijken ")])])]);
 }, Pj = [];
@@ -22243,7 +22243,7 @@ const Mj = pb.exports, Rj = N({
 });
 var mb = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", { staticClass: "vd-form-card" }, [r("form", { ref: "moped-form", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
+  return e._self._setupProxy, r("div", { staticClass: "vd-form-card", class: { [e.classes]: !!e.classes } }, [r("form", { ref: "moped-form", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
     return n.preventDefault(), e.validateBeforeSubmit.apply(null, arguments);
   } } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content" }, [r("license-plate", { attrs: { id: "license", "vehicle-types": [
     "Moped"
@@ -26072,7 +26072,7 @@ const zL = pw.exports, UL = N({
 });
 var mw = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", { staticClass: "vd-form-card", class: { "vd-form-card--fit": e.fitSidebar } }, [r("form", { ref: "petForm", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
+  return e._self._setupProxy, r("div", { staticClass: "vd-form-card", class: { "vd-form-card--fit": e.fitSidebar, [e.classes]: !!e.classes } }, [r("form", { ref: "petForm", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
     return n.preventDefault(), e.validateBeforeSubmit.apply(null, arguments);
   } } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content" }, [r("div", { staticClass: "vd-form-group" }, [r("label", { staticClass: "vd-form-group__label", attrs: { for: "kind" + e.componentId } }, [e._v(" Soort huisdier ")]), r("default-select", { attrs: { id: "kind" + e.componentId, options: e.petKinds, "data-vv-name": "kind" + e.componentId, "no-default-placeholder": !0, name: "kind" }, on: { input: function(n) {
     return e.setBreedId(1);
@@ -26465,7 +26465,7 @@ const eV = bw.exports, tV = N({
 });
 var ww = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", { staticClass: "vd-form-card" }, [r("form", { ref: "bikeFormRef", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
+  return e._self._setupProxy, r("div", { staticClass: "vd-form-card", class: { [e.classes]: !!e.classes } }, [r("form", { ref: "bikeFormRef", attrs: { action: e.link, method: "GET" }, on: { submit: function(n) {
     return n.preventDefault(), e.validateBeforeSubmit.apply(null, arguments);
   } } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content" }, [r("div", { staticClass: "vd-form-group" }, [r("default-select", { attrs: { id: "kind", label: "Soort fiets", name: "kind", placeholder: "Selecteer je fiets", options: e.bikeKinds, "is-required": "" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
     return [e.errors.has("kind:required") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Selecteer je fiets ")]) : e._e()];
@@ -26590,7 +26590,7 @@ const th = (t, e) => {
     (yield it([
       "birthdate",
       "familyComposition"
-    ])) && (ql.value || (t.status === In.isBeforeFlow ? yield u() : e("submit-form", { userState: w, travelState: Sh(Rt({}, Jt), { isPaymentTermChanged: Ul.value, isFamilyCompositionChanged: zl.value }) }), Ul.value = !1, zl.value = !1));
+    ])) && (ql.value || (t.status === In.isBeforeFlow ? yield u() : e("submit-form", { userInformation: w, travelState: Sh(Rt({}, Jt), { isPaymentTermChanged: Ul.value, isFamilyCompositionChanged: zl.value }) }), Ul.value = !1, zl.value = !1));
   });
   return On(() => w.familyComposition, (o) => {
     t.status !== In.isBeforeFlow && w.familyComposition !== t.userInformation.familyComposition && (zl.value = !0);
@@ -27021,7 +27021,7 @@ const mV = Tw.exports, vV = N({
 });
 var Mw = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-group" }, [r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
+  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage, [e.classes]: !!e.classes } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-group" }, [r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
   }, expression: "userState.birthdate" } })], 1), r("div", { staticClass: "vd-form-group" }, [r("family-composition-input", { model: { value: e.userState.familyComposition, callback: function(n) {
     e.$set(e.userState, "familyComposition", n);
@@ -27092,7 +27092,7 @@ const nh = (t, e) => {
     ];
     if (w.familyComposition === "K" && i.push("familySize"), (yield it(i)) && !Xm.value && !Wl.value)
       if (t.isOnResultPage)
-        e("submit-form", { userState: w, legalState: pr });
+        e("submit-form", { userInformation: w, legalState: pr });
       else {
         const u = yield n();
         u && e("redirect-page", { link: `${t.link}#/${u.getId()}/resultaten/` });
@@ -27193,7 +27193,7 @@ var Ew = function() {
   var e = this, r = e._self._c;
   return e._self._setupProxy, r("div", [r("simple-card", { staticClass: "vd-form-card vd-new-form", class: { [e.classes]: !!e.classes } }, [r("div", { staticClass: "vd-form-card__header" }, [e.showTitle ? r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e()]), r("div", { staticClass: "vd-form-card__content" }, [r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
-  }, expression: "userState.birthdate" } }), r("address-handler", { attrs: { "zipcode-name": "zipcode", "show-street-and-city": !0, "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("div", { staticClass: "vd-form-group vd-radio-group" }, [r("label", { staticClass: "vd-form-group__label", attrs: { for: "ownedBuilding" } }, [e._v(" Heb je een koop- of huurwoning? ")]), r("b-form-radio-group", { staticClass: "vd-radio-buttons", attrs: { options: e.HouseOwnedBuildingOptions, "text-field": "title", "data-vv-name": "ownedBuilding", name: "ownedBuilding" }, model: { value: e.legalState.ownedBuilding, callback: function(n) {
+  }, expression: "userState.birthdate" } }), r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "show-street-and-city": !0, "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("div", { staticClass: "vd-form-group vd-radio-group" }, [r("label", { staticClass: "vd-form-group__label", attrs: { for: "ownedBuilding" } }, [e._v(" Heb je een koop- of huurwoning? ")]), r("b-form-radio-group", { staticClass: "vd-radio-buttons", attrs: { options: e.HouseOwnedBuildingOptions, "text-field": "title", "data-vv-name": "ownedBuilding", name: "ownedBuilding" }, model: { value: e.legalState.ownedBuilding, callback: function(n) {
     e.$set(e.legalState, "ownedBuilding", n);
   }, expression: "legalState.ownedBuilding" } }), r("ErrorHandler", { attrs: { "errors-data": [{ rule: e.ownedBuildingError, text: "Deze vraag is verplicht" }] } })], 1), r("family-composition-input", { model: { value: e.userState.familyComposition, callback: function(n) {
     e.$set(e.userState, "familyComposition", n);
@@ -27593,7 +27593,7 @@ const RV = Yw.exports, ih = (t, e) => {
         "familyComposition"
       ])) && !u.value)
         if (t.isOnResultPage)
-          e("submit-form", { userState: w });
+          e("submit-form", { userInformation: w });
         else
           try {
             const p = yield o();
@@ -27673,7 +27673,7 @@ const RV = Yw.exports, ih = (t, e) => {
 });
 var Hw = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-new-form", class: { [e.classes]: !!e.classes } }, [r("div", { staticClass: "vd-form-card__header" }, [e.showTitle ? r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e()]), r("div", { staticClass: "vd-form-card__content" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
+  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-new-form", class: { [e.classes]: !!e.classes } }, [r("div", { staticClass: "vd-form-card__header" }, [e.showTitle ? r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e()]), r("div", { staticClass: "vd-form-card__content" }, [r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
   }, expression: "userState.birthdate" } }), r("family-composition-input", { model: { value: e.userState.familyComposition, callback: function(n) {
     e.$set(e.userState, "familyComposition", n);
@@ -27839,7 +27839,7 @@ const FV = Ww.exports, LV = N({
 });
 var Gw = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("div", [r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage }, attrs: { "has-new-style": !0 } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content" }, [r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
+  return e._self._setupProxy, r("div", [r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage, [e.classes]: !!e.classes }, attrs: { "has-new-style": !0 } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-card__content" }, [r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "housenumber", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("birthdate-input", { model: { value: e.userState.birthdate, callback: function(n) {
     e.$set(e.userState, "birthdate", n);
   }, expression: "userState.birthdate" } }), r("family-composition-input", { model: { value: e.userState.familyComposition, callback: function(n) {
     e.$set(e.userState, "familyComposition", n);
@@ -27914,7 +27914,7 @@ const BV = Zw.exports, qV = [
       const u = yield it(s);
       if (console.warn(u), u && !n.value && !a.value)
         if (t.isOnResultPage)
-          e("submit-form", { userState: w, houseState: At });
+          e("submit-form", { userInformation: w, houseState: At });
         else {
           const c = {
             zipcode: w.zipcode,
@@ -28007,7 +28007,7 @@ const BV = Zw.exports, qV = [
 });
 var Kw = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-new-form", class: { [e.classes]: !!e.classes } }, [r("div", { staticClass: "vd-form-card__header" }, [e.showTitle ? r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e()]), r("div", { staticClass: "vd-form-card__content" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "houseNumber", "house-number-addition-name": "houseNumberAddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("div", { staticClass: "vd-form-group vd-radio-group" }, [r("label", { staticClass: "vd-form-group__label", attrs: { for: "ownedBuilding" } }, [e._v(" Heb je een koop- of huurwoning? ")]), r("b-form-radio-group", { staticClass: "vd-radio-buttons", attrs: { options: e.houseOwnedBuilding, "text-field": "title", "data-vv-name": "ownedBuilding", name: "ownedBuilding" }, model: { value: e.houseState.ownedBuilding, callback: function(n) {
+  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-new-form", class: { [e.classes]: !!e.classes } }, [r("div", { staticClass: "vd-form-card__header" }, [e.showTitle ? r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e()]), r("div", { staticClass: "vd-form-card__content" }, [r("div", { staticClass: "vd-form-group" }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "houseNumber", "house-number-addition-name": "houseNumberAddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } })], 1), r("div", { staticClass: "vd-form-group vd-radio-group" }, [r("label", { staticClass: "vd-form-group__label", attrs: { for: "ownedBuilding" } }, [e._v(" Heb je een koop- of huurwoning? ")]), r("b-form-radio-group", { staticClass: "vd-radio-buttons", attrs: { options: e.houseOwnedBuilding, "text-field": "title", "data-vv-name": "ownedBuilding", name: "ownedBuilding" }, model: { value: e.houseState.ownedBuilding, callback: function(n) {
     e.$set(e.houseState, "ownedBuilding", n);
   }, expression: "houseState.ownedBuilding" } }), r("ErrorHandler", { attrs: { "errors-data": [{ rule: e.ownedBuildingError, text: "Deze vraag is verplicht" }] } })], 1), e.isOnResultPage && e.houseState.houseType ? r("default-select", { attrs: { id: "houseKind", options: e.houseTypes, label: "Type woning", "no-default-placeholder": !0, name: "houseKind", "is-required": "" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
     return [r("ErrorHandler", { attrs: { name: "houseKind", "errors-data": [{ rule: "required", text: "Deze vraag is verplicht" }] } })];
@@ -28191,7 +28191,7 @@ const ZV = Qw.exports, KV = N({
 });
 var e0 = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box" }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("form", { ref: e.houseFormRef, attrs: { action: e.link, method: "GET" } }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "houseNumber", "house-number-addition-name": "houseNumberAddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("default-plain-radio-group", { attrs: { options: e.houseOwnedBuilding, "simple-name": !0, inline: !1, name: "ownedBuilding", label: "Heb je een koop- of huurwoning?" }, model: { value: e.houseState.ownedBuilding, callback: function(n) {
+  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { [e.classes]: !!e.classes } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("form", { ref: e.houseFormRef, attrs: { action: e.link, method: "GET" } }, [r("address-handler", { attrs: { "zipcode-name": "zipcode", "house-number-name": "houseNumber", "house-number-addition-name": "houseNumberAddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (n) => e.userState.zipcode = n, "update-house-number": (n) => e.userState.houseNumber = n, "update-house-number-addition": (n) => e.userState.houseNumberAddition = n, "address-correct": (n) => e.houseError = !n } }), r("default-plain-radio-group", { attrs: { options: e.houseOwnedBuilding, "simple-name": !0, inline: !1, name: "ownedBuilding", label: "Heb je een koop- of huurwoning?" }, model: { value: e.houseState.ownedBuilding, callback: function(n) {
     e.$set(e.houseState, "ownedBuilding", n);
   }, expression: "houseState.ownedBuilding" } }), r("input", { directives: [{ name: "model", rawName: "v-model", value: e.houseState.ownedBuilding, expression: "houseState.ownedBuilding" }, { name: "validate", rawName: "v-validate", value: "required", expression: "'required'" }], attrs: { type: "hidden", "data-vv-name": "ownedBuilding-hidden" }, domProps: { value: e.houseState.ownedBuilding }, on: { input: function(n) {
     n.target.composing || e.$set(e.houseState, "ownedBuilding", n.target.value);
@@ -30968,7 +30968,7 @@ const Bq = Y0.exports, qq = N({
 });
 var H0 = function() {
   var e = this, r = e._self._c;
-  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-group" }, [r("default-select", { staticClass: "mb-3 mx-0", attrs: { id: "TypeOfCaravan", options: e.typeOfCaravan, label: "Soort caravan", placeholder: "Maak je keuze", name: "caravanType", "is-required": "" }, model: { value: e.caravanState.typeOfCaravan, callback: function(n) {
+  return e._self._setupProxy, r("simple-card", { staticClass: "vd-form-card vd-form-card--border-box", class: { "vd-form-card--flat w-100": e.isOnResultPage, [e.classes]: !!e.classes, [e.classes]: !!e.classes } }, [r("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), r("div", { staticClass: "vd-form-group" }, [r("default-select", { staticClass: "mb-3 mx-0", attrs: { id: "TypeOfCaravan", options: e.typeOfCaravan, label: "Soort caravan", placeholder: "Maak je keuze", name: "caravanType", "is-required": "" }, model: { value: e.caravanState.typeOfCaravan, callback: function(n) {
     e.$set(e.caravanState, "typeOfCaravan", n);
   }, expression: "caravanState.typeOfCaravan" } }, [r("template", { slot: "error-messages" }, [e.errors.has("caravanType:required") ? r("p", { staticClass: "vd-form-error" }, [e._v(" Kies je type caravan ")]) : e._e()])], 2)], 1), r("div", { staticClass: "vd-form-group" }, [r("default-select", { staticClass: "mb-3 mx-0", attrs: { id: "Length", options: e.length, label: "Lengte (excl. dissel)", placeholder: "Maak je keuze", name: "caravanLength", "is-required": "" }, model: { value: e.caravanState.length, callback: function(n) {
     e.$set(e.caravanState, "length", n);