@incodetech/web 2.2.0-rc.8 → 2.3.0-rc.0

package/dist/pdfViewer-e2o97yIv.js

@@ -0,0 +1,2 @@
+import { t as PdfViewer } from "./pdfViewer-4u14PDPr.js";
+export { PdfViewer };

package/dist/{manualCaptureButton-D58WsS-x.js → permissions-DowRodJj.js}

@@ -1,13 +1,12 @@
-import { a as useTranslation, i as Trans } from "./uiConfig-Dqnjankd.js";
-import { C as k, a as D, l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { h as useIsMobileDeviceWidth, l as TransitionSpinner, o as Page } from "./incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "./spacer-DLEDuWEx.js";
-import { a as TypographyH4, n as Title, r as TypographyH1 } from "./spinner-CJCOHUKx.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { v as WarningIcon } from "./icons-ChHV5iHi.js";
-import { t as Modal } from "./modal-BH2wi8Q0.js";
-import { t as BottomSheet } from "./bottomSheet-BWEUBq8m.js";
-import { t as NumberedStep } from "./numberedStep-DqtXyT11.js";
+import { a as Trans, o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { S as k, _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { _ as useIsMobileDeviceWidth, c as Page, d as TransitionSpinner } from "./incodeComponent-D3_BSWan.js";
+import { i as TypographyH4, t as Title } from "./typography-ikD4-Z8S.js";
+import { n as WarningIcon, x as Button } from "./icons-eIgP34nj.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-CIbcUW_x.js";
+import { t as Modal } from "./modal-CmF_MYIK.js";
+import { t as BottomSheet } from "./bottomSheet-DtUFrIAG.js";
+import { t as NumberedStep } from "./numberedStep-DYznpDKc.js";
 import { getBrowser, getDeviceClass } from "@incodetech/core/device";
 import "@incodetech/core/camera";
 //#region src/shared/permissions/camera/boldWithArrow.tsx
@@ -673,6 +672,80 @@ var SvgCheckIcon = (props) => /* @__PURE__ */ u("svg", {
 	})
 });
 //#endregion
+//#region src/shared/permissions/assets/reload-icon.svg?react
+var SvgReloadIcon = (props) => /* @__PURE__ */ u("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ u("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M18.229 10.3584L17.156 12.1152C17.055 12.2803 16.89 12.3994 16.698 12.4483C16.635 12.4637 16.573 12.4714 16.509 12.4714C16.376 12.4714 16.245 12.4378 16.128 12.3715L14.311 11.3443C13.955 11.1418 13.835 10.7002 14.045 10.3584C14.254 10.0157 14.712 9.90048 15.073 10.103L15.333 10.2499C14.735 9.04896 13.461 8.208 12 8.208C10.784 8.208 9.645 8.78112 8.953 9.74112C8.717 10.0675 8.251 10.151 7.91 9.92352C7.569 9.69696 7.484 9.24864 7.72 8.92128C8.692 7.57344 10.292 6.768 12 6.768C14.146 6.768 16.005 8.05536 16.792 9.86496L16.936 9.62976C17.143 9.28608 17.602 9.17088 17.962 9.37344C18.319 9.57408 18.439 10.0157 18.229 10.3584ZM16.279 14.5987C15.307 15.9475 13.708 16.753 11.999 16.753C9.85 16.753 7.991 15.4666 7.205 13.6589L7.063 13.8912C6.924 14.1197 6.673 14.2464 6.416 14.2464C6.287 14.2464 6.157 14.2147 6.037 14.1475C5.68 13.9469 5.56 13.5053 5.77 13.1626L6.843 11.4058C6.944 11.2406 7.109 11.1206 7.301 11.0726C7.495 11.0246 7.699 11.0525 7.871 11.1494L9.688 12.1766C10.044 12.3782 10.164 12.8198 9.954 13.1626C9.744 13.5043 9.286 13.6195 8.926 13.4179L8.66 13.2672C9.256 14.4701 10.533 15.313 11.999 15.313C13.214 15.313 14.354 14.7398 15.044 13.7798C15.279 13.4534 15.744 13.3699 16.088 13.5974C16.429 13.823 16.514 14.2723 16.279 14.5987ZM15.974 2.64H8.027C4.721 2.64 2.5 4.67808 2.5 7.70976V15.8112C2.5 18.8429 4.721 20.88 8.027 20.88H15.974C19.28 20.88 21.5 18.8429 21.5 15.8112V7.70976C21.5 4.67808 19.28 2.64 15.974 2.64Z",
+		fill: "currentColor"
+	})
+});
+//#endregion
+//#region src/shared/permissions/assets/person-card-icon.svg?react
+var SvgPersonCardIcon = (props) => /* @__PURE__ */ u("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M18.229 10.3584L17.156 12.1152C17.055 12.2803 16.89 12.3994 16.698 12.4483C16.635 12.4637 16.573 12.4714 16.509 12.4714C16.376 12.4714 16.245 12.4378 16.128 12.3715L14.311 11.3443C13.955 11.1418 13.835 10.7002 14.045 10.3584C14.254 10.0157 14.712 9.90048 15.073 10.103L15.333 10.2499C14.735 9.04896 13.461 8.208 12 8.208C10.784 8.208 9.645 8.78112 8.953 9.74112C8.717 10.0675 8.251 10.151 7.91 9.92352C7.569 9.69696 7.484 9.24864 7.72 8.92128C8.692 7.57344 10.292 6.768 12 6.768C14.146 6.768 16.005 8.05536 16.792 9.86496L16.936 9.62976C17.143 9.28608 17.602 9.17088 17.962 9.37344C18.319 9.57408 18.439 10.0157 18.229 10.3584ZM16.279 14.5987C15.307 15.9475 13.708 16.753 11.999 16.753C9.85 16.753 7.991 15.4666 7.205 13.6589L7.063 13.8912C6.924 14.1197 6.673 14.2464 6.416 14.2464C6.287 14.2464 6.157 14.2147 6.037 14.1475C5.68 13.9469 5.56 13.5053 5.77 13.1626L6.843 11.4058C6.944 11.2406 7.109 11.1206 7.301 11.0726C7.495 11.0246 7.699 11.0525 7.871 11.1494L9.688 12.1766C10.044 12.3782 10.164 12.8198 9.954 13.1626C9.744 13.5043 9.286 13.6195 8.926 13.4179L8.66 13.2672C9.256 14.4701 10.533 15.313 11.999 15.313C13.214 15.313 14.354 14.7398 15.044 13.7798C15.279 13.4534 15.744 13.3699 16.088 13.5974C16.429 13.823 16.514 14.2723 16.279 14.5987ZM15.974 2.64H8.027C4.721 2.64 2.5 4.67808 2.5 7.70976V15.8112C2.5 18.8429 4.721 20.88 8.027 20.88H15.974C19.28 20.88 21.5 18.8429 21.5 15.8112V7.70976C21.5 4.67808 19.28 2.64 15.974 2.64Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("rect", {
+			x: 4,
+			y: 6,
+			width: 16,
+			height: 12,
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("path", {
+			d: "M16.868 7.1333H7.80131C7.17627 7.1333 6.66797 7.6416 6.66797 8.26664V15.0667C6.66797 15.6917 7.17627 16.2 7.80131 16.2H16.868C17.493 16.2 18.0013 15.6917 18.0013 15.0667V8.26664C18.0013 7.6416 17.493 7.1333 16.868 7.1333ZM10.4731 9.39998C11.1254 9.39998 11.6065 9.88108 11.6065 10.5333C11.6065 11.1855 11.1254 11.6667 10.4731 11.6667C9.82091 11.6667 9.33981 11.1855 9.33981 10.5333C9.33981 9.88108 9.82035 9.39998 10.4731 9.39998ZM12.5783 13.9333H8.36797V13.6698C8.36797 12.8918 9.31771 12.0917 10.4731 12.0917C11.6286 12.0917 12.5783 12.8918 12.5783 13.6698V13.9333ZM16.3013 13.3667H14.0347V12.2333H16.3013V13.3667ZM16.3013 11.1H13.468V9.96664H16.3013V11.1Z",
+			fill: "white"
+		})
+	]
+});
+//#endregion
+//#region src/shared/permissions/assets/check-v2-icon.svg?react
+var SvgCheckV2Icon = (props) => /* @__PURE__ */ u("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M18.229 10.3584L17.156 12.1152C17.055 12.2803 16.89 12.3994 16.698 12.4483C16.635 12.4637 16.573 12.4714 16.509 12.4714C16.376 12.4714 16.245 12.4378 16.128 12.3715L14.311 11.3443C13.955 11.1418 13.835 10.7002 14.045 10.3584C14.254 10.0157 14.712 9.90048 15.073 10.103L15.333 10.2499C14.735 9.04896 13.461 8.208 12 8.208C10.784 8.208 9.645 8.78112 8.953 9.74112C8.717 10.0675 8.251 10.151 7.91 9.92352C7.569 9.69696 7.484 9.24864 7.72 8.92128C8.692 7.57344 10.292 6.768 12 6.768C14.146 6.768 16.005 8.05536 16.792 9.86496L16.936 9.62976C17.143 9.28608 17.602 9.17088 17.962 9.37344C18.319 9.57408 18.439 10.0157 18.229 10.3584ZM16.279 14.5987C15.307 15.9475 13.708 16.753 11.999 16.753C9.85 16.753 7.991 15.4666 7.205 13.6589L7.063 13.8912C6.924 14.1197 6.673 14.2464 6.416 14.2464C6.287 14.2464 6.157 14.2147 6.037 14.1475C5.68 13.9469 5.56 13.5053 5.77 13.1626L6.843 11.4058C6.944 11.2406 7.109 11.1206 7.301 11.0726C7.495 11.0246 7.699 11.0525 7.871 11.1494L9.688 12.1766C10.044 12.3782 10.164 12.8198 9.954 13.1626C9.744 13.5043 9.286 13.6195 8.926 13.4179L8.66 13.2672C9.256 14.4701 10.533 15.313 11.999 15.313C13.214 15.313 14.354 14.7398 15.044 13.7798C15.279 13.4534 15.744 13.3699 16.088 13.5974C16.429 13.823 16.514 14.2723 16.279 14.5987ZM15.974 2.64H8.027C4.721 2.64 2.5 4.67808 2.5 7.70976V15.8112C2.5 18.8429 4.721 20.88 8.027 20.88H15.974C19.28 20.88 21.5 18.8429 21.5 15.8112V7.70976C21.5 4.67808 19.28 2.64 15.974 2.64Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("rect", {
+			x: 4,
+			y: 6,
+			width: 16,
+			height: 12,
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("path", {
+			d: "M12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7ZM11 14.5L8.5 12L9.205 11.295L11 13.085L14.795 9.29L15.5 10L11 14.5Z",
+			fill: "white"
+		})
+	]
+});
+//#endregion
 //#region src/shared/permissions/assets/samsung-internet-icon.svg?react
 var SvgSamsungInternetIcon = (props) => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -1747,6 +1820,33 @@ var DENIED_MOBILE_STEPS_PER_BROWSER_LOOKUP = {
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
 		],
