@epam/ai-dial-attachment-input 1.1.0-dev.331 → 1.1.0-dev.334

package/index.js

@@ -14,21 +14,26 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 	video: "Video files",
 	text: "Text files",
 	"*": "All files"
-}, he = (e, t = me) => e.map((e) => {
-	if (e.endsWith("/*")) {
-		let n = e.slice(0, -2);
-		return t[n] ?? `${n} files`;
+}, he = { "image/jpeg": "JPEG" }, ge = (e, t = me) => e.map((e) => {
+	let r = e.toLowerCase().split(";")[0].trim();
+	if (r.endsWith("/*")) {
+		let e = r.slice(0, -2);
+		return t[e] ?? `${e} files`;
 	}
-	let n = e.split("/")[1];
-	return n == null ? e.toUpperCase() : n.toUpperCase();
-}).join(", "), ge = (e, t) => t.length === 0 ? !1 : t.some((t) => {
+	let i = he[r];
+	if (i) return i;
+	let a = n[r];
+	if (a) return a.toUpperCase();
+	let o = r.split("/")[1];
+	return o == null ? e.toUpperCase() : o.toUpperCase();
+}).join(", "), _e = (e, t) => t.length === 0 ? !1 : t.some((t) => {
 	if (t === "*" || t === "*/*") return !0;
 	if (t.endsWith("/*")) {
 		let n = t.slice(0, -2);
 		return e.startsWith(`${n}/`);
 	}
 	return e === t;
-}), _e = (e) => {
+}), ve = (e) => {
 	if (!e) return h;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
@@ -77,21 +82,21 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		case "text/x-vue": return I;
 		default: return h;
 	}
-}, ve = (e) => {
-	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? ne : n === t.Pasted ? f : n === t.Image ? H : _e(r ?? "");
 }, ye = (e) => {
+	let { type: n, contentType: r } = e;
+	return n === t.Prompt ? ne : n === t.Pasted ? f : n === t.Image ? H : ve(r ?? "");
+}, be = (e) => {
 	let t = e.toLowerCase().split(";")[0].trim(), r = n[t];
 	if (r) return r;
 	let i = t.split("/")[1];
 	if (i && !i.startsWith("vnd.") && !i.includes("+")) return i;
-}, be = (e, n) => {
+}, xe = (e, n) => {
 	let { type: r, name: i, contentType: a } = e;
 	if (r === t.Prompt) return n.promptLabel ?? "Prompt";
 	if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
 	if (r === t.Image) return n.imageLabel ?? "Image";
 	if (a) {
-		let e = ye(a);
+		let e = be(a);
 		if (e) return `.${e}`;
 	}
 	if (i == null) return "";
@@ -104,10 +109,10 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		isError: l,
 		isImage: u,
 		isLink: d,
-		BottomIcon: d ? null : ve(e),
-		typeLabel: d ? null : be(e, n)
+		BottomIcon: d ? null : ye(e),
+		typeLabel: d ? null : xe(e, n)
 	};
