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

package/dist/vue/travel.presenter-DeoXBmrT.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-B9q6IeIR.js";
+import { t as u } from "./messages-DRFu-PCu.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 };

package/dist/vue/useLicensePlate-wAVrX9tr.js

@@ -0,0 +1,187 @@
+import { u as e } from "./useValidator-B8ZuqyvJ.js";
+import { t } from "./VdInput-CRb-iTiH.js";
+import { n } from "./itc-KSDsJZsI.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, useModel as b, useSlots as x, watch as S, withCtx as C } from "vue";
+import { string as w } from "yup";
+//#region src/components/fields/licensePlate/licensePlate.model.ts
+var T = {
+	[e.Car]: {
+		apiTypes: ["Car", "Van"],
+		dutch: "auto",
+		icon: "fa-car"
+	},
+	[e.Motor]: {
+		apiTypes: ["Motor", "MP3Motor"],
+		dutch: "motor",
+		icon: "fa-motorcycle"
+	},
+	[e.Moped]: {
+		apiTypes: ["Moped"],
+		dutch: "brommer",
+		icon: "moped-solid"
+	},
+	[e.Caravan]: {
+		apiTypes: ["Caravan"],
+		dutch: "caravan",
+		icon: "fa-caravan-alt"
+	}
+}, E = Object.fromEntries(Object.values(T).flatMap(({ apiTypes: e, icon: t }) => e.map((e) => [e.toLowerCase(), t]))), D = {
+	brommobiel: "fa-car-side",
+	"speed pedelec": "fa-bicycle"
+}, O = (e) => !!e?.Brand && !!e.Model && !!e.ManufacturingYear, k = (e) => {
+	if (!e) return "";
+	let t = String(e.Model ?? "").toLowerCase().trim(), n = String(e.VehicleType ?? "").toLowerCase();
+	return D[t] ?? E[n] ?? "";
+}, A = (e) => e ? `${e.Brand} ${e.Model} (${e.ManufacturingYear})` : "", j = [
+	"@@-##-@@",
+	"##-##-@@",
+	"##-@@-@@",
+	"@@-@@-##",
+	"##-@@-##",
+	"@@-##-##",
+	"##-@@@-#",
+	"@@-###-@",
+	"@-###-@@",
+	"#-@@@-##",
+	"@@@-##-@",
+	"@-##-@@@",
+	"#-@@-###",
+	"###-@@-#"
+];
+//#endregion
+//#region src/components/fields/licensePlate/licensePlate.util.ts
+function M(e) {
+	return e.replace(/[\s\\-]/g, "");
+}
+var N = "*".repeat(6), P = j.map((e) => e.replace(/-/g, ""));
+function F(e) {
+	let t = M(e).slice(0, 6);
+	if (t.length < 6) return N;
+	let n = [...t].map((e) => /[0-9]/.test(e) ? "#" : "@").join(""), r = P.indexOf(n);
+	return r === -1 ? N : j[r];
+}
+//#endregion
+//#region src/components/fields/licensePlate/VdLicensePlate.vue?vue&type=script&setup=true&lang.ts
+var I = {
+	key: 0,
+	class: "vd-input-license-plate__loading-information"
+}, L = ["src"], R = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "VdLicensePlate",
+	props: /*@__PURE__*/ f({
+		name: {},
+		label: { default: "Kenteken" },
+		errorMessage: { default: null },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {},
+		vehicleData: { default: null },
+		vehicleDataModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["input"], ["update:modelValue", "update:vehicleData"]),
+	setup(e, { emit: n }) {
+		let d = { mask: F }, f = e, h = b(e, "modelValue"), w = b(e, "vehicleData"), T = n, E = y(), D = x(), j = i({
+			get: () => h.value ?? "",
+			set: (e) => {
+				h.value = e, T("input", e);
+			}
+		}), N = (e, t) => M(e).toUpperCase() === M(t).toUpperCase();
+		S(h, (e) => {
+			w.value && !N(e, w.value.LicensePlate) && (w.value = null);
+		});
+		let P = i(() => O(w.value) ? w.value : null), R = i(() => f.loading || !!P.value && !f.errorMessage), z = i(() => k(P.value)), B = i(() => A(P.value));
+		return (n, i) => (m(), a(t, p(v(E), {
+			modelValue: j.value,
+			"onUpdate:modelValue": i[0] ||= (e) => j.value = e,
+			capitalize: "",
+			autocomplete: "",
+			name: e.name,
+			label: e.label,
+			required: e.required,
+			"error-message": e.errorMessage || null,
+			loading: e.loading,
+			mask: d,
+			class: "vd-input-license-plate"
+		}), l({ _: 2 }, [
+			v(D).label ? {
+				name: "label",
+				fn: C(() => [g(n.$slots, "label")]),
+				key: "0"
+			} : void 0,
+			v(D).popover ? {
+				name: "popover",
+				fn: C(() => [g(n.$slots, "popover")]),
+				key: "1"
+			} : void 0,
+			R.value ? {
+				name: "information",
+				fn: C(() => [e.loading ? (m(), s("div", I, [...i[1] ||= [c("i", { class: "fas fa-circle-notch vd-input-license-plate__loading-icon" }, null, -1), u(" Voertuig gegevens ophalen... ", -1)]])) : P.value ? (m(), s(r, { key: 1 }, [z.value ? (m(), s("img", {
+					key: 0,
+					src: `https://d12bmfj3oyxu0t.cloudfront.net/vergelijkdirect/icons/${z.value}.svg`,
+					class: "vd-field__svg-message-icon",
+					alt: "vehicle-icon"
+				}, null, 8, L)) : o("", !0), u(" " + _(B.value), 1)], 64)) : o("", !0)]),
+				key: "2"
+			} : void 0
+		]), 1040, [
+			"modelValue",
+			"name",
+			"label",
+			"required",
+			"error-message",
+			"loading"
+		]));
+	}
+}), z = /* @__PURE__ */ new Map(), B = (e, t) => `${t}:${e}`, V = {
+	"wrong-type": (e) => `Het ingevoerde kenteken is geen ${T[e].dutch}`,
+	unknown: () => "Voertuig onbekend - Voer ander kenteken in of neem contact op",
+	"not-found": () => "Kenteken onbekend",
+	error: () => "Kenteken is incorrect"
+}, H = async (e, t) => {
+	try {
+		let r = await n().dataService.findVehicle(e, t);
+		if (Array.isArray(r) || !r || !Object.keys(r).length) return { status: "not-found" };
+		let i = r;
+		return i.VehicleType ? T[t].apiTypes.includes(i.VehicleType) ? {
+			status: "found",
+			data: i
+		} : { status: "wrong-type" } : { status: "unknown" };
+	} catch (e) {
+		return console.error("Error on ITC findVehicle", e), { status: "error" };
+	}
+}, U = (e, t) => {
+	let n = B(e, t), r = z.get(n);
+	return r || (r = H(e, t), z.set(n, r), r.then(({ status: e }) => {
+		e === "error" && z.delete(n);
+	}, () => z.delete(n))), r;
+}, W = (e, t = {}) => {
+	let n = h(t.initialData ?? null), r = 0;
+	t.initialData?.LicensePlate && z.set(B(M(t.initialData.LicensePlate), e), Promise.resolve({
+		status: "found",
+		data: t.initialData
+	}));
+	let i = async (t) => {
+		let i = M(t), a = ++r, o = await U(i, e);
+		return a === r && (n.value = o.status === "found" ? o.data : null), o;
+	};
+	return {
+		vehicleData: n,
+		licensePlateSchema: w().required("Dit veld is verplicht").test("license-plate-lookup", async (t, n) => {
+			if (!t) return !0;
+			let r = M(t);
+			if (r.length < 6) return n.createError({ message: "Kenteken is incorrect" });
+			let { status: a } = await i(r);
+			return a === "found" || n.createError({ message: V[a](e) });
+		})
+	};
+};
+//#endregion
+export { R as n, W as t };