@incodetech/web 0.0.0-dev-20260630-d195eb29 → 0.0.0-dev-20260630-183debc7

package/dist/id/id.es.js

@@ -614,6 +614,24 @@ var DigitalIdUpload = ({ manager, state }) => {
 	return null;
 };
 //#endregion
+//#region src/modules/id/manualUpload/manualUploadError.tsx
+/**
+* Inline validation message for the manual-upload flow. Rendered directly
+* beneath the slot it refers to so the user can tell which document side was
+* rejected — the side context comes from the placement, not the copy.
+* `role="alert"` announces it once on insert (SC 4.1.3).
+*/
+var ManualUploadError = ({ errorKey, id }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u("div", {
+		id,
+		class: "IncodeManualUploadError",
+		role: "alert",
+		"data-testid": "manual-upload-error",
+		children: [/* @__PURE__ */ u(ErrorIcon, { size: 16 }), /* @__PURE__ */ u("p", { children: t(errorKey) })]
+	});
+};
+//#endregion
 //#region src/modules/id/manualUpload/uploadButton.tsx
 /**
 * Slot card for a single document side. The whole card is the clickable
@@ -764,11 +782,20 @@ var UploadTab = ({ mode, manager, state, errorMessageId }) => {
 		invalid: true,
 		describedById: errorMessageId
 	} : {};
+	/**
+	* Render the validation message directly beneath the slot it refers to so
+	* the error is unambiguously tied to the correct document side. Only the
+	* slot matching `errorSide` gets the message.
+	*/
+	const slotError = (slot) => state.errorKey && state.errorSide === slot ? /* @__PURE__ */ u(ManualUploadError, {
+		id: errorMessageId,
+		errorKey: state.errorKey
+	}) : null;
 	if (mode === "passport") {
 		const isUploading = state.uploadingSide === "passport";
 		return /* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadTab",
-			children: /* @__PURE__ */ u(UploadButton, {
+			children: [/* @__PURE__ */ u(UploadButton, {
 				icon: /* @__PURE__ */ u(PassportSlotIcon, {}),
 				label: slotLabel("passport", isUploading, state.passportUploaded),
 				uploaded: state.passportUploaded,
@@ -776,30 +803,34 @@ var UploadTab = ({ mode, manager, state, errorMessageId }) => {
 				testId: "manual-upload-passport",
 				onFile: (file) => manager.manualUploadSelectFile("passport", file),
 				...slotErrorProps("passport")
-			})
+			}), slotError("passport")]
 		});
 	}
 	const isUploadingFront = state.uploadingSide === "front";
 	const isUploadingBack = state.uploadingSide === "back";
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeManualUploadTab",
-		children: [/* @__PURE__ */ u(UploadButton, {
-			icon: /* @__PURE__ */ u(IdFrontIcon, {}),
-			label: slotLabel("front", isUploadingFront, state.frontUploaded),
-			uploaded: state.frontUploaded,
-			uploading: isUploadingFront,
-			testId: "manual-upload-front",
-			onFile: (file) => manager.manualUploadSelectFile("front", file),
-			...slotErrorProps("front")
-		}), state.showBackSlot && /* @__PURE__ */ u(UploadButton, {
-			icon: /* @__PURE__ */ u(IdBackIcon, {}),
-			label: slotLabel("back", isUploadingBack, state.backUploaded),
-			uploaded: state.backUploaded,
-			uploading: isUploadingBack,
-			testId: "manual-upload-back",
-			onFile: (file) => manager.manualUploadSelectFile("back", file),
-			...slotErrorProps("back")
-		})]
+		children: [
+			/* @__PURE__ */ u(UploadButton, {
+				icon: /* @__PURE__ */ u(IdFrontIcon, {}),
+				label: slotLabel("front", isUploadingFront, state.frontUploaded),
+				uploaded: state.frontUploaded,
+				uploading: isUploadingFront,
+				testId: "manual-upload-front",
+				onFile: (file) => manager.manualUploadSelectFile("front", file),
+				...slotErrorProps("front")
+			}),
+			slotError("front"),
+			state.showBackSlot && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(UploadButton, {
+				icon: /* @__PURE__ */ u(IdBackIcon, {}),
+				label: slotLabel("back", isUploadingBack, state.backUploaded),
+				uploaded: state.backUploaded,
+				uploading: isUploadingBack,
+				testId: "manual-upload-back",
+				onFile: (file) => manager.manualUploadSelectFile("back", file),
+				...slotErrorProps("back")
+			}), slotError("back")] })
+		]
 	});
 };
 //#endregion
@@ -880,13 +911,7 @@ var ManualUpload = ({ manager, state }) => {
 				manager,
 				state,
 				errorMessageId
-			}) : null, state.errorKey ? /* @__PURE__ */ u("div", {
-				id: errorMessageId,
-				class: "IncodeManualUploadError",
-				role: "alert",
-				"data-testid": "manual-upload-error",
-				children: [/* @__PURE__ */ u(ErrorIcon, { size: 16 }), /* @__PURE__ */ u("p", { children: t(state.errorKey) })]
-			}) : null]
+			}) : null, state.errorKey && !state.errorSide ? /* @__PURE__ */ u(ManualUploadError, { errorKey: state.errorKey }) : null]
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadFooter",
 			children: [/* @__PURE__ */ u("ul", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260630-d195eb29",
+  "version": "0.0.0-dev-20260630-183debc7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -291,7 +291,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260630-d195eb29"
+    "@incodetech/core": "0.0.0-dev-20260630-183debc7"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",