@incodetech/web 0.0.0-dev-20260608-c8c427ca → 0.0.0-dev-20260609-11ba3e8a

package/dist/consent/consent.es.js

@@ -1,95 +1,106 @@
-import { n as e } from "../i18n-Kzzvkz94.js";
-import { d as t, v as n } from "../vendor-preact-D6SntenC.js";
-import { a as r, c as i, o as a } from "../hooks-MxHtZWTS.js";
-import { t as o } from "../incodeComponent-BoFhgK7G.js";
-import { t as s } from "../page-DA3R7q0J.js";
-import { t as c } from "../transitionSpinner-Di3bOyOu.js";
-import { t as l } from "../button-DcCUEn2n.js";
-import { t as u } from "../checkbox-DCCzBAuF.js";
-import { t as d } from "../incodeModule-BiCoAJ5k.js";
-import { t as f } from "../richText-6pIbydcz.js";
-import { n as p, t as m } from "../requiredLabelHint-B6FN3v88.js";
-import { createConsentManager as h } from "@incodetech/core/consent";
+import { n as useTranslation } from "../i18n-gTHArCl9.js";
+import { d as T, v as u } from "../vendor-preact-BH7vOa2r.js";
+import { a as isTerminalModuleState, c as useManager, o as useModuleTerminalCallbacks } from "../hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "../incodeComponent-CDJxFZvS.js";
+import { t as Page } from "../page-BZ-0eNWq.js";
+import { t as TransitionSpinner } from "../transitionSpinner-CWhGcr7c.js";
+import { t as Button } from "../button-B-qlr4iI.js";
+import { t as Checkbox } from "../checkbox-CTPETqo5.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DkA_yd0X.js";
+import { t as RichText } from "../richText-C7GUm0WL.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-DEadtiwx.js";
+import { createConsentManager } from "@incodetech/core/consent";
 //#region src/modules/consent/consent.tsx
