@incodetech/web 0.0.0-dev-20260508-6c63ac8 → 0.0.0-dev-20260508-da43840

package/dist/base.css

@@ -488,6 +488,11 @@
     font-weight: var(--typography-button-m-underlined-weight);
     line-height: var(--typography-button-m-underlined-line-height);
     letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-thickness: auto;
@@ -1848,6 +1853,10 @@
   font-family: inherit;
   display: inline-block;
 }
+.IncodeCountrySelector {
+  width: 100%;
+  max-width: 420px;
+}
 .IncodePhoneInputComposed {
   width: 100%;
   max-width: 420px;
@@ -3882,6 +3891,45 @@
     }
   }
 }
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-height: var(--incode-page-max-h);
+    max-width: var(--incode-page-max-w);
+  }
+
+  @media not all and (min-width: 80rem) {
+    @media (orientation: landscape) {
+      .IncodePageContainer .IncodePageInner {
+        max-height: var(--incode-page-max-h-landscape);
+      }
+    }
+  }
+}
 .IncodePageContainer .IncodePageInner {
   width: 100%;
 }

package/dist/countrySelector-B_dpv3Ku.js

@@ -0,0 +1,58 @@
+import { n as e } from "./i18n-BnVa5Y-_.js";
+import { d as t, v as n } from "./vendor-preact-D6SntenC.js";
+import { t as r } from "./dropdownComposed-DFRBG22E.js";
+//#region src/shared/countrySelector/countrySelector.tsx
+var i = [
+	"BR",
+	"CN",
+	"FR",
+	"DE",
+	"IL",
+	"IT",
+	"MX",
+	"ES",
+	"GB",
+	"US"
+], a = [
+	"CM",
+	"KE",
+	"NG"
+];
+function o(e) {
+	return [...e.toUpperCase()].map((e) => String.fromCodePoint(127462 + e.charCodeAt(0) - 65)).join("");
+}
+function s() {
+	if (typeof window > "u") return !1;
+	let { hostname: e } = window.location;
+	return e === "localhost" || e.includes("stage") || e.includes("demo");
+}
+var c = ({ value: c, onChange: l, label: u, id: d = "country-selector", countryCodes: f = i, devOnlyCountryCodes: p = a, "data-testid": m }) => {
+	let { i18n: h } = e(), g = h.language || "en";
+	return /* @__PURE__ */ n("div", {
+		class: "IncodeCountrySelector",
+		children: /* @__PURE__ */ n(r, {
+			id: d,
+			label: u,
+			value: c,
+			options: t(() => {
+				let e = new Intl.DisplayNames([g, "en"], { type: "region" });
+				return (s() ? [...f, ...p] : [...f]).map((t) => {
+					let n = e.of(t) ?? t;
+					return {
+						value: t,
+						label: `${o(t)} ${n}`,
+						ariaLabel: n
+					};
+				}).sort((e, t) => e.label.localeCompare(t.label, g));
+			}, [
+				f,
+				p,
+				g
+			]),
+			onChange: l,
+			"data-testid": m
+		})
+	});
+};
+//#endregion
+export { c as t };

package/dist/ekyb/ekyb.es.js

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

package/dist/ekybModule-B7UFEkEF.js

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

package/dist/{ekybModule-C3lXG2tC.js → ekybModule-C-ai_jbO.js}

@@ -12,10 +12,21 @@ import { t as v } from "./dropdownComposed-DFRBG22E.js";
 import { t as y } from "./incodeModule-D_r2n18O.js";
 import { n as b, t as x } from "./requiredLabelHint-J9rEJWcF.js";
 import { n as S, t as C } from "./optionAccessibleLabel-BNqnKbwB.js";
