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

package/dist/{incodeComponent-BtFz-bx2.js → incodeComponent-D3_BSWan.js}

@@ -1,10 +1,13 @@
-import { a as useTranslation, r as useUiConfig } from "./uiConfig-Dqnjankd.js";
-import { C as k, _ as x, d as T, g as q, h, i as C, l as A, p as d, r as $, s as gn, v as y, x as Q, y as u } from "./vendor-preact-BPXMFRom.js";
-import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-BUDq5UYs.js";
-import { l as useInstanceOverrides, t as Spacer } from "./spacer-DLEDuWEx.js";
-import { t as Spinner } from "./spinner-CJCOHUKx.js";
-import { n as ErrorIcon, r as Button, t as incode_logo_default } from "./incode-logo-DeIDDejm.js";
-import { ScreenOrientationProvider, createScreenOrientationObserver, getDeviceClass, isIPad } from "@incodetech/core/device";
+import { i as useTranslationWithFallback, o as useTranslation, r as useUiConfig } from "./uiConfig-C1jdTj-i.js";
+import { S as k, _ as y, b as Q, c as A, f as d, g as x, h as q, m as h, n as $, o as gn, r as C, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-BwKtcRSO.js";
+import { d as cn, l as useInstanceOverrides, t as Spacer } from "./spacer-ayyj5lMa.js";
+import { a as TypographyH5, i as TypographyH4 } from "./typography-ikD4-Z8S.js";
+import { t as Spinner } from "./spinner-Z-5sEEDQ.js";
+import { b as ErrorIcon, r as SuccessIcon, x as Button } from "./icons-eIgP34nj.js";
+import { t as incode_logo_default } from "./incode-logo-BzJOZr3f.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-CIbcUW_x.js";
+import { ScreenOrientationProvider, createScreenOrientationObserver, getDeviceClass, isApplePlatform, isIPad, isSupportedBrowser } from "@incodetech/core/device";
 import "@incodetech/core/events";
 import { getExperiment, getFeatureGate, getFeatureManagementVersion, getFeatureParameterStore, getIsFeatureManagementInitialized, getLayer, subscribeFeatureManagement, updateFeatureManagementUser } from "@incodetech/core/feature-management";
 import { resolveDashboardModuleConfig } from "@incodetech/core/flow";
@@ -114,6 +117,40 @@ function useFormScrollable(ref, depCount) {
 	return isScrollable;
 }
 //#endregion
+//#region src/shared/device/browserSupportOverride.ts
+var continuedAnyway = false;
+var listeners = /* @__PURE__ */ new Set();
+function subscribe(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+function getSnapshot() {
+	return continuedAnyway;
+}
+/** Module-level so the choice survives remounting into a new `IncodeComponent`. */
+function continueWithUnsupportedBrowser() {
+	if (continuedAnyway) return;
+	continuedAnyway = true;
+	for (const listener of listeners) listener();
+}
+/** True once the user has chosen to continue despite an unsupported browser. */
+function useBrowserSupportOverride() {
+	return C(subscribe, getSnapshot);
+}
+//#endregion
+//#region src/hooks/useIsBrowserSupported.ts
+/** Browser support, or true if the user overrode it. Checked once per mount. */
+function useIsBrowserSupported() {
+	const [isBrowserSupported] = d(isSupportedBrowser);
+	const hasOverride = useBrowserSupportOverride();
+	return {
+		isSupported: isBrowserSupported || hasOverride,
+		continueAnyway: continueWithUnsupportedBrowser
+	};
+}
+//#endregion
 //#region src/hooks/useMediaQuery.ts
 var MOBILE_QUERY = "(max-width: 767px)";
 function useMediaQuery(query) {
@@ -178,6 +215,20 @@ function useTimeoutHandle() {
 	}), [schedule, clear]);
 }
 //#endregion
