@epam/ai-dial-attachment-canvas 1.1.0-dev.127 → 1.1.0-dev.129

package/index.js

@@ -1,6 +1,6 @@
 import { CodeBlockTheme as e, DEFAULT_MARKDOWN_CLASS_NAMES as t, MIMEType as n, MarkdownRenderer as r, buildCssVars as i, copyToClipboard as a, mergeClasses as o, restrainedSyntaxTheme as s, triggerAnchorDownload as c, triggerBlobDownload as l, useIsMobile as u } from "@epam/ai-dial-chat-shared";
 import { SidebarOrientation as d, SidebarPanel as f } from "@epam/ai-dial-sidebar";
-import { DIAL_ICON_SIZE as p, DialButton as m, DialCheckbox as h, DialEllipsisTooltip as g, DialLinkButton as _, DialLoader as v, DialSelect as y, ElementSize as b, GhostIconButton as x, SelectSize as S, Spinner as C, mergeClasses as w } from "@epam/ai-dial-ui-kit";
+import { DIAL_ICON_SIZE as p, DialButton as m, DialCheckbox as h, DialEllipsisTooltip as g, DialLoader as _, DialSelect as v, ElementSize as y, GhostIconButton as b, LinkButton as x, SelectSize as S, Spinner as C, mergeClasses as w } from "@epam/ai-dial-ui-kit";
 import { IconAlertTriangle as T, IconCheck as E, IconChevronDown as D, IconChevronUp as O, IconCode as k, IconCopy as A, IconDownload as j, IconEye as M, IconLock as ee, IconMarkdown as te, IconMinus as ne, IconPlus as re } from "@tabler/icons-react";
 import ie, { createContext as ae, memo as oe, useCallback as N, useContext as se, useEffect as P, useMemo as ce, useRef as le, useState as F } from "react";
 import { JsonView as ue, defaultStyles as de } from "react-json-view-lite";
@@ -17526,13 +17526,13 @@ var oc = {
 		children: [/* @__PURE__ */ I("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ I(_, {
+		}), e.url != null && /* @__PURE__ */ I(x, {
 			label: c,
 			onClick: () => window.open(e.url, "_blank", "noopener,noreferrer"),
 			className: o("underline hover:no-underline", cc.openInNewTabButton, a)
 		})]
 	});
