@epam/ai-dial-attachment-canvas 1.3.0-dev.310 → 1.3.0-dev.317

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-canvas",
   "description": "Canvas viewer for rendering attachment content — images, PDFs, Office documents, CSV, JSON, markdown, and plain text",
-  "version": "1.3.0-dev.310",
+  "version": "1.3.0-dev.317",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -22,18 +22,18 @@
     "react-json-view-lite": "^2.5.0",
     "react-syntax-highlighter": "^16.1.2",
     "@epam/ai-dial-react-pdf-highlighter": "0.3.0-dev.6",
-    "@epam/ai-dial-visualizer-connector": "1.3.0-dev.310",
+    "@epam/ai-dial-visualizer-connector": "1.3.0-dev.317",
     "@epam/pdf-highlighter-kit": "^0.0.19",
     "@mcp-ui/client": "^7.1.1",
     "@modelcontextprotocol/sdk": "^1.32.2",
     "@modelcontextprotocol/ext-apps": "1.7.5",
     "zod": "^4.6.6",
-    "pdfjs-dist": "^5.6.205",
-    "@epam/ai-dial-sidebar": "1.3.0-dev.310"
+    "pdfjs-dist": "^6.5.438",
+    "@epam/ai-dial-sidebar": "1.3.0-dev.317"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.310",
-    "@epam/ai-dial-ui-kit": "^0.16.0-dev.71",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.317",
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.72",
     "react": "^19.2.8"
   },
   "repository": {

package/PdfContent-CyCIPzRp.js

@@ -1,268 +0,0 @@
-import "./PdfContent.css";
-import { a as e, n as t, r as n } from "./LazyContentBoundary-rT6s5wBc.js";
-import { mergeClasses as r } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, Dropdown as o, ElementSize as s, FabButton as c, Input as ee } from "@epam/ai-dial-ui-kit";
-import { IconMenu2 as te, IconX as ne } from "@tabler/icons-react";
-import { useCallback as l, useEffect as u, useId as re, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { DocumentPreview as ie, PageThumbnail as ae } from "@epam/ai-dial-react-pdf-highlighter";
-var oe = { viewer: "_viewer_1gfxm_1" }, h = null, se = (e) => (h ||= new Promise((t, n) => {
-	try {
-		t(e());
-	} catch (e) {
-		n(e);
-	}
-}).catch((e) => {
-	throw h = null, e;
-}), h), g = 15, _ = 3, ce = 172, le = 400, v = 150, ue = 60, y = ({ url: h, highlights: y, selectedHighlightId: b, selectedPageNumber: x, loadPdf: S, configurePdfWorker: C, hideHeader: de = !1, onLoadError: w, errorLabelClassName: fe, labels: { thumbnailsLabel: pe = "Thumbnails", showThumbnailsLabel: me = "Show thumbnails", hideThumbnailsLabel: he = "Hide thumbnails", pageNumberLabel: ge = "Page number", loadingLabel: _e = "Loading…", errorLabel: ve = "Failed to load content", retryLabel: T = "Retry" } = {} }) => {
-	let [E, D] = f(() => C ? "preparing" : "ready"), [ye, be] = f(0), xe = l(async (t) => {
-		try {
-			return await (S ?? e)(t);
-		} catch (e) {
-			throw w?.(t), e;
-		}
-	}, [S, w]);
-	u(() => {
-		if (!C) return;
-		D("preparing");
-		let e = !1;
-		return se(C).then(() => {
-			e || D("ready");
-		}).catch(() => {
-			e || D("error");
-		}), () => {
-			e = !0;
-		};
-	}, [C, ye]);
-	let Se = l(() => {
-		be((e) => e + 1);
-	}, []), O = re(), [k, A] = f(0), [j, Ce] = f(/* @__PURE__ */ new Map()), [M, we] = f(!1), [N, P] = f(() => x ?? (b ? y.find((e) => e.id === b)?.bboxes[0]?.page ?? 1 : 1)), F = d(null), I = d(null), [Te, L] = f([]), [R, Ee] = f(ce), [z, De] = f(le), [Oe, B] = f(0), V = d(!1), H = d(0), U = d(null);
-	u(() => {
-		if (x != null) {
-			P(x);
-			return;
-		}
-		if (!b) return;
-		let e = y.find((e) => e.id === b)?.bboxes[0]?.page;
-		e != null && P(e);
-	}, [
-		x,
-		b,
-		y
-	]), u(() => {
-		let e = I.current;
-		if (!M || !e) return;
-		let t = new ResizeObserver((e) => {
-			let t = e[0]?.contentRect.height;
-			t && De(t);
-		});
-		return t.observe(e), () => t.disconnect();
-	}, [M]);
-	let ke = l((e) => {
-		if (!e || V.current) return;
-		let t = e.getBoundingClientRect().height;
-		t > 0 && (V.current = !0, Ee(t));
-	}, []), Ae = l((e) => {
-		H.current = e.currentTarget.scrollTop, U.current ??= requestAnimationFrame(() => {
-			U.current = null, B(H.current);
-		});
-	}, []);
-	u(() => () => {
-		U.current != null && cancelAnimationFrame(U.current);
-	}, []);
-	let W = l((e) => {
-		if (k === 0) return;
-		let t = Math.max(0, (N - 1) * R - e.clientHeight / 2 + R / 2);
-		H.current = t, B(t), e.scrollTop = t;
-	}, [
-		N,
-		k,
-		R
-	]), je = l((e) => {
-		I.current = e, e && W(e);
-	}, [W]);
-	u(() => {
-		let e = I.current;
-		e && W(e);
-	}, [W]);
-	let G = Math.max(0, Math.floor(Oe / R) - _), Me = Math.ceil(z / R) + 6, K = Math.min(k - 1, G + Me);
-	u(() => {
-		if (k === 0) return;
-		let e = Math.min(k, g);
-		L(Array.from({ length: e }, (e, t) => t + 1));
-	}, [k]), u(() => {
-		if (!M || k === 0) return;
-		let e = setTimeout(() => {
-			L((e) => {
-				let t = new Set(e), n = !1;
-				for (let e = G + 1; e <= K + 1; e++) t.has(e) || (t.add(e), n = !0);
-				return n ? Array.from(t).sort((e, t) => e - t) : e;
-			});
-		}, v);
-		return () => clearTimeout(e);
-	}, [
-		M,
-		G,
-		K,
-		k
-	]), u(() => {
-		if (k === 0) return;
-		let e = setTimeout(() => {
-			let e = Math.ceil(z / R / 2) + _, t = Math.max(0, N - 1 - e), n = Math.min(k - 1, N - 1 + e);
-			L((e) => {
-				let r = new Set(e), i = !1;
-				for (let e = t + 1; e <= n + 1; e++) r.has(e) || (r.add(e), i = !0);
-				return i ? Array.from(r).sort((e, t) => e - t) : e;
-			});
-		}, v);
-		return () => clearTimeout(e);
-	}, [
-		N,
-		k,
-		z,
-		R
-	]);
-	let Ne = l((e) => {
-		Ce((t) => new Map([...t, ...e]));
-	}, []), [q, Pe] = f(!1), Fe = l((e) => {
-		F.current = e, Pe(!0);
-	}, []), J = d(null);
-	u(() => {
-		if (!q) return;
-		let e = J.current, t = e?.querySelector(".pdf-container"), n = e?.querySelector(".pdf-highlight-viewer");
-		if (!t || !n) return;
-		let r = () => {
-			let e = n.scrollWidth - n.clientWidth;
-			e > 0 && (n.scrollLeft = e / 2);
-		};
-		r();
-		let i = new ResizeObserver(r);
-		i.observe(t), i.observe(n);
-		let a = F.current?.getZoom(), o = 0, s, c = () => {
-			let e = F.current?.getZoom();
-			e !== a && (a = e, o = ue), o > 0 && (r(), --o), s = requestAnimationFrame(c);
-		};
-		return s = requestAnimationFrame(c), () => {
-			cancelAnimationFrame(s), i.disconnect();
-		};
-	}, [q]), u(() => {
-		if (!q || b || x != null) return;
-		let e = requestAnimationFrame(() => {
-			F.current?.navigateToPage(1);
-		});
-		return () => cancelAnimationFrame(e);
-	}, [
-		q,
-		b,
-		x
-	]);
-	let Y = l((e) => {
-		P(e), F.current?.navigateToPage(e);
-	}, []), Ie = l((e) => {
-		P(e);
-	}, []), [X, Z] = f(() => String(N));
-	u(() => {
-		Z(String(N));
-	}, [N]);
-	let Q = l((e) => {
-		let t = Number(e);
-		Number.isInteger(t) && t >= 1 && t <= k ? Y(t) : Z(String(N));
-	}, [
-		k,
-		N,
-		Y
-	]);
-	if (!h) return null;
-	if (E === "preparing") return /* @__PURE__ */ p(n, { loadingLabel: _e });
-	if (E === "error") return /* @__PURE__ */ p(t, {
-		errorLabel: ve,
-		retryLabel: T,
-		onRetry: Se,
-		errorLabelClassName: fe
-	});
-	let $ = [];
-	for (let e = G + 1; e <= K + 1 && e <= k; e++) $.push(/* @__PURE__ */ p("div", {
-		ref: e === G + 1 ? ke : void 0,
-		children: /* @__PURE__ */ p(ae, {
-			pageNum: e,
-			onSelectPage: Y,
-			isSelected: N === e,
-			isLoading: !j.has(e),
-			thumbnailUrl: j.get(e) ?? null
-		})
-	}, e));
-	let Le = G * R, Re = Math.max(0, k - K - 1) * R;
-	return /* @__PURE__ */ m("div", {
-		className: "relative flex h-full overflow-hidden",
-		children: [k > 0 && /* @__PURE__ */ p("div", {
-			className: "absolute inset-s-3 top-3 z-10",
-			children: /* @__PURE__ */ p(o, {
-				open: M,
-				onOpenChange: we,
-				allowedPlacements: ["bottom-start"],
-				matchReferenceWidth: !1,
-				initialFocus: -1,
-				renderOverlay: () => /* @__PURE__ */ m("div", {
-					className: "flex w-36 flex-col",
-					children: [/* @__PURE__ */ p("div", {
-						className: "w-[88px] shrink-0 p-1",
-						children: /* @__PURE__ */ p(ee, {
-							size: s.Small,
-							"aria-label": ge,
-							value: X,
-							postfix: `/ ${k}`,
-							inputMode: "numeric",
-							onChange: (e) => Z(e ?? ""),
-							onBlur: () => Q(X),
-							onKeyDown: (e) => {
-								e.key === "Enter" && Q(X);
-							}
-						})
-					}), /* @__PURE__ */ m("div", {
-						ref: je,
-						id: O,
-						role: "region",
-						"aria-label": pe,
-						onScroll: Ae,
-						className: "max-h-[min(70vh,calc(var(--fui-available-height,70vh)-2.5rem))] min-h-0 scrollbar-gutter-both overflow-x-hidden overflow-y-auto p-1",
-						children: [
-							/* @__PURE__ */ p("div", { style: { height: Le } }),
-							$,
-							/* @__PURE__ */ p("div", { style: { height: Re } })
-						]
-					})]
-				}),
-				children: /* @__PURE__ */ p(c, {
-					icon: p(M ? ne : te, {
-						size: i.LG,
-						stroke: a,
-						"aria-hidden": !0
-					}),
-					"aria-label": M ? he : me,
-					"aria-expanded": M,
-					"aria-controls": M ? O : void 0
-				})
-			})
-		}), /* @__PURE__ */ p("div", {
-			ref: J,
-			className: r("min-w-0 flex-1 overflow-hidden", oe.viewer),
-			children: /* @__PURE__ */ p(ie, {
-				fileUrl: h,
-				loadFileCb: xe,
-				highlights: y,
-				selectedHighlightId: b,
-				selectedPageNumber: x,
-				showOccurrences: !1,
-				onTotalPagesChange: A,
-				thumbnailPageNumbers: Te,
-				onThumbnailsLoaded: Ne,
-				onViewerReady: Fe,
-				onCurrentPageChange: Ie,
-				viewerOptions: { enableVirtualScrolling: !0 },
-				containerClassName: de ? "[&>div:first-child]:hidden" : void 0
-			})
-		})]
-	});
-};
-//#endregion
-export { y as PdfContent };