+//#region src/hooks/useCopyToClipboard.ts
+/** Copies text to the clipboard. Resolves false instead of throwing if unsupported/denied. */
+function useCopyToClipboard() {
+	return q(async (text) => {
+		if (typeof navigator === "undefined" || !navigator.clipboard) return false;
+		try {
+			await navigator.clipboard.writeText(text);
+			return true;
+		} catch {
+			return false;
+		}
+	}, []);
+}
+//#endregion
 //#region src/hooks/useAnimationSignal.ts
 /**
 * "This animation finished" primitive: filters `animationend` bubbling from a
@@ -439,7 +490,7 @@ function useSpinnerPresentation() {
 * the module-internal loaders (ID camera prep, camera permissions) that a
 * flow-level config never could.
 */
-var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, renderMode, hideText = false, presentational = false }) => {
+var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, renderMode, hideText = false, presentational = false, alwaysDark = false }) => {
 	const { t } = useTranslation();
 	const presentation = useSpinnerPresentation();
 	const resolvedRenderMode = presentation.renderMode ?? spinnerConfig?.renderMode ?? renderMode ?? (hideText ? "spinnerOnly" : "spinnerAndText");
@@ -455,7 +506,8 @@ var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, rend
 		fullScreen: true,
 		className,
 		presentational,
-		hideIcon
+		hideIcon,
+		alwaysDark
 	});
 };
 //#endregion