-}, xe = 5, Se = "flex size-[84px] items-center justify-center rounded-xl border", Y = {
+}, Se = 5, Ce = "flex size-[84px] items-center justify-center rounded-xl border", Y = {
 	tile: "_tile_1whwz_1",
 	hovered: "_hovered_1whwz_5",
 	selected: "_selected_1whwz_15",
@@ -127,7 +132,7 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 	onClick: (e) => {
 		e.stopPropagation(), r(i);
 	}
-}), Ce = ({ ...e }) => /* @__PURE__ */ G(X, {
+}), we = ({ ...e }) => /* @__PURE__ */ G(X, {
 	icon: /* @__PURE__ */ G(te, {
 		size: U.SM,
 		"aria-hidden": !0,
@@ -135,36 +140,36 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 	}),
 	className: Y.retryIcon,
 	...e
-}), we = ({ ...e }) => /* @__PURE__ */ G(X, {
+}), Te = ({ ...e }) => /* @__PURE__ */ G(X, {
 	icon: /* @__PURE__ */ G(p, {
 		size: U.SM,
 		"aria-hidden": !0,
 		stroke: W
 	}),
 	...e
-}), Te = ({ ...e }) => /* @__PURE__ */ G(X, {
+}), Ee = ({ ...e }) => /* @__PURE__ */ G(X, {
 	icon: /* @__PURE__ */ G(m, {
 		size: U.SM,
 		"aria-hidden": !0,
 		stroke: W
 	}),
 	...e
-}), Ee = ({ ...e }) => /* @__PURE__ */ G(X, {
+}), De = ({ ...e }) => /* @__PURE__ */ G(X, {
 	icon: /* @__PURE__ */ G(ie, {
 		size: U.SM,
 		"aria-hidden": !0,
 		stroke: W
 	}),
 	...e
-}), De = {
+}), Oe = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, Oe = ({ attachment: t, searchQuery: n = "", onClick: i, onRetry: s, labels: u, styles: d, onDownload: f, isPasted: p, isLink: m, cssVars: h, onExpand: g, isExpandable: _, onRemove: v, isSelected: y }) => {
-	let { clickLabel: b = "Download attachment", retryLabel: x = "Retry upload", sizeLabel: S, uploadingLabel: C = "Uploading", errorReasonLabels: w, genericErrorLabel: T = "Upload failed" } = u ?? {}, { typography: E, className: D } = d ?? {}, { id: O, name: k, status: A, errorReason: j } = t, M = A === r.Loading, N = A === r.Error, P = c(), F = N ? j && (w?.[j] ?? De[j]) || T : "", { BottomIcon: I, typeLabel: L } = J(t), R = !N && !M && f && !m, z = N && !!s && j !== e.UnsupportedType, B = R || z ? "pe-5" : void 0, ee = (e) => {
+}, ke = ({ attachment: t, searchQuery: n = "", onClick: i, onRetry: s, labels: u, styles: d, onDownload: f, isPasted: p, isLink: m, cssVars: h, onExpand: g, isExpandable: _, onRemove: v, isSelected: y }) => {
+	let { clickLabel: b = "Download attachment", retryLabel: x = "Retry upload", sizeLabel: S, uploadingLabel: C = "Uploading", errorReasonLabels: w, genericErrorLabel: T = "Upload failed" } = u ?? {}, { typography: E, className: D } = d ?? {}, { id: O, name: k, status: A, errorReason: j } = t, M = A === r.Loading, N = A === r.Error, P = c(), F = N ? j && (w?.[j] ?? Oe[j]) || T : "", { BottomIcon: I, typeLabel: L } = J(t), R = !N && !M && f && !m, z = N && !!s && j !== e.UnsupportedType, B = R || z ? "pe-5" : void 0, ee = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.(t.id));
 	}, V = l(() => p ? k : pe(k), [p, k]), H = o(() => {
 		window.open(t.referenceUrl, "_blank", "noopener,noreferrer");
-	}, [t]), te = a(Se, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Y.tile, !N && Y.hovered, y && Y.selected, N && Y.tileError), ne = /* @__PURE__ */ G("div", {
+	}, [t]), te = a(Ce, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Y.tile, !N && Y.hovered, y && Y.selected, N && Y.tileError), ne = /* @__PURE__ */ G("div", {
 		title: V,
 		className: a(E?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-words", Y.nameText, !N && B),
 		children: n ? /* @__PURE__ */ G(se, {
@@ -195,27 +200,27 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		/* @__PURE__ */ K("div", {
 			className: a("absolute right-0 top-0 flex gap-1"),
 			children: [
-				R && /* @__PURE__ */ G(we, {
+				R && /* @__PURE__ */ G(Te, {
 					ariaLabel: b,
 					errorTitle: F,
 					errorDescId: P,
 					onClick: f,
 					id: O
 				}),
-				z && /* @__PURE__ */ G(Ce, {
+				z && /* @__PURE__ */ G(we, {
 					ariaLabel: x,
 					errorTitle: F,
 					errorDescId: P,
 					onClick: s,
 					id: O
 				}),
-				m && /* @__PURE__ */ G(Te, {
+				m && /* @__PURE__ */ G(Ee, {
 					ariaLabel: x,
 					errorTitle: F,
 					errorDescId: P,
 					onClick: H
 				}),
-				v && /* @__PURE__ */ G(Ee, {
+				v && /* @__PURE__ */ G(De, {
 					ariaLabel: x,
 					errorTitle: F,
 					errorDescId: P,
@@ -248,7 +253,7 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 	});
 }, Z = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), ke = ({ enabled: e, src: t }) => {
+}({}), Ae = ({ enabled: e, src: t }) => {
 	let n = u(null), [r, i] = d("idle");
 	return s(() => {
 		i(e && t ? "loading" : "idle");
@@ -263,15 +268,15 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		imageRef: n,
 		imageLoadStatus: r
 	};
-}, Ae = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: o, cssVars: s, onDownload: c, styles: u, isSelected: d }) => {
-	let { clickLabel: f = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = u ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: b, isImage: x } = l(() => J(e), [e]), S = r !== void 0 && !v && !y && !b, { imageRef: C, imageLoadStatus: w } = ke({
+}, je = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: o, cssVars: s, onDownload: c, styles: u, isSelected: d }) => {
+	let { clickLabel: f = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = u ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: b, isImage: x } = l(() => J(e), [e]), S = r !== void 0 && !v && !y && !b, { imageRef: C, imageLoadStatus: w } = Ae({
 		enabled: x,
 		src: _
 	}), T = () => {
 		v && n ? n(h) : S && r && r(h);
 	};
 	return /* @__PURE__ */ G("div", {
-		className: a(Se, "group/attachment-tile", S && "cursor-pointer", Y.tile, d && Y.selected, m),
+		className: a(Ce, "group/attachment-tile", S && "cursor-pointer", Y.tile, d && Y.selected, m),
 		onClick: T,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
@@ -283,12 +288,12 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		children: /* @__PURE__ */ K("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
-				o && /* @__PURE__ */ G(Ee, {
+				o && /* @__PURE__ */ G(De, {
 					onClick: o,
 					id: h,
 					className: Y.imageActionButton
 				}),
-				c && /* @__PURE__ */ G(we, {
+				c && /* @__PURE__ */ G(Te, {
 					onClick: c,
 					id: h,
 					className: Y.imageActionButton
@@ -335,7 +340,7 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		"--ai-tile-hover-icon-color": p?.hoverIconColor,
 		"--ai-tile-progress-track": p?.trackBackground
 	}), { isImage: _, isLink: v } = l(() => J(e), [e]);
-	return _ ? /* @__PURE__ */ G(Ae, {
+	return _ ? /* @__PURE__ */ G(je, {
 		attachment: e,
 		labels: u,
 		onClick: s,
@@ -345,7 +350,7 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		cssVars: g,
 		onDownload: c,
 		isSelected: f
-	}) : /* @__PURE__ */ G(Oe, {
+	}) : /* @__PURE__ */ G(ke, {
 		attachment: e,
 		searchQuery: n,
 		onClick: s,
@@ -361,7 +366,7 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		isExpandable: h,
 		isSelected: f
 	});
-}, je = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: o, styles: s }) => {
+}, Me = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: o, styles: s }) => {
 	let { ariaLabel: c = "Attached files", removeLabel: l, retryLabel: u, clickLabel: d } = o ?? {}, { className: f } = s ?? {};
 	return e.length === 0 ? null : /* @__PURE__ */ G("div", {
 		role: "list",
@@ -386,8 +391,8 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 }, $ = {
 	headerIcon: "_headerIcon_1dmgi_1",
 	headerLabel: "_headerLabel_1dmgi_2"
-}, Me = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ne = ({ attachments: e, onAttachmentClick: n, onDownloadAll: o, onRetry: s, labels: c, styles: l, selectedAttachmentId: u }) => {
-	let { ariaLabel: d = "Attachments", clickLabel: f = "Download attachment", retryLabel: m = "Retry upload", downloadAllLabel: g = "Download all", openInNewTabLabel: _, getHeaderLabel: v = (e) => Me(e, "attachment"), promptLabel: y, pastedLabel: b, imageLabel: x } = c ?? {}, { typography: S, colors: C, className: w } = l ?? {}, T = i({ "--ai-group-text": C?.text });
+}, Ne = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Pe = ({ attachments: e, onAttachmentClick: n, onDownloadAll: o, onRetry: s, labels: c, styles: l, selectedAttachmentId: u }) => {
+	let { ariaLabel: d = "Attachments", clickLabel: f = "Download attachment", retryLabel: m = "Retry upload", downloadAllLabel: g = "Download all", openInNewTabLabel: _, getHeaderLabel: v = (e) => Ne(e, "attachment"), promptLabel: y, pastedLabel: b, imageLabel: x } = c ?? {}, { typography: S, colors: C, className: w } = l ?? {}, T = i({ "--ai-group-text": C?.text });
 	if (e.length === 0) return null;
 	let E = e.some((e) => e.type === t.Image), D = e.some((e) => e.type !== t.Image), O = E && D, k = e.length >= 5, A = O ? V : E ? H : h, j = v(e.length), M = () => {
 		let t = e.filter((e) => e.status === r.Idle);
@@ -447,24 +452,24 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 			}, `${e.id}-${t}`))
 		})]
 	});
-}, Pe = {
+}, Fe = {
 	overlay: "_overlay_mzpdp_1",
 	icon: "_icon_mzpdp_5",
 	deniedIcon: "_deniedIcon_mzpdp_9"
-}, Fe = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
+}, Ie = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
 	let { title: o, subtitle: s } = n ?? {}, { colors: c, typography: l } = r ?? {};
 	if (!e) return null;
 	let u = i({
 		"--ai-fd-bg": c?.background,
 		"--ai-fd-icon": c?.icon,
 		"--ai-fd-denied-icon": c?.deniedIcon
-	}), d = o ?? (t ? "Attach files" : "No attachments allowed"), f = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), p = t ? Pe.icon : Pe.deniedIcon, m = (e) => {
+	}), d = o ?? (t ? "Attach files" : "No attachments allowed"), f = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), p = t ? Fe.icon : Fe.deniedIcon, m = (e) => {
 		e.preventDefault();
 	}, h = t ? g : B;
 	return /* @__PURE__ */ G("div", {
 		role: "status",
 		"aria-live": "polite",
-		className: a("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Pe.overlay, t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
+		className: a("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Fe.overlay, t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
 		onDragOver: t ? void 0 : m,
 		onDrop: t ? void 0 : m,
 		style: u,
@@ -487,7 +492,7 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 			]
 		})
 	});
-}, Ie = (e, n, i = {}) => {
+}, Le = (e, n, i = {}) => {
 	let { screenshotName: a = "Screenshot.png", pastedTextName: s = "Pasted text" } = i;
 	return { handlePaste: o((i) => {
 		if (!i.clipboardData) return;
@@ -529,6 +534,6 @@ var q = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
 		a,
 		s
 	]) };
-}, Le = 100;
+}, Re = 100;
 //#endregion
-export { xe as ATTACHMENT_COLLAPSE_THRESHOLD, Q as AttachmentCard, Ne as AttachmentGroup, je as AttachmentTray, Fe as FileDndOverlay, Z as LazyImageLoadStatus, Le as MAX_UPLOADS_PER_MINUTE, q as generateAttachmentId, J as getAttachmentCardState, _e as getAttachmentIcon, ye as getExtFromContentType, pe as getNameWithoutExtension, ge as isMimeTypeAllowed, he as mimeTypesToExtensionLabels, Ie as useClipboardPaste, ke as useLazyImageLoad };
+export { Se as ATTACHMENT_COLLAPSE_THRESHOLD, Q as AttachmentCard, Pe as AttachmentGroup, Me as AttachmentTray, Ie as FileDndOverlay, Z as LazyImageLoadStatus, Re as MAX_UPLOADS_PER_MINUTE, q as generateAttachmentId, J as getAttachmentCardState, ve as getAttachmentIcon, be as getExtFromContentType, pe as getNameWithoutExtension, _e as isMimeTypeAllowed, ge as mimeTypesToExtensionLabels, Le as useClipboardPaste, Ae as useLazyImageLoad };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-input",
   "description": "File attachment input components with upload validation, drag-and-drop, and progress tracking",
-  "version": "1.1.0-dev.331",
+  "version": "1.1.0-dev.334",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,7 +17,7 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.331",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.334",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0",
     "@epam/ai-dial-ui-kit": "^0.14.0-dev.15"

package/utils/attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/utils/attachment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAMnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAgChD,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAEnC,uDAAuD;AACvD,eAAO,MAAM,oBAAoB,QAAO,MACgB,CAAC;AAEzD,4GAA4G;AAC5G,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,KAAG,MAItD,CAAC;AAUF,uHAAuH;AACvH,eAAO,MAAM,0BAA0B,GACrC,OAAO,MAAM,EAAE,EACf,iBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAwB,KAC5D,MAUF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,MAAM,EAChB,cAAc,MAAM,EAAE,KACrB,OAUF,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,KAAG,IA0FvD,CAAC;AAUF,4GAA4G;AAC5G,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,KAClB,MAAM,GAAG,SAUX,CAAC;AA6BF,qHAAqH;AACrH,eAAO,MAAM,sBAAsB,GACjC,YAAY,iBAAiB,EAC7B,aAAY,oBAAyB,KACpC,mBAiBF,CAAC"}
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/utils/attachment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAMnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAgChD,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAEnC,uDAAuD;AACvD,eAAO,MAAM,oBAAoB,QAAO,MACgB,CAAC;AAEzD,4GAA4G;AAC5G,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,KAAG,MAItD,CAAC;AAcF,uHAAuH;AACvH,eAAO,MAAM,0BAA0B,GACrC,OAAO,MAAM,EAAE,EACf,iBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAwB,KAC5D,MAeF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,MAAM,EAChB,cAAc,MAAM,EAAE,KACrB,OAUF,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,KAAG,IA0FvD,CAAC;AAUF,4GAA4G;AAC5G,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,KAClB,MAAM,GAAG,SAUX,CAAC;AA6BF,qHAAqH;AACrH,eAAO,MAAM,sBAAsB,GACjC,YAAY,iBAAiB,EAC7B,aAAY,oBAAyB,KACpC,mBAiBF,CAAC"}