@incodetech/web 0.0.0-dev-20260812-8c1f33d0 → 0.0.0-dev-20260812-d815489d

package/dist/authentication/authentication.es.js

@@ -1,6 +1,6 @@
 import { v as u } from "../vendor-preact-mvwZ8mJj.js";
 import { _ as useModuleTerminalCallbacks, g as isTerminalModuleState, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
-import { n as Capture, t as Tutorial } from "../tutorial-BZZC93Ur.js";
+import { n as Capture, t as Tutorial } from "../tutorial-DU8ga1m4.js";
 import { n as Permissions } from "../manualCaptureButton-quGa2ufS.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";
 import { createAuthenticationManager } from "@incodetech/core/authentication";

package/dist/base.css

@@ -4838,6 +4838,13 @@
   margin: auto;
 }
 
+.IncodeBaseTutorialSecondaryAction {
+  margin: auto;
+  margin-top: var(--spacing-16, var(--spacing-16, 16px));
+  justify-content: center;
+  display: flex;
+}
+
 .IncodeBaseTutorialAnimation {
   height: 100%;
 }

package/dist/certificate-issuance/certificate-issuance.es.js

@@ -4,7 +4,7 @@ import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBo
 import { t as Spacer } from "../spacer-CDlQd12V.js";
 import { o as TypographyH5 } from "../spinner-CLZ2fz4u.js";
 import { r as Button } from "../incode-logo-rGFjZHqi.js";
-import { y as PasswordInputComposed } from "../extensibility-iJYzpW6H.js";
+import { y as PasswordInputComposed } from "../extensibility-5pL-rL5z.js";
 import { t as SuccessIcon } from "../successIcon-Bj8Y9CuI.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-gLba2mgp.js";
 import { t as VerificationResult } from "../verificationResult-B8HwR07t.js";

package/dist/document-capture/document-capture.es.js

@@ -1,2 +1,2 @@
-import { t as DocumentCapture } from "../documentCapture-BvEGCYj-.js";
+import { t as DocumentCapture } from "../documentCapture-Dg1O-1c5.js";
 export { DocumentCapture };

package/dist/documentCapture-DJUAP7RQ.js

@@ -0,0 +1,2 @@
+import { t as DocumentCapture } from "./documentCapture-Dg1O-1c5.js";
+export { DocumentCapture };

package/dist/{documentCapture-BvEGCYj-.js → documentCapture-Dg1O-1c5.js}