@@ -499,7 +551,7 @@ var VerifiedByIncodeLogo = () => {
 			/* @__PURE__ */ u("title", { children: "Verified by Incode" }),
 			/* @__PURE__ */ u("path", {
 				d: "M14.0437 7.25848C14.0437 6.28039 13.5263 5.40448 12.7428 4.92273C12.9498 4.03223 12.6985 3.05413 11.9889 2.3534C11.2793 1.65268 10.3037 1.4191 9.38711 1.60888C8.89928 0.835165 8.01231 0.324219 7.02186 0.324219C6.03141 0.324219 5.14443 0.835165 4.6566 1.60888C3.75485 1.4045 2.76439 1.65268 2.05482 2.3534C1.34524 3.05413 1.10871 4.01763 1.30089 4.92273C0.5174 5.41908 0 6.28039 0 7.25848C0 8.23658 0.5174 9.11249 1.30089 9.59424C1.09393 10.4847 1.34524 11.4628 2.05482 12.1636C2.76439 12.8643 3.74006 13.1125 4.6566 12.9081C5.15922 13.6818 6.03141 14.1928 7.02186 14.1928C8.01231 14.1928 8.8845 13.6818 9.38711 12.9081C10.2889 13.1125 11.2793 12.8643 11.9889 12.1636C12.6985 11.4628 12.9498 10.4993 12.7428 9.59424C13.5263 9.11249 14.0437 8.23658 14.0437 7.25848ZM5.55835 9.55044L4.12442 8.13439C3.85833 7.87162 3.85833 7.46286 4.12442 7.20009C4.39051 6.93732 4.80443 6.93732 5.07052 7.20009L6.04619 8.14899L8.98798 5.2439C9.25407 4.98113 9.66799 4.98113 9.93408 5.2439C10.2002 5.50667 10.2002 5.91543 9.93408 6.1782L6.50446 9.55044C6.23837 9.81321 5.82445 9.81321 5.55835 9.55044Z",
-				fill: "var(--icon-brand-500-static)"
+				fill: "#006AFF"
 			}),
 			/* @__PURE__ */ u("g", {
 				clipPath: "url(#clip0_3596_4926)",
@@ -507,7 +559,7 @@ var VerifiedByIncodeLogo = () => {
 					fillRule: "evenodd",
 					clipRule: "evenodd",
 					d: "M99.5615 4.77612C100.75 4.77612 101.65 5.10527 102.256 5.76745C102.859 6.42644 103.159 7.37568 103.159 8.61153C103.159 9.84729 102.85 10.8036 102.227 11.4773C101.602 12.1527 100.716 12.4896 99.5759 12.4896C98.3971 12.4896 97.5036 12.1576 96.9027 11.491L96.8294 11.4065C96.2795 10.7465 96.0061 9.81371 96.0061 8.61153C96.0061 6.06704 97.2 4.77612 99.5615 4.77612ZM116.24 4.77595C117.393 4.77595 118.246 5.14653 118.789 5.88871C119.303 6.59111 119.565 7.55709 119.578 8.78488L119.578 9.04737H114.512C114.571 9.67854 114.769 10.1565 115.104 10.4868C115.454 10.8329 115.956 11.0069 116.615 11.0069C117.05 11.0069 117.464 10.9536 117.858 10.8466C118.252 10.7404 118.601 10.603 118.903 10.436L119.045 10.3576V11.9732L118.988 11.9979C118.227 12.326 117.354 12.4894 116.369 12.4894C115.258 12.4894 114.38 12.1553 113.741 11.4857C113.103 10.8174 112.786 9.87133 112.786 8.65404C112.786 7.40904 113.086 6.45047 113.689 5.78164C114.294 5.11083 115.147 4.77595 116.24 4.77595ZM111.218 1.95898V10.6742C111.218 11.082 111.046 11.4288 110.708 11.7069C110.379 11.9768 109.968 12.175 109.474 12.3018C108.987 12.427 108.484 12.4894 107.966 12.4894C106.915 12.4894 106.047 12.1952 105.365 11.6057C104.678 11.0111 104.338 9.9826 104.338 8.52554C104.338 7.35747 104.629 6.43997 105.212 5.77535C105.799 5.10823 106.666 4.77591 107.807 4.77591C108.074 4.77591 108.38 4.80944 108.727 4.87649C109.019 4.93425 109.286 5.01533 109.528 5.12005V1.95898H111.218ZM92.4984 4.78985C93.2888 4.78985 94.041 4.93436 94.7545 5.22328L94.8137 5.24725V6.79043L94.6812 6.7353C93.9615 6.43578 93.3061 6.2866 92.7146 6.2866C91.9793 6.2866 91.4366 6.46615 91.0815 6.82095C90.7268 7.17578 90.5468 7.74741 90.5468 8.54031C90.5468 9.37268 90.7229 9.97449 91.0696 10.3476C91.4139 10.719 91.9746 10.907 92.7578 10.907C93.397 10.907 94.0415 10.754 94.6911 10.4472L94.8277 10.3826V11.9301L94.7711 11.955C94.0679 12.2641 93.315 12.4184 92.5128 12.4184C91.5213 12.4184 90.6848 12.1492 90.0066 11.6105L89.9061 11.5276L89.8297 11.4597C89.1796 10.8583 88.8568 9.9208 88.8568 8.65412C88.8568 7.30126 89.1995 6.31575 89.8903 5.70316C90.5765 5.0943 91.4474 4.78985 92.4984 4.78985ZM78.7839 4.98923L78.7987 12.2763H77.0797V4.98923H78.7839ZM84.2386 4.78989C85.269 4.78989 86.0353 5.00451 86.536 5.43937C87.0393 5.87696 87.2891 6.55203 87.2891 7.45911V12.2762H85.5847V7.6587C85.5847 6.7173 85.058 6.25861 83.9647 6.25861C83.5079 6.25861 83.0683 6.3224 82.6463 6.44993L82.4888 6.50074V12.2762H80.784V5.56576L80.836 5.53956C81.2757 5.31813 81.8089 5.13805 82.4373 4.99807L82.6453 4.95436C83.1971 4.84473 83.728 4.78989 84.2386 4.78989ZM99.5615 6.21555C98.8889 6.21555 98.4164 6.41444 98.133 6.8093C97.8433 7.21334 97.6965 7.8138 97.6965 8.61153C97.6965 9.40924 97.8479 10.014 98.1472 10.4277C98.44 10.8325 98.908 11.0355 99.5615 11.0355C100.829 11.0355 101.455 10.2427 101.455 8.61153C101.455 7.79594 101.302 7.19175 100.999 6.79759C100.702 6.41053 100.225 6.21555 99.5615 6.21555ZM108.023 6.24421C106.715 6.24421 106.071 7.00047 106.071 8.55441C106.071 9.33381 106.221 9.93931 106.517 10.3723C106.804 10.7945 107.312 11.0069 108.052 11.0069C108.485 11.0069 108.847 10.9565 109.138 10.8561C109.384 10.7709 109.507 10.6712 109.525 10.562L109.528 10.532V6.61748L109.42 6.56175C109.238 6.47248 109.04 6.40126 108.829 6.34843C108.552 6.27898 108.283 6.24421 108.023 6.24421ZM116.196 6.18776C115.709 6.18776 115.334 6.31243 115.065 6.56036C114.828 6.77872 114.661 7.13776 114.567 7.6393L114.548 7.74896H117.833L117.816 7.63679C117.737 7.16033 117.582 6.80857 117.354 6.57891C117.095 6.31917 116.711 6.18776 116.196 6.18776ZM78.8418 2.45642V3.99628H77.0361V2.45642H78.8418Z",
-					fill: "var(--icon-brand-500-static)"
+					fill: "#006AFF"
 				})
 			}),
 			/* @__PURE__ */ u("path", {
@@ -641,12 +693,13 @@ var Page = ({ title, titleId, subtitle, titleTopSlot, className, logo, children,
 * Layout: `Page` is used for the Incode logo + optional "Verified by Incode"
 * footer only — the title/subtitle/titleTopSlot slots are deliberately *not*
 * used so we can vertically center the status block (icon + title + message)
-* within the available height at every viewport size. The Try again button
-* is anchored to the bottom of the content area. The screen intentionally
-* has no close button — the only exit is "Try again", which delegates to
-* `onRetry`.
+* within the available height at every viewport size. When rendered, the Try
+* again button is anchored to the bottom of the content area. The screen
+* intentionally has no close button. Retryable errors expose "Try again",
+* which delegates to `onRetry`; non-retryable errors leave recovery to the
+* host.
 */
-var TerminalErrorPage = ({ message, onRetry }) => {
+var TerminalErrorPage = ({ message, onRetry, retryable = true }) => {
 	const { t } = useTranslation();
 	const titleRef = A(null);
 	y(() => {
@@ -672,20 +725,20 @@ var TerminalErrorPage = ({ message, onRetry }) => {
 						ref: titleRef,
 						class: "IncodeTerminalErrorPageTitle",
 						tabIndex: -1,
-						children: t("common.somethingWentWrong")
+						children: t("common.somethingWrong")
 					}),
 					/* @__PURE__ */ u("p", {
 						class: "IncodeTerminalErrorPageMessage",
 						children: message ?? t("common.unexpectedError")
 					})
 				]
-			}), /* @__PURE__ */ u("div", {
+			}), retryable ? /* @__PURE__ */ u("div", {
 				class: "IncodeTerminalErrorPageFooter",
 				children: /* @__PURE__ */ u(Button, {
 					onClick: handleRetry,
 					children: t("common.tryAgain")
 				})
-			})]
+			}) : null]
 		})
 	});
 };