-import { t as w } from "./countrySelector-CxwhZU7X.js";
-import { computeEkybDisplayErrors as T, createEkybManager as E } from "@incodetech/core/ekyb";
-//#region src/modules/ekyb/fieldInput.tsx
-var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint: o, onChange: c, onBlur: l }) => {
+import { t as w } from "./countrySelector-B_dpv3Ku.js";
+import { DEV_ONLY_COUNTRIES as T, SUPPORTED_COUNTRIES as E, computeEkybDisplayErrors as D, createEkybManager as O } from "@incodetech/core/ekyb";
+//#region src/modules/ekyb/countrySelector.tsx
+var k = ({ value: t, onChange: n }) => {
+	let { t: r } = e();
+	return /* @__PURE__ */ s(w, {
+		id: "ekyb-country",
+		label: r("ekyb.country"),
+		value: t,
+		onChange: n,
+		countryCodes: E,
+		devOnlyCountryCodes: T,
+		"data-testid": "ekyb-country-selector"
+	});
+}, A = ({ 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(v, {
 		id: `ekyb-${t.name}`,
@@ -49,7 +60,7 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 		onChange: c,
 		onBlur: l
 	});
-}, O = ({ ubos: t, errors: n, errorParams: r, canAddUbo: i, labelHint: a, onSetField: o, onBlur: c, onAdd: l, onRemove: u }) => {
+}, j = ({ ubos: t, errors: n, errorParams: r, canAddUbo: i, labelHint: a, onSetField: o, onBlur: c, onAdd: l, onRemove: u }) => {
 	let { t: d } = e(), f = (e) => g(d, n[e], r[e]);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		className: "IncodeEkybUbos",
@@ -101,8 +112,8 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 			children: d("ekyb.addAnotherUbo")
 		})]
 	});
