@incodetech/web 2.1.1 → 2.2.0-rc.1

package/dist/{bottomSheet-CnWbbUAM.js → bottomSheet-Cp8DLulN.js}

@@ -1,7 +1,7 @@
-import { h as q, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, s as useModalVisualViewportBounds } from "./modal.hooks-ZrzmHAUa.js";
+import { h as q, l as A, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, s as useModalVisualViewportBounds } from "./modal.hooks-BvXzNWvY.js";
 //#region src/shared/bottomSheet/bottomSheet.tsx
-var BottomSheet = ({ isOpen = false, onClose, labelledById, children }) => {
+var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocusRef }) => {
 	const dialogRef = A(null);
 	const overlayRef = A(null);
 	const requestClose = q(() => {
@@ -9,19 +9,19 @@ var BottomSheet = ({ isOpen = false, onClose, labelledById, children }) => {
 	}, [onClose]);
 	useModalBodyScrollLock(isOpen);
 	useModalEscapeDismiss(isOpen, true, requestClose);
-	useModalFocusCapture(isOpen, dialogRef);
+	useModalFocusCapture(isOpen, dialogRef, true, returnFocusRef);
 	useModalTabCycle(isOpen, dialogRef);
 	useModalVisualViewportBounds(isOpen, overlayRef);
 	if (!isOpen) return null;
 	return /* @__PURE__ */ u("div", {
 		ref: overlayRef,
 		class: "IncodeBottomSheetOverlay",
-		onClick: (event) => {
-			if (event.target === event.currentTarget) requestClose();
+		onPointerUp: (event) => {
+			const target = event.target;
+			if (!dialogRef.current?.contains(target)) requestClose();
 		},
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeBottomSheetContainer",
-			onClick: requestClose,
 			children: /* @__PURE__ */ u("div", {
 				ref: dialogRef,
 				class: "IncodeBottomSheet",
@@ -29,7 +29,6 @@ var BottomSheet = ({ isOpen = false, onClose, labelledById, children }) => {
 				"aria-modal": "true",
 				"aria-labelledby": labelledById,
 				tabIndex: -1,
-				onClick: (event) => event.stopPropagation(),
 				children
 			})
 		})

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

@@ -1,18 +1,14 @@
-import { n as useTranslation } from "../i18n-CU4xq8qC.js";
-import { _ as y, d as T, l as A, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
-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-7sRIN0JC.js";
-import { a as TypographyH5, o as TypographyP } from "../typography-BZIpjo97.js";
-import { t as Button } from "../button-Dz6AsbmF.js";
-import "../icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-CuRu2lPg.js";
-import { t as VerificationResult } from "../verificationResult-BWWkmeiA.js";
-import { t as InputComposed } from "../inputComposed-C1R2LAa3.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
+import { a as useTranslation } from "../uiConfig-D7ezQeZ7.js";
+import { _ as y, d as T, l as A, 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-B-daxouV.js";
+import { t as Spacer } from "../spacer-Bnmh-DfR.js";
+import { o as TypographyH5 } from "../spinner-HP_c74K-.js";
+import { r as Button } from "../incode-logo-cGsd55rc.js";
+import { y as PasswordInputComposed } from "../extensibility-DBilbbhC.js";
+import { t as SuccessIcon } from "../successIcon-Bj8Y9CuI.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-D7VzaZ2P.js";
+import { t as VerificationResult } from "../verificationResult-IUf0w1aR.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-uyUrSSUM.js";
 import { MIN_PASSWORD_LENGTH, PASSWORD_VALIDATION_KEYS, REQUIREMENT_I18N_KEYS, createCertificateIssuanceManager } from "@incodetech/core/certificate-issuance";
 //#region src/modules/certificate-issuance/downloadScreen.tsx
 var DownloadScreen = ({ blob, onDownloaded, onError }) => {
@@ -69,61 +65,14 @@ var DownloadScreen = ({ blob, onDownloaded, onError }) => {
 	});
 };
 //#endregion
-//#region src/modules/certificate-issuance/password/ellipseIcon.tsx
-var EllipseIcon = ({ size = 16 }) => {
-	return /* @__PURE__ */ u("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: size,
-		height: size,
-		viewBox: "0 0 16 16",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ u("title", { children: "Ellipse icon" }), /* @__PURE__ */ u("circle", {
-			cx: "8",
-			cy: "8",
-			r: "5.585",
-			stroke: "var(--icon-neutral-500)",
-			"stroke-width": "1.5"
-		})]
-	});
-};
-//#endregion
-//#region src/modules/certificate-issuance/password/passwordRequirements.tsx
-var PasswordRequirements = ({ validations }) => {
-	const { t } = useTranslation();
-	return /* @__PURE__ */ u("ul", {
-		class: "IncodeCertificateIssuanceRequirements",
-		"aria-live": "polite",
-		"data-testid": "password-requirements",
-		children: PASSWORD_VALIDATION_KEYS.map((key) => {
-			const passed = validations[key];
-			return /* @__PURE__ */ u("li", {
-				class: "IncodeCertificateIssuanceRequirement",
-				"data-testid": `password-requirement-${key}`,
-				"data-met": passed,
-				children: [
-					/* @__PURE__ */ u("span", {
-						"aria-hidden": "true",
-						class: "IncodeCertificateIssuanceRequirementIcon",
-						children: passed ? /* @__PURE__ */ u(SuccessIcon, { size: 16 }) : /* @__PURE__ */ u(EllipseIcon, {})
-					}),
-					/* @__PURE__ */ u("span", {
-						class: "IncodeCertificateIssuanceRequirementLabel",
-						children: t(REQUIREMENT_I18N_KEYS[key], { min: MIN_PASSWORD_LENGTH })
-					}),
-					/* @__PURE__ */ u("span", {
-						class: "IncodeSrOnly",
-						children: passed ? t("certificateIssuance.password.requirementMet") : t("certificateIssuance.password.requirementNotMet")
-					})
-				]
-			}, key);
-		})
-	});
-};
-//#endregion
 //#region src/modules/certificate-issuance/password/passwordScreen.tsx
 var PasswordScreen = ({ password, passwordValidations, canSubmit, onPasswordChange, onSubmit }) => {
 	const { t } = useTranslation();
+	const requirements = T(() => PASSWORD_VALIDATION_KEYS.map((key) => ({
+		key,
+		label: t(REQUIREMENT_I18N_KEYS[key], { min: MIN_PASSWORD_LENGTH }),
+		met: passwordValidations[key]
+	})), [passwordValidations, t]);
 	return /* @__PURE__ */ u(Page, {
 		title: t("certificateIssuance.password.title"),
 		subtitle: t("certificateIssuance.password.description"),
@@ -134,25 +83,22 @@ var PasswordScreen = ({ password, passwordValidations, canSubmit, onPasswordChan
 				className: "IncodeCertificateIssuancePasswordSection",
 				children: /* @__PURE__ */ u("div", {
 					className: "IncodeCertificateIssuancePassword",
-					children: [
-						/* @__PURE__ */ u(InputComposed, {
-							id: "certificate-password",
-							"data-testid": "certificate-password",
-							type: "password",
-							placeholder: t("certificateIssuance.password.placeholder"),
-							value: password,
-							autocomplete: "new-password",
-							onInput: (e) => {
-								onPasswordChange(e.target.value);
-							},
-							closeButton: {
-								show: password.length > 0,
-								onClose: () => onPasswordChange("")
-							}
-						}),
-						/* @__PURE__ */ u(TypographyP, { children: t("certificateIssuance.passwordRequirements.description") }),
-						/* @__PURE__ */ u(PasswordRequirements, { validations: passwordValidations })
-					]
+					children: /* @__PURE__ */ u(PasswordInputComposed, {
+						id: "certificate-password",
+						"data-testid": "certificate-password",
+						placeholder: t("certificateIssuance.password.placeholder"),
+						value: password,
+						autocomplete: "new-password",
+						showPasswordAriaLabel: t("certificateIssuance.password.show"),
+						hidePasswordAriaLabel: t("certificateIssuance.password.hide"),
+						requirementsHeading: t("certificateIssuance.passwordRequirements.description"),
+						requirements,
+						requirementMetLabel: t("certificateIssuance.password.requirementMet"),
+						requirementUnmetLabel: t("certificateIssuance.password.requirementNotMet"),
+						onInput: (e) => {
+							onPasswordChange(e.target.value);
+						}
+					})
 				})
 			}), /* @__PURE__ */ u(Button, {
 				disabled: !canSubmit,
@@ -236,7 +182,7 @@ var CertificateIssuanceContent = ({ config, manager: externalManager, onFinish }
 		default: return state;
 	}
 };
-var CertificateIssuance = ({ config, manager, onFinish }) => {
+var CertificateIssuanceWithLocalConfig = ({ config, manager, onFinish }) => {
 	if (!config) return null;
 	return /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(CertificateIssuanceContent, {
 		config,
@@ -244,6 +190,7 @@ var CertificateIssuance = ({ config, manager, onFinish }) => {
 		onFinish
 	}) });
 };
+var CertificateIssuance = withStandaloneModuleBootstrap(CertificateIssuanceWithLocalConfig, "CERTIFICATE_ISSUANCE", { supportsExternalManager: true });
 registerIncodeModuleElement(CertificateIssuance, "incode-certificate-issuance");
 //#endregion
 export { CertificateIssuance };

package/dist/certificate-issuance/styles.css

@@ -71,44 +71,3 @@
   letter-spacing: var(--typography-headline-h5-letter-spacing);
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
-
-.IncodeCertificateIssuanceRequirements {
-  gap: var(--spacing-8, var(--spacing-8, 8px));
-  flex-direction: column;
-  list-style: none;
-  display: flex;
-}
-
-.IncodeCertificateIssuanceRequirement {
-  align-items: center;
-  gap: var(--spacing-4, var(--spacing-4, 4px));
-  display: flex;
-}
-
-.IncodeCertificateIssuanceRequirementIcon {
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeCertificateIssuanceRequirementLabel {
-  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-default, var(--input-text-helper-default));
-}
-
-.IncodeSrOnly {
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border-width: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
-}

package/dist/{checkbox-1wUHSoaK.js → checkbox-Jgwh943i.js}

@@ -1,7 +1,7 @@
-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 { d as CheckmarkIcon } from "./icons-CJJbIpBq.js";
+import { a as D, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { u as cn } from "./spacer-Bnmh-DfR.js";
+import { n as ErrorIcon } from "./incode-logo-cGsd55rc.js";
+import { m as CheckmarkIcon } from "./icons-D0cfSCBM.js";
 //#region src/shared/checkbox/checkbox.tsx
 var Checkbox = D(({ id, label, labelHint, size = "m", 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) => {
 	const [internalChecked, setInternalChecked] = d(!!defaultChecked);
@@ -28,7 +28,7 @@ var Checkbox = D(({ id, label, labelHint, size = "m", checked, defaultChecked, d
 				class: cn("IncodeCheckboxLabel", { IncodeCheckboxLabelDisabled: isDisabled }),
 				htmlFor: id,
 				children: [/* @__PURE__ */ u("div", {
-					class: "relative inline-flex",
+					class: "IncodeCheckboxControl",
 					children: [/* @__PURE__ */ u("input", {
 						ref,
 						type: "checkbox",

package/dist/connectionError-Bl5E35Qm.js

@@ -0,0 +1,45 @@
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
+import { v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { r as Button } from "./incode-logo-cGsd55rc.js";
+import { t as StatusPage } from "./statusPage-C0vTVW0Q.js";
+//#region src/shared/connectionError/NoNetworkIcon.tsx
+var NoNetworkIcon = ({ size = 32 }) => /* @__PURE__ */ u("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 32 32",
+	fill: "none",
+	"aria-hidden": "true",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ u("path", {
+		d: "M5.76851 4.74117C6.31338 4.24592 7.156 4.28617 7.65131 4.83101L20.3847 18.8368C20.4974 18.9196 20.6085 19.0051 20.7167 19.0946C20.8955 19.2427 21.0255 19.4282 21.1054 19.6298L26.2704 25.3114C26.7653 25.8562 26.7251 26.699 26.1806 27.1942C25.6357 27.6895 24.7921 27.6492 24.2968 27.1044L18.6113 20.8505C17.8196 20.3301 16.8826 20.0637 15.9277 20.0976C14.8042 20.1375 13.7339 20.5889 12.9208 21.3651C12.3882 21.8737 11.5436 21.8538 11.0351 21.3212C10.5273 20.7886 10.5468 19.9447 11.079 19.4364C12.289 18.2812 13.859 17.5811 15.5204 17.4501L13.1933 14.8906C11.5724 15.3528 10.0882 16.2132 8.87787 17.3974C8.35154 17.9124 7.50714 17.9032 6.99214 17.3769C6.47722 16.8505 6.48634 16.0061 7.01264 15.4911C8.23115 14.2989 9.66965 13.3667 11.2402 12.7421L9.16987 10.4648C7.60544 11.2159 6.17457 12.2232 4.93843 13.4472C4.41517 13.9653 3.57082 13.9607 3.05269 13.4374C2.53495 12.9141 2.53835 12.0697 3.06148 11.5517C4.32081 10.3047 5.75306 9.25083 7.31049 8.41889L5.67866 6.62398C5.18343 6.07911 5.22371 5.23649 5.76851 4.74117ZM15.9999 22.6659C17.1044 22.6659 17.9997 23.5615 17.9999 24.6659C17.9999 25.7705 17.1045 26.6659 15.9999 26.6659C14.8955 26.6658 13.9999 25.7704 13.9999 24.6659C14.0001 23.5616 14.8956 22.666 15.9999 22.6659ZM17.4843 13.204C17.6613 12.4894 18.3839 12.0537 19.0986 12.2304C21.3018 12.7761 23.3184 13.9031 24.9374 15.4941C25.4626 16.0102 25.4702 16.8546 24.954 17.3798C24.4378 17.9045 23.5933 17.9124 23.0683 17.3964C21.7898 16.14 20.1978 15.2492 18.4579 14.8183C17.7436 14.6411 17.3077 13.9185 17.4843 13.204ZM15.9745 6.25679C20.8097 6.24487 25.4527 8.14859 28.8866 11.5527C29.4095 12.071 29.4136 12.9154 28.8954 13.4384C28.377 13.9613 27.5326 13.9646 27.0097 13.4462C24.076 10.538 20.1084 8.9107 15.9775 8.92182H15.9726C15.2238 8.92088 14.4753 8.97508 13.7343 9.08295C13.0058 9.18891 12.3289 8.68438 12.2226 7.956C12.1168 7.22763 12.6213 6.55059 13.3495 6.44429C14.2173 6.31795 15.0937 6.25593 15.9706 6.25679V6.25581L15.9736 6.25679L15.9755 6.25581L15.9745 6.25679Z",
+		fill: "var(--icon-status-negative)"
+	})
+});
+//#endregion
+//#region src/shared/connectionError/connectionError.tsx
+/**
+* Full-screen "no internet connection" state, shown whenever a backend request
+* fails due to lost connectivity. Flow-agnostic and cross-cutting — any module
+* can render it on a connectivity failure — so it lives in `shared/` rather
+* than inside a single module. Composes the shared `StatusPage` primitive
+* (icon + title + subtitle + actions) so it stays visually consistent with the
+* rest of the status/result screens. Copy defaults to the shared
+* `connectionError.*` namespace and can be overridden per caller.
+*/
+var ConnectionError = ({ onRefresh, title, subtitle, refreshLabel }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u(StatusPage, {
+		variant: "connectionError",
+		hideFooterBranding: true,
+		icon: /* @__PURE__ */ u(NoNetworkIcon, { size: 32 }),
+		title: title ?? t("connectionError.title"),
+		subtitle: subtitle ?? t("connectionError.subtitle"),
+		actions: /* @__PURE__ */ u(Button, {
+			onClick: onRefresh,
+			"data-testid": "connection-error-refresh",
+			children: refreshLabel ?? t("connectionError.refresh")
+		})
+	});
+};
+//#endregion
+export { ConnectionError as t };

package/dist/consent/consent.es.js

@@ -1,14 +1,11 @@
-import { n as useTranslation } from "../i18n-CU4xq8qC.js";
-import { d as T, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useModuleTerminalCallbacks, s as isTerminalModuleState, u as useManager } from "../hooks-CNu7o-v8.js";
-import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
-import { t as Page } from "../page-DidH_RkX.js";
-import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
-import { t as Button } from "../button-Dz6AsbmF.js";
-import { t as Checkbox } from "../checkbox-1wUHSoaK.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
-import { t as RichText } from "../richText-CB1fmegc.js";
-import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-D0RhuMed.js";
+import { a as useTranslation } from "../uiConfig-D7ezQeZ7.js";
+import { d as T, 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-B-daxouV.js";
+import { r as Button } from "../incode-logo-cGsd55rc.js";
+import { t as Checkbox } from "../checkbox-Jgwh943i.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-uyUrSSUM.js";
+import { t as RichText } from "../richText-2OnIN9ff.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-Dx0WS2cR.js";
 import { createConsentManager } from "@incodetech/core/consent";
 //#region src/modules/consent/consent.tsx
 var stopLinkPropagation = (event) => {
@@ -93,7 +90,7 @@ var ConsentContent = ({ config, manager: externalManager, onFinish, onError }) =
 		})
 	}, "ready");
 };
-var Consent = ({ config, manager, onFinish, onError }) => {
+var ConsentWithLocalConfig = ({ config, manager, onFinish, onError }) => {
 	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(ConsentContent, {
 		config,
 		manager,
@@ -101,6 +98,7 @@ var Consent = ({ config, manager, onFinish, onError }) => {
 		onError
 	}) : null });
 };
+var Consent = withStandaloneModuleBootstrap(ConsentWithLocalConfig, "COMBINED_CONSENT", { supportsExternalManager: true });
 registerIncodeModuleElement(Consent, "incode-consent");
 //#endregion
 export { Consent };

package/dist/consent/styles.css

@@ -41,6 +41,11 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
+.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentBody .IncodeRichText a {
+  color: var(--color-icon-brand-600, var(--icon-brand-600));
+  text-decoration-line: underline;
+}
+
 .IncodeConsentPage .IncodeConsentSubtitle {
   font-family: var(--typography-body-family);
   font-size: var(--typography-body-m-regular-size);
@@ -99,10 +104,6 @@
   display: inline;
 }
 
-.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
-  color: var(--color-link-default, var(--link-default));
-}
-
 .IncodeConsentPage .IncodeConsentButton {
   margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
   width: 100%;

package/dist/{countrySelector-SvUOyPo0.js → countrySelector-Sd-u1WGf.js}

@@ -1,6 +1,6 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { d as T, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { t as DropdownComposed } from "./dropdownComposed-CoU0enG6.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
+import { d as T, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { t as DropdownComposed } from "./dropdownComposed-BXleSN7n.js";
 //#region src/shared/countrySelector/countrySelector.tsx
 var DEFAULT_COUNTRY_CODES = [
 	"BR",

package/dist/cross-document-data-match/cross-document-data-match.es.js

@@ -1,22 +1,25 @@
-import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
-import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
-import { t as Spinner } from "../spinner-BMeIEK1d.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
+import { _ as y, v as u } from "../vendor-preact-mvwZ8mJj.js";
+import { _ as useModuleTerminalCallbacks, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-B-daxouV.js";
+import { t as Spinner } from "../spinner-HP_c74K-.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-uyUrSSUM.js";
 import { createCrossDocumentDataMatchManager } from "@incodetech/core/cross-document-data-match";
 //#region src/modules/cross-document-data-match/cross-document-data-match.tsx
-var CrossDocumentDataMatchContent = ({ onFinish }) => {
-	const [state, manager] = useManager(() => createCrossDocumentDataMatchManager());
+var CrossDocumentDataMatchContent = ({ manager: externalManager, onFinish }) => {
+	const [state, manager] = useManager(() => externalManager ?? createCrossDocumentDataMatchManager(), { manageLifecycle: !externalManager });
 	y(() => {
-		manager.load();
-	}, [manager]);
+		if (!externalManager) manager.load();
+	}, [manager, externalManager]);
 	useModuleTerminalCallbacks({
 		status: state.status === "finished" ? "finished" : "loading",
 		onFinish
 	});
 	return /* @__PURE__ */ u(Spinner, { fullScreen: true });
 };
-var CrossDocumentDataMatch = ({ onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(CrossDocumentDataMatchContent, { onFinish }) });
+var CrossDocumentDataMatchWithLocalConfig = ({ manager, onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(CrossDocumentDataMatchContent, {
+	manager,
+	onFinish
+}) });
+var CrossDocumentDataMatch = withStandaloneModuleBootstrap(CrossDocumentDataMatchWithLocalConfig, "CROSS_DOCUMENT_DATA_MATCH", { supportsExternalManager: true });
 registerIncodeModuleElement(CrossDocumentDataMatch, "incode-cross-document-data-match");
 //#endregion
 export { CrossDocumentDataMatch };

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

@@ -1,22 +1,18 @@
-import { n as useTranslation } from "../i18n-CU4xq8qC.js";
-import { d as T, v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
-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 { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
-import { t as Button } from "../button-Dz6AsbmF.js";
-import { t as ErrorIcon } from "../errorIcon-BA4T6iy-.js";
-import "../icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-CuRu2lPg.js";
-import { t as InputComposed } from "../inputComposed-C1R2LAa3.js";
-import { t as DropdownComposed } from "../dropdownComposed-CoU0enG6.js";
-import "../dropdownComposed-BAoxIIsE.js";
-import { t as DateInputComposed } from "../dateInputComposed-DuaofcBl.js";
-import "../dateInputComposed-DRzZi6uy.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
-import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-D0RhuMed.js";
+import { a as useTranslation } from "../uiConfig-D7ezQeZ7.js";
+import { S as k, d as T, v as u } from "../vendor-preact-mvwZ8mJj.js";
+import { _ as useModuleTerminalCallbacks, l as TransitionSpinner, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "../incodeComponent-B-daxouV.js";
+import { t as Spacer } from "../spacer-Bnmh-DfR.js";
+import { n as ErrorIcon, r as Button } from "../incode-logo-cGsd55rc.js";
+import "../icons-D0cfSCBM.js";
+import { t as SuccessIcon } from "../successIcon-Bj8Y9CuI.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-D7VzaZ2P.js";
+import { t as InputComposed } from "../inputComposed-Pp_XN1-h.js";
+import { t as DropdownComposed } from "../dropdownComposed-BXleSN7n.js";
+import "../dropdownComposed-DE-VJgcR.js";
+import { t as DateInputComposed } from "../dateInputComposed-D0WEYWkS.js";
+import "../dateInputComposed-DKQJz0kJ.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-uyUrSSUM.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-Dx0WS2cR.js";
 import { GENERATE_CURP_FIELDS, createCurpValidationManager, mexicanStates } from "@incodetech/core/curp-validation";
 //#region src/modules/curp-validation/curpInput.tsx
 var CurpInput = ({ curp, errorKey, onCurpChange, onCurpBlur, onVerify, onSwitchToGenerate, disabled = false, placeholder, continueLabel, dontHaveLabel }) => {
@@ -182,17 +178,19 @@ var GenerateCurpFormComponent = ({ form, validationErrors, onFormChange, onValid
 	};
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeCurpValidation IncodeGenerateCurpForm",
-		children: [
-			GENERATE_CURP_FIELDS.map(renderField),
-			/* @__PURE__ */ u(Spacer, { size: 16 }),
-			/* @__PURE__ */ u(Button, {
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeGenerateCurpFields",
+			children: GENERATE_CURP_FIELDS.map(renderField)
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeGenerateCurpFooter",
+			children: /* @__PURE__ */ u(Button, {
 				type: "button",
 				onClick: onGenerate,
 				disabled: hasValidationErrors || disabled,
 				"data-testid": "curp-generate",
 				children: labels.generate
 			})
-		]
+		})]
 	});
 };
 //#endregion
@@ -225,9 +223,9 @@ var CurpValidationContent = ({ config, manager: externalManager, onFinish, onErr
 			continueLabel: t("curp.continue") ?? "Continue",
 			dontHaveLabel: t("curp.dontHave") ?? "I don't have my CURP"
 		})
-	});
+	}, state.status);
 	if (state.status === "generateCurp") return /* @__PURE__ */ u(Page, {
-		className: "IncodeCurpValidationPage",
+		className: "IncodeCurpValidationPage IncodeCurpGeneratePage",
 		title: t("curp.generate") ?? "Generate your CURP",
 		hideFooterBranding: true,
 		children: /* @__PURE__ */ u(GenerateCurpFormComponent, {
@@ -237,7 +235,7 @@ var CurpValidationContent = ({ config, manager: externalManager, onFinish, onErr
 			onValidateField: (field) => manager.validateField(field),
 			onGenerate: () => manager.generate()
 		})
-	});
+	}, state.status);
 	if (state.status === "confirmCurp") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCurpValidationPage",
 		title: t("curp.status.confirm") ?? "Confirm your CURP",
@@ -260,7 +258,7 @@ var CurpValidationContent = ({ config, manager: externalManager, onFinish, onErr
 				})
 			]
 		})
-	});
+	}, state.status);
 	if (state.status === "success") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCurpValidationPage",
 		children: /* @__PURE__ */ u("div", {
@@ -310,7 +308,7 @@ var CurpValidationContent = ({ config, manager: externalManager, onFinish, onErr
 	if (state.status === "finished" || state.status === "closed") return null;
 	return null;
 };
-var CurpValidation = ({ config, manager, onFinish, onError }) => {
+var CurpValidationWithLocalConfig = ({ config, manager, onFinish, onError }) => {
 	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(CurpValidationContent, {
 		config,
 		manager,
@@ -318,6 +316,7 @@ var CurpValidation = ({ config, manager, onFinish, onError }) => {
 		onError
 	}) : null });
 };
+var CurpValidation = withStandaloneModuleBootstrap(CurpValidationWithLocalConfig, "CURP_VALIDATION", { supportsExternalManager: true });
 registerIncodeModuleElement(CurpValidation, "incode-curp-validation");
 //#endregion
 export { CurpValidation };

package/dist/curp-validation/styles.css

@@ -7,6 +7,21 @@
   display: flex;
 }
 
+@media (min-width: 48rem) {
+  .IncodeCurpValidationPage.IncodeCurpGeneratePage.IncodePageContainer {
+    align-items: stretch;
+  }
+
+  .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageInner {
+    height: 100%;
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+  }
+
+  .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageContent {
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+  }
+}
+
 .IncodeCurpValidationPage .IncodeCurpValidation {
   flex-direction: column;
   align-items: center;
@@ -36,11 +51,43 @@
 .IncodeCurpValidationPage .IncodeGenerateCurpForm {
   width: 100%;
   max-width: var(--incode-form-max-w);
+  flex-direction: column;
+  display: flex;
+}
+
+@media (min-width: 48rem) {
+  .IncodeCurpValidationPage .IncodeGenerateCurpForm {
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+  }
+}
+
+.IncodeCurpValidationPage .IncodeGenerateCurpFields {
   gap: var(--spacing-8, var(--spacing-8, 8px));
   flex-direction: column;
+  width: 100%;
   display: flex;
 }
 
+@media (min-width: 48rem) {
+  .IncodeCurpValidationPage .IncodeGenerateCurpFields {
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
+    flex: 1;
+    overflow-y: auto;
+  }
+}
+
+.IncodeCurpValidationPage .IncodeGenerateCurpFooter {
+  width: 100%;
+  padding-top: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+@media (min-width: 48rem) {
+  .IncodeCurpValidationPage .IncodeGenerateCurpFooter {
+    flex-shrink: 0;
+  }
+}
+
 .IncodeCurpValidationPage .IncodeCurpConfirm {
   width: 100%;
   max-width: var(--incode-curp-confirm-max-w);