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

package/dist/vue/company.schema-DStHJpGH.js

@@ -0,0 +1,241 @@
+import { t as e } from "./VdSearchableSelect-THqVGo_Q.js";
+import { n as t } from "./itc-KSDsJZsI.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useModel as y, useSlots as b, watch as x, withCtx as S } from "vue";
+import { refDebounced as C, useAsyncState as w } from "@vueuse/core";
+import { mixed as T } from "yup";
+//#region src/components/ui/VdNotification.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "vd-notification__content" }, D = {
+	key: 0,
+	class: "vd-notification__title"
+}, O = /* @__PURE__ */ l({
+	__name: "VdNotification",
+	props: {
+		type: { default: "warning" },
+		title: { default: "" },
+		text: { default: "" },
+		small: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: "" }
+	},
+	setup(e) {
+		let t = {
+			warning: "fas fa-exclamation-circle",
+			informative: "fas fa-info-circle",
+			success: "fas fa-check-circle",
+			error: "fas fa-times-circle"
+		};
+		return (n, r) => (p(), a("div", { class: f(["vd-notification", [`vd-notification--${e.type}`, { "vd-notification--small": e.small }]]) }, [o("i", { class: f([e.icon || t[e.type], "vd-notification__icon"]) }, null, 2), o("p", E, [e.title ? (p(), a("span", D, g(e.title), 1)) : i("", !0), h(n.$slots, "default", {}, () => [c(g(e.text), 1)])])], 2));
+	}
+}), k = (e) => /^\d{8}$/.test(e), A = (e) => k(e) ? {
+	companyName: "",
+	kvkNumber: e
+} : {
+	companyName: e,
+	kvkNumber: ""
+}, j = "bezoekadres", M = (e) => e._embedded?.hoofdvestiging?.adressen?.find((e) => e.type === j), N = (e) => {
+	let t = M(e), { huisnummer: n = 0, huisletter: r = "", huisnummerToevoeging: i = "", toevoegingAdres: a = "", plaats: o = "", postcode: s = "", straatnaam: c = "", volledigAdres: l = "" } = t ?? {};
+	return {
+		houseNumber: n,
+		houseNumberAddition: r || i || a,
+		city: o,
+		zipCode: s,
+		streetName: c,
+		fullAddress: l,
+		hasVisitingAddress: !!t
+	};
+}, P = (e = []) => {
+	let [t, n, r] = e.reduce(([e, t, n], r) => {
+		let i = {
+			isMainActivity: r.indHoofdactiviteit,
+			sbiCode: r.sbiCode,
+			description: r.sbiOmschrijving
+		};
+		return (r.indHoofdactiviteit === "Ja" ? e : t).push(i), n.push(i.sbiCode), [
+			e,
+			t,
+			n
+		];
+	}, [
+		[],
+		[],
+		[]
+	]);
+	return {
+		mainSBI: t[0]?.sbiCode ?? "",
+		otherSBI: r,
+		firstSBIs: t,
+		secondSBIs: n
+	};
+}, F = (e) => ({
+	kvkNumber: e.kvkNummer,
+	name: e.naam,
+	city: e.adres?.binnenlandsAdres?.plaats ?? "",
+	street: e.adres?.binnenlandsAdres?.straatnaam ?? ""
+}), I = (e) => ({
+	name: e.naam,
+	kvkNumber: e.kvkNummer,
+	industry: e.sbiIndustryId,
+	numberOfEmployees: e.totaalWerkzamePersonen,
+	legalForm: e._embedded?.eigenaar?.rechtsvorm ?? "",
+	...N(e),
+	...P(e.sbiActiviteiten)
+}), L = 30, R = ["hoofdvestiging", "nevenvestiging"], z = "IPD5200", B = (e) => {
+	let t = e, n = t?.response?.data?.fout;
+	if (Array.isArray(n)) return n;
+	if (Array.isArray(t?.fout)) return t.fout;
+	if (typeof t?.message == "string") try {
+		let e = JSON.parse(t.message);
+		if (Array.isArray(e?.fout)) return e.fout;
+	} catch {}
+}, V = (e) => B(e)?.some((e) => e.code === z) ?? !1, H = () => ({
+	search: async (e) => {
+		try {
+			return ((await t().dataService.searchBusinessInfoV2(A(e), 1, L))?.resultaten ?? []).filter((e) => R.includes(e.type)).map(F);
+		} catch (e) {
+			let t = await e;
+			if (V(t)) return [];
+			throw t;
+		}
+	},
+	getDetails: async (e) => {
+		let n = await t().dataService.getProfileInfo(e);
+		return {
+			presenter: I(n),
+			raw: n
+		};
+	}
+}), U = { class: "vd-combobox__multiline" }, W = { class: "vd-combobox__title" }, G = { class: "vd-combobox__subtext" }, K = { class: "vd-combobox__subtext" }, q = 400, J = 3, Y = "Helaas, we hebben geen resultaten gevonden. Probeer te zoeken op de exacte naam waarmee je bedrijf is geregistreerd bij de Kamer van Koophandel, of gebruik je volledige KvK-nummer.", X = "Typ je bedrijfsnaam of KvK-nummer", ee = "Aan het zoeken…", Z = "Er ging iets mis bij het ophalen van de gegevens. Probeer het later opnieuw.", Q = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "VdCompanySelect",
+	props: /*@__PURE__*/ u({
+		name: { default: "company" },
+		label: { default: "Selecteer de naam van je bedrijf" },
+		placeholder: { default: "Bedrijfsnaam of KvK-nummer" },
+		disabled: { type: Boolean },
+		errorMessage: { default: null }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u([
+		"blur",
+		"error",
+		"raw"
+	], ["update:modelValue"]),
+	setup(t, { emit: i }) {
+		let a = i, c = v(), l = b(), u = y(t, "modelValue"), { search: f, getDetails: T } = H(), E = m(), D = m(), O = m(), k = m(""), A = C(k, q, { maxWait: 2e3 }), j = m(!0), { state: M, isLoading: N, execute: P } = w(async (e) => {
+			try {
+				return {
+					results: await f(e),
+					failed: !1
+				};
+			} catch {
+				return {
+					results: [],
+					failed: !0
+				};
+			}
+		}, {
+			results: [],
+			failed: !1
+		}, {
+			immediate: !1,
+			resetOnExecute: !1
+		}), { isLoading: F, execute: I } = w(async (e) => {
+			try {
+				let { presenter: t, raw: n } = await T(e);
+				return u.value = t, a("raw", n), a("error", null), t;
+			} catch (e) {
+				throw u.value = null, a("raw", null), O.value = void 0, E.value = void 0, a("error", Z), e;
+			}
+		}, null, {
+			immediate: !1,
+			resetOnExecute: !0
+		}), L = n(() => k.value.length >= J), R = n(() => L.value ? N.value || k.value !== A.value ? "searching" : M.value.failed ? "error" : M.value.results.length ? "idle" : "no-results" : "idle"), z = n(() => R.value === "searching" ? [] : L.value ? M.value.results : j.value && O.value ? [O.value] : []), B = n(() => R.value === "searching" || F.value), V = n(() => !!u.value && !B.value), Q = n(() => {
+			let e = u.value;
+			return !e || B.value ? "" : e.fullAddress ? `Kvk: ${e.kvkNumber} ${e.fullAddress}` : `Kvk: ${e.kvkNumber}`;
+		}), $ = n(() => {
+			switch (R.value) {
+				case "searching": return ee;
+				case "error": return Z;
+				case "no-results": return Y;
+				default: return X;
+			}
+		}), te = (e) => {
+			O.value = e, j.value = !0, e.kvkNumber === u.value?.kvkNumber ? a("error", null) : I(0, e.kvkNumber);
+		}, ne = (e) => {
+			a("blur", e);
+		}, re = (e) => {
+			k.value = e.trim(), j.value = !1;
+		}, ie = (e) => e.kvkNumber === u.value?.kvkNumber ? u.value.name : e.name, ae = (e) => ({
+			kvkNumber: e.kvkNumber,
+			name: e.name,
+			city: e.city,
+			street: e.streetName,
+			fullAddress: e.fullAddress
+		});
+		return x(D, (e) => {
+			e || (k.value = "", j.value = !0);
+		}), x(A, (e) => {
+			e && e.length >= J && P(0, e);
+		}), x(u, (e) => {
+			E.value = e ? ae(e) : void 0, j.value = !0, e || (O.value = void 0, a("raw", null));
+		}, { immediate: !0 }), (n, i) => (p(), r(e, d(_(c), {
+			modelValue: E.value,
+			"onUpdate:modelValue": i[0] ||= (e) => E.value = e,
+			open: D.value,
+			"onUpdate:open": i[1] ||= (e) => D.value = e,
+			name: t.name,
+			label: t.label,
+			placeholder: t.placeholder,
+			icon: "far fa-search",
+			options: z.value,
+			"value-key": null,
+			"label-key": "name",
+			"display-value": ie,
+			by: "kvkNumber",
+			loading: B.value,
+			verified: V.value,
+			disabled: t.disabled,
+			"no-results-text": $.value,
+			"error-message": t.errorMessage,
+			"info-message": Q.value,
+			"ignore-filter": "",
+			onSelect: te,
+			onBlur: ne,
+			onSearch: re
+		}), s({
+			item: S(({ option: e }) => [o("div", U, [
+				o("div", W, g(e.name), 1),
+				o("span", G, "Kvk: " + g(e.kvkNumber), 1),
+				o("span", K, g(e.city) + ", " + g(e.street), 1)
+			])]),
+			_: 2
+		}, [_(l).popover ? {
+			name: "popover",
+			fn: S(() => [h(n.$slots, "popover")]),
+			key: "0"
+		} : void 0, _(l).information ? {
+			name: "information",
+			fn: S(() => [h(n.$slots, "information")]),
+			key: "1"
+		} : void 0]), 1040, [
+			"modelValue",
+			"open",
+			"name",
+			"label",
+			"placeholder",
+			"options",
+			"loading",
+			"verified",
+			"disabled",
+			"no-results-text",
+			"error-message",
+			"info-message"
+		]));
+	}
+}), $ = (e = "Bedrijfsnaam of KVK-nummer is verplicht") => T().nullable().required(e).test("has-kvk-number", e, (e) => !!e?.kvkNumber);
+//#endregion
+export { Q as n, O as r, $ as t };