@@ -4,11 +4,11 @@ import { _ as useModuleTerminalCallbacks, m as useIsMobileDeviceWidth, o as Page
 import { s as Asset, t as Spacer, u as cn } from "./spacer-CDlQd12V.js";
 import { t as Spinner } from "./spinner-CLZ2fz4u.js";
 import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import { b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, p as CameraOverlay } from "./extensibility-iJYzpW6H.js";
+import { b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, p as CameraOverlay } from "./extensibility-5pL-rL5z.js";
 import { a as FileIcon, g as CameraIcon, r as LockIcon } from "./icons--ezYG2Fb.js";
 import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
 import { t as Modal } from "./modal-BjjJFpZu.js";
-import { i as ErrorContent } from "./tutorial-BZZC93Ur.js";
+import { i as ErrorContent } from "./tutorial-DU8ga1m4.js";
 import { t as AutoFocusTitle } from "./autoFocusTitle-gLba2mgp.js";
 import { t as BottomSheet } from "./bottomSheet-Cp8DLulN.js";
 import { a as CameraView, o as CameraFrame } from "./manualCaptureButton-t_oIol88.js";

package/dist/{dynamicForms-P-4E42IA.js → dynamicForms-9NI_Ypq6.js}

@@ -9,7 +9,7 @@ import { t as DropdownComposed } from "./dropdownComposed-OHDHzt1Q.js";
 import { t as DateInputComposed } from "./dateInputComposed-eRcbt_SL.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-CcLzar_X.js";
 import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-Dx0WS2cR.js";
-import { t as EmailInput } from "./emailInput-B0P2Q-pk.js";
+import { t as EmailInput } from "./emailInput-DSRzT62N.js";
 import { createDynamicFormsManager } from "@incodetech/core/dynamic-forms";
 import { formatCPF, isValidCPF } from "@incodetech/core/id-ocr";
 //#region src/modules/dynamic-forms/dynamicForms.tsx

package/dist/ekyb/ekyb.es.js

@@ -1,2 +1,2 @@
-import { t as EkybModule } from "../ekybModule-DmjkzVWE.js";
+import { t as EkybModule } from "../ekybModule-Dj-BvJtb.js";
 export { EkybModule };

package/dist/ekybModule-DiBGxasL.js

@@ -0,0 +1,2 @@
+import { t as EkybModule } from "./ekybModule-Dj-BvJtb.js";
+export { EkybModule };

package/dist/{ekybModule-DmjkzVWE.js → ekybModule-Dj-BvJtb.js}

@@ -4,7 +4,7 @@ import { _ as useModuleTerminalCallbacks, h as useFormScrollable, o as Page, r a
 import { t as Spacer } from "./spacer-CDlQd12V.js";
 import { t as Spinner } from "./spinner-CLZ2fz4u.js";
 import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import "./extensibility-iJYzpW6H.js";
+import "./extensibility-5pL-rL5z.js";
 import { t as VerificationResult } from "./verificationResult-B8HwR07t.js";
 import { t as InputComposed } from "./inputComposed-BeROn635.js";
 import { i as translateError, r as FormField } from "./radioGroupComposed-DzNGUbZQ.js";

package/dist/email/email.es.js

@@ -5,7 +5,7 @@ import { t as Spacer } from "../spacer-CDlQd12V.js";
 import { r as Button } from "../incode-logo-rGFjZHqi.js";
 import { t as OtpInput } from "../otpInput-D5dLXrmC.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";
-import { t as EmailInput } from "../emailInput-B0P2Q-pk.js";
+import { t as EmailInput } from "../emailInput-DSRzT62N.js";
 import { createEmailManager } from "@incodetech/core/email";
 //#region src/modules/email/email.tsx
 /**

package/dist/{emailInput-B0P2Q-pk.js → emailInput-DSRzT62N.js}

@@ -1,6 +1,6 @@
 import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
 import { v as u } from "./vendor-preact-mvwZ8mJj.js";
-import "./extensibility-iJYzpW6H.js";
+import "./extensibility-5pL-rL5z.js";
 import { t as InputComposed } from "./inputComposed-BeROn635.js";
 //#region src/modules/email/emailInput.tsx
 var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;

package/dist/{extensibility-iJYzpW6H.js → extensibility-5pL-rL5z.js}

@@ -8,7 +8,7 @@ import "./processing-BsvHyDWa.js";
 import { _ as CalendarIcon, c as EllipseIcon, h as CaptureButtonIcon, i as HelpIcon, o as EyeOffIcon, r as LockIcon, s as EyeIcon, t as SvgLightningIcon, u as ChevronRightIcon } from "./icons--ezYG2Fb.js";
 import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
 import { t as Modal } from "./modal-BjjJFpZu.js";
-import { r as BaseTutorial } from "./tutorial-BZZC93Ur.js";
+import { r as BaseTutorial } from "./tutorial-DU8ga1m4.js";
 import "./verificationResult-B8HwR07t.js";
 import "./connectionError-DAeXp8sE.js";
 import { t as InputComposed } from "./inputComposed-BeROn635.js";

package/dist/extensibility.es.js

@@ -3,12 +3,12 @@ import { n as LandscapeBlocker, o as Page, t as IncodeComponent, v as useScreenO
 import { o as Lottie, t as Spacer } from "./spacer-CDlQd12V.js";
 import { a as TypographyH4, i as TypographyH3, n as Title, o as TypographyH5, r as TypographyH1, s as TypographyP, t as Spinner } from "./spinner-CLZ2fz4u.js";
 import { n as ErrorIcon, r as Button } from "./incode-logo-rGFjZHqi.js";
-import { _ as TextArea, b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, g as TextAreaComposed, h as VerificationOptionCardList, i as Capture, m as VerificationOptionCard, n as Chooser, o as IdExpired, p as CameraOverlay, r as Tutorial, s as IdError, t as FlipAnimation, u as ManualCapture, v as SegmentedDateInput, x as Overlay, y as PasswordInputComposed } from "./extensibility-iJYzpW6H.js";
+import { _ as TextArea, b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, g as TextAreaComposed, h as VerificationOptionCardList, i as Capture, m as VerificationOptionCard, n as Chooser, o as IdExpired, p as CameraOverlay, r as Tutorial, s as IdError, t as FlipAnimation, u as ManualCapture, v as SegmentedDateInput, x as Overlay, y as PasswordInputComposed } from "./extensibility-5pL-rL5z.js";
 import { t as Processing } from "./processing-BsvHyDWa.js";
 import { _ as CalendarIcon, a as FileIcon, c as EllipseIcon, d as ChevronLeftIcon, f as ChevronDown, g as CameraIcon, h as CaptureButtonIcon, i as HelpIcon, l as CloseIcon, m as CheckmarkIcon, n as SearchIcon, o as EyeOffIcon, p as CheckmarkCompactIcon, r as LockIcon, s as EyeIcon, t as SvgLightningIcon, u as ChevronRightIcon, v as WarningIcon } from "./icons--ezYG2Fb.js";
 import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
 import { t as Modal } from "./modal-BjjJFpZu.js";
-import { i as ErrorContent, n as Capture$1, r as BaseTutorial, t as Tutorial$1 } from "./tutorial-BZZC93Ur.js";
+import { i as ErrorContent, n as Capture$1, r as BaseTutorial, t as Tutorial$1 } from "./tutorial-DU8ga1m4.js";
 import { t as VerificationResult } from "./verificationResult-B8HwR07t.js";
 import { t as ConnectionError } from "./connectionError-DAeXp8sE.js";
 import { n as Input, t as InputComposed } from "./inputComposed-BeROn635.js";

package/dist/field-comparison/field-comparison.es.js

@@ -1,2 +1,2 @@
-import { t as FieldComparison } from "../fieldComparison-NLdDSOEh.js";
+import { t as FieldComparison } from "../fieldComparison-DM759xgn.js";
 export { FieldComparison };

package/dist/fieldComparison-D794U8Yh.js

@@ -0,0 +1,2 @@
+import { t as FieldComparison } from "./fieldComparison-DM759xgn.js";
+export { FieldComparison };

package/dist/{fieldComparison-NLdDSOEh.js → fieldComparison-DM759xgn.js}

@@ -3,7 +3,7 @@ import { v as u } from "./vendor-preact-mvwZ8mJj.js";
 import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-K9ZWg302.js";
 import { t as Spacer } from "./spacer-CDlQd12V.js";
 import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import "./extensibility-iJYzpW6H.js";
+import "./extensibility-5pL-rL5z.js";
 import { t as VerificationResult } from "./verificationResult-B8HwR07t.js";
 import { t as InputComposed } from "./inputComposed-BeROn635.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-CcLzar_X.js";

package/dist/fiscal-qr/fiscal-qr.es.js

@@ -3,7 +3,7 @@ import { v as u } from "../vendor-preact-mvwZ8mJj.js";
 import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
 import { t as Spacer } from "../spacer-CDlQd12V.js";
 import { r as Button } from "../incode-logo-rGFjZHqi.js";
-import { f as CameraOverlayHeader, p as CameraOverlay } from "../extensibility-iJYzpW6H.js";
+import { f as CameraOverlayHeader, p as CameraOverlay } from "../extensibility-5pL-rL5z.js";
 import { t as VerificationResult } from "../verificationResult-B8HwR07t.js";
 import { a as CameraView, o as CameraFrame } from "../manualCaptureButton-t_oIol88.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";

package/dist/flow/flow.es.js

@@ -4,7 +4,7 @@ import { a as TerminalErrorPage, i as ResolvedConfigProvider, l as TransitionSpi
 import { n as ErrorIcon } from "../incode-logo-rGFjZHqi.js";
 import { t as StatusPage } from "../statusPage--GVFSUJp.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";
-import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, v as isDesktopOrEmulated } from "../useModuleLoader-D_YpuVsS.js";
+import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, v as isDesktopOrEmulated } from "../useModuleLoader-Ct3amb9c.js";
 import { getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts

package/dist/flow/styles.css

@@ -14,8 +14,8 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
-      --tw-outline-style: solid;
       --tw-duration: initial;
+      --tw-outline-style: solid;
     }
   }
 }
@@ -115,6 +115,178 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadContainer {
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  width: 100%;
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFormats {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError {
+  align-items: flex-start;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  width: 100%;
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError p {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  flex: 1;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFooter {
+  margin-top: auto;
+  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
+  row-gap: var(--spacing-24, var(--spacing-24, 24px));
+  width: 100%;
+  padding-top: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
+  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  padding-right: var(--spacing-12, var(--spacing-12, 12px));
+  padding-left: var(--spacing-32, var(--spacing-32, 32px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  list-style-type: disc;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li {
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li + li {
+  margin-top: var(--spacing-4, var(--spacing-4, 4px));
+}
+
+.IncodeSelfieUploadSlot {
+  cursor: pointer;
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-regular, var(--primitive-border-width-1));
+  --tw-border-style: solid;
+  border-style: solid;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
+  width: 100%;
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  padding-right: var(--spacing-24, var(--spacing-24, 24px));
+  padding-left: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
+  display: flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotIcon {
+  width: var(--spacing-24, var(--spacing-24, 24px));
+  height: var(--spacing-24, var(--spacing-24, 24px));
+  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
+  flex-shrink: 0;
+  justify-content: center;
+  display: flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+  overflow: hidden;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotAction {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotPill {
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  border-radius: var(--radius-full, var(--border-radius-full));
+  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+  padding-right: var(--spacing-8, var(--spacing-8, 8px));
+  padding-left: var(--spacing-16, var(--spacing-16, 16px));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  transition-duration: .2s;
+  display: inline-flex;
+}
+
+.IncodeSelfieUploadSlot:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: var(--color-border-status-focus, var(--border-status-focus));
+}
+
+.IncodeSelfieUploadSlot:hover:not(:disabled) .IncodeSelfieUploadSlotPill {
+  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
+}
+
+.IncodeSelfieUploadSlot:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.IncodeSelfieUploadSlot + .IncodeSelfieUploadSlotInput {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodePhonePage .IncodePageContent {
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
@@ -5367,15 +5539,15 @@ incode-flow {
   inherits: false
 }
 
-@property --tw-outline-style {
+@property --tw-duration {
   syntax: "*";
-  inherits: false;
-  initial-value: solid;
+  inherits: false
 }
 
-@property --tw-duration {
+@property --tw-outline-style {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: solid;
 }
 
 @keyframes spin {

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

@@ -2,7 +2,7 @@ import { i as useTranslation } from "../uiConfig-B5ASPUL4.js";
 import { S as k, v as u } from "../vendor-preact-mvwZ8mJj.js";
 import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
 import { t as Spacer } from "../spacer-CDlQd12V.js";
-import "../extensibility-iJYzpW6H.js";
+import "../extensibility-5pL-rL5z.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-gLba2mgp.js";
 import { t as VerificationResult } from "../verificationResult-B8HwR07t.js";
 import { t as OtpInput } from "../otpInput-D5dLXrmC.js";

package/dist/id/id.es.js

@@ -4,11 +4,11 @@ import { _ as useModuleTerminalCallbacks, d as useTimeoutHandle, l as Transition
 import { i as preloadAnimations, r as AnimatedAsset, s as Asset, t as Spacer, u as cn } from "../spacer-CDlQd12V.js";
 import { n as Title, t as Spinner } from "../spinner-CLZ2fz4u.js";
 import { n as ErrorIcon, r as Button } from "../incode-logo-rGFjZHqi.js";
-import { a as IdNoAttempts, b as ProgressBar, c as useIdExperiment, i as Capture, l as CaptureFrame, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation } from "../extensibility-iJYzpW6H.js";
+import { a as IdNoAttempts, b as ProgressBar, c as useIdExperiment, i as Capture, l as CaptureFrame, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation } from "../extensibility-5pL-rL5z.js";
 import { t as Processing } from "../processing-BsvHyDWa.js";
 import { r as LockIcon, u as ChevronRightIcon } from "../icons--ezYG2Fb.js";
 import { t as SuccessIcon } from "../successIcon-Bj8Y9CuI.js";
-import { i as ErrorContent } from "../tutorial-BZZC93Ur.js";
+import { i as ErrorContent } from "../tutorial-DU8ga1m4.js";
 import { n as Permissions } from "../manualCaptureButton-quGa2ufS.js";
 import { t as PdfViewer } from "../pdfViewer-vud1VZv6.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";

package/dist/{idOcr-gsIXHq6R.js → idOcr-kh-umkwD.js}

@@ -2,7 +2,7 @@ import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
 import { d as T, v as u } from "./vendor-preact-mvwZ8mJj.js";
 import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-K9ZWg302.js";
 import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import "./extensibility-iJYzpW6H.js";
+import "./extensibility-5pL-rL5z.js";
 import { t as VerificationResult } from "./verificationResult-B8HwR07t.js";
 import { t as InputComposed } from "./inputComposed-BeROn635.js";
 import { t as RadioGroupComposed } from "./radioGroupComposed-DzNGUbZQ.js";

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

@@ -4,7 +4,7 @@ import { S as k, _ as y, h as q, l as A, m as g, p as d, v as u } from "../vendo
 import { _ as useModuleTerminalCallbacks, c as usePageUiConfig, l as TransitionSpinner, r as withStandaloneModuleBootstrap, s as VerifiedByIncodeLogo, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
 import { t as Spacer } from "../spacer-CDlQd12V.js";
 import { n as ErrorIcon, r as Button, t as incode_logo_default } from "../incode-logo-rGFjZHqi.js";
-import "../extensibility-iJYzpW6H.js";
+import "../extensibility-5pL-rL5z.js";
 import "../icons--ezYG2Fb.js";
 import { t as SuccessIcon } from "../successIcon-Bj8Y9CuI.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-gLba2mgp.js";

package/dist/selfie/selfie.es.js

@@ -1,11 +1,184 @@
-import { _ as y, v as u } from "../vendor-preact-mvwZ8mJj.js";
-import { _ as useModuleTerminalCallbacks, g as isTerminalModuleState, l as TransitionSpinner, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
+import { i as useTranslation } from "../uiConfig-B5ASPUL4.js";
+import { S as k, _ as y, l as A, v as u } from "../vendor-preact-mvwZ8mJj.js";
+import { _ as useModuleTerminalCallbacks, g as isTerminalModuleState, l as TransitionSpinner, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
 import { i as preloadAnimations } from "../spacer-CDlQd12V.js";
+import { t as Spinner } from "../spinner-CLZ2fz4u.js";
+import { n as ErrorIcon, r as Button } from "../incode-logo-rGFjZHqi.js";
 import { t as Processing } from "../processing-BsvHyDWa.js";
-import { n as Capture, t as Tutorial } from "../tutorial-BZZC93Ur.js";
+import { u as ChevronRightIcon } from "../icons--ezYG2Fb.js";
+import { t as SuccessIcon } from "../successIcon-Bj8Y9CuI.js";
+import { n as Capture, t as Tutorial } from "../tutorial-DU8ga1m4.js";
 import { n as Permissions } from "../manualCaptureButton-quGa2ufS.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";
 import { createSelfieManager } from "@incodetech/core/selfie";
+//#region src/modules/selfie/manualUpload/manualUploadError.tsx
+/** `role="alert"` announces the rejection once on insert (SC 4.1.3). */
+var ManualUploadError = ({ errorKey, id }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u("div", {
+		id,
+		class: "IncodeSelfieManualUploadError",
+		role: "alert",
+		"data-testid": "selfie-manual-upload-error",
+		children: [/* @__PURE__ */ u(ErrorIcon, { size: 16 }), /* @__PURE__ */ u("p", { children: t(errorKey) })]
+	});
+};
+//#endregion
+//#region src/modules/selfie/manualUpload/selfieSlotIcon.tsx
+/**
+* Slot pictogram for the manual selfie upload card, from the Figma design.
+* Fills use `currentColor` so the card controls the tint and dark mode works;
+* the source artwork hardcoded `#60667C`.
+*/
+var SelfieSlotIcon = () => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M12.05 2.30078C6.65 2.30078 2.25 6.70078 2.25 12.1008C2.25 13.9008 2.65 15.4008 3.35 16.7008C3.55 17.1008 4.05 17.2008 4.35 17.0008C4.75 16.8008 4.85 16.3008 4.65 16.0008C4.05 15.0008 3.75 13.7008 3.75 12.2008C3.75 7.70078 7.45 4.00078 11.95 4.00078C16.45 4.00078 20.15 7.70078 20.15 12.2008C20.15 13.5008 19.85 14.7008 19.25 16.1008C19.05 16.5008 19.25 16.9008 19.65 17.1008C19.75 17.1008 19.85 17.2008 19.95 17.2008C20.25 17.2008 20.55 17.0008 20.65 16.8008C21.35 15.2008 21.75 13.8008 21.75 12.3008C21.75 6.70078 17.45 2.30078 12.05 2.30078Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M15.7489 10.5012C15.7489 8.40117 14.0489 6.70117 11.9489 6.70117C9.84893 6.70117 8.14893 8.40117 8.14893 10.5012C8.14893 12.6012 9.84893 14.3012 11.9489 14.3012C14.0489 14.3012 15.7489 12.6012 15.7489 10.5012Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M12.05 15.8014C8.24995 15.8014 6.64995 17.7014 6.44995 19.5014C6.44995 19.7014 6.54995 19.9014 6.64995 20.0014C8.14995 21.1014 10.05 21.7014 12.05 21.7014C13.95 21.7014 15.75 21.1014 17.45 20.0014C17.65 19.9014 17.65 19.7014 17.65 19.5014C17.55 18.6014 16.85 15.7014 12.05 15.8014Z",
+			fill: "currentColor"
+		})
+	]
+});
+//#endregion
+//#region src/modules/selfie/manualUpload/uploadSlot.tsx
+/**
+* The single "Your selfie" card. The whole card is the button — the pill is
+* `aria-hidden` decoration, since a button inside a button is invalid and would
+* give screen-reader users two controls for one action.
+*/
+var UploadSlot = ({ label, actionLabel, uploaded, uploading, describedById, onFile }) => {
+	const inputRef = A(null);
+	const openPicker = () => {
+		if (uploading) return;
+		inputRef.current?.click();
+	};
+	const handleChange = (event) => {
+		const input = event.target;
+		const file = input.files?.[0];
+		if (file) onFile(file);
+		input.value = "";
+	};
+	const renderAction = () => {
+		if (uploading) return /* @__PURE__ */ u(Spinner, {
+			size: "small",
+			fullScreen: false
+		});
+		if (uploaded) return /* @__PURE__ */ u(SuccessIcon, { size: 28 });
+		return /* @__PURE__ */ u("span", {
+			class: "IncodeSelfieUploadSlotPill",
+			children: [actionLabel, /* @__PURE__ */ u(ChevronRightIcon, {
+				variant: "xs",
+				size: 16
+			})]
+		});
+	};
+	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("button", {
+		type: "button",
+		class: "IncodeSelfieUploadSlot",
+		onClick: openPicker,
+		disabled: uploading,
+		"aria-label": label,
+		"aria-busy": uploading || void 0,
+		"aria-describedby": describedById,
+		"data-testid": "selfie-manual-upload-slot",
+		children: [
+			/* @__PURE__ */ u("div", {
+				class: "IncodeSelfieUploadSlotIcon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u(SelfieSlotIcon, {})
+			}),
+			/* @__PURE__ */ u("div", {
+				class: "IncodeSelfieUploadSlotLabel",
+				children: label
+			}),
+			/* @__PURE__ */ u("div", {
+				class: "IncodeSelfieUploadSlotAction",
+				"aria-hidden": "true",
+				children: renderAction()
+			})
+		]
+	}), /* @__PURE__ */ u("input", {
+		ref: inputRef,
+		type: "file",
+		accept: "image/png,image/jpeg",
+		class: "IncodeSelfieUploadSlotInput",
+		onChange: handleChange,
+		onInput: handleChange,
+		tabIndex: -1,
+		"aria-hidden": "true"
+	})] });
+};
+//#endregion
+//#region src/modules/selfie/manualUpload/manualUpload.tsx
+var HINT_KEYS = [
+	"selfiev2.manualUpload.hintWholeFaceVisible",
+	"selfiev2.manualUpload.hintNoHatsMasksGlasses",
+	"selfiev2.manualUpload.hintGoodLighting"
+];
+var ERROR_MESSAGE_ID = "selfie-manual-upload-error-message";
+var ManualUpload = ({ manager, state }) => {
+	const { t } = useTranslation();
+	if (state.phase === "uploading") return /* @__PURE__ */ u(Spinner, {
+		fullScreen: true,
+		size: "large",
+		title: t("manualIdUpload.holdOnASec"),
+		subtitle: t("idv2.manualUploadLoading.subtitle")
+	});
+	return /* @__PURE__ */ u(Page, {
+		title: t("selfiev2.manualUpload.uploadAPhotoOfYourself"),
+		"data-testid": "selfie-manual-upload-page",
+		className: "IncodeSelfieManualUploadPage",
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeSelfieManualUploadContainer",
+			children: [/* @__PURE__ */ u(UploadSlot, {
+				label: t("selfiev2.manualUpload.yourSelfie"),
+				actionLabel: t("manualIdUpload.upload"),
+				uploaded: state.uploaded,
+				uploading: false,
+				describedById: state.errorKey ? ERROR_MESSAGE_ID : void 0,
+				onFile: (file) => manager.manualUploadSelectFile(file)
+			}), state.errorKey ? /* @__PURE__ */ u(ManualUploadError, {
+				id: ERROR_MESSAGE_ID,
+				errorKey: state.errorKey
+			}) : /* @__PURE__ */ u("p", {
+				class: "IncodeSelfieManualUploadFormats",
+				children: t("selfiev2.manualUpload.formatsAccepted")
+			})]
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeSelfieManualUploadFooter",
+			children: [/* @__PURE__ */ u("ul", {
+				class: "IncodeSelfieManualUploadHintCard",
+				"data-testid": "selfie-manual-upload-hints",
+				children: HINT_KEYS.map((key) => /* @__PURE__ */ u("li", { children: t(key) }, key))
+			}), /* @__PURE__ */ u(Button, {
+				onClick: () => manager.manualUploadContinue(),
+				disabled: !state.canContinue,
+				"data-testid": "selfie-manual-upload-continue",
+				children: t("manualIdUpload.continue")
+			})]
+		})]
+	});
+};
+//#endregion
 //#region src/modules/selfie/preloadTutorialAssets.ts
 var started = false;
 function preloadSelfieTutorialAssets() {
@@ -33,7 +206,8 @@ var SelfieContent = ({ config, manager: externalManager, onFinish, onError }) =>
 	if (state.status === "idle" || state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
 	if (state.status === "tutorial") return /* @__PURE__ */ u(Tutorial, {
 		manager,
-		ageAssurance: state.ageAssurance
+		ageAssurance: state.ageAssurance,
+		showManualUploadLink: state.showManualUploadLink
 	});
 	if (state.status === "permissions") return /* @__PURE__ */ u(Permissions, {
 		manager,
@@ -43,6 +217,10 @@ var SelfieContent = ({ config, manager: externalManager, onFinish, onError }) =>
 		manager,
 		state
 	});
+	if (state.status === "manualUpload") return /* @__PURE__ */ u(ManualUpload, {
+		manager,
+		state
+	});
 	if (state.status === "processing") return /* @__PURE__ */ u(Processing, {});
 	if (isTerminalModuleState(state)) return null;
 	return null;

package/dist/selfie/styles.css

@@ -14,6 +14,8 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-duration: initial;
+      --tw-outline-style: solid;
     }
   }
 }
