@incodetech/web 0.0.0-dev-20260930-952cb476 → 0.0.0-dev-20260930-65e7cbcd

package/dist/extensibility.es.js

@@ -1,40 +1,42 @@
-import { n as setUiConfig, o as useTranslation } from "./uiConfig-Cwoab2XW.js";
+import { n as setUiConfig, o as useTranslation } from "./uiConfig-COHiKZzW.js";
 import { S as k, _ as y, c as A, f as d, h as q, i as D, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { C as useManager, S as useScreenOrientation, c as Page, n as LandscapeBlocker, t as IncodeComponent } from "./incodeComponent-YGyHPcGy.js";
-import { d as cn, o as Lottie, t as Spacer } from "./spacer-BYY7o36c.js";
-import { a as TypographyH5, i as TypographyH4, n as TypographyH1, o as TypographyP, r as TypographyH3, t as Title } from "./typography-DxAhSVvF.js";
-import { t as Spinner } from "./spinner-Bm6eeJ_u.js";
-import { _ as CaptureButtonIcon, a as LockIcon, b as ErrorIcon, c as EyeOffIcon, d as CloseIcon, f as ChevronRightIcon, g as CheckmarkIcon, h as CheckmarkCompactIcon, i as SearchIcon, l as EyeIcon, m as ChevronDown, n as WarningIcon, o as HelpIcon, p as ChevronLeftIcon, r as SuccessIcon, s as FileIcon, t as SvgLightningIcon, u as EllipseIcon, v as CameraIcon, x as Button, y as CalendarIcon } from "./icons-BPq1WUW2.js";
-import { t as Processing } from "./processing-DPO1VjAl.js";
-import { t as Modal } from "./modal-CEYOG-i5.js";
-import { t as ErrorContent } from "./errorContent-2A00dBao.js";
-import { t as VerificationResult } from "./verificationResult-CRXaPA2E.js";
-import { t as ConnectionError } from "./connectionError-DyXCC-dq.js";
-import { n as CaptureFooter, r as ProgressBar } from "./useCaptureHelpButton-WafivkkC.js";
-import { n as Input, t as InputComposed } from "./inputComposed-DrGh0BXu.js";
-import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
-import "./inputComposed-IyXlviTc.js";
-import { t as PasswordInputComposed } from "./passwordInputComposed-BXVDPnJV.js";
-import { t as OtpInput } from "./otpInput-CWo5K1zx.js";
-import { t as Checkbox } from "./checkbox-CH5PMxhT.js";
-import { t as FormField } from "./formField-QimkvH4M.js";
-import { a as getCountryByCode, i as getCountryByCallingCode, r as countries } from "./countries-5e8kwG_m.js";
-import { t as PhoneInputComposed } from "./phoneInputComposed-DO8g0kaG.js";
-import { t as DropdownComposed } from "./dropdownComposed-Bbw3YewA.js";
-import "./dropdownComposed-Dnt80ytO.js";
-import { t as DateInputComposed } from "./dateInputComposed-BknNh5Wb.js";
-import "./dateInputComposed-iCUqvc2C.js";
-import { n as RadioButtonComposed, t as RadioGroupComposed } from "./radioGroupComposed-CNG34EpR.js";
-import "./radioGroupComposed-COkFxd5L.js";
-import { b as VerificationOptionCard, c as IdExpired, i as Capture, l as IdError, n as Chooser, r as Tutorial, t as FlipAnimation, x as VerificationOptionCardList } from "./flipAnimation-DeQ2BR5E.js";
-import { t as BottomSheet } from "./bottomSheet-DL0kaQHQ.js";
-import { n as CameraFrame, t as CameraView } from "./cameraView-Bs6xxSwR.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-DrTJld7J.js";
-import { c as useCoverMedia } from "./denied-BnLjxNgw.js";
-import "./cameraOverlay-CiOtXYSl.js";
-import { t as BaseTutorial } from "./baseTutorial-D50rveiM.js";
-import { t as Permissions } from "./permissions-D4Asn4V_.js";
-import { n as Capture$1, t as Tutorial$1 } from "./tutorial-CIVcGByA.js";
+import { b as useManager, n as LandscapeBlocker, t as IncodeComponent, y as useScreenOrientation } from "./incodeComponent-3y7uzRlG.js";
+import { d as cn, o as Lottie, t as Spacer } from "./spacer-PIxKgZSz.js";
+import { a as TypographyH5, i as TypographyH4, n as TypographyH1, o as TypographyP, r as TypographyH3, t as Title } from "./typography-CKHLGjMP.js";
+import { t as Spinner } from "./spinner-CSotEf_2.js";
+import { t as Button } from "./button-BOiUFVnQ.js";
+import { _ as CaptureButtonIcon, a as LockIcon, b as ErrorIcon, c as EyeOffIcon, d as CloseIcon, f as ChevronRightIcon, g as CheckmarkIcon, h as CheckmarkCompactIcon, i as SearchIcon, l as EyeIcon, m as ChevronDown, n as WarningIcon, o as HelpIcon, p as ChevronLeftIcon, r as SuccessIcon, s as FileIcon, t as SvgLightningIcon, u as EllipseIcon, v as CameraIcon, y as CalendarIcon } from "./icons-DyHSqfXP.js";
+import { t as Page } from "./page-CLhk6jqh.js";
+import { t as Processing } from "./processing-D1jf8HSk.js";
+import { t as Modal } from "./modal-BjvGouYz.js";
+import { t as ErrorContent } from "./errorContent-DED4szNz.js";
+import { t as VerificationResult } from "./verificationResult-C07CpnI3.js";
+import { t as ConnectionError } from "./connectionError-aKVyiDnu.js";
+import { n as CaptureFooter, r as ProgressBar } from "./useCaptureHelpButton-DmigQUsV.js";
+import { n as Input, t as InputComposed } from "./inputComposed-DtLBtQcz.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-BYuLa8tB.js";
+import "./inputComposed-hBl27lp8.js";
+import { t as PasswordInputComposed } from "./passwordInputComposed-Cx4UJbYe.js";
+import { t as OtpInput } from "./otpInput-D-7ICpR9.js";
+import { t as Checkbox } from "./checkbox-CMvogVjm.js";
+import { t as FormField } from "./formField-CC6lh0Rt.js";
+import { a as getCountryByCode, i as getCountryByCallingCode, r as countries } from "./countries-BYiwnTqF.js";
+import { t as PhoneInputComposed } from "./phoneInputComposed-Cy7kaa9h.js";
+import { t as DropdownComposed } from "./dropdownComposed-1VfwXJQw.js";
+import "./dropdownComposed-mrzWB6xQ.js";
+import { t as DateInputComposed } from "./dateInputComposed-B_3193eu.js";
+import "./dateInputComposed-CldWrJeK.js";
+import { n as RadioButtonComposed, t as RadioGroupComposed } from "./radioGroupComposed-D9tKYw8O.js";
+import "./radioGroupComposed-uYwaw2_r.js";
+import { b as VerificationOptionCard, c as IdExpired, i as Capture, l as IdError, n as Chooser, r as Tutorial, t as FlipAnimation, x as VerificationOptionCardList } from "./flipAnimation-Aq5F7-Ht.js";
+import { t as BottomSheet } from "./bottomSheet-CdQbUttH.js";
+import { n as CameraFrame, t as CameraView } from "./cameraView-bcOva3MI.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-Cgn37zxH.js";
+import { t as useCoverMedia } from "./useCoverMedia-C_veh7NC.js";
+import "./cameraOverlay-BMEl93lN.js";
+import { t as BaseTutorial } from "./baseTutorial-D3F-4tjL.js";
+import { t as Permissions } from "./permissions-DiZeQOSb.js";
+import { n as Capture$1, t as Tutorial$1 } from "./tutorial-CsMkob6G.js";
 //#region src/shared/overlay/overlay.tsx
 var Overlay = ({ children, "aria-labelledby": ariaLabelledBy, class: className }) => {
 	return /* @__PURE__ */ u("div", {

package/dist/face-match/face-match.es.js

@@ -1,2 +1,2 @@
-import { t as FaceMatch } from "../faceMatch-B56ztevz.js";
+import { t as FaceMatch } from "../faceMatch-BgSsKQub.js";
 export { FaceMatch };

package/dist/faceMatch-BgSsKQub.js

@@ -0,0 +1,335 @@
+import { o as useTranslation } from "./uiConfig-COHiKZzW.js";
+import { S as k, _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { _ as isTerminalModuleState, b as useManager, c as TransitionSpinner, i as withStandaloneModuleBootstrap, r as Snackbar, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-3y7uzRlG.js";
+import { s as Asset, t as Spacer } from "./spacer-PIxKgZSz.js";
+import { t as Title } from "./typography-CKHLGjMP.js";
+import { t as Button } from "./button-BOiUFVnQ.js";
+import { t as Page } from "./page-CLhk6jqh.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-gcky0V2v.js";
+import { createFaceMatchManager } from "@incodetech/core/face-match";
+//#region src/modules/face-match/assets/match-success.svg?react
+var SvgMatchSuccess = (props) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "none",
+	viewBox: "0 0 24 24",
+	...props,
+	children: [/* @__PURE__ */ u("circle", {
+		cx: 12,
+		cy: 12,
+		r: 12,
+		fill: "#189f60"
+	}), /* @__PURE__ */ u("path", {
+		fill: "#fff",
+		fillRule: "evenodd",
+		d: "M16.74 9.327a1 1 0 0 1-.067 1.413l-6.206 5.641-3.174-3.174a1 1 0 1 1 1.414-1.414l1.826 1.826 4.794-4.359a1 1 0 0 1 1.413.067",
+		clipRule: "evenodd"
+	})]
+});
+//#endregion
+//#region src/modules/face-match/assets/match-fail.svg?react
+var SvgMatchFail = (props) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 25,
+	height: 24,
+	fill: "none",
+	viewBox: "0 0 25 24",
+	...props,
+	children: [/* @__PURE__ */ u("circle", {
+		cx: 12.5,
+		cy: 12,
+		r: 12,
+		fill: "#e71111"
+	}), /* @__PURE__ */ u("path", {
+		fill: "#fff",
+		fillRule: "evenodd",
+		d: "M16.798 9.12a1 1 0 0 0-1.415-1.415l-2.88 2.881L9.62 7.705a1 1 0 0 0-1.414 1.414L11.088 12l-2.881 2.881a1 1 0 1 0 1.414 1.415l2.881-2.881 2.881 2.88a1 1 0 0 0 1.415-1.414l-2.882-2.88z",
+		clipRule: "evenodd"
+	})]
+});
+//#endregion
+//#region src/modules/face-match/assets/face-placeholder.svg
+var face_placeholder_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='525'%20height='525'%20viewBox='0%200%20525%20525'%3e%3ccircle%20cx='262.5'%20cy='262.5'%20r='261.3'%20fill='%23fff'/%3e%3ccircle%20cx='262.5'%20cy='262.5'%20r='253.5'%20fill='%23b3b3b3'/%3e%3ccircle%20cx='262.5'%20cy='262.5'%20r='245.7'%20fill='%23172732'/%3e%3cpath%20fill='%23fff'%20d='m254%20144.5%206.5-.4%208%20.5%207%20.7%209%201.9%206%202%207%202.9%2010%206.2%208.1%207.2%205%206%203.3%205%204%208%201.8%205%202.2%2011-.1%2014-1%206-.9%204-2.1%206-4%208-4.8%207-6.5%207.3-12%2010-15%2010.4-7.2%207.3-3.1%205-2%205-1.4%207v8l-1.3.5-30-.3-.7-11.2.3-8%201-6%202.1-7%203.9-8%204.2-6%209.2-9.3%2023-17.2%204.2-4.5%204.2-7%202.1-7%20.4-6-.5-6-1.3-5-2.7-6-4-5-5.4-4.4-6-2.9-6-1.5-5-.6h-7l-6%201.1-6%202.1-5%202.9-5%204.5-2.3%202.8-2.1%203-2.9%206-1.7%207-.5%206%20.2%207%201.3%207.2-34-2.2-1-.3-.5-.7-1.1-6-.6-8%20.4-5%20.7-6%201.7-7%204.3-11%202.8-5%206-8%207.3-7.3%205-3.7%207-4.2%207-3.1%206-2%209-1.9Zm-2.4%20184%204.9-.5%204%20.3%205%201.7%204%202.2%203%202.7%203%203.6%202.2%204%201.2%204%20.4%205-.3%204-1.2%204-2%204-3.3%204-4%203.2-4%202-4%201.2-9-.2-7-2.8-4-3-3-3.7-2.2-3.7-1.2-4-.7-5%20.6-5%201.1-4%202-4%203.4-4%203-2.5%203-1.8Z'/%3e%3c/svg%3e";
+//#endregion
+//#region src/modules/face-match/animation.tsx
+var Tooltip = ({ children }) => {
+	return /* @__PURE__ */ u("div", {
+		className: "IncodeFaceMatchTooltip",
+		"aria-hidden": "true",
+		children
+	});
+};
+var PhotoAnimation = ({ images, variant = "selfieVsId", isCompleted = false }) => {
+	const { t } = useTranslation();
+	const isSecondId = variant === "secondId";
+	const { idFace: croppedIdFace, selfie: croppedFace, secondIdFace: croppedSecondIdFace } = images;
+	if (isSecondId) return /* @__PURE__ */ u("div", {
+		className: "IncodeFaceMatchContainer",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: `IncodeFaceMatchPhotoContainer IncodeFaceMatchLeftPhoto ${isCompleted ? "IncodeFaceMatchPhotoContainerHidden" : ""}`,
+				children: [/* @__PURE__ */ u(Tooltip, { children: t("faceMatch.firstId") }), /* @__PURE__ */ u("img", {
+					className: "IncodeFaceMatchCircularImage",
+					src: croppedIdFace ? croppedIdFace : face_placeholder_default,
+					alt: t("faceMatch.firstId")
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: `IncodeFaceMatchPhotoContainer IncodeFaceMatchRightPhoto ${isCompleted ? "IncodeFaceMatchPhotoContainerHidden" : ""}`,
+				children: [/* @__PURE__ */ u(Tooltip, { children: t("faceMatch.secondId") }), /* @__PURE__ */ u("img", {
+					className: "IncodeFaceMatchCircularImage",
+					src: croppedSecondIdFace ? croppedSecondIdFace : face_placeholder_default,
+					alt: t("faceMatch.secondId")
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: `IncodeFaceMatchBottomPhotoContainer ${isCompleted ? "IncodeFaceMatchBottomPhotoContainerHidden" : ""}`,
+				children: [/* @__PURE__ */ u(Tooltip, { children: t("faceMatch.selfie") }), /* @__PURE__ */ u("img", {
+					className: "IncodeFaceMatchCircularImage",
+					src: croppedFace ? croppedFace : face_placeholder_default,
+					alt: t("faceMatch.selfie")
+				})]
+			})
+		]
+	});
+	return /* @__PURE__ */ u("div", {
+		className: "IncodeFaceMatchContainer",
+		children: [/* @__PURE__ */ u("div", {
+			className: `IncodeFaceMatchPhotoContainer IncodeFaceMatchLeftPhoto ${isCompleted ? "IncodeFaceMatchPhotoContainerHidden" : ""}`,
+			children: [/* @__PURE__ */ u(Tooltip, { children: t("faceMatch.selfie") }), /* @__PURE__ */ u("img", {
+				className: "IncodeFaceMatchCircularImage",
+				src: croppedFace ? croppedFace : face_placeholder_default,
+				alt: t("faceMatch.selfie")
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: `IncodeFaceMatchPhotoContainer IncodeFaceMatchRightPhoto ${isCompleted ? "IncodeFaceMatchPhotoContainerHidden" : ""}`,
+			children: [/* @__PURE__ */ u(Tooltip, { children: t("faceMatch.id") }), /* @__PURE__ */ u("img", {
+				className: "IncodeFaceMatchCircularImage",
+				src: croppedIdFace ? croppedIdFace : face_placeholder_default,
+				alt: t("faceMatch.id")
+			})]
+		})]
+	});
+};
+//#endregion
+//#region src/modules/face-match/faceMatch.tsx
+/**
+* @module @incodetech/ui/face-match
+*
+* Face match UI component for the Incode Web SDK.
+* Provides a complete, ready-to-use face comparison experience
+* with animated comparison and result display.
+*
+* ## UI Usage
+*
+* The FaceMatch component can be used as a React/Preact component or as a
+* Web Component (`<incode-face-match>`).
+*
+* @example React/Preact component usage
+* ```tsx
+* import { FaceMatch } from '@incodetech/ui/face-match';
+* import { setup } from '@incodetech/core';
+*
+* // Configure the SDK first
+* setup({ apiURL: 'https://api.example.com', token: 'your-token' });
+*
+* function App() {
+*   const config = {
+*     variant: 'selfieVsId',
+*     disableFaceMatchAnimation: false,
+*   };
+*
+*   return (
+*     <FaceMatch
+*       config={config}
+*       onFinish={() => console.log('Face match complete!')}
+*       onError={(error) => console.error('Error:', error)}
+*     />
+*   );
+* }
+* ```
+*
+* @example Web Component usage
+* ```html
+* <!-- Include the script -->
+* <script type="module">
+*   import '@incodetech/ui/face-match';
+*   import { setup } from '@incodetech/core';
+*
+*   setup({ apiURL: 'https://api.example.com', token: 'your-token' });
+*
+*   const faceMatch = document.querySelector('incode-face-match');
+*   faceMatch.config = {
+*     variant: 'selfieVsId',
+*     disableFaceMatchAnimation: false,
+*   };
+*   faceMatch.onFinish = () => console.log('Face match complete!');
+*   faceMatch.onError = (error) => console.error('Error:', error);
+* <\/script>
+*
+* <incode-face-match></incode-face-match>
+* ```
+*
+* ## Styling
+*
+* The component uses CSS custom properties (variables) for theming.
+* Override these variables to customize the appearance.
+*
+* ## Headless Alternative
+*
+* For complete control over the UI, use the headless `createFaceMatchManager`
+* from `@incodetech/core/face-match` instead. See the core module documentation.
+*/
+var ANIMATION_TOTAL_DURATION = 3900;
+var MatchResultDisplay = ({ matched, titleRef }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
+		className: "IncodeFaceMatchAnimatedIcon",
+		"aria-hidden": "true",
+		"data-testid": "face-match-result-icon",
+		children: matched === true ? /* @__PURE__ */ u(Asset, {
+			name: "faceMatch.success",
+			class: "IncodeFaceMatchResultIcon",
+			default: SvgMatchSuccess
+		}) : matched === false ? /* @__PURE__ */ u(Asset, {
+			name: "faceMatch.fail",
+			class: "IncodeFaceMatchResultIcon",
+			default: SvgMatchFail
+		}) : null
+	}), /* @__PURE__ */ u(Title, {
+		ref: titleRef,
+		className: "IncodeFaceMatchAnimatedResultTitle",
+		tabIndex: -1,
+		children: matched === true ? t("faceMatch.matched") : matched === false ? t("faceMatch.facesNoMatch") : ""
+	})] });
+};
+var FaceMatchContent = ({ config, manager: externalManager, onFinish, onError }) => {
+	const { t } = useTranslation();
+	const titleRef = A(null);
+	const resultTitleRef = A(null);
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("FaceMatch config is required");
+		return createFaceMatchManager({ config });
+	}, { manageLifecycle: !externalManager });
+	const animationTimeoutRef = A(null);
+	y(() => {
+		if (state.status === "animating") animationTimeoutRef.current = window.setTimeout(() => {
+			manager.animationComplete();
+		}, ANIMATION_TOTAL_DURATION);
+		return () => {
+			if (animationTimeoutRef.current !== null) window.clearTimeout(animationTimeoutRef.current);
+		};
+	}, [state.status, manager]);
+	y(() => {
+		if (state.status === "animating") titleRef.current?.focus();
+		else if (state.status === "result") resultTitleRef.current?.focus();
+	}, [state.status]);
+	useModuleTerminalCallbacks({
+		status: state.status,
+		onFinish,
+		onError,
+		error: state.status === "error" ? state.error : void 0
+	});
+	if (state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, {});
+	if (state.status === "animating" || state.status === "result") {
+		const isSecondId = config?.matchingType === "secondId";
+		const matched = state.status === "animating" ? state.result?.matched ?? null : state.matched;
+		const showResult = state.status === "result";
+		const liveness = state.status === "result" ? state.result.liveness : null;
+		return /* @__PURE__ */ u(Page, {
+			className: "IncodeFaceMatchPage",
+			children: /* @__PURE__ */ u("div", {
+				className: "IncodeFaceMatchContent",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: `IncodeFaceMatchHeader ${showResult ? "IncodeFaceMatchHeaderHidden" : ""}`,
+						"aria-hidden": showResult || void 0,
+						children: [
+							/* @__PURE__ */ u(Spacer, { size: 24 }),
+							/* @__PURE__ */ u(Title, {
+								ref: titleRef,
+								className: "IncodeFaceMatchAnimatedTitle",
+								tabIndex: -1,
+								children: t("faceMatch.verifyingIdentity")
+							}),
+							/* @__PURE__ */ u(Spacer, { size: 64 })
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: `IncodeFaceMatchAnimationContainer ${showResult ? "IncodeFaceMatchShowResult" : ""}`,
+						children: [/* @__PURE__ */ u("div", {
+							className: `IncodeFaceMatchPhotoWrapper ${showResult ? "IncodeFaceMatchPhotoWrapperHidden" : ""}`,
+							"aria-hidden": "true",
+							"data-testid": "face-match-photo-wrapper",
+							children: /* @__PURE__ */ u(PhotoAnimation, {
+								images: state.images,
+								variant: isSecondId ? "secondId" : "selfieVsId"
+							})
+						}), showResult && /* @__PURE__ */ u("div", {
+							className: "IncodeFaceMatchResultContainer IncodeFaceMatchResultVisible",
+							children: /* @__PURE__ */ u(MatchResultDisplay, {
+								matched,
+								titleRef: resultTitleRef
+							})
+						})]
+					}),
+					showResult && liveness !== null && /* @__PURE__ */ u("div", {
+						className: "IncodeFaceMatchLivenessContainer IncodeFaceMatchLivenessVisible",
+						"data-testid": "face-match-liveness",
+						"data-variant": liveness ? "positive" : "negative",
+						children: /* @__PURE__ */ u(Snackbar, {
+							variant: liveness ? "positive" : "negative",
+							children: t(liveness ? "matchUser.livenessSuccess" : "matchUser.livenessFailed")
+						})
+					}),
+					showResult && /* @__PURE__ */ u("div", {
+						className: "IncodeFaceMatchButtonContainer IncodeFaceMatchButtonVisible",
+						children: /* @__PURE__ */ u(Button, {
+							onClick: () => manager.continue(),
+							"data-testid": "face-match-continue",
+							children: t("faceMatch.continue")
+						})
+					})
+				]
+			})
+		});
+	}
+	if (isTerminalModuleState(state)) return null;
+	return null;
+};
+/**
+* Face match UI component.
+*
+* Provides a complete face comparison experience including:
+* - Animated photo comparison sequence
+* - Match/no-match result display
+* - Continue button to proceed
+*
+* @example Basic usage
+* ```tsx
+* <FaceMatch
+*   config={{
+*     variant: 'selfieVsId',
+*     disableFaceMatchAnimation: false,
+*   }}
+*   onFinish={() => router.push('/next-step')}
+*   onError={(err) => toast.error(err)}
+* />
+* ```
+*
+* @see {@link createFaceMatchManager} for headless usage
+*/
+var FaceMatchWithLocalConfig = ({ config, manager, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(FaceMatchContent, {
+		config,
+		manager,
+		onFinish,
+		onError
+	}) : null });
+};
+var FaceMatch = withStandaloneModuleBootstrap(FaceMatchWithLocalConfig, "FACE_MATCH", { supportsExternalManager: true });
+registerIncodeModuleElement(FaceMatch, "incode-face-match");
+//#endregion
+export { FaceMatch as t };

