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

package/dist-rollup/AddressHandler-jwYRDHTI.js

@@ -0,0 +1,288 @@
+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

@@ -0,0 +1,126 @@
+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

@@ -0,0 +1,126 @@
+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
+};

package/dist-rollup/BirthdateInput-1tsGzxTx.js

@@ -0,0 +1,84 @@
+import { defineComponent as i, ref as m, computed as d } from "vue";
+import l from "moment";
+import { h as p, n as c } from "./index-WjnHra7k.js";
+import { D as f } from "./DefaultInput-zxU1ufPA.js";
+import { E as _ } from "./ErrorHandler-9Zxi6g3R.js";
+function g(t) {
+  return t.valueOf().toString().substr(6, 12);
+}
+function b() {
+  function t(e) {
+    const r = g(/* @__PURE__ */ new Date());
+    return `${e}-${r}`;
+  }
+  return {
+    inputId: t
+  };
+}
+const h = i({
+  name: "BirthdateInput",
+  components: {
+    ErrorHandler: _,
+    DefaultInput: f
+  },
+  props: {
+    agesRange: {
+      required: !1,
+      default: () => ({
+        min: 18,
+        max: 99
+      })
+    },
+    label: {
+      required: !1,
+      default: "Geboortedatum"
+    }
+  },
+  setup(t, { attrs: e, listeners: r }) {
+    const { inputId: s } = b(), n = m(+l().format("YYYY")), u = d(() => [
+      {
+        rule: "required",
+        text: "Geboortedatum is verplicht"
+      },
+      {
+        rule: "date_format",
+        text: "Geboortedatum is incorrect"
+      },
+      {
+        rule: "ageRange",
+        text: `Je dient tussen ${n.value - t.agesRange.max} en ${n.value - t.agesRange.min} te zijn geboren`
+      }
+    ]);
+    return {
+      hasNewDesign: p,
+      attrs: e,
+      listeners: r,
+      errorsData: u,
+      currentYear: n,
+      inputId: s
+    };
+  }
+});
+var a = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r("DefaultInput", e._g(e._b({ attrs: { id: e.inputId("birthdate"), name: "birthdate", type: "text", placeholder: "DD-MM-JJJJ", label: e.label, mask: "##-##-####", validation: `required|date_format:dd-MM-yyyy|ageRange:${e.agesRange.min},${e.agesRange.max}`, "is-required": !0 }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+    return [r("ErrorHandler", { attrs: { name: "birthdate", "errors-data": e.errorsData } })];
+  }, proxy: !0 }]) }, "DefaultInput", e.attrs, !1), e.listeners));
+}, v = [];
+a._withStripped = !0;
+var o = /* @__PURE__ */ c(
+  h,
+  a,
+  v,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+o.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/inputs/BirthdateInput.vue";
+const q = o.exports;
+export {
+  q as B,
+  b as u
+};