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

package/dist/{numberedStep-DqtXyT11.js → numberedStep-DYznpDKc.js}

@@ -1,4 +1,4 @@
-import { y as u } from "./vendor-preact-BPXMFRom.js";
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/shared/permissions/camera/numberedStep.tsx
 var NumberedStep = ({ number }) => {
 	return /* @__PURE__ */ u("div", {

package/dist/{optionAccessibleLabel-C5iZCrlq.js → optionAccessibleLabel-CqBUOBxK.js}

@@ -1,9 +1,9 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { g as q, l as A, p as d, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { h as useIsMobileDeviceWidth } from "./incodeComponent-BtFz-bx2.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
-import { i as translateError } from "./radioGroupComposed-DQzTWutW.js";
-import { t as BottomSheet } from "./bottomSheet-BWEUBq8m.js";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { _ as y, c as A, f as d, h as q, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { _ as useIsMobileDeviceWidth } from "./incodeComponent-D3_BSWan.js";
+import { t as InputComposed } from "./inputComposed-CTZnsHLi.js";
+import { n as translateError } from "./formField-CBwWQ7wD.js";
+import { t as BottomSheet } from "./bottomSheet-DtUFrIAG.js";
 //#region src/shared/addressAutocomplete/addressAutocomplete.tsx
 var AddressAutocomplete = ({ label, value, error, errorParams, suggestions, readonly, required, labelHint, onChange, onSearch, onSelect, onBlur }) => {
 	const { t } = useTranslation();

package/dist/{otpInput-CvPR3ZpP.js → otpInput-tEovwPs7.js}

@@ -1,85 +1,10 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { g as q, l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { t as Spacer } from "./spacer-DLEDuWEx.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
-import "./inputComposed-kKtrvJU5.js";
-//#region src/shared/resendTimer.ts
-var formatResendTimer = (seconds) => {
-	return `${Math.floor(seconds / 60)}:${(seconds % 60).toString().padStart(2, "0")}`;
-};
-var DEFAULT_ANNOUNCEMENT_KEYS = {
-	resendAvailable: "otp.resendCodeAvailable",
-	timerStarted: "otp.timerStarted",
-	timerTenSeconds: "otp.timerTenSeconds",
-	timerFiveSeconds: "otp.timerFiveSeconds"
-};
-function useResendTimerAnnouncements({ canResend, resendTimer, disabled = false, i18nKeys }) {
-	const { t } = useTranslation();
-	const announcementKeys = {
-		...DEFAULT_ANNOUNCEMENT_KEYS,
-		...i18nKeys
-	};
-	const liveRef = A(null);
-	const prevCanResendRef = A(canResend);
-	const hasAnnouncedStartRef = A(false);
-	const announceTimerRef = A();
-	const announce = q((message) => {
-		const node = liveRef.current;
-		if (!node) return;
-		clearTimeout(announceTimerRef.current);
-		node.textContent = "";
-		announceTimerRef.current = setTimeout(() => {
-			node.textContent = message;
-		}, 50);
-	}, []);
-	y(() => {
-		return () => clearTimeout(announceTimerRef.current);
-	}, []);
-	y(() => {
-		if (disabled) {
-			prevCanResendRef.current = canResend;
-			return;
-		}
-		const wasUnavailable = !prevCanResendRef.current;
-		prevCanResendRef.current = canResend;
-		if (wasUnavailable && canResend) announce(t(announcementKeys.resendAvailable));
-	}, [
-		canResend,
-		disabled,
-		announcementKeys.resendAvailable,
-		announce,
-		t
-	]);
-	y(() => {
-		if (disabled) {
-			hasAnnouncedStartRef.current = false;
-			return;
-		}
-		if (canResend || resendTimer <= 0) {
-			hasAnnouncedStartRef.current = false;
-			return;
-		}
-		if (!hasAnnouncedStartRef.current) {
-			hasAnnouncedStartRef.current = true;
-			announce(t(announcementKeys.timerStarted, { time: String(resendTimer) }));
-			return;
-		}
-		if (resendTimer === 10) announce(t(announcementKeys.timerTenSeconds));
-		else if (resendTimer === 5) announce(t(announcementKeys.timerFiveSeconds));
-	}, [
-		resendTimer,
-		canResend,
-		disabled,
-		announcementKeys.timerStarted,
-		announcementKeys.timerTenSeconds,
-		announcementKeys.timerFiveSeconds,
-		announce,
-		t
-	]);
-	return liveRef;
-}
-//#endregion
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { _ as y, c as A, h as q, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { t as Spacer } from "./spacer-ayyj5lMa.js";
+import { x as Button } from "./icons-eIgP34nj.js";
+import { t as InputComposed } from "./inputComposed-CTZnsHLi.js";
+import "./inputComposed-wy0-orhJ.js";
+import { n as useResendTimerAnnouncements, t as formatResendTimer } from "./resendTimer-Cskll9rx.js";
 //#region src/shared/otpInput/otpInput.tsx
 var normalizeOtp = (value, maxLength) => {
 	return value.replace(/[^a-zA-Z0-9]/g, "").toUpperCase().slice(0, maxLength);
@@ -229,4 +154,4 @@ var OtpInput = ({ value, otpLength, resendTimer, canResend, error, validationErr
 	});
 };
 //#endregion
-export { formatResendTimer as n, useResendTimerAnnouncements as r, OtpInput as t };
+export { OtpInput as t };

package/dist/{passport-horizontal-hint-DzkhjC8Q.js → passport-horizontal-hint-6Ghn2EEN.js}

@@ -1,4 +1,4 @@
-import { y as u } from "./vendor-preact-BPXMFRom.js";
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/modules/id/capture/assets/hints/passport-horizontal-hint.svg?react
 var SvgPassportHorizontalHint = (props) => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",

package/dist/{passport-vertical-hint-Bd0BQn2Y.js → passport-vertical-hint-UPFFpdf4.js}

@@ -1,4 +1,4 @@
-import { y as u } from "./vendor-preact-BPXMFRom.js";
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/modules/id/capture/assets/hints/passport-vertical-hint.svg?react
 var SvgPassportVerticalHint = (props) => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",

package/dist/passwordInputComposed-DNlYgHHW.js

@@ -0,0 +1,74 @@
+import { f as d, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-ayyj5lMa.js";
+import { b as ErrorIcon, c as EyeOffIcon, l as EyeIcon, r as SuccessIcon, u as EllipseIcon } from "./icons-eIgP34nj.js";
+import { t as InputComposed } from "./inputComposed-CTZnsHLi.js";
+import "./inputComposed-wy0-orhJ.js";
+//#region src/shared/passwordInputComposed/passwordInputComposed.tsx
+var PasswordInputComposed = D(({ id, value, class: className, invalid, showPasswordAriaLabel, hidePasswordAriaLabel, defaultVisible = false, requirementsHeading, requirements = [], requirementMetLabel, requirementUnmetLabel, ...restProps }, ref) => {
+	const [visible, setVisible] = d(defaultVisible);
+	const hasValue = !!(value && String(value).length > 0);
+	const allMet = requirements.every((requirement) => requirement.met);
+	const showRequirementsError = hasValue && requirements.length > 0 && !allMet;
+	const requirementsHeadingId = `${id}-requirements-heading`;
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodePasswordInputComposed", className),
+		children: [/* @__PURE__ */ u(InputComposed, {
+			...restProps,
+			id,
+			ref,
+			value,
+			type: visible ? "text" : "password",
+			invalid: showRequirementsError || invalid,
+			rightIcon: /* @__PURE__ */ u("button", {
+				type: "button",
+				class: "IncodePasswordInputComposedToggle",
+				"aria-label": visible ? hidePasswordAriaLabel : showPasswordAriaLabel,
+				"aria-pressed": visible,
+				"aria-controls": id,
+				"data-testid": `${id}-toggle-visibility`,
+				onClick: () => setVisible((currentlyVisible) => !currentlyVisible),
+				children: visible ? /* @__PURE__ */ u(EyeOffIcon, { size: 24 }) : /* @__PURE__ */ u(EyeIcon, { size: 24 })
+			})
+		}), requirements.length > 0 && /* @__PURE__ */ u("div", {
+			class: "IncodePasswordInputComposedRequirements",
+			children: [requirementsHeading && /* @__PURE__ */ u("p", {
+				id: requirementsHeadingId,
+				class: "IncodePasswordInputComposedRequirementsHeading",
+				"data-invalid": showRequirementsError,
+				"data-testid": requirementsHeadingId,
+				children: [showRequirementsError && /* @__PURE__ */ u("span", {
+					class: "IncodePasswordInputComposedRequirementsHeadingIcon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 16 })
+				}), requirementsHeading]
+			}), /* @__PURE__ */ u("ul", {
+				class: "IncodePasswordInputComposedRequirementsList",
+				"aria-live": "polite",
+				"aria-labelledby": requirementsHeading ? requirementsHeadingId : void 0,
+				"data-testid": `${id}-requirements`,
+				children: requirements.map(({ key, label, met }) => /* @__PURE__ */ u("li", {
+					class: "IncodePasswordInputComposedRequirement",
+					"data-met": met,
+					"data-testid": `${id}-requirement-${key}`,
+					children: [
+						/* @__PURE__ */ u("span", {
+							"aria-hidden": "true",
+							class: "IncodePasswordInputComposedRequirementIcon",
+							children: met ? /* @__PURE__ */ u(SuccessIcon, { size: 16 }) : /* @__PURE__ */ u(EllipseIcon, { size: 16 })
+						}),
+						/* @__PURE__ */ u("span", {
+							class: "IncodePasswordInputComposedRequirementLabel",
+							children: label
+						}),
+						(requirementMetLabel || requirementUnmetLabel) && /* @__PURE__ */ u("span", {
+							class: "IncodeSrOnly",
+							children: met ? requirementMetLabel : requirementUnmetLabel
+						})
+					]
+				}, key))
+			})]
+		})]
+	});
+});
+//#endregion
+export { PasswordInputComposed as t };

package/dist/{pdf-BUoY_2gv.js → pdf-CFubyG0B.js}

@@ -1,4 +1,4 @@
-import { t as _defineProperty } from "./defineProperty-BbpBna-2.js";
+import { t as _defineProperty } from "./defineProperty-BojnCa44.js";
 //#region \0@oxc-project+runtime@0.122.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;