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

package/dist-rollup/PackageForm-HcPVbqOI.js

@@ -0,0 +1,305 @@
+var p = (r, e, t) => new Promise((a, i) => {
+  var n = (s) => {
+    try {
+      o(t.next(s));
+    } catch (u) {
+      i(u);
+    }
+  }, c = (s) => {
+    try {
+      o(t.throw(s));
+    } catch (u) {
+      i(u);
+    }
+  }, o = (s) => s.done ? a(s.value) : Promise.resolve(s.value).then(n, c);
+  o((t = t.apply(r, e)).next());
+});
+import { ref as D, onMounted as w, defineComponent as f, computed as $ } from "vue";
+import { u as m, p as _, v as j, q as d, $ as N, e as A, n as v, h as P, i as R } from "./index-WjnHra7k.js";
+import { r as E } from "./array.util-agNtEyks.js";
+import { u as V } from "./common-J_DOueuE.js";
+import { S as I } from "./SimpleCard-_Mg9wAqJ.js";
+import { E as z } from "./ErrorHandler-9Zxi6g3R.js";
+import { D as F } from "./DefaultInput-zxU1ufPA.js";
+import { E as L, P as M } from "./PhoneInput-l6YwvwSj.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+import "./Session.util-aedjr12J.js";
+const H = [
+  {
+    title: "Aansprakelijkheidsverzekering",
+    value: "liability"
+  },
+  {
+    title: "Autoverzekering",
+    value: "car"
+  },
+  {
+    title: "Inboedelverzekering",
+    value: "household"
+  },
+  {
+    title: "Motorverzekering",
+    value: "motor"
+  },
+  {
+    title: "Opstalverzekering",
+    value: "home"
+  },
+  {
+    title: "Rechtsbijstandverzekering",
+    value: "legal-assistance"
+  },
+  {
+    title: "Reisverzekering",
+    value: "travel"
+  }
+], K = () => {
+  const r = {
+    name: "phoneNumber",
+    data: m.phoneNumber
+  }, e = {
+    name: "insurances",
+    data: _.selectedComparisons
+  };
+  return [r, e];
+}, B = (r, e) => {
+  const {
+    submitFormAndCreateComparison: t,
+    removeSessionState: a,
+    openQuotationModal: i
+  } = V(e), n = D(!1), c = "https://mijn.vergelijkdirect.com/docs/VOORWAARDEN-MV.pdf", o = "https://vergelijkdirect.com/", s = () => `${r.link}#/<<COMPARISONID>>`, u = () => p(void 0, null, function* () {
+    return yield j([
+      "comparisons",
+      "firstName",
+      "phonenumber",
+      "formEmail",
+      "agreement"
+    ]);
+  }), x = (l) => {
+    console.error(l), d.refId = "192", d.notes.push({
+      text: `Voornaam: ${m.firstName} | Mobiele telefoonnummer: ${m.phoneNumber} | E-mailadres: ${m.email}`
+    }), d.notes = E(d.notes), i();
+  }, q = () => p(void 0, null, function* () {
+    try {
+      if (yield u()) {
+        const l = K();
+        yield t("package", l, s());
+      }
+    } catch (l) {
+      x(l);
+    }
+  });
+  return w(() => {
+    a("package-storage", "package-path");
+  }), {
+    agreement: n,
+    conditionsLink: c,
+    siteLink: o,
+    validateBeforeSubmit: q
+  };
+}, G = f({
+  name: "DefaultCheckbox",
+  inheritAttrs: !1,
+  props: {
+    value: {},
+    modelValue: {},
+    validation: {
+      required: !1,
+      default: "required"
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(r, { emit: e }) {
+    const t = $({
+      get() {
+        return r.value;
+      },
+      set(a) {
+        r.validation && N.validate(r.name, String(!r.value)), e("input", a);
+      }
+    });
+    return {
+      errors: A,
+      model: t
+    };
+  }
+});
+var g = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("label", { staticClass: "vd-form-checkbox", class: { disabled: e.$attrs.disabled } }, [t("input", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.model, expression: "model" }, { name: "validate", rawName: "v-validate", value: e.validation, expression: "validation" }], attrs: { name: e.name, type: "checkbox" }, domProps: { value: e.modelValue, checked: Array.isArray(e.model) ? e._i(e.model, e.modelValue) > -1 : e.model }, on: { change: function(a) {
+    var i = e.model, n = a.target, c = !!n.checked;
+    if (Array.isArray(i)) {
+      var o = e.modelValue, s = e._i(i, o);
+      n.checked ? s < 0 && (e.model = i.concat([o])) : s > -1 && (e.model = i.slice(0, s).concat(i.slice(s + 1)));
+    } else
+      e.model = c;
+  } } }, "input", e.$attrs, !1)), t("div", { staticClass: "indicator", class: { error: e.errors.has(e.name) } }), e.label ? t("span", { staticClass: "label", class: { "text-red": e.errors.has(e.name) } }, [e._v(" " + e._s(e.label) + " ")]) : t("span", { staticClass: "label" }, [e._t("title")], 2)]);
+}, O = [];
+g._withStripped = !0;
+var k = /* @__PURE__ */ v(
+  G,
+  g,
+  O,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+k.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/inputs/DefaultCheckbox.vue";
+const h = k.exports, U = f({
+  name: "DefaultCheckboxGroup",
+  components: {
+    DefaultCheckbox: h
+  },
+  props: {
+    options: {
+      type: Array,
+      required: !0
+    },
+    validation: {
+      required: !1,
+      default: "required"
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    titleKey: {
+      type: String,
+      default: "title"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    isRequired: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { emit: e }) {
+    function t(a) {
+      e("input", a);
+    }
+    return {
+      onChange: t
+    };
+  }
+});
+var b = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "vd-checkbox-group" }, [e.label ? t("label", [e._v(e._s(e.label) + " "), e.isRequired ? t("span", { staticClass: "text-danger ml-1 mt-2" }, [e._v("*")]) : e._e()]) : e._e(), t("div", { staticClass: "inputs" }, e._l(e.options, function(a) {
+    return t("default-checkbox", e._b({ key: a.id || a[e.valueKey], attrs: { modelValue: a[e.valueKey], validation: e.validation, id: a.id || a[e.valueKey], label: a[e.titleKey], name: e.name, required: e.isRequired }, on: { input: e.onChange } }, "default-checkbox", e.$attrs, !1));
+  }), 1), e._t("error-messages")], 2);
+}, W = [];
+b._withStripped = !0;
+var C = /* @__PURE__ */ v(
+  U,
+  b,
+  W,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+C.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/inputs/DefaultCheckboxGroup.vue";
+const Q = C.exports, T = f({
+  name: "PackageForm",
+  components: {
+    DefaultCheckbox: h,
+    DefaultCheckboxGroup: Q,
+    DefaultInput: F,
+    ErrorHandler: z,
+    SimpleCard: I,
+    EmailInput: L,
+    PhoneInput: M
+  },
+  props: {
+    title: {
+      required: !1,
+      type: String,
+      default: "Start nu tijdelijk GRATIS de verzekeringscheck (t.w.v. €79,-)"
+    },
+    description: {
+      required: !1,
+      type: String,
+      default: "Selecteer de verzekeringen die je wilt combineren"
+    },
+    link: {
+      type: String,
+      required: !0
+    },
+    insuranceState: {
+      required: !1
+    },
+    classes: {
+      type: String
+    }
+  },
+  setup(r, { emit: e }) {
+    const {
+      agreement: t,
+      conditionsLink: a,
+      siteLink: i,
+      validateBeforeSubmit: n
+    } = B(r, e);
+    return {
+      hasNewDesign: P,
+      userState: m,
+      packageState: _,
+      ComparisonsPackages: H,
+      isRequestIsHandling: R,
+      agreement: t,
+      conditionsLink: a,
+      siteLink: i,
+      validateBeforeSubmit: n
+    };
+  }
+});
+var S = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("simple-card", { staticClass: "package-form vd-form-card vd-new-form", class: { [e.classes]: !!e.classes }, attrs: { "has-new-style": !0, "no-title": !1 } }, [t("div", { staticClass: "d-flex flex-column" }, [t("div", { staticClass: "package-form__title" }, [t("h3", [e._v(e._s(e.title))]), t("i", { staticClass: "ml-2 fas fa-arrow-right" })]), t("div", { staticClass: "d-flex flex-column justify-content-between flex-grow-1" }, [t("div", { staticClass: "comparisons-container" }, [t("div", { staticClass: "comparisons-container__options" }, [t("h6", [e._v(e._s(e.description))]), t("default-checkbox-group", { staticClass: "checkboxes", attrs: { validation: "required", options: e.ComparisonsPackages, name: "comparisons" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+    return [t("ErrorHandler", { attrs: { name: "comparisons", "errors-data": [{ rule: "required", text: "Dit veld is verplicht" }] } })];
+  }, proxy: !0 }]), model: { value: e.packageState.selectedComparisons, callback: function(a) {
+    e.$set(e.packageState, "selectedComparisons", a);
+  }, expression: "packageState.selectedComparisons" } })], 1)])])]), t("div", { staticClass: "package-form__form" }, [t("div", { staticClass: "vd-form-group" }, [t("default-input", { attrs: { id: "firstName", name: "firstName", label: "Voornaam", placeholder: "bv. Herman", type: "text", "is-required": "" }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+    return [t("ErrorHandler", { attrs: { name: "firstName", "errors-data": [{ rule: "required", text: "Dit veld is verplicht" }] } })];
+  }, proxy: !0 }]), model: { value: e.userState.firstName, callback: function(a) {
+    e.$set(e.userState, "firstName", a);
+  }, expression: "userState.firstName" } })], 1), t("div", { staticClass: "vd-form-group" }, [t("phone-input", { attrs: { id: "phonenumber", name: "phonenumber", "is-required": !0 } })], 1), t("div", { staticClass: "vd-form-group" }, [t("email-input", { attrs: { id: "formEmail", name: "formEmail", "is-required": !0 }, model: { value: e.userState.email, callback: function(a) {
+    e.$set(e.userState, "email", a);
+  }, expression: "userState.email" } })], 1), t("div", { staticClass: "vd-form-group" }, [t("default-checkbox", { staticClass: "agreement", attrs: { validation: "required", value: e.agreement, name: "agreement" }, on: { input: (a) => e.agreement = a }, scopedSlots: e._u([{ key: "title", fn: function() {
+    return [e._v(" Ik ga akkoord met de "), t("a", { attrs: { href: e.conditionsLink, target: "_blank" } }, [e._v("voorwaarden")]), e._v(" en "), t("a", { attrs: { href: e.siteLink, target: "_blank" } }, [e._v("Vergelijkdirect.com")]), e._v(" mag mij telefonisch, via WhatsApp en per e-mail benaderen. ")];
+  }, proxy: !0 }]) })], 1), t("div", { staticClass: "vd-form-group mb-0" }, [t("div", { staticClass: "submit-btn vd-btn vd-btn-green vd-btn-w-100", attrs: { disabled: e.isRequestIsHandling }, on: { click: e.validateBeforeSubmit } }, [e._v(" Ga verder "), t("i", { staticClass: "icon fas fa-chevron-right ml-2" })])])])]);
+}, J = [];
+S._withStripped = !0;
+var y = /* @__PURE__ */ v(
+  T,
+  S,
+  J,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+y.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/package/components/forms/PackageForm.vue";
+const ue = y.exports;
+export {
+  ue as default
+};

package/dist-rollup/PetForm-OvLvibk1.js

@@ -0,0 +1,115 @@
+import { defineComponent as c } from "vue";
+import { F as m, r as u, e as f, h as v, s as _, i as g, n as S } from "./index-WjnHra7k.js";
+import { S as b, u as h, p as k, a as x } from "./SearchableSelect-1GCKHHKe.js";
+import { S as C } from "./SimpleCard-_Mg9wAqJ.js";
+import { D as y } from "./DefaultSelect-t64f_R7v.js";
+import { Z as w } from "./ZipcodeInput-z5W6JSl0.js";
+import { E as F } from "./ErrorHandler-9Zxi6g3R.js";
+import { B } from "./form-radio-group-J-EQJhh9.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+import "./common-J_DOueuE.js";
+import "./Session.util-aedjr12J.js";
+import "./array.util-agNtEyks.js";
+import "./DefaultInput-zxU1ufPA.js";
+const I = c({
+  name: "PetForm",
+  components: {
+    SimpleCard: C,
+    DefaultSelect: y,
+    ZipcodeInput: w,
+    ErrorHandler: F,
+    SearchableSelect: b,
+    BFormRadioGroup: B
+  },
+  props: {
+    link: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "Dierenverzekering vergelijken"
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    formLocation: {
+      type: String,
+      required: !1,
+      default: m.isBeforeFlow
+    },
+    userInformation: {
+      required: !1
+    },
+    insuranceState: {
+      required: !1
+    },
+    classes: {
+      type: String
+    }
+  },
+  setup(r, { emit: e }) {
+    const {
+      genderError: t,
+      ageOptions: a,
+      raceList: i,
+      isFormReady: n,
+      validateBeforeSubmit: l,
+      setBreedId: d,
+      getRaceLists: p
+    } = h(r, e);
+    return {
+      petState: u,
+      petKinds: k,
+      petGenders: x,
+      errors: f,
+      hasNewDesign: v,
+      isITCInitialized: _,
+      isRequestIsHandling: g,
+      genderError: t,
+      ageOptions: a,
+      raceList: i,
+      isFormReady: n,
+      setBreedId: d,
+      getRaceLists: p,
+      validateBeforeSubmit: l
+    };
+  }
+});
+var s = 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("label", { staticClass: "vd-form-group__label", attrs: { for: "kind" } }, [e._v(" Soort huisdier ")]), t("default-select", { attrs: { id: "kind", options: e.petKinds, "data-vv-name": "kind", "no-default-placeholder": !0, "hide-label": !0, name: "kind" }, on: { input: function(a) {
+    return e.setBreedId(null);
+  } }, model: { value: e.petState.kind, callback: function(a) {
+    e.$set(e.petState, "kind", a);
+  }, expression: "petState.kind" } }), t("div", { staticClass: "vd-form-group vd-radio-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "sex" } }, [e._v(" Geslacht ")]), t("b-form-radio-group", { staticClass: "vd-radio-buttons", attrs: { options: e.petGenders, "data-vv-name": "sex", name: "sex" }, model: { value: e.petState.sex, callback: function(a) {
+    e.$set(e.petState, "sex", a);
+  }, expression: "petState.sex" } }), t("ErrorHandler", { attrs: { "errors-data": [{ rule: e.genderError, text: "Huurwoning is verplicht" }] } })], 1), t("label", { staticClass: "vd-form-group__label", attrs: { for: "age" } }, [e._v(" Leeftijd ")]), t("default-select", { attrs: { id: "age", options: e.ageOptions, "data-vv-name": "age", "no-default-placeholder": !0, "hide-label": !0, name: "age" }, model: { value: e.petState.age, callback: function(a) {
+    e.$set(e.petState, "age", a);
+  }, expression: "petState.age" } }), t("zipcode-input", { attrs: { id: "postcode", name: "postcode", "is-required": "" }, model: { value: e.petState.postcode, callback: function(a) {
+    e.$set(e.petState, "postcode", a);
+  }, expression: "petState.postcode" } }), t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label" }, [e._v(" Ras "), t("span", { staticClass: "text-danger mr-3 mt-2" }, [e._v("*")])]), e.isFormReady ? t("searchable-select", { key: e.petState.kind, attrs: { name: "breed-value", placeholder: "Typ of selecteer", label: "Ras", options: e.raceList }, on: { change: e.setBreedId }, model: { value: e.petState.breed, callback: function(a) {
+    e.$set(e.petState, "breed", a);
+  }, expression: "petState.breed" } }) : e._e(), t("div", [t("ErrorHandler", { attrs: { name: "breed-value", "errors-data": [{ rule: "required", text: "Selecteer een ras" }] } })], 1), t("input", { directives: [{ name: "model", rawName: "v-model", value: e.petState.breed, expression: "petState.breed" }], attrs: { type: "hidden", name: "breed" }, domProps: { value: e.petState.breed }, on: { input: function(a) {
+    a.target.composing || e.$set(e.petState, "breed", a.target.value);
+  } } }), t("span", { staticClass: "vd-form-additional-info-text" }, [t("i", { staticClass: "fas fa-info-circle vd-tip-icon vd-tip-icon_additional-text", attrs: { slot: "reference", id: "popover-target-breed" }, slot: "reference" }), t("span", [e._v("Geen rashond of kruising? Selecteer dan het ras waar deze het meeste op lijkt.")])])], 1)], 1), t("div", { staticClass: "vd-form-card__footer" }, [t("button", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", attrs: { disabled: e.isRequestIsHandling }, on: { click: e.validateBeforeSubmit } }, [e._v(" Vergelijken ")])])]);
+}, R = [];
+s._withStripped = !0;
+var o = /* @__PURE__ */ S(
+  I,
+  s,
+  R,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+o.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/pet/components/forms/PetForm.vue";
+const U = o.exports;
+export {
+  U as default
+};

package/dist-rollup/PetFormHorizontal-u7P_iNbx.js

@@ -0,0 +1,124 @@
+import { defineComponent as m } from "vue";
+import { F as u, r as f, e as v, h as g, i as b, n as _ } from "./index-WjnHra7k.js";
+import { S, u as h, p as k, a as C } from "./SearchableSelect-1GCKHHKe.js";
+import { S as x } from "./SimpleCard-_Mg9wAqJ.js";
+import { D as y } from "./DefaultSelect-t64f_R7v.js";
+import { Z as w } from "./ZipcodeInput-z5W6JSl0.js";
+import { E as z } from "./ErrorHandler-9Zxi6g3R.js";
+import { P as j } from "./vue-popper.min-O3ciEEKg.js";
+import { B as F } from "./form-radio-group-J-EQJhh9.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+import "./common-J_DOueuE.js";
+import "./Session.util-aedjr12J.js";
+import "./array.util-agNtEyks.js";
+import "./DefaultInput-zxU1ufPA.js";
+import "./_commonjsHelpers-4t9S7M5p.js";
+const R = m({
+  name: "PetFormHorizontal",
+  components: {
+    SimpleCard: x,
+    DefaultSelect: y,
+    ZipcodeInput: w,
+    SearchableSelect: S,
+    ErrorHandler: z,
+    BFormRadioGroup: F,
+    Popper: j
+  },
+  props: {
+    link: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "Dierenverzekering vergelijken"
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    formLocation: {
+      type: String,
+      required: !1,
+      default: u.isBeforeFlow
+    },
+    userInformation: {
+      required: !1
+    },
+    insuranceState: {
+      required: !1
+    },
+    classes: {
+      type: String
+    }
+  },
+  setup(s, { emit: e }) {
+    const {
+      genderError: t,
+      ageOptions: r,
+      raceList: i,
+      componentId: n,
+      isFormReady: l,
+      setBreedId: d,
+      getRaceLists: p,
+      validateBeforeSubmit: c
+    } = h(s, e);
+    return {
+      petState: f,
+      petKinds: k,
+      petGenders: C,
+      errors: v,
+      hasNewDesign: g,
+      isRequestIsHandling: b,
+      genderError: t,
+      ageOptions: r,
+      raceList: i,
+      componentId: n,
+      isFormReady: l,
+      validateBeforeSubmit: c,
+      setBreedId: d,
+      getRaceLists: p
+    };
+  }
+});
+var a = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("simple-card", { staticClass: "vd-form-card vd-form-card--horizontal", class: { "vd-new-form": e.hasNewDesign, [e.classes]: !!e.classes }, attrs: { "has-new-style": !0 } }, [t("form", { ref: "petForm", attrs: { action: e.link, method: "GET" }, on: { submit: function(r) {
+    return r.preventDefault(), e.validateBeforeSubmit.apply(null, arguments);
+  } } }, [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("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "kind" } }, [e._v(" Soort huisdier ")]), t("default-select", { staticClass: "mx-0 mb-0", attrs: { id: "kind", "hide-label": !0, options: e.petKinds, "no-default-placeholder": !0, name: "kind" }, on: { input: function(r) {
+    return e.setBreedId(null);
+  } }, model: { value: e.petState.kind, callback: function(r) {
+    e.$set(e.petState, "kind", r);
+  }, expression: "petState.kind" } })], 1), t("div", { staticClass: "vd-form-group vd-radio-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "kind" } }, [e._v(" Geslacht ")]), t("div", { staticClass: "align-self-stretch" }, [t("b-form-radio-group", { staticClass: "vd-radio-buttons mt-2", attrs: { options: e.petGenders, name: "sex" }, model: { value: e.petState.sex, callback: function(r) {
+    e.$set(e.petState, "sex", r);
+  }, expression: "petState.sex" } })], 1)]), t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "age" } }, [e._v(" Leeftijd ")]), t("default-select", { staticClass: "mx-0 mb-0", attrs: { id: "age", "hide-label": !0, options: e.ageOptions, "no-default-placeholder": !0, name: "age" }, model: { value: e.petState.age, callback: function(r) {
+    e.$set(e.petState, "age", r);
+  }, expression: "petState.age" } })], 1), t("div", { staticClass: "vd-form-group" }, [t("zipcode-input", { staticClass: "m-0", attrs: { id: "postcode", name: "postcode", "is-required": "" }, model: { value: e.petState.postcode, callback: function(r) {
+    e.$set(e.petState, "postcode", r);
+  }, expression: "petState.postcode" } })], 1), t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label" }, [e._v(" Ras "), t("span", { staticClass: "text-danger mr-3 mt-2" }, [e._v("*")])]), e.isFormReady ? t("searchable-select", { key: e.petState.kind, attrs: { name: "breed-value", placeholder: "Typ of selecteer", label: "Ras", options: e.raceList }, on: { change: e.setBreedId }, model: { value: e.petState.breed, callback: function(r) {
+    e.$set(e.petState, "breed", r);
+  }, expression: "petState.breed" } }) : e._e(), t("div", [t("ErrorHandler", { attrs: { name: "breed-value", "errors-data": [{ rule: "required", text: "Selecteer een ras" }] } })], 1), t("input", { directives: [{ name: "model", rawName: "v-model", value: e.petState.breed, expression: "petState.breed" }], attrs: { type: "hidden", name: "breed" }, domProps: { value: e.petState.breed }, on: { input: function(r) {
+    r.target.composing || e.$set(e.petState, "breed", r.target.value);
+  } } }), e.hasNewDesign ? t("span", { staticClass: "text-primary text-deco-line d-flex mt-1", staticStyle: { "font-size": "12px" } }, [t("i", { staticClass: "fas fa-info-circle mr-1", class: e.hasNewDesign ? "vd-tip-icon vd-tip-icon_additional-text" : "text-primary fz-big cursor-pointer", attrs: { slot: "reference", id: "popover-target-breed" }, slot: "reference" }), t("span", [e._v("Geen rashond of kruising? Selecteer dan het ras waar deze het meeste op lijkt.")])]) : t("div", { staticClass: "d-flex justify-content-end" }, [t("div", { staticClass: "text-deco-line fz-small mt-2 cursor-pointer", attrs: { id: "race" } }, [t("popper", { attrs: { options: {
+    placement: "right",
+    modifiers: { offset: { offset: "0,10px" } }
+  }, trigger: "hover" } }, [t("div", { staticClass: "popover popper vd-popover" }, [t("div", { staticClass: "popover-header vd-popover-header" }, [e._v(" Ras onbekend? ")]), e._v(" Heb je geen " + e._s(e.petState.kind === "dog" ? "rashond" : "raskat") + " of heb je een kruising? Selecteer dan het ras waar " + e._s(e.petState.sex === "m" ? "hij" : "zij") + " het meest op lijkt! ")]), t("div", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Ras onbekend? "), t("i", { staticClass: "fas fa-question-circle fz-big text-primary cursor-pointer", attrs: { id: "race" } })])])], 1)])], 1), t("div", { staticClass: "vd-form-group vd-form-group__button" }, [t("button", { class: e.hasNewDesign ? "vd-btn vd-btn-green vd-btn-w-100" : "btn-a btn-a--success btn-a--bold btn-block cursor-pointer", attrs: { disabled: e.isRequestIsHandling } }, [e._v(" Vergelijken ")])])])])]);
+}, D = [];
+a._withStripped = !0;
+var o = /* @__PURE__ */ _(
+  R,
+  a,
+  D,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+o.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/pet/components/forms/PetFormHorizontal.vue";
+const J = o.exports;
+export {
+  J as default
+};

package/dist-rollup/PetFormOld-9yiD9akJ.js

@@ -0,0 +1,126 @@
+import { defineComponent as c } from "vue";
+import { F as m, r as u, e as f, h as v, s as _, i as b, n as g } from "./index-WjnHra7k.js";
+import { S, u as h, p as k, a as C } from "./SearchableSelect-1GCKHHKe.js";
+import { S as x } from "./SimpleCard-_Mg9wAqJ.js";
+import { D as y } from "./DefaultSelect-t64f_R7v.js";
+import { Z as j } from "./ZipcodeInput-z5W6JSl0.js";
+import { E as I } from "./ErrorHandler-9Zxi6g3R.js";
+import { P as q } from "./vue-popper.min-O3ciEEKg.js";
+import { B } from "./form-radio-group-J-EQJhh9.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+import "./common-J_DOueuE.js";
+import "./Session.util-aedjr12J.js";
+import "./array.util-agNtEyks.js";
+import "./DefaultInput-zxU1ufPA.js";
+import "./_commonjsHelpers-4t9S7M5p.js";
+const P = c({
+  name: "PetFormOld",
+  components: {
+    SimpleCard: x,
+    DefaultSelect: y,
+    ZipcodeInput: j,
+    ErrorHandler: I,
+    SearchableSelect: S,
+    BFormRadioGroup: B,
+    Popper: q
+  },
+  props: {
+    link: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "Dierenverzekering vergelijken"
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    formLocation: {
+      type: String,
+      required: !1,
+      default: m.isBeforeFlow
+    },
+    userInformation: {
+      required: !1
+    },
+    insuranceState: {
+      required: !1
+    },
+    classes: {
+      type: String
+    }
+  },
+  setup(s, { emit: e }) {
+    const {
+      genderError: t,
+      ageOptions: r,
+      raceList: i,
+      componentId: n,
+      validateBeforeSubmit: l,
+      setBreedId: d,
+      getRaceLists: p
+    } = h(s, e);
+    return {
+      petState: u,
+      petKinds: k,
+      petGenders: C,
+      errors: f,
+      hasNewDesign: v,
+      isITCInitialized: _,
+      isRequestIsHandling: b,
+      genderError: t,
+      ageOptions: r,
+      raceList: i,
+      componentId: n,
+      setBreedId: d,
+      getRaceLists: p,
+      validateBeforeSubmit: l
+    };
+  }
+});
+var a = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "vd-form-card", class: { [e.classes]: !!e.classes } }, [t("form", { ref: "pet-form", attrs: { action: e.link, method: "GET" }, on: { submit: function(r) {
+    return r.preventDefault(), e.validateBeforeSubmit.apply(null, arguments);
+  } } }, [t("p", { staticClass: "vd-form-card__title" }, [e._v(" " + e._s(e.title) + " ")]), t("div", { staticClass: "vd-form-card__content" }, [t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "kind" } }, [e._v(" Soort huisdier ")]), t("default-select", { attrs: { id: "kind", options: e.petKinds, "data-vv-name": "kind", "no-default-placeholder": !0, name: "kind" }, on: { input: function(r) {
+    return e.setBreedId(null);
+  } }, model: { value: e.petState.kind, callback: function(r) {
+    e.$set(e.petState, "kind", r);
+  }, expression: "petState.kind" } })], 1), t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "sex" } }, [e._v(" Geslacht ")]), t("b-form-radio-group", { attrs: { options: e.petGenders, "data-vv-name": "sex", name: "sex" }, model: { value: e.petState.sex, callback: function(r) {
+    e.$set(e.petState, "sex", r);
+  }, expression: "petState.sex" } }), e.genderError ? t("p", { staticClass: "vd-form-error" }, [e._v(" Geslacht is verplicht ")]) : e._e()], 1), t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-form-group__label", attrs: { for: "age" } }, [e._v(" Leeftijd ")]), t("default-select", { attrs: { id: "age", options: e.ageOptions, "data-vv-name": "age", "no-default-placeholder": !0, name: "age" }, model: { value: e.petState.age, callback: function(r) {
+    e.$set(e.petState, "age", r);
+  }, expression: "petState.age" } })], 1), t("div", { staticClass: "vd-form-group" }, [t("zipcode-input", { attrs: { id: "postcode", name: "postcode", "is-required": "" }, model: { value: e.petState.postcode, callback: function(r) {
+    e.$set(e.petState, "postcode", r);
+  }, expression: "petState.postcode" } })], 1), t("div", { staticClass: "vd-form-group" }, [e._m(0), t("searchable-select", { key: e.petState.kind, attrs: { name: "breed-value", placeholder: "Typ of selecteer", label: "Ras", options: e.raceList }, on: { change: e.setBreedId }, model: { value: e.petState.breed, callback: function(r) {
+    e.$set(e.petState, "breed", r);
+  }, expression: "petState.breed" } }), e.errors.has("breed-value:required") ? t("div", { staticClass: "vd-form-error" }, [e._v(" Selecteer een ras ")]) : e._e(), t("input", { directives: [{ name: "model", rawName: "v-model", value: e.petState.breed, expression: "petState.breed" }], attrs: { type: "hidden", name: "breed" }, domProps: { value: e.petState.breed }, on: { input: function(r) {
+    r.target.composing || e.$set(e.petState, "breed", r.target.value);
+  } } }), t("div", { staticClass: "d-flex justify-content-end" }, [t("div", { staticClass: "text-deco-line fz-small mt-2 cursor-pointer", attrs: { id: "race" } }, [t("popper", { attrs: { options: {
+    placement: "right",
+    modifiers: { offset: { offset: "0,10px" } }
+  }, trigger: "hover" } }, [t("div", { staticClass: "popover popper" }, [t("div", { staticClass: "popover-header" }, [e._v(" Ras onbekend? ")]), e._v(" Heb je geen " + e._s(e.petState.kind === "dog" ? "rashond" : "raskat") + " of heb je een kruising? Selecteer dan het ras waar " + e._s(e.petState.sex === "m" ? "hij" : "zij") + " het meest op lijkt! ")]), t("div", { attrs: { slot: "reference" }, slot: "reference" }, [e._v(" Ras onbekend? "), t("i", { staticClass: "fas fa-question-circle fz-big text-primary cursor-pointer", attrs: { id: "race" } })])])], 1)])], 1), t("button", { staticClass: "btn-a btn-a--success btn-a--form btn-bold btn-block btn-a--bold cursor-pointer", attrs: { disabled: e.isRequestIsHandling } }, [e._v(" Vergelijken ")])])])]);
+}, R = [function() {
+  var s = this, e = s._self._c;
+  return s._self._setupProxy, e("label", { staticClass: "vd-form-group__label", attrs: { for: "search-select-input" } }, [s._v(" Ras "), e("span", { staticClass: "text-danger mr-3 mt-2" }, [s._v("*")])]);
+}];
+a._withStripped = !0;
+var o = /* @__PURE__ */ g(
+  P,
+  a,
+  R,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+o.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/pet/components/forms/PetFormOld.vue";
+const J = o.exports;
+export {
+  J as default
+};