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

package/dist/wc-forms/useAddress-LSZ7sQk9.js

@@ -0,0 +1,243 @@
+import { An as e, Gt as t, Jt as n, Kt as r, Ln as i, On as a, Sr as o, Un as s, Xn as c, Yt as l, _r as u, a as d, c as f, in as p, l as m, li as h, n as g, nn as _, oi as v, qr as y, r as b, ri as x, tn as S, ur as C, zr as w } from "./useValidator-DdXn8soU.js";
+import { t as T } from "./VdInput-PLH7DZsc.js";
+import { t as E } from "./VdSelect-BPB3Jh_f.js";
+import { t as D } from "./services-CG6XsnRT.js";
+//#endregion
+//#region src/components/ui/form/VdFormGroup.vue
+var O = /* @__PURE__ */ p({
+	__name: "VdFormGroup",
+	props: {
+		span: { default: null },
+		md: { default: null }
+	},
+	setup(e) {
+		let n = e, r = t(() => [
+			"vd-form__group",
+			n.span == null ? null : `vd-form__col-${n.span}`,
+			n.md == null ? null : `vd-form__col-md-${n.md}`
+		]);
+		return (e, t) => (s(), l("div", { class: v(r.value) }, [c(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__ */ p({
+	__name: "VdAddress",
+	props: /*@__PURE__*/ a({
+		path: { default: "address" },
+		additionOptions: {}
+	}, {
+		resolvedAddress: { required: !0 },
+		resolvedAddressModifiers: {}
+	}),
+	emits: ["update:resolvedAddress"],
+	setup(a) {
+		let c = a, d = C(a, "resolvedAddress"), { path: p } = c, { defineField: v, validateField: y, getFieldMeta: b, getError: D, removeError: M } = g(), [N, , P] = v(`${p}.zipCode`), [F, , I] = v(`${p}.houseNumber`), [L, , R] = v(`${p}.houseNumberAddition`), z = async () => {
+			await y(p), L.value || M(`${p}.houseNumberAddition`);
+		}, B = (e) => {
+			N.value && F.value ? z() : y(e);
+		}, V = () => B(`${p}.zipCode`), H = () => B(`${p}.houseNumber`), U = () => e(() => y(p)), W = b(p), G = t(() => D(p) ?? ""), K = t(() => d.value !== null), q = t(() => c.additionOptions.length === 0 ? "-" : "Kies een toevoeging");
+		return u([N, F], () => {
+			L.value &&= "", d.value = null, M(p), M(`${p}.houseNumberAddition`);
+		}), u(L, () => {
+			d.value = null;
+		}), i(() => {
+			N.value && F.value && z();
+		}), (e, t) => (s(), l("div", k, [_(m, null, {
+			default: o(() => [_(f, {
+				span: "5",
+				md: "3"
+			}, {
+				default: o(() => [_(T, {
+					modelValue: x(N),
+					"onUpdate:modelValue": t[0] ||= (e) => w(N) ? N.value = e : null,
+					modelModifiers: { trim: !0 },
+					name: "zipCode",
+					label: "Postcode",
+					placeholder: "bv. 1234 AZ",
+					"error-message": x(P),
+					mask: "####@@",
+					capitalize: "",
+					autocomplete: "",
+					required: !1,
+					verified: K.value,
+					loading: x(W).isValidating,
+					onBlur: V
+				}, null, 8, [
+					"modelValue",
+					"error-message",
+					"verified",
+					"loading"
+				])]),
+				_: 1
+			}), _(O, {
+				span: "7",
+				md: "3"
+			}, {
+				default: o(() => [_(T, {
+					modelValue: x(F),
+					"onUpdate:modelValue": t[1] ||= (e) => w(F) ? F.value = e : null,
+					modelModifiers: { trim: !0 },
+					name: "houseNumber",
+					label: "Huisnummer",
+					placeholder: "bv. 1",
+					inputmode: "numeric",
+					"error-message": x(I),
+					autocomplete: "",
+					required: !1,
+					verified: K.value,
+					loading: x(W).isValidating,
+					onBlur: H
+				}, null, 8, [
+					"modelValue",
+					"error-message",
+					"verified",
+					"loading"
+				]), _(E, {
+					modelValue: x(L),
+					"onUpdate:modelValue": t[2] ||= (e) => w(L) ? L.value = e : null,
+					name: "houseNumberAddition",
+					label: "Toevoeging",
+					placeholder: q.value,
+					options: a.additionOptions,
+					"error-message": x(R),
+					disabled: a.additionOptions.length === 0 || x(W).isValidating,
+					verified: K.value,
+					required: !1,
+					onSelect: U
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"options",
+					"error-message",
+					"disabled",
+					"verified"
+				])]),
+				_: 1
+			})]),
+			_: 1
+		}), G.value ? (s(), l("div", A, [t[3] ||= r("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), S(" " + h(G.value), 1)])) : d.value ? (s(), l("div", j, [t[4] ||= r("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), S(" " + h(d.value.street) + ", " + h(d.value.city), 1)])) : n("", !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) => D().dataValidationService.validateZipCode(e, t, n).then((e) => e).catch(V), U = (e, t) => D().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: b({
+			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/wc-forms/useLicensePlate-KLwykzxF.js

@@ -0,0 +1,187 @@
+import { $t as e, Ft as t, Gt as n, Jt as r, Kt as i, On as a, Sr as o, Un as s, Xn as c, Yt as l, _r as u, a as d, cr as f, fr as p, in as m, kn as h, li as g, qr as _, qt as v, ri as y, tn as b, ur as x } from "./useValidator-DdXn8soU.js";
+import { t as S } from "./VdInput-PLH7DZsc.js";
+import { t as C } from "./services-CG6XsnRT.js";
+//#region src/enums/comparisonName.enum.ts
+var w = /* @__PURE__ */ function(e) {
+	return e.Bike = "bike", e.Car = "car", e.Caravan = "caravan", e.CarBusiness = "car-business", e.BusinessLiability = "business-liability", e.Housing = "housing", e.LegalAssistance = "legal-assistance", e.Liability = "liability", e.Loan = "loan", e.Moped = "moped", e.Motor = "motor", e.Package = "package", e.Pet = "pet", e.Travel = "travel", e;
+}({}), T = {
+	[w.Car]: {
+		apiTypes: ["Car", "Van"],
+		dutch: "auto",
+		icon: "fa-car"
+	},
+	[w.Motor]: {
+		apiTypes: ["Motor", "MP3Motor"],
+		dutch: "motor",
+		icon: "fa-motorcycle"
+	},
+	[w.Moped]: {
+		apiTypes: ["Moped"],
+		dutch: "brommer",
+		icon: "moped-solid"
+	},
+	[w.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__ */ m({
+	inheritAttrs: !1,
+	__name: "VdLicensePlate",
+	props: /*@__PURE__*/ a({
+		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__*/ a(["input"], ["update:modelValue", "update:vehicleData"]),
+	setup(a, { emit: d }) {
+		let m = { mask: F }, _ = a, C = x(a, "modelValue"), w = x(a, "vehicleData"), T = d, E = f(), D = p(), j = n({
+			get: () => C.value ?? "",
+			set: (e) => {
+				C.value = e, T("input", e);
+			}
+		}), N = (e, t) => M(e).toUpperCase() === M(t).toUpperCase();
+		u(C, (e) => {
+			w.value && !N(e, w.value.LicensePlate) && (w.value = null);
+		});
+		let P = n(() => O(w.value) ? w.value : null), R = n(() => _.loading || !!P.value && !_.errorMessage), z = n(() => k(P.value)), B = n(() => A(P.value));
+		return (n, u) => (s(), v(S, h(y(E), {
+			modelValue: j.value,
+			"onUpdate:modelValue": u[0] ||= (e) => j.value = e,
+			capitalize: "",
+			autocomplete: "",
+			name: a.name,
+			label: a.label,
+			required: a.required,
+			"error-message": a.errorMessage || null,
+			loading: a.loading,
+			mask: m,
+			class: "vd-input-license-plate"
+		}), e({ _: 2 }, [
+			y(D).label ? {
+				name: "label",
+				fn: o(() => [c(n.$slots, "label")]),
+				key: "0"
+			} : void 0,
+			y(D).popover ? {
+				name: "popover",
+				fn: o(() => [c(n.$slots, "popover")]),
+				key: "1"
+			} : void 0,
+			R.value ? {
+				name: "information",
+				fn: o(() => [a.loading ? (s(), l("div", I, [...u[1] ||= [i("i", { class: "fas fa-circle-notch vd-input-license-plate__loading-icon" }, null, -1), b(" Voertuig gegevens ophalen... ", -1)]])) : P.value ? (s(), l(t, { key: 1 }, [z.value ? (s(), l("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)) : r("", !0), b(" " + g(B.value), 1)], 64)) : r("", !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 n = await C().dataService.findVehicle(e, t);
+		if (Array.isArray(n) || !n || !Object.keys(n).length) return { status: "not-found" };
+		let r = n;
+		return r.VehicleType ? T[t].apiTypes.includes(r.VehicleType) ? {
+			status: "found",
+			data: r
+		} : { 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 = _(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: d().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 r, W as t };