-}, k = ({ config: t, onFinish: r }) => {
-	let { t: i } = e(), [a, o] = l(() => E({ config: t }));
+}, M = ({ config: t, onFinish: r }) => {
+	let { t: i } = e(), [a, o] = l(() => O({ 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(m, {
@@ -118,33 +129,33 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 	}) : a.status === "success" ? /* @__PURE__ */ s(m, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ s(m, {
 		status: "failure",
 		onRetry: () => o.retry()
-	}) : a.status === "form" ? /* @__PURE__ */ s(M, {
+	}) : a.status === "form" ? /* @__PURE__ */ s(F, {
 		state: a,
 		manager: o
 	}) : null;
-}, A = new Set([
+}, N = new Set([
 	"street",
 	"houseNo",
 	"addressLine2",
 	"city",
 	"state",
 	"postalCode"
-]), j = [
+]), P = [
 	"street",
 	"city",
 	"state",
 	"postalCode",
 	"houseNo"
-], M = ({ state: l, manager: u }) => {
-	let { country: f, fields: m, values: h, errors: g, isValid: _, ubos: v, canAddUbo: y, addressSuggestions: C, submitAttempted: E } = l, { t: k } = e(), M = a(null), N = a(null), P = a(void 0), F = c(M, m.length), [I, L] = o({}), R = i((e) => {
+], F = ({ state: l, manager: u }) => {
+	let { country: f, fields: m, values: h, errors: g, isValid: _, ubos: v, canAddUbo: y, addressSuggestions: C, submitAttempted: w } = l, { t: T } = e(), E = a(null), O = a(null), M = a(void 0), F = c(E, m.length), [I, L] = o({}), R = i((e) => {
 		L((t) => t[e] ? t : {
 			...t,
 			[e]: !0
 		});
-	}, []), { displayErrors: z, errorParams: B } = r(() => T(g, I, E, f, m), [
+	}, []), { displayErrors: z, errorParams: B } = r(() => D(g, I, w, f, m), [
 		g,
 		I,
-		E,
+		w,
 		f,
 		m
 	]), V = i((e) => R(e), [R]), H = i((e, t) => {
@@ -152,7 +163,7 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 	}, [u, R]), U = i((e, t, n) => {
 		R(`ubo-${e}-${t}`), u.setUboField(e, t, n);
 	}, [u, R]), W = i((e) => {
-		for (let e of j) R(e);
+		for (let e of P) R(e);
 		u.selectAddress(e);
 	}, [u, R]), G = i((e) => {
 		u.removeUbo(e), L((t) => {
@@ -172,10 +183,10 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 		});
 	}, [u]);
 	n(() => {
-		let e = z.postalCode, t = P.current;
-		if (P.current = e, !e || t === e) return;
+		let e = z.postalCode, t = M.current;
+		if (M.current = e, !e || t === e) return;
 		let n = requestAnimationFrame(() => {
-			let e = N.current;
+			let e = O.current;
 			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
 				behavior: "smooth",
 				block: "nearest"
@@ -183,22 +194,22 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 		});
 		return () => cancelAnimationFrame(n);
 	}, [z.postalCode]);
-	let K = m.filter((e) => !A.has(e.name)), q = m.filter((e) => A.has(e.name)), J = r(() => b(m.map((e) => e.required)), [m]), Y = (e) => {
+	let K = m.filter((e) => !N.has(e.name)), q = m.filter((e) => N.has(e.name)), J = r(() => b(m.map((e) => e.required)), [m]), Y = (e) => {
 		let t = x(J, e);
-		return t ? k(`forms.label.${t}`) : void 0;
+		return t ? T(`forms.label.${t}`) : void 0;
 	};
 	return /* @__PURE__ */ s(d, {
 		className: `IncodeEkybPage${F ? " IncodeEkybPageScrollable" : ""}`,
-		title: k("ekyb.title"),
+		title: T("ekyb.title"),
 		children: [/* @__PURE__ */ s("div", {
-			ref: M,
+			ref: E,
 			className: "IncodeEkybForm",
 			children: [
-				/* @__PURE__ */ s(w, {
+				/* @__PURE__ */ s(k, {
 					value: f,
 					onChange: (e) => u.setCountry(e)
 				}),
-				K.map((e) => /* @__PURE__ */ s(D, {
+				K.map((e) => /* @__PURE__ */ s(A, {
 					field: e,
 					value: h[e.name] ?? "",
 					error: z[e.name],
@@ -208,7 +219,7 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 					onChange: H,
 					onBlur: V
 				}, e.name)),
-				/* @__PURE__ */ s(O, {
+				/* @__PURE__ */ s(j, {
 					ubos: v,
 					errors: z,
 					errorParams: B,
@@ -221,7 +232,7 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 				}),
 				q.length > 0 && /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s("h3", {
 					className: "IncodeEkybSectionHeader",
-					children: k("ekyb.addressDetails")
+					children: T("ekyb.addressDetails")
 				}), q.map((e) => e.name === "street" ? /* @__PURE__ */ s(S, {
 					label: e.label,
 					labelHint: Y(e.required),
@@ -235,8 +246,8 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 					onSelect: W,
 					onBlur: () => V("street")
 				}, e.name) : /* @__PURE__ */ s("div", {
-					ref: e.name === "postalCode" ? N : void 0,
-					children: /* @__PURE__ */ s(D, {
+					ref: e.name === "postalCode" ? O : void 0,
+					children: /* @__PURE__ */ s(A, {
 						field: e,
 						value: h[e.name] ?? "",
 						error: z[e.name],
@@ -254,14 +265,14 @@ var D = ({ field: t, value: n, error: r, errorParams: i, country: a, labelHint:
 				onClick: () => u.submit(),
 				disabled: !_,
 				"data-testid": "ekyb-submit",
-				children: k("ekyb.continue")
+				children: T("ekyb.continue")
 			})
 		})]
 	});
-}, N = ({ config: e, onFinish: t }) => /* @__PURE__ */ s(u, { children: e ? /* @__PURE__ */ s(k, {
+}, I = ({ config: e, onFinish: t }) => /* @__PURE__ */ s(u, { children: e ? /* @__PURE__ */ s(M, {
 	config: e,
 	onFinish: t
 }) : null });
-y(N, "incode-ekyb");
+y(I, "incode-ekyb");
 //#endregion
-export { N as t };
+export { I as t };

package/dist/flow/flow.es.js

@@ -5,7 +5,7 @@ import { o as l } from "../hooks-BVnGysT7.js";
 import { t as u } from "../incodeComponent-9ZUPvQgC.js";
 import { t as d } from "../transitionSpinner-av72n-l1.js";
 import { t as f } from "../incodeModule-D_r2n18O.js";
-import { a as p, c as m, d as h, f as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-CuRPfV2k.js";
+import { a as p, c as m, d as h, f as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-Ba3tFoor.js";
 import { getDeviceClass as T } from "@incodetech/core/device";
 import { getRequiredWasmPipelines as E } from "@incodetech/core/flow";
 import { QrValidationError as D, bootstrapSession as O, refreshQrUrlUuid as k } from "@incodetech/core/session";

package/dist/flow/styles.css

@@ -4366,8 +4366,10 @@
 
 .IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
+  align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
+  width: 100%;
   height: 100%;
   display: flex;
 }

package/dist/{useModuleLoader-CuRPfV2k.js → useModuleLoader-Ba3tFoor.js}

@@ -174,7 +174,7 @@ var j = {
 	GOVT_VALIDATION_PROVISIONING: () => import("./governmentValidation/governmentValidation.es.js").then((e) => e.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((e) => e.Geolocation),
 	EXTERNAL_VERIFICATION: () => import("./ekycModule-DiBt3eF8.js").then((e) => e.EkycModule),
-	EKYB: () => import("./ekybModule-B92LkG1f.js").then((e) => e.EkybModule),
+	EKYB: () => import("./ekybModule-B7UFEkEF.js").then((e) => e.EkybModule),
 	DOCUMENT_CAPTURE: () => import("./documentCapture-C2ShzJz0.js").then((e) => e.DocumentCapture),
 	ADDRESS: () => import("./documentCapture-C2ShzJz0.js").then((e) => e.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((e) => e.Consent),
@@ -185,7 +185,7 @@ var j = {
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((e) => e.Antifraud),
 	CUSTOM_FIELDS: () => import("./customFields-DMNKnPeF.js").then((e) => e.CustomFields),
 	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((e) => e.Watchlist),
-	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-DjgJnsPT.js").then((e) => e.WatchlistForBusiness),
+	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-CmUsOcQQ.js").then((e) => e.WatchlistForBusiness),
 	INCODE_WATCHLIST: () => import("./customWatchlist-BT1PQfoG.js").then((e) => e.CustomWatchlist),
 	AE_SIGNATURE: () => import("./ae-signature/ae-signature.es.js").then((e) => e.AeSignature),
 	QE_SIGNATURE: () => import("./qe-signature/qe-signature.es.js").then((e) => e.QeSignature),

package/dist/watchlist-for-business/styles.css

@@ -5,8 +5,10 @@
 
 .IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
+  align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
+  width: 100%;
   height: 100%;
   display: flex;
 }

package/dist/{watchlistForBusiness-DjgJnsPT.js → watchlistForBusiness-CmUsOcQQ.js}

@@ -8,7 +8,7 @@ import { t as c } from "./button-DcCUEn2n.js";
 import { t as l } from "./successIcon-DbILeIz_.js";
 import { t as u } from "./inputComposed-APSw8C7o.js";
 import { t as d } from "./incodeModule-D_r2n18O.js";
-import { t as f } from "./countrySelector-CxwhZU7X.js";
+import { t as f } from "./countrySelector-B_dpv3Ku.js";
 import { t as p } from "./statusPage-BvmC0O1t.js";
 import { createWatchlistForBusinessManager as m } from "@incodetech/core/watchlist-for-business";
 //#region src/modules/watchlist-for-business/watchlistForBusiness.tsx
@@ -47,8 +47,11 @@ var h = ({ onFinish: a }) => {
 				autoComplete: "off",
 				children: [
 					/* @__PURE__ */ r(f, {
+						id: "watchlist-for-business-country",
+						label: d("watchlistForBusiness.country"),
 						value: e?.country ?? "US",
-						onChange: (e) => g.setCountry(e)
+						onChange: (e) => g.setCountry(e),
+						"data-testid": "watchlist-for-business-country-selector"
 					}),
 					/* @__PURE__ */ r(u, {
 						id: "businessName",

package/dist/workflow/workflow.es.js

@@ -6,7 +6,7 @@ import { t as l } from "../incodeComponent-9ZUPvQgC.js";
 import "../spinner-B4dcie2T.js";
 import { t as u } from "../transitionSpinner-av72n-l1.js";
 import { t as d } from "../incodeModule-D_r2n18O.js";
-import { a as f, h as p, i as m, o as h, p as g, t as _ } from "../useModuleLoader-CuRPfV2k.js";
+import { a as f, h as p, i as m, o as h, p as g, t as _ } from "../useModuleLoader-Ba3tFoor.js";
 import { resolveWasmConfig as v, upgradeToWasmHttpClient as y, warmupWasm as b } from "@incodetech/core/wasm";
 import { getDeviceClass as x } from "@incodetech/core/device";
 import { QrValidationError as S, refreshQrUrlUuid as C } from "@incodetech/core/session";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260508-6c63ac8",
+  "version": "0.0.0-dev-20260508-da43840",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -239,7 +239,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260508-6c63ac8"
+    "@incodetech/core": "0.0.0-dev-20260508-da43840"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/countrySelector-CxwhZU7X.js

@@ -1,52 +0,0 @@
-import { n as e } from "./i18n-BnVa5Y-_.js";
-import { d as t, v as n } from "./vendor-preact-D6SntenC.js";
-import { t as r } from "./dropdownComposed-DFRBG22E.js";
-import { DEV_ONLY_COUNTRIES as i, SUPPORTED_COUNTRIES as a } from "@incodetech/core/ekyb";
-//#region src/modules/ekyb/countrySelector.tsx
-function o(e) {
-	return [...e.toUpperCase()].map((e) => String.fromCodePoint(127462 + e.charCodeAt(0) - 65)).join("");
-}
-var s = {
-	BR: "Brazil",
-	CM: "Cameroon",
-	CN: "China",
-	FR: "France",
-	DE: "Germany",
-	IL: "Israel",
-	IT: "Italy",
-	KE: "Kenya",
-	MX: "Mexico",
-	NG: "Nigeria",
-	ES: "Spain",
-	GB: "United Kingdom",
-	US: "USA"
-};
-function c(e) {
-	let t = s[e] ?? e;
-	return {
-		value: e,
-		label: `${o(e)} ${t}`,
-		ariaLabel: t
-	};
-}
-function l() {
-	if (typeof window > "u") return !1;
-	let { hostname: e } = window.location;
-	return e === "localhost" || e.includes("stage") || e.includes("demo");
-}
-var u = ({ value: o, onChange: s }) => {
-	let { t: u } = e(), d = t(() => (l() ? [...a, ...i] : [...a]).map(c).sort((e, t) => e.label.localeCompare(t.label)), []);
-	return /* @__PURE__ */ n("div", {
-		className: "IncodeEkybCountrySelector",
-		children: /* @__PURE__ */ n(r, {
-			id: "ekyb-country",
-			label: u("ekyb.country"),
-			value: o,
-			options: d,
-			onChange: s,
-			"data-testid": "ekyb-country-selector"
-		})
-	});
-};
-//#endregion
-export { u as t };

package/dist/ekybModule-B92LkG1f.js

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