package/dist/faceMatch-CkO2o6SX.js

@@ -0,0 +1,2 @@
+import { t as FaceMatch } from "./faceMatch-BgSsKQub.js";
+export { FaceMatch };

package/dist/field-comparison/field-comparison.es.js

@@ -1,2 +1,2 @@
-import { t as FieldComparison } from "../fieldComparison-v5L1qIL6.js";
+import { t as FieldComparison } from "../fieldComparison-CnaJupLI.js";
 export { FieldComparison };

package/dist/{fieldComparison-v5L1qIL6.js → fieldComparison-CnaJupLI.js}

@@ -1,11 +1,12 @@
-import { o as useTranslation } from "./uiConfig-Cwoab2XW.js";
+import { o as useTranslation } from "./uiConfig-COHiKZzW.js";
 import { v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { C as useManager, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, x as useModuleTerminalCallbacks } from "./incodeComponent-YGyHPcGy.js";
-import { t as Spacer } from "./spacer-BYY7o36c.js";
-import { x as Button } from "./icons-BPq1WUW2.js";
-import { t as VerificationResult } from "./verificationResult-CRXaPA2E.js";
-import { t as InputComposed } from "./inputComposed-DrGh0BXu.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-qgk2AKQs.js";
+import { b as useManager, i as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-3y7uzRlG.js";
+import { t as Spacer } from "./spacer-PIxKgZSz.js";
+import { t as Button } from "./button-BOiUFVnQ.js";
+import { t as Page } from "./page-CLhk6jqh.js";
+import { t as VerificationResult } from "./verificationResult-C07CpnI3.js";
+import { t as InputComposed } from "./inputComposed-DtLBtQcz.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-gcky0V2v.js";
 import { createFieldComparisonManager } from "@incodetech/core/field-comparison";
 //#region src/modules/field-comparison/fieldComparison.tsx
 var FieldComparisonContent = ({ config, manager: externalManager, onFinish }) => {

package/dist/fieldComparison-QswNmmz9.js

@@ -0,0 +1,2 @@
+import { t as FieldComparison } from "./fieldComparison-CnaJupLI.js";
+export { FieldComparison };

package/dist/{finalSuccessScreen-DHNSJCP0.js → finalSuccessScreen-DbhnideR.js}

@@ -1,13 +1,15 @@
-import { o as useTranslation } from "./uiConfig-Cwoab2XW.js";
+import { o as useTranslation } from "./uiConfig-COHiKZzW.js";
 import { S as k, _ as y, c as A, f as d, h as q, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { c as Page, h as useTimeoutHandle } from "./incodeComponent-YGyHPcGy.js";
-import { d as cn, n as LoadingIcon, o as Lottie, s as Asset } from "./spacer-BYY7o36c.js";
-import { b as ErrorIcon, r as SuccessIcon, x as Button } from "./icons-BPq1WUW2.js";
-import { t as AutoFocusTitle } from "./autoFocusTitle-3HjeycqK.js";
-import { t as Modal } from "./modal-CEYOG-i5.js";
-import { n as CameraFrame } from "./cameraView-Bs6xxSwR.js";
-import { t as ManualCaptureButton } from "./manualCaptureButton-DgKZLz2F.js";
-import { n as CaptureNotification, t as ManualCaptureButton$1 } from "./manualCaptureButton-Cf0XiN9V.js";
+import { f as useTimeoutHandle } from "./incodeComponent-3y7uzRlG.js";
+import { d as cn, n as LoadingIcon, o as Lottie, s as Asset } from "./spacer-PIxKgZSz.js";
+import { t as Button } from "./button-BOiUFVnQ.js";
+import { b as ErrorIcon, r as SuccessIcon } from "./icons-DyHSqfXP.js";
+import { t as Page } from "./page-CLhk6jqh.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-CVaObzKw.js";
+import { t as Modal } from "./modal-BjvGouYz.js";
+import { n as CameraFrame } from "./cameraView-bcOva3MI.js";
+import { t as ManualCaptureButton } from "./manualCaptureButton-euVS4A9B.js";
+import { n as CaptureNotification, t as ManualCaptureButton$1 } from "./manualCaptureButton-DCgfdYkt.js";
 import { checkCameraPermission, requestCameraPermission } from "@incodetech/core/camera";
 import { resolveVideoSelfieSteps } from "@incodetech/core/video-selfie";
 //#region src/modules/video-selfie/useVideoSelfiePermissions.ts
@@ -272,7 +274,7 @@ var SelfieMask = ({ variant = "idle", message, onManualCapture }) => {
 //#region src/modules/video-selfie/idFlipModal.tsx
 var animationPromise = null;
 function loadIdFlipAnimation() {
-	animationPromise ??= import("./flip-animation-kAX4ci_p.js").then((module) => module.default);
+	animationPromise ??= import("./flip-animation-KDIQmzzD.js").then((module) => module.default);
 	return animationPromise;
 }
 function preloadIdFlipAnimation() {

package/dist/fiscal-qr/fiscal-qr.es.js

@@ -1,15 +1,15 @@
-import { o as useTranslation } from "../uiConfig-Cwoab2XW.js";
-import { v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { C as useManager, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, x as useModuleTerminalCallbacks } from "../incodeComponent-YGyHPcGy.js";
-import { t as Spacer } from "../spacer-BYY7o36c.js";
-import { t as Spinner } from "../spinner-Bm6eeJ_u.js";
-import { x as Button } from "../icons-BPq1WUW2.js";
-import { t as VerificationResult } from "../verificationResult-CRXaPA2E.js";
-import { n as CameraFrame, t as CameraView } from "../cameraView-Bs6xxSwR.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "../cameraOverlayHeader-DrTJld7J.js";
-import { t as Denied } from "../denied-BnLjxNgw.js";
-import "../cameraOverlay-CiOtXYSl.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-qgk2AKQs.js";
+import { o as useTranslation } from "../uiConfig-COHiKZzW.js";
+import { a as P, s as z, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { b as useManager, i as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "../incodeComponent-3y7uzRlG.js";
+import { t as Spacer } from "../spacer-PIxKgZSz.js";
+import { t as Spinner } from "../spinner-CSotEf_2.js";
+import { t as Button } from "../button-BOiUFVnQ.js";
+import { t as Page } from "../page-CLhk6jqh.js";
+import { t as VerificationResult } from "../verificationResult-C07CpnI3.js";
+import { n as CameraFrame, t as CameraView } from "../cameraView-bcOva3MI.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "../cameraOverlayHeader-Cgn37zxH.js";
+import "../cameraOverlay-BMEl93lN.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-gcky0V2v.js";
 import { createFiscalQrManager } from "@incodetech/core/fiscal-qr";
 //#region src/modules/fiscal-qr/fiscalQrCapture.tsx
 function getFrameState(status) {
@@ -201,6 +201,7 @@ var FiscalQrLoading = () => /* @__PURE__ */ u(Page, {
 });
 //#endregion
 //#region src/modules/fiscal-qr/fiscal-qr.tsx
+var Denied = z(() => import("../denied-BZbfC36x.js").then((module) => ({ default: module.Denied })));
 var FiscalQrContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
 	const [state, manager] = useManager(() => externalManager ?? createFiscalQrManager({ config: config ?? {} }), {
@@ -212,10 +213,13 @@ var FiscalQrContent = ({ config, manager: externalManager, onFinish }) => {
 		onFinish
 	});
 	if (state.status === "finished") return null;
-	if (state.status === "permissionDenied") return /* @__PURE__ */ u(Denied, {
-		onRefresh: () => window.location.reload(),
-		"data-testid": "fiscal-qr-permission-denied",
-		"data-permission-status": "denied"
+	if (state.status === "permissionDenied") return /* @__PURE__ */ u(P, {
+		fallback: null,
+		children: /* @__PURE__ */ u(Denied, {
+			onRefresh: () => window.location.reload(),
+			"data-testid": "fiscal-qr-permission-denied",
+			"data-permission-status": "denied"
+		})
 	});
 	if (state.status === "scanning" && !state.stream) return /* @__PURE__ */ u(FiscalQrLoading, {});
 	if (state.status === "scanning" || state.status === "capturing" || state.status === "success" || state.status === "error") return /* @__PURE__ */ u(FiscalQrCapture, {

package/dist/{flipAnimation-DeQ2BR5E.js → flipAnimation-Aq5F7-Ht.js}

@@ -1,18 +1,20 @@
-import { o as useTranslation } from "./uiConfig-Cwoab2XW.js";
+import { o as useTranslation } from "./uiConfig-COHiKZzW.js";
 import { S as k, _ as y, a as P, b as Q, c as A, d as _, f as d, g as x, h as q, i as D, s as z, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { _ as useEventListener, c as Page, d as TransitionSpinner, f as useFeatureManagement, g as useResizeObserver, h as useTimeoutHandle, p as usePresence } from "./incodeComponent-YGyHPcGy.js";
-import { a as useAnimationData, d as cn, r as AnimatedAsset, t as Spacer } from "./spacer-BYY7o36c.js";
-import { o as TypographyP, r as TypographyH3, t as Title } from "./typography-DxAhSVvF.js";
-import { t as Spinner } from "./spinner-Bm6eeJ_u.js";
-import { a as LockIcon, f as ChevronRightIcon, t as SvgLightningIcon, x as Button } from "./icons-BPq1WUW2.js";
-import { t as Modal } from "./modal-CEYOG-i5.js";
-import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-WafivkkC.js";
-import { n as getCountryDisplayName, t as countryFlagEmoji } from "./countries-5e8kwG_m.js";
-import { n as CameraFrame, t as CameraView } from "./cameraView-Bs6xxSwR.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-DrTJld7J.js";
-import { t as BaseTutorial } from "./baseTutorial-D50rveiM.js";
-import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-DopZinlK.js";
-import { i as usePreloadCaptureAnimations, n as CaptureNotification } from "./manualCaptureButton-Cf0XiN9V.js";
+import { c as TransitionSpinner, f as useTimeoutHandle, l as useFeatureManagement, m as useEventListener, p as useResizeObserver, u as usePresence } from "./incodeComponent-3y7uzRlG.js";
+import { a as useAnimationData, d as cn, r as AnimatedAsset, t as Spacer } from "./spacer-PIxKgZSz.js";
+import { o as TypographyP, r as TypographyH3, t as Title } from "./typography-CKHLGjMP.js";
+import { t as Spinner } from "./spinner-CSotEf_2.js";
+import { t as Button } from "./button-BOiUFVnQ.js";
+import { a as LockIcon, f as ChevronRightIcon, t as SvgLightningIcon } from "./icons-DyHSqfXP.js";
+import { t as Page } from "./page-CLhk6jqh.js";
+import { t as Modal } from "./modal-BjvGouYz.js";
+import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-DmigQUsV.js";
+import { n as getCountryDisplayName, t as countryFlagEmoji } from "./countries-BYiwnTqF.js";
+import { n as CameraFrame, t as CameraView } from "./cameraView-bcOva3MI.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-Cgn37zxH.js";
+import { t as BaseTutorial } from "./baseTutorial-D3F-4tjL.js";
+import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-CRGmaefx.js";
+import { i as usePreloadCaptureAnimations, n as CaptureNotification } from "./manualCaptureButton-DCgfdYkt.js";
 import { eventModuleNames, recordExperimentAssignmentOnce } from "@incodetech/core/events";
 import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, enumParam, numberParam, resolveExperiment } from "@incodetech/core/feature-management";
 //#region src/shared/card/verificationOption/verificationOptionCard.tsx
@@ -1204,12 +1206,12 @@ var CaptureResultFlash = ({ delayMs, onAnimationEnd }) => /* @__PURE__ */ u("div
 });
 //#endregion
 //#region src/modules/id/capture/idHint.tsx
-var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-DuwCWe5N.js"));
-var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-DKh6_hdQ.js"));
-var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-Bt6hRXjM.js"));
-var BackVerticalHintSvg = z(() => import("./back-vertical-hint-UoSjzI-0.js"));
-var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-D4n7TTG1.js"));
-var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-C98GtkTM.js"));
+var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-DiW6UNZ_.js"));
+var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-BdTlZlIZ.js"));
+var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-BfnSvpyc.js"));
+var BackVerticalHintSvg = z(() => import("./back-vertical-hint-zfKhFXl4.js"));
+var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-DmOFbl98.js"));
+var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-D-PRNOBh.js"));
 var CARD_WIDTH_IN_SVG = {
 	"front-horizontal": 348,
 	"back-horizontal": 348,