@incodetech/web 2.3.2 → 2.4.0-rc.1

package/dist/pdfViewer-DI6ftHlp.js

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

package/dist/pdfViewer-jx6A8s9-.js

@@ -0,0 +1,154 @@
+import { _ as y, c as A, f as d, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CkjGrKvv.js";
+import { t as Spinner } from "./spinner-ceW7fzMV.js";
+//#region src/shared/pdfViewer/pdfViewer.tsx
+var DPR = typeof window !== "undefined" ? window.devicePixelRatio ?? 1 : 1;
+/** `blob:` URL of the pdf.js worker, created on the first PDF render. */
+var workerSrc;
+async function renderPage(page, canvas, targetWidth) {
+	const scale = targetWidth / page.getViewport({ scale: 1 }).width;
+	const scaled = page.getViewport({ scale: scale * DPR });
+	canvas.width = Math.ceil(scaled.width);
+	canvas.height = Math.ceil(scaled.height);
+	canvas.style.width = `${Math.ceil(scaled.width / DPR)}px`;
+	canvas.style.height = `${Math.ceil(scaled.height / DPR)}px`;
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return;
+	await page.render({
+		canvasContext: ctx,
+		viewport: scaled,
+		canvas
+	}).promise;
+}
+/**
+* Extracts the page's text as a single readable string. `getTextContent`
+* returns positioned glyph runs (`TextItem`) interleaved with structural
+* markers (`TextMarkedContent`, which carry no `str`); we keep only the former
+* and honour `hasEOL` so logical line breaks survive into the reading order.
+*/
+async function extractPageText(page) {
+	return (await page.getTextContent()).items.map((item) => "str" in item ? item.str + (item.hasEOL ? "\n" : "") : "").join("").trim();
+}
+/**
+* PDF viewer that renders directly onto `<canvas>` via `pdfjs-dist`.
+*
+* We deliberately avoid the browser's native PDF viewer for both modes:
+* - Mobile browsers (iOS Safari, most Chromium on Android) do not render PDFs
+*   inline in `<iframe>` / `<object>` at all and show a tap-to-open placeholder
+*   regardless of frame size. Mobile is the primary use case for this
+*   component, so native embedding is not viable.
+* - Desktop Chromium additionally refuses to render PDFs inline below
+*   ~200px, breaking small document thumbnails.
+*
+* Rendering through pdfjs gives us consistent output across every target:
+* inline pixels we control, with no browser-supplied toolbars, download
+* chrome, or tap-to-open overlays.
+*
+* `pdfjs-dist` and its worker are dynamically `import()`-ed so they don't land
+* in the main bundle; consumers that never render a PDF pay zero download
+* cost. Thumbnail and full-view callers share the same async chunks. The
+* worker is imported as source text (`?raw`) and started from a `blob:` URL:
+* a `?url` import is inlined by the library build as a base64 `data:` URL
+* (about 1.4 MB) into every chunk that imports this file, and pdf.js loads a
+* `data:` worker through `import()`, which a CSP without `script-src data:`
+* blocks.
+*
+* Accessibility: a `<canvas>` is opaque to assistive technology, so the
+* rendered pages are grouped under a single `role="img"` + `aria-label`
+* (a short summary). On its own that fails WCAG 1.1.1 / 1.4.5 for a document
+* the user must actually read — pixels are an image of text with no reading
+* path. In `full` mode we therefore also extract each page's real text via
+* `getTextContent()` into a visually-hidden, AT-readable layer alongside the
+* canvases. `thumbnail` mode stays a labelled preview (no text layer): it is a
+* decorative first-page glance whose `aria-label` is the file name.
+*/
+var PdfViewer = ({ url, mode = "full", "aria-label": ariaLabel, className, onError }) => {
+	const containerRef = A(null);
+	const pagesRef = A(null);
+	const textRef = A(null);
+	const [status, setStatus] = d("loading");
+	const onErrorRef = A(onError);
+	onErrorRef.current = onError;
+	y(() => {
+		let cancelled = false;
+		let loadingTask = null;
+		let pdfDoc = null;
+		setStatus("loading");
+		(async () => {
+			try {
+				const [pdfjs, { default: workerSource }] = await Promise.all([import("./pdf-BKHLi5Ac.js"), import("./pdf.worker.min-BM1b2w9V.js")]);
+				workerSrc ??= URL.createObjectURL(new Blob([workerSource], { type: "text/javascript" }));
+				pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
+				if (cancelled) return;
+				const container = containerRef.current;
+				const pagesHost = pagesRef.current;
+				const textHost = textRef.current;
+				if (!container || !pagesHost) return;
+				pagesHost.innerHTML = "";
+				if (textHost) textHost.innerHTML = "";
+				loadingTask = pdfjs.getDocument({ url });
+				pdfDoc = await loadingTask.promise;
+				if (cancelled) return;
+				const includeTextLayer = mode === "full";
+				const pageCount = mode === "thumbnail" ? 1 : pdfDoc.numPages;
+				const fallbackWidth = mode === "thumbnail" ? 113 : 320;
+				const targetWidth = container.clientWidth || fallbackWidth;
+				for (let pageNumber = 1; pageNumber <= pageCount; pageNumber++) {
+					if (cancelled) return;
+					const page = await pdfDoc.getPage(pageNumber);
+					const canvas = document.createElement("canvas");
+					canvas.className = "IncodePdfViewerCanvas";
+					pagesHost.appendChild(canvas);
+					await renderPage(page, canvas, targetWidth);
+					if (includeTextLayer && textHost) {
+						const pageText = await extractPageText(page);
+						if (cancelled) return;
+						if (pageText) {
+							const pageTextEl = document.createElement("div");
+							pageTextEl.className = "IncodePdfViewerTextPage";
+							pageTextEl.textContent = pageText;
+							textHost.appendChild(pageTextEl);
+						}
+					}
+					page.cleanup();
+				}
+				if (!cancelled) setStatus("ready");
+			} catch (error) {
+				if (cancelled) return;
+				setStatus("error");
+				onErrorRef.current?.(error);
+			}
+		})();
+		return () => {
+			cancelled = true;
+			loadingTask?.destroy();
+			pdfDoc?.destroy();
+		};
+	}, [url, mode]);
+	return /* @__PURE__ */ u("div", {
+		ref: containerRef,
+		class: cn("IncodePdfViewer", mode === "thumbnail" ? "IncodePdfViewerThumbnail" : "IncodePdfViewerFull", className),
+		"aria-busy": status === "loading",
+		children: [
+			/* @__PURE__ */ u("div", {
+				ref: pagesRef,
+				class: "IncodePdfViewerPages",
+				role: "img",
+				"aria-label": ariaLabel
+			}),
+			/* @__PURE__ */ u("div", {
+				ref: textRef,
+				class: "IncodePdfViewerTextLayer"
+			}),
+			status === "loading" && /* @__PURE__ */ u("div", {
+				class: "IncodePdfViewerStatus",
+				children: /* @__PURE__ */ u(Spinner, {
+					size: "small",
+					fullScreen: false
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { PdfViewer as t };

package/dist/{permissions-D85sVpRH.js → permissions-CSwqOb8W.js}

@@ -1,12 +1,14 @@
-import { o as useTranslation } from "./uiConfig-Dd7jp1PI.js";
-import { _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { _ as useIsMobileDeviceWidth, c as Page, d as TransitionSpinner } from "./incodeComponent--XJZ07QN.js";
-import { i as TypographyH4, t as Title } from "./typography-Ck7V6DNZ.js";
-import { n as WarningIcon, x as Button } from "./icons-DO-rf5yd.js";
-import { t as AutoFocusTitle } from "./autoFocusTitle-DebebrwQ.js";
-import { t as Modal } from "./modal-DNfrzKC7.js";
-import { t as BottomSheet } from "./bottomSheet-DpSr7d9-.js";
-import { a as SvgCheckIcon, o as SvgCameraIcon, s as SvgBankCardIcon, t as Denied } from "./denied-PJnw8fbL.js";
+import { o as useTranslation } from "./uiConfig-Bh5WEbvy.js";
+import { _ as y, a as P, b as Q, c as A, g as x, s as z, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { h as useIsMobileDeviceWidth } from "./incodeComponent-WXvcRKkM.js";
+import { i as TypographyH4, t as Title } from "./typography-CjBuzXWX.js";
+import { t as TransitionSpinner } from "./transitionSpinner-t_urdfwD.js";
+import { n as WarningIcon, x as Button } from "./icons-CSP6Tne6.js";
+import { t as Page } from "./page-BksTT2IT.js";
+import { n as Modal } from "./incode-logo-DIujvtwd.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-shYRUp-4.js";
+import { t as BottomSheet } from "./bottomSheet-Cdwz_7C5.js";
+import { n as SvgCameraIcon, r as SvgBankCardIcon, t as SvgCheckIcon } from "./check-icon-BpjpKqhJ.js";
 import "@incodetech/core/camera";
 //#region src/shared/permissions/camera/learnMore.tsx
 var learnMoreInstructions = [
@@ -73,6 +75,25 @@ var LearnMore = ({ onAllowPermissions, onQuitProcess, "data-testid": dataTestId,
 	});
 };
 //#endregion
+//#region src/shared/permissions/camera/permissionsContext.tsx
+var DEFAULT_PERMISSIONS_CONTEXT = { alwaysDark: false };
+var PermissionsContext = Q(DEFAULT_PERMISSIONS_CONTEXT);
+/**
+* Permissions is part of the public extensibility surface, but module-specific
+* presentation state is private. This context preserves the public Permissions
+* props while consumers outside the provider retain the existing defaults.
+*/
+var PermissionsProvider = ({ value, children }) => /* @__PURE__ */ u(PermissionsContext.Provider, {
+	value: {
+		...DEFAULT_PERMISSIONS_CONTEXT,
+		...value
+	},
+	children
+});
+function usePermissionsContext() {
+	return x(PermissionsContext);
+}
+//#endregion
 //#region src/shared/permissions/camera/permissionsBottomSheet.tsx
 function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDenyButton = true, isRequestingPermissions = false, onClose }) {
 	const { t } = useTranslation();
@@ -177,11 +198,14 @@ var PermissionsDialog = ({ manager, permissionStatus, isDismissible }) => {
 };
 //#endregion
 //#region src/shared/permissions/camera/permissions.tsx
+var Denied = z(() => import("./denied-Cs9yuLM4.js").then((module) => ({ default: module.Denied })));
 var Permissions = ({ manager, permissionStatus }) => {
+	const { alwaysDark } = usePermissionsContext();
 	if (permissionStatus === "checking") return null;
 	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, {
 		className: "IncodePermissionsRequestingPage",
 		presentational: true,
+		alwaysDark,
 		titleKey: "loadingCircle.holdOn",
 		subtitleKey: "loadingCircle.preparingCamera"
 	});
@@ -191,10 +215,13 @@ var Permissions = ({ manager, permissionStatus }) => {
 		"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"
+	if (permissionStatus === "denied") return /* @__PURE__ */ u(P, {
+		fallback: null,
+		children: /* @__PURE__ */ u(Denied, {
+			onRefresh: () => window.location.reload(),
+			"data-testid": "permissions",
+			"data-permission-status": "denied"
+		})
 	});
 	return /* @__PURE__ */ u(Page, {
 		className: "IncodePermissionsPage",
@@ -209,4 +236,4 @@ var Permissions = ({ manager, permissionStatus }) => {
 	});
 };
 //#endregion
-export { PermissionsDialog as n, Permissions as t };
+export { PermissionsDialog as n, PermissionsProvider as r, Permissions as t };

package/dist/phone/phone.es.js

@@ -1,12 +1,13 @@
-import { o as useTranslation } from "../uiConfig-Dd7jp1PI.js";
+import { o as useTranslation } from "../uiConfig-Bh5WEbvy.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--XJZ07QN.js";
-import { t as Spacer } from "../spacer-Csi6kZZI.js";
-import { x as Button } from "../icons-DO-rf5yd.js";
-import { t as OtpInput } from "../otpInput-CmcE2rnQ.js";
-import { t as Checkbox } from "../checkbox-CNc8kQS0.js";
-import { t as PhoneInputComposed } from "../phoneInputComposed-7i6GGW1B.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-n_Am6zwM.js";
+import { a as withStandaloneModuleBootstrap, t as IncodeComponent, v as isTerminalModuleState, x as useManager, y as useModuleTerminalCallbacks } from "../incodeComponent-WXvcRKkM.js";
+import { t as Spacer } from "../spacer-CkjGrKvv.js";
+import { x as Button } from "../icons-CSP6Tne6.js";
+import { t as Page } from "../page-BksTT2IT.js";
+import { t as OtpInput } from "../otpInput-DhyZLO7E.js";
+import { t as Checkbox } from "../checkbox-BCr_W3eL.js";
+import { t as PhoneInputComposed } from "../phoneInputComposed-B-rmar65.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DsWO19Nv.js";
 import { createPhoneManager } from "@incodetech/core/phone";
 //#region src/modules/phone/phone.tsx
 /**

package/dist/phone/styles.css

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

package/dist/phone/styles.css.js

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

package/dist/phoneInputComposed-B-rmar65.js

@@ -0,0 +1,249 @@
+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 { b as ErrorIcon, r as SuccessIcon } from "./icons-CSP6Tne6.js";
+import { t as InputComposed } from "./inputComposed-D-WVQEpg.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
+import { t as countryDefinitions } from "./countryDefinitions-BO9OSKQO.js";
+import { t as DropdownComposed } from "./dropdownComposed-DMsLAeKB.js";
+//#region src/shared/countries/countries.ts
+var countries = Object.entries(countryDefinitions).map(([code, data]) => ({
+	code,
+	alpha3: data.alpha3,
+	emoji: data.emoji,
+	name: data.name,
+	callingCode: data.callingCode
+})).sort((a, b) => a.name.localeCompare(b.name));
+function getCountryByCode(code) {
+	if (!code) return void 0;
+	return countries.find((c) => c.code === code || c.code === code.toUpperCase());
+}
+function getCountryByCallingCode(callingCode) {
+	const normalized = callingCode.startsWith("+") ? callingCode : `+${callingCode}`;
+	return countries.find((c) => c.callingCode === normalized);
+}
+//#endregion
+//#region src/shared/phoneInputComposed/phoneInputComposed.tsx
+var HARDCODED_PLACEHOLDERS = {
+	US: "(123) 456-7890",
+	CA: "(123) 456-7890"
+};
+var loadedRules;
+var rulesLoad;
+function loadPhoneNumberRules() {
+	rulesLoad ??= import("@incodetech/core/phone-number").then((rules) => {
+		loadedRules = rules;
+		return rules;
+	}, (error) => {
+		rulesLoad = void 0;
+		throw error;
+	});
+	return rulesLoad;
+}
+/**
+* Returns the rules once loaded, and `ensureRules` to (re)start the load. A
+* failed load is not cached, so the field retries on the next keystroke.
+*/
+function usePhoneNumberRules() {
+	const [rules, setRules] = d(loadedRules);
+	const mounted = A(true);
+	y(() => () => {
+		mounted.current = false;
+	}, []);
+	const ensureRules = q(() => {
+		loadPhoneNumberRules().then((loaded) => {
+			if (mounted.current) setRules(loaded);
+		}, () => void 0);
+	}, []);
+	y(() => {
+		if (!rules) ensureRules();
+	}, [rules, ensureRules]);
+	return [rules, ensureRules];
+}
+function getPhonePlaceholder(code, rules) {
+	return HARDCODED_PLACEHOLDERS[code] || (rules?.formatExamplePhoneNumber(code) ?? "");
+}
+var PhoneInputComposed = D(({ id, label, labelHint, countryCode = "US", value, placeholder, error, showFormatHintInError = false, helper, showErrorIcon, showHelperIcon, disabled = false, disableCountrySelector = false, required, onChange, formatHintBuilder, countryAriaLabelBuilder, "aria-labelledby": ariaLabelledBy, "data-testid": dataTestId, ...restProps }, ref) => {
+	const [selectedCountryCode, setSelectedCountryCode] = d(countryCode);
+	const [localPhone, setLocalPhone] = d("");
+	const initialised = A(false);
+	const formattedWithRules = A(false);
+	const [rules, ensureRules] = usePhoneNumberRules();
+	const dropdownOptions = T(() => countries.map((c) => ({
+		value: c.code,
+		label: `${c.emoji} ${c.callingCode} ${c.name}`,
+		ariaLabel: `${c.callingCode} ${c.name}`
+	})), []);
+	const selectedCountry = T(() => getCountryByCode(selectedCountryCode) ?? getCountryByCode("US"), [selectedCountryCode]);
+	const effectivePlaceholder = T(() => placeholder ?? getPhonePlaceholder(selectedCountryCode, rules), [
+		placeholder,
+		selectedCountryCode,
+		rules
+	]);
+	const formatHintId = `${id}-phone-format-hint`;
+	const formatHintText = T(() => formatHintBuilder?.(effectivePlaceholder), [formatHintBuilder, effectivePlaceholder]);
+	const formatHintTextForSr = T(() => formatHintText?.replace(/\d/g, "$& ").trim(), [formatHintText]);
+	const showStandaloneFormatHint = !error && !!formatHintText;
+	const showErrorFormatHint = showFormatHintInError && !!error && !!formatHintText;
+	y(() => {
+		if (initialised.current || !value || !selectedCountry || !rules) return;
+		initialised.current = true;
+		const parsed = rules.parsePhoneNumber(value.startsWith("+") ? value : `+${value}`);
+		if (parsed) {
+			if (parsed.country !== selectedCountryCode) setSelectedCountryCode(parsed.country);
+			formattedWithRules.current = true;
+			setLocalPhone(parsed.national);
+		}
+	}, [
+		value,
+		selectedCountry,
+		selectedCountryCode,
+		rules
+	]);
+	const validateAndNotify = q((rawDigits, country) => {
+		const digits = rawDigits.replace(/\D/g, "");
+		const full = digits ? `${country.callingCode}${digits}` : "";
+		onChange?.(full, rules?.isValidPhoneNumber(full, country.code) ?? false);
+	}, [onChange, rules]);
+	y(() => {
+		if (!rules || formattedWithRules.current) return;
+		formattedWithRules.current = true;
+		if (!localPhone) return;
+		setLocalPhone(rules.formatPhoneAsYouType(localPhone, selectedCountry.code));
+		validateAndNotify(localPhone, selectedCountry);
+	}, [
+		rules,
+		localPhone,
+		selectedCountry,
+		validateAndNotify
+	]);
+	const handleCountryChange = q((newCode) => {
+		setSelectedCountryCode(newCode);
+		const country = getCountryByCode(newCode);
+		if (country && localPhone) validateAndNotify(localPhone, country);
+	}, [localPhone, validateAndNotify]);
+	const handlePhoneInput = q((e) => {
+		const raw = e.target.value;
+		initialised.current = true;
+		if (!selectedCountry || !rules) {
+			setLocalPhone(raw);
+			if (selectedCountry) validateAndNotify(raw, selectedCountry);
+			ensureRules();
+			return;
+		}
+		formattedWithRules.current = true;
+		setLocalPhone(rules.formatPhoneAsYouType(raw, selectedCountry.code));
+		validateAndNotify(raw, selectedCountry);
+	}, [
+		selectedCountry,
+		validateAndNotify,
+		rules,
+		ensureRules
+	]);
+	const countryDropdownId = `${id}-country`;
+	const phoneInputId = `${id}-phone`;
+	const helperId = `${phoneInputId}-helper`;
+	const errorId = `${phoneInputId}-error`;
+	const describedByIds = [
+		showStandaloneFormatHint ? formatHintId : null,
+		helper ? helperId : null,
+		error ? errorId : null
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ u("div", {
+		class: "IncodePhoneInputComposed",
+		children: [
+			label && /* @__PURE__ */ u("label", {
+				class: "IncodePhoneInputComposedLabel",
+				htmlFor: phoneInputId,
+				"data-testid": `${id}-label`,
+				children: [label, /* @__PURE__ */ u(FieldLabelHint, {
+					className: "IncodePhoneInputComposedLabelHint",
+					hint: labelHint,
+					required,
+					testId: `${id}-label-hint`
+				})]
+			}),
+			/* @__PURE__ */ u(DropdownComposed, {
+				id: countryDropdownId,
+				options: dropdownOptions,
+				value: selectedCountryCode,
+				onChange: handleCountryChange,
+				disabled: disabled || disableCountrySelector,
+				required,
+				searchable: true,
+				searchPlaceholder: "Search countries...",
+				suppressMessages: true,
+				"aria-label": countryAriaLabelBuilder?.({
+					callingCode: selectedCountry.callingCode,
+					countryName: selectedCountry.name
+				}) ?? `Country code ${selectedCountry.callingCode}, ${selectedCountry.name}`,
+				renderSelectedLabel: (option) => {
+					const c = getCountryByCode(option.value);
+					return c ? `${c.emoji} ${c.callingCode}` : option.label;
+				},
+				"data-testid": `${countryDropdownId}-selector`,
+				class: "IncodePhoneInputComposedDropdown",
+				siblingElement: /* @__PURE__ */ u(InputComposed, {
+					id: phoneInputId,
+					ref,
+					type: "tel",
+					value: localPhone,
+					onInput: handlePhoneInput,
+					placeholder: effectivePlaceholder,
+					error,
+					disabled,
+					required,
+					suppressMessages: true,
+					"aria-label": !label ? "Phone number" : void 0,
+					"aria-labelledby": ariaLabelledBy,
+					"aria-describedby": describedByIds || void 0,
+					"aria-invalid": error ? "true" : void 0,
+					"data-testid": dataTestId,
+					...restProps
+				})
+			}),
+			showStandaloneFormatHint && /* @__PURE__ */ u("span", {
+				id: formatHintId,
+				class: "IncodeSrOnly",
+				"data-testid": `${id}-format-hint`,
+				children: formatHintTextForSr
+			}),
+			error && /* @__PURE__ */ u("div", {
+				class: "IncodePhoneInputComposedErrorWrapper",
+				role: "alert",
+				"data-testid": `${id}-error-wrapper`,
+				children: [showErrorIcon && /* @__PURE__ */ u("div", {
+					class: "IncodePhoneInputComposedIconWrapper",
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 16 })
+				}), /* @__PURE__ */ u("p", {
+					id: errorId,
+					class: "IncodePhoneInputComposedError",
+					children: [error, showErrorFormatHint && /* @__PURE__ */ u(k, { children: [
+						" ",
+						/* @__PURE__ */ u("span", {
+							"aria-hidden": "true",
+							children: formatHintText
+						}),
+						/* @__PURE__ */ u("span", {
+							class: "IncodeSrOnly",
+							children: formatHintTextForSr
+						})
+					] })]
+				})]
+			}),
+			helper && !error && /* @__PURE__ */ u("div", {
+				class: "IncodePhoneInputComposedHelperWrapper",
+				"data-testid": `${id}-helper-wrapper`,
+				children: [showHelperIcon && /* @__PURE__ */ u("div", {
+					class: "IncodePhoneInputComposedIconWrapper",
+					children: /* @__PURE__ */ u(SuccessIcon, { size: 16 })
+				}), /* @__PURE__ */ u("p", {
+					id: helperId,
+					class: "IncodePhoneInputComposedHelper",
+					children: helper
+				})]
+			})
+		]
+	});
+});
+PhoneInputComposed.displayName = "PhoneInputComposed";
+//#endregion
+export { getCountryByCode as i, countries as n, getCountryByCallingCode as r, PhoneInputComposed as t };

package/dist/{pl-B32zvfat.js → pl-eSIxcu-k.js}

@@ -1341,12 +1341,38 @@ var pl_default = {
 		"instructions": {
 			"allowLocation": "Zezwalaj na uprawnienia do lokalizacji",
 			"allowOnlyWhileUsing": "Ustaw opcję <strong>„Zezwól tylko podczas korzystania z aplikacji</strong> ” lub <strong>„Zezwól za każdym razem</strong>”",
+			"android": {
+				"appsBrowserPermissions": "Przejdź do sekcji „Aplikacje” → „Twoja przeglądarka” → „Uprawnienia”",
+				"chromePermissionsLocation": "Wybierz „Uprawnienia” → „Lokalizacja” → „Zezwól”",
+				"chromeSiteIcon": "Dotknij ikony strony po lewej stronie paska adresu",
+				"chromeSiteSettings": "Lub dotknij trzech kropek → Ustawienia → Ustawienia witryny → Lokalizacja",
+				"firefoxAskToAllow": "Wybierz opcję „Poproś o zezwolenie”, a następnie zezwól na tę stronę",
+				"firefoxMenuSettings": "Naciśnij trzy kropki w prawym dolnym rogu → Ustawienia",
+				"firefoxSitePermissions": "Wybierz opcję „Uprawnienia do lokalizacji” → „Lokalizacja”",
+				"locationWhileUsing": "Wybierz opcję „Lokalizacja” → „Zezwól tylko podczas korzystania z aplikacji”",
+				"openDeviceSettings": "Otwórz ustawienia urządzenia",
+				"operaLocationAllow": "Wybierz opcję „Pytaj za każdym razem” lub „Zezwól”",
+				"operaProfileSettings": "Kliknij ikonę swojego profilu w prawym dolnym rogu → Ustawienia",
+				"operaSiteSettings": "Wybierz opcję „Prywatność i bezpieczeństwo” → „Ustawienia witryny” → „Lokalizacja”",
+				"returnAndRefresh": "Wróć i naciśnij przycisk „Odśwież stronę”",
+				"returnHereAndRefresh": "Wróć tutaj i odśwież stronę",
+				"samsungLocationAllow": "Wybierz „Lokalizacja” → „Znajdź miejsce” → „Zezwól”",
+				"samsungMenuSettings": "Naciśnij przycisk Menu w prawym dolnym rogu → Ustawienia",
+				"samsungSitePermissions": "Wybierz opcję „Witryny i pliki do pobrania” → „Uprawnienia witryn”"
+			},
 			"ios": {
-				"appsChrome": "Wybierz aplikacje<arrow/>, <strong>Chrome</strong>",
-				"appsFirefox": "Wybierz aplikacje<arrow/>, <strong>Firefox</strong>",
-				"locationWhileUsing": "Kliknij „<arrow/> ” w sekcji „Lokalizacja” <strong>podczas korzystania z aplikacji</strong>",
-				"safariPageMenu": "Naciśnij ikonę <strong>menu strony</strong> na pasku adresu",
-				"safariWebsiteSettings": "Wybierz „Ustawienia witryny”<arrow/> <strong>Lokalizacja<arrow/> Zezwól</strong>"
+				"appsChrome": "Wybierz Aplikacje → Chrome → Lokalizacja",
+				"appsFirefox": "Wybierz Aplikacje → Firefox → Lokalizacja",
+				"appsOpera": "Wybierz „Aplikacje” → „Opera” → „Lokalizacja”",
+				"locationWhileUsing": "Wybierz podczas korzystania z aplikacji",
+				"openSettings": "Otwórz aplikację „Ustawienia” na swoim iPhonie",
+				"returnAndRefresh": "Wróć i naciśnij przycisk „Odśwież stronę”",
+				"returnToChrome": "Wróć do przeglądarki Chrome i naciśnij przycisk „Odśwież stronę”",
+				"returnToFirefox": "Wróć do przeglądarki Firefox i naciśnij przycisk „Odśwież stronę”",
+				"returnToOpera": "Wróć do przeglądarki Opera i naciśnij przycisk „Odśwież stronę”",
+				"safariDeviceSettings": "Jeśli strona nie wyświetli ponownego zapytania: Ustawienia → Aplikacje → Safari → Lokalizacja",
+				"safariPageMenu": "Naciśnij menu strony po lewej stronie paska adresu",
+				"safariWebsiteSettings": "Wybierz „Ustawienia strony internetowej” → „Lokalizacja” → „Zezwól”"
 			},
 			"locationAllow": "Kliknij <strong>„Lokalizacja” <arrow/> Zezwól</strong>",
 			"locationAskToAllow": "Kliknij <strong>„Lokalizacja” <arrow/> Poproś o zezwolenie</strong>",
@@ -2283,7 +2309,7 @@ var pl_default = {
 			},
 			"serverError": {
 				"message": "Serwer ma problemy. Spróbuj ponownie później ",
-				"title": "Oopsie"
+				"title": "Wystąpił błąd"
 			},
 			"sessionFinished": {
 				"message": "",
@@ -3109,6 +3135,7 @@ var pl_default = {
 			"invalidSessionResponse": "Nieprawidłowa odpowiedź sesji.",
 			"missingFlowConfiguration": "Brak konfiguracji przepływu.",
 			"restartLabel": "Wznowienie procesu wdrażania nowych pracowników",
+			"sessionExpiredMessage": "Twoja sesja wygasła. Aby kontynuować, rozpocznij proces od nowa.",
 			"sessionInvalidMessage": "Ta sesja weryfikacyjna nie jest już dostępna. Aby kontynuować, należy rozpocząć nową sesję.",
 			"sessionRestartDisabledMessage": "Ta sesja weryfikacyjna została już zakończona i nie można jej ponownie otworzyć.",
 			"sessionUnavailableTitle": "Sesja nie jest już dostępna",

package/dist/policyUrls-B3M8nLRh.js

@@ -0,0 +1,7 @@
+//#region src/shared/legal/policyUrls.ts
+/** Incode's public Privacy Policy. */
+var INCODE_PRIVACY_POLICY_URL = "https://policies.incodesmile.com/privacy-policy/";
+/** Incode's public Terms of Use. */
+var INCODE_TERMS_OF_USE_URL = "https://policies.incodesmile.com/terms-of-use/";
+//#endregion
+export { INCODE_TERMS_OF_USE_URL as n, INCODE_PRIVACY_POLICY_URL as t };

package/dist/{processing-DB6ZtByy.js → processing-DXSGB91D.js}

@@ -1,5 +1,5 @@
 import { v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { d as TransitionSpinner } from "./incodeComponent--XJZ07QN.js";
+import { t as TransitionSpinner } from "./transitionSpinner-t_urdfwD.js";
 //#region src/shared/processing/processing.tsx
 var Processing = () => {
 	return /* @__PURE__ */ u(TransitionSpinner, {});

package/dist/progressBar-CFcaF74Q.js

@@ -0,0 +1,27 @@
+import { S as k, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn, t as Spacer } from "./spacer-CkjGrKvv.js";
+//#region src/shared/progressBar/progressBar.tsx
+var ProgressBar = ({ progress, label, className, labelledById, simulated = false }) => /* @__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: [simulated && /* @__PURE__ */ u("div", {
+			class: "IncodeProgressBarSimulated",
+			"aria-hidden": "true"
+		}), /* @__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
+export { ProgressBar as t };