@incodetech/web 0.0.0-dev-20260710-eb98382c → 0.0.0-dev-20260713-506b2caa

package/dist/{radioGroupComposed-DuQxslB2.js → radioGroupComposed-B4-DaLKh.js}

@@ -2,8 +2,8 @@ import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { a as D, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { n as cn } from "./loadingIcon-B0ysgiNq.js";
 import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import "./icons-CJJbIpBq.js";
-import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
+import "./icons-Bi3GbaZc.js";
+import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
 //#region src/shared/errorParams.ts
 /**
 * Resolves error params by translating the `fieldName` key
@@ -60,13 +60,15 @@ var FormField = ({ name, label, displayLabel: displayLabelProp, value = "", erro
 };
 //#endregion
 //#region src/shared/radioButtonComposed/radioButtonComposed.tsx
-var RadioButtonComposed = D(({ id, label, labelHint, checked, defaultChecked, disabled = false, required = false, name, value, onChange, error, helper, showErrorIcon = true, class: className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...restProps }, ref) => {
+var textSizeClass = {
+	M: "IncodeRadioButtonTextM",
+	S: "IncodeRadioButtonTextS"
+};
+var RadioButtonComposed = D(({ id, label, labelHint, checked, defaultChecked, disabled = false, required = false, name, value, onChange, error, helper, showErrorIcon = true, textSize = "M", class: className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...restProps }, ref) => {
 	const [internalChecked, setInternalChecked] = d(!!defaultChecked);
 	const isControlled = checked !== void 0;
 	const isChecked = isControlled ? !!checked : internalChecked;
 	const isDisabled = !!disabled;
-	const isRequired = !!required;
-	const classStr = typeof className === "string" ? className : void 0;
 	const handleChange = (event) => {
 		if (!isControlled) setInternalChecked(event.target.checked);
 		onChange?.(event);
@@ -79,7 +81,7 @@ var RadioButtonComposed = D(({ id, label, labelHint, checked, defaultChecked, di
 		helperTextId
 	].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeRadioButton", classStr),
+		class: cn("IncodeRadioButton", className),
 		children: [
 			/* @__PURE__ */ u("label", {
 				class: cn("IncodeRadioButtonLabel", { IncodeRadioButtonLabelDisabled: isDisabled }),
@@ -100,8 +102,6 @@ var RadioButtonComposed = D(({ id, label, labelHint, checked, defaultChecked, di
 						"aria-label": ariaLabel,
 						"aria-labelledby": ariaLabelledBy,
 						"aria-describedby": describedBy,
-						"aria-invalid": ariaInvalid || !!error,
-						"aria-required": isRequired,
 						...restProps
 					}), /* @__PURE__ */ u("div", {
 						class: cn("IncodeRadioButtonVisual", {
@@ -113,7 +113,7 @@ var RadioButtonComposed = D(({ id, label, labelHint, checked, defaultChecked, di
 						children: /* @__PURE__ */ u("span", { class: cn("IncodeRadioButtonDot", { IncodeRadioButtonDotVisible: isChecked }) })
 					})]
 				}), label && /* @__PURE__ */ u("span", {
-					class: cn("IncodeRadioButtonText", { IncodeRadioButtonTextDisabled: isDisabled }),
+					class: cn(textSizeClass[textSize], { IncodeRadioButtonTextDisabled: isDisabled }),
 					"aria-hidden": ariaLabelledBy ? "true" : void 0,
 					children: [label, labelHint && /* @__PURE__ */ u("span", {
 						class: "IncodeRadioButtonLabelHint",

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

@@ -6,13 +6,13 @@ import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as incode_logo_default } from "../incode-logo-57XFniXU.js";
 import { n as VerifiedByIncodeLogo, r as usePageUiConfig } from "../page-DidH_RkX.js";
-import "../extensibility-99WsCMVf.js";
+import "../extensibility-DXmFX41n.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
 import { t as Button } from "../button-Dz6AsbmF.js";
-import "../icons-CJJbIpBq.js";
+import "../icons-Bi3GbaZc.js";
 import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-uXtAKBTO.js";
-import { r as getCountryByCallingCode, t as PhoneInputComposed } from "../phoneInputComposed-DMiXfF-1.js";
+import { r as getCountryByCallingCode, t as PhoneInputComposed } from "../phoneInputComposed-B6qzvzgI.js";
 import { t as registerIncodeElement } from "../registerIncodeElement-DaNjbAwZ.js";
 import { t as Snackbar } from "../snackbar-DS7Mv62v.js";
 import { t as Tabs } from "../tabs-C__chW-u.js";

package/dist/selfie/selfie.es.js

@@ -3,8 +3,8 @@ import { c as useModuleTerminalCallbacks, s as isTerminalModuleState, u as useMa
 import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
 import { t as Processing } from "../processing-BeUMfdJJ.js";
-import { n as Capture, t as Tutorial } from "../tutorial-DJ3kpqnL.js";
-import { i as Permissions } from "../capture-CkGvdDNH.js";
+import { n as Capture, t as Tutorial } from "../tutorial-BA1xxIP6.js";
+import { i as Permissions } from "../capture-D3ke7s8S.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { createSelfieManager } from "@incodetech/core/selfie";
 //#region src/modules/selfie/preloadTutorialAssets.ts

package/dist/selfie/styles.css

@@ -89,6 +89,10 @@
     position: static;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   @media (min-width: 40rem) {
     .incode-container {
       max-width: 40rem;
@@ -642,6 +646,29 @@
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .animate-fade-in {
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+  }
+
   .resize {
     resize: both;
   }
@@ -663,6 +690,15 @@
     border-width: 1px;
   }
 
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
+
+  .border-neutral-100 {
+    border-color: var(--color-neutral-100, oklch(97% 0 0));
+  }
+
   .bg-white {
     background-color: var(--color-white, #fff);
   }

package/dist/signature/signature.es.js

@@ -4,9 +4,9 @@ import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o
 import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import "../extensibility-99WsCMVf.js";
+import "../extensibility-DXmFX41n.js";
 import { t as Button } from "../button-Dz6AsbmF.js";
-import { t as VerificationResult } from "../verificationResult-BkxxyxOi.js";
+import { t as VerificationResult } from "../verificationResult-Omhu8yft.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { t as _defineProperty } from "../defineProperty-Qjefk7Uf.js";
 import { createSignatureManager } from "@incodetech/core/signature";

package/dist/themes/dark.css

@@ -1046,6 +1046,7 @@
   --input-surface-focused: var(--surface-neutral-50);
   --input-surface-disabled: var(--surface-neutral-100);
   --input-surface-negative: var(--surface-neutral-50);
+  --input-surface-hover: var(--surface-neutral-0);
 
   --input-border-default: var(--border-neutral-400);
   --input-border-disabled: var(--border-neutral-100);
@@ -1073,6 +1074,7 @@
   --dropdown-surface-disabled: var(--surface-neutral-50);
   --dropdown-surface-negative: var(--surface-neutral-50);
   --dropdown-surface-selected: var(--surface-neutral-100);
+  --dropdown-surface-hover: var(--surface-neutral-0);
 
   --dropdown-border-default: var(--border-neutral-400);
   --dropdown-border-disabled: var(--border-neutral-100);
@@ -1236,6 +1238,9 @@
     -1 * var(--page-header-height)
   );
 
+  /* id capture */
+  --id-capture-notification-animation-height: 130px;
+
   /* digital ID upload */
   --digital-id-preview-w: 156px;
   --digital-id-preview-h: 221px;

package/dist/themes/light.css

@@ -1046,6 +1046,7 @@
   --input-surface-focused: var(--surface-neutral-50);
   --input-surface-disabled: var(--surface-neutral-100);
   --input-surface-negative: var(--surface-neutral-50);
+  --input-surface-hover: var(--surface-neutral-0);
 
   --input-border-default: var(--border-neutral-400);
   --input-border-disabled: var(--border-neutral-100);
@@ -1073,6 +1074,7 @@
   --dropdown-surface-disabled: var(--surface-neutral-50);
   --dropdown-surface-negative: var(--surface-neutral-50);
   --dropdown-surface-selected: var(--surface-neutral-100);
+  --dropdown-surface-hover: var(--surface-neutral-0);
 
   --dropdown-border-default: var(--border-neutral-400);
   --dropdown-border-disabled: var(--border-neutral-100);
@@ -1236,6 +1238,9 @@
     -1 * var(--page-header-height)
   );
 
+  /* id capture */
+  --id-capture-notification-animation-height: 130px;
+
   /* digital ID upload */
   --digital-id-preview-w: 156px;
   --digital-id-preview-h: 221px;

package/dist/{tutorial-DJ3kpqnL.js → tutorial-BA1xxIP6.js}

@@ -7,10 +7,10 @@ import { t as Title } from "./typography-BZIpjo97.js";
 import { t as TransitionSpinner } from "./transitionSpinner-CuNCqHNi.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
 import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import { h as WarningIcon } from "./icons-CJJbIpBq.js";
+import { v as WarningIcon } from "./icons-Bi3GbaZc.js";
 import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as Modal } from "./modal-OxkFuuiR.js";
-import { n as LoadingBorder, r as FaceOutline, t as Notification } from "./capture-CkGvdDNH.js";
+import { t as Modal } from "./modal-B63h8Gpv.js";
+import { n as LoadingBorder, r as FaceOutline, t as Notification } from "./capture-D3ke7s8S.js";
 //#region src/shared/errorContent/errorContent.tsx
 var ErrorContent = ({ title, description, attemptsRemaining, onButtonClick, "data-testid": testId }) => {
 	const { t } = useTranslation();

package/dist/types/extensibility.d.ts

@@ -314,6 +314,12 @@ declare type DropdownOption = {
     ariaLabel?: string;
 };
 
+export declare const EllipseIcon: FC<EllipseIconProps>;
+
+declare type EllipseIconProps = {
+    size?: number | string;
+};
+
 export declare const ErrorContent: ({ title, description, attemptsRemaining, onButtonClick, "data-testid": testId, }: ErrorContentProps) => JSX.Element;
 
 declare type ErrorContentProps = {
@@ -330,6 +336,18 @@ declare type ErrorIconProps = {
     size?: number | string;
 };
 
+export declare const EyeIcon: FC<EyeIconProps>;
+
+declare type EyeIconProps = {
+    size?: number | string;
+};
+
+export declare const EyeOffIcon: FC<EyeOffIconProps>;
+
+declare type EyeOffIconProps = {
+    size?: number | string;
+};
+
 export declare const FileIcon: FC<FileIconProps>;
 
 declare type FileIconProps = {
@@ -501,6 +519,7 @@ declare type InputComposedProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'i
     label?: string;
     labelHint?: string;
     error?: string;
+    invalid?: boolean;
     helper?: string;
     showErrorIcon?: boolean;
     showHelperIcon?: boolean;
@@ -704,6 +723,26 @@ declare type PageProps = {
     'data-permission-status'?: string;
 };
 
+export declare const PasswordInputComposed: FunctionalComponent<PropsWithoutRef<PasswordInputComposedProps> & {
+ref?: Ref<HTMLInputElement> | undefined;
+}>;
+
+export declare type PasswordInputComposedProps = Omit<InputComposedProps, 'type' | 'closeButton' | 'rightIcon'> & {
+    showPasswordAriaLabel: string;
+    hidePasswordAriaLabel: string;
+    defaultVisible?: boolean;
+    requirementsHeading?: string;
+    requirements?: PasswordRequirement[];
+    requirementMetLabel?: string;
+    requirementUnmetLabel?: string;
+};
+
+export declare type PasswordRequirement = {
+    key: string;
+    label: string;
+    met: boolean;
+};
+
 declare const Permissions_2: FC<PermissionsProps>;
 export { Permissions_2 as Permissions }
 
@@ -785,10 +824,10 @@ declare type RadioButtonComposedProps = Omit<InputHTMLAttributes<HTMLInputElemen
     helper?: string;
     showErrorIcon?: boolean;
     class?: string;
+    textSize?: TextSize;
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-describedby'?: string;
-    'aria-invalid'?: boolean;
 };
 
 export declare const RadioGroupComposed: FunctionalComponent<PropsWithoutRef<RadioGroupComposedProps> & {
@@ -918,6 +957,8 @@ declare type TextAreaProps = Omit<JSX.IntrinsicElements['textarea'], 'class'> &
     class?: string;
 };
 
+declare type TextSize = 'M' | 'S';
+
 export declare const Title: FunctionalComponent<PropsWithoutRef<TitleProps> & {
 ref?: Ref<HTMLHeadingElement> | undefined;
 }>;

package/dist/{useModuleLoader-qEySL3mC.js → useModuleLoader-BdiUSBj0.js}

@@ -225,7 +225,7 @@ async function fetchAndApplyTheme() {
 //#endregion
 //#region src/modules/flow/flowInit.ts
 var lazyIdModule = () => import("./id/id.es.js").then((m) => m.Id);
-var loadLazyHomeScreen = () => import("./homeScreen-B6T0JVh8.js").then((m) => m.HomeScreen);
+var loadLazyHomeScreen = () => import("./homeScreen-CavnRfoo.js").then((m) => m.HomeScreen);
 var homeScreenPreloadPromise;
 /**
 * Headless flow keys: backend-only steps with no UI. `<incode-flow>` renders
@@ -295,27 +295,27 @@ var LAZY_UI_MODULES = {
 	GOVT_VALIDATION_PROVISIONING: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	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-CvMGDuK1.js").then((m) => m.EkycModule),
-	EKYB: () => import("./ekybModule-CDdggow1.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-BCE_3MJK.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-BCE_3MJK.js").then((m) => m.DocumentCapture),
+	EXTERNAL_VERIFICATION: () => import("./ekycModule-ONlsfMYY.js").then((m) => m.EkycModule),
+	EKYB: () => import("./ekybModule-CObpRbQ9.js").then((m) => m.EkybModule),
+	DOCUMENT_CAPTURE: () => import("./documentCapture-BGCt8ye5.js").then((m) => m.DocumentCapture),
+	ADDRESS: () => import("./documentCapture-BGCt8ye5.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
-	MANDATORY_CONSENT: () => import("./mandatoryConsent-D0GTKu-H.js").then((m) => m.MandatoryConsent),
-	ML_CONSENT: () => import("./mandatoryConsent-D0GTKu-H.js").then((m) => m.MandatoryConsent),
+	MANDATORY_CONSENT: () => import("./mandatoryConsent-KjP5BavC.js").then((m) => m.MandatoryConsent),
+	ML_CONSENT: () => import("./mandatoryConsent-KjP5BavC.js").then((m) => m.MandatoryConsent),
 	SIGNATURE: () => import("./signature/signature.es.js").then((m) => m.Signature),
-	ID_OCR: () => import("./idOcr-qP4JPr0s.js").then((m) => m.IdOcr),
-	CPF_OCR: () => import("./cpfOcr-Du897sPB.js").then((m) => m.CpfOcr),
+	ID_OCR: () => import("./idOcr-CqUWg11B.js").then((m) => m.IdOcr),
+	CPF_OCR: () => import("./cpfOcr-BQ84bwe3.js").then((m) => m.CpfOcr),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((m) => m.Antifraud),
-	CUSTOM_FIELDS: () => import("./customFields-C5m9yDxU.js").then((m) => m.CustomFields),
+	CUSTOM_FIELDS: () => import("./customFields-CExo7_8A.js").then((m) => m.CustomFields),
 	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((m) => m.Watchlist),
-	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-CXhmmciq.js").then((m) => m.WatchlistForBusiness),
+	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-DncNaIrm.js").then((m) => m.WatchlistForBusiness),
 	INCODE_WATCHLIST: () => import("./customWatchlist-BIRCpn5_.js").then((m) => m.CustomWatchlist),
 	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-B-3b3DM6.js").then((m) => m.DynamicForms),
+	DYNAMIC_FORMS: () => import("./dynamicForms-3G-EFHga.js").then((m) => m.DynamicForms),
 	CERTIFICATE_ISSUANCE: () => import("./certificate-issuance/certificate-issuance.es.js").then((m) => m.CertificateIssuance),
-	FIELD_COMPARISON: () => import("./fieldComparison-DbDLSGrG.js").then((m) => m.FieldComparison),
+	FIELD_COMPARISON: () => import("./fieldComparison-DE1-wJJW.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/{verificationResult-BkxxyxOi.js → verificationResult-Omhu8yft.js}

@@ -4,7 +4,7 @@ import { t as Page } from "./page-DidH_RkX.js";
 import { t as Spinner } from "./spinner-BMeIEK1d.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
 import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import { h as WarningIcon } from "./icons-CJJbIpBq.js";
+import { v as WarningIcon } from "./icons-Bi3GbaZc.js";
 import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
 import { t as AutoFocusTitle } from "./autoFocusTitle-uXtAKBTO.js";
 //#region src/shared/verificationResult/verificationResult.tsx

package/dist/video-selfie/styles.css

@@ -86,6 +86,10 @@
     position: static;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   @media (min-width: 40rem) {
     .incode-container {
       max-width: 40rem;
@@ -729,6 +733,33 @@
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .animate-fade-in {
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+  }
+
   .resize {
     resize: both;
   }
@@ -750,6 +781,15 @@
     border-width: 1px;
   }
 
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
+
+  .border-neutral-100 {
+    border-color: var(--color-neutral-100, oklch(97% 0 0));
+  }
+
   .bg-white {
     background-color: var(--color-white, #fff);
   }

package/dist/video-selfie/video-selfie.es.js

@@ -8,7 +8,7 @@ import { t as Title } from "../typography-BZIpjo97.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
 import { t as Button } from "../button-Dz6AsbmF.js";
 import { n as CameraFrame, t as CameraView } from "../cameraView-DIEzM5ru.js";
-import { i as Permissions } from "../capture-CkGvdDNH.js";
+import { i as Permissions } from "../capture-D3ke7s8S.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { eventModuleNames, eventScreenNames, screenEvent, videoSelfieEvents } from "@incodetech/core/events";
 import { checkCameraPermission, requestCameraPermission } from "@incodetech/core/camera";

package/dist/{watchlistForBusiness-CXhmmciq.js → watchlistForBusiness-DncNaIrm.js}

@@ -6,9 +6,9 @@ import { t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
 import { t as Page } from "./page-DidH_RkX.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
 import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
+import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
-import { t as CountrySelector } from "./countrySelector-SvUOyPo0.js";
+import { t as CountrySelector } from "./countrySelector-DvFXo4Oi.js";
 import { t as StatusPage } from "./statusPage-BayBYzo7.js";
 import { createWatchlistForBusinessManager } from "@incodetech/core/watchlist-for-business";
 //#region src/modules/watchlist-for-business/watchlistForBusiness.tsx

package/dist/workflow/styles.css

@@ -90,6 +90,10 @@
     position: static;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   @media (min-width: 40rem) {
     .incode-container {
       max-width: 40rem;
@@ -3163,6 +3167,141 @@
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .animate-fade-in {
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
+  }
+
   .resize {
     resize: both;
   }
@@ -3184,6 +3323,15 @@
     border-width: 1px;
   }
 
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
+
+  .border-neutral-100 {
+    border-color: var(--color-neutral-100, oklch(97% 0 0));
+  }
+
   .bg-white {
     background-color: var(--color-white, #fff);
   }
@@ -5089,7 +5237,7 @@
   right: var(--spacing-24, var(--spacing-24, 24px));
   left: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
-  max-width: 420px;
+  max-width: var(--incode-form-max-w);
   padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
   align-items: flex-end;
   margin: auto;
@@ -5117,7 +5265,7 @@
   padding-top: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
   text-align: center;
-  color: var(--color-white, #fff);
+  color: var(--color-text-body-0-static, var(--text-body-0-static));
   flex-direction: column;
   display: flex;
 }
@@ -5136,14 +5284,14 @@
   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-tertiary, var(--text-body-300-tertiary));
+  color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
+  height: var(--id-capture-notification-animation-height);
   justify-content: center;
   align-items: center;
   width: auto;
-  height: 130px;
   display: flex;
 }