@incodetech/web 0.0.0-dev-20260409-0e64d73 → 0.0.0-dev-20260414-56e3445

package/dist/flow/flow.es.js

@@ -6,7 +6,7 @@ import { t as c } from "../spinner-Bg7qBKjN.js";
 import "../spinner-QBqW9mDr.js";
 import { t as l } from "../incodeModule-C3p8eAh_.js";
 import { t as u } from "../redirectToMobile-D5bLaBcP.js";
-import { a as d, c as f, i as p, n as m, o as h, r as g, s as _, t as v, u as y } from "../useModuleLoader-CBGcrysg.js";
+import { a as d, c as f, i as p, n as m, o as h, r as g, s as _, t as v, u as y } from "../useModuleLoader-C88o4x-e.js";
 import { getRequiredWasmPipelines as b } from "@incodetech/core/flow";
 //#region src/modules/flow/preloadFlow.ts
 var x = /* @__PURE__ */ new Map();
@@ -441,6 +441,15 @@ var D = ({ config: n, onFinish: a, onError: s }) => {
 				}
 			}, `antifraud-${x.currentStepIndex}`)
 		});
+		if (e === "WATCHLIST") return /* @__PURE__ */ i("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ i(f, {
+				onFinish: () => S.completeModule(),
+				onError: (e) => {
+					s?.(e ?? "Watchlist check error");
+				}
+			}, `watchlist-${x.currentStepIndex}`)
+		});
 		if (e === "CROSS_DOCUMENT_DATA_MATCH") return /* @__PURE__ */ i("div", {
 			class: "IncodeFlow",
 			children: /* @__PURE__ */ i(f, {

package/dist/flow/styles.css

@@ -458,6 +458,16 @@
     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);
+    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;
@@ -3999,6 +4009,96 @@
   }
 }
 
+@media (min-width: 40rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 40rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 48rem;
+  }
+}
+
+@media (min-width: 64rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 64rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 80rem;
+  }
+}
+
+@media (min-width: 96rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 96rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-height: var(--incode-page-max-h);
+    max-width: var(--incode-page-max-w);
+  }
+
+  @media not all and (min-width: 80rem) {
+    @media (orientation: landscape) {
+      .IncodeCommonIssuesFullScreen .IncodeModalContent {
+        max-height: var(--incode-page-max-h-landscape);
+      }
+    }
+  }
+}
+
+@media (min-width: 40rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 40rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 48rem;
+  }
+}
+
+@media (min-width: 64rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 64rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 80rem;
+  }
+}
+
+@media (min-width: 96rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 96rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-height: var(--incode-page-max-h);
+    max-width: var(--incode-page-max-w);
+  }
+
+  @media not all and (min-width: 80rem) {
+    @media (orientation: landscape) {
+      .IncodeCommonIssuesFullScreen .IncodeModalContent {
+        max-height: var(--incode-page-max-h-landscape);
+      }
+    }
+  }
+}
+
 .IncodeCommonIssuesFullScreen .IncodeModalContent {
   width: 100%;
 }
@@ -6575,6 +6675,31 @@
   display: flex;
 }
 
+.IncodeWatchlistStatusPage .IncodeWatchlistStatusContainer {
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeWatchlistStatusPage .IncodeWatchlistStatusTitle {
+  text-align: center;
+  font-size: var(--text-2xl, 1.5rem);
+  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
+  --tw-leading: 125%;
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  line-height: 125%;
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  --tw-tracking: -1px;
+  letter-spacing: -1px;
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeWatchlistStatusPage .IncodeWatchlistStatusSubtitle {
+  text-align: center;
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
 .IncodeVerificationResult .IncodePageContent {
   gap: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));

package/dist/types/watchlist.d.ts

@@ -0,0 +1,35 @@
+import { FC } from 'preact/compat';
+import { WatchlistConfig } from '@incodetech/core/watchlist';
+
+declare type IncodeModuleProps<TConfig, TResult = void, TManager = unknown> = {
+    /**
+     * Module configuration required to render the flow.
+     * For Web Components, this is typically assigned via `element.config = ...`.
+     */
+    config?: TConfig;
+    /**
+     * Optional pre-built manager. When provided, the module does not create or manage the manager lifecycle.
+     */
+    manager?: TManager;
+    /**
+     * Callback invoked when the module completes successfully.
+     * @param result - Optional result data from the module completion
+     */
+    onFinish?: (result?: TResult) => void;
+    /**
+     * Callback invoked when a fatal module error occurs.
+     */
+    onError?: (error: string | undefined) => void;
+};
+
+export declare const Watchlist: FC<WatchlistProps>;
+
+declare type WatchlistProps = IncodeModuleProps<WatchlistConfig>;
+
+export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-watchlist': HTMLElement & IncodeModuleProps<WatchlistConfig>;
+    }
+}

package/dist/{useModuleLoader-CBGcrysg.js → useModuleLoader-C88o4x-e.js}

