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

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 };