-	let g = e.srcdoc != null, v = g ? void 0 : e.url, y = g ? e.srcdoc : void 0;
+	let g = e.srcdoc != null, _ = g ? void 0 : e.url, v = g ? e.srcdoc : void 0;
 	return /* @__PURE__ */ L("div", {
 		className: "relative h-full",
 		children: [l && /* @__PURE__ */ I("div", {
@@ -17541,8 +17541,8 @@ var oc = {
 		}), /* @__PURE__ */ I("iframe", {
 			ref: p,
 			title: r,
-			src: v,
-			srcDoc: y,
+			src: _,
+			srcDoc: v,
 			sandbox: g ? "allow-scripts" : "allow-scripts allow-same-origin",
 			className: o("h-full w-full border-none", l ? "invisible" : ""),
 			onLoad: m,
@@ -34345,7 +34345,7 @@ var Om = hm.map((e) => ({
 		handleZoomChange: D,
 		handleViewerReady: k
 	};
-}, Am = ({ fileUrl: e, fileName: t, errorLabel: n, occurrencesLabel: r, unsupportedLabel: i, highlights: a, loadFileCb: o, showOccurrences: s = !0, selectedPageNumber: c, containerClassName: l, pdfViewerClassName: u, onTotalPagesChange: d, title: f, thumbnailPageNumbers: p, onThumbnailsLoaded: h, onViewerReady: _, showLoaderOverlay: v = !1, selectedPages: x, selectedHighlightId: C, viewerOptions: E }) => {
+}, Am = ({ fileUrl: e, fileName: t, errorLabel: n, occurrencesLabel: r, unsupportedLabel: i, highlights: a, loadFileCb: o, showOccurrences: s = !0, selectedPageNumber: c, containerClassName: l, pdfViewerClassName: u, onTotalPagesChange: d, title: f, thumbnailPageNumbers: p, onThumbnailsLoaded: h, onViewerReady: _, showLoaderOverlay: b = !1, selectedPages: x, selectedHighlightId: C, viewerOptions: E }) => {
 	let { file: k, isError: A, isSupportedFile: j, activeHighlightIndex: M, zoom: ee, setZoom: te, zoomSelectOptions: ie, showLoader: ae, changeIndex: oe, handleZoomChange: N, handleViewerReady: se } = km({
 		fileUrl: e,
 		fileName: t,
@@ -34356,7 +34356,7 @@ var Om = hm.map((e) => ({
 		thumbnailPageNumbers: p,
 		onThumbnailsLoaded: h,
 		onViewerReady: _,
-		showLoaderOverlay: v,
+		showLoaderOverlay: b,
 		selectedPages: x
 	});
 	return /* @__PURE__ */ L("div", {
@@ -34385,13 +34385,13 @@ var Om = hm.map((e) => ({
 						]
 					}), a.length > 0 && /* @__PURE__ */ L(fe, { children: [/* @__PURE__ */ I(m, {
 						className: "p-0 text-primary !h-6.5",
-						size: b.Small,
+						size: y.Small,
 						iconAfter: /* @__PURE__ */ I(D, { size: 16 }),
 						"aria-label": "Next occurrence",
 						onClick: () => oe(1)
 					}), /* @__PURE__ */ I(m, {
 						className: "p-0 text-primary !h-6.5",
-						size: b.Small,
+						size: y.Small,
 						iconAfter: /* @__PURE__ */ I(O, { size: 16 }),
 						"aria-label": "Previous occurrence",
 						onClick: () => oe(-1)
@@ -34406,7 +34406,7 @@ var Om = hm.map((e) => ({
 						children: [
 							/* @__PURE__ */ I("div", {
 								className: "h-6",
-								children: /* @__PURE__ */ I(y, {
+								children: /* @__PURE__ */ I(v, {
 									size: S.Sm,
 									className: "bg-layer-4 !py-0 h-6 min-h-6 dial-small-text max-h-full border-transparent hover:border-hover rounded",
 									options: ie,
@@ -34418,14 +34418,14 @@ var Om = hm.map((e) => ({
 								className: "py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",
 								iconAfter: /* @__PURE__ */ I(ne, { size: 16 }),
 								"aria-label": "Zoom out",
-								size: b.Small,
+								size: y.Small,
 								onClick: () => N(-1)
 							}),
 							/* @__PURE__ */ I(m, {
 								className: "py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",
 								iconAfter: /* @__PURE__ */ I(re, { size: 16 }),
 								"aria-label": "Zoom in",
-								size: b.Small,
+								size: y.Small,
 								onClick: () => N(1)
 							})
 						]
@@ -34494,7 +34494,7 @@ var Om = hm.map((e) => ({
 			}),
 			r && /* @__PURE__ */ I("div", {
 				className: "absolute inset-0 flex items-center justify-center bg-blackout rounded-sm",
-				children: /* @__PURE__ */ I(v, {
+				children: /* @__PURE__ */ I(_, {
 					size: 24,
 					fullWidth: !1,
 					ariaLabel: `Loading page ${e}`
@@ -34702,7 +34702,7 @@ var Om = hm.map((e) => ({
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Vm = oe(({ isOpen: e, isLoading: n = !1, onClose: a, content: s, fileName: c, labels: { ariaLabel: l, closeLabel: u = "Close", downloadLabel: m = "Download", copyTextLabel: h = "Copy text", copiedTextLabel: g = "Copied!", copyMarkdownLabel: _ = "Copy as Markdown", copiedMarkdownLabel: v = "Copied!", copyJsonLabel: y = "Copy as JSON", copiedJsonLabel: b = "Copied!", visualizerErrorLabel: S, unsupportedLabel: w = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: ne = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: re = "Open in new tab", htmlViewSourceLabel: ie = "View source", htmlViewRenderedLabel: ae = "View rendered" }, onDownload: oe, onCopyText: se, onCopyMarkdown: pe, onCopyJson: me, isMobile: he = !1, defaultWidth: ge, minWidth: ye = 600, maxWidth: be = 1500, onResizeStop: xe, styles: Se, codeBlockTheme: Ce, loadPdf: we }) => {
+}, Vm = oe(({ isOpen: e, isLoading: n = !1, onClose: a, content: s, fileName: c, labels: { ariaLabel: l, closeLabel: u = "Close", downloadLabel: m = "Download", copyTextLabel: h = "Copy text", copiedTextLabel: g = "Copied!", copyMarkdownLabel: _ = "Copy as Markdown", copiedMarkdownLabel: v = "Copied!", copyJsonLabel: y = "Copy as JSON", copiedJsonLabel: x = "Copied!", visualizerErrorLabel: S, unsupportedLabel: w = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: ne = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: re = "Open in new tab", htmlViewSourceLabel: ie = "View source", htmlViewRenderedLabel: ae = "View rendered" }, onDownload: oe, onCopyText: se, onCopyMarkdown: pe, onCopyJson: me, isMobile: he = !1, defaultWidth: ge, minWidth: ye = 600, maxWidth: be = 1500, onResizeStop: xe, styles: Se, codeBlockTheme: Ce, loadPdf: we }) => {
 	let [Te, Ee] = F(!1), [De, Oe] = F(!1), [ke, Ae] = F(!1), [je, Me] = F(!1), Ne = le(null), Pe = le(null), Fe = le(null), Ie = N(() => {
 		se?.(), Ne.current != null && clearTimeout(Ne.current), Ee(!0), Ne.current = setTimeout(() => Ee(!1), zm);
 	}, [se]), Le = N(() => {
@@ -34890,7 +34890,7 @@ var Om = hm.map((e) => ({
 			className: o(e ? "mobile:w-full mobile:max-w-full" : "w-0", Ue, Ge?.className)
 		},
 		rightActions: Je || Ye || Xe || Ze || Qe ? /* @__PURE__ */ L(fe, { children: [
-			Je && /* @__PURE__ */ I(x, {
+			Je && /* @__PURE__ */ I(b, {
 				icon: I(je ? M : k, {
 					size: p.LG,
 					stroke: 1.5,
@@ -34901,7 +34901,7 @@ var Om = hm.map((e) => ({
 				tooltipProps: { tooltip: je ? ae : ie },
 				onClick: ze
 			}),
-			Ye && /* @__PURE__ */ I(x, {
+			Ye && /* @__PURE__ */ I(b, {
 				icon: I(Te ? E : A, {
 					size: p.LG,
 					stroke: 1.5,
@@ -34911,7 +34911,7 @@ var Om = hm.map((e) => ({
 				tooltipProps: { tooltip: Te ? g : h },
 				onClick: Ie
 			}),
-			Xe && /* @__PURE__ */ I(x, {
+			Xe && /* @__PURE__ */ I(b, {
 				icon: I(De ? E : te, {
 					size: p.LG,
 					stroke: 1.5,
@@ -34921,17 +34921,17 @@ var Om = hm.map((e) => ({
 				tooltipProps: { tooltip: De ? v : _ },
 				onClick: Le
 			}),
-			Ze && /* @__PURE__ */ I(x, {
+			Ze && /* @__PURE__ */ I(b, {
 				icon: I(ke ? E : A, {
 					size: p.LG,
 					stroke: 1.5,
 					"aria-hidden": !0
 				}),
-				"aria-label": ke ? b : y,
-				tooltipProps: { tooltip: ke ? b : y },
+				"aria-label": ke ? x : y,
+				tooltipProps: { tooltip: ke ? x : y },
 				onClick: Re
 			}),
-			Qe && /* @__PURE__ */ I(x, {
+			Qe && /* @__PURE__ */ I(b, {
 				icon: /* @__PURE__ */ I(j, {
 					size: p.LG,
 					stroke: 1.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-canvas",
   "description": "Canvas viewer for rendering attachment content — images, PDFs, JSON, markdown, and plain text",
-  "version": "1.1.0-dev.127",
+  "version": "1.1.0-dev.129",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,9 +17,9 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.127",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.129",
     "@epam/ai-dial-shared": "0.48.0",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.127",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.129",
     "@epam/ai-dial-visualizer-connector": "0.48.0",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
     "@epam/pdf-highlighter-kit": ">=0.0.14",