@@ -134,6 +134,7 @@ function C(e) {
 	if (e === "MANDATORY_CONSENT") return () => import("@incodetech/core/mandatory-consent").then((e) => e.mandatoryConsentMachine);
 	if (e === "SIGNATURE") return () => import("@incodetech/core/signature").then((e) => e.signatureMachine);
 	if (e === "ANTIFRAUD") return () => import("@incodetech/core/antifraud").then((e) => e.antifraudMachine);
+	if (e === "WATCHLIST") return () => import("@incodetech/core/watchlist").then((e) => e.watchlistMachine);
 }
 function w(e) {
 	let t = {};
@@ -166,6 +167,7 @@ var T = {
 	MANDATORY_CONSENT: () => import("./mandatoryConsent-2R7jBWsg.js").then((e) => e.MandatoryConsent),
 	SIGNATURE: () => import("./signature/signature.es.js").then((e) => e.Signature),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((e) => e.Antifraud),
+	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((e) => e.Watchlist),
 	CROSS_DOCUMENT_DATA_MATCH: () => import("./cross-document-data-match/cross-document-data-match.es.js").then((e) => e.CrossDocumentDataMatch)
 };
 function E() {

package/dist/watchlist/styles.css

@@ -0,0 +1,50 @@
+/*! 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-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+    }
+  }
+}
+
+.IncodeWatchlistStatusPage .IncodeWatchlistStatusContainer {
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeWatchlistStatusPage .IncodeWatchlistStatusTitle {
+  text-align: center;
+  font-size: var(--text-2xl, 1.5rem);
+  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
+  --tw-leading: 125%;
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  line-height: 125%;
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  --tw-tracking: -1px;
+  letter-spacing: -1px;
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeWatchlistStatusPage .IncodeWatchlistStatusSubtitle {
+  text-align: center;
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false
+}

package/dist/watchlist/watchlist.es.js

@@ -0,0 +1,54 @@
+import { n as e } from "../i18n-DGG1zc7t.js";
+import { _ as t, l as n, v as r } from "../vendor-preact-D6SntenC.js";
+import { c as i, r as a, t as o } from "../loadingIcon-B3xEpDvA.js";
+import { t as s } from "../spacer-DCljE53A.js";
+import { t as c } from "../page-kB-LDkaO.js";
+import { t as l } from "../typography-zTCXRf-k.js";
+import "../typography-CwxsnrN2.js";
+import { t as u } from "../successIcon-Dklx5JWI.js";
+import { t as d } from "../incodeModule-C3p8eAh_.js";
+import { createWatchlistManager as f } from "@incodetech/core/watchlist";
+//#region src/modules/watchlist/watchlistStatusPage.tsx
+var p = ({ variant: e, icon: t, title: n, subtitle: i, titleRef: a }) => /* @__PURE__ */ r(c, {
+	className: `IncodeWatchlistStatusPage IncodeWatchlistStatusPage--${e}`,
+	children: [/* @__PURE__ */ r(s, { size: 40 }), /* @__PURE__ */ r("div", {
+		class: "IncodeWatchlistStatusContainer",
+		children: [
+			/* @__PURE__ */ r(s, { size: 120 }),
+			t,
+			/* @__PURE__ */ r(s, { size: 16 }),
+			/* @__PURE__ */ r(l, {
+				ref: a,
+				className: "IncodeWatchlistStatusTitle",
+				tabIndex: a ? -1 : void 0,
+				children: n
+			}),
+			i && /* @__PURE__ */ r("p", {
+				class: "IncodeWatchlistStatusSubtitle",
+				children: i
+			})
+		]
+	})]
+}), m = ({ onFinish: a }) => {
+	let { t: s } = e(), [c, l] = i(() => f()), d = n(null);
+	return t(() => {
+		l.load();
+	}, [l]), t(() => {
+		c.status === "finished" && a?.();
+	}, [c.status, a]), t(() => {
+		c.status === "success" && d.current?.focus();
+	}, [c.status]), c.status === "success" ? /* @__PURE__ */ r(p, {
+		variant: "success",
+		icon: /* @__PURE__ */ r(u, { size: 64 }),
+		title: s("watchList.complete"),
+		titleRef: d
+	}) : /* @__PURE__ */ r(p, {
+		variant: "loading",
+		icon: /* @__PURE__ */ r(o, { size: 64 }),
+		title: s("watchList.processing"),
+		subtitle: s("watchList.thisMigthTake")
+	});
+}, h = ({ onFinish: e }) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(m, { onFinish: e }) });
+d(h, "incode-watchlist");
+//#endregion
+export { h as Watchlist };

package/dist/workflow/workflow.es.js

@@ -5,7 +5,7 @@ import { c as o, r as s } from "../loadingIcon-B3xEpDvA.js";
 import { t as c } from "../spinner-Bg7qBKjN.js";
 import "../spinner-QBqW9mDr.js";
 import { t as l } from "../incodeModule-C3p8eAh_.js";
-import { d as u, i as d, l as f, r as p, t as m } from "../useModuleLoader-CBGcrysg.js";
+import { d as u, i as d, l as f, r as p, t as m } from "../useModuleLoader-C88o4x-e.js";
 import { resolveWasmConfig as h, warmupWasm as g } from "@incodetech/core/wasm";
 import { createWorkflowManager as _ } from "@incodetech/core/workflow";
 //#region src/modules/workflow/workflowInit.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260409-0e64d73",
+  "version": "0.0.0-dev-20260414-56e3445",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -162,7 +162,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260409-0e64d73"
+    "@incodetech/core": "0.0.0-dev-20260414-56e3445"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",