@incodetech/web 0.0.0-dev-20260911-d4e8be9f → 0.0.0-dev-20260911-3bcad995

package/dist/pdfViewer-DAWA01Q7.js

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

package/dist/{permissions-CjX0aA3u.js → permissions-APyMwclo.js}

@@ -1,11 +1,12 @@
-import { a as Trans, o as useTranslation } from "./uiConfig-Sd_A0KwB.js";
+import { a as Trans, o as useTranslation } from "./uiConfig-Dy2JqseS.js";
 import { S as k, _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { f as TransitionSpinner, l as Page, r as AutoFocusTitle, v as useIsMobileDeviceWidth } from "./incodeComponent-OpYmmHuG.js";
-import { a as TypographyH4, n as Title } from "./spinner-1GVajlEK.js";
-import { S as Button, n as WarningIcon } from "./icons-BTQAPX7h.js";
-import { t as Modal } from "./modal-BKL_l4J2.js";
-import { t as BottomSheet } from "./bottomSheet-C3MHkEfL.js";
-import { t as NumberedStep } from "./numberedStep-BZchXwF2.js";
+import { _ as useIsMobileDeviceWidth, c as Page, d as TransitionSpinner } from "./incodeComponent-Ctt3_dEc.js";
+import { i as TypographyH4, t as Title } from "./typography-z3aTrEzR.js";
+import { n as WarningIcon, x as Button } from "./icons-Bu1QoQJO.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-bnVvS5AS.js";
+import { t as Modal } from "./modal-XfYvIrtc.js";
+import { t as BottomSheet } from "./bottomSheet-r37V7lvW.js";
+import { t as NumberedStep } from "./numberedStep-DYznpDKc.js";
 import { getBrowser, getDeviceClass } from "@incodetech/core/device";
 import "@incodetech/core/camera";
 //#region src/shared/permissions/camera/boldWithArrow.tsx

package/dist/phone/phone.es.js

@@ -1,12 +1,12 @@
-import { o as useTranslation } from "../uiConfig-Sd_A0KwB.js";
+import { o as useTranslation } from "../uiConfig-Dy2JqseS.js";
 import { h as q, v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { C as useManager, a as withStandaloneModuleBootstrap, b as isTerminalModuleState, l as Page, t as IncodeComponent, x as useModuleTerminalCallbacks } from "../incodeComponent-OpYmmHuG.js";
-import { t as Spacer } from "../spacer-CP6nfo3f.js";
-import { S as Button } from "../icons-BTQAPX7h.js";
-import { t as OtpInput } from "../otpInput-BcoACg71.js";
-import { t as Checkbox } from "../checkbox-CSTnDDdf.js";
-import { t as PhoneInputComposed } from "../phoneInputComposed-CsJ_yD0l.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-DQfs4RF7.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, y as isTerminalModuleState } from "../incodeComponent-Ctt3_dEc.js";
+import { t as Spacer } from "../spacer-CELhH34g.js";
+import { x as Button } from "../icons-Bu1QoQJO.js";
+import { t as OtpInput } from "../otpInput-CPvCnPAK.js";
+import { t as Checkbox } from "../checkbox-9glYbkJz.js";
+import { t as PhoneInputComposed } from "../phoneInputComposed-Fp_AAyTq.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B0oBiVJr.js";
 import { createPhoneManager } from "@incodetech/core/phone";
 //#region src/modules/phone/phone.tsx
 /**

package/dist/phone/styles.css.js

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

package/dist/{phoneInputComposed-CsJ_yD0l.js → phoneInputComposed-Fp_AAyTq.js}

@@ -1,9 +1,9 @@
 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 { r as SuccessIcon, x as ErrorIcon } from "./icons-BTQAPX7h.js";
-import { t as InputComposed } from "./inputComposed-BP78Sou-.js";
-import { t as FieldLabelHint } from "./fieldLabelHint-Cy5t7tNp.js";
-import { a as getCountryByCode, c as getCountryCallingCode, d as isObject, f as withMetadataArgument, l as isSupportedCountry, o as getCountryCallingCode$1, p as metadata_min_json_default, r as countries, s as Metadata, u as validateMetadata } from "./countries-jgOG0hnw.js";
-import { t as DropdownComposed } from "./dropdownComposed-CnIoWdph.js";
+import { b as ErrorIcon, r as SuccessIcon } from "./icons-Bu1QoQJO.js";
+import { t as InputComposed } from "./inputComposed-DKd7Lk2s.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
+import { a as getCountryByCode, c as getCountryCallingCode, d as isObject, f as withMetadataArgument, l as isSupportedCountry, o as getCountryCallingCode$1, p as metadata_min_json_default, r as countries, s as Metadata, u as validateMetadata } from "./countries-5e8kwG_m.js";
+import { t as DropdownComposed } from "./dropdownComposed-Di_-1Nk2.js";
 //#region ../../node_modules/.pnpm/libphonenumber-js@1.12.31/node_modules/libphonenumber-js/es6/helpers/mergeArrays.js
 function _createForOfIteratorHelperLoose$7(r, e) {
 	var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];

package/dist/{processing-DAhWY6sA.js → processing-ClvNQn0O.js}

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

package/dist/qe-signature/qe-signature.es.js

@@ -1,7 +1,7 @@
 import { v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { a as withStandaloneModuleBootstrap } from "../incodeComponent-OpYmmHuG.js";
-import { n as ElectronicSignature } from "../electronic-signature-2Uv08XOv.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-DQfs4RF7.js";
+import { i as withStandaloneModuleBootstrap } from "../incodeComponent-Ctt3_dEc.js";
+import { n as ElectronicSignature } from "../electronic-signature-3ati2jgX.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B0oBiVJr.js";
 //#region src/modules/qe-signature/qe-signature.tsx
 var QeSignatureWithLocalConfig = ({ config, manager, onFinish, onError }) => {
 	return /* @__PURE__ */ u(ElectronicSignature, {

package/dist/radioGroupComposed-Bv4g3igK.js

@@ -0,0 +1 @@
+import "./radioGroupComposed-V-5uRZNs.js";

package/dist/{radioGroupComposed-DdiOBGH9.js → radioGroupComposed-V-5uRZNs.js}

@@ -1,7 +1,7 @@
 import { f as d, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { d as cn } from "./spacer-CP6nfo3f.js";
-import { x as ErrorIcon } from "./icons-BTQAPX7h.js";
-import { t as FieldLabelHint } from "./fieldLabelHint-Cy5t7tNp.js";
+import { d as cn } from "./spacer-CELhH34g.js";
+import { b as ErrorIcon } from "./icons-Bu1QoQJO.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
 //#region src/shared/radioButtonComposed/radioButtonComposed.tsx
 var textSizeClass = {
 	M: "IncodeRadioButtonTextM",

package/dist/redirect-to-mobile/redirect-to-mobile.es.js

@@ -1,14 +1,14 @@
 import { t as __commonJSMin } from "../rolldown-runtime--E5BIlTp.js";
-import { a as Trans, o as useTranslation } from "../uiConfig-Sd_A0KwB.js";
+import { o as useTranslation } from "../uiConfig-Dy2JqseS.js";
 import { S as k, _ as y, c as A, f as d, h as q, p as g, v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { C as useManager, a as withStandaloneModuleBootstrap, d as usePageUiConfig, f as TransitionSpinner, i as Snackbar, r as AutoFocusTitle, t as IncodeComponent, u as VerifiedByIncodeLogo, x as useModuleTerminalCallbacks } from "../incodeComponent-OpYmmHuG.js";
-import { t as Spacer } from "../spacer-CP6nfo3f.js";
-import { S as Button, b as incode_logo_default, r as SuccessIcon, x as ErrorIcon } from "../icons-BTQAPX7h.js";
-import { n as useResendTimerAnnouncements, t as formatResendTimer } from "../resendTimer-BF44I8m1.js";
-import { i as getCountryByCallingCode } from "../countries-jgOG0hnw.js";
-import { t as PhoneInputComposed } from "../phoneInputComposed-CsJ_yD0l.js";
-import { t as registerIncodeElement } from "../registerIncodeElement-B-SfWDa0.js";
-import { t as Tabs } from "../tabs-OBRm19dX.js";
+import { S as useManager, b as useModuleTerminalCallbacks, d as TransitionSpinner, i as withStandaloneModuleBootstrap, l as VerifiedByIncodeLogo, r as Snackbar, t as IncodeComponent, u as usePageUiConfig } from "../incodeComponent-Ctt3_dEc.js";
+import { t as Spacer } from "../spacer-CELhH34g.js";
+import { r as SuccessIcon, x as Button } from "../icons-Bu1QoQJO.js";
+import { t as incode_logo_default } from "../incode-logo-BzJOZr3f.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-bnVvS5AS.js";
+import { t as registerIncodeElement } from "../registerIncodeElement-CbZczi4S.js";
+import { t as useLazyComponentLoader } from "../useModuleLoader-DpcbSKBH.js";
+import { t as Tabs } from "../tabs-CejZfPRC.js";
 import { createRedirectToMobileManager } from "@incodetech/core/redirect-to-mobile";
 //#region src/modules/redirect-to-mobile/redirectHeader.tsx
 var RedirectHeader = ({ logoSrc }) => {
@@ -2483,7 +2483,7 @@ var import_browser = (/* @__PURE__ */ __commonJSMin(((exports) => {
 		return SvgRenderer.render(data, opts);
 	});
 })))();
-var QrCode = ({ value, size = 150, bgColor = "#ffffff", fgColor = "#000000" }) => {
+var QrCode = ({ value, size = 150, bgColor = "#ffffff", fgColor = "#000000", onReady }) => {
 	const { t } = useTranslation();
 	const [svgString, setSvgString] = d("");
 	y(() => {
@@ -2503,6 +2503,9 @@ var QrCode = ({ value, size = 150, bgColor = "#ffffff", fgColor = "#000000" }) =
 		bgColor,
 		fgColor
 	]);
+	y(() => {
+		if (svgString) onReady?.();
+	}, [svgString, onReady]);
 	if (!svgString) return null;
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeRedirectQrCode",
@@ -2513,7 +2516,7 @@ var QrCode = ({ value, size = 150, bgColor = "#ffffff", fgColor = "#000000" }) =
 };
 //#endregion
 //#region src/modules/redirect-to-mobile/qrTabContent.tsx
-var QrTabContent = ({ redirectUrl }) => {
+var QrTabContent = ({ redirectUrl, onQrReady }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("p", {
 		class: "IncodeRedirectTabDescription",
@@ -2522,179 +2525,31 @@ var QrTabContent = ({ redirectUrl }) => {
 		class: "IncodeRedirectQrWrapper",
 		children: /* @__PURE__ */ u(QrCode, {
 			value: redirectUrl,
-			size: 186
+			size: 186,
+			onReady: onQrReady
 		})
 	})] });
 };
 //#endregion
-//#region src/modules/redirect-to-mobile/smsSentView.tsx
-var SmsSentView = ({ formattedPhone, hasError, resendTimer, canResendSms, onResend, onChangePhone }) => {
+//#region src/modules/redirect-to-mobile/qrScreen.tsx
+var loadSmsTabContent = () => import("../smsTabContent-CHgelO4c.js").then((module) => module.SmsTabContent);
+var LazySmsTabContent = (props) => {
 	const { t } = useTranslation();
-	return /* @__PURE__ */ u("div", {
-		class: "IncodeRedirectLinkSent",
-		children: [/* @__PURE__ */ u("div", {
-			ref: useResendTimerAnnouncements({
-				canResend: canResendSms,
-				resendTimer,
-				disabled: hasError,
-				i18nKeys: { resendAvailable: "redirectToMobile.resendLinkAvailable" }
-			}),
-			class: "IncodeSrOnly",
-			"aria-live": "polite",
-			"aria-atomic": "true",
-			"data-testid": "redirect-sms-live-region"
-		}), hasError ? /* @__PURE__ */ u(k, { children: [
-			/* @__PURE__ */ u(ErrorIcon, { size: 40 }),
-			/* @__PURE__ */ u(Spacer, { size: 16 }),
-			/* @__PURE__ */ u(AutoFocusTitle, {
-				className: "IncodeRedirectLinkSentTitle",
-				"data-testid": "redirect-sms-status-heading",
-				children: t("redirect.tooManyAttempts")
-			}),
-			/* @__PURE__ */ u(Spacer, { size: 12 }),
-			/* @__PURE__ */ u("p", {
-				class: "IncodeRedirectLinkSentPhone",
-				role: "alert",
-				children: t("redirect.smsErrorSubtitle")
-			}),
-			/* @__PURE__ */ u(Spacer, { size: 24 }),
-			/* @__PURE__ */ u("div", {
-				class: "IncodeRedirectLinkSentActions",
-				children: /* @__PURE__ */ u(Button, {
-					variant: "link",
-					onClick: onChangePhone,
-					"data-testid": "sms-change-phone",
-					children: t("redirect.changePhoneNumber")
-				})
-			})
-		] }) : /* @__PURE__ */ u(k, { children: [
-			/* @__PURE__ */ u(SuccessIcon, { size: 40 }),
-			/* @__PURE__ */ u(Spacer, { size: 16 }),
-			/* @__PURE__ */ u(AutoFocusTitle, {
-				className: "IncodeRedirectLinkSentTitle",
-				"data-testid": "redirect-sms-status-heading",
-				children: t("redirect.linkSent")
-			}),
-			/* @__PURE__ */ u(Spacer, { size: 12 }),
-			/* @__PURE__ */ u("p", {
-				class: "IncodeRedirectLinkSentPhone",
-				children: t("redirect.linkSentTo", { phone: formattedPhone })
-			}),
-			/* @__PURE__ */ u(Spacer, { size: 32 }),
-			/* @__PURE__ */ u("div", {
-				class: "IncodeRedirectLinkSentActions",
-				children: !canResendSms && resendTimer > 0 ? /* @__PURE__ */ u(k, { children: [
-					/* @__PURE__ */ u(Spacer, { size: 8 }),
-					/* @__PURE__ */ u(Button, {
-						variant: "link",
-						size: "inline",
-						disabled: true,
-						"data-testid": "sms-timer",
-						children: t("redirectToMobile.resendCountdown", { time: formatResendTimer(resendTimer) })
-					}),
-					/* @__PURE__ */ u(Spacer, { size: 8 })
-				] }) : /* @__PURE__ */ u(Trans, {
-					i18nKey: "redirect.didntReceiveLinkActions",
-					components: {
-						resend: /* @__PURE__ */ u(Button, {
-							variant: "link",
-							size: "inline",
-							onClick: onResend,
-							"data-testid": "sms-resend"
-						}),
-						changePhone: /* @__PURE__ */ u(Button, {
-							variant: "link",
-							size: "inline",
-							onClick: onChangePhone,
-							"data-testid": "sms-change-phone"
-						})
-					}
-				})
-			})
-		] })]
+	const state = useLazyComponentLoader({ loader: loadSmsTabContent });
+	if (state.status === "loaded") return /* @__PURE__ */ u(state.Component, { ...props });
+	if (state.status === "error") return /* @__PURE__ */ u("div", {
+		role: "alert",
+		children: /* @__PURE__ */ u(AutoFocusTitle, { children: t("common.somethingWentWrong") })
 	});
+	return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: { subtitle: "" } });
 };
-//#endregion
-//#region src/modules/redirect-to-mobile/smsForm.tsx
-var SmsForm = ({ countryCode, error, isSending, isPhoneValid, onPhoneChange, onSendSms }) => {
-	const { t } = useTranslation();
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(PhoneInputComposed, {
-		id: "sms-phone",
-		label: t("verification.labels.phone"),
-		countryCode,
-		error,
-		disabled: isSending,
-		autoFocus: true,
-		autocomplete: "tel",
-		required: true,
-		"data-testid": "redirect-sms-phone",
-		onChange: onPhoneChange
-	}), /* @__PURE__ */ u(Button, {
-		onClick: onSendSms,
-		disabled: !isPhoneValid || isSending,
-		isLoading: isSending,
-		class: "IncodeRedirectSmsSendButton",
-		"data-testid": "redirect-sms-send",
-		children: t("redirect.sendLinkSms")
-	})] });
-};
-//#endregion
-//#region src/modules/redirect-to-mobile/smsTabContent.tsx
-var formatPhoneNumber = (phone, prefix) => {
-	if (!phone.startsWith(prefix)) return phone;
-	return `${prefix} ${phone.slice(prefix.length).replace(/(\d{3})(?=\d)/g, "$1 ")}`;
-};
-var SmsTabContent = ({ phonePrefix, smsSent, smsFailed, smsResendTimer, canResendSms, error, manager, onResend }) => {
-	const { t } = useTranslation();
-	const [phoneNumber, setPhoneNumber] = d(phonePrefix);
-	const [isPhoneValid, setIsPhoneValid] = d(false);
-	const [isSending, setIsSending] = d(false);
-	const countryCode = getCountryByCallingCode(phonePrefix)?.code ?? "";
-	const formattedPhone = formatPhoneNumber(phoneNumber, phonePrefix);
-	const handlePhoneChange = q((phone, valid) => {
-		setPhoneNumber(phone);
-		setIsPhoneValid(valid);
-	}, []);
-	const handleSendSms = q(() => {
-		setIsSending(true);
-		manager.sendSms(phoneNumber);
-		setIsSending(false);
-	}, [manager, phoneNumber]);
-	const handleResend = q(() => {
-		handleSendSms();
-		onResend();
-	}, [handleSendSms, onResend]);
-	const handleChangePhone = q(() => {
-		setPhoneNumber(phonePrefix);
-		setIsPhoneValid(false);
-		manager.resetSms();
-	}, [manager, phonePrefix]);
-	return /* @__PURE__ */ u(k, { children: smsSent || smsFailed ? /* @__PURE__ */ u(SmsSentView, {
-		formattedPhone,
-		hasError: smsFailed,
-		resendTimer: smsResendTimer,
-		canResendSms,
-		onResend: handleResend,
-		onChangePhone: handleChangePhone
-	}) : /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("p", {
-		class: "IncodeRedirectTabDescription",
-		children: t("v2.redirectToMobile.sms.description")
-	}), /* @__PURE__ */ u(SmsForm, {
-		countryCode,
-		phonePrefix,
-		error,
-		isSending,
-		isPhoneValid,
-		onPhoneChange: handlePhoneChange,
-		onSendSms: handleSendSms
-	})] }) });
-};
-//#endregion
-//#region src/modules/redirect-to-mobile/qrScreen.tsx
 var QrScreen = ({ redirectUrl, phonePrefix, smsSent, smsFailed, smsResendTimer, canResendSms, disableSmsOption, addContinueToDesktop, error, manager, logoSrc }) => {
 	const { t } = useTranslation();
 	const [showResendToast, setShowResendToast] = d(false);
 	const resendToastTimerRef = A();
+	const [qrReady, setQrReady] = d(false);
+	const handleQrReady = q(() => setQrReady(true), []);
+	useLazyComponentLoader({ loader: qrReady && !disableSmsOption ? loadSmsTabContent : void 0 });
 	const handleResend = q(() => {
 		clearTimeout(resendToastTimerRef.current);
 		setShowResendToast(true);
@@ -2733,10 +2588,13 @@ var QrScreen = ({ redirectUrl, phonePrefix, smsSent, smsFailed, smsResendTimer,
 					class: "IncodeRedirectOptions",
 					children: [/* @__PURE__ */ u(Tabs.Content, {
 						value: "qr",
-						children: /* @__PURE__ */ u(QrTabContent, { redirectUrl })
+						children: /* @__PURE__ */ u(QrTabContent, {
+							redirectUrl,
+							onQrReady: handleQrReady
+						})
 					}), !disableSmsOption && /* @__PURE__ */ u(Tabs.Content, {
 						value: "sms",
-						children: /* @__PURE__ */ u(SmsTabContent, {
+						children: /* @__PURE__ */ u(LazySmsTabContent, {
 							phonePrefix,
 							smsSent,
 							smsFailed,

package/dist/redirect-to-mobile/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-outline-style: solid;\n      --tw-font-weight: initial;\n    }\n  }\n}\n\n.IncodeRedirectRoot {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeRedirectRoot .IncodeRedirectLogo {\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer {\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  justify-content: center;\n  align-items: safe center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n  overflow-y: auto;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-32, var(--spacing-32, 32px));\n  max-width: var(--redirect-card-max-width);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n  overflow-x: clip;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {\n  align-items: center;\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {\n  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  width: 100%;\n  max-width: var(--redirect-options-max-width);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast {\n  top: var(--spacing-16, var(--spacing-16, 16px));\n  z-index: 50;\n  animation: 3s ease-in-out forwards incodeToastFadeInOut;\n  position: absolute;\n  left: 50%;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToastContent {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  display: inline-flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {\n  width: 100%;\n  min-height: var(--min-height-logo-wrapper);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {\n  max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {\n  width: 100%;\n  max-width: var(--redirect-form-column-max-width);\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {\n  margin-block: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--Button-family, \"DM Sans\");\n  letter-spacing: 0;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 100%;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-bottom-style: var(--tw-border-style);\n  border-bottom-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  width: 100%;\n  max-width: var(--redirect-tabs-max-width);\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {\n  cursor: pointer;\n  border-bottom-style: var(--tw-border-style);\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  background-color: #0000;\n  border-color: #0000;\n  border-bottom-width: 2px;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  outline-style: var(--tw-outline-style);\n  outline-offset: 2px;\n  outline-width: 2px;\n  outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {\n  border-color: var(--color-border-brand-500, var(--border-brand-500));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role=\"tabpanel\"] {\n  align-items: center;\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  max-width: var(--redirect-tab-description-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  padding: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--redirect-qr-wrapper-border-radius);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {\n  --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);\n  max-width: var(--redirect-form-column-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {\n  width: 100%;\n  max-width: var(--redirect-form-column-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {\n  margin-block: var(--spacing-8, var(--spacing-8, 8px));\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  font-family: var(--Button-family, \"DM Sans\");\n  letter-spacing: 0;\n  width: var(--redirect-form-column-max-width);\n  flex-wrap: wrap;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 100%;\n  display: flex;\n}\n\n.IncodeRedirectFinishedContainer {\n  flex-direction: column;\n  justify-content: safe center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow-y: auto;\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectLogo {\n  max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {\n  margin-block: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: center;\n  font-size: var(--text-3xl, 1.875rem);\n  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  width: var(--width-finished-title);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {\n  text-align: center;\n  font-size: var(--text-2xl, 1.5rem);\n  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  width: var(--width-finished-subtitle);\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n";

package/dist/{resendTimer-BF44I8m1.js → resendTimer-Cdv4c_kI.js}

@@ -1,4 +1,4 @@
-import { o as useTranslation } from "./uiConfig-Sd_A0KwB.js";
+import { o as useTranslation } from "./uiConfig-Dy2JqseS.js";
 import { _ as y, c as A, h as q } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/shared/resendTimer.ts
 var formatResendTimer = (seconds) => {