@@ -793,6 +846,118 @@ function withStandaloneModuleBootstrap(Component, moduleKey, options = {}) {
 	};
 }
 //#endregion
+//#region src/shared/snackbar/snackbar.tsx
+var Snackbar = ({ variant = "neutral", children, className, ariaLive = "polite" }) => {
+	return /* @__PURE__ */ u("div", {
+		role: "status",
+		"aria-live": ariaLive,
+		class: cn("IncodeSnackbar", `IncodeSnackbar--${variant}`, className),
+		children: /* @__PURE__ */ u("span", {
+			class: "IncodeSnackbarContent",
+			children
+		})
+	});
+};
+//#endregion
+//#region src/shared/browserNotSupported/browser-not-supported.svg?react
+var SvgBrowserNotSupported = (props) => /* @__PURE__ */ u("svg", {
+	width: 32,
+	height: 32,
+	viewBox: "0 0 32 32",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [/* @__PURE__ */ u("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M9.96204 3.84009C7.92242 3.84009 6.21575 4.5665 5.02208 5.84674C3.83305 7.12202 3.19995 8.89572 3.19995 10.9135V11.8301H27.5188V10.9135C27.5188 8.8966 26.8893 7.12281 25.7018 5.84712C24.5095 4.56624 22.8028 3.84009 20.7578 3.84009H9.96204ZM8.04995 8.06509C7.51976 8.06509 7.08995 8.4949 7.08995 9.02509C7.08995 9.55528 7.51976 9.98509 8.04995 9.98509H8.12094C8.65113 9.98509 9.08094 9.55528 9.08094 9.02509C9.08094 8.4949 8.65113 8.06509 8.12094 8.06509H8.04995ZM11.2314 8.06509C10.7012 8.06509 10.2714 8.4949 10.2714 9.02509C10.2714 9.55528 10.7012 9.98509 11.2314 9.98509H11.3024C11.8326 9.98509 12.2624 9.55528 12.2624 9.02509C12.2624 8.4949 11.8326 8.06509 11.3024 8.06509H11.2314ZM14.414 8.06509C13.8839 8.06509 13.454 8.4949 13.454 9.02509C13.454 9.55528 13.8839 9.98509 14.414 9.98509H14.4851C15.0152 9.98509 15.4451 9.55528 15.4451 9.02509C15.4451 8.4949 15.0152 8.06509 14.4851 8.06509H14.414Z",
+		fill: "#E71111"
+	}), /* @__PURE__ */ u("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M3.19995 21.0853V13.75H27.5188V21.0853C27.5188 23.1022 26.8893 24.876 25.7016 26.1518C24.5091 27.4327 22.802 28.1588 20.7567 28.1588H9.96204C7.91724 28.1588 6.21022 27.4326 5.01759 26.1518C3.82976 24.8761 3.19995 23.1023 3.19995 21.0853ZM18.5646 17.6869C18.9395 18.0618 18.9395 18.6697 18.5646 19.0446L16.7197 20.8893L18.5637 22.7333C18.9386 23.1082 18.9386 23.7161 18.5637 24.091C18.1888 24.4658 17.5809 24.4658 17.206 24.091L15.3621 22.247L13.5153 24.0938C13.1404 24.4687 12.5326 24.4687 12.1577 24.0938C11.7828 23.7189 11.7828 23.111 12.1577 22.7361L14.0044 20.8893L12.1568 19.0418C11.7819 18.6669 11.7819 18.059 12.1568 17.6841C12.5317 17.3092 13.1395 17.3092 13.5144 17.6841L15.3621 19.5318L17.2069 17.6869C17.5818 17.312 18.1896 17.312 18.5646 17.6869Z",
+		fill: "#E71111"
+	})]
+});
+//#endregion
+//#region src/shared/browserNotSupported/browserNotSupported.tsx
+var COPY_SNACKBAR_DURATION_MS = 3e3;
+/**
+* Full-screen block shown by `IncodeComponent` in place of every module when
+* the browser is not one the capture/WASM pipelines are known to work in.
+*
+* Renders before the translation bundle can be ready, so it uses
+* `useTranslationWithFallback` instead of `useTranslation`.
+*/
+var BrowserNotSupported = ({ onContinue }) => {
+	const { t } = useTranslationWithFallback();
+	const copyToClipboard = useCopyToClipboard();
+	const copiedSnackbarTimer = useTimeoutHandle();
+	const [showCopiedSnackbar, setShowCopiedSnackbar] = d(false);
+	const shouldSuggestSafari = isApplePlatform();
+	const handleCopyLink = async () => {
+		if (!await copyToClipboard(window.location.href)) return;
+		setShowCopiedSnackbar(true);
+		copiedSnackbarTimer.schedule(() => setShowCopiedSnackbar(false), COPY_SNACKBAR_DURATION_MS);
+	};
+	return /* @__PURE__ */ u(Page, {
+		hideFooterBranding: true,
+		hideHeader: true,
+		className: "IncodeBrowserNotSupported",
+		children: [showCopiedSnackbar && /* @__PURE__ */ u("div", {
+			className: "IncodeBrowserNotSupportedSnackbar",
+			children: /* @__PURE__ */ u(Snackbar, {
+				variant: "positive",
+				children: /* @__PURE__ */ u("span", {
+					className: "IncodeBrowserNotSupportedSnackbarContent",
+					children: [/* @__PURE__ */ u(SuccessIcon, { size: 32 }), /* @__PURE__ */ u("span", { children: t("unsupportedBrowser.linkCopied") })]
+				})
+			})
+		}), /* @__PURE__ */ u("div", {
+			className: "IncodeBrowserNotSupportedPageContent",
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeBrowserNotSupportedPageBody",
+				children: [
+					/* @__PURE__ */ u(SvgBrowserNotSupported, {}),
+					/* @__PURE__ */ u(Spacer, { size: 16 }),
+					/* @__PURE__ */ u(AutoFocusTitle, { children: t("unsupportedBrowser.title") }),
+					/* @__PURE__ */ u(Spacer, { size: 12 }),
+					/* @__PURE__ */ u(TypographyH5, {
+						className: "IncodeBrowserNotSupportedText",
+						children: [
+							t("unsupportedBrowser.betterExperience"),
+							" ",
+							shouldSuggestSafari && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("span", { children: "Safari" }), ` ${t("unsupportedBrowser.or")} `] }),
+							/* @__PURE__ */ u("span", { children: "Chrome" })
+						]
+					})
+				]
+			}), /* @__PURE__ */ u("div", {
+				className: "IncodeBrowserNotSupportedWrapper",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "IncodeBrowserNotSupportedLink",
+						children: /* @__PURE__ */ u(TypographyH4, {
+							className: "IncodeBrowserNotSupportedLinkText",
+							children: window.location.href
+						})
+					}),
+					/* @__PURE__ */ u(Button, {
+						onClick: handleCopyLink,
+						children: t("unsupportedBrowser.copyLink")
+					}),
+					/* @__PURE__ */ u(Button, {
+						variant: "link",
+						type: "button",
+						onClick: onContinue,
+						children: t("unsupportedBrowser.continueAnyways")
+					})
+				]
+			})]
+		})]
+	});
+};
+//#endregion
 //#region src/shared/icons/rotate-icon.svg
 var rotate_icon_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%3e%3cg%20fill='%2320263D'%3e%3cpath%20d='M84.12%2027.54l-2.58-2.58L65.036%208.456l-2.58-2.58c-3.127-3.127-8.58-2.764-12.157.81L6.69%2050.306c-3.574%203.574-3.938%209.027-.81%2012.158l21.66%2021.66c3.128%203.127%208.58%202.764%2012.157-.81l43.617-43.616c3.574-3.578%203.937-9.03.806-12.158zm-5.524%208.617l-42.439%2042.44c-1.3%201.3-3.28%201.432-4.42.296l-20.63-20.63c-1.14-1.14-1.008-3.12.297-4.42l42.438-42.44c1.302-1.3%203.282-1.432%204.422-.296l1.031%201.032c1.14%201.14%201.009%203.12-.296%204.421-1.302%201.301-1.433%203.281-.297%204.421L69.02%2031.297c1.14%201.14%203.12%201.01%204.421-.296%201.301-1.301%203.281-1.432%204.421-.296l1.031%201.031c1.137%201.14%201.005%203.12-.296%204.421zM51.885%2090a3.135%203.135%200%2001-2.22-5.351l8.925-8.925a3.138%203.138%200%20014.646.233l3.308%204.046c10.114-5.374%2017.081-15.994%2017.178-28.14a3.136%203.136%200%20013.136-3.113h.026a3.14%203.14%200%20013.112%203.161C89.835%2072.746%2072.746%2089.835%2051.911%2090h-.026zM38.115%200a3.135%203.135%200%20012.22%205.351l-8.925%208.925a3.125%203.125%200%2001-2.378.915%203.138%203.138%200%2001-2.272-1.147l-3.308-4.046C13.34%2015.37%206.373%2025.99%206.274%2038.138a3.14%203.14%200%2001-3.139%203.112h-.026a3.139%203.139%200%2001-3.11-3.161C.166%2017.254%2017.255.165%2038.09%200h.026z'/%3e%3c/g%3e%3c/svg%3e";
 //#endregion
