@incodetech/web 2.1.1 → 2.2.0-rc.0

package/dist/signature/signature.es.js

@@ -1,14 +1,12 @@
-import { n as useTranslation } from "../i18n-CU4xq8qC.js";
-import { _ as y, a as D, h as q, l as A, p as d, u as F, 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 { t as Button } from "../button-Dz6AsbmF.js";
-import { t as VerificationResult } from "../verificationResult-BWWkmeiA.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
-import { t as _defineProperty } from "../defineProperty-Qjefk7Uf.js";
+import { i as useTranslation } from "../uiConfig-B5ASPUL4.js";
+import { _ as y, a as D, h as q, l as A, p as d, u as F, 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 { 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";
 import { createSignatureManager } from "@incodetech/core/signature";
 //#region ../../node_modules/.pnpm/signature_pad@5.1.3/node_modules/signature_pad/dist/signature_pad.js
 /*!
@@ -776,19 +774,20 @@ var SignatureCanvas = D(({ onBeginStroke, hasDrawing, placeholder, ariaLabel, cu
 		customPenStrokeWidth
 	]);
 	return /* @__PURE__ */ u("div", {
-		class: "SignatureCanvasContainer",
+		class: "IncodeSignatureCanvasContainer",
 		style: customBackgroundColor || customBorderColor ? {
 			...customBackgroundColor ? { backgroundColor: customBackgroundColor } : {},
 			...customBorderColor ? { borderColor: customBorderColor } : {}
 		} : void 0,
 		ref: containerRef,
 		children: [/* @__PURE__ */ u("canvas", {
-			class: "SignatureCanvas",
+			class: "IncodeSignatureCanvas",
 			ref: canvasRef,
 			role: "img",
-			"aria-label": ariaLabel ?? placeholder
+			"aria-label": ariaLabel ?? placeholder,
+			"data-testid": "signature-canvas"
 		}), !hasDrawing && /* @__PURE__ */ u("p", {
-			class: "SignatureCanvasPlaceholder",
+			class: "IncodeSignatureCanvasPlaceholder",
 			"aria-hidden": "true",
 			children: placeholder
 		})]
@@ -797,9 +796,12 @@ var SignatureCanvas = D(({ onBeginStroke, hasDrawing, placeholder, ariaLabel, cu
 SignatureCanvas.displayName = "SignatureCanvas";
 //#endregion
 //#region src/modules/signature/signature.tsx
-var SignatureContent = ({ config, onFinish, onError }) => {
+var SignatureContent = ({ config, manager: externalManager, onFinish, onError }) => {
 	const { t } = useTranslation();
-	const [state, manager] = useManager(() => createSignatureManager({ config }), { autoLoad: true });
+	const [state, manager] = useManager(() => externalManager ?? createSignatureManager({ config }), {
+		autoLoad: true,
+		manageLifecycle: !externalManager
+	});
 	const [hasDrawing, setHasDrawing] = d(false);
 	const [announcement, setAnnouncement] = d("");
 	const signatureRef = A(null);
@@ -867,6 +869,7 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 		subtitle: resolveSubtitle(),
 		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeSignatureContent",
+			tabIndex: canContinue ? void 0 : 0,
 			children: [
 				/* @__PURE__ */ u(SignatureCanvas, {
 					ref: signatureRef,
@@ -888,12 +891,14 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 					variant: "link",
 					disabled: !hasDrawing || isSubmitting,
 					onClick: clearCanvas,
+					"data-testid": "signature-clear",
 					children: t("signature.clear")
 				}),
 				/* @__PURE__ */ u("span", {
 					class: "IncodeSrOnly",
 					"aria-live": "polite",
 					"aria-atomic": "true",
+					"data-testid": "signature-live-region",
 					children: announcement
 				})
 			]
@@ -904,16 +909,19 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 				disabled: !canContinue,
 				isLoading: isSubmitting,
 				onClick: handleContinue,
+				"data-testid": "signature-done",
 				children: t("signature.done")
 			})
 		})]
 	});
 };
-var Signature = ({ config, onFinish, onError }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(SignatureContent, {
+var SignatureWithLocalConfig = ({ config = {}, manager, onFinish, onError }) => /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(SignatureContent, {
 	config,
+	manager,
 	onFinish,
 	onError
-}) : null });
+}) });
+var Signature = withStandaloneModuleBootstrap(SignatureWithLocalConfig, "SIGNATURE", { supportsExternalManager: true });
 registerIncodeModuleElement(Signature, "incode-signature");
 //#endregion
 export { Signature };

package/dist/{ae-signature/styles2.css → signature/styles.css}

@@ -1,7 +1,7 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
+    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
       --tw-border-style: solid;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
@@ -40,7 +40,7 @@
   animation-fill-mode: both;
 }
 
-.IncodeSignature .SignatureCanvasContainer {
+.IncodeSignature .IncodeSignatureCanvasContainer {
   width: 100%;
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
@@ -57,13 +57,13 @@
   position: relative;
 }
 
-.IncodeSignature .SignatureCanvas {
+.IncodeSignature .IncodeSignatureCanvas {
   width: 100%;
   height: 100%;
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
 }
 
-.IncodeSignature .SignatureCanvasPlaceholder {
+.IncodeSignature .IncodeSignatureCanvasPlaceholder {
   font-family: var(--typography-input-dropdown-family);
   font-size: var(--typography-input-dropdown-m-size);
   font-weight: var(--typography-input-dropdown-m-weight);

package/dist/{snackbar-DS7Mv62v.js → snackbar-C9Mqrh0e.js}

@@ -1,5 +1,5 @@
-import { v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { n as cn } from "./loadingIcon-B0ysgiNq.js";
+import { v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { u as cn } from "./spacer-CDlQd12V.js";
 //#region src/shared/snackbar/snackbar.tsx
 var Snackbar = ({ variant = "neutral", children, className, ariaLive = "polite" }) => {
 	return /* @__PURE__ */ u("div", {