@epam/ai-dial-conversation-messages 1.3.0-dev.10 → 1.3.0-dev.14

package/components/MessageBubble/AssistantMessageBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAa/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAiOlE,CAAC"}
+{"version":3,"file":"AssistantMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/AssistantMessageBubble.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAa/E,gHAAgH;AAChH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAyOlE,CAAC"}

package/index.js

@@ -44,51 +44,51 @@ var z = {
 	});
 	let { whiteSpace: n } = window.getComputedStyle(e);
 	return U.has(n) && (t.style.whiteSpace = "pre-wrap"), t;
-}, G = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", K = (e, t) => {
+}, re = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", G = (e, t) => {
 	if (!t.intersectsNode(e)) return null;
 	if (e.nodeType === Node.TEXT_NODE) {
 		let n = e.data, r = e === t.startContainer ? t.startOffset : 0, i = e === t.endContainer ? t.endOffset : n.length;
 		return document.createTextNode(n.slice(r, i));
 	}
-	if (!(e instanceof Element) || G(e)) return null;
+	if (!(e instanceof Element) || re(e)) return null;
 	let n = W(e);
 	return e.childNodes.forEach((e) => {
-		let r = K(e, t);
+		let r = G(e, t);
 		r && n.appendChild(r);
 	}), n;