@@ -840,15 +1005,20 @@ function LandscapeBlocker() {
 //#endregion
 //#region src/shared/componentRoot/incodeComponent.tsx
 /**
-* Wraps UI modules with the standard container.
-* Shows a landscape blocker overlay on mobile (excluding iPad) when device is rotated to landscape.
+* Wraps UI modules with the standard container. Blocks unsupported browsers
+* and shows a landscape blocker on rotated mobile (excluding iPad).
 */
 function IncodeComponent({ children }) {
 	const { isLandscapeMobile } = useScreenOrientation();
+	const { isSupported, continueAnyway } = useIsBrowserSupported();
+	if (!isSupported) return /* @__PURE__ */ u("div", {
+		class: "IncodeComponent",
+		children: /* @__PURE__ */ u(BrowserNotSupported, { onContinue: continueAnyway })
+	});
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeComponent",
 		children: [children, isLandscapeMobile ? /* @__PURE__ */ u(LandscapeBlocker, {}) : null]
 	});
 }
 //#endregion
-export { isTerminalModuleState as _, TerminalErrorPage as a, useManager as b, usePageUiConfig as c, usePresence as d, useTimeoutHandle as f, useFormScrollable as g, useIsMobileDeviceWidth as h, ResolvedConfigProvider as i, TransitionSpinner as l, useEventListener as m, LandscapeBlocker as n, Page as o, useResizeObserver as p, withStandaloneModuleBootstrap as r, VerifiedByIncodeLogo as s, IncodeComponent as t, useFeatureManagement as u, useModuleTerminalCallbacks as v, useScreenOrientation as y };
+export { useManager as S, useIsMobileDeviceWidth as _, ResolvedConfigProvider as a, useModuleTerminalCallbacks as b, Page as c, TransitionSpinner as d, useFeatureManagement as f, useEventListener as g, useResizeObserver as h, withStandaloneModuleBootstrap as i, VerifiedByIncodeLogo as l, useTimeoutHandle as m, LandscapeBlocker as n, useHasResolvedConfig as o, usePresence as p, Snackbar as r, TerminalErrorPage as s, IncodeComponent as t, usePageUiConfig as u, useFormScrollable as v, useScreenOrientation as x, isTerminalModuleState as y };

