@incodetech/web 2.0.1 → 2.1.0-rc.0

package/dist/ekybModule-BSs7mndb.js

@@ -1,280 +0,0 @@
-import { n as e } from "./i18n-9s4OSqwi.js";
-import { S as t, _ as n, d as r, h as i, l as a, p as o, v as s } from "./vendor-preact-D6SntenC.js";
-import { i as c, o as l } from "./hooks-BVnGysT7.js";
-import { t as u } from "./incodeComponent-C1o4M0ZK.js";
-import { r as d } from "./loadingIcon-BN5YRQUb.js";
-import { t as f } from "./page-C1yT4DLb.js";
-import "./extensibility-CzEJfRwo.js";
-import { t as p } from "./spinner-CKnjVHxw.js";
-import { t as m } from "./button-DcCUEn2n.js";
-import { t as h } from "./verificationResult-BrVbUJ4U.js";
-import { t as g } from "./inputComposed-APSw8C7o.js";
-import { i as _, r as v } from "./radioGroupComposed-BbmvxmD2.js";
-import { t as y } from "./dropdownComposed-DFRBG22E.js";
-import { t as b } from "./incodeModule-BqCjVgEI.js";
-import { n as x, t as S } from "./requiredLabelHint-BLwgqozE.js";
-import { n as C, t as w } from "./optionAccessibleLabel-CzEeX3Q4.js";
-import { t as T } from "./countrySelector-CE-JgIsv.js";
-import { DEV_ONLY_COUNTRIES as E, SUPPORTED_COUNTRIES as D, computeEkybDisplayErrors as O, createEkybManager as k } from "@incodetech/core/ekyb";
-//#region src/modules/ekyb/countrySelector.tsx
-var A = ({ value: t, onChange: n }) => {
-	let { t: r } = e();
-	return /* @__PURE__ */ s(T, {
-		id: "ekyb-country",
-		label: r("ekyb.country"),
-		value: t,
-		onChange: n,
-		countryCodes: D,
-		devOnlyCountryCodes: E,
-		"data-testid": "ekyb-country-selector"
-	});
-}, j = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint: o, onChange: c, onBlur: l }) => {
-	let { t: u } = e();
-	return t.type === "dropdown" ? /* @__PURE__ */ s(y, {
-		id: `ekyb-${t.name}`,
-		label: u(t.label),
-		labelHint: o,
-		placeholder: t.placeholder ? u(t.placeholder) : void 0,
-		value: n,
-		options: (t.options ?? []).map((e) => {
-			let t = u(e.label);
-			return {
-				...e,
-				label: t,
-				ariaLabel: w(t)
-			};
-		}),
-		error: _(u, r, i),
-		required: t.required,
-		searchable: !0,
-		onChange: (e) => c(t.name, e),
-		onBlur: l ? () => l(t.name) : void 0,
-		"data-testid": `ekyb-field-${t.name}`
-	}) : /* @__PURE__ */ s(v, {
-		name: t.name,
-		label: t.label,
-		displayLabel: t.displayLabel,
-		value: n,
-		error: r,
-		errorParams: i,
-		required: t.required,
-		labelHint: o,
-		onChange: c,
-		onBlur: l
-	});
-}, M = ({ ubos: t, errors: n, errorParams: r, canAddUbo: i, labelHint: a, onSetField: o, onBlur: c, onAdd: l, onRemove: u }) => {
-	let { t: d } = e(), f = (e) => _(d, n[e], r[e]);
-	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
-		className: "IncodeEkybUbos",
-		children: [t.map((e, t) => {
-			let n = t === 0 ? d("ekyb.uboName") : d("ekyb.uboNameWithNumber", { number: t + 1 }), r = t === 0 ? d("ekyb.uboSurname") : d("ekyb.uboSurnameWithNumber", { number: t + 1 }), i = t === 0;
-			return /* @__PURE__ */ s("div", {
-				className: "IncodeEkybUboEntry",
-				role: "group",
-				"aria-label": `UBO ${t + 1}`,
-				children: [
-					/* @__PURE__ */ s(g, {
-						id: `ubo-${t}-name`,
-						label: n,
-						labelHint: a,
-						name: `ubo-${t}-name`,
-						value: e.name,
-						error: f(`ubo-${t}-name`),
-						required: !0,
-						onInput: (e) => o(t, "name", e.target.value),
-						onBlur: c ? () => c(`ubo-${t}-name`) : void 0,
-						"data-testid": `ekyb-ubo-${t}-name`
-					}),
-					/* @__PURE__ */ s(g, {
-						id: `ubo-${t}-surname`,
-						label: r,
-						labelHint: a,
-						name: `ubo-${t}-surname`,
-						value: e.surname,
-						error: f(`ubo-${t}-surname`),
-						required: !0,
-						onInput: (e) => o(t, "surname", e.target.value),
-						onBlur: c ? () => c(`ubo-${t}-surname`) : void 0,
-						"data-testid": `ekyb-ubo-${t}-surname`
-					}),
-					!i && /* @__PURE__ */ s("button", {
-						className: "IncodeEkybRemoveUbo",
-						onClick: () => u(t),
-						type: "button",
-						"aria-label": `${d("common.remove")} UBO ${t + 1}`,
-						children: d("common.remove")
-					})
-				]
-			}, e.id);
-		}), i && /* @__PURE__ */ s("button", {
-			className: "IncodeEkybAddUbo",
-			onClick: l,
-			type: "button",
-			"data-testid": "ekyb-add-ubo",
-			children: d("ekyb.addAnotherUbo")
-		})]
-	});
-}, N = ({ config: t, onFinish: r }) => {
-	let { t: i } = e(), [a, o] = l(() => k({ config: t }));
-	return n(() => {
-		(a.status === "finished" || a.status === "closed") && r?.();
-	}, [a.status, r]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ s(h, {
-		status: "submitting",
-		submittingTitle: i("common.loading")
-	}) : a.status === "submitting" ? /* @__PURE__ */ s(f, {
-		className: "IncodeEkybPage",
-		children: /* @__PURE__ */ s(p, {
-			fullScreen: !1,
-			title: i("common.processing"),
-			className: "IncodeEkybSpinner"
-		})
-	}) : a.status === "success" ? /* @__PURE__ */ s(h, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ s(h, {
-		status: "failure",
-		onRetry: () => o.retry()
-	}) : a.status === "form" ? /* @__PURE__ */ s(I, {
-		state: a,
-		manager: o
-	}) : null;
-}, P = new Set([
-	"street",
-	"houseNo",
-	"addressLine2",
-	"city",
-	"state",
-	"postalCode"
-]), F = [
-	"street",
-	"city",
-	"state",
-	"postalCode",
-	"houseNo"
-], I = ({ state: l, manager: u }) => {
-	let { country: p, fields: h, values: g, errors: _, isValid: v, ubos: y, canAddUbo: b, addressSuggestions: w, submitAttempted: T } = l, { t: E } = e(), D = a(null), k = a(null), N = a(void 0), I = c(D, h.length), [L, R] = o({}), z = i((e) => {
-		R((t) => t[e] ? t : {
-			...t,
-			[e]: !0
-		});
-	}, []), { displayErrors: B, errorParams: V } = r(() => O(_, L, T, p, h), [
-		_,
-		L,
-		T,
-		p,
-		h
-	]), H = i((e) => z(e), [z]), U = i((e, t) => {
-		z(e), u.setField(e, t);
-	}, [u, z]), W = i((e, t, n) => {
-		z(`ubo-${e}-${t}`), u.setUboField(e, t, n);
-	}, [u, z]), G = i((e) => {
-		for (let e of F) z(e);
-		u.selectAddress(e);
-	}, [u, z]), K = i((e) => {
-		u.removeUbo(e), R((t) => {
-			let n = {};
-			for (let [r, i] of Object.entries(t)) {
-				let t = r.match(/^ubo-(\d+)-(name|surname)$/);
-				if (!t) {
-					n[r] = i;
-					continue;
-				}
-				let a = Number(t[1]);
-				if (a === e) continue;
-				let o = a > e ? a - 1 : a;
-				n[`ubo-${o}-${t[2]}`] = i;
-			}
-			return n;
-		});
-	}, [u]);
-	n(() => {
-		let e = B.postalCode, t = N.current;
-		if (N.current = e, !e || t === e) return;
-		let n = requestAnimationFrame(() => {
-			let e = k.current;
-			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
-				behavior: "smooth",
-				block: "nearest"
-			});
-		});
-		return () => cancelAnimationFrame(n);
-	}, [B.postalCode]);
-	let q = h.filter((e) => !P.has(e.name)), J = h.filter((e) => P.has(e.name)), Y = r(() => x(h.map((e) => e.required)), [h]), X = (e) => {
-		let t = S(Y, e);
-		return t ? E(`forms.label.${t}`) : void 0;
-	};
-	return /* @__PURE__ */ s(f, {
-		className: `IncodeEkybPage${I ? " IncodeEkybPageScrollable" : ""}`,
-		title: E("ekyb.title"),
-		children: [/* @__PURE__ */ s("div", {
-			ref: D,
-			className: "IncodeEkybForm",
-			children: [
-				/* @__PURE__ */ s(A, {
-					value: p,
-					onChange: (e) => u.setCountry(e)
-				}),
-				q.map((e) => /* @__PURE__ */ s(j, {
-					field: e,
-					value: g[e.name] ?? "",
-					error: B[e.name],
-					errorParams: V[e.name],
-					country: p,
-					labelHint: X(e.required),
-					onChange: U,
-					onBlur: H
-				}, e.name)),
-				/* @__PURE__ */ s(M, {
-					ubos: y,
-					errors: B,
-					errorParams: V,
-					canAddUbo: b,
-					labelHint: X(!0),
-					onSetField: W,
-					onBlur: H,
-					onAdd: () => u.addUbo(),
-					onRemove: K
-				}),
-				J.length > 0 && /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s("h3", {
-					className: "IncodeEkybSectionHeader",
-					children: E("ekyb.addressDetails")
-				}), J.map((e) => e.name === "street" ? /* @__PURE__ */ s(C, {
-					label: e.label,
-					labelHint: X(e.required),
-					value: g.street ?? "",
-					error: B.street,
-					errorParams: V.street,
-					suggestions: w,
-					required: e.required,
-					onChange: (e) => U("street", e),
-					onSearch: (e) => u.searchAddress(e),
-					onSelect: G,
-					onBlur: () => H("street")
-				}, e.name) : /* @__PURE__ */ s("div", {
-					ref: e.name === "postalCode" ? k : void 0,
-					children: /* @__PURE__ */ s(j, {
-						field: e,
-						value: g[e.name] ?? "",
-						error: B[e.name],
-						errorParams: V[e.name],
-						country: p,
-						labelHint: X(e.required),
-						onChange: U,
-						onBlur: H
-					})
-				}, e.name))] })
-			]
-		}), /* @__PURE__ */ s("div", {
-			className: "IncodeEkybFooter",
-			children: [/* @__PURE__ */ s(m, {
-				onClick: () => u.submit(),
-				disabled: !v,
-				"data-testid": "ekyb-submit",
-				children: E("ekyb.continue")
-			}), /* @__PURE__ */ s(d, { size: 16 })]
-		})]
-	});
-}, L = ({ config: e, onFinish: t }) => /* @__PURE__ */ s(u, { children: e ? /* @__PURE__ */ s(N, {
-	config: e,
-	onFinish: t
-}) : null });
-b(L, "incode-ekyb");
-//#endregion
-export { L as t };

