@vergelijkdirect/comparison-forms 2.0.0-rc.13 → 2.0.0-rc.14

package/dist/wc-forms/birthdate.schema-DGsq2GQR.js

@@ -0,0 +1,89 @@
+import "./rolldown-runtime-Dqa2HsxW.js";
+import { $t as e, On as t, Sr as n, Un as r, Xn as i, a, fr as o, in as s, kn as c, qt as l, ri as u, ur as d } from "./useValidator-DdXn8soU.js";
+import { t as f } from "./VdInput-PLH7DZsc.js";
+import { i as p, r as m, t as h } from "./date.util-D9xNHiuY.js";
+import { t as g } from "./messages-kbFdNTrA.js";
+//#endregion
+//#region src/components/fields/VdBirthdateInput.vue
+var _ = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "VdBirthdateInput",
+	props: /*@__PURE__*/ t({
+		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 a = o(), s = d(t, "modelValue");
+		return (o, d) => (r(), l(f, c({
+			modelValue: s.value,
+			"onUpdate:modelValue": d[0] ||= (e) => s.value = e,
+			label: t.label,
+			placeholder: t.placeholder,
+			name: t.name,
+			mask: t.mask,
+			required: t.required,
+			inputmode: "numeric"
+		}, o.$attrs), e({ _: 2 }, [u(a).popover ? {
+			name: "popover",
+			fn: n(() => [i(o.$slots, "popover")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"modelValue",
+			"label",
+			"placeholder",
+			"name",
+			"mask",
+			"required"
+		]));
+	}
+}), v = {
+	min: 18,
+	max: 99
+}, y = "DD-MM-YYYY";
+p();
+function b(e, t, n = "ageRange") {
+	return {
+		name: n,
+		test(n, r) {
+			let i = m(n, y);
+			if (!i) return !0;
+			let { today: a, earliest: o, latest: s } = h(e.min, e.max), c = {
+				earliest: o,
+				latest: s
+			};
+			return t.future && i.isAfter(a, "day") ? r.createError({ message: t.future(c) }) : i.isAfter(s, "day") ? r.createError({ message: t.tooYoung(c) }) : !i.isBefore(o, "day") || r.createError({ message: t.tooOld(c) });
+		}
+	};
+}
+//#endregion
+//#region src/schemas/birthdate.schema.ts
+function x(e) {
+	return m(e, y) !== null;
+}
+function S(e = v) {
+	return a().required(g.birthdate.required).test("date_format", g.birthdate.dateFormat, x).test(b({
+		min: {
+			value: e.min,
+			unit: "year"
+		},
+		max: {
+			value: e.max,
+			unit: "year"
+		}
+	}, {
+		tooYoung: () => g.birthdate.tooYoung(e.min),
+		tooOld: () => g.birthdate.tooOld(e.max)
+	}));
+}
+//#endregion
+export { _ as a, y as i, x as n, b as r, S as t };

package/dist/wc-forms/business-car.js

@@ -0,0 +1,109 @@
+import { Dn as e, Gt as t, Jt as n, Sr as r, Un as i, c as a, d as o, dt as s, in as c, kn as l, nn as u, qt as d, r as f, ri as p, s as m, t as h, u as g, zr as _ } from "./useValidator-DdXn8soU.js";
+import { n as v, r as y, t as b } from "./company.schema-CUG4hnMP.js";
+import { t as x } from "./VdPopover-CcRVedXS.js";
+import { n as S, r as C, t as w } from "./useLicensePlate-KLwykzxF.js";
+//#region src/comparisons/car-business/businessCar.schema.ts
+var T = (e) => f({
+	licensePlate: e,
+	company: b()
+}), E = /* @__PURE__ */ c({
+	__name: "BusinessCarForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...g,
+		title: "Zakelijke autoverzekering vergelijken"
+	}),
+	emits: ["submit"],
+	setup(e, { emit: s }) {
+		let c = e, f = o(c), g = s, { vehicleData: b, licensePlateSchema: E } = w(C.Car, { initialData: c.initialData?.vehicle ?? void 0 }), { isSubmitting: D, handleSubmit: O, defineField: k, setErrors: A, removeError: j } = h(T(E), {
+			licensePlate: c.initialData?.licensePlate ?? "",
+			company: c.initialData?.company ?? null
+		}), [M, N, P, F] = k("licensePlate"), [I, L, R] = k("company"), z = (e) => e ? A({ company: e }) : j("company"), B = t(() => !!I.value && !I.value.hasVisitingAddress);
+		function V() {
+			O(({ licensePlate: e, company: t }) => {
+				g("submit", {
+					licensePlate: e,
+					company: t,
+					vehicle: b.value
+				});
+			});
+		}
+		return (t, o) => (i(), d(p(m), l(p(f), {
+			"submit-disabled": e.submitDisabled || p(D) || B.value,
+			onSubmit: V
+		}), {
+			default: r(() => [u(p(a), {
+				span: "5",
+				md: "6"
+			}, {
+				default: r(() => [u(p(S), l({
+					modelValue: p(M),
+					"onUpdate:modelValue": o[0] ||= (e) => _(M) ? M.value = e : null,
+					"vehicle-data": p(b),
+					"onUpdate:vehicleData": o[1] ||= (e) => _(b) ? b.value = e : null,
+					name: "licensePlate",
+					"error-message": p(P),
+					loading: p(F).isValidating
+				}, p(N)), {
+					popover: r(() => [u(p(x), {
+						"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
+			}), u(p(a), {
+				span: "5",
+				md: "6"
+			}, {
+				default: r(() => [u(p(v), l({
+					modelValue: p(I),
+					"onUpdate:modelValue": o[2] ||= (e) => _(I) ? I.value = e : null,
+					name: "company",
+					"error-message": p(R)
+				}, p(L), { onError: z }), {
+					popover: r(() => [u(p(x), {
+						"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 ? (i(), d(p(y), {
+					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."
+				})) : n("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/business-car.ts
+customElements.define("vd-business-car-form", s(E, { shadowRoot: !1 }));
+//#endregion

package/dist/wc-forms/business-liability.js

@@ -0,0 +1,71 @@
+import { Dn as e, Gt as t, Jt as n, Sr as r, Un as i, c as a, d as o, dt as s, in as c, kn as l, nn as u, qt as d, r as f, ri as p, s as m, t as h, u as g, zr as _ } from "./useValidator-DdXn8soU.js";
+import { n as v, r as y, t as b } from "./company.schema-CUG4hnMP.js";
+import { t as x } from "./VdPopover-CcRVedXS.js";
+//#region src/comparisons/businessLiability/businessLiability.schema.ts
+var S = f({ company: b() }), C = /* @__PURE__ */ c({
+	__name: "BusinessLiabilityForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...g,
+		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: ["submit"],
+	setup(e, { emit: s }) {
+		let c = e, f = o(c), g = s, { isSubmitting: b, handleSubmit: C, defineField: w, setErrors: T, removeError: E } = h(S, { company: c.initialData?.company ?? null }), [D, O, k] = w("company"), A = (e) => e ? T({ company: e }) : E("company"), j = t(() => !!D.value && !D.value.hasVisitingAddress);
+		function M() {
+			C(({ company: e }) => {
+				g("submit", { company: e });
+			});
+		}
+		return (e, t) => (i(), d(p(m), l(p(f), {
+			"action-span": 4,
+			"submit-disabled": p(b) || j.value,
+			onSubmit: M
+		}), {
+			default: r(() => [u(p(a), {
+				span: "8",
+				md: "6"
+			}, {
+				default: r(() => [u(p(v), l({
+					modelValue: p(D),
+					"onUpdate:modelValue": t[0] ||= (e) => _(D) ? D.value = e : null,
+					name: "company",
+					"error-message": p(k)
+				}, p(O), { onError: A }), {
+					popover: r(() => [u(p(x), {
+						"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 ? (i(), d(p(y), {
+					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."
+				})) : n("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/business-liability.ts
+customElements.define("vd-business-liability-form", s(C, { shadowRoot: !1 }));
+//#endregion

package/dist/wc-forms/car.js

@@ -0,0 +1,112 @@
+import { Dn as e, Sr as t, Un as n, c as r, d as i, dt as a, in as o, kn as s, nn as c, qt as l, r as u, ri as d, s as f, t as p, u as m, zr as h } from "./useValidator-DdXn8soU.js";
+import { t as g } from "./VdPopover-CcRVedXS.js";
+import { n as _, t as v } from "./useAddress-LSZ7sQk9.js";
+import { a as y, t as b } from "./birthdate.schema-DGsq2GQR.js";
+import { n as x, r as S, t as C } from "./useLicensePlate-KLwykzxF.js";
+//#region src/comparisons/car/car.schema.ts
+var w = (e, t) => u({
+	licensePlate: e,
+	address: t,
+	birthdate: b()
+}), T = /* @__PURE__ */ o({
+	__name: "CarForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...m,
+		title: "Autoverzekering vergelijken"
+	}),
+	emits: ["submit"],
+	setup(e, { emit: a }) {
+		let o = e, u = i(o), m = a, { addressSchema: b, draft: T, resolvedAddress: E, additionOptions: D } = v({ initial: o.initialData?.address }), { vehicleData: O, licensePlateSchema: k } = C(S.Car, { initialData: o.initialData?.vehicle ?? void 0 }), { isSubmitting: A, handleSubmit: j, defineField: M } = p(w(k, b), {
+			licensePlate: o.initialData?.licensePlate ?? "",
+			birthdate: o.initialData?.birthdate ?? "",
+			address: T
+		}), [N, P, F, I] = M("licensePlate"), [L, R, z] = M("birthdate");
+		function B() {
+			j(({ licensePlate: e, birthdate: t }) => {
+				m("submit", {
+					licensePlate: e,
+					birthdate: t,
+					address: E.value,
+					vehicle: O.value
+				});
+			});
+		}
+		return (i, a) => (n(), l(d(f), s(d(u), {
+			"submit-disabled": e.submitDisabled || d(A),
+			onSubmit: B
+		}), {
+			default: t(() => [
+				c(d(r), {
+					span: "3",
+					md: "6"
+				}, {
+					default: t(() => [c(d(x), s({
+						modelValue: d(N),
+						"onUpdate:modelValue": a[0] ||= (e) => h(N) ? N.value = e : null,
+						"vehicle-data": d(O),
+						"onUpdate:vehicleData": a[1] ||= (e) => h(O) ? O.value = e : null,
+						name: "licensePlate",
+						"error-message": d(F),
+						loading: d(I).isValidating
+					}, d(P)), {
+						popover: t(() => [c(d(g), {
+							"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
+				}),
+				c(d(r), {
+					span: "4",
+					md: "6"
+				}, {
+					default: t(() => [c(d(_), {
+						"resolved-address": d(E),
+						"onUpdate:resolvedAddress": a[2] ||= (e) => h(E) ? E.value = e : null,
+						"addition-options": d(D)
+					}, null, 8, ["resolved-address", "addition-options"])]),
+					_: 1
+				}),
+				c(d(r), {
+					span: "3",
+					md: "6"
+				}, {
+					default: t(() => [c(d(y), s({
+						modelValue: d(L),
+						"onUpdate:modelValue": a[3] ||= (e) => h(L) ? L.value = e : null,
+						label: "Geboortedatum hoofdbestuurder",
+						"error-message": d(z)
+					}, d(R)), null, 16, ["modelValue", "error-message"])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/car.ts
+customElements.define("vd-car-form", a(T, { shadowRoot: !1 }));
+//#endregion

package/dist/wc-forms/caravan.js

@@ -0,0 +1,144 @@
+import { Dn as e, Sr as t, Un as n, c as r, d as i, dt as a, in as o, kn as s, nn as c, qt as l, r as u, ri as d, s as f, t as p, u as m, zr as h } from "./useValidator-DdXn8soU.js";
+import { t as g } from "./VdSelect-BPB3Jh_f.js";
+import { t as _ } from "./VdRadioGroup-BsMaGEuY.js";
+import { n as v, t as y } from "./yesNo-BvJlCm7Y.js";
+import { n as b } from "./date.util-D9xNHiuY.js";
+import { t as x } from "./messages-kbFdNTrA.js";
+import { n as S, r as C } from "./rules-Cj1sWDmF.js";
+//#region src/comparisons/caravan/caravan.schema.ts
+var w = u({
+	TypeOfCaravan: C(x.caravan.typeOfCaravanRequired),
+	NewOrOccasion: S(y, x.caravan.newOrOccasionRequired),
+	BuildYear: C(x.caravan.buildYearRequired)
+}), T = [
+	{
+		value: "CS",
+		title: "Stacaravan"
+	},
+	{
+		value: "CT",
+		title: "Toercaravan"
+	},
+	{
+		value: "CV",
+		title: "Vouwwagen"
+	}
+], E = [{
+	value: v.Yes,
+	label: "Nieuw"
+}, {
+	value: v.No,
+	label: "Occasion"
+}];
+//#endregion
+//#region src/comparisons/caravan/models/buildYears.model.ts
+function D() {
+	let e = b();
+	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__ */ o({
+	__name: "CaravanForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...m,
+		title: "Caravanverzekering vergelijken"
+	}),
+	emits: ["submit"],
+	setup(e, { emit: a }) {
+		let o = e, u = i(o), m = a, y = D(), { isSubmitting: b, handleSubmit: x, defineField: S } = p(w, {
+			TypeOfCaravan: o.initialData?.TypeOfCaravan ?? null,
+			NewOrOccasion: o.initialData?.NewOrOccasion ?? v.Yes,
+			BuildYear: o.initialData?.BuildYear ?? null
+		}), [C, O, k] = S("TypeOfCaravan", { validateAt: "change" }), [A, j, M] = S("NewOrOccasion"), [N, P, F] = S("BuildYear", { validateAt: "change" });
+		function I() {
+			x((e) => {
+				m("submit", { ...e });
+			});
+		}
+		return (i, a) => (n(), l(d(f), s(d(u), {
+			"submit-disabled": e.submitDisabled || d(b),
+			onSubmit: I
+		}), {
+			default: t(() => [
+				c(d(r), {
+					span: "4",
+					md: "6"
+				}, {
+					default: t(() => [c(d(g), s({
+						modelValue: d(C),
+						"onUpdate:modelValue": a[0] ||= (e) => h(C) ? C.value = e : null,
+						label: "Soort caravan",
+						options: d(T),
+						name: "typeOfCaravan",
+						required: !1,
+						"error-message": d(k)
+					}, d(O)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				}),
+				c(d(r), {
+					span: "4",
+					md: "6"
+				}, {
+					default: t(() => [c(d(_), s({
+						modelValue: d(A),
+						"onUpdate:modelValue": a[1] ||= (e) => h(A) ? A.value = e : null,
+						legend: "Gekocht als",
+						name: "newOrOccasion",
+						options: d(E),
+						variant: "boxed",
+						required: !1,
+						"error-message": d(M)
+					}, d(j)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				}),
+				c(d(r), {
+					span: "2",
+					md: "6"
+				}, {
+					default: t(() => [c(d(g), s({
+						modelValue: d(N),
+						"onUpdate:modelValue": a[2] ||= (e) => h(N) ? N.value = e : null,
+						label: "Bouwjaar",
+						options: d(y),
+						name: "buildYear",
+						required: !1,
+						"error-message": d(F)
+					}, d(P)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/caravan.ts
+customElements.define("vd-caravan-form", a(O, { shadowRoot: !1 }));
+//#endregion