@incodetech/web 0.0.0-dev-20260909-14ef44cf → 0.0.0-dev-20260910-30fb659a

package/dist/baseTutorial-DdU221rI.js

@@ -0,0 +1,172 @@
+import { u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { l as Page } from "./incodeComponent-OpYmmHuG.js";
+import { d as cn, o as Lottie } from "./spacer-CP6nfo3f.js";
+import { S as Button } from "./icons-BTQAPX7h.js";
+//#region src/shared/baseTutorial/replaceBaseTutorial.ts
+/**
+* The brand blues baked into the tutorial animations. The selfie oval/shoulders
+* use `#007aff`; the ID/passport tutorials additionally use `#006aff` (the
+* default brand blue) for their accent. Both are re-tinted to the active
+* branding color.
+*
+* Authored as hex and converted to Lottie's normalized `[r, g, b]` (0–1) form.
+* The two greens are ~0.06 apart, comfortably outside `COLOR_MATCH_TOLERANCE`,
+* so they neither cross-match nor catch the (grayscale/white) document and
+* face artwork.
+*/
+var SOURCE_BRAND_COLORS = ["#007aff", "#006aff"].map(hexToRgbUnit).filter((color) => color !== null);
+/**
+* Per-channel tolerance when matching a source color. The baked values are
+* authored as rounded decimals (e.g. `0.48`), so an exact comparison is too
+* brittle; a small tolerance keeps the match robust without catching
+* unrelated colors.
+*/
+var COLOR_MATCH_TOLERANCE = .02;
+/**
+* Reads a CSS custom property off the document root and returns its value.
+* Returns `fallback` (empty by default) when the property is unset or
+* unavailable (e.g. during SSR / tests). With the default empty fallback the
+* recolor no-ops, leaving the animation's authored colors in place — which are
+* the default brand blue, so no theme-specific literal is needed here.
+*/
+function getCssVariableAsHex(variableName, fallback = "") {
+	if (typeof document === "undefined") return fallback;
+	return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim() || fallback;
+}
+function hexToRgbUnit(hex) {
+	let normalized = hex.replace("#", "").trim();
+	if (normalized.length === 3) normalized = normalized.split("").map((char) => char + char).join("");
+	const result = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
+	if (!result) return null;
+	return [
+		Number.parseInt(result[1], 16) / 255,
+		Number.parseInt(result[2], 16) / 255,
+		Number.parseInt(result[3], 16) / 255
+	];
+}
+function channelMatches(a, b) {
+	return Math.abs(a - b) <= COLOR_MATCH_TOLERANCE;
+}
+function isSourceColor(r, g, b) {
+	return SOURCE_BRAND_COLORS.some(([sr, sg, sb]) => channelMatches(r, sr) && channelMatches(g, sg) && channelMatches(b, sb));
+}
+function isStaticColorArray(value) {
+	return Array.isArray(value) && value.length >= 3 && value.every((entry) => typeof entry === "number");
+}
+function recolorSolid(node, target) {
+	const colorHolder = node.c;
+	if (!colorHolder || typeof colorHolder !== "object") return;
+	const k = colorHolder.k;
+	if (isStaticColorArray(k) && isSourceColor(k[0], k[1], k[2])) {
+		k[0] = target[0];
+		k[1] = target[1];
+		k[2] = target[2];
+	}
+}
+function recolorGradient(node, target) {
+	const gradient = node.g;
+	if (!gradient || typeof gradient !== "object") return;
+	const { p, k } = gradient;
+	const stopCount = typeof p === "number" ? p : 0;
+	const stops = k?.k;
+	if (stopCount <= 0 || !Array.isArray(stops)) return;
+	for (let stop = 0; stop < stopCount; stop++) {
+		const base = stop * 4;
+		const r = stops[base + 1];
+		const g = stops[base + 2];
+		const b = stops[base + 3];
+		if (typeof r === "number" && typeof g === "number" && typeof b === "number" && isSourceColor(r, g, b)) {
+			stops[base + 1] = target[0];
+			stops[base + 2] = target[1];
+			stops[base + 3] = target[2];
+		}
+	}
+}
+function recolorNode(node, target) {
+	if (Array.isArray(node)) {
+		for (const child of node) recolorNode(child, target);
+		return;
+	}
+	if (!node || typeof node !== "object") return;
+	const obj = node;
+	if (obj.ty === "fl" || obj.ty === "st") recolorSolid(obj, target);
+	else if (obj.ty === "gf" || obj.ty === "gs") recolorGradient(obj, target);
+	for (const key of Object.keys(obj)) recolorNode(obj[key], target);
+}
+/**
+* Returns a deep copy of `animationData` with the baked-in brand blue swapped
+* for `hexColor`. The input is never mutated. Unparseable colors leave the
+* animation untouched.
+*/
+function replaceLottieColor(animationData, hexColor) {
+	const target = hexToRgbUnit(hexColor);
+	if (!target) return animationData;
+	const clone = JSON.parse(JSON.stringify(animationData));
+	recolorNode(clone, target);
+	return clone;
+}
+//#endregion
+//#region src/shared/baseTutorial/baseTutorial.tsx
+var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, secondaryAction, actionsSlot, stopFramePosition = "middle", recolor = true, shouldScaleAnimationContainer }) => {
+	const themedAnimationData = T(() => {
+		if (!animationData) return null;
+		if (!recolor) return animationData;
+		return replaceLottieColor(animationData, getCssVariableAsHex("--primitive-color-brand-500"));
+	}, [animationData, recolor]);
+	let scaledClasses = {
+		page: "",
+		container: "",
+		animationContainer: ""
+	};
+	if (shouldScaleAnimationContainer) scaledClasses = {
+		page: "IncodeTutorialPageScaled",
+		container: "IncodeBaseTutorialContainerScaled",
+		animationContainer: "IncodeBaseTutorialAnimationContainerScaled"
+	};
+	return /* @__PURE__ */ u(Page, {
+		className: cn("IncodeTutorialPage", scaledClasses.page, className),
+		title,
+		titleId,
+		subtitle,
+		children: [/* @__PURE__ */ u("div", {
+			class: cn("IncodeBaseTutorialContainer", scaledClasses.container),
+			children: /* @__PURE__ */ u("div", {
+				class: cn("IncodeBaseTutorialAnimationContainer", scaledClasses.animationContainer),
+				"aria-hidden": "true",
+				children: themedAnimationData ? /* @__PURE__ */ u(Lottie, {
+					animationData: themedAnimationData,
+					className: "IncodeBaseTutorialAnimation",
+					autoStop: true,
+					stopFramePosition
+				}) : null
+			})
+		}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+			class: "IncodeBaseTutorialDisclaimer",
+			children: disclaimerText
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeBaseTutorialButtonContainer",
+			children: [
+				/* @__PURE__ */ u(Button, {
+					onClick: onContinue,
+					class: "IncodeBaseTutorialButton",
+					isLoading,
+					children: buttonText
+				}),
+				secondaryAction ? /* @__PURE__ */ u(Button, {
+					variant: "link",
+					onClick: secondaryAction.onClick,
+					class: "IncodeBaseTutorialSecondaryAction",
+					disabled: isLoading,
+					"data-testid": secondaryAction.testId,
+					children: secondaryAction.label
+				}) : null,
+				actionsSlot && /* @__PURE__ */ u("div", {
+					class: "IncodeBaseTutorialActionsSlot",
+					children: actionsSlot
+				})
+			]
+		})] })]
+	});
+};
+//#endregion
+export { BaseTutorial as t };

