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

package/dist/wc-forms/motor.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/motor/motor.schema.ts
+var w = (e, t) => u({
+	licensePlate: e,
+	address: t,
+	birthdate: b()
+}), T = /* @__PURE__ */ o({
+	__name: "MotorForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...m,
+		title: "Motorverzekering 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.Motor, { 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 motor 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/motor.ts
+customElements.define("vd-motor-form", a(T, { shadowRoot: !1 }));
+//#endregion

package/dist/wc-forms/package.js

@@ -0,0 +1,119 @@
+import { Dn as e, Gt as t, Jt as n, Sr as r, Un as i, _r as a, a as o, c as s, d as c, dt as l, in as u, kn as d, nn as f, qt as p, r as m, ri as h, s as g, t as _, u as v, zr as y } from "./useValidator-DdXn8soU.js";
+import { n as b, t as x } from "./useAddress-LSZ7sQk9.js";
+import { a as S, t as C } from "./birthdate.schema-DGsq2GQR.js";
+import { i as w, n as T, r as E } from "./familyComposition.schema-fY4w6P1J.js";
+//#region src/utils/familyComposition.util.ts
+var D = [w.FamilyWithChildren, w.FamilyWithoutChildren];
+function O(e) {
+	return D.includes(e);
+}
+//#endregion
+//#region src/comparisons/package/package.schema.ts
+var k = (e) => m({
+	address: e,
+	birthdate: C(),
+	familyComposition: T,
+	partnerBirthdate: o().defined().when("familyComposition", {
+		is: O,
+		then: () => C()
+	})
+}), A = /* @__PURE__ */ u({
+	__name: "PackageForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...v,
+		title: "Combineer al je verzekeringen in 1 verzekeringspakket"
+	}),
+	emits: ["submit"],
+	setup(e, { emit: o }) {
+		let l = e, u = c(l), m = o, { addressSchema: v, draft: C, resolvedAddress: T, additionOptions: D } = x({ initial: l.initialData?.address }), { isSubmitting: A, handleSubmit: j, defineField: M, resetField: N } = _(k(v), {
+			birthdate: l.initialData?.birthdate ?? "",
+			familyComposition: l.initialData?.familyComposition ?? w.SingleWithoutChildren,
+			partnerBirthdate: l.initialData?.partnerBirthdate ?? "",
+			address: C
+		}), [P, F, I] = M("birthdate"), [L, R, z] = M("familyComposition", { validateAt: "change" }), [B, V, H] = M("partnerBirthdate"), U = t(() => O(L.value));
+		a(L, (e) => {
+			O(e) || N("partnerBirthdate", { value: "" });
+		}, { immediate: !0 });
+		function W() {
+			j(({ birthdate: e, familyComposition: t, partnerBirthdate: n }) => {
+				m("submit", {
+					birthdate: e,
+					familyComposition: t,
+					partnerBirthdate: n,
+					address: T.value
+				});
+			});
+		}
+		return (t, a) => (i(), p(h(g), d(h(u), {
+			"submit-disabled": e.submitDisabled || h(A),
+			onSubmit: W
+		}), {
+			default: r(() => [
+				f(h(s), {
+					span: "4",
+					md: "6"
+				}, {
+					default: r(() => [f(h(b), {
+						"resolved-address": h(T),
+						"onUpdate:resolvedAddress": a[0] ||= (e) => y(T) ? T.value = e : null,
+						"addition-options": h(D)
+					}, null, 8, ["resolved-address", "addition-options"])]),
+					_: 1
+				}),
+				f(h(s), {
+					span: U.value ? 2 : 3,
+					md: "6"
+				}, {
+					default: r(() => [f(h(S), d({
+						modelValue: h(P),
+						"onUpdate:modelValue": a[1] ||= (e) => y(P) ? P.value = e : null,
+						label: "Geboortedatum",
+						"error-message": h(I)
+					}, h(F)), null, 16, ["modelValue", "error-message"])]),
+					_: 1
+				}, 8, ["span"]),
+				f(h(s), {
+					span: U.value ? 2 : 3,
+					md: "6"
+				}, {
+					default: r(() => [f(h(E), d({
+						modelValue: h(L),
+						"onUpdate:modelValue": a[2] ||= (e) => y(L) ? L.value = e : null,
+						"error-message": h(z)
+					}, h(R)), null, 16, ["modelValue", "error-message"])]),
+					_: 1
+				}, 8, ["span"]),
+				U.value ? (i(), p(h(s), {
+					key: 0,
+					span: "2",
+					md: "6"
+				}, {
+					default: r(() => [f(h(S), d({
+						modelValue: h(B),
+						"onUpdate:modelValue": a[3] ||= (e) => y(B) ? B.value = e : null,
+						label: "Geboortedatum partner",
+						name: "partnerBirthdate",
+						"error-message": h(H)
+					}, h(V)), null, 16, ["modelValue", "error-message"])]),
+					_: 1
+				})) : n("", !0)
+			]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/package.ts
+customElements.define("vd-package-form", l(A, { shadowRoot: !1 }));
+//#endregion

package/dist/wc-forms/pet.js

@@ -0,0 +1,158 @@
+import { Dn as e, Sr as t, Un as n, a as r, c as i, d as a, dt as o, in as s, kn as c, nn as l, qt as u, r as d, ri as f, s as p, t as m, u as h, zr as g } from "./useValidator-DdXn8soU.js";
+import { t as _ } from "./VdInput-PLH7DZsc.js";
+import { t as v } from "./VdSelect-BPB3Jh_f.js";
+import { t as y } from "./VdPopover-CcRVedXS.js";
+import { a as b, i as x, n as S, r as C } from "./birthdate.schema-DGsq2GQR.js";
+import { t as w } from "./messages-kbFdNTrA.js";
+//#region src/comparisons/pet/constants.ts
+var T = {
+	min: 0,
+	max: 99
+}, E = d({
+	kind: r().required(w.pet.kindRequired),
+	age: r().required(w.birthdate.required).test("date_format", w.birthdate.dateFormat, S).test(C({
+		min: {
+			value: 7,
+			unit: "week"
+		},
+		max: {
+			value: T.max,
+			unit: "year"
+		}
+	}, {
+		future: () => w.birthdate.tooYoung(T.min),
+		tooYoung: ({ earliest: e, latest: t }) => w.pet.outOfRange(e.format(x), t.format(x)),
+		tooOld: () => w.birthdate.tooOld(T.max)
+	}, "birthdate_range")),
+	zipcode: r().required(w.pet.zipcodeRequired).matches(/^\d{4}\s?[a-zA-Z]{2}$/, w.pet.zipcodeInvalid)
+}), D = [
+	{
+		title: "Hond",
+		value: "dog"
+	},
+	{
+		title: "Kat",
+		value: "cat"
+	},
+	{
+		title: "Konijn",
+		value: "rabbit"
+	},
+	{
+		title: "Vogel",
+		value: "bird"
+	}
+], O = /* @__PURE__ */ s({
+	__name: "PetForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...h,
+		title: "Dierenverzekering vergelijken"
+	}),
+	emits: ["submit"],
+	setup(e, { emit: r }) {
+		let o = e, s = a(o), d = r, { isSubmitting: h, handleSubmit: x, defineField: S } = m(E, {
+			kind: o.initialData?.kind ?? "dog",
+			age: o.initialData?.age ?? "",
+			zipcode: o.initialData?.zipcode ?? ""
+		}), [C, w, T] = S("kind", { validateAt: "change" }), [O, k, A] = S("age"), [j, M, N] = S("zipcode");
+		function P() {
+			x((e) => {
+				d("submit", { ...e });
+			});
+		}
+		return (r, a) => (n(), u(f(p), c(f(s), {
+			"submit-disabled": e.submitDisabled || f(h),
+			onSubmit: P
+		}), {
+			default: t(() => [
+				l(f(i), {
+					span: "4",
+					md: "6"
+				}, {
+					default: t(() => [l(f(v), c({
+						modelValue: f(C),
+						"onUpdate:modelValue": a[0] ||= (e) => g(C) ? C.value = e : null,
+						label: "Wat voor huisdier wil je verzekeren?",
+						placeholder: "",
+						options: f(D),
+						name: "kind",
+						required: !1,
+						"error-message": f(T)
+					}, f(w)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				}),
+				l(f(i), {
+					span: "4",
+					md: "6"
+				}, {
+					default: t(() => [l(f(b), c({
+						modelValue: f(O),
+						"onUpdate:modelValue": a[1] ||= (e) => g(O) ? O.value = e : null,
+						label: "Geboortedatum huisdier",
+						"error-message": f(A)
+					}, f(k)), {
+						popover: t(() => [l(f(y), {
+							"ref-variant": "blue-icon",
+							"tooltip-variant": "blue",
+							"tooltip-size": "small",
+							content: {
+								title: "Waarom de geboortedatum?",
+								description: "De leeftijd van je huisdier is cruciaal voor de premieberekening. Oudere dieren hebben vaak hogere premies vanwege verhoogde gezondheidsrisico's. Als je de exacte datum niet weet, gebruik dan een schatting."
+							}
+						})]),
+						_: 1
+					}, 16, ["modelValue", "error-message"])]),
+					_: 1
+				}),
+				l(f(i), {
+					span: "2",
+					md: "6"
+				}, {
+					default: t(() => [l(f(_), c({
+						modelValue: f(j),
+						"onUpdate:modelValue": a[2] ||= (e) => g(j) ? j.value = e : null,
+						label: "Postcode",
+						placeholder: "bv. 1234 AZ",
+						name: "zipcode",
+						mask: "####@@",
+						capitalize: "",
+						required: !1,
+						"error-message": f(N)
+					}, f(M)), {
+						popover: t(() => [l(f(y), {
+							"ref-variant": "blue-icon",
+							"tooltip-variant": "blue",
+							"tooltip-size": "small",
+							content: {
+								title: "Waarom je postcode?",
+								description: "Je postcode helpt ons om de juiste premie voor jouw huisdier te berekenen, omdat sommige verzekeraars hun tarieven op basis van je woonlocatie bepalen."
+							}
+						})]),
+						_: 1
+					}, 16, ["modelValue", "error-message"])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/pet.ts
+customElements.define("vd-pet-form", o(O, { shadowRoot: !1 }));
+//#endregion

package/dist/wc-forms/rolldown-runtime-Dqa2HsxW.js

@@ -0,0 +1,20 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { s as n, l as r, o as t };

package/dist/wc-forms/rules-Cj1sWDmF.js

@@ -0,0 +1,13 @@
+import { a as e, i as t } from "./useValidator-DdXn8soU.js";
+//#region src/schemas/rules.ts
+function n(t, n) {
+	return e().required(n).oneOf(t, n);
+}
+function r(t) {
+	return e().required(t);
+}
+function i(e) {
+	return t().typeError(e).required(e);
+}
+//#endregion
+export { n, r, i as t };

package/dist/wc-forms/services-CG6XsnRT.js

@@ -0,0 +1,16 @@
+import { ComparisonService as e, DataService as t, DataValidationService as n, HomeService as r } from "@vergelijkdirect/insurance-transmission-client";
+//#region src/data/services.ts
+var i;
+function a() {
+	return {
+		dataService: new t(),
+		dataValidationService: new n(),
+		homeService: new r(),
+		comparisonService: new e()
+	};
+}
+function o() {
+	return i ||= a(), i;
+}
+//#endregion
+export { o as t };

package/dist/wc-forms/travel.js

@@ -0,0 +1,99 @@
+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 "./VdRadioGroup-BsMaGEuY.js";
+import { t as _ } from "./VdPopover-CcRVedXS.js";
+import { a as v, t as y } from "./birthdate.schema-DGsq2GQR.js";
+import { t as b } from "./messages-kbFdNTrA.js";
+import { n as x } from "./rules-Cj1sWDmF.js";
+//#region src/comparisons/travel/paymentTerm.enum.ts
+var S = /* @__PURE__ */ function(e) {
+	return e.Continuous = "L", e.ShortTerm = "S", e;
+}({}), C = u({
+	PaymentTerm: x([S.Continuous, S.ShortTerm], b.travel.paymentTermRequired),
+	birthdate: y()
+}), w = [{
+	value: S.Continuous,
+	label: "Doorlopend"
+}, {
+	value: S.ShortTerm,
+	label: "Kortlopend"
+}], T = /* @__PURE__ */ o({
+	__name: "TravelForm",
+	props: /*@__PURE__*/ e({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...m,
+		title: "Reisverzekering vergelijken"
+	}),
+	emits: ["submit"],
+	setup(e, { emit: a }) {
+		let o = e, u = i(o), m = a, { isSubmitting: y, handleSubmit: b, defineField: x } = p(C, {
+			PaymentTerm: o.initialData?.PaymentTerm ?? S.Continuous,
+			birthdate: o.initialData?.birthdate ?? ""
+		}), [T, E, D] = x("PaymentTerm", { validateAt: "change" }), [O, k, A] = x("birthdate");
+		function j() {
+			b((e) => {
+				m("submit", { ...e });
+			});
+		}
+		return (i, a) => (n(), l(d(f), s(d(u), {
+			"submit-disabled": e.submitDisabled || d(y),
+			onSubmit: j
+		}), {
+			default: t(() => [c(d(r), {
+				span: "5",
+				md: "6"
+			}, {
+				default: t(() => [c(d(g), s({
+					modelValue: d(T),
+					"onUpdate:modelValue": a[0] ||= (e) => h(T) ? T.value = e : null,
+					legend: "Kies je dekking",
+					name: "PaymentTerm",
+					options: d(w),
+					variant: "boxed",
+					required: !1,
+					"error-message": d(D)
+				}, d(E)), {
+					popover: t(() => [c(d(_), {
+						"ref-variant": "blue-icon",
+						"tooltip-variant": "blue",
+						"tooltip-size": "small",
+						content: {
+							title: "Kies je dekking",
+							description: "Doorlopend is al goedkoper wanneer je meer dan 1 keer op vakantie gaat. Ook weekendjes weg zijn meeverzekerd!"
+						}
+					})]),
+					_: 1
+				}, 16, [
+					"modelValue",
+					"options",
+					"error-message"
+				])]),
+				_: 1
+			}), c(d(r), {
+				span: "5",
+				md: "6"
+			}, {
+				default: t(() => [c(d(v), s({
+					modelValue: d(O),
+					"onUpdate:modelValue": a[1] ||= (e) => h(O) ? O.value = e : null,
+					"error-message": d(A)
+				}, d(k)), null, 16, ["modelValue", "error-message"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/entries/wc-forms/travel.ts
+customElements.define("vd-travel-form", a(T, { shadowRoot: !1 }));
+//#endregion