@incodetech/web 2.2.0 → 2.3.0-rc.0

package/dist/{mandatoryConsent-CxShVycM.js → mandatoryConsent-D96_9XTp.js}

@@ -1,10 +1,10 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { _ as isTerminalModuleState, b as useManager, l as TransitionSpinner, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-BtFz-bx2.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { t as Checkbox } from "./checkbox-FGA-Ij-D.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-9K8KUs61.js";
-import { t as RichText } from "./richText-CEwM8jib.js";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, d as TransitionSpinner, i as withStandaloneModuleBootstrap, t as IncodeComponent, y as isTerminalModuleState } from "./incodeComponent-D3_BSWan.js";
+import { x as Button } from "./icons-eIgP34nj.js";
+import { t as Checkbox } from "./checkbox-D0wfscwg.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-BQgvYKyr.js";
+import { t as RichText } from "./richText-C8-Ny2SD.js";
 import { createMandatoryConsentManager } from "@incodetech/core/mandatory-consent";
 //#region src/modules/mandatory-consent/mandatoryConsent.tsx
 var stopLinkPropagation = (event) => {
@@ -37,6 +37,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 	return /* @__PURE__ */ u(Page, {
 		className: "IncodeConsentPage",
 		title: state.title,
+		subtitle: t("forms.subtitle"),
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeConsentContent",
 			children: [
@@ -49,6 +50,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 						class: "IncodeConsentCheckboxList",
 						children: /* @__PURE__ */ u(Checkbox, {
 							id: "mandatory-consent-checkbox",
+							"data-testid": "mandatory-consent-checkbox",
 							class: "IncodeConsentCheckbox",
 							checked: state.isSigned,
 							required: true,
@@ -83,6 +85,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 						children: t("biometricConsent.button.continue")
 					}), isMandatoryConsent && /* @__PURE__ */ u(Button, {
 						variant: "link",
+						"data-testid": "mandatory-consent-cancel",
 						onClick: () => manager.cancel(),
 						children: t("biometricConsent.button.cancel")
 					})]

package/dist/manualCaptureButton-C9H2_SJS.js

@@ -0,0 +1,63 @@
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { t as Spacer } from "./spacer-ayyj5lMa.js";
+import { x as Button } from "./icons-eIgP34nj.js";
+//#region src/modules/selfie/cameraButton.tsx
+var CameraButton = () => {
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeCameraButton",
+		children: /* @__PURE__ */ u("svg", {
+			width: "64",
+			height: "64",
+			viewBox: "0 0 64 64",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ u("circle", {
+					cx: "32",
+					cy: "32",
+					r: "32",
+					class: "IncodeCameraButtonBackground"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M55.5874 31.8191C55.5872 18.6938 44.9464 8.0537 31.821 8.0537C18.6958 8.05385 8.05581 18.6939 8.05566 31.8191C8.05566 44.9444 18.6958 55.5853 31.821 55.5854C44.9465 55.5854 55.5874 44.9445 55.5874 31.8191ZM57.5566 31.8191C57.5566 46.0321 46.034 57.5547 31.821 57.5547C17.6082 57.5545 6.08643 46.032 6.08643 31.8191C6.08657 17.6063 17.6083 6.08462 31.821 6.08447C46.0339 6.08447 57.5565 17.6062 57.5566 31.8191Z",
+					class: "IncodeCameraButtonRing"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M35.5186 20.6768C36.887 20.677 37.995 21.777 37.9951 23.1338V24.1045H41.4766C43.0397 24.1052 44.3074 25.3626 44.3076 26.9131V38.5459C44.3076 40.0966 43.0398 41.3535 41.4766 41.3535H21.5381C19.975 41.3533 18.7081 40.0965 18.708 38.5459V26.9131C18.7083 25.3627 19.9751 24.1057 21.5381 24.1055H25.0205V23.1338C25.0206 21.7769 26.1285 20.6768 27.4971 20.6768H35.5186ZM31.5068 26.5273C28.0604 26.5273 25.2559 29.309 25.2559 32.7285C25.2559 36.148 28.0604 38.9297 31.5068 38.9297C34.954 38.9297 37.7588 36.148 37.7588 32.7285C37.7588 29.309 34.954 26.5274 31.5068 26.5273ZM31.5068 28.6348C33.7835 28.6348 35.6357 30.4728 35.6357 32.7305C35.6356 34.9887 33.7833 36.8252 31.5068 36.8252C29.2303 36.8252 27.3791 34.9887 27.3789 32.7305C27.3789 30.4721 29.2302 28.6348 31.5068 28.6348Z",
+					class: "IncodeCameraButtonPath"
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region src/modules/selfie/manualCaptureButton.tsx
+var ManualCaptureButton = D(({ onClick, disabled }, ref) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeSelfieManualCapture",
+		"data-testid": "manual-capture-button",
+		children: [
+			/* @__PURE__ */ u("p", {
+				id: "manual-capture-instructions",
+				class: "IncodeSelfieManualCaptureText",
+				children: t("selfiev2.manualCapture.instructions")
+			}),
+			/* @__PURE__ */ u(Spacer, { size: 32 }),
+			/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(Button, {
+				ref,
+				id: "manual-capture-button",
+				variant: "link",
+				onClick,
+				disabled,
+				class: "IncodeSelfieManualCaptureButton",
+				"aria-label": t("selfiev2.manualCapture.captureButton"),
+				children: /* @__PURE__ */ u(CameraButton, {})
+			}) })
+		]
+	});
+});
+//#endregion
+export { ManualCaptureButton as t };

package/dist/{manualCaptureButton-DzJFIEfu.js → manualCaptureButton-igyQk3Yb.js}

@@ -1,61 +1,16 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { C as k, a as D, g as q, l as A, p as d, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as cn, o as Lottie, t as Spacer } from "./spacer-DLEDuWEx.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { h as CaptureButtonIcon } from "./icons-ChHV5iHi.js";
-//#region src/shared/cameraOverlay/cameraFrame.tsx
-var CameraFrame = D(({ variant, aspectRatio, orientation = "horizontal", frameState = "idle", className, children }, ref) => {
-	const stateClass = `IncodeCameraFrame${frameState.charAt(0).toUpperCase()}${frameState.slice(1)}`;
-	return /* @__PURE__ */ u("div", {
-		ref,
-		class: cn("IncodeCameraFrame", variant === "fill" && "IncodeCameraFrameFill", variant === "locked" && "IncodeCameraFrameLocked", variant === "locked" && orientation === "horizontal" && "IncodeCameraFrameHorizontal", variant === "locked" && orientation === "vertical" && "IncodeCameraFrameVertical", stateClass, className),
-		style: aspectRatio ? { aspectRatio } : void 0,
-		"aria-hidden": true,
-		children
-	});
-});
-//#endregion
-//#region src/shared/cameraOverlay/cameraView.tsx
-var CameraView = ({ stream, children, videoRef: externalVideoRef, onPlaying, className, mirrored, ...rest }) => {
-	const internalVideoRef = A(null);
-	const setVideoRef = (el) => {
-		internalVideoRef.current = el;
-		if (typeof externalVideoRef === "function") externalVideoRef(el);
-		else if (externalVideoRef) externalVideoRef.current = el;
-	};
-	y(() => {
-		if (internalVideoRef.current && stream) {
-			internalVideoRef.current.srcObject = stream;
-			internalVideoRef.current.play().catch(() => {});
-		}
-	}, [stream]);
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeCameraView", className),
-		...rest,
-		children: [/* @__PURE__ */ u("div", {
-			class: "IncodeCameraViewVideo",
-			children: /* @__PURE__ */ u("video", {
-				ref: setVideoRef,
-				autoplay: true,
-				playsInline: true,
-				muted: true,
-				onPlaying,
-				"aria-hidden": "true",
-				class: cn("IncodeCameraViewVideoElement", mirrored && "IncodeCameraViewVideoMirrored")
-			})
-		}), children]
-	});
-};
-//#endregion
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.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 { d as cn, o as Lottie, t as Spacer } from "./spacer-ayyj5lMa.js";
+import { _ as CaptureButtonIcon, x as Button } from "./icons-eIgP34nj.js";
 //#region src/modules/id/capture/useCaptureNotification.ts
 var animationCache = /* @__PURE__ */ new Map();
 var preloadPromise = null;
 var animationLoaders = {
-	blur: () => import("./blurdevicelottie-8BbophdM.js"),
-	glare: () => import("./glaredevicelottie-Cnvah0kz.js"),
-	align: () => import("./aligndevicelottie-CfoZ5Uus.js"),
-	front: () => import("./frontdevicelottie-CFcahVLk.js"),
-	back: () => import("./backdevicelottie-yKkczgFy.js")
+	blur: () => import("./blurdevicelottie-DQo_hTMD.js"),
+	glare: () => import("./glaredevicelottie-QM2C6Ivp.js"),
+	align: () => import("./aligndevicelottie-B12hbVhG.js"),
+	front: () => import("./frontdevicelottie-CyIerlMv.js"),
+	back: () => import("./backdevicelottie-m_DOD8xE.js")
 };
 function startPreload() {
 	preloadPromise ??= Promise.all([
@@ -297,4 +252,4 @@ var ManualCaptureButton = ({ onClick, disabled, isPassport }) => {
 	});
 };
 //#endregion
-export { CameraView as a, usePreloadCaptureAnimations as i, CaptureNotification as n, CameraFrame as o, preloadCaptureAnimations as r, ManualCaptureButton as t };
+export { usePreloadCaptureAnimations as i, CaptureNotification as n, preloadCaptureAnimations as r, ManualCaptureButton as t };