package/dist/bottomSheet-C3MHkEfL.js

@@ -0,0 +1,101 @@
+import { _ as y, c as A, f as d, h as q, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CP6nfo3f.js";
+import { i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, s as useModalVisualViewportBounds } from "./modal.hooks-BG9W0mhz.js";
+function prefersReducedMotion() {
+	if (typeof window === "undefined") return false;
+	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function useBottomSheetAnimatedClose({ isOpen, onClose, sheetRef }) {
+	const closeCommittedRef = A(false);
+	const [isClosing, setIsClosing] = d(false);
+	const isVisible = isOpen || isClosing;
+	const canDismiss = Boolean(onClose) && !isClosing;
+	const finishClose = q(() => {
+		if (closeCommittedRef.current) return;
+		closeCommittedRef.current = true;
+		setIsClosing(false);
+		onClose?.();
+	}, [onClose]);
+	const requestClose = q(() => {
+		if (!canDismiss) return;
+		closeCommittedRef.current = false;
+		if (prefersReducedMotion()) {
+			finishClose();
+			return;
+		}
+		setIsClosing(true);
+	}, [canDismiss, finishClose]);
+	y(() => {
+		if (isOpen) {
+			closeCommittedRef.current = false;
+			setIsClosing(false);
+		}
+	}, [isOpen]);
+	y(() => {
+		if (!isClosing) return;
+		const timeout = setTimeout(finishClose, 750);
+		return () => clearTimeout(timeout);
+	}, [finishClose, isClosing]);
+	return {
+		isVisible,
+		isClosing,
+		canDismiss,
+		requestClose,
+		handleSheetAnimationEnd: q((event) => {
+			if (!isClosing || event.target !== sheetRef.current) return;
+			if (event.animationName !== "IncodeSlideDown") return;
+			finishClose();
+		}, [
+			finishClose,
+			isClosing,
+			sheetRef
+		]),
+		overlayClassName: cn("IncodeBottomSheetOverlay", isClosing && "IncodeBottomSheetOverlay--closing"),
+		sheetClassName: cn("IncodeBottomSheet", isClosing && "IncodeBottomSheet--closing")
+	};
+}
+//#endregion
+//#region src/shared/bottomSheet/bottomSheet.tsx
+var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocusRef, manageInitialFocus = true, "data-testid": dataTestId }) => {
+	const dialogRef = A(null);
+	const overlayRef = A(null);
+	const { isVisible, canDismiss, requestClose, handleSheetAnimationEnd, overlayClassName, sheetClassName } = useBottomSheetAnimatedClose({
+		isOpen,
+		onClose,
+		sheetRef: dialogRef
+	});
+	useModalBodyScrollLock(isVisible);
+	useModalEscapeDismiss(isOpen && canDismiss, canDismiss, requestClose);
+	useModalFocusCapture(isVisible, dialogRef, manageInitialFocus, returnFocusRef);
+	useModalTabCycle(isVisible, dialogRef);
+	useModalVisualViewportBounds(isVisible, overlayRef);
+	if (!isVisible) return null;
+	return /* @__PURE__ */ u("div", {
+		ref: overlayRef,
+		class: overlayClassName,
+		"data-testid": dataTestId,
+		onPointerUp: (event) => {
+			if (!canDismiss) return;
+			const target = event.target;
+			if (!dialogRef.current?.contains(target)) requestClose();
+		},
+		children: /* @__PURE__ */ u("div", {
+			class: "IncodeBottomSheetContainer",
+			children: /* @__PURE__ */ u("div", {
+				ref: dialogRef,
+				class: sheetClassName,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": labelledById,
+				tabIndex: -1,
+				onAnimationEnd: handleSheetAnimationEnd,
+				children: [/* @__PURE__ */ u("span", {
+					class: "IncodeBottomSheetHandle",
+					"aria-hidden": "true"
+				}), children]
+			})
+		})
+	});
+};
+//#endregion
+export { BottomSheet as t };

