@vergelijkdirect/comparison-forms 2.0.2-rc.0 → 2.1.0-ver-9053.0

package/dist/vue/pet.presenter-BrWNvh7j.js

@@ -0,0 +1,170 @@
+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 "./VdInput-CRb-iTiH.js";
+import { t as s } from "./VdSelect-Dv35x4sz.js";
+import { t as c } from "./VdPopover-B78nVpNU.js";
+import { a as l, i as u, n as d, r as f } from "./birthdate.schema-DX1aYftY.js";
+import { t as p } from "./messages-DfcG9Qfd.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, string as w } from "yup";
+//#region src/comparisons/pet/constants.ts
+var T = {
+	min: 0,
+	max: 99
+}, E = C({
+	kind: w().required(p.pet.kindRequired),
+	age: w().required(p.birthdate.required).test("date_format", p.birthdate.dateFormat, d).test(f({
+		min: {
+			value: 7,
+			unit: "week"
+		},
+		max: {
+			value: T.max,
+			unit: "year"
+		}
+	}, {
+		future: () => p.birthdate.tooYoung(T.min),
+		tooYoung: ({ earliest: e, latest: t }) => p.pet.outOfRange(e.format(u), t.format(u)),
+		tooOld: () => p.birthdate.tooOld(T.max)
+	}, "birthdate_range")),
+	zipCode: w().required(p.pet.zipCodeRequired).matches(/^\d{4}\s?[a-zA-Z]{2}$/, p.pet.zipCodeInvalid)
+}), D = [
+	{
+		title: "Hond",
+		value: "dog"
+	},
+	{
+		title: "Kat",
+		value: "cat"
+	},
+	{
+		title: "Konijn",
+		value: "rabbit"
+	},
+	{
+		title: "Vogel",
+		value: "bird"
+	}
+], O = /* @__PURE__ */ g({
+	__name: "PetForm",
+	props: /*@__PURE__*/ v({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...t,
+		title: "Dierenverzekering vergelijken"
+	}),
+	emits: ["submitted"],
+	setup(t, { emit: a }) {
+		let u = t, d = r(u), f = a, { isSubmitting: p, handleSubmit: g, defineField: v } = i(E, {
+			kind: u.initialData?.kind ?? "dog",
+			age: u.initialData?.age ?? "",
+			zipCode: u.initialData?.zipCode ?? ""
+		}), [C, w, T] = v("kind", { validateAt: "change" }), [O, k, A] = v("age"), [j, M, N] = v("zipCode");
+		function P() {
+			g((e) => {
+				f("submitted", { ...e });
+			});
+		}
+		return (r, i) => (b(), m(x(n), y(x(d), {
+			"submit-disabled": t.submitDisabled || x(p),
+			onSubmit: P
+		}), {
+			default: S(() => [
+				h(x(e), {
+					span: "4",
+					md: "6"
+				}, {
+					default: S(() => [h(x(s), y({
+						modelValue: x(C),
+						"onUpdate:modelValue": i[0] ||= (e) => _(C) ? C.value = e : null,
+						label: "Wat voor huisdier wil je verzekeren?",
+						placeholder: "",
+						options: x(D),
+						name: "kind",
+						required: !1,
+						"error-message": x(T)
+					}, x(w)), null, 16, [
+						"modelValue",
+						"options",
+						"error-message"
+					])]),
+					_: 1
+				}),
+				h(x(e), {
+					span: "4",
+					md: "6"
+				}, {
+					default: S(() => [h(x(l), y({
+						modelValue: x(O),
+						"onUpdate:modelValue": i[1] ||= (e) => _(O) ? O.value = e : null,
+						label: "Geboortedatum huisdier",
+						"error-message": x(A)
+					}, x(k)), {
+						popover: S(() => [h(x(c), {
+							"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
+				}),
+				h(x(e), {
+					span: "2",
+					md: "6"
+				}, {
+					default: S(() => [h(x(o), y({
+						modelValue: x(j),
+						"onUpdate:modelValue": i[2] ||= (e) => _(j) ? j.value = e : null,
+						label: "Postcode",
+						placeholder: "bv. 1234 AZ",
+						name: "zipCode",
+						mask: "####@@",
+						capitalize: "",
+						required: !1,
+						"error-message": x(N)
+					}, x(M)), {
+						popover: S(() => [h(x(c), {
+							"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/comparisons/pet/pet.presenter.ts
+function k(e) {
+	return {
+		comparison: a.Pet,
+		detail: { pet: {
+			kind: e.kind,
+			age: e.age
+		} },
+		user: { zipCode: e.zipCode }
+	};
+}
+//#endregion
+export { O as n, k as t };

package/dist/vue/rules-3BZkSj_K.js

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

package/dist/vue/travel-DB9sfL8A.js

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

package/dist/vue/travel.presenter-CVkNDJwI.js

@@ -0,0 +1,108 @@
+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 "./VdRadioGroup-D5kHcpsY.js";
+import { t as s } from "./VdPopover-B78nVpNU.js";
+import { a as c, t as l } from "./birthdate.schema-DX1aYftY.js";
+import { t as u } from "./messages-DfcG9Qfd.js";
+import { n as d } from "./rules-3BZkSj_K.js";
+import { createBlock 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/travel/paymentTerm.enum.ts
+var S = /* @__PURE__ */ function(e) {
+	return e.Continuous = "L", e.ShortTerm = "S", e;
+}({}), C = x({
+	PaymentTerm: d([S.Continuous, S.ShortTerm], u.travel.paymentTermRequired),
+	birthdate: l()
+}), w = [{
+	value: S.Continuous,
+	label: "Doorlopend"
+}, {
+	value: S.ShortTerm,
+	label: "Kortlopend"
+}], T = /* @__PURE__ */ m({
+	__name: "TravelForm",
+	props: /*@__PURE__*/ g({
+		initialData: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...t,
+		title: "Reisverzekering vergelijken"
+	}),
+	emits: ["submitted"],
+	setup(t, { emit: a }) {
+		let l = t, u = r(l), d = a, { isSubmitting: m, handleSubmit: g, defineField: x } = i(C, {
+			PaymentTerm: l.initialData?.PaymentTerm ?? S.Continuous,
+			birthdate: l.initialData?.birthdate ?? ""
+		}), [T, E, D] = x("PaymentTerm", { validateAt: "change" }), [O, k, A] = x("birthdate");
+		function j() {
+			g((e) => {
+				d("submitted", { ...e });
+			});
+		}
+		return (r, i) => (v(), f(y(n), _(y(u), {
+			"submit-disabled": t.submitDisabled || y(m),
+			onSubmit: j
+		}), {
+			default: b(() => [p(y(e), {
+				span: "5",
+				md: "6"
+			}, {
+				default: b(() => [p(y(o), _({
+					modelValue: y(T),
+					"onUpdate:modelValue": i[0] ||= (e) => h(T) ? T.value = e : null,
+					legend: "Kies je dekking",
+					name: "PaymentTerm",
+					options: y(w),
+					variant: "boxed",
+					required: !1,
+					"error-message": y(D)
+				}, y(E)), {
+					popover: b(() => [p(y(s), {
+						"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
+			}), p(y(e), {
+				span: "5",
+				md: "6"
+			}, {
+				default: b(() => [p(y(c), _({
+					modelValue: y(O),
+					"onUpdate:modelValue": i[1] ||= (e) => h(O) ? O.value = e : null,
+					"error-message": y(A)
+				}, y(k)), null, 16, ["modelValue", "error-message"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["submit-disabled"]));
+	}
+});
+//#endregion
+//#region src/comparisons/travel/travel.presenter.ts
+function E(e) {
+	return {
+		comparison: a.Travel,
+		detail: { comparison: { PaymentTerm: e.PaymentTerm } },
+		user: { birthdate: e.birthdate }
+	};
+}
+//#endregion
+export { T as n, E as t };

package/dist/vue/useAddress-C-h1pGI5.js

@@ -0,0 +1,245 @@
+import { a as e, i as t, n } from "./useValidator-B8ZuqyvJ.js";
+import { t as r } from "./VdInput-CRb-iTiH.js";
+import { t as i } from "./VdSelect-Dv35x4sz.js";
+import { n as a } from "./itc-KSDsJZsI.js";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, isRef as p, mergeModels as m, nextTick as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, watch as w, withCtx as T } from "vue";
+import { object as E, string as D } from "yup";
+//#endregion
+//#region src/components/ui/form/VdFormGroup.vue
+var O = /* @__PURE__ */ f({
+	__name: "VdFormGroup",
+	props: {
+		span: { default: null },
+		md: { default: null }
+	},
+	setup(e) {
+		let t = e, n = o(() => [
+			"vd-form__group",
+			t.span == null ? null : `vd-form__col-${t.span}`,
+			t.md == null ? null : `vd-form__col-md-${t.md}`
+		]);
+		return (e, t) => (v(), c("div", { class: g(n.value) }, [b(e.$slots, "default")], 2));
+	}
+}), k = { class: "vd-field" }, A = {
+	key: 0,
+	class: "vd-field__message vd-field__message--error"
+}, j = {
+	key: 1,
+	class: "vd-field__message vd-field__message--information"
+}, M = /* @__PURE__ */ f({
+	__name: "VdAddress",
+	props: /*@__PURE__*/ m({
+		path: { default: "address" },
+		additionOptions: {}
+	}, {
+		resolvedAddress: { required: !0 },
+		resolvedAddressModifiers: {}
+	}),
+	emits: ["update:resolvedAddress"],
+	setup(a) {
+		let f = a, m = C(a, "resolvedAddress"), { path: g } = f, { defineField: y, validateField: b, getFieldMeta: E, getError: D, removeError: M } = n(), [N, , P] = y(`${g}.zipCode`), [F, , I] = y(`${g}.houseNumber`), [L, , R] = y(`${g}.houseNumberAddition`), z = async () => {
+			await b(g), L.value || M(`${g}.houseNumberAddition`);
+		}, B = (e) => {
+			N.value && F.value ? z() : b(e);
+		}, V = () => B(`${g}.zipCode`), H = () => B(`${g}.houseNumber`), U = () => h(() => b(g)), W = E(g), G = o(() => D(g) ?? ""), K = o(() => m.value !== null), q = o(() => f.additionOptions.length === 0 ? "-" : "Kies een toevoeging");
+		return w([N, F], () => {
+			L.value &&= "", m.value = null, M(g), M(`${g}.houseNumberAddition`);
+		}), w(L, () => {
+			m.value = null;
+		}), _(() => {
+			N.value && F.value && z();
+		}), (n, o) => (v(), c("div", k, [d(e, null, {
+			default: T(() => [d(t, {
+				span: "5",
+				md: "3"
+			}, {
+				default: T(() => [d(r, {
+					modelValue: S(N),
+					"onUpdate:modelValue": o[0] ||= (e) => p(N) ? N.value = e : null,
+					modelModifiers: { trim: !0 },
+					name: "zipCode",
+					label: "Postcode",
+					placeholder: "bv. 1234 AZ",
+					"error-message": S(P),
+					mask: "####@@",
+					capitalize: "",
+					autocomplete: "",
+					required: !1,
+					verified: K.value,
+					loading: S(W).isValidating,
+					onBlur: V
+				}, null, 8, [
+					"modelValue",
+					"error-message",
+					"verified",
+					"loading"
+				])]),
+				_: 1
+			}), d(O, {
+				span: "7",
+				md: "3"
+			}, {
+				default: T(() => [d(r, {
+					modelValue: S(F),
+					"onUpdate:modelValue": o[1] ||= (e) => p(F) ? F.value = e : null,
+					modelModifiers: { trim: !0 },
+					name: "houseNumber",
+					label: "Huisnummer",
+					placeholder: "bv. 1",
+					inputmode: "numeric",
+					"error-message": S(I),
+					autocomplete: "",
+					required: !1,
+					verified: K.value,
+					loading: S(W).isValidating,
+					onBlur: H
+				}, null, 8, [
+					"modelValue",
+					"error-message",
+					"verified",
+					"loading"
+				]), d(i, {
+					modelValue: S(L),
+					"onUpdate:modelValue": o[2] ||= (e) => p(L) ? L.value = e : null,
+					name: "houseNumberAddition",
+					label: "Toevoeging",
+					placeholder: q.value,
+					options: a.additionOptions,
+					"error-message": S(R),
+					disabled: a.additionOptions.length === 0 || S(W).isValidating,
+					verified: K.value,
+					required: !1,
+					onSelect: U
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"options",
+					"error-message",
+					"disabled",
+					"verified"
+				])]),
+				_: 1
+			})]),
+			_: 1
+		}), G.value ? (v(), c("div", A, [o[3] ||= l("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), u(" " + x(G.value), 1)])) : m.value ? (v(), c("div", j, [o[4] ||= l("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), u(" " + x(m.value.street) + ", " + x(m.value.city), 1)])) : s("", !0)]));
+	}
+}), N = (e) => ({
+	zipCode: e.ZipCode,
+	houseNumber: String(e.HouseNumber),
+	houseNumberAddition: e.HouseNumberAddition,
+	city: e.Place,
+	street: e.Street
+}), P = /^\d{4}\s?[a-zA-Z]{2}$/, F = /^\d+$/, I = {
+	"needs-addition": "Een toevoeging is verplicht",
+	"not-found": "Postcode en huisnummer combinatie onbekend.",
+	error: "Adres ophalen is mislukt. Probeer het opnieuw."
+};
+function L(e) {
+	return e.replace(/\s/g, "").toUpperCase();
+}
+var R = "NO_ADDITION";
+function z(e) {
+	return e === R ? "" : e.replace("-", "");
+}
+var B = (e) => e instanceof Error, V = (e) => {
+	if (B(e)) throw e;
+	return null;
+}, H = (e, t, n) => a().dataValidationService.validateZipCode(e, t, n).then((e) => e).catch(V), U = (e, t) => a().homeService.getAddition({
+	zipcode: e,
+	houseNumber: t
+}).then((e) => e ?? []).catch(V), W = async (e, t) => {
+	let [n, r] = await Promise.all([H(e, t), U(e, t)]);
+	return !n && !r?.length ? null : {
+		validWithoutAddition: !!n,
+		template: n,
+		additions: r ?? []
+	};
+}, G = (e) => {
+	let t = e.additions.map((e) => ({
+		title: e,
+		value: z(e)
+	}));
+	return e.validWithoutAddition && t.length ? [{
+		title: "Geen toevoeging",
+		value: R
+	}, ...t] : t;
+}, K = (e) => ({
+	zipCode: e?.zipCode ?? "",
+	houseNumber: e?.houseNumber ?? "",
+	houseNumberAddition: e ? e.houseNumberAddition || R : ""
+}), q = (e) => {
+	let t = e?.path ?? "address", n = K(e?.initial), r = y(null), i = y([]), a = 0, o = null, s = async (e) => {
+		let t = L(e.zipCode), n = e.houseNumber.trim(), r = z(e.houseNumberAddition), i = `${t}:${n}`;
+		try {
+			let a = o?.key === i ? o : null;
+			if (!a) {
+				let e = await W(t, n);
+				if (!e) return {
+					status: "not-found",
+					options: [],
+					address: null
+				};
+				a = o = {
+					key: i,
+					verdict: e
+				};
+			}
+			let s = G(a.verdict);
+			if (a.verdict.additions.length && !e.houseNumberAddition) return {
+				status: "needs-addition",
+				options: s,
+				address: null
+			};
+			if (!a.verdict.template) {
+				let e = await H(t, n, r);
+				if (!e) return {
+					status: "not-found",
+					options: [],
+					address: null
+				};
+				a.verdict.template = e;
+			}
+			return {
+				status: "resolved",
+				options: s,
+				address: r ? {
+					...a.verdict.template,
+					HouseNumberAddition: r
+				} : a.verdict.template
+			};
+		} catch (e) {
+			return console.error("Error on ITC address lookup", e), {
+				status: "error",
+				options: [],
+				address: null
+			};
+		}
+	}, c = async (e) => {
+		let t = ++a, n = await s(e), o = t !== a;
+		return o || (i.value = n.options, r.value = n.address ? N(n.address) : null), {
+			...n,
+			stale: o
+		};
+	};
+	return {
+		path: t,
+		addressSchema: E({
+			zipCode: D().required("Vul je postcode in").matches(P, "Postcode is incorrect"),
+			houseNumber: D().required("Huisnummer is verplicht").matches(F, "Huisnummer is incorrect"),
+			houseNumberAddition: D().defined()
+		}).test("address-lookup", async (e, t) => {
+			let n = L(e.zipCode ?? ""), r = String(e.houseNumber ?? "").trim();
+			if (!P.test(n) || !F.test(r)) return !0;
+			let { status: i, stale: a } = await c(e);
+			return a || i === "resolved" ? !0 : i === "needs-addition" ? t.createError({
+				path: `${t.path}.houseNumberAddition`,
+				message: I[i]
+			}) : t.createError({ message: I[i] });
+		}),
+		draft: n,
+		resolvedAddress: r,
+		additionOptions: i
+	};
+};
+//#endregion
+export { M as n, q as t };