@vergelijkdirect/comparison-forms 2.0.0-rc.10 → 2.0.0-rc.12

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

@@ -116,14 +116,19 @@ declare const __VLS_export_15: DefineComponent<ComparisonFormFlowProps, {}, {},
 declare const __VLS_export_16: DefineComponent<RiskScannerFormProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RiskScannerFormProps> & Readonly<{}>, {
     title: string;
     description: string;
+    qaId: string;
+    thankyouPageTemplate: string;
     buttonText: string;
     showTitle: boolean;
-    qaOptions: Partial<QaOptions>;
+    qaUrl: string;
+    currentItemId: string;
+    nextItemId: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_export_17: DefineComponent<QuestionnaireSharedProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<QuestionnaireSharedProps> & Readonly<{}>, {
     title: string;
     description: string;
+    thankyouPageTemplate: string;
     buttonText: string;
     showTitle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -603,31 +608,42 @@ export declare interface PetFormData {
 
 export declare function petPresenter(data: PetFormData): ComparisonPayload;
 
-export declare interface QaOptions {
-    qaId: string;
-    thankyouPageTemplate?: string;
-    qaUrl?: string;
-    currentItemId?: string;
-    nextItemId?: string;
-}
-
 export declare const QuestionnaireForm: typeof __VLS_export_17;
 
 export declare type QuestionnaireFormProps = QuestionnaireSharedProps;
 
+/**
+ * The shared public API of every questionnaire (QA-renderer quiz starter).
+ * Deliberately independent from the comparison forms' `ComparisonFormProps` —
+ * questionnaires are VD-internal drop-ins, their contract evolves separately.
+ *
+ * On master (1.x) this contract was `link`/`title`/`description`/`buttonText`/
+ * `showTitle` + an `additionalOptions` object carrying the QA params; 2.x
+ * flattens those params into plain props, keeping the master names
+ * (`thankyouPageTemplate` still lands in the url as the `template` query param).
+ */
 export declare interface QuestionnaireSharedProps {
+    /** base page url of the quiz app; `{qaId, template, …}` are merged into its query */
     link: string;
+    qaId: string;
+    thankyouPageTemplate?: string;
     title?: string;
     description?: string;
     buttonText?: string;
     showTitle?: boolean;
-    qaOptions: QaOptions;
 }
 
 export declare const RiskScannerForm: typeof __VLS_export_16;
 
-export declare interface RiskScannerFormProps extends Omit<QuestionnaireSharedProps, 'qaOptions'> {
-    qaOptions?: Partial<QaOptions>;
+export declare interface RiskScannerFormProps extends Omit<QuestionnaireSharedProps, 'qaId'> {
+    /**
+     * base url of the QA API (a missing trailing slash is normalized internally);
+     * falls back to the ITC client's qa config when omitted
+     */
+    qaUrl?: string;
+    qaId?: string;
+    currentItemId?: string;
+    nextItemId?: string;
 }
 
 export declare const TravelForm: typeof __VLS_export_4;

package/dist/vue/comparison-forms.js

@@ -5716,19 +5716,20 @@ var Sa = /* @__PURE__ */ B({
 	__name: "QuestionnaireForm",
 	props: {
 		link: {},
+		qaId: {},
+		thankyouPageTemplate: { default: "common" },
 		title: { default: "" },
 		description: { default: "" },
 		buttonText: { default: "" },
 		showTitle: {
 			type: Boolean,
 			default: !0
-		},
-		qaOptions: {}
+		}
 	},
 	setup(e) {
 		let n = e, a = t(() => Qr(n.link, {
-			qaId: n.qaOptions.qaId,
-			template: n.qaOptions.thankyouPageTemplate ?? "common"
+			qaId: n.qaId,
+			template: n.thankyouPageTemplate
 		}));
 		return (t, n) => (y(), i("div", Ra, [e.showTitle && e.title || e.description ? (y(), i("div", za, [e.showTitle && e.title ? (y(), i("h2", Ba, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", Va, T(e.description), 1)) : r("", !0)])) : r("", !0), c(E(Ie), {
 			href: a.value,
@@ -5751,8 +5752,12 @@ var Sa = /* @__PURE__ */ B({
 }, Ka = { class: "vd-form__row" }, qa = { class: "vd-form__col-10 vd-form__col-md-6" }, Ja = { class: "vd-form__col-2 vd-form__action" }, Ya = /* @__PURE__ */ l({
 	__name: "RiskScannerForm",
 	props: {
-		qaOptions: { default: () => ({}) },
+		qaUrl: { default: "" },
+		qaId: { default: "6627c64764165beec8076818" },
+		currentItemId: { default: "6627e21c64165beec8076830" },
+		nextItemId: { default: "6627e32464165beec8076838" },
 		link: {},
+		thankyouPageTemplate: { default: "risk-scanner" },
 		title: { default: "Check de risico`s voor jouw bedrijf + ontvang gratis offerte!" },
 		description: { default: "Doe onze risicoscan en ontdek de beste verzekering voor jouw specifieke bedrijf. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!" },
 		buttonText: { default: "Start de gratis scan" },
@@ -5762,15 +5767,9 @@ var Sa = /* @__PURE__ */ B({
 		}
 	},
 	setup(e) {
-		let o = e, s = t(() => ({
-			qaId: "6627c64764165beec8076818",
-			currentItemId: "6627e21c64165beec8076830",
-			nextItemId: "6627e32464165beec8076838",
-			thankyouPageTemplate: "risk-scanner",
-			...o.qaOptions
-		})), l = x(null), { isSubmitting: u, handleSubmit: f, defineField: p, setErrors: h, removeError: g } = Z(R({ company: Br() }), { company: null }), [_, v, b] = p("company"), S = (e) => e ? h({ company: e }) : g("company"), C = t(() => !!_.value && !_.value.hasVisitingAddress);
-		async function w(e) {
-			let t = s.value.qaUrl || An(), n = t.endsWith("/") ? t : `${t}/`, r = await fetch(`${n}api/v1/active-questionnaire/${s.value.qaId}/start`, {
+		let o = e, s = x(null), { isSubmitting: l, handleSubmit: u, defineField: f, setErrors: p, removeError: h } = Z(R({ company: Br() }), { company: null }), [g, _, v] = f("company"), b = (e) => e ? p({ company: e }) : h("company"), S = t(() => !!g.value && !g.value.hasVisitingAddress);
+		async function C(e) {
+			let t = o.qaUrl || An(), n = t.endsWith("/") ? t : `${t}/`, r = await fetch(`${n}api/v1/active-questionnaire/${o.qaId}/start`, {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify({
@@ -5778,23 +5777,23 @@ var Sa = /* @__PURE__ */ B({
 						value: e.kvkNummer,
 						data: e
 					} } },
-					current_item_id: s.value.currentItemId,
-					next_item_id: s.value.nextItemId
+					current_item_id: o.currentItemId,
+					next_item_id: o.nextItemId
 				})
 			});
 			if (!r.ok) throw Error(`Failed to start the questionnaire (${r.status})`);
 			let { leadId: i } = await r.json();
 			return Qr(o.link, {
 				leadid: i,
-				qaId: s.value.qaId,
-				template: s.value.thankyouPageTemplate
+				qaId: o.qaId,
+				template: o.thankyouPageTemplate
 			});
 		}
-		function D() {
-			u.value || f(async () => {
+		function w() {
+			l.value || u(async () => {
 				try {
-					if (!l.value) throw Error("Missing company data");
-					let e = await w(l.value);
+					if (!s.value) throw Error("Missing company data");
+					let e = await C(s.value);
 					window.location.href = e;
 				} catch (e) {
 					console.error(e);
@@ -5803,22 +5802,22 @@ var Sa = /* @__PURE__ */ B({
 		}
 		return (t, o) => (y(), i("form", {
 			class: "vd-form vd-form--vertical vd-form--card",
-			onSubmit: I(D, ["prevent"])
+			onSubmit: I(w, ["prevent"])
 		}, [e.showTitle && e.title || e.description ? (y(), i("div", Ua, [e.showTitle && e.title ? (y(), i("h2", Wa, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", Ga, T(e.description), 1)) : r("", !0)])) : r("", !0), a("div", Ka, [a("div", qa, [c(E(zr), m({
-			modelValue: E(_),
-			"onUpdate:modelValue": o[0] ||= (e) => d(_) ? _.value = e : null
-		}, E(v), {
-			"error-message": E(b),
-			onError: S,
-			onRaw: o[1] ||= (e) => l.value = e
-		}), null, 16, ["modelValue", "error-message"]), C.value ? (y(), n(E(Kt), {
+			modelValue: E(g),
+			"onUpdate:modelValue": o[0] ||= (e) => d(g) ? g.value = e : null
+		}, E(_), {
+			"error-message": E(v),
+			onError: b,
+			onRaw: o[1] ||= (e) => s.value = e
+		}), null, 16, ["modelValue", "error-message"]), S.value ? (y(), n(E(Kt), {
 			key: 0,
 			style: { "margin-top": "12px" },
 			text: "Dit bedrijf heeft geen geregistreerd bezoekadres. Voeg dit toe bij de KvK om door te gaan met de aanvraag."
 		})) : r("", !0)]), a("div", Ja, [c(E(Ie), {
 			label: e.buttonText,
-			"is-loading": E(u),
-			disabled: C.value,
+			"is-loading": E(l),
+			disabled: S.value,
 			"button-type": "green",
 			size: "big",
 			block: "",