@epam/ai-dial-attachment-canvas 1.3.0-dev.13 → 1.3.0-dev.133

package/PdfContent-ELaDSyFF.js

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