@@ -242,6 +244,178 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadContainer {
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  width: 100%;
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFormats {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError {
+  align-items: flex-start;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  width: 100%;
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError p {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  flex: 1;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFooter {
+  margin-top: auto;
+  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
+  row-gap: var(--spacing-24, var(--spacing-24, 24px));
+  width: 100%;
+  padding-top: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
+  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  padding-right: var(--spacing-12, var(--spacing-12, 12px));
+  padding-left: var(--spacing-32, var(--spacing-32, 32px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  list-style-type: disc;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li {
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li + li {
+  margin-top: var(--spacing-4, var(--spacing-4, 4px));
+}
+
+.IncodeSelfieUploadSlot {
+  cursor: pointer;
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-regular, var(--primitive-border-width-1));
+  --tw-border-style: solid;
+  border-style: solid;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
+  width: 100%;
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  padding-right: var(--spacing-24, var(--spacing-24, 24px));
+  padding-left: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
+  display: flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotIcon {
+  width: var(--spacing-24, var(--spacing-24, 24px));
+  height: var(--spacing-24, var(--spacing-24, 24px));
+  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
+  flex-shrink: 0;
+  justify-content: center;
+  display: flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+  overflow: hidden;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotAction {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotPill {
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  border-radius: var(--radius-full, var(--border-radius-full));
+  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+  padding-right: var(--spacing-8, var(--spacing-8, 8px));
+  padding-left: var(--spacing-16, var(--spacing-16, 16px));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  transition-duration: .2s;
+  display: inline-flex;
+}
+
+.IncodeSelfieUploadSlot:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: var(--color-border-status-focus, var(--border-status-focus));
+}
+
+.IncodeSelfieUploadSlot:hover:not(:disabled) .IncodeSelfieUploadSlotPill {
+  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
+}
+
+.IncodeSelfieUploadSlot:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.IncodeSelfieUploadSlot + .IncodeSelfieUploadSlotInput {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -306,6 +480,17 @@
   inherits: false
 }
 
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);

package/dist/signature/signature.es.js

@@ -3,7 +3,7 @@ import { _ as y, a as D, h as q, l as A, p as d, u as F, v as u } from "../vendo
 import { _ as useModuleTerminalCallbacks, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
 import { t as Spacer } from "../spacer-CDlQd12V.js";
 import { r as Button } from "../incode-logo-rGFjZHqi.js";
-import "../extensibility-iJYzpW6H.js";
+import "../extensibility-5pL-rL5z.js";
 import { t as VerificationResult } from "../verificationResult-B8HwR07t.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";
 import { t as _defineProperty } from "../defineProperty-BbpBna-2.js";

package/dist/{tutorial-BZZC93Ur.js → tutorial-DU8ga1m4.js}

@@ -164,7 +164,7 @@ function replaceLottieColor(animationData, hexColor) {
 }
 //#endregion
 //#region src/shared/baseTutorial/baseTutorial.tsx
-var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, stopFramePosition = "middle", recolor = true }) => {
+var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, secondaryAction, stopFramePosition = "middle", recolor = true }) => {
 	const themedAnimationData = T(() => {
 		if (!animationData) return null;
 		if (!recolor) return animationData;
@@ -192,12 +192,19 @@ var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, o
 			children: disclaimerText
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeBaseTutorialButtonContainer",
-			children: /* @__PURE__ */ u(Button, {
+			children: [/* @__PURE__ */ u(Button, {
 				onClick: onContinue,
 				class: "IncodeBaseTutorialButton",
 				isLoading,
 				children: buttonText
-			})
+			}), secondaryAction ? /* @__PURE__ */ u(Button, {
+				variant: "link",
+				onClick: secondaryAction.onClick,
+				class: "IncodeBaseTutorialSecondaryAction",
+				disabled: isLoading,
+				"data-testid": secondaryAction.testId,
+				children: secondaryAction.label
+			}) : null]
 		})] })]
 	});
 };