-}, re = (e, t, n) => {
+}, ie = (e, t, n) => {
 	let r = e, i = t;
 	for (; i && i !== n && n.contains(i);) {
 		let e = W(i);
 		e.appendChild(r), r = e, i = i.parentElement;
 	}
 	return r;
-}, ie = (e, t) => {
+}, ae = (e, t) => {
 	let n = e.commonAncestorContainer, r = n instanceof Element ? n : n.parentElement;
 	if (!r) return null;
-	let i = K(r, e);
-	return i ? re(i, r.parentElement, t) : null;
-}, ae = (e) => {
+	let i = G(r, e);
+	return i ? ie(i, r.parentElement, t) : null;
+}, oe = (e) => {
 	let t = window.getSelection();
 	if (!t || t.isCollapsed || t.rangeCount === 0 || !e.clipboardData) return;
 	let n = t.toString();
 	if (!n) return;
 	let r = document.createElement("div");
 	for (let n = 0; n < t.rangeCount; n++) {
-		let i = ie(t.getRangeAt(n), e.currentTarget);
+		let i = ae(t.getRangeAt(n), e.currentTarget);
 		i && r.appendChild(i);
 	}
 	e.clipboardData.setData("text/html", r.innerHTML), e.clipboardData.setData("text/plain", n), e.preventDefault();
-}, q = { activeRating: "_activeRating_ygoee_1" }, J = 2e3, oe = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: l, onCopy: u, onCopyMarkdown: d, onLike: f, onDislike: _, activeRating: v, isAlwaysVisible: y, isDisabled: x = !1, className: S, labels: C, colors: ee }) => {
+}, K = { activeRating: "_activeRating_ygoee_1" }, q = 2e3, se = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: l, onCopy: u, onCopyMarkdown: d, onLike: f, onDislike: _, activeRating: v, isAlwaysVisible: y, isDisabled: x = !1, className: S, labels: C, colors: ee }) => {
 	let { tooltips: w, ariaLabels: E } = C ?? {}, [D, O] = T(null), [R, z] = T(""), B = n != null || o != null || l != null || u != null || d != null || f != null || _ != null, V = s({ "--ma-active-rating-text": ee?.activeRatingText }), H = b(() => {
-		u?.(), O("copy"), z(e === a.User ? E?.copiedMessageStatus ?? "Message copied to clipboard" : E?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => O(null), J);
+		u?.(), O("copy"), z(e === a.User ? E?.copiedMessageStatus ?? "Message copied to clipboard" : E?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => O(null), q);
 	}, [
 		u,
 		e,
 		E?.copiedStatus,
 		E?.copiedMessageStatus
 	]), U = b(() => {
-		d?.(), O("markdown"), z(E?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => O(null), J);
+		d?.(), O("markdown"), z(E?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => O(null), q);
 	}, [d, E?.copiedMarkdownStatus]);
 	return B ? /* @__PURE__ */ L("div", {
 		role: "toolbar",
@@ -177,7 +177,7 @@ var z = {
 			}),
 			f && /* @__PURE__ */ I(g, {
 				icon: v === i.Like ? /* @__PURE__ */ I(te, {
-					className: q.activeRating,
+					className: K.activeRating,
 					size: p.SM,
 					"aria-hidden": !0
 				}) : /* @__PURE__ */ I(P, {
@@ -194,7 +194,7 @@ var z = {
 			}),
 			_ && /* @__PURE__ */ I(g, {
 				icon: v === i.Dislike ? /* @__PURE__ */ I(N, {
-					className: q.activeRating,
+					className: K.activeRating,
 					size: p.SM,
 					"aria-hidden": !0
 				}) : /* @__PURE__ */ I(M, {
@@ -211,55 +211,55 @@ var z = {
 			})
 		] })]
 	}) : null;
-}, Y = {
+}, J = {
 	userBubble: "_userBubble_cq829_1",
 	collapsibleText: "_collapsibleText_cq829_6",
 	expandedText: "_expandedText_cq829_11",
 	collapsedText: "_collapsedText_cq829_15",
 	startersDivider: "_startersDivider_cq829_26",
 	text: "_text_cq829_30"
-}, se = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", X = ({ text: t, contentRef: i, styles: l, actions: d, hasAlwaysVisibleActions: f, isStreaming: p, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: b, onSelectStarter: x, deploymentIconUrl: S, deploymentDisplayName: C, markdownComponents: w, markdownClassNames: T, markdownUrlTransform: E, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: j, labels: M, selectedAttachmentId: N }) => {
-	let { colors: P, typography: te, className: ne, bubbleClassName: F } = l ?? {}, { attachmentClickLabel: R, attachmentDownloadLabel: B, attachmentRetryLabel: H, attachmentOpenInNewTabLabel: U, startersAriaLabel: W = "Quick reply buttons", thinkingLabel: G, codeBlockCopyLabel: K, codeBlockCopiedLabel: re, codeBlockDownloadLabel: ie, tableCopyLabel: q, tableCopiedLabel: J, tableDownloadCsvLabel: X, tableOpenInCanvasLabel: Z, tableDownloadFilename: Q, tableScrollRegionAriaLabel: ce, mathScrollRegionAriaLabel: $, assistantMessageAriaLabel: le = "Assistant message", deploymentIconFallbackLabel: ue = "AI" } = M ?? {}, de = ee(() => ({
-		copyLabel: q,
-		copiedLabel: J,
-		downloadCsvLabel: X,
-		openInCanvasLabel: Z
+}, ce = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", Y = ({ text: t, contentRef: i, styles: l, actions: d, hasAlwaysVisibleActions: f, isStreaming: p, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: b, onSelectStarter: x, deploymentIconUrl: S, deploymentDisplayName: C, markdownComponents: w, markdownClassNames: T, markdownUrlTransform: E, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: j, labels: M, selectedAttachmentId: N }) => {
+	let { colors: P, typography: te, className: ne, bubbleClassName: F } = l ?? {}, { attachmentClickLabel: R, attachmentDownloadLabel: B, attachmentRetryLabel: H, attachmentOpenInNewTabLabel: U, startersAriaLabel: W = "Quick reply buttons", thinkingLabel: re, codeBlockCopyLabel: G, codeBlockCopiedLabel: ie, codeBlockDownloadLabel: ae, tableCopyLabel: K, tableCopiedLabel: q, tableDownloadCsvLabel: Y, tableOpenInCanvasLabel: X, tableDownloadFilename: Z, tableScrollRegionAriaLabel: le, mathScrollRegionAriaLabel: Q, assistantMessageAriaLabel: ue = "Assistant message", deploymentIconFallbackLabel: de = "AI" } = M ?? {}, fe = ee(() => ({
+		copyLabel: K,
+		copiedLabel: q,
+		downloadCsvLabel: Y,
+		openInCanvasLabel: X
 	}), [
+		K,
 		q,
-		J,
-		X,
-		Z
-	]), fe = p ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], { slotRef: pe, firstLineIndent: me } = V(h != null && !!t), he = s({
+		Y,
+		X
+	]), pe = p ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], $ = !!t?.trim(), { slotRef: me, firstLineIndent: he } = V(h != null && $), ge = s({
 		"--cm-bubble-text": P?.text,
 		"--cm-starters-divider": P?.startersDivider,
-		"--cm-bubble-first-line-indent": me
-	}), ge = c(Y.text, te?.fontClassName), _e = !!(S || C);
+		"--cm-bubble-first-line-indent": he
+	}), _e = c(J.text, te?.fontClassName), ve = !!(S || C);
 	return /* @__PURE__ */ L("div", {
 		role: "group",
-		"aria-label": le,
-		style: he,
-		onCopy: ae,
+		"aria-label": ue,
+		style: ge,
+		onCopy: oe,
 		className: c("flex w-full items-start gap-3", ne),
-		children: [_e && /* @__PURE__ */ I(n, {
+		children: [ve && /* @__PURE__ */ I(n, {
 			src: S,
 			size: 28,
-			initialsName: C || ue,
-			labels: { tooltip: C ?? ue }
+			initialsName: C || de,
+			labels: { tooltip: C ?? de }
 		}), /* @__PURE__ */ L("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
 			children: [/* @__PURE__ */ L("div", {
 				className: c("flex w-full min-w-0 max-w-full flex-col items-start gap-4", F),
 				children: [
-					h != null && !t && /* @__PURE__ */ I("div", {
+					h != null && !$ && /* @__PURE__ */ I("div", {
 						className: "min-w-0",
 						children: h
 					}),
-					(t || p && v) && /* @__PURE__ */ L("div", {
+					($ || p && v) && /* @__PURE__ */ L("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: c(ge, "relative min-w-0 max-w-full text-start", h != null && t && se, z.assistantContent),
-						children: [h != null && t && /* @__PURE__ */ I("div", {
-							ref: pe,
+						className: c(_e, "relative min-w-0 max-w-full text-start", h != null && $ && ce, z.assistantContent),
+						children: [h != null && $ && /* @__PURE__ */ I("div", {
+							ref: me,
 							className: "absolute start-0 top-0",
 							children: h
 						}), /* @__PURE__ */ I("div", {
@@ -269,24 +269,24 @@ var z = {
 								content: t ?? "",
 								isPlainText: g === o.PlainText,
 								isStreaming: p,
-								thinkingLabel: G,
+								thinkingLabel: re,
 								components: w,
 								classNames: T,
 								urlTransform: E,
-								codeBlockCopyLabel: K,
-								codeBlockCopiedLabel: re,
-								codeBlockDownloadLabel: ie,
+								codeBlockCopyLabel: G,
+								codeBlockCopiedLabel: ie,
+								codeBlockDownloadLabel: ae,
 								codeBlockTheme: A,
-								tableActionLabels: de,
-								tableDownloadFilename: Q,
+								tableActionLabels: fe,
+								tableDownloadFilename: Z,
 								tableOnOpenInCanvas: j,
-								tableScrollRegionAriaLabel: ce,
-								mathScrollRegionAriaLabel: $
+								tableScrollRegionAriaLabel: le,
+								mathScrollRegionAriaLabel: Q
 							})
 						})]
 					}),
 					/* @__PURE__ */ I(u, {
-						attachments: fe,
+						attachments: pe,
 						onAttachmentClick: D ? (e) => {
 							let t = m?.find((t) => t.id === e);
 							t && D(t);
@@ -302,7 +302,7 @@ var z = {
 						selectedAttachmentId: N
 					}),
 					_,
-					/* @__PURE__ */ I(oe, {
+					/* @__PURE__ */ I(se, {
 						...d,
 						isAlwaysVisible: f,
 						role: a.Assistant
@@ -311,7 +311,7 @@ var z = {
 			}), b && b.length > 0 && x && /* @__PURE__ */ I("div", {
 				role: "list",
 				"aria-label": W,
-				className: c("flex w-full flex-wrap gap-2 border-t pt-5", Y.startersDivider),
+				className: c("flex w-full flex-wrap gap-2 border-t pt-5", J.startersDivider),
 				children: b.map((e, t) => /* @__PURE__ */ I("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
@@ -324,7 +324,7 @@ var z = {
 			})]
 		})]
 	});
-}, Z = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ I("div", {
+}, X = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ I("div", {
 	role: "status",
 	"aria-live": "polite",
 	children: /* @__PURE__ */ I(_, {
@@ -332,25 +332,25 @@ var z = {
 		message: t,
 		textClassName: "flex-row flex-wrap gap-1"
 	})
-}), Q = /* @__PURE__ */ function(e) {
+}), Z = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), ce = 10, $ = ({ text: e, contentRef: t, position: n = Q.Bottom, styles: r, actions: i, hasAlwaysVisibleActions: o, attachments: d, collapsedLineCount: f = ce, labels: m, textSegments: g, onAttachmentClick: _, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
-	let { colors: C, typography: ee, className: w, bubbleClassName: T } = r ?? {}, { showMoreLabel: E = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentDownloadLabel: N, attachmentRetryLabel: P, attachmentOpenInNewTabLabel: te, userMessageAriaLabel: ne = "User message" } = m ?? {}, { textRef: R, isTextCollapsed: B, isOverflowing: V, collapsedMaxHeight: H, expandedMaxHeight: U, isCollapsed: W, toggleCollapsed: G } = l({
+}({}), le = 10, Q = ({ text: e, contentRef: t, position: n = Z.Bottom, styles: r, actions: i, hasAlwaysVisibleActions: o, attachments: d, collapsedLineCount: f = le, labels: m, textSegments: g, onAttachmentClick: _, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
+	let { colors: C, typography: ee, className: w, bubbleClassName: T } = r ?? {}, { showMoreLabel: E = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentDownloadLabel: N, attachmentRetryLabel: P, attachmentOpenInNewTabLabel: te, userMessageAriaLabel: ne = "User message" } = m ?? {}, { textRef: R, isTextCollapsed: B, isOverflowing: V, collapsedMaxHeight: H, expandedMaxHeight: U, isCollapsed: W, toggleCollapsed: re } = l({
 		text: e ?? "",
 		collapsedLineCount: f
-	}), K = s({
+	}), G = s({
 		"--cm-bubble-user-bg": C?.userBackground,
 		"--cm-bubble-user-border": C?.userBorder,
 		"--cm-bubble-fade-start": C?.fadeStart,
 		"--cm-bubble-text": C?.text,
 		"--cm-bubble-collapsed-height": V ? `${H}px` : void 0,
 		"--cm-bubble-expanded-height": V ? `${U}px` : void 0
-	}), re = n === Q.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", ie = c(Y.text, ee?.fontClassName), q = A ?? E, J = j ?? k, se = W ? E : k, X = W ? q : J, Z = W ? D : O, $ = S();
+	}), ie = n === Z.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", ae = c(J.text, ee?.fontClassName), K = A ?? E, q = j ?? k, ce = W ? E : k, Y = W ? K : q, X = W ? D : O, Q = S();
 	return /* @__PURE__ */ I("div", {
 		role: "group",
 		"aria-label": ne,
-		style: K,
-		onCopy: ae,
+		style: G,
+		onCopy: oe,
 		className: c("flex w-full", w),
 		children: /* @__PURE__ */ L("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
@@ -373,34 +373,34 @@ var z = {
 					selectedAttachmentId: x
 				}),
 				e && /* @__PURE__ */ I("div", {
-					className: c(Y.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", re, T, z.userBubble),
+					className: c(J.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", ie, T, z.userBubble),
 					children: /* @__PURE__ */ L("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ I("div", {
-							id: $,
+							id: Q,
 							ref: t,
-							className: c("relative -me-1 -ms-1 w-[calc(100%+8px)] overflow-hidden pe-1 ps-1", V && Y.collapsibleText, V && !W && Y.expandedText, B && Y.collapsedText),
+							className: c("relative -me-1 -ms-1 w-[calc(100%+8px)] overflow-hidden pe-1 ps-1", V && J.collapsibleText, V && !W && J.expandedText, B && J.collapsedText),
 							children: /* @__PURE__ */ I("p", {
 								ref: R,
-								className: c(ie, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+								className: c(ae, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 								children: g ?? e
 							})
 						}), V && /* @__PURE__ */ I(v, {
-							label: /* @__PURE__ */ I(F, { children: se }),
-							iconBefore: /* @__PURE__ */ I(Z, {
+							label: /* @__PURE__ */ I(F, { children: ce }),
+							iconBefore: /* @__PURE__ */ I(X, {
 								size: p.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": X,
+							"aria-label": Y,
 							"aria-expanded": !W,
-							"aria-controls": $,
+							"aria-controls": Q,
 							className: "mt-3",
-							onClick: G,
+							onClick: re,
 							size: h.Small
 						})]
 					})
 				}),
-				/* @__PURE__ */ I(oe, {
+				/* @__PURE__ */ I(se, {
 					...i,
 					isAlwaysVisible: o,
 					role: a.User
@@ -408,21 +408,21 @@ var z = {
 			]
 		})
 	});
-}, le = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ I(Z, { labels: {
+}, ue = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ I(X, { labels: {
 	titleText: c.labels?.statusTitleText,
 	bodyText: c.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ I($, {
+} }) : e === a.User ? /* @__PURE__ */ I(Q, {
 	...c,
 	textSegments: n,
 	onAttachmentClick: r
-}) : /* @__PURE__ */ I(X, {
+}) : /* @__PURE__ */ I(Y, {
 	...c,
 	beforeContent: t,
 	responseFormat: i,
 	markdownComponents: o,
 	markdownUrlTransform: s,
 	onAttachmentClick: r
-}), ue = { button: "_button_tqo4d_3" }, de = ({ rect: e, actionRef: t, onReply: n, addedRevision: r, labels: i, styles: a, portalContainer: o }) => {
+}), de = { button: "_button_tqo4d_3" }, fe = ({ rect: e, actionRef: t, onReply: n, addedRevision: r, labels: i, styles: a, portalContainer: o }) => {
 	let { colors: l, typography: u, className: p, buttonClassName: g } = a ?? {}, _ = u?.fontClassName ?? "dial-small-text", v = o === void 0 ? typeof document > "u" ? null : document.body : o, y = s({
 		"--cm-reply-background": l?.background,
 		"--cm-reply-hover-background": l?.hoverBackground,
@@ -459,7 +459,7 @@ var z = {
 			label: i.reply,
 			onClick: n,
 			textClassName: _,
-			className: c(ue.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", g),
+			className: c(de.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", g),
 			iconAfter: /* @__PURE__ */ I(E, {
 				size: 16,
 				stroke: m,
@@ -475,4 +475,4 @@ var z = {
 	})] }), v) : null;
 };
 //#endregion
-export { X as AssistantMessageBubble, Q as BubblePosition, z as CONVERSATION_MESSAGES_CLASS, oe as MessageActions, le as MessageBubble, de as MessageSelectionReply, Z as StatusMessageBubble, $ as UserMessageBubble };
+export { Y as AssistantMessageBubble, Z as BubblePosition, z as CONVERSATION_MESSAGES_CLASS, se as MessageActions, ue as MessageBubble, fe as MessageSelectionReply, X as StatusMessageBubble, Q as UserMessageBubble };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-messages",
   "description": "Message bubble components for rendering conversation history with actions and source citations",
-  "version": "1.3.0-dev.10",
+  "version": "1.3.0-dev.14",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,13 +19,13 @@
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
     "react-markdown": "^10.1.0",
-    "@epam/ai-dial-attachment-input": "1.3.0-dev.10"
+    "@epam/ai-dial-attachment-input": "1.3.0-dev.14"
   },
   "peerDependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.10",
-    "@epam/ai-dial-ui-kit": "^0.15.0"
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.14",
+    "@epam/ai-dial-ui-kit": "^0.15.1"
   },
   "repository": {
     "type": "git",