package/dist/ekybModule-D9M3E2Gm.js

@@ -1,2 +0,0 @@
-import { t as e } from "./ekybModule-BSs7mndb.js";
-export { e as EkybModule };

package/dist/ekycModule-CU9pt5YN.js

@@ -1,246 +0,0 @@
-import { n as e } from "./i18n-9s4OSqwi.js";
-import { _ as t, d as n, h as r, l as i, p as a, v as o } from "./vendor-preact-D6SntenC.js";
-import { i as s, o as c } from "./hooks-BVnGysT7.js";
-import { t as l } from "./incodeComponent-C1o4M0ZK.js";
-import { t as u } from "./page-C1yT4DLb.js";
-import { t as d } from "./spinner-CKnjVHxw.js";
-import { t as f } from "./button-DcCUEn2n.js";
-import { t as p } from "./verificationResult-BrVbUJ4U.js";
-import { i as m, r as h, t as g } from "./radioGroupComposed-BbmvxmD2.js";
-import { t as _ } from "./phoneInputComposed-bvWhGLFZ.js";
-import { t as v } from "./dropdownComposed-DFRBG22E.js";
-import { t as y } from "./dateInputComposed-BpAGsjN6.js";
-import { t as b } from "./incodeModule-BqCjVgEI.js";
-import { n as x, t as S } from "./requiredLabelHint-BLwgqozE.js";
-import { n as C, t as w } from "./optionAccessibleLabel-CzEeX3Q4.js";
-import { computeEkycDisplayErrors as T, createEkycManager as E } from "@incodetech/core/ekyc";
-//#region src/modules/ekyc/ekycModule.tsx
-var D = ({ config: n, onFinish: r }) => {
-	let { t: i } = e(), [a, s] = c(() => E({ config: n }));
-	return t(() => {
-		(a.status === "finished" || a.status === "closed") && r?.();
-	}, [a.status, r]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ o(p, {
-		status: "submitting",
-		submittingTitle: i("common.loading")
-	}) : a.status === "submitting" ? /* @__PURE__ */ o(u, {
-		className: "IncodeEkycPage",
-		children: /* @__PURE__ */ o(d, {
-			fullScreen: !1,
-			title: i("common.processing"),
-			className: "IncodeEkycSpinner"
-		})
-	}) : a.status === "success" ? /* @__PURE__ */ o(p, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ o(p, {
-		status: "failure",
-		onRetry: () => s.retry(),
-		onSkip: () => s.skip()
-	}) : a.status === "misconfigured" ? /* @__PURE__ */ o(p, {
-		status: "failure",
-		failureTitle: i("verification.noFormFields"),
-		onSkip: () => s.close(),
-		skipLabel: i("common.close")
-	}) : a.status === "form" ? /* @__PURE__ */ o(k, {
-		state: a,
-		manager: s
-	}) : null;
-}, O = [
-	"street",
-	"city",
-	"state",
-	"postalCode",
-	"houseNo"
-], k = ({ state: c, manager: l }) => {
-	let { fields: d, values: p, errors: b, isValid: E, addressSuggestions: D, prefilled: k, hideEmail: A, fieldsCountry: j, submitError: M, submitAttempted: N } = c, { t: P } = e(), F = i(null), I = i(null), L = i(void 0), R = s(F, d.length), [z, B] = a({}), V = r((e) => {
-		B((t) => t[e] ? t : {
-			...t,
-			[e]: !0
-		});
-	}, []), { displayErrors: H, errorParams: U } = n(() => T(b, z, N, j, d), [
-		b,
-		z,
-		N,
-		j,
-		d
-	]), W = r((e) => V(e), [V]), G = r((e, t) => {
-		V(e), l.setField(e, t);
-	}, [l, V]), K = r((e) => {
-		for (let e of O) V(e);
-		l.selectAddress(e);
-	}, [l, V]), q = n(() => x(d.filter((e) => !(e.name === "email" && A)).map((e) => e.readonly || k[e.name] ? !1 : e.required)), [
-		d,
-		A,
-		k
-	]), J = (e) => {
-		let t = S(q, e);
-		return t ? P(`forms.label.${t}`) : void 0;
-	};
-	t(() => {
-		let e = H.postalCode, t = L.current;
-		if (L.current = e, !e || t === e) return;
-		let n = requestAnimationFrame(() => {
-			let e = I.current;
-			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
-				behavior: "smooth",
-				block: "nearest"
-			});
-		});
-		return () => cancelAnimationFrame(n);
-	}, [H.postalCode]);
-	let Y = (e, t) => m(P, t, U[e]), X;
-	return /* @__PURE__ */ o(u, {
-		className: `IncodeEkycPage${R ? " IncodeEkycPageScrollable" : ""}`,
-		title: P("verification.title"),
-		children: [/* @__PURE__ */ o("div", {
-			ref: F,
-			className: "IncodeEkycForm",
-			children: d.map((e) => {
-				if (e.name === "email" && A) return null;
-				let t = null;
-				e.section && e.section !== X && (X = e.section, t = /* @__PURE__ */ o("h3", {
-					className: "IncodeEkycSectionHeader",
-					children: P({
-						address: "verification.labels.addressDetailsSection",
-						driverLicense: "verification.labels.dlDetailsSection"
-					}[e.section] ?? e.section)
-				}));
-				let n = e.readonly || k[e.name], r = n ? !1 : e.required, i = J(r), a = p[e.name] ?? "", s = H[e.name];
-				if (e.name === "street" && e.section === "address") return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(C, {
-					label: e.label,
-					labelHint: i,
-					value: a,
-					error: s,
-					errorParams: U[e.name],
-					suggestions: D,
-					readonly: n,
-					required: r,
-					onChange: (e) => G("street", e),
-					onSearch: (e) => l.searchAddress(e),
-					onSelect: K,
-					onBlur: () => W("street")
-				})] }, e.name);
-				if (e.type === "dropdown") {
-					let c = P(e.label);
-					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(v, {
-						id: `ekyc-${e.name}`,
-						label: c,
-						labelHint: i,
-						placeholder: e.placeholder ? P(e.placeholder) : void 0,
-						value: a,
-						options: (e.options ?? []).map((e) => {
-							let t = P(e.label);
-							return {
-								...e,
-								label: t,
-								ariaLabel: w(t)
-							};
-						}),
-						error: Y(e.name, s),
-						disabled: n,
-						required: r,
-						searchable: !0,
-						onChange: (t) => G(e.name, t),
-						onBlur: () => W(e.name),
-						"data-testid": `ekyc-field-${e.name}`
-					})] }, e.name);
-				}
-				if (e.type === "date") {
-					let c = P(e.label);
-					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(y, {
-						id: `ekyc-${e.name}`,
-						label: c,
-						labelHint: i,
-						value: a,
-						error: Y(e.name, s),
-						disabled: n,
-						required: r,
-						onInput: (t) => {
-							let n = t.target;
-							G(e.name, n.value);
-						},
-						onBlur: () => W(e.name),
-						"data-testid": `ekyc-field-${e.name}`
-					})] }, e.name);
-				}
-				if (e.type === "phone") {
-					let c = P(e.label);
-					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(_, {
-						id: `ekyc-${e.name}`,
-						label: c,
-						labelHint: i,
-						countryCode: j,
-						value: a,
-						placeholder: e.placeholder,
-						error: Y(e.name, s),
-						disabled: n,
-						disableCountrySelector: e.disableCountrySelector,
-						required: r,
-						onChange: (t) => G(e.name, t),
-						onBlur: () => W(e.name),
-						"data-testid": `ekyc-field-${e.name}`
-					})] }, e.name);
-				}
-				return e.type === "radio" ? /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(g, {
-					id: `ekyc-${e.name}`,
-					class: "IncodeEkycRadioGroup",
-					label: P(e.label),
-					labelHint: i,
-					value: a,
-					options: (e.options ?? []).map((e) => ({
-						value: e.value,
-						label: P(e.label)
-					})),
-					error: s ? Y(e.name, s) : void 0,
-					disabled: n,
-					required: r,
-					onChange: (t) => G(e.name, t),
-					onBlur: () => W(e.name)
-				})] }, e.name) : /* @__PURE__ */ o("div", {
-					ref: e.name === "postalCode" ? I : void 0,
-					children: [t, /* @__PURE__ */ o(h, {
-						name: e.name,
-						label: e.label,
-						displayLabel: e.displayLabel,
-						value: a,
-						error: s,
-						errorParams: U[e.name],
-						type: e.type,
-						placeholder: e.placeholder,
-						placeholderParams: e.placeholderParams,
-						required: r,
-						labelHint: i,
-						readonly: n,
-						maxLength: e.maxLength,
-						onChange: G,
-						onBlur: W
-					})]
-				}, e.name);
-			})
-		}), /* @__PURE__ */ o("div", {
-			className: "IncodeEkycFooter",
-			children: [
-				M && /* @__PURE__ */ o("p", {
-					className: "IncodeEkycSubmitError",
-					role: "alert",
-					children: P(M)
-				}),
-				/* @__PURE__ */ o(f, {
-					onClick: () => l.submit(),
-					disabled: !E,
-					"data-testid": "ekyc-submit",
-					children: P("common.continue")
-				}),
-				M === "verification.errors.countryNotSupported" && /* @__PURE__ */ o(f, {
-					variant: "link",
-					onClick: () => l.skip(),
-					"data-testid": "ekyc-skip",
-					children: P("verification.labels.skip")
-				})
-			]
-		})]
-	});
-}, A = ({ config: e, onFinish: t }) => /* @__PURE__ */ o(l, { children: e ? /* @__PURE__ */ o(D, {
-	config: e,
-	onFinish: t
-}) : null });
-b(A, "incode-ekyc");
-//#endregion
-export { A as t };

package/dist/ekycModule-CZw9cLno.js

@@ -1,2 +0,0 @@
-import { t as e } from "./ekycModule-CU9pt5YN.js";
-export { e as EkycModule };