package/dist/cameraOverlay-hVopsg3m.js

@@ -0,0 +1,2 @@
+import "./cameraView-CR2WH_wN.js";
+import "./cameraOverlayHeader-DFD85Ezb.js";

package/dist/cameraOverlayHeader-DFD85Ezb.js

@@ -0,0 +1,43 @@
+import { _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CP6nfo3f.js";
+import { n as Title } from "./spinner-1GVajlEK.js";
+//#region src/shared/cameraOverlay/cameraOverlay.tsx
+/**
+* Absolute-positioned flex-column overlay that sits on top of the camera video.
+*
+* Expected child order:
+*  1. (optional) Module-specific header extras (e.g. CaptureNotification)
+*  2. CameraOverlayHeader
+*  3. CameraFrame
+*  4. CaptureFooter
+*/
+var CameraOverlay = ({ children, className }) => {
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeCameraOverlay", className),
+		children
+	});
+};
+//#endregion
+//#region src/shared/cameraOverlay/cameraOverlayHeader.tsx
+var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId, titleRef }) => {
+	const fallbackTitleRef = A(null);
+	const resolvedTitleRef = titleRef ?? fallbackTitleRef;
+	y(() => {
+		resolvedTitleRef.current?.focus();
+	}, [resolvedTitleRef]);
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeCameraOverlayHeader", !visible && "IncodeCameraOverlayHeaderHidden", className),
+		children: [/* @__PURE__ */ u(Title, {
+			ref: resolvedTitleRef,
+			id: titleId,
+			className: "IncodeCameraOverlayHeaderTitle",
+			tabIndex: -1,
+			children: title
+		}), /* @__PURE__ */ u("p", {
+			class: "IncodeCameraOverlayHeaderSubtitle",
+			children: subtitle
+		})]
+	});
+};
+//#endregion
+export { CameraOverlay as n, CameraOverlayHeader as t };

