@incodetech/web 0.0.0-dev-20260714-84eb7a5b → 0.0.0-dev-20260715-b208c5e1

package/dist/ekyb/ekyb.es.js

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

package/dist/ekyb/styles.css

@@ -1,12 +1,4 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
-      --tw-border-style: solid;
-    }
-  }
-}
-
 .IncodeEkybPage {
   animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
   margin-inline: auto;
@@ -48,27 +40,16 @@
 }
 
 .IncodeEkybPage .IncodeEkybRemoveUbo {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  padding: var(--spacing-0, var(--spacing-none, 0px));
   font-family: var(--typography-body-family);
   font-size: var(--typography-body-s-regular-size);
   font-weight: var(--typography-body-s-regular-weight);
   line-height: var(--typography-body-s-regular-line-height);
   letter-spacing: var(--typography-body-s-regular-letter-spacing);
   color: var(--color-text-status-negative, var(--text-status-negative));
-  background-color: #0000;
-  border-style: none;
+  text-decoration-line: none;
 }
 
 .IncodeEkybPage .IncodeEkybAddUbo {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  padding-block: var(--spacing-8, var(--spacing-8, 8px));
   text-align: center;
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-underlined-size);
@@ -78,8 +59,6 @@
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
   color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  background-color: #0000;
-  border-style: none;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-thickness: auto;
@@ -131,9 +110,3 @@
     flex-shrink: 0;
   }
 }
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}

package/dist/{ekybModule-DETayLNn.js → ekybModule-CSVRfnNR.js}