package/dist/{incodeModule-9K8KUs61.js → incodeModule-BQgvYKyr.js}

@@ -1,6 +1,6 @@
-import { S as _, d as T } from "./vendor-preact-BPXMFRom.js";
-import { c as InstanceOverridesProvider } from "./spacer-DLEDuWEx.js";
-import { t as registerIncodeElement } from "./registerIncodeElement-DW2PE_DX.js";
+import { u as T, x as _ } from "./vendor-preact-C0jX1Cbq.js";
+import { c as InstanceOverridesProvider } from "./spacer-ayyj5lMa.js";
+import { t as registerIncodeElement } from "./registerIncodeElement-CbZczi4S.js";
 //#region src/shared/webComponent/incodeModule.ts
 var incodeModulePropKeys = [
 	"config",

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { c as createI18n, n as setUiConfig, s as setI18nInstance } from "./uiConfig-Dqnjankd.js";
-import { n as preloadDashboardTheme, o as resolveStandaloneSetupPolicy, r as resetDashboardThemeCache, s as setStandaloneSetupPolicy } from "./dashboardTheme-BUDq5UYs.js";
+import { c as setI18nInstance, l as createI18n, n as setUiConfig } from "./uiConfig-C1jdTj-i.js";
+import { n as preloadDashboardTheme, o as resolveStandaloneSetupPolicy, r as resetDashboardThemeCache, s as setStandaloneSetupPolicy } from "./dashboardTheme-BwKtcRSO.js";
 import { DEFAULT_WASM_VERSION } from "@incodetech/core/wasm";
 import { setup as setup$1 } from "@incodetech/core";
 //#region src/setup.ts
 function preloadOptionalDashboardTheme(token) {
 	return Promise.resolve().then(() => preloadDashboardTheme(token)).then(() => void 0).catch(() => void 0);
 }
-async function setup({ apiURL, token, customHeaders, timeout, wasm, ipLookup, fingerprint, devMode, featureManagement, environment, i18n, uiConfig, flow, theme }) {
+async function setup({ apiURL, token, customHeaders, timeout, wasm, ipLookup, hostingApp, fingerprint, devMode, featureManagement, environment, i18n, uiConfig, flow, theme }) {
 	const standaloneSetupPolicy = resolveStandaloneSetupPolicy(flow, theme, token);
 	setStandaloneSetupPolicy(standaloneSetupPolicy);
 	resetDashboardThemeCache();
@@ -18,6 +18,7 @@ async function setup({ apiURL, token, customHeaders, timeout, wasm, ipLookup, fi
 		timeout,
 		wasm,
 		ipLookup,
+		hostingApp,
 		fingerprint,
 		devMode,
 		featureManagement,

package/dist/{inputComposed-C2zTEXsp.js → inputComposed-CTZnsHLi.js}

@@ -1,8 +1,7 @@
-import { a as D, y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as cn } from "./spacer-DLEDuWEx.js";
-import { n as ErrorIcon } from "./incode-logo-DeIDDejm.js";
-import { l as CloseIcon } from "./icons-ChHV5iHi.js";
-import { t as SuccessIcon } from "./successIcon-DS8BLsgy.js";
+import { i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-ayyj5lMa.js";
+import { b as ErrorIcon, d as CloseIcon, r as SuccessIcon } from "./icons-eIgP34nj.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
 //#region src/shared/input/input.tsx
 var Input = D((props, ref) => {
 	const { class: className, type = "text", ...restProps } = props;
@@ -30,10 +29,11 @@ var InputComposed = D(({ id, label, labelHint, "aria-label": ariaLabel, "aria-de
 				class: "IncodeInputComposedLabel",
 				htmlFor: id,
 				"data-testid": `${id}-label`,
-				children: [label, labelHint && /* @__PURE__ */ u("span", {
-					class: "IncodeInputComposedLabelHint",
-					"data-testid": `${id}-label-hint`,
-					children: labelHint
+				children: [label, /* @__PURE__ */ u(FieldLabelHint, {
+					className: "IncodeInputComposedLabelHint",
+					hint: labelHint,
+					required: required === true,
+					testId: `${id}-label-hint`
 				})]
 			}),
 			/* @__PURE__ */ u("div", {

package/dist/inputComposed-wy0-orhJ.js

@@ -0,0 +1 @@
+import "./inputComposed-CTZnsHLi.js";