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

package/dist-rollup/PhoneInput-l6YwvwSj.js

@@ -0,0 +1,131 @@
+import { defineComponent as s, computed as o } from "vue";
+import { e as _, u as a, n as i } from "./index-WjnHra7k.js";
+import { D as u } from "./DefaultInput-zxU1ufPA.js";
+import { E as l } from "./ErrorHandler-9Zxi6g3R.js";
+const f = s({
+  name: "EmailInput",
+  components: {
+    DefaultInput: u,
+    ErrorHandler: l
+  },
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    isRequired: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  setup(n, { attrs: e, listeners: r }) {
+    const t = o(() => [
+      {
+        rule: "required",
+        text: "E-mailadres is verplicht"
+      },
+      {
+        rule: "email",
+        text: "E-mailadres is incorrect"
+      },
+      {
+        rule: "emailServerValidation",
+        text: "E-mailadres is incorrect"
+      }
+    ]);
+    return {
+      errors: _,
+      userState: a,
+      attrs: e,
+      listeners: r,
+      errorsData: t
+    };
+  }
+});
+var m = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r("default-input", { attrs: { id: e.id, validation: { required: e.isRequired, email: !0, emailServerValidation: !0 }, type: "text", label: "E-mailadres", name: e.name, placeholder: "voorbeeld@gmail.com", "is-required": e.isRequired }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+    return [r("ErrorHandler", { attrs: { name: "emailInput", "errors-data": e.errorsData } })];
+  }, proxy: !0 }]), model: { value: e.userState.email, callback: function(t) {
+    e.$set(e.userState, "email", t);
+  }, expression: "userState.email" } });
+}, v = [];
+m._withStripped = !0;
+var p = /* @__PURE__ */ i(
+  f,
+  m,
+  v,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+p.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/inputs/EmailInput.vue";
+const E = p.exports, x = s({
+  name: "PhoneInput",
+  components: {
+    DefaultInput: u,
+    ErrorHandler: l
+  },
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    isRequired: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  setup() {
+    return {
+      errorsData: o(() => [
+        {
+          rule: "required",
+          text: "Mobiel nummer is verplicht"
+        },
+        {
+          rule: "regex",
+          text: "Mobiel nummer is incorrect"
+        }
+      ]),
+      userState: a
+    };
+  }
+});
+var c = function() {
+  var e = this, r = e._self._c;
+  return e._self._setupProxy, r("default-input", { attrs: { id: "phonenumber", mask: "##########", validation: { required: !0, regex: /^((06){1}[1-9]{1}[0-9]{7})$/ }, type: "text", label: "Telefoonnummer", name: "phonenumber", placeholder: "0612345678", "is-required": e.isRequired }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+    return [r("ErrorHandler", { attrs: { name: "phonenumber", "errors-data": e.errorsData } })];
+  }, proxy: !0 }]), model: { value: e.userState.phoneNumber, callback: function(t) {
+    e.$set(e.userState, "phoneNumber", t);
+  }, expression: "userState.phoneNumber" } });
+}, h = [];
+c._withStripped = !0;
+var d = /* @__PURE__ */ i(
+  x,
+  c,
+  h,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+d.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/inputs/PhoneInput.vue";
+const g = d.exports;
+export {
+  E,
+  g as P
+};

package/dist-rollup/QuestionnaireForm-mDU7NBoo.js

@@ -0,0 +1,64 @@
+import { defineComponent as i } from "vue";
+import { S as o } from "./SimpleCard-_Mg9wAqJ.js";
+import { n } from "./index-WjnHra7k.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+const a = i({
+  name: "QuestionnaireForm",
+  components: {
+    SimpleCard: o
+  },
+  props: {
+    link: {
+      type: String,
+      required: !1
+    },
+    classes: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      required: !1
+    },
+    description: {
+      type: String,
+      required: !1
+    },
+    buttonText: {
+      type: String,
+      required: !1
+    },
+    showTitle: {
+      required: !1,
+      type: Boolean,
+      default: !0
+    },
+    additionalOptions: {
+      required: !1,
+      type: Object
+    }
+  }
+});
+var r = 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("p", { staticClass: "vd-form-card__description pb-0" }, [e._v(" " + e._s(e.description) + " ")])]), t("div", { staticClass: "vd-form-card__footer" }, [t("a", { staticClass: "vd-btn vd-btn-green vd-btn-w-100", attrs: { href: e.link + "?qaId=" + e.additionalOptions.qaId } }, [e._v(" " + e._s(e.buttonText) + " ")])])]);
+}, l = [];
+r._withStripped = !0;
+var s = /* @__PURE__ */ n(
+  a,
+  r,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+s.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/QuestionnaireForm.vue";
+const v = s.exports;
+export {
+  v as default
+};

package/dist-rollup/QuotationForm-j1i5zScM.js

@@ -0,0 +1,183 @@
+var p = (o, e, t) => new Promise((s, a) => {
+  var n = (r) => {
+    try {
+      i(t.next(r));
+    } catch (d) {
+      a(d);
+    }
+  }, l = (r) => {
+    try {
+      i(t.throw(r));
+    } catch (d) {
+      a(d);
+    }
+  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(n, l);
+  i((t = t.apply(o, e)).next());
+});
+import { ref as y, computed as v, onMounted as g, defineComponent as b } from "vue";
+import { i as m, t as q, u, v as w, h as x, n as D } from "./index-WjnHra7k.js";
+import { S as k } from "./SimpleCard-_Mg9wAqJ.js";
+import { E as I, P as E } from "./PhoneInput-l6YwvwSj.js";
+import { D as A } from "./DefaultInput-zxU1ufPA.js";
+import { E as N } from "./ErrorHandler-9Zxi6g3R.js";
+import { u as F } from "./common-J_DOueuE.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+import "./Session.util-aedjr12J.js";
+let f = y(!1), _ = y("idle");
+const Q = "254", T = (o, e) => {
+  const {
+    setQuotationData: t,
+    submitAndSendQuotationData: s
+  } = F(e), a = v(() => [{
+    rule: "required",
+    text: "Voornaam is verplicht"
+  }]), n = v(() => [
+    {
+      rule: "required",
+      text: "Om door te gaan moet je akkoord gaan met de voorwaarden"
+    }
+  ]), l = (c) => {
+    _.value = c;
+  }, i = () => {
+    t({
+      refId: "",
+      description: "",
+      headerTitle: "",
+      notes: []
+    });
+  }, r = () => {
+    u.email = "", u.firstName = "", u.phoneNumber = "";
+  }, d = () => p(void 0, null, function* () {
+    return (yield w([
+      "name",
+      "phonenumber",
+      "emailInput",
+      "policyConfirm"
+    ])) && f.value === !0;
+  }), S = () => p(void 0, null, function* () {
+    try {
+      if (yield d()) {
+        m.value = !0;
+        const c = yield s();
+        l(c ? "success" : "failed"), i(), r(), f.value = null, yield q(), m.value = !1;
+      }
+    } catch (c) {
+      l("failed"), console.error(c);
+    } finally {
+      m.value = !1;
+    }
+  });
+  return g(() => {
+    t({
+      refId: o.additionalOptions.refId || Q,
+      description: o.additionalOptions.description || "",
+      headerTitle: o.additionalOptions.headerTitle || "",
+      notes: o.additionalOptions.notes || []
+    });
+  }), {
+    requestStatus: _,
+    policyConfirm: f,
+    nameInputErrorsData: a,
+    policyConfirmErrorsData: n,
+    validateBeforeSubmit: S
+  };
+}, j = b({
+  name: "QuotationForm",
+  methods: {
+    hasNewDesign() {
+      return x;
+    }
+  },
+  components: {
+    SimpleCard: k,
+    DefaultInput: A,
+    EmailInput: I,
+    PhoneInput: E,
+    ErrorHandler: N
+  },
+  props: {
+    link: {
+      type: String,
+      required: !1
+    },
+    classes: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      required: !1
+    },
+    description: {
+      type: String,
+      required: !1
+    },
+    buttonText: {
+      type: String,
+      required: !1,
+      default: "Solliciteren nu!"
+    },
+    showTitle: {
+      required: !1,
+      type: Boolean,
+      default: !0
+    },
+    additionalOptions: {
+      required: !1
+    }
+  },
+  setup(o, { emit: e }) {
+    const {
+      validateBeforeSubmit: t,
+      setEmailValidness: s,
+      nameInputErrorsData: a,
+      policyConfirmErrorsData: n,
+      requestStatus: l,
+      policyConfirm: i
+    } = T(o, e);
+    return {
+      userState: u,
+      isRequestIsHandling: m,
+      policyConfirm: i,
+      requestStatus: l,
+      nameInputErrorsData: a,
+      policyConfirmErrorsData: n,
+      setEmailValidness: s,
+      validateBeforeSubmit: t
+    };
+  }
+});
+var C = 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 && e.title ? t("p", { staticClass: "vd-form-card__title" }, [e._v(e._s(e.title))]) : e._e(), e.description ? t("p", { staticClass: "vd-form-card__description pb-0" }, [e._v(" " + e._s(e.description) + " ")]) : e._e()]), t("div", { staticClass: "vd-form-card__content" }, [t("div", { staticClass: "vd-form-group" }, [t("default-input", { attrs: { id: "name", label: "Voornaam", name: "name", type: "text", placeholder: "Jouw naam", "is-required": !0 }, scopedSlots: e._u([{ key: "error-messages", fn: function() {
+    return [t("ErrorHandler", { attrs: { "errors-data": e.nameInputErrorsData, name: "name" } })];
+  }, proxy: !0 }]), model: { value: e.userState.firstName, callback: function(s) {
+    e.$set(e.userState, "firstName", s);
+  }, 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: "emailInput", name: "emailInput", "is-required": !0 } })], 1), t("div", { staticClass: "vd-form-group" }, [t("label", { staticClass: "vd-new-form-policy-confirm", attrs: { for: "policyConfirm" } }, [t("input", { directives: [{ name: "validate", rawName: "v-validate", value: "required", expression: "'required'" }, { name: "model", rawName: "v-model", value: e.policyConfirm, expression: "policyConfirm" }], staticClass: "vd-checkbox", attrs: { id: "policyConfirm", type: "checkbox", name: "policyConfirm" }, domProps: { checked: Array.isArray(e.policyConfirm) ? e._i(e.policyConfirm, null) > -1 : e.policyConfirm }, on: { change: function(s) {
+    var a = e.policyConfirm, n = s.target, l = !!n.checked;
+    if (Array.isArray(a)) {
+      var i = null, r = e._i(a, i);
+      n.checked ? r < 0 && (e.policyConfirm = a.concat([i])) : r > -1 && (e.policyConfirm = a.slice(0, r).concat(a.slice(r + 1)));
+    } else
+      e.policyConfirm = l;
+  } } }), t("span", { staticClass: "vd-new-form-policy-confirm__text" }, [t("a", { attrs: { href: "https://vergelijkdirect.com/", target: "_blank" } }, [e._v("Vergelijkdirect.com")]), e._v(" mag mij telefonisch, via WhatsApp en per e-mail benaderen om een sollicitatieprocedure te starten."), t("span", { staticClass: "text-danger ml-1 mt-2" }, [e._v("*")])])]), t("ErrorHandler", { attrs: { "errors-data": e.policyConfirmErrorsData, name: "policyConfirm" } })], 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(" " + e._s(e.buttonText) + " ")])])]);
+}, H = [];
+C._withStripped = !0;
+var h = /* @__PURE__ */ D(
+  j,
+  C,
+  H,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+h.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/components/common/QuotationForm.vue";
+const L = h.exports;
+export {
+  L as default
+};

package/dist-rollup/RiskScannerForm-JGojbshZ.js

@@ -0,0 +1,152 @@
+var I = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var h = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var v = (a, e, t) => e in a ? I(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, _ = (a, e) => {
+  for (var t in e || (e = {}))
+    h.call(e, t) && v(a, t, e[t]);
+  if (f)
+    for (var t of f(e))
+      D.call(e, t) && v(a, t, e[t]);
+  return a;
+};
+var y = (a, e, t) => new Promise((i, r) => {
+  var l = (s) => {
+    try {
+      n(t.next(s));
+    } catch (m) {
+      r(m);
+    }
+  }, c = (s) => {
+    try {
+      n(t.throw(s));
+    } catch (m) {
+      r(m);
+    }
+  }, n = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(l, c);
+  n((t = t.apply(a, e)).next());
+});
+import { ref as b, onMounted as q, defineComponent as R } from "vue";
+import { C as j, w as u, x as w, i as p, a as d, n as x } from "./index-WjnHra7k.js";
+import { u as O, a as F } from "./common-J_DOueuE.js";
+import { S as L } from "./SimpleCard-_Mg9wAqJ.js";
+import { C as U, L as M } from "./Loader-_esX79Uz.js";
+import "@vergelijkdirect/insurance-transmission-client";
+import "vee-validate";
+import "moment";
+import "./Session.util-aedjr12J.js";
+import "./ErrorHandler-9Zxi6g3R.js";
+const A = (a, e) => {
+  const {
+    submitFormAndRedirect: t
+  } = O(e), i = (o) => w(o) ? o : o + "/", r = b(!1);
+  let l = b(!1), c = a.additionalOptions.qaUrl || i(j.getQAUrl()), n = a.additionalOptions.qaId || u.qaId, s = a.additionalOptions.currentItemId || u.currentItemId, m = a.additionalOptions.nextItemId || u.nextItemId;
+  const C = () => y(void 0, null, function* () {
+    try {
+      if (p.value = !0, r.value = !Object.keys(d.companyData).length || !d.companyData.naam, !r.value) {
+        const g = {
+          leadid: (yield F.post(c + "api/v1/active-questionnaire/" + n + "/start", {
+            data: {
+              kvk_group: {
+                kvk_number: {
+                  value: d.companyData.kvkNummer,
+                  data: d.companyData
+                }
+              }
+            },
+            current_item_id: s,
+            next_item_id: m
+          })).data.leadId,
+          qaId: n
+        };
+        t(a.link, g);
+      }
+    } catch (o) {
+      console.error(o);
+    } finally {
+      p.value = !1;
+    }
+  });
+  return q(() => {
+    l.value = !0;
+  }), {
+    hasCompaniesListValidationError: r,
+    isMultiselectReady: l,
+    validateBeforeSubmit: C
+  };
+}, B = R({
+  name: "RiskScannerForm",
+  components: {
+    SimpleCard: L,
+    CompaniesListSelect: U,
+    Loader: M
+  },
+  props: {
+    link: {
+      type: String,
+      required: !1
+    },
+    classes: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      required: !1,
+      default: "Check de risico’s voor jouw bedrijf + ontvang gratis offerte!"
+    },
+    showTitle: {
+      required: !1,
+      type: Boolean,
+      default: !0
+    },
+    description: {
+      required: !1,
+      type: String,
+      default: "Doe onze risicoscan en ontdek de beste verzekering voor jouw specifieke bedrijf. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!"
+    },
+    additionalOptions: {
+      required: !1,
+      type: Object
+    }
+  },
+  setup(a, { emit: e }) {
+    const {
+      hasCompaniesListValidationError: t,
+      isMultiselectReady: i,
+      validateBeforeSubmit: r
+    } = A(a, e);
+    return {
+      businessState: d,
+      isRequestIsHandling: p,
+      hasCompaniesListValidationError: t,
+      isMultiselectReady: i,
+      updateCompanyData: (c) => {
+        d.companyData = _({}, c);
+      },
+      validateBeforeSubmit: r
+    };
+  }
+});
+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("p", { staticClass: "vd-form-card__description" }, [e._v(" " + e._s(e.description) + " ")])]), t("div", { staticClass: "vd-form-card__content" }, [t("div", { staticClass: "vd-form-group vd-form-group_risk-scanner" }, [e.isMultiselectReady ? t("companies-list-select", { attrs: { "has-companies-list-validation-error": e.hasCompaniesListValidationError }, on: { "update-company-data": e.updateCompanyData }, model: { value: e.businessState.companyData, callback: function(i) {
+    e.$set(e.businessState, "companyData", i);
+  }, expression: "businessState.companyData" } }) : t("loader")], 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(" Start de gratis scan ")])])]);
+}, V = [];
+S._withStripped = !0;
+var k = /* @__PURE__ */ x(
+  B,
+  S,
+  V,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+k.options.__file = "/Users/vergelijkdirect/Documents/projects/comparison-forms/src/insurances/business/riskScanner/components/RiskScannerForm.vue";
+const W = k.exports;
+export {
+  W as default
+};