package/dist/vue/comparison-forms.d.ts

@@ -309,8 +309,6 @@ declare interface BaseVehicleData {
     ManufacturingYear: number;
 }
 
-export declare const BikeForm: typeof __VLS_export;
-
 export declare interface BikeFormData {
     kind: number | null;
     condition: number;
@@ -324,24 +322,18 @@ declare interface BirthdateFormData {
     birthdate: string;
 }
 
-export declare const BusinessCarForm: typeof __VLS_export_13;
-
 export declare interface BusinessCarFormData extends VehicleFormData<CarData> {
     company: CompanyDataPresenter;
 }
 
 export declare function businessCarPresenter(data: BusinessCarFormData): ComparisonPayload;
 
-export declare const BusinessLiabilityForm: typeof __VLS_export_14;
-
 export declare interface BusinessLiabilityFormData {
     company: CompanyDataPresenter;
 }
 
 export declare function businessLiabilityPresenter(data: BusinessLiabilityFormData): ComparisonPayload;
 
-export declare const CaravanForm: typeof __VLS_export_3;
-
 export declare interface CaravanFormData {
     TypeOfCaravan: string | null;
     NewOrOccasion: YesNoValue;
@@ -359,8 +351,6 @@ declare interface CarData extends BaseVehicleData {
     CarAlarmRequirement: string;
 }
 
-export declare const CarForm: typeof __VLS_export_12;
-
 export declare interface CarFormData extends VehicleFormData<CarData>, AddressBearingFormData, BirthdateFormData {
 }
 
@@ -396,8 +386,6 @@ declare interface CompanyDataPresenter {
     secondSBIs: CompanyActivity[];
 }
 
-export declare const ComparisonFormFlow: typeof __VLS_export_15;
-
 declare interface ComparisonFormFlowProps extends ComparisonFormProps<Record<string, unknown>> {
     form: ComparisonFormName;
     /** base page url of the target comparison app; the comparison route (`#/<id>/…`) is appended internally */
@@ -520,31 +508,23 @@ declare interface FamilyCompositionFormData {
 
 declare type FamilyCompositionValue = `${FamilyComposition}`;
 
-export declare const HouseForm: typeof __VLS_export_6;
-
 export declare interface HouseFormData extends AddressBearingFormData, FamilyCompositionFormData {
     ownedBuilding: YesNoValue;
 }
 
 export declare function housePresenter(data: HouseFormData): ComparisonPayload;
 
-export declare const LegalForm: typeof __VLS_export_7;
-
 export declare interface LegalFormData extends AddressBearingFormData {
     ownedBuilding: YesNoValue;
 }
 
 export declare function legalPresenter(data: LegalFormData): ComparisonPayload;
 
-export declare const LiabilityForm: typeof __VLS_export_5;
-
 export declare interface LiabilityFormData extends AddressBearingFormData, BirthdateFormData, FamilyCompositionFormData {
 }
 
 export declare function liabilityPresenter(data: LiabilityFormData): ComparisonPayload;
 
-export declare const LoanForm: typeof __VLS_export_9;
-
 export declare interface LoanFormData extends BirthdateFormData, FamilyCompositionFormData {
     LoanPurpose: string;
     LoanAmount: number;
@@ -563,8 +543,6 @@ declare interface MopedData extends BaseVehicleData {
     Fuel: string;
 }
 
-export declare const MopedForm: typeof __VLS_export_10;
-
 export declare interface MopedFormData extends VehicleFormData<MopedData>, AddressBearingFormData, BirthdateFormData {
 }
 
@@ -585,15 +563,11 @@ declare interface MotorData extends BaseVehicleData {
     VehicleCategory: string;
 }
 
-export declare const MotorForm: typeof __VLS_export_11;
-
 export declare interface MotorFormData extends VehicleFormData<MotorData>, AddressBearingFormData, BirthdateFormData {
 }
 
 export declare function motorPresenter(data: MotorFormData): ComparisonPayload;
 
-export declare const PackageForm: typeof __VLS_export_8;
-
 export declare interface PackageFormData extends AddressBearingFormData, BirthdateFormData, FamilyCompositionFormData {
     partnerBirthdate: string;
 }
@@ -607,8 +581,6 @@ declare enum PaymentTerm {
 
 declare type PaymentTermValue = `${PaymentTerm}`;
 
-export declare const PetForm: typeof __VLS_export_2;
-
 export declare interface PetFormData {
     kind: string;
     age: string;
@@ -622,8 +594,6 @@ export declare interface QaConfig {
     url: string;
 }
 
-export declare const QuestionnaireForm: typeof __VLS_export_17;
-
 export declare type QuestionnaireFormProps = QuestionnaireSharedProps;
 
 /**
@@ -647,8 +617,6 @@ export declare interface QuestionnaireSharedProps {
     showTitle?: boolean;
 }
 
-export declare const RiskScannerForm: typeof __VLS_export_16;
-
 export declare interface RiskScannerFormProps extends Omit<QuestionnaireSharedProps, 'qaId'> {
     /**
      * base url of the QA API (a missing trailing slash is normalized internally);
@@ -660,8 +628,6 @@ export declare interface RiskScannerFormProps extends Omit<QuestionnaireSharedPr
     nextItemId?: string;
 }
 
-export declare const TravelForm: typeof __VLS_export_4;
-
 export declare interface TravelFormData extends BirthdateFormData {
     PaymentTerm: PaymentTermValue;
 }
@@ -681,6 +647,40 @@ declare interface UseComparisonSubmitOptions {
     onError?: (error: unknown, payload: ComparisonPayload) => void;
 }
 
+export declare const VdBikeForm: typeof __VLS_export;
+
+export declare const VdBusinessCarForm: typeof __VLS_export_13;
+
+export declare const VdBusinessLiabilityForm: typeof __VLS_export_14;
+
+export declare const VdCaravanForm: typeof __VLS_export_3;
+
+export declare const VdCarForm: typeof __VLS_export_12;
+
+export declare const VdComparisonForm: typeof __VLS_export_15;
+
+export declare const VdHouseForm: typeof __VLS_export_6;
+
+export declare const VdLegalForm: typeof __VLS_export_7;
+
+export declare const VdLiabilityForm: typeof __VLS_export_5;
+
+export declare const VdLoanForm: typeof __VLS_export_9;
+
+export declare const VdMopedForm: typeof __VLS_export_10;
+
+export declare const VdMotorForm: typeof __VLS_export_11;
+
+export declare const VdPackageForm: typeof __VLS_export_8;
+
+export declare const VdPetForm: typeof __VLS_export_2;
+
+export declare const VdQuestionnaire: typeof __VLS_export_17;
+
+export declare const VdRiskScanner: typeof __VLS_export_16;
+
+export declare const VdTravelForm: typeof __VLS_export_4;
+
 declare interface VehicleFormData<TVehicle> {
     licensePlate: string;
     vehicle: TVehicle;