@vergelijkdirect/comparison-forms 2.0.2 → 2.1.0-ver-9053.1

package/dist/vue/birthdate.schema-B9q6IeIR.js

@@ -0,0 +1,91 @@
+import { t as e } from "./VdInput-CRb-iTiH.js";
+import { r as t, t as n } from "./date.util-DjJZwKvn.js";
+import { t as r } from "./messages-DRFu-PCu.js";
+import { createBlock as i, createSlots as a, defineComponent as o, mergeModels as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useModel as f, useSlots as p, withCtx as m } from "vue";
+import { string as h } from "yup";
+import "dayjs";
+//#endregion
+//#region src/components/fields/VdBirthdateInput.vue
+var g = /* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "VdBirthdateInput",
+	props: /*@__PURE__*/ s({
+		label: { default: "Geboortedatum" },
+		placeholder: { default: "DD-MM-JJJJ" },
+		name: { default: "birthdate" },
+		mask: { default: "##-##-####" },
+		required: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let n = p(), r = f(t, "modelValue");
+		return (o, s) => (l(), i(e, c({
+			modelValue: r.value,
+			"onUpdate:modelValue": s[0] ||= (e) => r.value = e,
+			label: t.label,
+			placeholder: t.placeholder,
+			name: t.name,
+			mask: t.mask,
+			required: t.required,
+			inputmode: "numeric"
+		}, o.$attrs), a({ _: 2 }, [d(n).popover ? {
+			name: "popover",
+			fn: m(() => [u(o.$slots, "popover")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"modelValue",
+			"label",
+			"placeholder",
+			"name",
+			"mask",
+			"required"
+		]));
+	}
+}), _ = {
+	min: 18,
+	max: 99
+}, v = "DD-MM-YYYY";
+//#endregion
+//#region src/schemas/birthdateRange.ts
+function y(e, r, i = "ageRange") {
+	return {
+		name: i,
+		test(i, a) {
+			let o = t(i, v);
+			if (!o) return !0;
+			let { today: s, earliest: c, latest: l } = n(e.min, e.max), u = {
+				earliest: c,
+				latest: l
+			};
+			return r.future && o.isAfter(s, "day") ? a.createError({ message: r.future(u) }) : o.isAfter(l, "day") ? a.createError({ message: r.tooYoung(u) }) : !o.isBefore(c, "day") || a.createError({ message: r.tooOld(u) });
+		}
+	};
+}
+//#endregion
+//#region src/schemas/birthdate.schema.ts
+function b(e) {
+	return t(e, v) !== null;
+}
+function x(e = _) {
+	return h().required(r.birthdate.required).test("date_format", r.birthdate.dateFormat, b).test(y({
+		min: {
+			value: e.min,
+			unit: "year"
+		},
+		max: {
+			value: e.max,
+			unit: "year"
+		}
+	}, {
+		tooYoung: () => r.birthdate.tooYoung(e.min),
+		tooOld: () => r.birthdate.tooOld(e.max)
+	}));
+}
+//#endregion
+export { g as a, v as i, b as n, y as r, x as t };

package/dist/vue/businessCar.presenter-DR-Ozf6B.js

@@ -0,0 +1,121 @@
+import { i as e, o as t, r as n, s as r, t as i, u as a } from "./useValidator-B8ZuqyvJ.js";
+import { n as o, r as s, t as c } from "./company.schema-DStHJpGH.js";
+import { t as l } from "./VdPopover-B78nVpNU.js";
+import { n as u, t as d } from "./useLicensePlate-wAVrX9tr.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createVNode as h, defineComponent as g, isRef as _, mergeDefaults as v, mergeProps as y, openBlock as b, unref as x, withCtx as S } from "vue";
+import { object as C } from "yup";
+//#region src/comparisons/car-business/businessCar.schema.ts
+var w = (e) => C({
+	licensePlate: e,
+	company: c()
+}), T = /* @__PURE__ */ g({
+	__name: "BusinessCarForm",
+	props: /*@__PURE__*/ v({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...t,
+		title: "Zakelijke autoverzekering vergelijken"
+	}),
+	emits: ["submitted"],
+	setup(t, { emit: c }) {
+		let g = t, v = r(g), C = c, { vehicleData: T, licensePlateSchema: E } = d(a.Car, { initialData: g.initialData?.vehicle ?? void 0 }), { isSubmitting: D, handleSubmit: O, defineField: k, setErrors: A, removeError: j } = i(w(E), {
+			licensePlate: g.initialData?.licensePlate ?? "",
+			company: g.initialData?.company ?? null
+		}), [M, N, P, F] = k("licensePlate"), [I, L, R] = k("company"), z = (e) => e ? A({ company: e }) : j("company"), B = f(() => !!I.value && !I.value.hasVisitingAddress);
+		function V() {
+			O(({ licensePlate: e, company: t }) => {
+				C("submitted", {
+					licensePlate: e,
+					company: t,
+					vehicle: T.value
+				});
+			});
+		}
+		return (r, i) => (b(), p(x(n), y(x(v), {
+			"submit-disabled": t.submitDisabled || x(D) || B.value,
+			onSubmit: V
+		}), {
+			default: S(() => [h(x(e), {
+				span: "5",
+				md: "6"
+			}, {
+				default: S(() => [h(x(u), y({
+					modelValue: x(M),
+					"onUpdate:modelValue": i[0] ||= (e) => _(M) ? M.value = e : null,
+					"vehicle-data": x(T),
+					"onUpdate:vehicleData": i[1] ||= (e) => _(T) ? T.value = e : null,
+					name: "licensePlate",
+					"error-message": x(P),
+					loading: x(F).isValidating
+				}, x(N)), {
+					popover: S(() => [h(x(l), {
+						"ref-variant": "blue-icon",
+						"tooltip-variant": "blue",
+						"tooltip-size": "small",
+						content: {
+							title: "Kentekengegevens",
+							description: "Op basis van je kenteken halen we automatisch de technische gegevens van je auto op voor een exacte premieberekening."
+						}
+					})]),
+					_: 1
+				}, 16, [
+					"modelValue",
+					"vehicle-data",
+					"error-message",
+					"loading"
+				])]),
+				_: 1
+			}), h(x(e), {
+				span: "5",
+				md: "6"
+			}, {
+				default: S(() => [h(x(o), y({
+					modelValue: x(I),
+					"onUpdate:modelValue": i[2] ||= (e) => _(I) ? I.value = e : null,
+					name: "company",
+					"error-message": x(R)
+				}, x(L), { onError: z }), {
+					popover: S(() => [h(x(l), {
+						"ref-variant": "blue-icon",
+						"tooltip-variant": "blue",
+						"tooltip-size": "small",
+						content: {
+							title: "Bedrijfsgegevens",
+							description: "Op basis van je KvK-registratie krijgt de verzekeraar direct inzicht in je bedrijfsactiviteiten, de regio waarin je rijdt en de grootte van je team. Deze factoren bepalen samen het risicoprofiel en de hoogte van je premie."
+						}
+					})]),
+					_: 1
+				}, 16, ["modelValue", "error-message"]), B.value ? (b(), p(x(s), {
+					key: 0,
+					style: { "margin-top": "12px" },
+					text: "Dit bedrijf heeft geen geregistreerd bezoekadres. Voeg dit toe bij de KvK om door te gaan met de aanvraag."
+				})) : m("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/comparisons/car-business/businessCar.presenter.ts
+function E(e) {
+	return {
+		comparison: a.CarBusiness,
+		detail: {
+			car: { ...e.vehicle },
+			companyData: { ...e.company }
+		},
+		user: {}
+	};
+}
+//#endregion
+export { T as n, E as t };

package/dist/vue/businessLiability-w4xhGnik.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./businessLiability.presenter-8iyRbLgw.js";
+export { e as Form, t as presenter };

package/dist/vue/businessLiability.presenter-8iyRbLgw.js

@@ -0,0 +1,80 @@
+import { i as e, o as t, r as n, s as r, t as i, u as a } from "./useValidator-B8ZuqyvJ.js";
+import { n as o, r as s, t as c } from "./company.schema-DStHJpGH.js";
+import { t as l } from "./VdPopover-B78nVpNU.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createVNode as p, defineComponent as m, isRef as h, mergeDefaults as g, mergeProps as _, openBlock as v, unref as y, withCtx as b } from "vue";
+import { object as x } from "yup";
+//#region src/comparisons/businessLiability/businessLiability.schema.ts
+var S = x({ company: c() }), C = /* @__PURE__ */ m({
+	__name: "BusinessLiabilityForm",
+	props: /*@__PURE__*/ g({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...t,
+		title: "Vergelijk aansprakelijkheids-verzekeringen voor jouw bedrijf",
+		description: "Bescherm jouw bedrijf slim en voordelig. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!",
+		submitLabel: "Start gratis vergelijken"
+	}),
+	emits: ["submitted"],
+	setup(t, { emit: a }) {
+		let c = t, m = r(c), g = a, { isSubmitting: x, handleSubmit: C, defineField: w, setErrors: T, removeError: E } = i(S, { company: c.initialData?.company ?? null }), [D, O, k] = w("company"), A = (e) => e ? T({ company: e }) : E("company"), j = u(() => !!D.value && !D.value.hasVisitingAddress);
+		function M() {
+			C(({ company: e }) => {
+				g("submitted", { company: e });
+			});
+		}
+		return (t, r) => (v(), d(y(n), _(y(m), {
+			"action-span": 4,
+			"submit-disabled": y(x) || j.value,
+			onSubmit: M
+		}), {
+			default: b(() => [p(y(e), {
+				span: "8",
+				md: "6"
+			}, {
+				default: b(() => [p(y(o), _({
+					modelValue: y(D),
+					"onUpdate:modelValue": r[0] ||= (e) => h(D) ? D.value = e : null,
+					name: "company",
+					"error-message": y(k)
+				}, y(O), { onError: A }), {
+					popover: b(() => [p(y(l), {
+						"ref-variant": "blue-icon",
+						"tooltip-variant": "blue",
+						"tooltip-size": "small",
+						content: {
+							title: "Bedrijfsgegevens",
+							description: "Op basis van je KvK-registratie krijgt de verzekeraar direct inzicht in je bedrijfsactiviteiten, de regio waarin je rijdt en de grootte van je team. Deze factoren bepalen samen het risicoprofiel en de hoogte van je premie."
+						}
+					})]),
+					_: 1
+				}, 16, ["modelValue", "error-message"]), j.value ? (v(), d(y(s), {
+					key: 0,
+					style: { "margin-top": "12px" },
+					text: "Dit bedrijf heeft geen geregistreerd bezoekadres. Voeg dit toe bij de KvK om door te gaan met de aanvraag."
+				})) : f("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/comparisons/businessLiability/businessLiability.presenter.ts
+function w(e) {
+	return {
+		comparison: a.BusinessLiability,
+		detail: { companyData: { ...e.company } },
+		user: {}
+	};
+}
+//#endregion
+export { C as n, w as t };

package/dist/vue/car-business-DMYPV4UK.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./businessCar.presenter-DR-Ozf6B.js";
+export { e as Form, t as presenter };

package/dist/vue/car-jPvIXEVK.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./car.presenter-gd62kiqS.js";
+export { e as Form, t as presenter };

package/dist/vue/car.presenter-gd62kiqS.js

@@ -0,0 +1,130 @@
+import { i as e, o as t, r as n, s as r, t as i, u as a } from "./useValidator-B8ZuqyvJ.js";
+import { t as o } from "./familyComposition.enum-D26VYo_a.js";
+import { t as s } from "./VdPopover-B78nVpNU.js";
+import { n as c, t as l } from "./useAddress-C-h1pGI5.js";
+import { a as u, t as d } from "./birthdate.schema-B9q6IeIR.js";
+import { n as f, t as p } from "./useLicensePlate-wAVrX9tr.js";
+import { createBlock as m, createVNode as h, defineComponent as g, isRef as _, mergeDefaults as v, mergeProps as y, openBlock as b, unref as x, withCtx as S } from "vue";
+import { object as C } from "yup";
+//#region src/comparisons/car/car.schema.ts
+var w = (e, t) => C({
+	licensePlate: e,
+	address: t,
+	birthdate: d()
+}), T = /* @__PURE__ */ g({
+	__name: "CarForm",
+	props: /*@__PURE__*/ v({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...t,
+		title: "Autoverzekering vergelijken"
+	}),
+	emits: ["submitted"],
+	setup(t, { emit: o }) {
+		let d = t, g = r(d), v = o, { addressSchema: C, draft: T, resolvedAddress: E, additionOptions: D } = l({ initial: d.initialData?.address }), { vehicleData: O, licensePlateSchema: k } = p(a.Car, { initialData: d.initialData?.vehicle ?? void 0 }), { isSubmitting: A, handleSubmit: j, defineField: M } = i(w(k, C), {
+			licensePlate: d.initialData?.licensePlate ?? "",
+			birthdate: d.initialData?.birthdate ?? "",
+			address: T
+		}), [N, P, F, I] = M("licensePlate"), [L, R, z] = M("birthdate");
+		function B() {
+			j(({ licensePlate: e, birthdate: t }) => {
+				v("submitted", {
+					licensePlate: e,
+					birthdate: t,
+					address: E.value,
+					vehicle: O.value
+				});
+			});
+		}
+		return (r, i) => (b(), m(x(n), y(x(g), {
+			"submit-disabled": t.submitDisabled || x(A),
+			onSubmit: B
+		}), {
+			default: S(() => [
+				h(x(e), {
+					span: "3",
+					md: "6"
+				}, {
+					default: S(() => [h(x(f), y({
+						modelValue: x(N),
+						"onUpdate:modelValue": i[0] ||= (e) => _(N) ? N.value = e : null,
+						"vehicle-data": x(O),
+						"onUpdate:vehicleData": i[1] ||= (e) => _(O) ? O.value = e : null,
+						name: "licensePlate",
+						"error-message": x(F),
+						loading: x(I).isValidating
+					}, x(P)), {
+						popover: S(() => [h(x(s), {
+							"ref-variant": "blue-icon",
+							"tooltip-variant": "blue",
+							"tooltip-size": "small",
+							content: {
+								title: "Kentekengegevens",
+								description: "Op basis van je kenteken halen we automatisch de technische gegevens van je auto op voor een exacte premieberekening."
+							}
+						})]),
+						_: 1
+					}, 16, [
+						"modelValue",
+						"vehicle-data",
+						"error-message",
+						"loading"
+					])]),
+					_: 1
+				}),
+				h(x(e), {
+					span: "4",
+					md: "6"
+				}, {
+					default: S(() => [h(x(c), {
+						"resolved-address": x(E),
+						"onUpdate:resolvedAddress": i[2] ||= (e) => _(E) ? E.value = e : null,
+						"addition-options": x(D)
+					}, null, 8, ["resolved-address", "addition-options"])]),
+					_: 1
+				}),
+				h(x(e), {
+					span: "3",
+					md: "6"
+				}, {
+					default: S(() => [h(x(u), y({
+						modelValue: x(L),
+						"onUpdate:modelValue": i[3] ||= (e) => _(L) ? L.value = e : null,
+						label: "Geboortedatum hoofdbestuurder",
+						"error-message": x(z)
+					}, x(R)), null, 16, ["modelValue", "error-message"])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/comparisons/car/car.presenter.ts
+function E(e) {
+	return {
+		comparison: a.Car,
+		detail: { car: { ...e.vehicle } },
+		user: {
+			zipCode: e.address.zipCode,
+			houseNumber: e.address.houseNumber,
+			houseNumberAddition: e.address.houseNumberAddition,
+			birthdate: e.birthdate,
+			street: e.address.street,
+			city: e.address.city,
+			familyComposition: o.SingleWithoutChildren
+		}
+	};
+}
+//#endregion
+export { T as n, E as t };

package/dist/vue/caravan-B8l6zEkk.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./caravan.presenter-Cr5vuB_r.js";
+export { e as Form, t as presenter };

package/dist/vue/caravan.presenter-Cr5vuB_r.js

@@ -0,0 +1,157 @@
+import { i as e, o as t, r as n, s as r, t as i, u as a } from "./useValidator-B8ZuqyvJ.js";
+import { n as o, t as s } from "./yesNo-BvJlCm7Y.js";
+import { t as c } from "./VdSelect-Dv35x4sz.js";
+import { t as l } from "./VdRadioGroup-D5kHcpsY.js";
+import { n as u } from "./date.util-DjJZwKvn.js";
+import { t as d } from "./messages-DRFu-PCu.js";
+import { n as f, r as p } from "./rules-3BZkSj_K.js";
+import { createBlock as m, createVNode as h, defineComponent as g, isRef as _, mergeDefaults as v, mergeProps as y, openBlock as b, unref as x, withCtx as S } from "vue";
+import { object as C } from "yup";
+//#region src/comparisons/caravan/caravan.schema.ts
+var w = C({
+	TypeOfCaravan: p(d.caravan.typeOfCaravanRequired),
+	NewOrOccasion: f(s, d.caravan.newOrOccasionRequired),
+	BuildYear: p(d.caravan.buildYearRequired)
+}), T = [
+	{
+		value: "CS",
+		title: "Stacaravan"
+	},
+	{
+		value: "CT",
+		title: "Toercaravan"
+	},
+	{
+		value: "CV",
+		title: "Vouwwagen"
+	}
+], E = [{
+	value: o.Yes,
+	label: "Nieuw"
+}, {
+	value: o.No,
+	label: "Occasion"
+}];
+//#endregion
+//#region src/comparisons/caravan/models/buildYears.model.ts
+function D() {
+	let e = u();
+	return Array.from({ length: 126 }, (t, n) => ({
+		title: String(e - n),
+		value: String(e - n)
+	}));
+}
+//#endregion
+//#region src/comparisons/caravan/CaravanForm.vue
+var O = /* @__PURE__ */ g({
+	__name: "CaravanForm",
+	props: /*@__PURE__*/ v({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...t,
+		title: "Caravanverzekering vergelijken"
+	}),
+	emits: ["submitted"],
+	setup(t, { emit: a }) {
+		let s = t, u = r(s), d = a, f = D(), { isSubmitting: p, handleSubmit: g, defineField: v } = i(w, {
+			TypeOfCaravan: s.initialData?.TypeOfCaravan ?? null,
+			NewOrOccasion: s.initialData?.NewOrOccasion ?? o.Yes,
+			BuildYear: s.initialData?.BuildYear ?? null
+		}), [C, O, k] = v("TypeOfCaravan", { validateAt: "change" }), [A, j, M] = v("NewOrOccasion"), [N, P, F] = v("BuildYear", { validateAt: "change" });
+		function I() {
+			g((e) => {
+				d("submitted", { ...e });
+			});
+		}
+		return (r, i) => (b(), m(x(n), y(x(u), {
+			"submit-disabled": t.submitDisabled || x(p),
+			onSubmit: I
+		}), {
+			default: S(() => [
+				h(x(e), {
+					span: "4",
+					md: "6"
+				}, {
+					default: S(() => [h(x(c), y({
+						modelValue: x(C),
+						"onUpdate:modelValue": i[0] ||= (e) => _(C) ? C.value = e : null,
+						label: "Soort caravan",
+						options: x(T),
+						name: "typeOfCaravan",
+						required: !1,
+						"error-message": x(k)
+					}, x(O)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				}),
+				h(x(e), {
+					span: "4",
+					md: "6"
+				}, {
+					default: S(() => [h(x(l), y({
+						modelValue: x(A),
+						"onUpdate:modelValue": i[1] ||= (e) => _(A) ? A.value = e : null,
+						legend: "Gekocht als",
+						name: "newOrOccasion",
+						options: x(E),
+						variant: "boxed",
+						required: !1,
+						"error-message": x(M)
+					}, x(j)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				}),
+				h(x(e), {
+					span: "2",
+					md: "6"
+				}, {
+					default: S(() => [h(x(c), y({
+						modelValue: x(N),
+						"onUpdate:modelValue": i[2] ||= (e) => _(N) ? N.value = e : null,
+						label: "Bouwjaar",
+						options: x(f),
+						name: "buildYear",
+						required: !1,
+						"error-message": x(F)
+					}, x(P)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/comparisons/caravan/caravan.presenter.ts
+function k(e) {
+	return {
+		comparison: a.Caravan,
+		detail: { caravan: {
+			TypeOfCaravan: e.TypeOfCaravan,
+			NewOrOccasion: e.NewOrOccasion,
+			BuildYear: e.BuildYear
+		} },
+		user: {}
+	};
+}
+//#endregion
+export { O as n, k as t };