@epam/ai-dial-attachment-canvas 1.2.0-dev.319 → 1.2.0-dev.323

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.2.0-dev.319",
+  "version": "1.2.0-dev.323",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -29,11 +29,11 @@
     "@modelcontextprotocol/sdk": "^1.32.1",
     "@modelcontextprotocol/ext-apps": "1.7.5",
     "pdfjs-dist": "^5.4.149",
-    "@epam/ai-dial-sidebar": "1.2.0-dev.319"
+    "@epam/ai-dial-sidebar": "1.2.0-dev.323"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.319",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.39",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.323",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.51",
     "react": "^19.2.8"
   },
   "repository": {

package/PdfContent-BoAtghsO.js

@@ -1,260 +0,0 @@
-import "./PdfContent.css";
-import { a as e, n as t, r as n } from "./LazyContentBoundary-tNE1ExbI.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, g = (e) => (h ||= new Promise((t, n) => {
-	try {
-		t(e());
-	} catch (e) {
-		n(e);
-	}
-}).catch((e) => {
-	throw h = null, e;
-}), h), se = 15, _ = 3, ce = 172, le = 400, v = 150, ue = 60, y = ({ url: h, highlights: y, selectedHighlightId: b, selectedPageNumber: x, loadPdf: de, configurePdfWorker: S, hideHeader: fe = !1, 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: ye = "Retry" } = {} }) => {
-	let [C, w] = f(() => S ? "preparing" : "ready"), [T, be] = f(0);
-	u(() => {
-		if (!S) return;
-		w("preparing");
-		let e = !1;
-		return g(S).then(() => {
-			e || w("ready");
-		}).catch(() => {
-			e || w("error");
-		}), () => {
-			e = !0;
-		};
-	}, [S, T]);
-	let xe = l(() => {
-		be((e) => e + 1);
-	}, []), E = re(), [D, Se] = f(0), [O, k] = f(/* @__PURE__ */ new Map()), [A, j] = f(!1), [M, N] = f(() => x ?? (b ? y.find((e) => e.id === b)?.bboxes[0]?.page ?? 1 : 1)), P = d(null), F = d(null), [Ce, I] = f([]), [L, we] = f(ce), [R, Te] = f(le), [z, B] = f(0), V = d(!1), H = d(0), U = d(null);
-	u(() => {
-		if (x != null) {
-			N(x);
-			return;
-		}
-		if (!b) return;
-		let e = y.find((e) => e.id === b)?.bboxes[0]?.page;
-		e != null && N(e);
-	}, [
-		x,
-		b,
-		y
-	]), u(() => {
-		let e = F.current;
-		if (!A || !e) return;
-		let t = new ResizeObserver((e) => {
-			let t = e[0]?.contentRect.height;
-			t && Te(t);
-		});
-		return t.observe(e), () => t.disconnect();
-	}, [A]);
-	let Ee = l((e) => {
-		if (!e || V.current) return;
-		let t = e.getBoundingClientRect().height;
-		t > 0 && (V.current = !0, we(t));
-	}, []), De = 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 (D === 0) return;
-		let t = Math.max(0, (M - 1) * L - e.clientHeight / 2 + L / 2);
-		H.current = t, B(t), e.scrollTop = t;
-	}, [
-		M,
-		D,
-		L
-	]), Oe = l((e) => {
-		F.current = e, e && W(e);
-	}, [W]);
-	u(() => {
-		let e = F.current;
-		e && W(e);
-	}, [W]);
-	let G = Math.max(0, Math.floor(z / L) - _), ke = Math.ceil(R / L) + _ * 2, K = Math.min(D - 1, G + ke);
-	u(() => {
-		if (D === 0) return;
-		let e = Math.min(D, se);
-		I(Array.from({ length: e }, (e, t) => t + 1));
-	}, [D]), u(() => {
-		if (!A || D === 0) return;
-		let e = setTimeout(() => {
-			I((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);
-	}, [
-		A,
-		G,
-		K,
-		D
-	]), u(() => {
-		if (D === 0) return;
-		let e = setTimeout(() => {
-			let e = Math.ceil(R / L / 2) + _, t = Math.max(0, M - 1 - e), n = Math.min(D - 1, M - 1 + e);
-			I((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);
-	}, [
-		M,
-		D,
-		R,
-		L
-	]);
-	let Ae = l((e) => {
-		k((t) => new Map([...t, ...e]));
-	}, []), [q, je] = f(!1), Me = l((e) => {
-		P.current = e, je(!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 = P.current?.getZoom(), o = 0, s, c = () => {
-			let e = P.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(() => {
-			P.current?.navigateToPage(1);
-		});
-		return () => cancelAnimationFrame(e);
-	}, [
-		q,
-		b,
-		x
-	]);
-	let Y = l((e) => {
-		N(e), P.current?.navigateToPage(e);
-	}, []), Ne = l((e) => {
-		N(e);
-	}, []), [X, Z] = f(() => String(M));
-	u(() => {
-		Z(String(M));
-	}, [M]);
-	let Q = l((e) => {
-		let t = Number(e);
-		Number.isInteger(t) && t >= 1 && t <= D ? Y(t) : Z(String(M));
-	}, [
-		D,
-		M,
-		Y
-	]);
-	if (!h) return null;
-	if (C === "preparing") return /* @__PURE__ */ p(n, { loadingLabel: _e });
-	if (C === "error") return /* @__PURE__ */ p(t, {
-		errorLabel: ve,
-		retryLabel: ye,
-		onRetry: xe
-	});
-	let $ = [];
-	for (let e = G + 1; e <= K + 1 && e <= D; e++) $.push(/* @__PURE__ */ p("div", {
-		ref: e === G + 1 ? Ee : void 0,
-		children: /* @__PURE__ */ p(ae, {
-			pageNum: e,
-			onSelectPage: Y,
-			isSelected: M === e,
-			isLoading: !O.has(e),
-			thumbnailUrl: O.get(e) ?? null
-		})
-	}, e));
-	let Pe = G * L, Fe = Math.max(0, D - K - 1) * L;
-	return /* @__PURE__ */ m("div", {
-		className: "relative flex h-full overflow-hidden",
-		children: [D > 0 && /* @__PURE__ */ p("div", {
-			className: "absolute start-3 top-3 z-10",
-			children: /* @__PURE__ */ p(o, {
-				open: A,
-				onOpenChange: j,
-				placement: "bottom-start",
-				matchReferenceWidth: !1,
-				renderOverlay: () => /* @__PURE__ */ m("div", {
-					className: "flex w-36 flex-col",
-					children: [/* @__PURE__ */ p("div", {
-						className: "shrink-0 p-1",
-						children: /* @__PURE__ */ p(ee, {
-							size: s.Small,
-							"aria-label": ge,
-							value: X,
-							postfix: `/ ${D}`,
-							inputMode: "numeric",
-							onChange: (e) => Z(e ?? ""),
-							onBlur: () => Q(X),
-							onKeyDown: (e) => {
-								e.key === "Enter" && Q(X);
-							}
-						})
-					}), /* @__PURE__ */ m("div", {
-						ref: Oe,
-						id: E,
-						role: "region",
-						"aria-label": pe,
-						onScroll: De,
-						className: "max-h-[70vh] min-h-0 overflow-y-auto overflow-x-hidden p-1 [scrollbar-gutter:stable]",
-						children: [
-							/* @__PURE__ */ p("div", { style: { height: Pe } }),
-							$,
-							/* @__PURE__ */ p("div", { style: { height: Fe } })
-						]
-					})]
-				}),
-				children: /* @__PURE__ */ p(c, {
-					icon: p(A ? ne : te, {
-						size: i.LG,
-						stroke: a,
-						"aria-hidden": !0
-					}),
-					"aria-label": A ? he : me,
-					"aria-expanded": A,
-					"aria-controls": A ? E : 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: de ?? e,
-				highlights: y,
-				selectedHighlightId: b,
-				selectedPageNumber: x,
-				showOccurrences: !1,
-				onTotalPagesChange: Se,
-				thumbnailPageNumbers: Ce,
-				onThumbnailsLoaded: Ae,
-				onViewerReady: Me,
-				onCurrentPageChange: Ne,
-				viewerOptions: { enableVirtualScrolling: !0 },
-				containerClassName: fe ? "[&>div:first-child]:hidden" : void 0
-			})
-		})]
-	});
-};
-//#endregion
-export { y as PdfContent };