@incodetech/web 2.2.0 → 2.3.0-rc.1

package/dist/{front-horizontal-hint-Bhz1rq-w.js → front-horizontal-hint-mgovnJf3.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/front-horizontal-hint.svg?react
 var SvgFrontHorizontalHint = (props) => /* @__PURE__ */ u("svg", {
 	width: 800,

package/dist/{front-vertical-hint-C4FC1ksx.js → front-vertical-hint-qXMVdLri.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/front-vertical-hint.svg?react
 var SvgFrontVerticalHint = (props) => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",

package/dist/geolocation/geolocation.es.js

@@ -1,12 +1,12 @@
-import { a as useTranslation, i as Trans } from "../uiConfig-Dqnjankd.js";
-import { C as k, y as u } from "../vendor-preact-BPXMFRom.js";
-import { b as useManager, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "../incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "../spacer-DLEDuWEx.js";
-import { r as Button } from "../incode-logo-DeIDDejm.js";
-import { t as VerificationResult } from "../verificationResult-q_zD_Pxh.js";
-import { t as ConnectionError } from "../connectionError-BurQq_4R.js";
-import { t as NumberedStep } from "../numberedStep-DqtXyT11.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-9K8KUs61.js";
+import { a as Trans, o as useTranslation } from "../uiConfig-BcjOx3PY.js";
+import { S as k, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "../incodeComponent-DeVV0gEn.js";
+import { t as Spacer } from "../spacer-DZ-t7RMQ.js";
+import { x as Button } from "../icons-DNXYxUPA.js";
+import { t as VerificationResult } from "../verificationResult-Bre5Fb7M.js";
+import { t as ConnectionError } from "../connectionError-Haw33Di8.js";
+import { t as NumberedStep } from "../numberedStep-C8e_uPaz.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-Do8qpZk7.js";
 import { getBrowser, getDeviceClass } from "@incodetech/core/device";
 import { createGeolocationManager } from "@incodetech/core/geolocation";
 //#region src/modules/geolocation/LocationActiveIcon.tsx

package/dist/geolocation/styles.css

@@ -44,7 +44,7 @@
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageInner {
-  max-width: 420px;
+  max-width: var(--incode-form-max-w);
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {
@@ -57,11 +57,11 @@
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   gap: var(--spacing-24, var(--spacing-24, 24px));
   flex-direction: column;
   align-self: center;
-  width: 100%;
-  max-width: 420px;
   display: flex;
 }
 
@@ -120,7 +120,7 @@
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {
-  padding: 5px;
+  padding: var(--geolocation-permission-step-padding);
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {

package/dist/geolocation/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-leading: initial;\n      --tw-font-weight: initial;\n    }\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.IncodeGeolocationPage {\n  animation: .4s ease-out fadeIn;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeGeolocationPage {\n    animation: none;\n  }\n}\n\n.IncodeGeolocationPage .IncodeGeolocationIconWrapper {\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  padding-block: var(--spacing-24, var(--spacing-24, 24px));\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeGeolocationPage .IncodeGeolocationButtonWrapper {\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageInner {\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitle {\n  text-align: left;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  align-self: center;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSection {\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStep {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepIcon {\n  aspect-ratio: 1;\n  height: var(--spacing-40, var(--spacing-40, 40px));\n  min-height: var(--spacing-40, var(--spacing-40, 40px));\n  width: var(--spacing-40, var(--spacing-40, 40px));\n  min-width: var(--spacing-40, var(--spacing-40, 40px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImg {\n  object-fit: contain;\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedSettings {\n  padding: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {\n  padding: var(--geolocation-permission-step-padding);\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {\n  font-size: var(--text-16, var(--primitive-typography-size-16));\n  --tw-leading: var(--leading-snug, 1.375);\n  line-height: var(--leading-snug, 1.375);\n  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {\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}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {\n  vertical-align: middle;\n  display: inline-block;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n";

package/dist/government-validation/government-validation.es.js

@@ -1,12 +1,7 @@
-import { a as useTranslation } from "../uiConfig-Dqnjankd.js";
-import { C as k, y as u } from "../vendor-preact-BPXMFRom.js";
-import { b as useManager, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "../incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "../spacer-DLEDuWEx.js";
-import "../extensibility-C5XqL_A3.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-DB-23sv_.js";
-import { t as VerificationResult } from "../verificationResult-q_zD_Pxh.js";
-import { t as OtpInput } from "../otpInput-CvPR3ZpP.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-9K8KUs61.js";
+import { o as useTranslation } from "../uiConfig-BcjOx3PY.js";
+import { v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, d as TransitionSpinner, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "../incodeComponent-DeVV0gEn.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-Do8qpZk7.js";
 import { createGovernmentValidationManager } from "@incodetech/core/government-validation";
 //#region src/modules/government-validation/governmentIncodeLogo.tsx
 var VerifiedByGovIncodeLogo = () => {
@@ -24,7 +19,7 @@ var VerifiedByGovIncodeLogo = () => {
 				"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)"
+				fill: "#006AFF"
 			}),
 			/* @__PURE__ */ u("path", {
 				"fill-rule": "evenodd",
@@ -41,27 +36,27 @@ var VerifiedByGovIncodeLogo = () => {
 				children: [
 					/* @__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)"
+						fill: "#006AFF"
 					}),
 					/* @__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)"
+						fill: "#006AFF"
 					}),
 					/* @__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)"
+						fill: "#006AFF"
 					}),
 					/* @__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)"
+						fill: "#006AFF"
 					}),
 					/* @__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)"
+						fill: "#006AFF"
 					}),
 					/* @__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)"
+						fill: "#006AFF"
 					})
 				]
 			}),
@@ -83,84 +78,41 @@ var VerifiedByGovIncodeLogo = () => {
 };
 //#endregion
 //#region src/modules/government-validation/government-validation.tsx
-var GovernmentVerificationResult = (props) => /* @__PURE__ */ u(VerificationResult, {
-	...props,
-	hideFooterBranding: false,
-	footerBrandingSlot: /* @__PURE__ */ u(VerifiedByGovIncodeLogo, {})
-});
-var GovernmentValidationContent = ({ config, onFinish }) => {
+/**
+* Backend-only step: the loader shows while the validation call resolves,
+* then the flow advances. The outcome never reaches the UI — success,
+* failure, and "unavailable for this country" are indistinguishable here by
+* design, and a failed call is silent too (it is recorded server-side, or
+* via `errorTriggered` when the request never reached the backend).
+*/
+var GovernmentValidationContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
-	const [state, manager] = useManager(() => {
+	const [state] = useManager(() => {
+		if (externalManager) return externalManager;
 		if (!config) throw new Error("GovernmentValidation config is required");
 		return createGovernmentValidationManager({ config });
-	});
+	}, { manageLifecycle: !externalManager });
 	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" || state.status === "processing") && /* @__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")
-		}),
-		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 GovernmentValidationWithLocalConfig = ({ config, onFinish }) => {
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(GovernmentValidationContent, {
-		config,
-		onFinish
-	}) : null });
+	if (state.status === "finished") return null;
+	return /* @__PURE__ */ u(Page, {
+		className: "IncodeGovtValidation",
+		footerBrandingSlot: /* @__PURE__ */ u(VerifiedByGovIncodeLogo, {}),
+		hideHeader: true,
+		children: /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: {
+			title: t("common.holdOnASec"),
+			subtitle: t("ineCheck.checkingYourInformation")
+		} })
+	});
 };
-var GovernmentValidation = withStandaloneModuleBootstrap(GovernmentValidationWithLocalConfig, "GOVT_VALIDATION_PROVISIONING");
+var GovernmentValidationWithLocalConfig = ({ config, manager, onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(GovernmentValidationContent, {
+	config,
+	manager,
+	onFinish
+}) : null });
+var GovernmentValidation = withStandaloneModuleBootstrap(GovernmentValidationWithLocalConfig, "GOVT_VALIDATION_PROVISIONING", { supportsExternalManager: true });
 registerIncodeModuleElement(GovernmentValidation, "incode-government-validation");
 //#endregion
 export { GovernmentValidation };

package/dist/government-validation/styles.css

@@ -1,41 +1,5 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 .IncodeGovtValidation {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.IncodeGovtValidation .IncodeGovtValidationPage {
-  width: 100%;
-  height: 100%;
-}
-
-.IncodeGovtValidation .IncodeGovtValidationPage .IncodePageContent {
-  flex-direction: column;
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodePageContent {
-  flex-direction: column;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions {
-  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
-}
-
-.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
-  font-family: var(--typography-input-dropdown-family);
-  font-size: var(--typography-input-dropdown-m-size);
-  font-weight: var(--typography-input-dropdown-m-weight);
-  line-height: var(--typography-input-dropdown-m-line-height);
-  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
-  text-wrap: nowrap;
+  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+  animation-fill-mode: both;
 }

package/dist/government-validation/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeGovtValidation {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n";