@incodetech/web 2.0.1 → 2.1.0-rc.0

package/dist/governmentValidation/governmentValidation.es.js

@@ -1,98 +1,171 @@
-import { n as e } from "../i18n-9s4OSqwi.js";
-import { v as t } from "../vendor-preact-D6SntenC.js";
-import { o as n } from "../hooks-BVnGysT7.js";
-import { t as r } from "../incodeComponent-C1o4M0ZK.js";
-import { r as i } from "../loadingIcon-BN5YRQUb.js";
-import { t as a } from "../page-C1yT4DLb.js";
-import { t as o } from "../spinner-CKnjVHxw.js";
-import { g as s, h as c } from "../icons-Cc7zwchP.js";
-import { t as l } from "../successIcon-DbILeIz_.js";
-import { t as u } from "../otpInput-DqRA_egd.js";
-import { t as d } from "../incodeModule-BqCjVgEI.js";
-import { t as f } from "../autoFocusTitle-QexamZ4i.js";
-import { createGovernmentValidationManager as p } from "@incodetech/core/government-validation";
-//#region src/modules/governmentValidation/governmentValidation.tsx
-var m = ({ variant: e, icon: n, title: r, subtitle: i }) => /* @__PURE__ */ t("div", {
-	class: `IncodeGovtValidation IncodeGovtValidation--${e}`,
-	children: /* @__PURE__ */ t(a, {
-		className: "IncodeGovtValidationPage",
-		children: /* @__PURE__ */ t("div", {
-			class: "IncodeGovtValidationStatus",
-			children: [
-				/* @__PURE__ */ t(n, { size: 64 }),
-				/* @__PURE__ */ t(f, { children: r }),
-				i ? /* @__PURE__ */ t("p", {
-					class: "IncodeGovtValidationText",
-					children: i
-				}) : null
-			]
-		})
-	})
-}), h = ({ title: e, subtitle: n }) => /* @__PURE__ */ t("div", {
-	class: "IncodeGovtValidation IncodeGovtValidation--loading",
-	children: /* @__PURE__ */ t(a, {
-		className: "IncodeGovtValidationPage",
-		children: /* @__PURE__ */ t(o, {
-			title: e,
-			subtitle: n,
-			fullScreen: !1
-		})
-	})
-}), g = ({ config: r, onFinish: o }) => {
-	let { t: d } = e(), [g, _] = n(() => {
-		if (!r) throw Error("GovernmentValidation config is required");
-		return p({ config: r });
-	});
-	if (r.backgroundExecution && g.status === "finished") return o?.(), null;
-	if (g.status === "idle" || g.status === "loading") return /* @__PURE__ */ t(h, { title: `${d("ineCheck.verifying")} ${d("ineCheck.identity")}` });
-	if (g.status === "finished") return /* @__PURE__ */ t(m, {
-		variant: "success",
-		icon: l,
-		title: d("ineCheck.verified")
-	});
-	if (g.status === "processing") return /* @__PURE__ */ t(m, {
-		variant: "success",
-		icon: l,
-		title: d("ineCheck.processing")
-	});
-	if (g.status === "awaitingOtp" || g.status === "verifyingOtp") {
-		let e = g.status === "verifyingOtp", n = g.status === "awaitingOtp" ? g.otpError : void 0;
-		return /* @__PURE__ */ t("div", {
-			class: "IncodeGovtValidation IncodeGovtValidation--otp",
-			children: /* @__PURE__ */ t(a, {
-				className: "IncodeGovtValidationPage",
+import { n as useTranslation } from "../i18n-CoCO2ZuN.js";
+import { v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
+import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
+import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
+import { t as Page } from "../page-DxGQj7Gk.js";
+import "../extensibility-Cs3KQQdC.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-BzkUiELM.js";
+import { t as VerificationResult } from "../verificationResult-Do5SpZ6X.js";
+import { t as OtpInput } from "../otpInput-_JmtVwa0.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
+import { createGovernmentValidationManager } from "@incodetech/core/government-validation";
+//#region src/modules/governmentValidation/governmentIncodeLogo.tsx
+var VerifiedByGovIncodeLogo = () => {
+	return /* @__PURE__ */ u("svg", {
+		width: "390",
+		height: "34",
+		viewBox: "0 0 390 34",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		class: "IncodeGovtValidationFooterLogo",
+		children: [
+			/* @__PURE__ */ u("title", { children: "Verified by Incode + Government" }),
+			/* @__PURE__ */ u("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M98.8028 15.7244L98.3368 15.2584C98.1241 15.0451 98.0075 14.7611 98.0075 14.4604V13.7938C98.0075 12.8011 97.1995 11.9938 96.2075 11.9938H95.5395C95.2375 11.9938 94.9541 11.8771 94.7421 11.6651L94.2681 11.1918C93.5635 10.4931 92.4221 10.4964 91.7228 11.1991L91.2581 11.6651C91.0441 11.8778 90.7608 11.9944 90.4595 11.9944H89.7922C88.8115 11.9951 88.0115 12.7844 87.9935 13.7618C87.9928 13.7724 87.9922 13.7831 87.9922 13.7944V14.4591C87.9922 14.7604 87.8755 15.0438 87.6628 15.2564L87.1908 15.7291C87.1902 15.7311 87.1882 15.7318 87.1868 15.7331C86.4902 16.4384 86.4962 17.5798 87.1982 18.2751L87.6642 18.7424C87.8762 18.9551 87.9935 19.2378 87.9935 19.5391V20.2091C87.9935 21.2011 88.8002 22.0084 89.7922 22.0084H90.4582C90.7602 22.0091 91.0435 22.1258 91.2555 22.3371L91.7308 22.8111C92.0695 23.1478 92.5188 23.3331 92.9968 23.3331H93.0048C93.4855 23.3311 93.9361 23.1418 94.2735 22.8024L94.7408 22.3358C94.9508 22.1264 95.2415 22.0064 95.5381 22.0064H96.2088C97.1988 22.0064 98.0061 21.2004 98.0081 20.2091V19.5404C98.0081 19.2398 98.1248 18.9564 98.3361 18.7438L98.8101 18.2698C99.5101 17.5658 99.5061 16.4238 98.8028 15.7244Z",
+				fill: "var(--icon-brand-500-static)"
+			}),
+			/* @__PURE__ */ u("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M95.3895 16.0394L92.6741 18.7561C92.5801 18.8501 92.4528 18.9027 92.3201 18.9027C92.1875 18.9027 92.0601 18.8501 91.9668 18.7561L90.6488 17.4361C90.4542 17.2401 90.4542 16.9234 90.6495 16.7281C90.8455 16.5334 91.1615 16.5341 91.3568 16.7287L92.3208 17.6947L94.6821 15.332C94.8775 15.1367 95.1941 15.1367 95.3895 15.332C95.5848 15.5274 95.5848 15.8441 95.3895 16.0394Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ u("path", {
+				d: "M105.321 21L103.242 15.456H104.397L105.97 19.944L107.554 15.456H108.687L106.619 21H105.321ZM111.777 21.132C111.249 21.132 110.78 21.011 110.369 20.769C109.959 20.527 109.636 20.1897 109.401 19.757C109.174 19.3243 109.06 18.822 109.06 18.25C109.06 17.6633 109.174 17.1537 109.401 16.721C109.636 16.281 109.959 15.94 110.369 15.698C110.78 15.4487 111.257 15.324 111.799 15.324C112.342 15.324 112.808 15.445 113.196 15.687C113.585 15.929 113.886 16.2517 114.098 16.655C114.311 17.051 114.417 17.491 114.417 17.975C114.417 18.0483 114.414 18.129 114.406 18.217C114.406 18.2977 114.403 18.3893 114.395 18.492H109.863V17.711H113.317C113.295 17.249 113.141 16.8897 112.855 16.633C112.569 16.369 112.214 16.237 111.788 16.237C111.488 16.237 111.213 16.3067 110.963 16.446C110.714 16.578 110.512 16.776 110.358 17.04C110.212 17.2967 110.138 17.623 110.138 18.019V18.327C110.138 18.7377 110.212 19.086 110.358 19.372C110.512 19.6507 110.714 19.8633 110.963 20.01C111.213 20.1493 111.484 20.219 111.777 20.219C112.129 20.219 112.419 20.142 112.646 19.988C112.874 19.834 113.042 19.625 113.152 19.361H114.252C114.157 19.6983 113.996 20.0027 113.768 20.274C113.541 20.538 113.259 20.747 112.921 20.901C112.591 21.055 112.21 21.132 111.777 21.132ZM115.499 21V15.456H116.489L116.588 16.501C116.713 16.2517 116.874 16.0427 117.072 15.874C117.27 15.698 117.501 15.5623 117.765 15.467C118.037 15.3717 118.345 15.324 118.689 15.324V16.49H118.293C118.066 16.49 117.85 16.5193 117.644 16.578C117.439 16.6293 117.256 16.721 117.094 16.853C116.94 16.985 116.819 17.1647 116.731 17.392C116.643 17.6193 116.599 17.9017 116.599 18.239V21H115.499ZM119.637 21V15.456H120.737V21H119.637ZM120.198 14.411C119.985 14.411 119.809 14.345 119.67 14.213C119.538 14.081 119.472 13.9123 119.472 13.707C119.472 13.509 119.538 13.3477 119.67 13.223C119.809 13.091 119.985 13.025 120.198 13.025C120.403 13.025 120.575 13.091 120.715 13.223C120.854 13.3477 120.924 13.509 120.924 13.707C120.924 13.9123 120.854 14.081 120.715 14.213C120.575 14.345 120.403 14.411 120.198 14.411ZM122.467 21V16.391H121.653V15.456H122.467V14.708C122.467 14.3267 122.529 14.015 122.654 13.773C122.786 13.531 122.976 13.355 123.226 13.245C123.475 13.135 123.776 13.08 124.128 13.08H124.7V14.015H124.304C124.04 14.015 123.849 14.07 123.732 14.18C123.622 14.2827 123.567 14.466 123.567 14.73V15.456H126.944V21H125.844V16.391H123.567V21H122.467ZM126.405 14.499C126.199 14.499 126.027 14.433 125.888 14.301C125.748 14.169 125.679 14.0003 125.679 13.795C125.679 13.597 125.748 13.4357 125.888 13.311C126.027 13.179 126.199 13.113 126.405 13.113C126.617 13.113 126.79 13.179 126.922 13.311C127.061 13.4357 127.131 13.597 127.131 13.795C127.131 14.0003 127.061 14.169 126.922 14.301C126.79 14.433 126.617 14.499 126.405 14.499ZM130.897 21.132C130.369 21.132 129.9 21.011 129.489 20.769C129.078 20.527 128.756 20.1897 128.521 19.757C128.294 19.3243 128.18 18.822 128.18 18.25C128.18 17.6633 128.294 17.1537 128.521 16.721C128.756 16.281 129.078 15.94 129.489 15.698C129.9 15.4487 130.376 15.324 130.919 15.324C131.462 15.324 131.927 15.445 132.316 15.687C132.705 15.929 133.005 16.2517 133.218 16.655C133.431 17.051 133.537 17.491 133.537 17.975C133.537 18.0483 133.533 18.129 133.526 18.217C133.526 18.2977 133.522 18.3893 133.515 18.492H128.983V17.711H132.437C132.415 17.249 132.261 16.8897 131.975 16.633C131.689 16.369 131.333 16.237 130.908 16.237C130.607 16.237 130.332 16.3067 130.083 16.446C129.834 16.578 129.632 16.776 129.478 17.04C129.331 17.2967 129.258 17.623 129.258 18.019V18.327C129.258 18.7377 129.331 19.086 129.478 19.372C129.632 19.6507 129.834 19.8633 130.083 20.01C130.332 20.1493 130.604 20.219 130.897 20.219C131.249 20.219 131.539 20.142 131.766 19.988C131.993 19.834 132.162 19.625 132.272 19.361H133.372C133.277 19.6983 133.115 20.0027 132.888 20.274C132.661 20.538 132.378 20.747 132.041 20.901C131.711 21.055 131.33 21.132 130.897 21.132ZM137.083 21.132C136.555 21.132 136.09 21.0073 135.686 20.758C135.283 20.5013 134.968 20.1567 134.74 19.724C134.52 19.284 134.41 18.7853 134.41 18.228C134.41 17.6633 134.52 17.1647 134.74 16.732C134.968 16.2993 135.283 15.9583 135.686 15.709C136.097 15.4523 136.566 15.324 137.094 15.324C137.527 15.324 137.908 15.412 138.238 15.588C138.568 15.7567 138.825 15.9987 139.008 16.314V13.08H140.108V21H139.118L139.008 20.142C138.898 20.3107 138.755 20.472 138.579 20.626C138.403 20.7727 138.191 20.8937 137.941 20.989C137.692 21.0843 137.406 21.132 137.083 21.132ZM137.259 20.175C137.604 20.175 137.908 20.0943 138.172 19.933C138.436 19.7717 138.638 19.5443 138.777 19.251C138.924 18.9577 138.997 18.6167 138.997 18.228C138.997 17.8393 138.924 17.502 138.777 17.216C138.638 16.9227 138.436 16.6953 138.172 16.534C137.908 16.3653 137.604 16.281 137.259 16.281C136.929 16.281 136.632 16.3653 136.368 16.534C136.104 16.6953 135.899 16.9227 135.752 17.216C135.606 17.502 135.532 17.8393 135.532 18.228C135.532 18.6167 135.606 18.9577 135.752 19.251C135.899 19.5443 136.104 19.7717 136.368 19.933C136.632 20.0943 136.929 20.175 137.259 20.175ZM147.172 21.132C146.871 21.132 146.596 21.088 146.347 21C146.105 20.9193 145.892 20.8057 145.709 20.659C145.526 20.5123 145.372 20.3437 145.247 20.153L145.137 21H144.147V13.08H145.247V16.325C145.423 16.0463 145.669 15.8117 145.984 15.621C146.307 15.423 146.703 15.324 147.172 15.324C147.7 15.324 148.166 15.4523 148.569 15.709C148.972 15.9583 149.284 16.303 149.504 16.743C149.731 17.1757 149.845 17.6743 149.845 18.239C149.845 18.789 149.731 19.284 149.504 19.724C149.284 20.164 148.972 20.5087 148.569 20.758C148.166 21.0073 147.7 21.132 147.172 21.132ZM146.996 20.175C147.333 20.175 147.63 20.0943 147.887 19.933C148.151 19.7717 148.356 19.5443 148.503 19.251C148.657 18.9577 148.734 18.6167 148.734 18.228C148.734 17.8393 148.657 17.502 148.503 17.216C148.356 16.9227 148.151 16.6953 147.887 16.534C147.63 16.3653 147.333 16.281 146.996 16.281C146.651 16.281 146.347 16.3653 146.083 16.534C145.826 16.6953 145.625 16.9227 145.478 17.216C145.331 17.502 145.258 17.8393 145.258 18.228C145.258 18.6167 145.331 18.9577 145.478 19.251C145.625 19.5443 145.826 19.7717 146.083 19.933C146.347 20.0943 146.651 20.175 146.996 20.175ZM151.165 23.42L152.518 20.384H152.199L150.01 15.456H151.198L152.936 19.482L154.685 15.456H155.84L152.32 23.42H151.165Z",
+				fill: "var(--text-body-500-secondary)"
+			}),
+			/* @__PURE__ */ u("g", {
+				"clip-path": "url(#clip0_30242_2620)",
 				children: [
-					/* @__PURE__ */ t(i, { size: 16 }),
-					/* @__PURE__ */ t("div", {
-						class: "IncodeGovtValidationOtpInstructions",
-						children: [/* @__PURE__ */ t(f, { children: d("otp.insertSMS") }), /* @__PURE__ */ t("p", { children: d("otp.focus") })]
+					/* @__PURE__ */ u("path", {
+						d: "M198.746 21.2192C198.012 21.2192 197.371 21.0724 196.823 20.7789C196.275 20.4755 195.849 20.0351 195.546 19.4578C195.242 18.8804 195.091 18.1856 195.091 17.3734C195.091 16.0817 195.399 15.0982 196.015 14.423C196.642 13.738 197.518 13.3955 198.643 13.3955C199.455 13.3955 200.106 13.5717 200.595 13.924C201.094 14.2762 201.456 14.7802 201.681 15.4359C201.916 16.0817 202.029 16.8548 202.019 17.7551H196.294L196.148 16.4927H200.536L200.184 17.0211C200.165 16.2481 200.028 15.6952 199.773 15.3625C199.529 15.02 199.132 14.8487 198.584 14.8487C198.251 14.8487 197.958 14.927 197.703 15.0836C197.459 15.2304 197.268 15.4799 197.131 15.8322C197.004 16.1845 196.94 16.6689 196.94 17.2854C196.94 18.0486 197.121 18.6358 197.483 19.0468C197.845 19.448 198.398 19.6486 199.142 19.6486C199.445 19.6486 199.734 19.6192 200.008 19.5605C200.292 19.492 200.551 19.4137 200.786 19.3257C201.031 19.2376 201.236 19.1544 201.402 19.0761V20.7201C201.06 20.8669 200.669 20.9844 200.228 21.0724C199.798 21.1703 199.303 21.2192 198.746 21.2192Z",
+						fill: "var(--surface-brand-500)"
+					}),
+					/* @__PURE__ */ u("path", {
+						d: "M190.428 21.2192C189.919 21.2192 189.434 21.1605 188.974 21.0431C188.514 20.9256 188.108 20.7201 187.756 20.4266C187.404 20.133 187.125 19.7269 186.919 19.2082C186.724 18.6896 186.626 18.0291 186.626 17.2266C186.626 16.0426 186.915 15.108 187.492 14.423C188.069 13.738 188.945 13.3955 190.119 13.3955C190.286 13.3955 190.501 13.4151 190.765 13.4542C191.029 13.4934 191.299 13.5619 191.573 13.6597C191.856 13.7478 192.101 13.8897 192.306 14.0854L191.895 14.6726V10.5332H193.73V19.267C193.73 19.5997 193.632 19.8884 193.437 20.133C193.251 20.3776 192.996 20.5831 192.673 20.7495C192.35 20.9061 191.993 21.0235 191.602 21.1018C191.21 21.1801 190.819 21.2192 190.428 21.2192ZM190.486 19.6339C190.888 19.6339 191.22 19.585 191.484 19.4871C191.758 19.3893 191.895 19.2474 191.895 19.0615V15.3037C191.68 15.1765 191.45 15.0836 191.206 15.0249C190.961 14.9661 190.726 14.9368 190.501 14.9368C190.051 14.9368 189.679 15.02 189.385 15.1863C189.092 15.3429 188.872 15.5973 188.725 15.9496C188.578 16.2921 188.505 16.7325 188.505 17.2707C188.505 17.7404 188.563 18.1514 188.681 18.5037C188.798 18.856 188.999 19.1349 189.283 19.3404C189.576 19.5361 189.977 19.6339 190.486 19.6339Z",
+						fill: "var(--surface-brand-500)"
+					}),
+					/* @__PURE__ */ u("path", {
+						d: "M181.988 21.2192C180.774 21.2192 179.864 20.8816 179.257 20.2064C178.651 19.5312 178.347 18.5575 178.347 17.2854C178.347 15.9251 178.656 14.9368 179.272 14.3203C179.898 13.7038 180.799 13.3955 181.973 13.3955C182.795 13.3955 183.48 13.5423 184.028 13.8359C184.576 14.1197 184.982 14.5502 185.246 15.1276C185.52 15.705 185.657 16.4242 185.657 17.2854C185.657 18.5575 185.339 19.5312 184.703 20.2064C184.077 20.8816 183.172 21.2192 181.988 21.2192ZM181.988 19.6926C182.418 19.6926 182.766 19.5948 183.03 19.3991C183.304 19.2034 183.504 18.9294 183.632 18.5771C183.759 18.215 183.822 17.7844 183.822 17.2854C183.822 16.7276 183.754 16.2725 183.617 15.9202C183.49 15.568 183.289 15.3086 183.015 15.1423C182.751 14.9759 182.408 14.8927 181.988 14.8927C181.557 14.8927 181.21 14.9808 180.945 15.157C180.681 15.3331 180.486 15.5973 180.358 15.9496C180.241 16.3019 180.182 16.7471 180.182 17.2854C180.182 18.0682 180.324 18.6651 180.608 19.0761C180.892 19.4871 181.352 19.6926 181.988 19.6926Z",
+						fill: "var(--surface-brand-500)"
 					}),
-					/* @__PURE__ */ t(u, {
-						resendTimer: g.status === "awaitingOtp" ? g.resendTimer : 0,
-						canResend: g.status === "awaitingOtp" ? g.canResend : !1,
-						error: n,
-						onSubmit: (e) => _.submitOtp(e),
-						onResend: () => _.resendOtp(),
-						onBack: () => {},
-						isLoading: e
+					/* @__PURE__ */ u("path", {
+						d: "M175.074 21.1605C174.584 21.1605 174.115 21.092 173.665 20.955C173.214 20.818 172.813 20.5978 172.461 20.2945C172.109 19.9911 171.83 19.5997 171.624 19.1202C171.419 18.6407 171.316 18.0584 171.316 17.3734C171.316 16.6591 171.414 16.0524 171.61 15.5533C171.805 15.0542 172.074 14.6481 172.417 14.335C172.759 14.012 173.156 13.7821 173.606 13.6451C174.066 13.4983 174.55 13.4249 175.059 13.4249C175.45 13.4249 175.852 13.464 176.263 13.5423C176.674 13.6206 177.041 13.7331 177.364 13.8799V15.4946C177.031 15.3478 176.698 15.2304 176.365 15.1423C176.033 15.0444 175.69 14.9955 175.338 14.9955C174.653 14.9955 174.12 15.1667 173.738 15.5092C173.356 15.8517 173.165 16.4144 173.165 17.1973C173.165 17.9997 173.337 18.5966 173.679 18.9881C174.032 19.3795 174.609 19.5752 175.411 19.5752C175.773 19.5752 176.126 19.5214 176.468 19.4137C176.811 19.2963 177.114 19.1691 177.378 19.0321V20.6614C177.036 20.8278 176.679 20.9501 176.307 21.0284C175.935 21.1165 175.524 21.1605 175.074 21.1605Z",
+						fill: "var(--surface-brand-500)"
+					}),
+					/* @__PURE__ */ u("path", {
+						d: "M163.247 14.2175C163.453 14.1197 163.698 14.0218 163.981 13.924C164.265 13.8261 164.573 13.7429 164.906 13.6744C165.239 13.5961 165.572 13.5374 165.904 13.4983C166.247 13.4493 166.57 13.4249 166.873 13.4249C167.558 13.4249 168.126 13.5178 168.576 13.7038C169.036 13.8799 169.378 14.1637 169.603 14.5551C169.838 14.9368 169.956 15.4407 169.956 16.067V20.999H168.106V16.39C168.106 16.204 168.082 16.0279 168.033 15.8615C167.984 15.6854 167.901 15.5337 167.783 15.4065C167.666 15.2695 167.504 15.1667 167.299 15.0982C167.093 15.02 166.829 14.9808 166.506 14.9808C166.261 14.9808 166.012 15.0053 165.757 15.0542C165.503 15.1031 165.288 15.1667 165.112 15.245V20.999H163.247V14.2175Z",
+						fill: "var(--surface-brand-500)"
+					}),
+					/* @__PURE__ */ u("path", {
+						d: "M159.571 20.999V13.6744H161.436L161.45 20.999H159.571ZM159.527 12.5001V10.9736H161.48V12.5001H159.527Z",
+						fill: "var(--surface-brand-500)"
 					})
 				]
-			})
-		});
-	}
-	return g.status === "error" ? /* @__PURE__ */ t(m, {
-		variant: "error",
-		icon: s,
-		title: `${d("ineCheck.failure1")} ${d("ineCheck.failure2")}`
-	}) : g.status === "unknown" ? /* @__PURE__ */ t(m, {
-		variant: "unknown",
-		icon: c,
-		title: d("ineCheck.unknown")
-	}) : null;
-}, _ = ({ config: e, onFinish: n }) => /* @__PURE__ */ t(r, { children: e ? /* @__PURE__ */ t(g, {
-	config: e,
-	onFinish: n
-}) : null });
-d(_, "incode-government-validation");
+			}),
+			/* @__PURE__ */ u("path", {
+				d: "M210.651 20.646V14.262H212.261V20.646H210.651ZM208.033 18.238V16.656H214.865V18.238H208.033ZM224.07 21.668C223.136 21.668 222.324 21.4627 221.634 21.052C220.943 20.632 220.406 20.0487 220.024 19.302C219.641 18.546 219.45 17.6687 219.45 16.67C219.45 15.662 219.646 14.7753 220.038 14.01C220.43 13.2353 220.994 12.6287 221.732 12.19C222.469 11.7513 223.351 11.532 224.378 11.532C225.526 11.532 226.478 11.8073 227.234 12.358C227.999 12.9087 228.494 13.674 228.718 14.654H226.604C226.464 14.2247 226.202 13.8887 225.82 13.646C225.446 13.394 224.961 13.268 224.364 13.268C223.729 13.268 223.188 13.408 222.74 13.688C222.292 13.968 221.951 14.36 221.718 14.864C221.484 15.368 221.368 15.97 221.368 16.67C221.368 17.3793 221.484 17.9813 221.718 18.476C221.951 18.9707 222.282 19.3487 222.712 19.61C223.15 19.862 223.664 19.988 224.252 19.988C225.11 19.988 225.759 19.7593 226.198 19.302C226.646 18.8353 226.912 18.2333 226.996 17.496H224.588V16.082H228.9V21.5H227.15L227.01 20.254C226.804 20.562 226.562 20.8233 226.282 21.038C226.011 21.2433 225.694 21.3973 225.33 21.5C224.966 21.612 224.546 21.668 224.07 21.668ZM233.958 21.668C233.286 21.668 232.679 21.514 232.138 21.206C231.606 20.8887 231.181 20.4547 230.864 19.904C230.556 19.344 230.402 18.7047 230.402 17.986C230.402 17.2487 230.556 16.6047 230.864 16.054C231.181 15.494 231.611 15.06 232.152 14.752C232.693 14.4347 233.3 14.276 233.972 14.276C234.653 14.276 235.26 14.4347 235.792 14.752C236.333 15.06 236.758 15.494 237.066 16.054C237.383 16.6047 237.542 17.244 237.542 17.972C237.542 18.7 237.383 19.344 237.066 19.904C236.758 20.4547 236.333 20.8887 235.792 21.206C235.251 21.514 234.639 21.668 233.958 21.668ZM233.958 20.03C234.275 20.03 234.555 19.9553 234.798 19.806C235.05 19.6567 235.246 19.428 235.386 19.12C235.535 18.812 235.61 18.4293 235.61 17.972C235.61 17.5147 235.535 17.1367 235.386 16.838C235.246 16.53 235.05 16.3013 234.798 16.152C234.555 15.9933 234.28 15.914 233.972 15.914C233.673 15.914 233.398 15.9933 233.146 16.152C232.894 16.3013 232.693 16.53 232.544 16.838C232.404 17.1367 232.334 17.5147 232.334 17.972C232.334 18.4293 232.404 18.812 232.544 19.12C232.693 19.428 232.889 19.6567 233.132 19.806C233.384 19.9553 233.659 20.03 233.958 20.03ZM240.733 21.5L238.143 14.444H240.131L241.881 19.722L243.631 14.444H245.605L243.029 21.5H240.733ZM249.819 21.668C249.11 21.668 248.48 21.5187 247.929 21.22C247.388 20.912 246.963 20.4873 246.655 19.946C246.356 19.3953 246.207 18.7607 246.207 18.042C246.207 17.3047 246.356 16.656 246.655 16.096C246.963 15.5267 247.388 15.0833 247.929 14.766C248.47 14.4393 249.1 14.276 249.819 14.276C250.519 14.276 251.13 14.43 251.653 14.738C252.176 15.046 252.582 15.4613 252.871 15.984C253.16 16.5067 253.305 17.0993 253.305 17.762C253.305 17.8553 253.305 17.9627 253.305 18.084C253.305 18.196 253.296 18.3127 253.277 18.434H247.551V17.286H251.401C251.373 16.8287 251.21 16.4693 250.911 16.208C250.622 15.9467 250.258 15.816 249.819 15.816C249.502 15.816 249.208 15.8907 248.937 16.04C248.666 16.18 248.452 16.3993 248.293 16.698C248.144 16.9967 248.069 17.3747 248.069 17.832V18.238C248.069 18.6207 248.139 18.9567 248.279 19.246C248.428 19.526 248.634 19.7453 248.895 19.904C249.156 20.0533 249.46 20.128 249.805 20.128C250.15 20.128 250.435 20.0533 250.659 19.904C250.892 19.7547 251.065 19.5633 251.177 19.33H253.109C252.978 19.7687 252.759 20.1653 252.451 20.52C252.143 20.8747 251.765 21.1547 251.317 21.36C250.869 21.5653 250.37 21.668 249.819 21.668ZM254.853 21.5V14.444H256.533L256.715 15.746C256.883 15.438 257.093 15.1767 257.345 14.962C257.606 14.7473 257.9 14.5793 258.227 14.458C258.563 14.3367 258.931 14.276 259.333 14.276V16.278H258.689C258.409 16.278 258.147 16.3107 257.905 16.376C257.671 16.4413 257.466 16.5487 257.289 16.698C257.111 16.838 256.976 17.034 256.883 17.286C256.789 17.538 256.743 17.8553 256.743 18.238V21.5H254.853ZM260.581 21.5V14.444H262.247L262.387 15.592C262.602 15.2 262.905 14.8827 263.297 14.64C263.699 14.3973 264.175 14.276 264.725 14.276C265.313 14.276 265.808 14.3973 266.209 14.64C266.611 14.8827 266.914 15.2373 267.119 15.704C267.334 16.1707 267.441 16.7447 267.441 17.426V21.5H265.565V17.608C265.565 17.048 265.444 16.6187 265.201 16.32C264.968 16.0213 264.604 15.872 264.109 15.872C263.792 15.872 263.507 15.9467 263.255 16.096C263.013 16.2453 262.821 16.46 262.681 16.74C262.541 17.0107 262.471 17.342 262.471 17.734V21.5H260.581ZM269.222 21.5V14.444H270.888L271.042 15.382C271.266 15.046 271.56 14.78 271.924 14.584C272.297 14.3787 272.722 14.276 273.198 14.276C273.553 14.276 273.87 14.3227 274.15 14.416C274.43 14.5093 274.677 14.6447 274.892 14.822C275.116 14.9993 275.298 15.2233 275.438 15.494C275.699 15.1113 276.04 14.8127 276.46 14.598C276.88 14.3833 277.337 14.276 277.832 14.276C278.448 14.276 278.961 14.402 279.372 14.654C279.783 14.8967 280.091 15.2513 280.296 15.718C280.511 16.1847 280.618 16.7587 280.618 17.44V21.5H278.742V17.608C278.742 17.048 278.63 16.6187 278.406 16.32C278.191 16.0213 277.855 15.872 277.398 15.872C277.099 15.872 276.833 15.9467 276.6 16.096C276.367 16.2453 276.185 16.46 276.054 16.74C275.933 17.02 275.872 17.356 275.872 17.748V21.5H273.982V17.608C273.982 17.048 273.87 16.6187 273.646 16.32C273.422 16.0213 273.077 15.872 272.61 15.872C272.321 15.872 272.059 15.9467 271.826 16.096C271.602 16.2453 271.425 16.46 271.294 16.74C271.173 17.02 271.112 17.356 271.112 17.748V21.5H269.222ZM285.79 21.668C285.08 21.668 284.45 21.5187 283.9 21.22C283.358 20.912 282.934 20.4873 282.626 19.946C282.327 19.3953 282.178 18.7607 282.178 18.042C282.178 17.3047 282.327 16.656 282.626 16.096C282.934 15.5267 283.358 15.0833 283.9 14.766C284.441 14.4393 285.071 14.276 285.79 14.276C286.49 14.276 287.101 14.43 287.624 14.738C288.146 15.046 288.552 15.4613 288.842 15.984C289.131 16.5067 289.276 17.0993 289.276 17.762C289.276 17.8553 289.276 17.9627 289.276 18.084C289.276 18.196 289.266 18.3127 289.248 18.434H283.522V17.286H287.372C287.344 16.8287 287.18 16.4693 286.882 16.208C286.592 15.9467 286.228 15.816 285.79 15.816C285.472 15.816 285.178 15.8907 284.908 16.04C284.637 16.18 284.422 16.3993 284.264 16.698C284.114 16.9967 284.04 17.3747 284.04 17.832V18.238C284.04 18.6207 284.11 18.9567 284.25 19.246C284.399 19.526 284.604 19.7453 284.866 19.904C285.127 20.0533 285.43 20.128 285.776 20.128C286.121 20.128 286.406 20.0533 286.63 19.904C286.863 19.7547 287.036 19.5633 287.148 19.33H289.08C288.949 19.7687 288.73 20.1653 288.422 20.52C288.114 20.8747 287.736 21.1547 287.288 21.36C286.84 21.5653 286.34 21.668 285.79 21.668ZM290.823 21.5V14.444H292.489L292.629 15.592C292.844 15.2 293.147 14.8827 293.539 14.64C293.941 14.3973 294.417 14.276 294.967 14.276C295.555 14.276 296.05 14.3973 296.451 14.64C296.853 14.8827 297.156 15.2373 297.361 15.704C297.576 16.1707 297.683 16.7447 297.683 17.426V21.5H295.807V17.608C295.807 17.048 295.686 16.6187 295.443 16.32C295.21 16.0213 294.846 15.872 294.351 15.872C294.034 15.872 293.749 15.9467 293.497 16.096C293.255 16.2453 293.063 16.46 292.923 16.74C292.783 17.0107 292.713 17.342 292.713 17.734V21.5H290.823ZM302.642 21.5C302.147 21.5 301.713 21.4253 301.34 21.276C300.976 21.1173 300.691 20.8607 300.486 20.506C300.281 20.142 300.178 19.6473 300.178 19.022V16.026H298.974V14.444H300.178L300.388 12.526H302.068V14.444H303.93V16.026H302.068V19.05C302.068 19.3673 302.138 19.5867 302.278 19.708C302.418 19.8293 302.656 19.89 302.992 19.89H303.916V21.5H302.642Z",
+				fill: "var(--text-body-800-primary)"
+			}),
+			/* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", {
+				id: "clip0_30242_2620",
+				children: /* @__PURE__ */ u("rect", {
+					width: "44",
+					height: "12",
+					fill: "white",
+					transform: "translate(159 10)"
+				})
+			}) })
+		]
+	});
+};
+//#endregion
+//#region src/modules/governmentValidation/governmentValidation.tsx
+var GovernmentVerificationResult = (props) => /* @__PURE__ */ u(VerificationResult, {
+	...props,
+	hideFooterBranding: false,
+	footerBrandingSlot: /* @__PURE__ */ u(VerifiedByGovIncodeLogo, {})
+});
+var GovernmentValidationContent = ({ config, onFinish }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => {
+		if (!config) throw new Error("GovernmentValidation config is required");
+		return createGovernmentValidationManager({ config });
+	});
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
+	});
+	if (config.backgroundExecution || state.status === "finished") return null;
+	const isOtpStep = state.status === "awaitingOtp" || state.status === "verifyingOtp";
+	return /* @__PURE__ */ u(k, { children: [
+		(state.status === "idle" || state.status === "loading") && /* @__PURE__ */ u(GovernmentVerificationResult, {
+			status: "submitting",
+			submittingTitle: t("common.holdOnASec"),
+			submittingSubtitle: t("ineCheck.checkingYourInformation")
+		}),
+		state.status === "displaySuccess" && /* @__PURE__ */ u(GovernmentVerificationResult, {
+			status: "success",
+			successTitle: t("ineCheck.verified")
+		}),
+		state.status === "processing" && /* @__PURE__ */ u(GovernmentVerificationResult, {
+			status: "success",
+			successTitle: t("ineCheck.processing")
+		}),
+		isOtpStep && (() => {
+			const isVerifying = state.status === "verifyingOtp";
+			const otpError = state.status === "awaitingOtp" ? state.otpError : void 0;
+			const otpValidationError = state.status === "awaitingOtp" && state.otpValidationErrors?.otp ? t("otp.incompleteCode", { length: state.otpLength }) : void 0;
+			const isOtpValid = state.status === "awaitingOtp" ? state.isOtpValid : true;
+			return /* @__PURE__ */ u("div", {
+				class: "IncodeGovtValidation IncodeGovtValidation--otp",
+				children: /* @__PURE__ */ u(Page, {
+					className: "IncodeGovtValidationPage",
+					children: [
+						/* @__PURE__ */ u(Spacer, { size: 16 }),
+						/* @__PURE__ */ u("div", {
+							class: "IncodeGovtValidationOtpInstructions",
+							children: [/* @__PURE__ */ u(AutoFocusTitle, { children: t("otp.insertSMS") }), /* @__PURE__ */ u("p", { children: t("otp.focus") })]
+						}),
+						/* @__PURE__ */ u(OtpInput, {
+							value: state.otpCode,
+							otpLength: state.otpLength,
+							resendTimer: state.status === "awaitingOtp" ? state.resendTimer : 0,
+							canResend: state.status === "awaitingOtp" ? state.canResend : false,
+							error: otpError,
+							validationError: otpValidationError,
+							isValid: isOtpValid,
+							onSubmit: (code) => manager.submitOtp(code),
+							onChange: (code) => manager.setOtpCode(code),
+							onValidate: () => manager.validateOtp(),
+							onResend: () => manager.resendOtp(),
+							onBack: () => {},
+							isLoading: isVerifying
+						})
+					]
+				})
+			});
+		})(),
+		state.status === "error" && /* @__PURE__ */ u(GovernmentVerificationResult, {
+			status: "failure",
+			failureTitle: t("ineCheck.userNotFound")
+		}),
+		state.status === "unknown" && /* @__PURE__ */ u(GovernmentVerificationResult, {
+			status: "warning",
+			warningTitle: t("ineCheck.unknown")
+		})
+	] });
+};
+var GovernmentValidation = ({ config, onFinish }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(GovernmentValidationContent, {
+		config,
+		onFinish
+	}) : null });
+};
+registerIncodeModuleElement(GovernmentValidation, "incode-government-validation");
 //#endregion
