@vergelijkdirect/comparison-forms 1.3.17-ver-8380.1 → 1.3.17-ver-8380.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vergelijkdirect/comparison-forms",
-  "version": "1.3.17-ver-8380.1",
+  "version": "1.3.17-ver-8380.3",
   "type": "module",
   "scripts": {
     "watch": "node server",
@@ -20,15 +20,10 @@
     "@vitejs/plugin-vue2": "^2.3.1",
     "typescript": "^5.4.5",
     "vite": "^5.0.0",
-    "vite-bundle-analyzer": "^1.1.0",
     "vite-plugin-compression2": "^0.10.6"
   },
-  "peerDependencies": {
-    "@vergelijkdirect/insurance-transmission-client": "1.3.38",
-    "moment": "^2.29.1",
-    "vee-validate": "^2.2.15"
-  },
   "dependencies": {
+    "@vergelijkdirect/insurance-transmission-client": "1.3.38",
     "@vergelijkdirect/styles": "1.1.13",
     "axios": "^1.6.8",
     "bootstrap": "^4.5.3",
@@ -37,9 +32,11 @@
     "esbuild": "^0.21.5",
     "express": "^4.18.2",
     "lodash": "^4.17.20",
+    "moment": "^2.29.1",
     "sass": "^1.30.0",
     "sirv": "^2.0.3",
     "v-mask": "^2.2.4",
+    "vee-validate": "^2.2.15",
     "vue": "2.7.14",
     "vue-popperjs": "^2.3.0",
     "vue-server-renderer": "^2.7.14"

package/dist-rollup/AddressHandler-jwYRDHTI.js

@@ -1,288 +0,0 @@
-var y = (a, e, t) => new Promise((o, i) => {
-  var b = (l) => {
-    try {
-      p(t.next(l));
-    } catch (m) {
-      i(m);
-    }
-  }, f = (l) => {
-    try {
-      p(t.throw(l));
-    } catch (m) {
-      i(m);
-    }
-  }, p = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(b, f);
-  p((t = t.apply(a, e)).next());
-});
-import { defineComponent as U, ref as n, computed as x, onMounted as $, nextTick as E } from "vue";
-import { e as H, h as G, i as M, j as z, $ as k, n as K } from "./index-WjnHra7k.js";
-import { D as W } from "./DefaultInput-zxU1ufPA.js";
-import { D as j } from "./DefaultSelect-t64f_R7v.js";
-import { E as B } from "./ErrorHandler-9Zxi6g3R.js";
-import { P as J } from "./vue-popper.min-O3ciEEKg.js";
-const Q = U({
-  components: {
-    DefaultInput: W,
-    DefaultSelect: j,
-    ErrorHandler: B,
-    Popper: J
-  },
-  props: {
-    template: {
-      type: String,
-      default: "FORM",
-      validator: (a) => ["FORM", "USER_INFORMATION", "NEW_USER_INFORMATION", "PACKAGE", "FORM_HORIZONTAL"].includes(a)
-    },
-    zipcode: {
-      type: String,
-      required: !0
-    },
-    houseNumber: {
-      type: String,
-      required: !0
-    },
-    houseNumberAddition: {
-      type: String,
-      required: !0
-    },
-    zipcodeName: {
-      type: String,
-      required: !0
-    },
-    houseNumberName: {
-      type: String,
-      required: !0
-    },
-    houseNumberAdditionName: {
-      type: String,
-      required: !0
-    },
-    showStreetAndCity: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(a, { emit: e }) {
-    const t = n(!1), o = n(!1), i = n(!1), b = n(!0), f = n(!1), p = n(""), l = n(""), m = n(""), u = n([]), c = n({
-      street: "",
-      city: ""
-    }), N = n(!1), q = [
-      {
-        rule: "required",
-        text: "Vul je postcode in"
-      },
-      {
-        rule: "regex",
-        text: "Postcode is incorrect"
-      }
-    ], S = [
-      {
-        rule: "required",
-        text: "Huisnummer is verplicht"
-      }
-    ], F = x(() => [
-      {
-        rule: H.has(a.houseNumberAdditionName),
-        text: "Een toevoeging is verplicht"
-      }
-    ]), P = x(() => [
-      {
-        rule: i.value,
-        text: "Postcode en huisnummer combinatie onbekend."
-      }
-    ]), T = x(() => t.value ? "-" : "Kies toevoeging"), R = x(() => `${f.value ? "" : "required"}|is_not:CHOOSE_OPTION`), g = (r, s, v) => y(this, null, function* () {
-      try {
-        if (M.value = !0, !r || !s) {
-          I(""), m.value = "CHOOSE_OPTION", i.value = !1, c.value.street = "", c.value.city = "", u.value = [{
-            title: "Kies een toevoeging",
-            value: "CHOOSE_OPTION",
-            disabled: !0,
-            selected: !0
-          }];
-          return;
-        }
-        u.value = [], v && (m.value = "CHOOSE_OPTION"), u.value.push({
-          title: "Kies een toevoeging",
-          value: "CHOOSE_OPTION",
-          disabled: !0,
-          selected: !0
-        }), f.value = yield w(r, s), f.value && (u.value = [...u.value, {
-          title: "Geen toevoeging",
-          value: ""
-        }]), z.homeService.getAddition({ zipcode: r, houseNumber: s }).then((d) => {
-          const h = d;
-          if (b.value = !0, A(a.houseNumberAdditionName), h.length) {
-            t.value = !1;
-            for (let C = 0; C < h.length; C++)
-              u.value = [...u.value, {
-                title: h[C],
-                value: L(h[C])
-              }];
-            i.value = !1, v || E(() => {
-              m.value = a.houseNumberAddition, _(r, s, a.houseNumberAddition);
-            });
-          } else
-            u.value[1] && (u.value[1].title = "Geen toevoeging"), t.value = !0, m.value = "", I(""), _(r, s);
-        }).catch((d) => {
-          i.value = !0, c.value.street = "", c.value.city = "", e("address-correct", !i.value), A("housenumberaddition"), console.error("Error fetching additions:", d);
-        });
-      } catch (d) {
-        console.error("Error in getHouseNumberAdditions:", d);
-      } finally {
-        M.value = !1;
-      }
-    }), w = (r, s) => y(this, null, function* () {
-      return yield z.dataValidationService.validateZipCode(r, s).then(() => !0).catch(() => !1);
-    }), V = (r) => {
-      N.value = !0, p.value = r.toUpperCase(), e("update-zipcode", r.toUpperCase()), E(() => {
-        g(r.toUpperCase(), a.houseNumber, !0);
-      });
-    }, Z = (r) => {
-      N.value = !0, e("update-house-number", r), E(() => {
-        g(a.zipcode, r, !0);
-      });
-    }, I = (r) => {
-      e("update-house-number-addition", r), _(a.zipcode, a.houseNumber, r);
-    }, _ = (r, s, v = "") => y(this, null, function* () {
-      try {
-        if (M.value = !0, !r || !s)
-          return;
-        o.value = !0, i.value = !1, c.value.street = "", c.value.city = "", e("address-correct", !i.value);
-        const { Street: d, Place: h } = yield z.dataValidationService.validateZipCode(
-          r,
-          s,
-          v
-        );
-        N.value = !1, c.value.street = d, c.value.city = h, e("update-house-information", c.value), o.value = !1;
-      } catch (d) {
-        i.value = !0, o.value = !1, e("address-correct", !i.value), A("housenumberaddition"), console.error("Error getting house information:", d);
-      } finally {
-        M.value = !1;
-      }
-    }), A = (r) => {
-      var v, d;
-      const s = k.fields.find({ name: r });
-      (s !== null || s !== void 0 && s) && (s == null || s.reset(), (d = (v = k) == null ? void 0 : v.errors) == null || d.remove(s == null ? void 0 : s.name, s == null ? void 0 : s.scope));
-    }, L = (r) => r.includes("-") ? r.replace("-", "") : r;
-    return $(() => {
-      E(() => {
-        p.value = a.zipcode, l.value = a.houseNumber, g(a.zipcode, a.houseNumber, !1);
-      });
-    }), {
-      errors: H,
-      hasNewDesign: G,
-      additionLabel: T,
-      additionValidationRules: R,
-      disableAdditionField: t,
-      isLoading: o,
-      addressError: i,
-      firstTimeCalled: b,
-      canBeWithoutAddition: f,
-      zipcodeModel: p,
-      houseNumberModel: l,
-      houseAdditionNumberModel: m,
-      additions: u,
-      houseInformation: c,
-      isAddressEditing: N,
-      props: a,
-      zipcodeErrorsData: q,
-      houseNumberErrorsData: S,
-      houseNumberAdditionErrorsData: F,
-      addressErrorsData: P,
-      getHouseNumberAdditions: g,
-      getHouseInformationWithoutAddition: w,
-      updateZipcode: V,
-      updateHouseNumber: Z,
-      updateHouseNumberAddition: I,
-      getHouseInformation: _,
-      resetFieldValidation: A
-    };
-  }
-});
-var D = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("span", [e.template === "FORM" ? t("div", { class: e.hasNewDesign ? "" : "component-mb-1" }, [t("div", { staticClass: "row" }, [t("div", { staticClass: "col-md-12" }, [t("default-input", { attrs: { id: e.zipcodeName, mask: "####AA", "autocomplete-off": !0, placeholder: "bv. 1234 AZ", 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(o) {
-    e.zipcodeModel = o;
-  }, expression: "zipcodeModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1)]), t("div", { staticClass: "row" }, [t("div", { class: e.hasNewDesign ? "house-number-field" : "col-md-6" }, [t("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(o) {
-    e.houseNumberModel = o;
-  }, expression: "houseNumberModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { style: { "white-space": e.errors.has(e.houseNumberAdditionName) ? "" : "nowrap" }, attrs: { name: e.houseNumberName, "errors-data": e.houseNumberErrorsData } })], 1)], 2)], 1), t("div", { class: e.hasNewDesign ? "house-number-addition-field" : "col-md-6" }, [t("default-select", { staticClass: "mb-0", class: { "select-empty-value": e.houseAdditionNumberModel === "CHOOSE_OPTION" }, attrs: { id: "additions", validation: e.additionValidationRules, "no-default-placeholder": !0, disabled: e.disableAdditionField, name: e.houseNumberAdditionName, placeholder: e.additionLabel, options: e.additions }, on: { input: e.updateHouseNumberAddition }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("popper", { attrs: { options: {
-      placement: "auto",
-      modifiers: { offset: { offset: "0,10px" } }
-    }, disabled: e.addressError || !e.disableAdditionField, "visible-arrow": !e.hasNewDesign, trigger: "hover" } }, [t("div", { staticClass: "popover popper vd-popover" }, [t("div", { staticClass: "popover-header vd-popover-header" }, [e._v(" Toevoeging ")]), e._v(" Voor "), e.houseInformation.street && e.houseInformation.city ? t("span", [e._v(" " + e._s(e.houseInformation.street) + " " + e._s(e.houseNumberModel) + ", " + e._s(e.houseInformation.city) + " ")]) : t("span", [e._v(" dit adres ")]), e._v(" hebben we geen toevoegingen kunnen vinden. ")]), t("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Toevoeging "), e.disableAdditionField && !e.addressError ? t("i", { staticClass: "fas fa-info-circle", class: e.hasNewDesign ? "vd-info-icon" : "text-primary cursor-pointer", attrs: { id: "popover-target" } }) : e._e(), !e.disableAdditionField && !e.addressError && e.additions.length > 2 ? t("span", { staticClass: "text-danger ml-1" }, [e._v(" *")]) : e._e()])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { "errors-data": e.houseNumberAdditionErrorsData } })];
-  }, proxy: !0 }], null, !1, 1041804111), model: { value: e.houseAdditionNumberModel, callback: function(o) {
-    e.houseAdditionNumberModel = o;
-  }, expression: "houseAdditionNumberModel" } })], 1)]), t("div", { staticClass: "row" }, [t("div", { staticClass: "col-md-12" }, [e.isLoading ? e._e() : t("div", [e.showStreetAndCity && !e.isAddressEditing && e.houseInformation.street && e.houseInformation.city ? t("div", { staticClass: "fz-medium mt-1" }, [t("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 ? t("div", { staticClass: "vd-form-error mb-0" }, [t("i", { staticClass: "fas fa-info-circle" }), e._v(" Postcode en huisnummer combinatie onbekend. ")]) : e._e()]), e.isLoading ? t("div", { staticClass: "d-flex align-items-center mt-1" }, [t("span", { staticClass: "spinner-border spinner-small fz-medium spinner-border-sm mr-1 text-primary", attrs: { role: "status", "aria-hidden": "true" } }), t("span", { staticClass: "fz-medium" }, [e._v(" Adres ophalen ")])]) : e._e()])])]) : e._e(), e.template === "FORM_HORIZONTAL" ? t("div", { class: e.hasNewDesign ? "" : "component-mb-1" }, [t("span", { staticClass: "vd-form-card__content p-0" }, [t("div", { staticClass: "vd-form-group mb-0" }, [t("default-input", { staticClass: "mx-0 mb-lg-0", attrs: { id: e.zipcodeName, mask: "####AA", placeholder: "bv. 1234 AZ", "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(o) {
-    e.zipcodeModel = o;
-  }, expression: "zipcodeModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "vd-form-group mb-0" }, [t("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(o) {
-    e.houseNumberModel = o;
-  }, expression: "houseNumberModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.houseNumberName, "errors-data": e.houseNumberErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "vd-form-group mb-0" }, [t("default-select", { staticClass: "mx-0", class: { "mb-0": e.houseInformation.street && e.houseInformation.city }, attrs: { id: "additions", validation: e.additionValidationRules, disabled: e.disableAdditionField, name: e.houseNumberAdditionName, "no-default-placeholder": !0, placeholder: e.additionLabel, options: e.additions }, on: { input: e.updateHouseNumberAddition }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("popper", { attrs: { options: {
-      placement: "auto",
-      modifiers: { offset: { offset: "0,10px" } }
-    }, disabled: e.addressError || !e.disableAdditionField, "visible-arrow": !e.hasNewDesign, trigger: "hover" } }, [t("div", { staticClass: "popover popper" }, [t("div", { staticClass: "popover-header" }, [e._v(" Toevoeging ")]), e._v(" Voor "), e.houseInformation.street && e.houseInformation.city ? t("span", [e._v(" " + e._s(e.houseInformation.street) + " " + e._s(e.houseNumberModel) + ", " + e._s(e.houseInformation.city) + " ")]) : t("span", [e._v(" dit adres ")]), e._v(" hebben we geen toevoegingen kunnen vinden. ")]), t("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Toevoeging "), e.disableAdditionField && !e.addressError ? t("i", { staticClass: "fas fa-info-circle", class: e.hasNewDesign ? "vd-info-icon" : "text-primary cursor-pointer", attrs: { id: "popover-target" } }) : e._e()])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { "errors-data": e.houseNumberAdditionErrorsData } })];
-  }, proxy: !0 }], null, !1, 3736528882), model: { value: e.houseAdditionNumberModel, callback: function(o) {
-    e.houseAdditionNumberModel = o;
-  }, expression: "houseAdditionNumberModel" } })], 1)]), e.isLoading ? e._e() : t("div", [e.showStreetAndCity && e.houseInformation.street && e.houseInformation.city ? t("div", { staticClass: "fz-medium mt-1" }, [t("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 ? t("div", { staticClass: "vd-form-error position-relative" }, [t("i", { staticClass: "fas fa-exclamation-circle" }), e._v(" Postcode en huisnummer combinatie onbekend. ")]) : e._e()]), e.isLoading ? t("div", { staticClass: "d-flex align-items-center mt-1" }, [t("span", { staticClass: "spinner-border spinner-small fz-medium spinner-border-sm mr-1 text-primary", attrs: { role: "status", "aria-hidden": "true" } }), t("span", { staticClass: "fz-medium" }, [e._v(" Adres ophalen ")])]) : e._e()]) : e._e(), e.template === "USER_INFORMATION" ? t("div", [t("div", { staticClass: "row" }, [t("div", { staticClass: "col-md-3" }, [t("default-input", { attrs: { id: e.zipcodeName, mask: "####AA", "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(o) {
-    e.zipcodeModel = o;
-  }, expression: "zipcodeModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "col-md-3" }, [t("default-input", { 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(o) {
-    e.houseNumberModel = o;
-  }, expression: "houseNumberModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.houseNumberName, "errors-data": e.houseNumberErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "col-md-6" }, [t("default-select", { attrs: { id: "additions", validation: e.additionValidationRules, disabled: e.disableAdditionField, name: e.houseNumberAdditionName, "no-default-placeholder": !0, placeholder: e.additionLabel, options: e.additions }, on: { input: e.updateHouseNumberAddition }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("popper", { attrs: { options: {
-      placement: "auto",
-      modifiers: { offset: { offset: "0,10px" } }
-    }, disabled: e.addressError || !e.disableAdditionField, "visible-arrow": !e.hasNewDesign, trigger: "hover" } }, [t("div", { staticClass: "popover popper" }, [t("div", { staticClass: "popover-header" }, [e._v(" Toevoeging ")]), e._v(" Voor "), e.houseInformation.street && e.houseInformation.city ? t("span", [e._v(" " + e._s(e.houseInformation.street) + " " + e._s(e.houseNumberModel) + ", " + e._s(e.houseInformation.city) + " ")]) : t("span", [e._v(" dit adres ")]), e._v(" hebben we geen toevoegingen kunnen vinden. ")]), t("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Toevoeging "), e.disableAdditionField && !e.addressError ? t("i", { staticClass: "fas fa-info-circle", class: e.hasNewDesign ? "vd-info-icon" : "text-primary cursor-pointer", attrs: { id: "popover-target" } }) : e._e()])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { "errors-data": e.houseNumberAdditionErrorsData } })];
-  }, proxy: !0 }], null, !1, 3736528882), model: { value: e.houseAdditionNumberModel, callback: function(o) {
-    e.houseAdditionNumberModel = o;
-  }, expression: "houseAdditionNumberModel" } })], 1)]), t("div", { staticClass: "row" }, [t("div", { staticClass: "col-md-12" }, [t("div", { staticClass: "mb-2" }, [e.addressError ? t("div", { staticClass: "vd-form-error position-relative" }, [t("i", { staticClass: "fas fa-info-circle" }), e._v(" Postcode en huisnummer combinatie onbekend. ")]) : e._e()])])])]) : e._e(), e.template === "NEW_USER_INFORMATION" ? t("div", [t("div", { staticClass: "row mt-2" }, [t("div", { staticClass: "col-xl-4 col-lg-5 col-md-5" }, [t("label", { staticClass: "mt-2 font-weight-bold cursor-pointer", attrs: { for: e.zipcodeName } }, [e._v(" Postcode ")])]), t("div", { staticClass: "col-md-3" }, [t("default-input", { attrs: { id: e.zipcodeName, "hide-label": !0, mask: "####AA", placeholder: "bv. 1234 AZ", "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(o) {
-    e.zipcodeModel = o;
-  }, expression: "zipcodeModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1)]), t("div", { staticClass: "row mt-2" }, [t("div", { staticClass: "col-xl-4 col-lg-5 col-md-5" }, [t("label", { staticClass: "mt-2 font-weight-bold cursor-pointer", attrs: { for: e.houseNumberName } }, [e._v(" Huisnummer en toevoeging ")])]), t("div", { staticClass: "col-md-3" }, [t("default-input", { attrs: { id: "houseNumber", "hide-label": !0, "autocomplete-off": !0, validation: "required|numeric", type: "text", name: e.houseNumberName, "is-required": !0 }, on: { change: e.updateHouseNumber }, model: { value: e.houseNumberModel, callback: function(o) {
-    e.houseNumberModel = o;
-  }, expression: "houseNumberModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.houseNumberName, "errors-data": e.houseNumberErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "col-md-3" }, [t("default-select", { attrs: { id: "additions", validation: e.additionValidationRules, "hide-label": !0, "no-default-placeholder": !0, disabled: e.disableAdditionField, name: e.houseNumberAdditionName, placeholder: e.additionLabel, options: e.additions }, on: { input: e.updateHouseNumberAddition }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("popper", { attrs: { options: {
-      placement: "auto",
-      modifiers: { offset: { offset: "0,10px" } }
-    }, disabled: e.addressError || !e.disableAdditionField, "visible-arrow": !e.hasNewDesign, trigger: "hover" } }, [t("div", { staticClass: "popover popper" }, [t("div", { staticClass: "popover-header" }, [e._v(" Toevoeging ")]), e._v(" Voor "), e.houseInformation.street && e.houseInformation.city ? t("span", [e._v(" " + e._s(e.houseInformation.street) + " " + e._s(e.houseNumberModel) + ", " + e._s(e.houseInformation.city) + " ")]) : t("span", [e._v(" dit adres ")]), e._v(" hebben we geen toevoegingen kunnen vinden. ")]), t("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Toevoeging "), e.disableAdditionField && !e.addressError ? t("i", { staticClass: "fas fa-info-circle", class: e.hasNewDesign ? "vd-info-icon" : "text-primary cursor-pointer", attrs: { id: "popover-target" } }) : e._e()])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { "errors-data": e.houseNumberAdditionErrorsData } })];
-  }, proxy: !0 }], null, !1, 3736528882), model: { value: e.houseAdditionNumberModel, callback: function(o) {
-    e.houseAdditionNumberModel = o;
-  }, expression: "houseAdditionNumberModel" } })], 1)])]) : e._e(), e.template === "PACKAGE" ? t("div", [t("div", { staticClass: "row" }, [t("div", { staticClass: "col-md-4" }, [t("default-input", { staticClass: "mx-0", attrs: { id: e.zipcodeName, mask: "####AA", placeholder: "bv. 1234 AZ", "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(o) {
-    e.zipcodeModel = o;
-  }, expression: "zipcodeModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.zipcodeName, "errors-data": e.zipcodeErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "col-md-4" }, [t("default-input", { staticClass: "mx-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(o) {
-    e.houseNumberModel = o;
-  }, expression: "houseNumberModel" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: e.houseNumberName, "errors-data": e.houseNumberErrorsData } })], 1)], 2)], 1), t("div", { staticClass: "col-md-4" }, [t("default-select", { staticClass: "mx-0", attrs: { id: "additions", validation: e.additionValidationRules, disabled: e.disableAdditionField, name: e.houseNumberAdditionName, "no-default-placeholder": !0, placeholder: e.additionLabel, options: e.additions }, on: { input: e.updateHouseNumberAddition }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("popper", { attrs: { options: {
-      placement: "auto",
-      modifiers: { offset: { offset: "0,10px" } }
-    }, disabled: e.addressError || !e.disableAdditionField, "visible-arrow": !e.hasNewDesign, trigger: "hover" } }, [t("div", { staticClass: "popover popper" }, [t("div", { staticClass: "popover-header" }, [e._v(" Toevoeging ")]), e._v(" Voor "), e.houseInformation.street && e.houseInformation.city ? t("span", [e._v(" " + e._s(e.houseInformation.street) + " " + e._s(e.houseNumberModel) + ", " + e._s(e.houseInformation.city) + " ")]) : t("span", [e._v(" dit adres ")]), e._v(" hebben we geen toevoegingen kunnen vinden. ")]), t("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Toevoeging "), e.disableAdditionField && !e.addressError ? t("i", { staticClass: "fas fa-info-circle", class: e.hasNewDesign ? "vd-info-icon" : "text-primary cursor-pointer", attrs: { id: "popover-target" } }) : e._e()])])];
-  }, proxy: !0 }, { key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { "errors-data": e.houseNumberAdditionErrorsData } })];
-  }, proxy: !0 }], null, !1, 3736528882), model: { value: e.houseAdditionNumberModel, callback: function(o) {
-    e.houseAdditionNumberModel = o;
-  }, expression: "houseAdditionNumberModel" } })], 1)]), t("div", { staticClass: "row" }, [t("div", { staticClass: "col-md-12" }, [t("div", { staticClass: "mb-2" }, [e.showStreetAndCity && e.houseInformation.street && e.houseInformation.city ? t("div", { staticClass: "text-success fz-small font-weight-bold" }, [t("i", { staticClass: "fas fa-info-circle" }), e._v(" " + e._s(e.houseInformation.street) + ", " + e._s(e.houseInformation.city) + " ")]) : e._e(), t("ErrorHandler", { attrs: { "errors-data": e.addressErrorsData } })], 1)])])]) : e._e(), t("input", { directives: [{ name: "model", rawName: "v-model", value: e.addressError, expression: "addressError" }, { name: "validate", rawName: "v-validate", value: { isValue: "false" }, expression: "{ isValue: 'false' }" }], attrs: { type: "hidden", name: "hidden-adress-error" }, domProps: { value: e.addressError }, on: { input: function(o) {
-    o.target.composing || (e.addressError = o.target.value);
-  } } })]);
-}, X = [];
-D._withStripped = !0;
-var O = /* @__PURE__ */ K(
-  Q,
-  D,
-  X,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-O.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/AddressHandler.vue";
-const ie = O.exports;
-export {
-  ie as A
-};

package/dist-rollup/BikeForm-30I53uCm.js

@@ -1,126 +0,0 @@
-import { defineComponent as c } from "vue";
-import { u as m, b as p, a as b, c as f } from "./bikeBrands.model-FYepHp3k.js";
-import { F as k, b as v, u as S, e as _, n as h } from "./index-WjnHra7k.js";
-import { S as g } from "./SimpleCard-_Mg9wAqJ.js";
-import { D as x } from "./DefaultSelect-t64f_R7v.js";
-import { D as C } from "./DefaultInput-zxU1ufPA.js";
-import { Z as B } from "./ZipcodeInput-z5W6JSl0.js";
-import { B as y } from "./BirthdateInput-1tsGzxTx.js";
-import { E } from "./ErrorHandler-9Zxi6g3R.js";
-import { A as q } from "./AddressHandler-jwYRDHTI.js";
-import { B as j } from "./form-radio-group-J-EQJhh9.js";
-import "./common-J_DOueuE.js";
-import "@vergelijkdirect/insurance-transmission-client";
-import "./Session.util-aedjr12J.js";
-import "./array.util-agNtEyks.js";
-import "vee-validate";
-import "moment";
-import "./vue-popper.min-O3ciEEKg.js";
-import "./_commonjsHelpers-4t9S7M5p.js";
-const z = c({
-  name: "BikeForm",
-  components: {
-    SimpleCard: g,
-    DefaultSelect: x,
-    DefaultInput: C,
-    ZipcodeInput: B,
-    BirthdateInput: y,
-    ErrorHandler: E,
-    AddressHandler: q,
-    BFormRadioGroup: j
-  },
-  props: {
-    link: {
-      type: String,
-      required: !0
-    },
-    formLocation: {
-      type: String,
-      required: !1,
-      default: k.isBeforeFlow
-    },
-    title: {
-      type: String,
-      default: "Fietsverzekering vergelijken"
-    },
-    showTitle: {
-      type: Boolean,
-      default: !0
-    },
-    userInformation: {
-      required: !1
-    },
-    insuranceState: {
-      required: !1
-    },
-    classes: {
-      type: String
-    },
-    additionalOptions: {
-      required: !1
-    }
-  },
-  setup(a, { emit: e }) {
-    const {
-      hasBikeConditionError: t,
-      priceValidation: r,
-      houseError: o,
-      acceptableAges: n,
-      EBikes: d,
-      checkBikeCondition: l,
-      validateBeforeSubmit: u
-    } = m(a, e);
-    return {
-      bikeState: v,
-      userState: S,
-      bikeKinds: p,
-      bikeConditions: b,
-      bikeBrands: f,
-      errors: _,
-      hasBikeConditionError: t,
-      priceValidation: r,
-      houseError: o,
-      acceptableAges: n,
-      EBikes: d,
-      checkBikeCondition: l,
-      validateBeforeSubmit: u
-    };
-  }
-});
-var i = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("simple-card", { staticClass: "vd-form-card vd-new-form", class: { [e.classes]: !!e.classes } }, [t("div", { staticClass: "vd-form-card__header" }, [e.showTitle ? t("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e()]), t("div", { staticClass: "vd-form-card__content" }, [t("default-select", { class: { "select-empty-value": !e.bikeState.kind }, attrs: { id: "kind", label: "Soort fiets", name: "kind", placeholder: "Maak een keuze", options: e.bikeKinds, "is-required": "" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { name: "kind", "errors-data": [{ rule: "required", text: "Selecteer je fiets" }] } })];
-  }, proxy: !0 }]), model: { value: e.bikeState.kind, callback: function(r) {
-    e.$set(e.bikeState, "kind", e._n(r));
-  }, expression: "bikeState.kind" } }), e.EBikes.includes(e.bikeState.kind) ? t("default-select", { class: { "select-empty-value": !e.bikeState.brand }, attrs: { id: "brand", label: "Merk fiets", name: "brand", placeholder: "Maak een keuze", options: e.bikeBrands, "is-required": "" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { name: "brand", "errors-data": [{ rule: "required", text: "Selecteer je merk fiets" }] } })];
-  }, proxy: !0 }], null, !1, 515551850), model: { value: e.bikeState.brand, callback: function(r) {
-    e.$set(e.bikeState, "brand", r);
-  }, expression: "bikeState.brand" } }) : e._e(), t("div", { staticClass: "vd-form-group" }, [t("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": (r) => e.userState.zipcode = r, "update-house-number": (r) => e.userState.houseNumber = r, "update-house-number-addition": (r) => e.userState.houseNumberAddition = r, "update-house-information": (r) => Object.assign(e.userState, r), "address-correct": (r) => e.houseError = !r } })], 1), t("birthdate-input", { attrs: { "ages-range": { min: e.acceptableAges.min, max: e.acceptableAges.max }, label: "Geboortedatum hoofdbestuurder" }, model: { value: e.userState.birthdate, callback: function(r) {
-    e.$set(e.userState, "birthdate", r);
-  }, expression: "userState.birthdate" } }), t("div", { staticClass: "vd-form-group vd-radio-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "condition" } }, [e._v(" Gekocht als "), t("span", { staticClass: "text-danger mr-3 mt-2" }, [e._v("*")])]), t("b-form-radio-group", { staticClass: "vd-radio-buttons", attrs: { options: e.bikeConditions, "text-field": "label", name: "condition" }, on: { change: e.checkBikeCondition }, model: { value: e.bikeState.condition, callback: function(r) {
-    e.$set(e.bikeState, "condition", r);
-  }, expression: "bikeState.condition" } }), t("ErrorHandler", { attrs: { "errors-data": [{ rule: e.hasBikeConditionError, text: "Is je fiets nieuw of tweedehands gekocht?" }] } })], 1), t("default-input", { attrs: { id: "price", mask: "#####", "has-prepend": !0, "prepend-text": "€", name: "price", label: "Aankoopprijs", placeholder: "bv. 1 000", type: "text", "is-required": "", validation: e.priceValidation.rules }, model: { value: e.bikeState.price, callback: function(r) {
-    e.$set(e.bikeState, "price", r);
-  }, expression: "bikeState.price" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: "price", "errors-data": [
-    { rule: "required", text: "Vul de aankoopprijs in (afgerond bedrag)" },
-    { rule: "max_value", text: e.priceValidation.text.max_value }
-  ] } })], 1)], 2)], 1), t("div", { staticClass: "vd-form-card__footer" }, [t("button", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", on: { click: e.validateBeforeSubmit } }, [e._v(" Vergelijken ")])])]);
-}, A = [];
-i._withStripped = !0;
-var s = /* @__PURE__ */ h(
-  z,
-  i,
-  A,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-s.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/bike/components/forms/BikeForm.vue";
-const Q = s.exports;
-export {
-  Q as default
-};

package/dist-rollup/BikeFormHorizontal-u1PW-9KV.js

@@ -1,126 +0,0 @@
-import { defineComponent as c } from "vue";
-import { u as m, b as p, a as b, c as f } from "./bikeBrands.model-FYepHp3k.js";
-import { F as k, b as v, u as S, e as h, n as _ } from "./index-WjnHra7k.js";
-import { S as g } from "./SimpleCard-_Mg9wAqJ.js";
-import { D as x } from "./DefaultSelect-t64f_R7v.js";
-import { D as C } from "./DefaultInput-zxU1ufPA.js";
-import { Z as B } from "./ZipcodeInput-z5W6JSl0.js";
-import { B as z } from "./BirthdateInput-1tsGzxTx.js";
-import { E as y } from "./ErrorHandler-9Zxi6g3R.js";
-import { A as E } from "./AddressHandler-jwYRDHTI.js";
-import { B as j } from "./form-radio-group-J-EQJhh9.js";
-import "./common-J_DOueuE.js";
-import "@vergelijkdirect/insurance-transmission-client";
-import "./Session.util-aedjr12J.js";
-import "./array.util-agNtEyks.js";
-import "vee-validate";
-import "moment";
-import "./vue-popper.min-O3ciEEKg.js";
-import "./_commonjsHelpers-4t9S7M5p.js";
-const q = c({
-  name: "BikeFormHorizontal",
-  components: {
-    SimpleCard: g,
-    DefaultSelect: x,
-    DefaultInput: C,
-    ZipcodeInput: B,
-    BirthdateInput: z,
-    ErrorHandler: y,
-    AddressHandler: E,
-    BFormRadioGroup: j
-  },
-  props: {
-    link: {
-      type: String,
-      required: !0
-    },
-    formLocation: {
-      type: String,
-      required: !1,
-      default: k.isBeforeFlow
-    },
-    title: {
-      type: String,
-      default: "Fietsverzekering vergelijken"
-    },
-    showTitle: {
-      type: Boolean,
-      default: !0
-    },
-    userInformation: {
-      required: !1
-    },
-    insuranceState: {
-      required: !1
-    },
-    classes: {
-      type: String
-    },
-    additionalOptions: {
-      required: !1
-    }
-  },
-  setup(a, { emit: e }) {
-    const {
-      hasBikeConditionError: t,
-      priceValidation: r,
-      houseError: s,
-      acceptableAges: n,
-      EBikes: d,
-      checkBikeCondition: l,
-      validateBeforeSubmit: u
-    } = m(a, e);
-    return {
-      bikeState: v,
-      userState: S,
-      bikeKinds: p,
-      bikeConditions: b,
-      bikeBrands: f,
-      errors: h,
-      hasBikeConditionError: t,
-      priceValidation: r,
-      houseError: s,
-      acceptableAges: n,
-      EBikes: d,
-      checkBikeCondition: l,
-      validateBeforeSubmit: u
-    };
-  }
-});
-var o = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("simple-card", { staticClass: "vd-new-form vd-form-card vd-form-card--horizontal", class: { [e.classes]: !!e.classes } }, [e.showTitle ? t("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]) : e._e(), t("div", { staticClass: "vd-form-card__content" }, [t("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 [t("ErrorHandler", { attrs: { name: "kind", "errors-data": [{ rule: "required", text: "Selecteer je fiets" }] } })];
-  }, proxy: !0 }]), model: { value: e.bikeState.kind, callback: function(r) {
-    e.$set(e.bikeState, "kind", e._n(r));
-  }, expression: "bikeState.kind" } }), e.EBikes.includes(e.bikeState.kind) ? t("default-select", { class: { "select-empty-value": !e.bikeState.brand }, attrs: { id: "brand", label: "Merk fiets", name: "brand", placeholder: "Maak een keuze", options: e.bikeBrands, "is-required": "" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
-    return [t("ErrorHandler", { attrs: { name: "brand", "errors-data": [{ rule: "required", text: "Selecteer je merk fiets" }] } })];
-  }, proxy: !0 }], null, !1, 515551850), model: { value: e.bikeState.brand, callback: function(r) {
-    e.$set(e.bikeState, "brand", r);
-  }, expression: "bikeState.brand" } }) : e._e(), t("div", { staticClass: "vd-form-group vd-form-group--address-handler-block" }, [t("address-handler", { staticClass: "address-handler-horizontal-block", attrs: { "zipcode-name": "zipcode", "show-street-and-city": !0, "house-number-name": "housenumber", template: "FORM_HORIZONTAL", "house-number-addition-name": "housenumberaddition", zipcode: e.userState.zipcode, "house-number": e.userState.houseNumber, "house-number-addition": e.userState.houseNumberAddition }, on: { "update-zipcode": (r) => e.userState.zipcode = r, "update-house-number": (r) => e.userState.houseNumber = r, "update-house-number-addition": (r) => e.userState.houseNumberAddition = r, "update-house-information": (r) => Object.assign(e.userState, r), "address-correct": (r) => e.houseError = !r } })], 1), t("birthdate-input", { attrs: { "ages-range": { min: e.acceptableAges.min, max: e.acceptableAges.max }, label: "Geboortedatum hoofdbestuurder" }, model: { value: e.userState.birthdate, callback: function(r) {
-    e.$set(e.userState, "birthdate", r);
-  }, expression: "userState.birthdate" } }), t("div", { staticClass: "vd-form-group vd-radio-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "condition" } }, [e._v(" Gekocht als "), t("span", { staticClass: "text-danger mr-3 mt-2" }, [e._v("*")])]), t("b-form-radio-group", { staticClass: "vd-radio-buttons mt-md-3 mt-xl-0", attrs: { options: e.bikeConditions, "text-field": "label", name: "condition" }, on: { change: e.checkBikeCondition }, model: { value: e.bikeState.condition, callback: function(r) {
-    e.$set(e.bikeState, "condition", r);
-  }, expression: "bikeState.condition" } }), t("ErrorHandler", { attrs: { "errors-data": [{ rule: e.hasBikeConditionError, text: "Is je fiets nieuw of tweedehands gekocht?" }] } })], 1), t("default-input", { attrs: { id: "price", mask: "#####", "has-prepend": !0, "prepend-text": "€", name: "price", label: "Aankoopprijs", placeholder: "bv. 1 000", type: "text", "is-required": "", validation: e.priceValidation.rules }, model: { value: e.bikeState.price, callback: function(r) {
-    e.$set(e.bikeState, "price", r);
-  }, expression: "bikeState.price" } }, [t("template", { slot: "error-messages" }, [t("ErrorHandler", { attrs: { name: "price", "errors-data": [
-    { rule: "required", text: "Vul de aankoopprijs in (afgerond bedrag)" },
-    { rule: "max_value", text: e.priceValidation.text.max_value }
-  ] } })], 1)], 2), t("div", { staticClass: "vd-form-group vd-form-group__button" }, [t("button", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", on: { click: e.validateBeforeSubmit } }, [e._v(" Vergelijken ")])])], 1)]);
-}, A = [];
-o._withStripped = !0;
-var i = /* @__PURE__ */ _(
-  q,
-  o,
-  A,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-i.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/bike/components/forms/BikeFormHorizontal.vue";
-const Q = i.exports;
-export {
-  Q as default
-};