package/dist/cameraView-CR2WH_wN.js

@@ -0,0 +1,49 @@
+import { _ as y, c as A, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CP6nfo3f.js";
+import { t as useCoverMedia } from "./useCoverMedia-DofxqCtg.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);
+	useCoverMedia(internalVideoRef, stream);
+	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
+export { CameraFrame as n, CameraView as t };

package/dist/captureFooter-BlAq3nsT.js

@@ -0,0 +1,67 @@
+import { o as useTranslation } from "./uiConfig-Sd_A0KwB.js";
+import { S as k, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn, t as Spacer } from "./spacer-CP6nfo3f.js";
+import { S as Button, _ as CaptureButtonIcon, a as LockIcon, o as HelpIcon } from "./icons-BTQAPX7h.js";
+//#region src/shared/progressBar/progressBar.tsx
+var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__ */ u("div", {
+	class: cn("IncodeProgressBarContainer", className),
+	children: [/* @__PURE__ */ u("div", {
+		class: "IncodeProgressBar",
+		role: "progressbar",
+		"aria-valuenow": progress,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-label": labelledById ? void 0 : label,
+		"aria-labelledby": labelledById,
+		children: /* @__PURE__ */ u("div", {
+			class: "IncodeProgressBarFill",
+			style: { width: `${progress}%` }
+		})
+	}), label ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 24 }), /* @__PURE__ */ u("p", {
+		class: "IncodeProgressBarLabel",
+		children: label
+	})] }) : null]
+});
+//#endregion
+//#region src/shared/captureFooter/captureFooter.tsx
+var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel, captureAriaDescribedBy, helpAriaLabel, helpButtonRef, captureButtonRef, encryptionLabel, children, hideActions }) => {
+	const { t } = useTranslation();
+	const isCaptureSectionVisible = !hideActions && isManualCapture && Boolean(onCapture);
+	const isHelpSectionVisible = !hideActions;
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeCaptureFooter",
+		children: [
+			/* @__PURE__ */ u("div", {
+				class: "IncodeCaptureFooterEncryption",
+				children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeCaptureFooterEncryptionIcon" }), /* @__PURE__ */ u("span", { children: encryptionLabel ?? t("idv2.capture.allDataIsEncrypted") })]
+			}),
+			isCaptureSectionVisible && /* @__PURE__ */ u("div", {
+				class: "IncodeCaptureFooterCaptureSection",
+				children: [children, /* @__PURE__ */ u("button", {
+					ref: captureButtonRef,
+					type: "button",
+					class: "IncodeCaptureFooterCaptureButton",
+					onClick: onCapture,
+					"aria-label": captureAriaLabel ?? t("manualCapture.ariaLabel"),
+					"aria-describedby": captureAriaDescribedBy,
+					"data-testid": "capture-button",
+					children: /* @__PURE__ */ u(CaptureButtonIcon, {})
+				})]
+			}),
+			isHelpSectionVisible && /* @__PURE__ */ u("div", {
+				class: "IncodeCaptureFooterHelp",
+				children: /* @__PURE__ */ u(Button, {
+					ref: helpButtonRef,
+					variant: "link",
+					onClick: onOpenHelp,
+					"aria-label": helpAriaLabel ?? t("idv2.needHelp.open"),
+					class: "IncodeCaptureFooterHelpButton",
+					"data-testid": "capture-help-button",
+					children: /* @__PURE__ */ u(HelpIcon, {})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { ProgressBar as n, CaptureFooter as t };

package/dist/certificate-issuance/certificate-issuance.es.js

@@ -1,9 +1,11 @@
-import { o as useTranslation } from "../uiConfig-DG7HXVR0.js";
+import { o as useTranslation } from "../uiConfig-Sd_A0KwB.js";
 import { _ as y, c as A, u as T, v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { Nt as useManager, St as Page, gt as AutoFocusTitle, it as PasswordInputComposed, jt as useModuleTerminalCallbacks, mt as IncodeComponent, ut as VerificationResult, vt as withStandaloneModuleBootstrap } from "../extensibility-DwFhaxCo.js";
-import { t as Spacer } from "../spacer-DI-GUPzr.js";
-import { A as Button, d as SuccessIcon } from "../dropdownComposed-QhS8uwDE.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-DNwi5PIv.js";
+import { C as useManager, a as withStandaloneModuleBootstrap, l as Page, r as AutoFocusTitle, t as IncodeComponent, x as useModuleTerminalCallbacks } from "../incodeComponent-OpYmmHuG.js";
+import { t as Spacer } from "../spacer-CP6nfo3f.js";
+import { S as Button, r as SuccessIcon } from "../icons-BTQAPX7h.js";
+import { t as VerificationResult } from "../verificationResult-C-TUwYRU.js";
+import { t as PasswordInputComposed } from "../passwordInputComposed-CMtVpi08.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DQfs4RF7.js";
 import { MIN_PASSWORD_LENGTH, PASSWORD_VALIDATION_KEYS, REQUIREMENT_I18N_KEYS, createCertificateIssuanceManager } from "@incodetech/core/certificate-issuance";
 //#region src/modules/certificate-issuance/downloadScreen.tsx
 var DownloadScreen = ({ blob, onDownloaded, onError }) => {

package/dist/checkbox-CSTnDDdf.js

@@ -0,0 +1,97 @@
+import { f as d, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CP6nfo3f.js";
+import { g as CheckmarkIcon, x as ErrorIcon } from "./icons-BTQAPX7h.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-Cy5t7tNp.js";
+//#region src/shared/checkbox/checkbox.tsx
+var Checkbox = D(({ id, label, labelHint, size = "m", checked, defaultChecked, disabled = false, required = false, name, value, onChange, error, helper, showErrorIcon = true, class: className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...restProps }, ref) => {
+	const [internalChecked, setInternalChecked] = d(!!defaultChecked);
+	const isControlled = checked !== void 0;
+	const isChecked = isControlled ? !!checked : internalChecked;
+	const isDisabled = !!disabled;
+	const isRequired = !!required;
+	const classStr = typeof className === "string" ? className : void 0;
+	const handleChange = (event) => {
+		if (!isControlled) setInternalChecked(event.target.checked);
+		onChange?.(event);
+	};
+	const helperTextId = helper ? `${id}-helper` : void 0;
+	const errorTextId = error ? `${id}-error` : void 0;
+	const describedBy = [
+		ariaDescribedBy,
+		errorTextId,
+		helperTextId
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeCheckbox", classStr),
+		children: [
+			/* @__PURE__ */ u("label", {
+				class: cn("IncodeCheckboxLabel", { IncodeCheckboxLabelDisabled: isDisabled }),
+				htmlFor: id,
+				children: [/* @__PURE__ */ u("div", {
+					class: "IncodeCheckboxControl",
+					children: [/* @__PURE__ */ u("input", {
+						ref,
+						type: "checkbox",
+						class: "IncodeCheckboxInput",
+						id,
+						name,
+						value,
+						...isControlled ? { checked } : { defaultChecked },
+						disabled,
+						required,
+						onChange: handleChange,
+						"aria-label": ariaLabel,
+						"aria-labelledby": ariaLabelledBy,
+						"aria-describedby": describedBy,
+						"aria-invalid": ariaInvalid || !!error,
+						"aria-required": isRequired,
+						...restProps
+					}), /* @__PURE__ */ u("div", {
+						class: cn("IncodeCheckboxVisual", {
+							IncodeCheckboxVisualChecked: isChecked,
+							IncodeCheckboxVisualDisabled: isDisabled,
+							IncodeCheckboxVisualError: !!error
+						}),
+						children: isChecked && /* @__PURE__ */ u(CheckmarkIcon, { size: 28 })
+					})]
+				}), label && /* @__PURE__ */ u("span", {
+					class: cn("IncodeCheckboxText", {
+						IncodeCheckboxTextS: size === "s",
+						IncodeCheckboxTextM: size === "m",
+						IncodeCheckboxTextDisabled: isDisabled
+					}),
+					"aria-hidden": ariaLabelledBy ? "true" : void 0,
+					children: [label, /* @__PURE__ */ u(FieldLabelHint, {
+						className: "IncodeCheckboxLabelHint",
+						hint: labelHint,
+						required: isRequired,
+						testId: `${id}-label-hint`
+					})]
+				})]
+			}),
+			error && /* @__PURE__ */ u("div", {
+				class: "IncodeCheckboxMessageWrapper",
+				"data-testid": `${id}-error-wrapper`,
+				children: [showErrorIcon && /* @__PURE__ */ u("div", {
+					class: "IncodeCheckboxIconWrapper",
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 17 })
+				}), /* @__PURE__ */ u("p", {
+					id: errorTextId,
+					class: "IncodeCheckboxErrorText",
+					children: error
+				})]
+			}),
+			helper && !error && /* @__PURE__ */ u("div", {
+				class: "IncodeCheckboxMessageWrapper",
+				"data-testid": `${id}-helper-wrapper`,
+				children: /* @__PURE__ */ u("p", {
+					id: helperTextId,
+					class: "IncodeCheckboxHelperText",
+					children: helper
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { Checkbox as t };

package/dist/connectionError-TamPptzl.js

@@ -0,0 +1,45 @@
+import { o as useTranslation } from "./uiConfig-Sd_A0KwB.js";
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { S as Button } from "./icons-BTQAPX7h.js";
+import { t as StatusPage } from "./statusPage-BSf9rrbK.js";
+//#region src/shared/connectionError/NoNetworkIcon.tsx
+var NoNetworkIcon = ({ size = 32 }) => /* @__PURE__ */ u("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 32 32",
+	fill: "none",
+	"aria-hidden": "true",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ u("path", {
+		d: "M5.76851 4.74117C6.31338 4.24592 7.156 4.28617 7.65131 4.83101L20.3847 18.8368C20.4974 18.9196 20.6085 19.0051 20.7167 19.0946C20.8955 19.2427 21.0255 19.4282 21.1054 19.6298L26.2704 25.3114C26.7653 25.8562 26.7251 26.699 26.1806 27.1942C25.6357 27.6895 24.7921 27.6492 24.2968 27.1044L18.6113 20.8505C17.8196 20.3301 16.8826 20.0637 15.9277 20.0976C14.8042 20.1375 13.7339 20.5889 12.9208 21.3651C12.3882 21.8737 11.5436 21.8538 11.0351 21.3212C10.5273 20.7886 10.5468 19.9447 11.079 19.4364C12.289 18.2812 13.859 17.5811 15.5204 17.4501L13.1933 14.8906C11.5724 15.3528 10.0882 16.2132 8.87787 17.3974C8.35154 17.9124 7.50714 17.9032 6.99214 17.3769C6.47722 16.8505 6.48634 16.0061 7.01264 15.4911C8.23115 14.2989 9.66965 13.3667 11.2402 12.7421L9.16987 10.4648C7.60544 11.2159 6.17457 12.2232 4.93843 13.4472C4.41517 13.9653 3.57082 13.9607 3.05269 13.4374C2.53495 12.9141 2.53835 12.0697 3.06148 11.5517C4.32081 10.3047 5.75306 9.25083 7.31049 8.41889L5.67866 6.62398C5.18343 6.07911 5.22371 5.23649 5.76851 4.74117ZM15.9999 22.6659C17.1044 22.6659 17.9997 23.5615 17.9999 24.6659C17.9999 25.7705 17.1045 26.6659 15.9999 26.6659C14.8955 26.6658 13.9999 25.7704 13.9999 24.6659C14.0001 23.5616 14.8956 22.666 15.9999 22.6659ZM17.4843 13.204C17.6613 12.4894 18.3839 12.0537 19.0986 12.2304C21.3018 12.7761 23.3184 13.9031 24.9374 15.4941C25.4626 16.0102 25.4702 16.8546 24.954 17.3798C24.4378 17.9045 23.5933 17.9124 23.0683 17.3964C21.7898 16.14 20.1978 15.2492 18.4579 14.8183C17.7436 14.6411 17.3077 13.9185 17.4843 13.204ZM15.9745 6.25679C20.8097 6.24487 25.4527 8.14859 28.8866 11.5527C29.4095 12.071 29.4136 12.9154 28.8954 13.4384C28.377 13.9613 27.5326 13.9646 27.0097 13.4462C24.076 10.538 20.1084 8.9107 15.9775 8.92182H15.9726C15.2238 8.92088 14.4753 8.97508 13.7343 9.08295C13.0058 9.18891 12.3289 8.68438 12.2226 7.956C12.1168 7.22763 12.6213 6.55059 13.3495 6.44429C14.2173 6.31795 15.0937 6.25593 15.9706 6.25679V6.25581L15.9736 6.25679L15.9755 6.25581L15.9745 6.25679Z",
+		fill: "var(--icon-status-negative)"
+	})
+});
+//#endregion
+//#region src/shared/connectionError/connectionError.tsx
+/**
+* Full-screen "no internet connection" state, shown whenever a backend request
+* fails due to lost connectivity. Flow-agnostic and cross-cutting — any module
+* can render it on a connectivity failure — so it lives in `shared/` rather
+* than inside a single module. Composes the shared `StatusPage` primitive
+* (icon + title + subtitle + actions) so it stays visually consistent with the
+* rest of the status/result screens. Copy defaults to the shared
+* `connectionError.*` namespace and can be overridden per caller.
+*/
+var ConnectionError = ({ onRefresh, title, subtitle, refreshLabel }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u(StatusPage, {
+		variant: "connectionError",
+		hideFooterBranding: true,
+		icon: /* @__PURE__ */ u(NoNetworkIcon, { size: 32 }),
+		title: title ?? t("connectionError.title"),
+		subtitle: subtitle ?? t("connectionError.subtitle"),
+		actions: /* @__PURE__ */ u(Button, {
+			onClick: onRefresh,
+			"data-testid": "connection-error-refresh",
+			children: refreshLabel ?? t("connectionError.refresh")
+		})
+	});
+};
+//#endregion
+export { ConnectionError as t };

package/dist/consent/consent.es.js

@@ -1,9 +1,10 @@
-import { o as useTranslation } from "../uiConfig-DG7HXVR0.js";
+import { o as useTranslation } from "../uiConfig-Sd_A0KwB.js";
 import { v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { At as isTerminalModuleState, Nt as useManager, St as Page, Tt as TransitionSpinner, et as Checkbox, jt as useModuleTerminalCallbacks, mt as IncodeComponent, vt as withStandaloneModuleBootstrap } from "../extensibility-DwFhaxCo.js";
-import { A as Button } from "../dropdownComposed-QhS8uwDE.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-DNwi5PIv.js";
-import { t as RichText } from "../richText-CmgFuzHO.js";
+import { C as useManager, a as withStandaloneModuleBootstrap, b as isTerminalModuleState, f as TransitionSpinner, l as Page, t as IncodeComponent, x as useModuleTerminalCallbacks } from "../incodeComponent-OpYmmHuG.js";
+import { S as Button } from "../icons-BTQAPX7h.js";
+import { t as Checkbox } from "../checkbox-CSTnDDdf.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DQfs4RF7.js";
+import { t as RichText } from "../richText-C93h8B8I.js";
 import { createConsentManager } from "@incodetech/core/consent";
 //#region src/modules/consent/consent.tsx
 var stopLinkPropagation = (event) => {