@@ -71,9 +71,18 @@ var FieldInput = ({ field, value, error, errorParams, country: _country, labelHi
 //#region src/modules/ekyb/uboInputs.tsx
 var UboInputs = ({ ubos, validationErrors, canAddUbo, labelHint, onSetField, onBlur, onAdd, onRemove }) => {
 	const { t } = useTranslation();
+	const containerRef = A(null);
+	const addButtonRef = A(null);
+	const pendingFocusRef = A();
 	const translateError$2 = (err) => translateError(t, err?.key, err?.params);
+	y(() => {
+		if (pendingFocusRef.current === "added-name") containerRef.current?.querySelector(`#ubo-${ubos.length - 1}-name`)?.focus();
+		else if (pendingFocusRef.current === "add-button") addButtonRef.current?.focus();
+		pendingFocusRef.current = void 0;
+	}, [ubos.length]);
 	if (ubos.length === 0) return null;
 	return /* @__PURE__ */ u("div", {
+		ref: containerRef,
 		className: "IncodeEkybUbos",
 		children: [ubos.map((ubo, index) => {
 			const nameLabel = index === 0 ? t("ekyb.uboName") : t("ekyb.uboNameWithNumber", { number: index + 1 });
@@ -108,18 +117,29 @@ var UboInputs = ({ ubos, validationErrors, canAddUbo, labelHint, onSetField, onB
 						onBlur: onBlur ? () => onBlur(`ubo-${index}-surname`) : void 0,
 						"data-testid": `ekyb-ubo-${index}-surname`
 					}),
-					!isFirst && /* @__PURE__ */ u("button", {
-						className: "IncodeEkybRemoveUbo",
-						onClick: () => onRemove(index),
+					!isFirst && /* @__PURE__ */ u(Button, {
+						class: "IncodeEkybRemoveUbo",
+						variant: "link",
+						size: "S",
+						onClick: () => {
+							pendingFocusRef.current = "add-button";
+							onRemove(index);
+						},
 						type: "button",
 						"aria-label": `${t("common.remove")} UBO ${index + 1}`,
 						children: t("common.remove")
 					})
 				]
 			}, ubo.id);
-		}), canAddUbo && /* @__PURE__ */ u("button", {
-			className: "IncodeEkybAddUbo",
-			onClick: onAdd,
+		}), canAddUbo && /* @__PURE__ */ u(Button, {
+			ref: addButtonRef,
+			class: "IncodeEkybAddUbo",
+			variant: "link",
+			size: "S",
+			onClick: () => {
+				pendingFocusRef.current = "added-name";
+				onAdd();
+			},
 			type: "button",
 			"data-testid": "ekyb-add-ubo",
 			children: t("ekyb.addAnotherUbo")
@@ -128,9 +148,13 @@ var UboInputs = ({ ubos, validationErrors, canAddUbo, labelHint, onSetField, onB
 };
 //#endregion
 //#region src/modules/ekyb/ekybModule.tsx
-var EkybContent = ({ config, onFinish }) => {
+var EkybContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
-	const [state, manager] = useManager(() => createEkybManager({ config }));
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("Ekyb config is required when no manager is provided");
+		return createEkybManager({ config });
+	}, { manageLifecycle: !externalManager });
 	useModuleTerminalCallbacks({
 		status: state.status === "closed" ? "finished" : state.status,
 		onFinish
@@ -268,9 +292,10 @@ var EkybForm = ({ state, manager }) => {
 		})]
 	});
 };
-var EkybModule = ({ config, onFinish }) => {
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(EkybContent, {
+var EkybModule = ({ config, manager, onFinish }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(EkybContent, {
 		config,
+		manager,
 		onFinish
 	}) : null });
 };

package/dist/ekybModule-DXoUU86h.js

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

package/dist/flow/flow.es.js

@@ -5,8 +5,7 @@ import { u as useManager } from "../hooks-CNu7o-v8.js";
 import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
-import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, y as TerminalErrorPage } from "../useModuleLoader-DtWjpKDk.js";
-import { getDeviceClass } from "@incodetech/core/device";
+import { _ as warmupWasmIfNeeded, a as resolveApiKey, b as TerminalErrorPage, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, y as isDesktopOrEmulated } from "../useModuleLoader-lVZdN1m0.js";
 import { getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts
@@ -160,7 +159,7 @@ function maybePreloadHomeScreen(flowManager) {
 	if (flowManager.getState().presentation.shouldPrefetchHome) preloadHomeScreen();
 }
 function maybePreloadRedirectToMobile() {
-	if (getDeviceClass() === "desktop") preloadRedirectToMobile();
+	if (isDesktopOrEmulated()) preloadRedirectToMobile();
 }
 function useFlowInitialization(options) {
 	const { lang, disableDashboardTheme, enableHome, onError, useCPF } = options;

package/dist/flow/styles.css

@@ -7921,27 +7921,16 @@
 }
 
 .IncodeEkybPage .IncodeEkybRemoveUbo {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  padding: var(--spacing-0, var(--spacing-none, 0px));
   font-family: var(--typography-body-family);
   font-size: var(--typography-body-s-regular-size);
   font-weight: var(--typography-body-s-regular-weight);
   line-height: var(--typography-body-s-regular-line-height);
   letter-spacing: var(--typography-body-s-regular-letter-spacing);
   color: var(--color-text-status-negative, var(--text-status-negative));
-  background-color: #0000;
-  border-style: none;
+  text-decoration-line: none;
 }
 
 .IncodeEkybPage .IncodeEkybAddUbo {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  padding-block: var(--spacing-8, var(--spacing-8, 8px));
   text-align: center;
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-underlined-size);
@@ -7951,8 +7940,6 @@
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
   color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  background-color: #0000;
-  border-style: none;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-thickness: auto;

package/dist/types/ekyb.d.ts

@@ -1,9 +1,10 @@
 import { EkybConfig } from '@incodetech/core/ekyb';
+import { EkybManager } from '@incodetech/core/ekyb';
 import { FC } from 'preact/compat';
 
 export declare const EkybModule: FC<EkybModuleProps>;
 
-declare type EkybModuleProps = IncodeModuleProps<EkybConfig>;
+declare type EkybModuleProps = IncodeModuleProps<EkybConfig, void, EkybManager>;
 
 /**
  * Extra context passed to `onFinish` alongside the result. Lets a host decide

package/dist/{useModuleLoader-DtWjpKDk.js → useModuleLoader-lVZdN1m0.js}

@@ -5,7 +5,7 @@ import { t as Page } from "./page-DidH_RkX.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
 import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
 import { initializeWasmUtil, resolveWasmConfig, setWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
-import { getDeviceClass } from "@incodetech/core/device";
+import { isDesktopOrEmulated } from "@incodetech/core/device";
 import { createOrchestratedFlowManager, getFlow, getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { getFinishStatus, initializeSession } from "@incodetech/core/session";
 import { api } from "@incodetech/core/http";
@@ -74,6 +74,11 @@ var TerminalErrorPage = ({ message, onRetry }) => {
 	});
 };
 //#endregion
+//#region src/shared/device/redirectDeviceClassification.ts
+function isDesktopOrEmulated$1() {
+	return isDesktopOrEmulated();
+}
+//#endregion
 //#region src/styles/generatePalette.ts
 function hexToHsl(hex) {
 	let normalizedHex = hex.replace("#", "");
@@ -296,7 +301,7 @@ var LAZY_UI_MODULES = {
 	INE_VALIDATION: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
 	EXTERNAL_VERIFICATION: () => import("./ekycModule-BVaeu3_l.js").then((m) => m.EkycModule),
-	EKYB: () => import("./ekybModule-BtaABaHv.js").then((m) => m.EkybModule),
+	EKYB: () => import("./ekybModule-DXoUU86h.js").then((m) => m.EkybModule),
 	DOCUMENT_CAPTURE: () => import("./documentCapture-l1DB8Zag.js").then((m) => m.DocumentCapture),
 	ADDRESS: () => import("./documentCapture-l1DB8Zag.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
@@ -349,7 +354,7 @@ function preloadRedirectToMobile() {
 }
 function createFlowManager(options = {}) {
 	const scopedLazyModules = {};
-	const isDesktop = options.isDesktop ?? getDeviceClass() === "desktop";
+	const isDesktop = options.isDesktop ?? isDesktopOrEmulated$1();
 	const { enableHome, ...flowFetchOptions } = options;
 	let endScreen = {
 		endScreenTitle: null,
@@ -673,4 +678,4 @@ function usePrefetchNextModule(steps, currentStepIndex, modules, currentModuleLo
 	]);
 }
 //#endregion
-export { warmupWasmIfNeeded as _, resolveApiKey as a, HEADLESS_FLOW_MODULE_KEYS as c, fetchTheme as d, initializeFlowManager as f, setupSDK as g, preloadRedirectToMobile as h, HEADLESS_WORKFLOW_MODULE_KEYS as i, LAZY_UI_MODULES as l, preloadHomeScreen as m, useModulePreloader as n, extractIncodeStatus as o, preloadFirstModule as p, usePrefetchNextModule as r, UnsupportedModule as s, useModuleLoader as t, createFlowManager as u, fetchAndApplyTheme as v, TerminalErrorPage as y };
+export { warmupWasmIfNeeded as _, resolveApiKey as a, TerminalErrorPage as b, HEADLESS_FLOW_MODULE_KEYS as c, fetchTheme as d, initializeFlowManager as f, setupSDK as g, preloadRedirectToMobile as h, HEADLESS_WORKFLOW_MODULE_KEYS as i, LAZY_UI_MODULES as l, preloadHomeScreen as m, useModulePreloader as n, extractIncodeStatus as o, preloadFirstModule as p, usePrefetchNextModule as r, UnsupportedModule as s, useModuleLoader as t, createFlowManager as u, fetchAndApplyTheme as v, isDesktopOrEmulated$1 as y };

package/dist/workflow/styles.css

@@ -6557,27 +6557,16 @@
 }
 
 .IncodeEkybPage .IncodeEkybRemoveUbo {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  padding: var(--spacing-0, var(--spacing-none, 0px));
   font-family: var(--typography-body-family);
   font-size: var(--typography-body-s-regular-size);
   font-weight: var(--typography-body-s-regular-weight);
   line-height: var(--typography-body-s-regular-line-height);
   letter-spacing: var(--typography-body-s-regular-letter-spacing);
   color: var(--color-text-status-negative, var(--text-status-negative));
-  background-color: #0000;
-  border-style: none;
+  text-decoration-line: none;
 }
 
 .IncodeEkybPage .IncodeEkybAddUbo {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  padding-block: var(--spacing-8, var(--spacing-8, 8px));
   text-align: center;
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-underlined-size);
@@ -6587,8 +6576,6 @@
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
   color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  background-color: #0000;
-  border-style: none;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-thickness: auto;

package/dist/workflow/workflow.es.js

@@ -7,9 +7,8 @@ import { t as Page } from "../page-DidH_RkX.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-uXtAKBTO.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
-import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as fetchAndApplyTheme, y as TerminalErrorPage } from "../useModuleLoader-DtWjpKDk.js";
+import { a as resolveApiKey, b as TerminalErrorPage, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as fetchAndApplyTheme, y as isDesktopOrEmulated } from "../useModuleLoader-lVZdN1m0.js";
 import { resolveWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
-import { getDeviceClass } from "@incodetech/core/device";
 import { classifyScoreStatus } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 import { createWorkflowManager } from "@incodetech/core/workflow";
@@ -149,7 +148,7 @@ function createWorkflowUIManager(options = {}) {
 	return createWorkflowManager({
 		customModuleCallback: options.customModuleCallback,
 		interviewId: options.interviewId,
-		isDesktop: options.isDesktop ?? getDeviceClass() === "desktop"
+		isDesktop: options.isDesktop ?? isDesktopOrEmulated()
 	});
 }
 function warmupWorkflowWasm(wasmConfig) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260714-84eb7a5b",
+  "version": "0.0.0-dev-20260715-b208c5e1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -291,7 +291,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260714-84eb7a5b"
+    "@incodetech/core": "0.0.0-dev-20260715-b208c5e1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/ekybModule-BtaABaHv.js

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