-var g = (e) => {
-	e.target.closest("a") && e.stopPropagation();
-}, _ = ({ config: o, manager: d, onFinish: _, onError: v }) => {
-	let { t: y, i18n: b } = e(), [x, S] = i(() => {
-		if (d) return d;
-		if (!o) throw Error("Consent config is required");
-		return h({ config: {
-			...o,
-			language: b.language
+var stopLinkPropagation = (event) => {
+	if (event.target.closest("a")) event.stopPropagation();
+};
+var ConsentContent = ({ config, manager: externalManager, onFinish, onError }) => {
+	const { t, i18n } = useTranslation();
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("Consent config is required");
+		return createConsentManager({ config: {
+			...config,
+			language: i18n.language
 		} });
-	}, { manageLifecycle: !d }), C = "checkboxes" in x ? x.checkboxes : void 0, w = t(() => p(C?.map((e) => e.required) ?? []), [C]);
-	return a({
-		status: x.status,
-		onFinish: _,
-		onError: v,
-		error: x.status === "error" ? x.error : void 0
-	}), r(x) ? null : x.status === "idle" || x.status === "loading" ? /* @__PURE__ */ n(c, { hideText: !0 }) : /* @__PURE__ */ n(s, {
+	}, { manageLifecycle: !externalManager });
+	const checkboxes = "checkboxes" in state ? state.checkboxes : void 0;
+	const mode = T(() => getRequiredHintMode(checkboxes?.map((c) => c.required) ?? []), [checkboxes]);
+	useModuleTerminalCallbacks({
+		status: state.status,
+		onFinish,
+		onError,
+		error: state.status === "error" ? state.error : void 0
+	});
+	if (isTerminalModuleState(state)) return null;
+	if (state.status === "idle" || state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
+	return /* @__PURE__ */ u(Page, {
 		className: "IncodeConsentPage",
-		title: x.title,
-		children: /* @__PURE__ */ n("div", {
+		title: state.title,
+		children: /* @__PURE__ */ u("div", {
 			class: "IncodeConsentContent",
 			children: [
-				/* @__PURE__ */ n("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeConsentBody",
-					children: [/* @__PURE__ */ n(f, {
-						content: x.richText,
+					children: [/* @__PURE__ */ u(RichText, {
+						content: state.richText,
 						class: "IncodeRichText"
-					}), /* @__PURE__ */ n("div", {
+					}), /* @__PURE__ */ u("div", {
 						class: "IncodeConsentCheckboxList",
 						role: "group",
-						"aria-label": y("biometricConsent.consentOptions"),
-						children: x.checkboxes.map((e) => {
-							let t = m(w, e.required), r = t ? y(`forms.label.${t}`) : void 0;
-							return /* @__PURE__ */ n(u, {
-								id: `consent-checkbox-${e.id}`,
+						"aria-label": t("biometricConsent.consentOptions"),
+						children: state.checkboxes.map((checkbox) => {
+							const hint = getFieldHint(mode, checkbox.required);
+							const labelHint = hint ? t(`forms.label.${hint}`) : void 0;
+							return /* @__PURE__ */ u(Checkbox, {
+								id: `consent-checkbox-${checkbox.id}`,
 								class: "IncodeConsentCheckbox",
 								size: "s",
-								checked: e.checked,
-								required: e.required,
-								labelHint: r,
-								onChange: () => S.toggleCheckbox(e.id),
-								label: /* @__PURE__ */ n("span", {
+								checked: checkbox.checked,
+								required: checkbox.required,
+								labelHint,
+								onChange: () => manager.toggleCheckbox(checkbox.id),
+								label: /* @__PURE__ */ u("span", {
 									class: "IncodeConsentCheckboxLabel",
 									role: "presentation",
-									onClick: g,
-									onKeyDown: g,
-									children: /* @__PURE__ */ n(f, {
-										content: e.label,
+									onClick: stopLinkPropagation,
+									onKeyDown: stopLinkPropagation,
+									children: /* @__PURE__ */ u(RichText, {
+										content: checkbox.label,
 										class: "IncodeRichText",
 										disallowedTags: ["img"]
 									})
 								})
-							}, e.id);
+							}, checkbox.id);
 						})
 					})]
 				}),
-				x.status === "display" && x.error ? /* @__PURE__ */ n("p", {
+				state.status === "display" && state.error ? /* @__PURE__ */ u("p", {
 					class: "IncodeConsentSubmitError",
 					"data-testid": "consent-submit-error",
 					role: "alert",
-					children: x.error
+					children: state.error
 				}) : null,
-				/* @__PURE__ */ n(l, {
+				/* @__PURE__ */ u(Button, {
 					class: "IncodeConsentButton",
 					"data-testid": "consent-submit",
-					onClick: () => S.submit(),
-					disabled: !x.canSubmit,
-					isLoading: x.status === "submitting",
-					children: y("biometricConsent.button.continue")
+					onClick: () => manager.submit(),
+					disabled: !state.canSubmit,
+					isLoading: state.status === "submitting",
+					children: t("biometricConsent.button.continue")
 				})
 			]
 		})
 	}, "ready");
-}, v = ({ config: e, manager: t, onFinish: r, onError: i }) => /* @__PURE__ */ n(o, { children: e || t ? /* @__PURE__ */ n(_, {
-	config: e,
-	manager: t,
-	onFinish: r,
-	onError: i
-}) : null });
-d(v, "incode-consent");
+};
+var Consent = ({ config, manager, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(ConsentContent, {
+		config,
+		manager,
+		onFinish,
+		onError
+	}) : null });
+};
+registerIncodeModuleElement(Consent, "incode-consent");
 //#endregion
-export { v as Consent };
+export { Consent };

package/dist/countrySelector-CzyuaDIs.js

@@ -0,0 +1,60 @@
+import { n as useTranslation } from "./i18n-gTHArCl9.js";
+import { d as T, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { t as DropdownComposed } from "./dropdownComposed-BF4L-7mJ.js";
+//#region src/shared/countrySelector/countrySelector.tsx
+var DEFAULT_COUNTRY_CODES = [
+	"BR",
+	"CN",
+	"FR",
+	"DE",
+	"IL",
+	"IT",
+	"MX",
+	"ES",
+	"GB",
+	"US"
+];
+var DEFAULT_DEV_ONLY_COUNTRY_CODES = [
+	"CM",
+	"KE",
+	"NG"
+];
+function countryFlag(code) {
+	return [...code.toUpperCase()].map((c) => String.fromCodePoint(127462 + c.charCodeAt(0) - 65)).join("");
+}
+function isDevEnvironment() {
+	if (typeof window === "undefined") return false;
+	const { hostname } = window.location;
+	return hostname === "localhost" || hostname.includes("stage") || hostname.includes("demo");
+}
+var CountrySelector = ({ value, onChange, label, id = "country-selector", countryCodes = DEFAULT_COUNTRY_CODES, devOnlyCountryCodes = DEFAULT_DEV_ONLY_COUNTRY_CODES, "data-testid": testId }) => {
+	const { i18n } = useTranslation();
+	const locale = i18n.language || "en";
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeCountrySelector",
+		children: /* @__PURE__ */ u(DropdownComposed, {
+			id,
+			label,
+			value,
+			options: T(() => {
+				const displayNames = new Intl.DisplayNames([locale, "en"], { type: "region" });
+				return (isDevEnvironment() ? [...countryCodes, ...devOnlyCountryCodes] : [...countryCodes]).map((code) => {
+					const name = displayNames.of(code) ?? code;
+					return {
+						value: code,
+						label: `${countryFlag(code)} ${name}`,
+						ariaLabel: name
+					};
+				}).sort((a, b) => a.label.localeCompare(b.label, locale));
+			}, [
+				countryCodes,
+				devOnlyCountryCodes,
+				locale
+			]),
+			onChange,
+			"data-testid": testId
+		})
+	});
+};
+//#endregion
+export { CountrySelector as t };

package/dist/cpf-ocr/cpf-ocr.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../cpfOcr-FixhUeMQ.js";
-export { e as CpfOcr };
+import { t as CpfOcr } from "../cpfOcr-DQVs3r8N.js";
+export { CpfOcr };

package/dist/cpfOcr-DQVs3r8N.js

@@ -0,0 +1,92 @@
+import { _ as y, p as d, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-BtgmGvba.js";
+import { r as Spacer } from "./loadingIcon-DN62ugKs.js";
+import { t as Page } from "./page-BZ-0eNWq.js";
+import { t as Spinner } from "./spinner-BfBIZkDQ.js";
+import "./spinner-DEDtE7Pz.js";
+import { t as Button } from "./button-B-qlr4iI.js";
+import { t as VerificationResult } from "./verificationResult-CJ0JyV6A.js";
+import { t as InputComposed } from "./inputComposed-5V2nLTqH.js";
+import { createCpfOcrManager } from "@incodetech/core/cpf-ocr";
+//#region src/modules/cpf-ocr/cpfOcr.tsx
+var getInputState = (state) => {
+	if (state.status === "inputting") return {
+		cpf: state.cpf,
+		isValid: state.isValid
+	};
+	return {
+		cpf: "",
+		isValid: false
+	};
+};
+var CpfOcr = ({ manager: externalManager, onFinish, onError }) => {
+	const [state, manager] = useManager(() => externalManager ?? createCpfOcrManager(), { manageLifecycle: !externalManager });
+	const [hasBlurred, setHasBlurred] = d(false);
+	const [hasEdited, setHasEdited] = d(false);
+	const [isFocused, setIsFocused] = d(false);
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
+	});
+	y(() => {
+		if (state.status === "error") onError?.(state.error);
+	}, [state, onError]);
+	if (state.status === "idle" || state.status === "loading" || state.status === "submitting") return /* @__PURE__ */ u(Page, {
+		className: "IncodeCpfOcrPage",
+		children: /* @__PURE__ */ u("div", {
+			class: "IncodeCpfOcrLoading",
+			children: /* @__PURE__ */ u(Spinner, { fullScreen: false })
+		})
+	});
+	if (state.status === "error") return /* @__PURE__ */ u(VerificationResult, {
+		status: "failure",
+		failureTitle: "Não foi possível verificar o CPF",
+		onRetry: () => manager.retry()
+	});
+	if (state.status === "finished") return null;
+	const inputState = getInputState(state);
+	const isComplete = inputState.cpf.replace(/\D/g, "").length === 11;
+	const cpfError = hasEdited && !inputState.isValid && (isComplete || hasBlurred && !isFocused) ? "Insira um CPF válido" : void 0;
+	return /* @__PURE__ */ u(Page, {
+		className: "IncodeCpfOcrPage",
+		title: "Insira e verifique o número do seu CPF",
+		children: /* @__PURE__ */ u("div", {
+			class: "IncodeCpfOcr",
+			children: [
+				/* @__PURE__ */ u(Spacer, { size: 32 }),
+				/* @__PURE__ */ u(InputComposed, {
+					id: "cpf-ocr-input",
+					label: "",
+					value: inputState.cpf,
+					placeholder: "Seu CPF",
+					maxLength: 14,
+					inputMode: "numeric",
+					"aria-label": "CPF",
+					onInput: (event) => {
+						setHasEdited(true);
+						manager.setCpf(event.target.value);
+					},
+					onFocus: () => {
+						setIsFocused(true);
+					},
+					onBlur: () => {
+						setIsFocused(false);
+						setHasBlurred(true);
+					},
+					error: cpfError,
+					showErrorIcon: true
+				}),
+				/* @__PURE__ */ u(Spacer, {}),
+				/* @__PURE__ */ u(Button, {
+					type: "button",
+					onClick: () => manager.submit(),
+					disabled: !inputState.isValid,
+					"data-testid": "cpf-ocr-continue",
+					children: "Continuar"
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { CpfOcr as t };

package/dist/cpfOcr-WNklFuxT.js

@@ -0,0 +1,2 @@
+import { t as CpfOcr } from "./cpfOcr-DQVs3r8N.js";
+export { CpfOcr };

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

@@ -1,19 +1,22 @@
-import { _ as e, v as t } from "../vendor-preact-D6SntenC.js";
-import { c as n, o as r } from "../hooks-MxHtZWTS.js";
-import { t as i } from "../incodeComponent-BoFhgK7G.js";
-import { t as a } from "../spinner-CKnjVHxw.js";
-import { t as o } from "../incodeModule-BiCoAJ5k.js";
-import { createCrossDocumentDataMatchManager as s } from "@incodetech/core/cross-document-data-match";
+import { _ as y, v as u } from "../vendor-preact-BH7vOa2r.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "../incodeComponent-CDJxFZvS.js";
+import { t as Spinner } from "../spinner-BfBIZkDQ.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DkA_yd0X.js";
+import { createCrossDocumentDataMatchManager } from "@incodetech/core/cross-document-data-match";
 //#region src/modules/cross-document-data-match/cross-document-data-match.tsx
-var c = ({ onFinish: i }) => {
-	let [o, c] = n(() => s());
-	return e(() => {
-		c.load();
-	}, [c]), r({
-		status: o.status === "finished" ? "finished" : "loading",
-		onFinish: i
-	}), /* @__PURE__ */ t(a, { fullScreen: !0 });
-}, l = ({ onFinish: e }) => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(c, { onFinish: e }) });
-o(l, "incode-cross-document-data-match");
+var CrossDocumentDataMatchContent = ({ onFinish }) => {
+	const [state, manager] = useManager(() => createCrossDocumentDataMatchManager());
+	y(() => {
+		manager.load();
+	}, [manager]);
+	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 }) });
+registerIncodeModuleElement(CrossDocumentDataMatch, "incode-cross-document-data-match");
 //#endregion
-export { l as CrossDocumentDataMatch };
+export { CrossDocumentDataMatch };