+		miui_browser: [
+			{
+				uuid: "1",
+				icon: SvgAndroidDotsIcon,
+				instructionKey: "tap",
+				boldKey: "idv2.permissions.denied.dots",
+				additionalTextKey: "idv2.permissions.denied.topRight"
+			},
+			{
+				uuid: "2",
+				icon: SvgAndroidSettingsIcon,
+				instructionKey: "tap",
+				boldKey: "idv2.permissions.denied.siteSettings"
+			},
+			{
+				uuid: "3",
+				icon: SvgAndroidToggleIcon,
+				instructionKey: "tap",
+				boldKey: "idv2.permissions.denied.cameraAllow"
+			},
+			{
+				uuid: "4",
+				icon: SvgChromeIcon,
+				instructionKey: "returnPress",
+				boldKey: "idv2.permissions.denied.refreshPage"
+			}
+		],
 		samsung_browser: [
 			{
 				uuid: "1",
@@ -1853,6 +1953,20 @@ function DeniedMobileAdditionalText({ labelKey, boldLabelKey }) {
 }
 //#endregion
 //#region src/shared/permissions/camera/deniedDesktop.tsx
+/**
+* Browsers that have their own desktop recovery copy upstream. Anything else
+* (Edge, Samsung Internet, unrecognised browsers) is Chromium in practice and
+* follows the same site-icon → Camera → Allow → refresh flow, so it borrows
+* Chrome's steps. Without the fallback, i18next start-cases the absent keys and
+* the screen reads "First Step", "Second Step", …
+*/
+var BROWSERS_WITH_DESKTOP_STEPS = new Set([
+	"chrome",
+	"firefox",
+	"safari",
+	"opera"
+]);
+var resolveStepsBrowser = (browser) => BROWSERS_WITH_DESKTOP_STEPS.has(browser) ? browser : "chrome";
 var getStepKeys = (browser) => {
 	const baseKeys = [
 		`idv2.permissions.denied.${browser}.firstStep`,
@@ -1873,7 +1987,7 @@ var renderStepText = (t, stepKey) => {
 };
 var DeniedDesktop = () => {
 	const { t } = useTranslation();
-	const stepKeys = getStepKeys(getBrowser());
+	const stepKeys = getStepKeys(resolveStepsBrowser(getBrowser()));
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeDeniedInstructionsContainer",
 		"data-testid": "denied-instructions-desktop",
@@ -1962,7 +2076,7 @@ var LearnMore = ({ onAllowPermissions, onQuitProcess, "data-testid": dataTestId,
 			class: "IncodeLearnMoreContainer",
 			children: [/* @__PURE__ */ u("div", {
 				class: "IncodeLearnMoreTitleContainer",
-				children: [/* @__PURE__ */ u(WarningIcon, { size: 40 }), /* @__PURE__ */ u(Title, {
+				children: [/* @__PURE__ */ u(WarningIcon, { size: 32 }), /* @__PURE__ */ u(Title, {
 					ref: titleRef,
 					tabIndex: -1,
 					children: t("idv2.permissions.learnMorePage.title")
@@ -1997,24 +2111,20 @@ var LearnMore = ({ onAllowPermissions, onQuitProcess, "data-testid": dataTestId,
 };
 //#endregion
 //#region src/shared/permissions/camera/permissionsBottomSheet.tsx
-function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDenyButton = true }) {
+function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDenyButton = true, isRequestingPermissions = false, onClose }) {
 	const { t } = useTranslation();
-	const titleRef = A(null);
-	y(() => {
-		titleRef.current?.focus();
-	}, []);
 	return /* @__PURE__ */ u(BottomSheet, {
 		isOpen: true,
 		labelledById: "permissions-dialog-title",
+		manageInitialFocus: false,
+		onClose,
 		children: /* @__PURE__ */ u("div", {
 			className: "IncodePermissionsBottomSheet",
 			children: [/* @__PURE__ */ u("div", {
 				class: "IncodePermissionsBottomSheetTitleContainer",
-				children: [/* @__PURE__ */ u(TypographyH1, {
+				children: [/* @__PURE__ */ u(AutoFocusTitle, {
 					id: "permissions-dialog-title",
 					className: "IncodePermissionsBottomSheetTitle",
-					ref: titleRef,
-					tabIndex: -1,
 					children: t("idv2.permissions.allowPermissionsV2")
 				}), /* @__PURE__ */ u("p", {
 					className: "IncodePermissionsBottomSheetSubtitle",
@@ -2025,9 +2135,12 @@ function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDen
 				children: [showDenyButton && /* @__PURE__ */ u(Button, {
 					variant: "secondary",
 					onClick: onDenyPermissions,
+					disabled: isRequestingPermissions,
 					children: t("idv2.permissions.dontAllow")
 				}), /* @__PURE__ */ u(Button, {
 					onClick: onAllowPermissions,
+					disabled: isRequestingPermissions,
+					isLoading: isRequestingPermissions,
 					children: t("idv2.permissions.allowV2")
 				})]
 			})]
@@ -2035,34 +2148,51 @@ function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDen
 	});
 }
 //#endregion
-//#region src/shared/permissions/camera/permissions.tsx
-var Permissions = ({ manager, permissionStatus }) => {
+//#region src/shared/permissions/camera/permissionsDialog.tsx
+function createHandlers(manager, canDismiss) {
+	if (!canDismiss) return {
+		handleDismiss: void 0,
+		handleOpenChange: void 0,
+		handleClose: manager.close
+	};
+	const handleDismiss = () => {
+		manager.back?.();
+	};
+	const handleOpenChange = (open) => {
+		if (open) return;
+		manager.back?.();
+	};
+	return {
+		handleDismiss,
+		handleOpenChange,
+		handleClose: void 0
+	};
+}
+var PermissionsDialog = ({ manager, permissionStatus, isDismissible }) => {
 	const isMobileWidth = useIsMobileDeviceWidth();
 	const { t } = useTranslation();
-	if (permissionStatus === "checking") return null;
-	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, {
-		className: "IncodePermissionsRequestingPage",
-		presentational: true,
-		titleKey: "loadingCircle.holdOn",
-		subtitleKey: "loadingCircle.preparingCamera"
-	});
-	if (permissionStatus === "learnMore") return /* @__PURE__ */ u(LearnMore, {
+	const isMotionOnly = permissionStatus === "motionOnly";
+	const isRequestingPermissions = permissionStatus === "requesting";
+	const canDismiss = Boolean(isDismissible) && !isRequestingPermissions;
+	const dismissible = !isRequestingPermissions;
+	const { handleDismiss, handleOpenChange, handleClose } = createHandlers(manager, canDismiss);
+	if (isMobileWidth) return /* @__PURE__ */ u(PermissionsBottomSheet, {
+		showDenyButton: !isMotionOnly,
 		onAllowPermissions: () => manager.requestPermission(),
-		onQuitProcess: () => manager.close(),
-		"data-testid": "permissions",
-		"data-permission-status": "learnMore"
+		onDenyPermissions: () => manager.goToLearnMore(),
+		isRequestingPermissions,
+		onClose: handleDismiss
 	});
-	if (permissionStatus === "denied") return /* @__PURE__ */ u(Denied, {
-		onRefresh: () => window.location.reload(),
-		"data-testid": "permissions",
-		"data-permission-status": "denied"
-	});
-	const isMotionOnly = permissionStatus === "motionOnly";
-	let ModalComponent = null;
-	if (!isMobileWidth) ModalComponent = /* @__PURE__ */ u(Modal.Root, {
+	return /* @__PURE__ */ u(Modal.Root, {
 		open: true,
+		dismissible,
+		onOpenChange: handleOpenChange,
 		children: /* @__PURE__ */ u(Modal.Content, { children: [
-			/* @__PURE__ */ u(Modal.Close, { onClick: manager.close }),
+			/* @__PURE__ */ u(Modal.Close, {
+				"aria-label": t("common.close"),
+				title: t("common.close"),
+				onClick: handleClose
+			}),
 			/* @__PURE__ */ u(Modal.TitleSection, { children: [/* @__PURE__ */ u(Modal.Title, {
 				class: "IncodePermissionsModalTitle",
 				children: t("idv2.permissions.allowPermissionsV2")
@@ -2070,18 +2200,38 @@ var Permissions = ({ manager, permissionStatus }) => {
 			/* @__PURE__ */ u(Modal.Actions, { children: [!isMotionOnly && /* @__PURE__ */ u(Button, {
 				variant: "secondary",
 				onClick: manager.goToLearnMore,
+				disabled: isRequestingPermissions,
 				children: t("idv2.permissions.dontAllow")
 			}), /* @__PURE__ */ u(Button, {
 				variant: "primary",
 				onClick: manager.requestPermission,
+				disabled: isRequestingPermissions,
+				isLoading: isRequestingPermissions,
 				children: t("idv2.permissions.allowV2")
 			})] })
 		] })
 	});
-	else ModalComponent = /* @__PURE__ */ u(PermissionsBottomSheet, {
-		showDenyButton: !isMotionOnly,
-		onAllowPermissions: manager.requestPermission,
-		onDenyPermissions: manager.goToLearnMore
+};
+//#endregion
+//#region src/shared/permissions/camera/permissions.tsx
+var Permissions = ({ manager, permissionStatus }) => {
+	if (permissionStatus === "checking") return null;
+	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, {
+		className: "IncodePermissionsRequestingPage",
+		presentational: true,
+		titleKey: "loadingCircle.holdOn",
+		subtitleKey: "loadingCircle.preparingCamera"
+	});
+	if (permissionStatus === "learnMore") return /* @__PURE__ */ u(LearnMore, {
+		onAllowPermissions: () => manager.requestPermission(),
+		onQuitProcess: () => manager.close(),
+		"data-testid": "permissions",
+		"data-permission-status": "learnMore"
+	});
+	if (permissionStatus === "denied") return /* @__PURE__ */ u(Denied, {
+		onRefresh: () => window.location.reload(),
+		"data-testid": "permissions",
+		"data-permission-status": "denied"
 	});
 	return /* @__PURE__ */ u(Page, {
 		className: "IncodePermissionsPage",
@@ -2089,66 +2239,11 @@ var Permissions = ({ manager, permissionStatus }) => {
 		hideFooterBranding: true,
 		"data-testid": "permissions",
 		"data-permission-status": permissionStatus,
-		children: ModalComponent
-	});
-};
-//#endregion
-//#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"
-				})
-			]
+		children: /* @__PURE__ */ u(PermissionsDialog, {
+			manager,
+			permissionStatus
 		})
 	});
 };
 //#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 { Permissions as n, ManualCaptureButton as t };
+export { SvgReloadIcon as a, SvgPersonCardIcon as i, PermissionsDialog as n, SvgCheckV2Icon as r, Permissions as t };

package/dist/phone/phone.es.js

@@ -1,12 +1,12 @@
-import { a as useTranslation } from "../uiConfig-Dqnjankd.js";
-import { g as q, y as u } from "../vendor-preact-BPXMFRom.js";
-import { _ as isTerminalModuleState, b as useManager, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "../incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "../spacer-DLEDuWEx.js";
-import { r as Button } from "../incode-logo-DeIDDejm.js";
-import { t as OtpInput } from "../otpInput-CvPR3ZpP.js";
-import { t as Checkbox } from "../checkbox-FGA-Ij-D.js";
-import { t as PhoneInputComposed } from "../phoneInputComposed-byyszNoS.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-9K8KUs61.js";
+import { o as useTranslation } from "../uiConfig-C1jdTj-i.js";
+import { h as q, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, y as isTerminalModuleState } from "../incodeComponent-D3_BSWan.js";
+import { t as Spacer } from "../spacer-ayyj5lMa.js";
+import { x as Button } from "../icons-eIgP34nj.js";
+import { t as OtpInput } from "../otpInput-tEovwPs7.js";
+import { t as Checkbox } from "../checkbox-D0wfscwg.js";
+import { t as PhoneInputComposed } from "../phoneInputComposed-B6sv-uB2.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
 import { createPhoneManager } from "@incodetech/core/phone";
 //#region src/modules/phone/phone.tsx
 /**
@@ -134,6 +134,7 @@ var PhoneContent = ({ config, manager: externalManager, onFinish, onError }) =>
 					children: [
 						/* @__PURE__ */ u(PhoneInputComposed, {
 							id: "phone",
+							label: t("verification.labels.phone"),
 							countryCode,
 							value: prefilledPhone,
 							error: phoneError,

package/dist/phone/styles.css

@@ -7,5 +7,5 @@
 
 .IncodePhoneInputContainer {
   width: 100%;
-  max-width: 420px;
+  max-width: var(--incode-form-max-w);
 }

package/dist/phone/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodePhonePage .IncodePageContent {\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  align-items: center;\n}\n\n.IncodePhoneInputContainer {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n}\n";