-export { _ as GovernmentValidation };
+export { GovernmentValidation };

package/dist/governmentValidation/styles.css

@@ -21,23 +21,6 @@
   display: flex;
 }
 
-.IncodeGovtValidation .IncodeGovtValidationStatus {
-  text-align: center;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeGovtValidation .IncodeGovtValidationText {
-  margin-top: var(--spacing-12, var(--spacing-12, 12px));
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h2-size);
-  font-weight: var(--typography-headline-h2-weight);
-  line-height: var(--typography-headline-h2-line-height);
-  letter-spacing: var(--typography-headline-h2-letter-spacing);
-}
-
 .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodePageContent {
   flex-direction: column;
   align-items: center;

package/dist/homeScreen-BZnIEDrV.js

@@ -0,0 +1,264 @@
+import { c as supportedLanguages, n as useTranslation, s as getLanguageEmoji } from "./i18n-CoCO2ZuN.js";
+import { _ as y, d as T, l as A, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
+import { n as useUiConfig } from "./uiConfig-D2_wawvr.js";
+import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
+import "./incode-logo-57XFniXU.js";
+import { t as Button } from "./button-CM_hgyIP.js";
+import { t as Modal } from "./modal-nTSaG7nB.js";
+import { t as DropdownComposed } from "./dropdownComposed-_fgAlo_C.js";
+import "./dropdownComposed-CEWBSdGl.js";
+//#region src/shared/homeScreen/language.ts
+function capitalizeLabel(text, locale) {
+	const [firstCharacter, ...rest] = Array.from(text);
+	if (!firstCharacter) return text;
+	return `${firstCharacter.toLocaleUpperCase(locale)}${rest.join("")}`;
+}
+function getLanguageRegionCode(language) {
+	const [, regionPart] = language.split("-");
+	if (regionPart && /^[A-Z]{2}$/.test(regionPart)) return regionPart;
+	const emoji = getLanguageEmoji(language);
+	const codePoints = Array.from(emoji).map((character) => character.codePointAt(0));
+	if (codePoints.length !== 2) return null;
+	const letters = codePoints.map((codePoint) => {
+		if (!codePoint || codePoint < 127462 || codePoint > 127487) return null;
+		return String.fromCharCode(codePoint - 127462 + 65);
+	});
+	if (letters.some((letter) => letter === null)) return null;
+	return letters.join("");
+}
+function formatLanguageLabel(language, locale) {
+	if (typeof Intl !== "undefined" && typeof Intl.DisplayNames !== "undefined") return capitalizeLabel(new Intl.DisplayNames([locale, "en"], { type: "language" }).of(language) ?? language, locale);
+	return capitalizeLabel(language, locale);
+}
+function getSelectedMainLanguageLabel(selectedLanguage, locale) {
+	const baseLanguage = selectedLanguage.split("-")[0] || selectedLanguage;
+	const regionCode = getLanguageRegionCode(selectedLanguage);
+	return `${formatLanguageLabel(baseLanguage, locale)}${regionCode ? ` (${regionCode})` : ""}`;
+}
+function formatOptionLabel(language, locale) {
+	const emoji = getLanguageEmoji(language);
+	const [baseLang, subTag] = language.split("-");
+	const base = baseLang || language;
+	const baseDisplay = capitalizeLabel(new Intl.DisplayNames([locale, "en"], { type: "language" }).of(base) ?? base, locale);
+	if (subTag && !/^[A-Z]{2}$/.test(subTag)) return `${emoji} ${capitalizeLabel(new Intl.DisplayNames([locale, "en"], { type: "language" }).of(language) ?? language, locale)}`;
+	if (subTag) return `${emoji} ${baseDisplay} (${new Intl.DisplayNames([locale, "en"], { type: "region" }).of(subTag) ?? subTag})`;
+	const regionCode = getLanguageRegionCode(language);
+	if (regionCode) return `${emoji} ${baseDisplay} (${regionCode})`;
+	return `${emoji} ${baseDisplay}`;
+}
+/**
+* Same structure as `formatOptionLabel` but with no leading regional-indicator
+* emoji, so screen readers do not announce flag characters.
+*/
+function formatOptionAccessibleLabel(language, locale) {
+	const [baseLang, subTag] = language.split("-");
+	const base = baseLang || language;
+	const baseDisplay = capitalizeLabel(new Intl.DisplayNames([locale, "en"], { type: "language" }).of(base) ?? base, locale);
+	if (subTag && !/^[A-Z]{2}$/.test(subTag)) return capitalizeLabel(new Intl.DisplayNames([locale, "en"], { type: "language" }).of(language) ?? language, locale);
+	if (subTag) return `${baseDisplay} (${new Intl.DisplayNames([locale, "en"], { type: "region" }).of(subTag) ?? subTag})`;
+	const regionCode = getLanguageRegionCode(language);
+	if (regionCode) return `${baseDisplay} (${regionCode})`;
+	return baseDisplay;
+}
+function buildLanguageOptions(locale) {
+	const options = [...new Set(supportedLanguages)].map((language) => ({
+		value: language,
+		label: formatOptionLabel(language, locale),
+		ariaLabel: formatOptionAccessibleLabel(language, locale)
+	}));
+	options.sort((left, right) => left.label.localeCompare(right.label));
+	return options;
+}
+async function changeLanguage(changeI18nLanguage, nextLanguage) {
+	await changeI18nLanguage(nextLanguage);
+	if (typeof document !== "undefined") document.documentElement.lang = nextLanguage;
+}
+function useLanguage() {
+	const { i18n } = useTranslation();
+	const selectedLanguage = i18n.language || "en";
+	const languageOptions = T(() => {
+		return buildLanguageOptions(selectedLanguage);
+	}, [selectedLanguage]);
+	return {
+		selectedLanguage,
+		selectedMainLanguageLabel: getSelectedMainLanguageLabel(selectedLanguage, selectedLanguage),
+		selectedMainLanguageEmoji: getLanguageEmoji(selectedLanguage),
+		languageOptions,
+		changeLanguage: (nextLanguage) => {
+			return changeLanguage(i18n.changeLanguage.bind(i18n), nextLanguage);
+		}
+	};
+}
+//#endregion
+//#region src/shared/homeScreen/settings.tsx
+function Settings({ onClose }) {
+	const { t } = useTranslation();
+	const { selectedLanguage, languageOptions, changeLanguage } = useLanguage();
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ u("section", {
+		class: "IncodeHomeSettingsContainer",
+		children: [
+			/* @__PURE__ */ u("div", {
+				class: "IncodeHomeSettingsBody",
+				children: [
+					/* @__PURE__ */ u("h1", {
+						ref: titleRef,
+						id: "incode-modal-title",
+						class: "IncodeHomeSettingsTitle",
+						tabIndex: -1,
+						children: t("settings.settings")
+					}),
+					/* @__PURE__ */ u(Spacer, { size: 32 }),
+					/* @__PURE__ */ u("div", {
+						class: "IncodeHomeSettingsBodyContent",
+						children: /* @__PURE__ */ u(DropdownComposed, {
+							id: "home-language",
+							label: t("v2.settings.language"),
+							value: selectedLanguage,
+							options: languageOptions,
+							onChange: async (language) => {
+								await changeLanguage(language);
+							},
+							searchable: true,
+							"data-testid": "home-language-select"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				class: "IncodeHomeSettingsFooter",
+				children: /* @__PURE__ */ u(Button, {
+					onClick: onClose,
+					"data-testid": "home-settings-done-button",
+					children: t("settings.done")
+				})
+			}),
+			/* @__PURE__ */ u(Modal.Close, {
+				"aria-label": t("settings.close"),
+				"data-testid": "home-settings-close-button",
+				onClick: onClose
+			})
+		]
+	});
+}
+//#endregion
+//#region src/shared/homeScreen/settingsIcon.tsx
+function SettingsIcon() {
+	return /* @__PURE__ */ u("svg", {
+		width: "30",
+		height: "30",
+		viewBox: "0 0 30 30",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ u("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M4.5 15.3187C4.5 14.1593 5.44055 13.2188 6.6 13.2188C7.75945 13.2188 8.7 14.1593 8.7 15.3187C8.7 16.4782 7.75945 17.4187 6.6 17.4187C5.44055 17.4187 4.5 16.4782 4.5 15.3187Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ u("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M12.9004 15.3187C12.9004 14.1593 13.841 13.2188 15.0004 13.2188C16.1598 13.2188 17.1004 14.1593 17.1004 15.3187C17.1004 16.4782 16.1598 17.4187 15.0004 17.4187C13.841 17.4187 12.9004 16.4782 12.9004 15.3187Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ u("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M21.2998 15.3187C21.2998 14.1593 22.2404 13.2188 23.3998 13.2188C24.5592 13.2188 25.4998 14.1593 25.4998 15.3187C25.4998 16.4782 24.5592 17.4187 23.3998 17.4187C22.2404 17.4187 21.2998 16.4782 21.2998 15.3187Z",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/shared/homeScreen/homeScreen.tsx
+function HomeScreen({ onContinue, isContinueLoading }) {
+	const { t } = useTranslation();
+	const { logoSrc, subtitle } = useUiConfig();
+	const { selectedMainLanguageLabel, selectedMainLanguageEmoji } = useLanguage();
+	const subtitleRef = A(null);
+	const startButtonRef = A(null);
+	const displayLogo = logoSrc || "data:image/svg+xml,%3csvg%20width='76'%20height='20'%20viewBox='0%200%2076%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.1687%206.01811C42.2312%206.01811%2043.7927%206.59655%2044.8446%207.76024C45.8919%208.91831%2046.4126%2010.5865%2046.4126%2012.7583C46.4126%2014.93%2045.8748%2016.6105%2044.794%2017.7944C43.7102%2018.9815%2042.1729%2019.5735%2040.1937%2019.5735C38.1479%2019.5735%2036.5973%2018.99%2035.5546%2017.8187L35.4273%2017.6701C34.4729%2016.5101%2033.9984%2014.871%2033.9984%2012.7583C33.9984%208.28671%2036.0703%206.01811%2040.1687%206.01811ZM69.1127%206.01781C71.1144%206.01781%2072.5953%206.66904%2073.5373%207.97333C74.4288%209.2077%2074.8837%2010.9053%2074.9066%2013.0629L74.9058%2013.5242H66.1149C66.2174%2014.6334%2066.5602%2015.4734%2067.141%2016.0538C67.7488%2016.662%2068.6195%2016.9679%2069.7639%2016.9679C70.5188%2016.9679%2071.2373%2016.8742%2071.921%2016.6862C72.6048%2016.4995%2073.2105%2016.2581%2073.735%2015.9646L73.9814%2015.8267V18.666L73.8821%2018.7093C72.5607%2019.286%2071.0464%2019.5732%2069.3379%2019.5732C67.4088%2019.5732%2065.8853%2018.986%2064.7769%2017.8093C63.6699%2016.6348%2063.1183%2014.9722%2063.1183%2012.833C63.1183%2010.6451%2063.6389%208.96055%2064.6862%207.78517C65.7359%206.60632%2067.2157%206.01781%2069.1127%206.01781ZM60.3976%201.06738V16.3832C60.3976%2017.0998%2060.0996%2017.7092%2059.5124%2018.198C58.9425%2018.6724%2058.2282%2019.0207%2057.3718%2019.2435C56.5257%2019.4635%2055.6531%2019.5731%2054.7534%2019.5731C52.9298%2019.5731%2051.4237%2019.056%2050.2406%2018.0202C49.0485%2016.9752%2048.4588%2015.1678%2048.4588%2012.6072C48.4588%2010.5545%2048.9627%208.9421%2049.9753%207.77411C50.9938%206.60175%2052.4982%206.01774%2054.4782%206.01774C54.9416%206.01774%2055.4735%206.07665%2056.0742%206.19449C56.582%206.296%2057.0453%206.43849%2057.4648%206.62252V1.06738H60.3976ZM27.911%206.04223C29.2828%206.04223%2030.5881%206.29619%2031.8264%206.80393L31.9291%206.84604V9.55797L31.6992%209.46109C30.4503%208.93473%2029.3127%208.67257%2028.2863%208.67257C27.0102%208.67257%2026.0684%208.98809%2025.4521%209.61162C24.8366%2010.2352%2024.5242%2011.2397%2024.5242%2012.6331C24.5242%2014.0959%2024.8298%2015.1535%2025.4314%2015.8092C26.029%2016.4619%2027.002%2016.7923%2028.3613%2016.7923C29.4706%2016.7923%2030.589%2016.5234%2031.7164%2015.9842L31.9534%2015.8708V18.5903L31.8552%2018.634C30.6349%2019.1773%2029.3283%2019.4483%2027.936%2019.4483C26.2154%2019.4483%2024.7637%2018.9753%2023.5868%2018.0285L23.4123%2017.8829L23.2796%2017.7636C22.1516%2016.7067%2021.5914%2015.0592%2021.5914%2012.8332C21.5914%2010.4557%2022.186%208.72379%2023.3849%207.64725C24.5757%206.57726%2026.0871%206.04223%2027.911%206.04223ZM4.11045%206.39262L4.13613%2019.1987H1.15293V6.39262H4.11045ZM13.5766%206.0423C15.365%206.0423%2016.6948%206.41948%2017.5636%207.18368C18.4372%207.95269%2018.8706%209.13902%2018.8706%2010.7331V19.1984H15.9127V11.0838C15.9127%209.42945%2014.9988%208.62337%2013.1013%208.62337C12.3086%208.62337%2011.5458%208.73548%2010.8133%208.95959L10.5401%209.04888V19.1984H7.58147V7.40579L7.67177%207.35974C8.43481%206.97061%209.36013%206.65415%2010.4506%206.40815L10.8116%206.33134C11.7692%206.13867%2012.6905%206.0423%2013.5766%206.0423ZM40.1687%208.5477C39.0014%208.5477%2038.1814%208.89722%2037.6896%209.59114C37.1869%2010.3012%2036.932%2011.3564%2036.932%2012.7583C36.932%2014.1602%2037.1948%2015.223%2037.7142%2015.9499C38.2224%2016.6613%2039.0345%2017.0182%2040.1687%2017.0182C42.3685%2017.0182%2043.4555%2015.6249%2043.4555%2012.7583C43.4555%2011.325%2043.1888%2010.2632%2042.6636%209.57056C42.1472%208.89036%2041.3203%208.5477%2040.1687%208.5477ZM54.8535%208.59807C52.5835%208.59807%2051.4659%209.9271%2051.4659%2012.6579C51.4659%2014.0276%2051.7253%2015.0917%2052.2391%2015.8527C52.7378%2016.5945%2053.6185%2016.9678%2054.9035%2016.9678C55.6556%2016.9678%2056.2834%2016.8792%2056.7876%2016.7028C57.2156%2016.553%2057.4279%2016.378%2057.4604%2016.186L57.4648%2016.1332V9.25404L57.2778%209.15611C56.9611%208.99923%2056.6189%208.87406%2056.2512%208.78123C55.7705%208.65917%2055.3045%208.59807%2054.8535%208.59807ZM69.0377%208.49888C68.192%208.49888%2067.5412%208.71795%2067.0743%209.15366C66.6631%209.5374%2066.3731%2010.1684%2066.2101%2011.0498L66.1771%2011.2425H71.8784L71.8489%2011.0453C71.7111%2010.208%2071.4421%209.58986%2071.0461%209.18626C70.5969%208.72981%2069.9303%208.49888%2069.0377%208.49888ZM4.21085%201.94156V4.64764H1.07715V1.94156H4.21085Z'%20fill='%23006AFF'/%3e%3c/svg%3e";
+	const [settingsOpen, setSettingsOpen] = d(false);
+	y(() => {
+		subtitleRef.current?.focus();
+	}, [subtitle]);
+	return /* @__PURE__ */ u("main", {
+		class: "IncodeHome",
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeHomeContent",
+			children: [
+				/* @__PURE__ */ u("header", {
+					class: "IncodeHomeHeader",
+					children: [/* @__PURE__ */ u("div", {
+						class: "IncodeHomeLanguage",
+						children: [
+							/* @__PURE__ */ u("p", {
+								class: "IncodeHomeLanguageLabel",
+								children: t("home.language")
+							}),
+							/* @__PURE__ */ u(Spacer, { size: 8 }),
+							/* @__PURE__ */ u("p", {
+								class: "IncodeHomeLanguageValue",
+								children: [/* @__PURE__ */ u("span", {
+									"aria-hidden": "true",
+									children: [selectedMainLanguageEmoji, " "]
+								}), selectedMainLanguageLabel]
+							})
+						]
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						class: "IncodeHomeSettingsButton",
+						onClick: () => setSettingsOpen(true),
+						"aria-label": t("home.goToSettings"),
+						"data-testid": "home-settings-button",
+						children: /* @__PURE__ */ u(SettingsIcon, {})
+					})]
+				}),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeHomeCenterSection",
+					children: [/* @__PURE__ */ u("div", {
+						class: "IncodeHomeLogoContainer",
+						children: /* @__PURE__ */ u("img", {
+							src: displayLogo,
+							alt: t("home.logo"),
+							class: "IncodeHomeLogo",
+							"data-testid": "home-logo",
+							"aria-hidden": "true"
+						})
+					}), subtitle ? /* @__PURE__ */ u("h2", {
+						ref: subtitleRef,
+						class: "IncodeHomeSubtitle",
+						tabIndex: -1,
+						children: subtitle
+					}) : null]
+				}),
+				/* @__PURE__ */ u(Button, {
+					ref: startButtonRef,
+					onClick: () => {
+						onContinue();
+					},
+					isLoading: isContinueLoading,
+					class: "IncodeHomeStartButton",
+					"data-testid": "home-start-button",
+					children: t("home.start")
+				})
+			]
+		}), /* @__PURE__ */ u(Modal.Root, {
+			open: settingsOpen,
+			onOpenChange: (open) => setSettingsOpen(open),
+			returnFocusRef: startButtonRef,
+			manageInitialFocus: false,
+			class: "IncodeHomeSettingsModal",
+			children: /* @__PURE__ */ u(Modal.Content, { children: /* @__PURE__ */ u(Settings, { onClose: () => setSettingsOpen(false) }) })
+		})]
+	});
+}
+//#endregion
+export { HomeScreen };