@@ -723,7 +730,7 @@ var Video = ({ stream, mirrored }) => {
 };
 //#endregion
 //#region src/modules/selfie/tutorial.tsx
-var Tutorial = ({ manager, ageAssurance = false }) => {
+var Tutorial = ({ manager, ageAssurance = false, showManualUploadLink = false }) => {
 	const { t } = useTranslation();
 	const [isLoading, setIsLoading] = d(false);
 	const { data: animationData, isOverride } = useAnimationData("selfie.tutorial");
@@ -741,6 +748,11 @@ var Tutorial = ({ manager, ageAssurance = false }) => {
 		buttonText: t(ageAssurance ? "face.tutorial.ageAssuranceStartCapture" : "face.tutorial.startCapture"),
 		disclaimerText: t("face.tutorial.autoCapture"),
 		isLoading,
+		secondaryAction: showManualUploadLink ? {
+			label: t("selfiev2.manualUpload.uploadSelfieManually"),
+			onClick: () => manager.goToManualUpload(),
+			testId: "selfie-manual-upload-link"
+		} : void 0,
 		className: "IncodeSelfieTutorial"
 	});
 };

package/dist/types/extensibility.d.ts

@@ -67,7 +67,7 @@ export declare type AssetOverride = string | {
 
 export declare type AssetOverrides = Partial<Record<AssetKey, AssetOverride>>;
 
-export declare const BaseTutorial: ({ className, animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, stopFramePosition, recolor, }: BaseTutorialProps) => JSX.Element;
+export declare const BaseTutorial: ({ className, animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, secondaryAction, stopFramePosition, recolor, }: BaseTutorialProps) => JSX.Element;
 
 declare type BaseTutorialProps = {
     className?: string;
@@ -79,6 +79,12 @@ declare type BaseTutorialProps = {
     buttonText: string;
     disclaimerText: string;
     isLoading?: boolean;
+    /** Optional alternative to the primary CTA, rendered as a link below it. */
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+        testId?: string;
+    };
     stopFramePosition?: 'first' | 'middle' | 'last';
     /**
      * Re-tint the animation's brand-colored elements to the active branding
@@ -990,7 +996,7 @@ export declare type SegmentedDateInputProps = Omit<InputComposedProps, 'type' |
 
 export declare const SelfieCapture: FC<CaptureProps>;
 
-export declare const SelfieTutorial: ({ manager, ageAssurance }: TutorialProps) => JSX.Element;
+export declare const SelfieTutorial: ({ manager, ageAssurance, showManualUploadLink, }: TutorialProps) => JSX.Element;
 
 /**
  * Sets global UI configuration defaults for `@incodetech/ui`.
@@ -1080,6 +1086,7 @@ declare type TitleProps = HTMLAttributes_2<HTMLHeadingElement> & {
 declare type TutorialProps = {
     manager: SelfieManager;
     ageAssurance?: boolean;
+    showManualUploadLink?: boolean;
 };
 
 /**

package/dist/{useModuleLoader-D_YpuVsS.js → useModuleLoader-Ct3amb9c.js}

@@ -84,14 +84,14 @@ var LAZY_UI_MODULES = {
 	INE_VALIDATION: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
 	EXTERNAL_VERIFICATION: () => import("./ekycModule-BVt10kgv.js").then((m) => m.EkycModule),
-	EKYB: () => import("./ekybModule-CiaxFHXo.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-DdHdRPzR.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-DdHdRPzR.js").then((m) => m.DocumentCapture),
+	EKYB: () => import("./ekybModule-DiBGxasL.js").then((m) => m.EkybModule),
+	DOCUMENT_CAPTURE: () => import("./documentCapture-DJUAP7RQ.js").then((m) => m.DocumentCapture),
+	ADDRESS: () => import("./documentCapture-DJUAP7RQ.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
 	MANDATORY_CONSENT: () => import("./mandatoryConsent-BtqB-FxY.js").then((m) => m.MandatoryConsent),
 	ML_CONSENT: () => import("./mandatoryConsent-BtqB-FxY.js").then((m) => m.MandatoryConsent),
 	SIGNATURE: () => import("./signature/signature.es.js").then((m) => m.Signature),
-	ID_OCR: () => import("./idOcr-gsIXHq6R.js").then((m) => m.IdOcr),
+	ID_OCR: () => import("./idOcr-kh-umkwD.js").then((m) => m.IdOcr),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((m) => m.Antifraud),
 	CUSTOM_FIELDS: () => import("./customFields-B8HQZ7Mh.js").then((m) => m.CustomFields),
 	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((m) => m.Watchlist),
@@ -100,9 +100,9 @@ var LAZY_UI_MODULES = {
 	AE_SIGNATURE: () => import("./ae-signature/ae-signature.es.js").then((m) => m.AeSignature),
 	QE_SIGNATURE: () => import("./qe-signature/qe-signature.es.js").then((m) => m.QeSignature),
 	CROSS_DOCUMENT_DATA_MATCH: () => import("./cross-document-data-match/cross-document-data-match.es.js").then((m) => m.CrossDocumentDataMatch),
-	DYNAMIC_FORMS: () => import("./dynamicForms-P-4E42IA.js").then((m) => m.DynamicForms),
+	DYNAMIC_FORMS: () => import("./dynamicForms-9NI_Ypq6.js").then((m) => m.DynamicForms),
 	CERTIFICATE_ISSUANCE: () => import("./certificate-issuance/certificate-issuance.es.js").then((m) => m.CertificateIssuance),
-	FIELD_COMPARISON: () => import("./fieldComparison-B_r9Bal7.js").then((m) => m.FieldComparison),
+	FIELD_COMPARISON: () => import("./fieldComparison-D794U8Yh.js").then((m) => m.FieldComparison),
 	FISCAL_QR: () => import("./fiscal-qr/fiscal-qr.es.js").then((m) => m.FiscalQr),
 	VIDEO_ONBOARDING: () => import("./video-selfie/video-selfie.es.js").then((m) => m.VideoSelfie)
 };

package/dist/workflow/styles.css

@@ -14,8 +14,8 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
-      --tw-outline-style: solid;
       --tw-duration: initial;
+      --tw-outline-style: solid;
     }
   }
 }
@@ -246,6 +246,178 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadContainer {
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  width: 100%;
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFormats {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError {
+  align-items: flex-start;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  width: 100%;
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError p {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  flex: 1;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFooter {
+  margin-top: auto;
+  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
+  row-gap: var(--spacing-24, var(--spacing-24, 24px));
+  width: 100%;
+  padding-top: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
+  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  padding-right: var(--spacing-12, var(--spacing-12, 12px));
+  padding-left: var(--spacing-32, var(--spacing-32, 32px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  list-style-type: disc;
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li {
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li + li {
+  margin-top: var(--spacing-4, var(--spacing-4, 4px));
+}
+
+.IncodeSelfieUploadSlot {
+  cursor: pointer;
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-regular, var(--primitive-border-width-1));
+  --tw-border-style: solid;
+  border-style: solid;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
+  width: 100%;
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  padding-right: var(--spacing-24, var(--spacing-24, 24px));
+  padding-left: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
+  display: flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotIcon {
+  width: var(--spacing-24, var(--spacing-24, 24px));
+  height: var(--spacing-24, var(--spacing-24, 24px));
+  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
+  flex-shrink: 0;
+  justify-content: center;
+  display: flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+  overflow: hidden;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotAction {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotPill {
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  border-radius: var(--radius-full, var(--border-radius-full));
+  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+  padding-right: var(--spacing-8, var(--spacing-8, 8px));
+  padding-left: var(--spacing-16, var(--spacing-16, 16px));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  transition-duration: .2s;
+  display: inline-flex;
+}
+
+.IncodeSelfieUploadSlot:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: var(--color-border-status-focus, var(--border-status-focus));
+}
+
+.IncodeSelfieUploadSlot:hover:not(:disabled) .IncodeSelfieUploadSlotPill {
+  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
+}
+
+.IncodeSelfieUploadSlot:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.IncodeSelfieUploadSlot + .IncodeSelfieUploadSlotInput {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodePhonePage .IncodePageContent {
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
@@ -4334,15 +4506,15 @@
   inherits: false
 }
 
-@property --tw-outline-style {
+@property --tw-duration {
   syntax: "*";
-  inherits: false;
-  initial-value: solid;
+  inherits: false
 }
 
-@property --tw-duration {
+@property --tw-outline-style {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: solid;
 }
 
 @keyframes spin {

package/dist/workflow/workflow.es.js

@@ -4,7 +4,7 @@ import { i as fetchAndApplyTheme } from "../dashboardTheme-CVliZSR-.js";
 import { a as TerminalErrorPage, i as ResolvedConfigProvider, l as TransitionSpinner, o as Page, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-gLba2mgp.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.js";
-import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as isDesktopOrEmulated } from "../useModuleLoader-D_YpuVsS.js";
+import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as isDesktopOrEmulated } from "../useModuleLoader-Ct3amb9c.js";
 import { resolveWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
 import { classifyScoreStatus } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260812-8c1f33d0",
+  "version": "0.0.0-dev-20260812-d815489d",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -292,7 +292,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260812-8c1f33d0"
+    "@incodetech/core": "0.0.0-dev-20260812-d815489d"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/documentCapture-DdHdRPzR.js

@@ -1,2 +0,0 @@
-import { t as DocumentCapture } from "./documentCapture-BvEGCYj-.js";
-export { DocumentCapture };

package/dist/ekybModule-CiaxFHXo.js

@@ -1,2 +0,0 @@
-import { t as EkybModule } from "./ekybModule-DmjkzVWE.js";
-export { EkybModule };

package/dist/fieldComparison-B_r9Bal7.js

@@ -1,2 +0,0 @@
-import { t as FieldComparison } from "./fieldComparison-NLdDSOEh.js";
-export { FieldComparison };