@react-pdf-kit/viewer 2.9.1-rc.1 → 2.9.1-rc.2

package/dist/AnnotationLayer-oDu2B4X1.js

@@ -0,0 +1,114 @@
+import { AnnotationSubType as e } from "./utils/types.js";
+import { trackPdfOperation as t } from "./utils/pdfOperationTracker.js";
+import { useDocumentContext as n } from "./contexts/RPDocumentContext.js";
+import { useInitialStateContext as r } from "./contexts/InitialStateContext.js";
+import { useScrollModeContext as i } from "./contexts/ScrollModeContext.js";
+import { r as a } from "./PaginationContext-DIzsZhFd.js";
+import { usePrintContext as o } from "./contexts/PrintContext.js";
+import { SimpleLinkService as s } from "./utils/link_service.js";
+import { annotationEventsHandler as c, bindLayerEvents as l, enhanceLinkAccessibility as u, fixTabIndexAccessibility as d, handleAnnotationWidget as f, insertDateText as p, unbindLayerEvents as m } from "./utils/annotations.js";
+import { useFileDownload as h } from "./utils/hooks/useFileDownload.js";
+import { useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { AnnotationLayer as x } from "pdfjs-dist";
+import { jsx as S } from "react/jsx-runtime";
+import './assets/AnnotationLayer.css';//#region lib/components/page/AnnotationLayer.module.css
+var C = { "rp-annotation-layer": "_rp-annotation-layer_foiun_1" }, w = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", T = (T) => {
+	let { pageNumber: E } = T, D = y(null), { pages: O, pdf: k } = n(), { interactiveForm: A } = r(), j = y(), [M, N] = b(), { goToPage: P } = a(), { scrollMode: F } = i(), { print: I } = o(), { download: L } = h(), R = y(null), z = v(() => O.get(E), [O, E]), B = v(() => z?.page.getViewport(), [z]);
+	_(() => {
+		j.current &&= (j.current.div.replaceChildren(), void 0);
+	}, [k]), _(() => {
+		z && t(k, z.page.getAnnotations()).then((e) => {
+			j.current = void 0, N(e), D.current && (D.current.innerText = "");
+		});
+	}, [z]);
+	let V = g((e) => {
+		!M || !k || (p(D.current), c(e, k, M).then((e) => {
+			e?.data?.action === "Print" ? I() : e?.data?.action === "SaveAs" && L();
+		}));
+	}, [
+		k,
+		M,
+		F,
+		I,
+		L
+	]);
+	return _(() => {
+		if (!z || !M) return;
+		let t = z.page.getViewport();
+		if (j.current) {
+			j.current.update({ viewport: t.clone({ dontFlip: !0 }) });
+			return;
+		}
+		let n = /* @__PURE__ */ new Map([]);
+		for (let r of M) {
+			let { annotationType: i } = r;
+			switch (i) {
+				case e.Widget:
+					f(r, t, n);
+					break;
+				default: break;
+			}
+		}
+		let r = new AbortController();
+		return (async () => {
+			j.current &&= (j.current.div.replaceChildren(), void 0), D.current && (D.current.innerText = ""), j.current = new x({
+				div: D.current,
+				accessibilityManager: void 0,
+				annotationCanvasMap: void 0,
+				annotationEditorUIManager: void 0,
+				structTreeLayer: null,
+				page: z.page,
+				viewport: t.clone({ dontFlip: !0 }),
+				commentManager: void 0,
+				linkService: new s(k, P),
+				annotationStorage: k?.annotationStorage
+			}), D.current && m(D.current, V);
+			let e = await k?.hasJSActions(), n = await k?.getFieldObjects();
+			if (r.signal.aborted) throw "abort";
+			return j.current?.render({
+				annotations: M,
+				annotationStorage: k?.annotationStorage,
+				hasJSActions: e,
+				fieldObjects: n,
+				div: D.current,
+				viewport: t.clone({ dontFlip: !0 }),
+				page: z.page,
+				imageResourcesPath: w,
+				renderForms: A ?? !0,
+				linkService: new s(k, P),
+				downloadManager: null,
+				enableScripting: !1
+			});
+		})().then(() => {
+			D.current && (l(D.current, V), d(D.current), u(D.current), R.current && R.current.disconnect(), R.current = new MutationObserver(() => {
+				D.current && (d(D.current), u(D.current));
+			}), R.current.observe(D.current, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: ["tabindex", "href"]
+			}));
+		}).catch((e) => {
+			if (e !== "abort") throw e;
+		}).finally(() => {
+			j.current = void 0;
+		}), () => {
+			r.abort("clear"), D.current && m(D.current, V), R.current &&= (R.current.disconnect(), null);
+		};
+	}, [
+		k,
+		M,
+		V,
+		P
+	]), /* @__PURE__ */ S("div", {
+		"data-rp": `page-${E}-annotationLayer`,
+		style: {
+			width: `${B?.width}px`,
+			height: `${B?.height}px`
+		},
+		className: C["rp-annotation-layer"],
+		ref: D
+	});
+};
+//#endregion
+export { T as t };

package/dist/TextLayer-Bp1CDIIa.js

@@ -0,0 +1,126 @@
+import { trackPdfOperation as e } from "./utils/pdfOperationTracker.js";
+import { useDocumentContext as t } from "./contexts/RPDocumentContext.js";
+import { highlightMatches as n, resetDivs as r } from "./utils/highlight.js";
+import { useSearchContext as i } from "./contexts/SearchContext.js";
+import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import * as u from "pdfjs-dist";
+import { jsx as d } from "react/jsx-runtime";
+import './assets/TextLayer.css';var f = {
+	"rp-text-layer": "_rp-text-layer_1cfxj_1",
+	selecting: "_selecting_1cfxj_18",
+	markedContent: "_markedContent_1cfxj_58",
+	"rp-text-layer-text": "_rp-text-layer-text_1cfxj_82"
+}, p = (p) => {
+	let { pageNumber: m } = p, { pages: h, pdf: g } = t(), _ = c(null), { matches: v, currentMatch: y } = i(), [b, x] = l([]), S = c(), C = c(), w = c([]), T = s(() => v.filter((e) => e.pageIndex === m - 1), [v, m]), E = a((e, t, i = !1) => {
+		if (i && r(e, t), !T.length) {
+			w.current = [], x([]);
+			return;
+		}
+		x(n(T, e, t));
+	}, [T]), D = c(), O = c(!1), k = a(() => Array.from(document.querySelectorAll("[data-rp$=\"-textLayer\"]")), []);
+	o(() => ((() => {
+		if (D.current) return;
+		D.current = new AbortController();
+		let { signal: e } = D.current, t = () => {
+			k().forEach((e) => {
+				let t = e.querySelector(".endOfContent");
+				t && (e.appendChild(t), t.style.width = "", t.style.height = "", e.classList.remove(f.selecting));
+			});
+		};
+		document.addEventListener("pointerdown", () => {
+			O.current = !0;
+		}, { signal: e }), document.addEventListener("pointerup", () => {
+			O.current = !1, t();
+		}, { signal: e }), window.addEventListener("blur", () => {
+			O.current = !1, t();
+		}, { signal: e }), document.addEventListener("keyup", () => {
+			O.current || t();
+		}, { signal: e });
+		let n = null;
+		document.addEventListener("selectionchange", () => {
+			let e = document.getSelection();
+			if (!e) return;
+			if (e.rangeCount === 0) {
+				t();
+				return;
+			}
+			let r = /* @__PURE__ */ new Set();
+			for (let t = 0; t < e.rangeCount; t++) {
+				let n = e.getRangeAt(t);
+				k().forEach((e) => {
+					n.intersectsNode(e) && !r.has(e) && r.add(e);
+				});
+			}
+			k().forEach((e) => {
+				if (r.has(e)) e.classList.add(f.selecting);
+				else {
+					let t = e.querySelector(".endOfContent");
+					t && (e.appendChild(t), t.style.width = "", t.style.height = "", e.classList.remove(f.selecting));
+				}
+			});
+			let i = e.getRangeAt(0), a = n && (i.compareBoundaryPoints(Range.END_TO_END, n) === 0 || i.compareBoundaryPoints(Range.START_TO_END, n) === 0) ? i.startContainer : i.endContainer;
+			a.nodeType === Node.TEXT_NODE && (a = a.parentNode);
+			let o = a.parentElement?.closest(`.${f["rp-text-layer"]}`), s = o?.querySelector(".endOfContent");
+			s && o && (s.style.width = o.style.width, s.style.height = o.style.height, a.parentElement?.insertBefore(s, a.nextSibling)), n = i.cloneRange();
+		}, { signal: e });
+	})(), () => {
+		D.current?.abort(), D.current = void 0;
+	}), [k]);
+	let A = a(() => {
+		_.current && _.current.classList.add(f.selecting);
+	}, []), j = a(() => {
+		_.current && _.current.classList.remove(f.selecting);
+	}, []);
+	return o(() => {
+		if (w.current.forEach((e) => {
+			e.classList.remove("selected");
+		}), !b.length || !y || y.pageIndex !== m - 1) return;
+		let e = T.findIndex((e) => JSON.stringify(e) === JSON.stringify(y));
+		if (e === -1) return;
+		let t = b.filter((t) => t.index === e);
+		t.length && (w.current = t.map((e) => e.element), t.forEach((e) => {
+			e.element.classList.add("selected");
+		}));
+	}, [
+		y,
+		b,
+		T
+	]), o(() => {
+		let t = h.get(m);
+		if (!t || !_.current) return;
+		let n = _.current;
+		return S.current && S.current.cancel(), e(g, t.page.getTextContent()).then((e) => {
+			let r = t.page.getViewport({ scale: 1 });
+			return S.current = new u.TextLayer({
+				viewport: r,
+				textContentSource: e,
+				container: n
+			}), C.current = e, n && (n.innerText = ""), S.current.render();
+		}).then(() => {
+			[].slice.call(n.children).forEach((e) => {
+				e.classList.add(f["rp-text-layer-text"]), e.setAttribute("data-rp", "rp-text-layer-text");
+			});
+			let e = S.current?.textDivs;
+			e && C.current && E(C.current, e);
+			let t = document.createElement("div");
+			t.className = "endOfContent", _.current?.appendChild(t);
+		}).catch(() => {}), () => {
+			S.current?.cancel();
+		};
+	}, [h, m]), o(() => {
+		[].slice.call(_.current.children).forEach((e) => {
+			e.classList.add(f["rp-text-layer-text"]);
+		});
+		let e = S.current?.textDivs;
+		e && C.current && E(C.current, e, !0);
+	}, [E]), /* @__PURE__ */ d("div", {
+		"data-rp-text-layer": !0,
+		"data-rp": `page-${m}-textLayer`,
+		className: f["rp-text-layer"],
+		ref: _,
+		onMouseDown: A,
+		onMouseUp: j
+	});
+};
+//#endregion
+export { p as t };

package/dist/components/page/AnnotationLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../AnnotationLayer-CyOYh0Tw.js";
+import { t as e } from "../../AnnotationLayer-oDu2B4X1.js";
 export { e as AnnotationLayer };

package/dist/components/page/RPPage.js

@@ -5,8 +5,8 @@ import { useLayerContext as r } from "../../contexts/LayerContext.js";
 import { useLoaderContext as i } from "../../contexts/LoaderContext.js";
 import { withRef as a } from "../../utils/withRef.js";
 import { n as o, t as s } from "../../CanvasLayer-CJqCJ30J.js";
-import { t as c } from "../../TextLayer-BTyy2RqD.js";
-import { t as l } from "../../AnnotationLayer-CyOYh0Tw.js";
+import { t as c } from "../../TextLayer-Bp1CDIIa.js";
+import { t as l } from "../../AnnotationLayer-oDu2B4X1.js";
 import { t as u } from "../../TextHighlightLayer-3vIZbRyL.js";
 import { CustomElement as d } from "./CustomElement.js";
 import { useCallback as f, useEffect as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";

package/dist/components/page/TextLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextLayer-BTyy2RqD.js";
+import { t as e } from "../../TextLayer-Bp1CDIIa.js";
 export { e as TextLayer };

package/dist/contexts/RenderQueueProvider.js

@@ -1,60 +1,65 @@
-import { useDocumentContext as e } from "./RPDocumentContext.js";
-import { r as t } from "../PaginationContext-DIzsZhFd.js";
-import { Queue as n } from "../utils/Queue.js";
-import { renderPage as r } from "../utils/renderPage.js";
-import { createContext as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
+import { trackPdfOperation as e } from "../utils/pdfOperationTracker.js";
+import { useDocumentContext as t } from "./RPDocumentContext.js";
+import { r as n } from "../PaginationContext-DIzsZhFd.js";
+import { Queue as r } from "../utils/Queue.js";
+import { renderPage as i } from "../utils/renderPage.js";
+import { createContext as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
 //#region lib/contexts/RenderQueueProvider.tsx
-var f = i(null), p = ({ children: i }) => {
-	let o = l(!1), p = l(/* @__PURE__ */ new Map()), [m, h] = u([]), g = a((e) => {
-		h((t) => [...t, {
+var p = a(null), m = ({ children: a }) => {
+	let s = u(!1), m = u(/* @__PURE__ */ new Map()), [h, g] = d([]), _ = o((e) => {
+		g((t) => [...t, {
 			id: e.page.pageNumber.toString(),
 			data: e,
 			priority: 0
 		}]);
-	}, []), _ = c(() => new n(g), [g]), { focusedPage: v } = t(), { pdf: y } = e(), b = a((e) => {
-		o.current = !0;
-		let t = p.current.get(e.id);
-		t && (t.cancel(), p.current.delete(e.id));
-		let n;
+	}, []), v = l(() => new r(_), [_]), { focusedPage: y } = n(), { pdf: b } = t(), x = u(b);
+	c(() => {
+		x.current = b;
+	}, [b]);
+	let S = o((t) => {
+		s.current = !0;
+		let n = m.current.get(t.id);
+		n && (n.cancel(), m.current.delete(t.id));
+		let r;
 		try {
-			n = r(e.data.page, e.data.canvasElem, e.data.options);
+			r = i(t.data.page, t.data.canvasElem, t.data.options);
 		} catch {
-			return e.data.onRenderTask?.(null), Promise.resolve();
+			return t.data.onRenderTask?.(null), Promise.resolve();
 		}
-		return p.current.set(e.id, n), e.data.onRenderTask?.(n), n.promise.then(() => {
-			e.data.canvasElem.hidden = !1, e.data.onLoaded && e.data.onLoaded();
-		}).catch((t) => {
-			t.name !== "RenderingCancelledException" && console.error(`Error rendering page ${e.data.page.pageNumber}:`, t);
+		return m.current.set(t.id, r), t.data.onRenderTask?.(r), e(x.current, r.promise).then(() => {
+			t.data.canvasElem.hidden = !1, t.data.onLoaded && t.data.onLoaded();
+		}).catch((e) => {
+			e.name !== "RenderingCancelledException" && console.error(`Error rendering page ${t.data.page.pageNumber}:`, e);
 		}).finally(() => {
-			p.current.delete(e.id), e.data.onRenderTask?.(null);
+			m.current.delete(t.id), t.data.onRenderTask?.(null);
 		});
 	}, []);
-	return s(() => {
-		p.current.forEach((e) => e.cancel()), p.current.clear(), _.clear(), h(_.peekAll());
-	}, [y, _]), s(() => {
-		v && (_.changePagePriority(`^page-${v}`, 0), _.changePagePriority(`^thumbnail-${v}`, 1));
-	}, [v]), s(() => {
-		if (_.isEmpty() || o.current) return;
+	return c(() => {
+		m.current.forEach((e) => e.cancel()), m.current.clear(), v.clear(), g(v.peekAll());
+	}, [b, v]), c(() => {
+		y && (v.changePagePriority(`^page-${y}`, 0), v.changePagePriority(`^thumbnail-${y}`, 1));
+	}, [y]), c(() => {
+		if (v.isEmpty() || s.current) return;
 		let e = () => {
-			let t = _.dequeue();
-			t ? b(t).catch(() => {}).finally(() => {
+			let t = v.dequeue();
+			t ? S(t).catch(() => {}).finally(() => {
 				e();
-			}) : (o.current = !1, h(_.peekAll()));
+			}) : (s.current = !1, g(v.peekAll()));
 		};
 		e();
 	}, [
-		_,
-		b,
-		m
-	]), /* @__PURE__ */ d(f.Provider, {
-		value: _,
-		children: i
+		v,
+		S,
+		h
+	]), /* @__PURE__ */ f(p.Provider, {
+		value: v,
+		children: a
 	});
-}, m = () => {
-	let e = o(f);
+}, h = () => {
+	let e = s(p);
 	if (!e) throw Error("RenderQueue not found");
 	return e;
 };
 //#endregion
-export { f as RenderQueueContext, p as RenderQueueProvider, m as useRenderQueue };
+export { p as RenderQueueContext, m as RenderQueueProvider, h as useRenderQueue };

package/dist/types/utils/pdfOperationTracker.d.ts

@@ -0,0 +1,3 @@
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api.js';
+export declare function trackPdfOperation<T>(pdf: PDFDocumentProxy | undefined, promise: Promise<T>): Promise<T>;
+export declare function waitForPdfOperations(pdf: PDFDocumentProxy): Promise<void>;

package/dist/utils/hooks/useLicense.js

@@ -3,7 +3,7 @@ import { LicenseType as t } from "../types.js";
 import { appConsole as n } from "../appConsole.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region lib/utils/hooks/useLicense.ts
-var o = /* @__PURE__ */ new Date("2026-08-25T06:02:29.432Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
+var o = /* @__PURE__ */ new Date("2026-08-25T06:35:46.374Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
 	invalidLicense: `You are currently using without a valid license. ${c}`,
 	mismatchedDomain: `Your license key is not valid for the current domain / IP. ${c}`,
 	expired: `Your license key has expired. ${c}`,

package/dist/utils/hooks/useLoadPdf.js

@@ -5,92 +5,95 @@ import { useConfigContext as n } from "../../contexts/ConfigContext.js";
 import { appConsole as r } from "../appConsole.js";
 import { useDocumentPasswordContext as i } from "../../contexts/DocumentPasswordContext.js";
 import { BROWSER_NOT_SUPPORTED_MESSAGE as a, INVALID_OR_CORRUPTED_PDF_MESSAGE as o, WASM_URL_REQUIRED_CONSOLE_MESSAGE as s, WASM_URL_REQUIRED_MESSAGE as c } from "../const.js";
-import { useEffect as l, useRef as u, useState as d } from "react";
-import * as f from "pdfjs-dist";
+import { trackPdfOperation as l, waitForPdfOperations as u } from "../pdfOperationTracker.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import * as m from "pdfjs-dist";
 //#region lib/utils/hooks/useLoadPdf.ts
-var p = new TextEncoder().encode("/JPXDecode");
-function m(e) {
-	return e.some((t, n) => t === p[0] ? p.every((t, r) => e[n + r] === t) : !1);
+var h = new TextEncoder().encode("/JPXDecode");
+function g(e) {
+	return e.some((t, n) => t === h[0] ? h.every((t, r) => e[n + r] === t) : !1);
 }
-function h(e) {
+function _(e) {
 	let t = Error(o);
 	return t.cause = e, t;
 }
-function g() {
+function v() {
 	return Error(c);
 }
-function _(e) {
+function y(e) {
 	let t = Error(a);
 	return t.cause = e, t;
 }
-var v = (a, o, c = {}) => {
-	let [p, v] = d(), { workerUrlAdded: y, wasmUrl: b, iccUrl: x, standardFontDataUrl: S } = n(), [C, w] = d(/* @__PURE__ */ new Map()), T = u(), [E, D] = d(0), [O, k] = d(!1), [A, j] = d(), { password: M, passwordError: N, setPasswordError: P, passwordRequired: F, setPasswordRequired: I } = i(), { onLoadError: L, onLoaded: R, onLoadProgress: z, disableAutoFetch: B, disableStream: V, rangeChunkSize: H, withCredentials: U, httpHeaders: W } = c;
-	return l(() => {
-		z && z(E);
-	}, [E, z]), l(() => {
-		if (!y || !a) return;
-		D(0), j(void 0), T.current = Date.now();
-		let t = T.current, n = {
+var b = (a, o, c = {}) => {
+	let [h, b] = p(), { workerUrlAdded: x, wasmUrl: S, iccUrl: C, standardFontDataUrl: w } = n(), [T, E] = p(/* @__PURE__ */ new Map()), D = f(), [O, k] = p(0), [A, j] = p(!1), [M, N] = p(), { password: P, passwordError: F, setPasswordError: I, passwordRequired: L, setPasswordRequired: R } = i(), { onLoadError: z, onLoaded: B, onLoadProgress: V, disableAutoFetch: H, disableStream: U, rangeChunkSize: W, withCredentials: G, httpHeaders: K } = c;
+	return d(() => {
+		V && V(O);
+	}, [O, V]), d(() => {
+		if (!x || !a) return;
+		k(0), N(void 0), D.current = Date.now();
+		let t = D.current, n = {
 			url: a,
 			cMapPacked: o?.isCompressed ?? !0,
 			...o?.url && { cMapUrl: o.url },
-			...M && { password: M },
-			...B !== void 0 && { disableAutoFetch: B },
-			...V !== void 0 && { disableStream: V },
-			...H !== void 0 && { rangeChunkSize: H },
-			...U !== void 0 && { withCredentials: U },
-			...W !== void 0 && { httpHeaders: W },
-			...b && { wasmUrl: b },
-			...x && {
-				iccUrl: x,
+			...P && { password: P },
+			...H !== void 0 && { disableAutoFetch: H },
+			...U !== void 0 && { disableStream: U },
+			...W !== void 0 && { rangeChunkSize: W },
+			...G !== void 0 && { withCredentials: G },
+			...K !== void 0 && { httpHeaders: K },
+			...S && { wasmUrl: S },
+			...C && {
+				iccUrl: C,
 				useWorkerFetch: !0
 			},
-			...S && { standardFontDataUrl: S },
-			verbosity: f.VerbosityLevel.ERRORS
+			...w && { standardFontDataUrl: w },
+			verbosity: m.VerbosityLevel.ERRORS
 		};
 		try {
-			let i = f.getDocument(n);
+			let i = m.getDocument(n);
 			i.onProgress = (e) => {
-				if (t === T.current) {
+				if (t === D.current) {
 					let { loaded: t, total: n } = e;
-					D(n ? Math.min(100, Math.round(t / n * 100)) : 0);
+					k(n ? Math.min(100, Math.round(t / n * 100)) : 0);
 				}
-			}, k(!0), v(void 0);
-			let a = i.promise.then(async (n) => !b && m(await n.getData()) ? (t === T.current && (v(void 0), j(e.WASM_URL_REQUIRED)), r.error(s), L?.(g()), n) : (t === T.current && (v(n), D(100)), R && R(n), I(!1), P(""), n)).catch((t) => {
+			}, j(!0), b(void 0);
+			let a, o = i.promise.then(async (n) => (a = n, !S && g(await n.getData()) ? (t === D.current && (b(void 0), N(e.WASM_URL_REQUIRED)), r.error(s), z?.(v()), n) : (t === D.current && (b(n), k(100)), B && B(n), R(!1), I(""), n))).catch((t) => {
 				if (t instanceof Error && t.name === "PasswordException") {
 					let e = t.code;
-					I(!0), e === f.PasswordResponses.INCORRECT_PASSWORD ? P("Incorrect password") : P(void 0);
-				} else t instanceof Error && t.name === "InvalidPDFException" && M ? (I(!0), P("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (j(e.INVALID_OR_CORRUPTED_PDF), L?.(h(t))) : L && L(t);
+					R(!0), e === m.PasswordResponses.INCORRECT_PASSWORD ? I("Incorrect password") : I(void 0);
+				} else t instanceof Error && t.name === "InvalidPDFException" && P ? (R(!0), I("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (N(e.INVALID_OR_CORRUPTED_PDF), z?.(_(t))) : z && z(t);
 			}).finally(() => {
-				k(!1);
+				j(!1);
 			});
 			return () => {
-				a.finally(() => {
-					i.destroy();
+				o.finally(() => {
+					(a ? u(a) : Promise.resolve()).finally(() => {
+						i.destroy();
+					});
 				});
 			};
 		} catch (t) {
-			j(e.NOT_SUPPORTED), L?.(_(t));
+			N(e.NOT_SUPPORTED), z?.(y(t));
 		}
 	}, [
 		a,
-		y,
-		b,
 		x,
 		S,
-		M,
-		L,
-		R
-	]), l(() => {
-		if (F) return;
+		C,
+		w,
+		P,
+		z,
+		B
+	]), d(() => {
+		if (L) return;
 		let n = /* @__PURE__ */ new Map();
-		if (!p || O) {
-			w(n);
+		if (!h || A) {
+			E(n);
 			return;
 		}
-		let r = p.numPages, i = [];
+		let r = h.numPages, i = [];
 		for (let e = 1; e <= r; e++) {
-			let t = p.getPage(e);
+			let t = l(h, h.getPage(e));
 			i.push(t);
 		}
 		Promise.allSettled(i).then((e) => {
@@ -104,24 +107,24 @@ var v = (a, o, c = {}) => {
 					thumbnailScale: i,
 					defaultRotation: a.rotation
 				});
-			}), w(n);
+			}), E(n);
 		}).catch((t) => {
-			v(void 0), j(e.INVALID_OR_CORRUPTED_PDF), L?.(h(t));
+			b(void 0), N(e.INVALID_OR_CORRUPTED_PDF), z?.(_(t));
 		});
 	}, [
-		p,
-		O,
-		F,
-		L
+		h,
+		A,
+		L,
+		z
 	]), {
-		pdf: p,
-		pages: C,
-		loading: O,
-		error: A,
-		loadingProgress: E,
-		passwordRequired: F,
-		passwordError: N
+		pdf: h,
+		pages: T,
+		loading: A,
+		error: M,
+		loadingProgress: O,
+		passwordRequired: L,
+		passwordError: F
 	};
 };
 //#endregion
-export { v as useLoadPdf };
+export { b as useLoadPdf };

package/dist/utils/pdfOperationTracker.js

@@ -0,0 +1,17 @@
+//#region lib/utils/pdfOperationTracker.ts
+var e = /* @__PURE__ */ new WeakMap();
+function t(t, n) {
+	if (!t) return n;
+	let r = e.get(t);
+	r || (r = /* @__PURE__ */ new Set(), e.set(t, r));
+	let i = n.then(() => void 0, () => void 0);
+	return r.add(i), i.finally(() => {
+		r?.delete(i);
+	}), n;
+}
+function n(t) {
+	let n = e.get(t);
+	return !n || n.size === 0 ? Promise.resolve() : Promise.allSettled(Array.from(n)).then(() => void 0);
+}
+//#endregion
+export { t as trackPdfOperation, n as waitForPdfOperations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.9.1-rc.1",
+  "version": "2.9.1-rc.2",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [

package/dist/AnnotationLayer-CyOYh0Tw.js

@@ -1,113 +0,0 @@
-import { AnnotationSubType as e } from "./utils/types.js";
-import { useDocumentContext as t } from "./contexts/RPDocumentContext.js";
-import { useInitialStateContext as n } from "./contexts/InitialStateContext.js";
-import { useScrollModeContext as r } from "./contexts/ScrollModeContext.js";
-import { r as i } from "./PaginationContext-DIzsZhFd.js";
-import { usePrintContext as a } from "./contexts/PrintContext.js";
-import { SimpleLinkService as o } from "./utils/link_service.js";
-import { annotationEventsHandler as s, bindLayerEvents as c, enhanceLinkAccessibility as l, fixTabIndexAccessibility as u, handleAnnotationWidget as d, insertDateText as f, unbindLayerEvents as p } from "./utils/annotations.js";
-import { useFileDownload as m } from "./utils/hooks/useFileDownload.js";
-import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { AnnotationLayer as b } from "pdfjs-dist";
-import { jsx as x } from "react/jsx-runtime";
-import './assets/AnnotationLayer.css';//#region lib/components/page/AnnotationLayer.module.css
-var S = { "rp-annotation-layer": "_rp-annotation-layer_foiun_1" }, C = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", w = (w) => {
-	let { pageNumber: T } = w, E = v(null), { pages: D, pdf: O } = t(), { interactiveForm: k } = n(), A = v(), [j, M] = y(), { goToPage: N } = i(), { scrollMode: P } = r(), { print: F } = a(), { download: I } = m(), L = v(null), R = _(() => D.get(T), [D, T]), z = _(() => R?.page.getViewport(), [R]);
-	g(() => {
-		A.current &&= (A.current.div.replaceChildren(), void 0);
-	}, [O]), g(() => {
-		R && R.page.getAnnotations().then((e) => {
-			A.current = void 0, M(e), E.current && (E.current.innerText = "");
-		});
-	}, [R]);
-	let B = h((e) => {
-		!j || !O || (f(E.current), s(e, O, j).then((e) => {
-			e?.data?.action === "Print" ? F() : e?.data?.action === "SaveAs" && I();
-		}));
-	}, [
-		O,
-		j,
-		P,
-		F,
-		I
-	]);
-	return g(() => {
-		if (!R || !j) return;
-		let t = R.page.getViewport();
-		if (A.current) {
-			A.current.update({ viewport: t.clone({ dontFlip: !0 }) });
-			return;
-		}
-		let n = /* @__PURE__ */ new Map([]);
-		for (let r of j) {
-			let { annotationType: i } = r;
-			switch (i) {
-				case e.Widget:
-					d(r, t, n);
-					break;
-				default: break;
-			}
-		}
-		let r = new AbortController();
-		return (async () => {
-			A.current &&= (A.current.div.replaceChildren(), void 0), E.current && (E.current.innerText = ""), A.current = new b({
-				div: E.current,
-				accessibilityManager: void 0,
-				annotationCanvasMap: void 0,
-				annotationEditorUIManager: void 0,
-				structTreeLayer: null,
-				page: R.page,
-				viewport: t.clone({ dontFlip: !0 }),
-				commentManager: void 0,
-				linkService: new o(O, N),
-				annotationStorage: O?.annotationStorage
-			}), E.current && p(E.current, B);
-			let e = await O?.hasJSActions(), n = await O?.getFieldObjects();
-			if (r.signal.aborted) throw "abort";
-			return A.current?.render({
-				annotations: j,
-				annotationStorage: O?.annotationStorage,
-				hasJSActions: e,
-				fieldObjects: n,
-				div: E.current,
-				viewport: t.clone({ dontFlip: !0 }),
-				page: R.page,
-				imageResourcesPath: C,
-				renderForms: k ?? !0,
-				linkService: new o(O, N),
-				downloadManager: null,
-				enableScripting: !1
-			});
-		})().then(() => {
-			E.current && (c(E.current, B), u(E.current), l(E.current), L.current && L.current.disconnect(), L.current = new MutationObserver(() => {
-				E.current && (u(E.current), l(E.current));
-			}), L.current.observe(E.current, {
-				childList: !0,
-				subtree: !0,
-				attributes: !0,
-				attributeFilter: ["tabindex", "href"]
-			}));
-		}).catch((e) => {
-			if (e !== "abort") throw e;
-		}).finally(() => {
-			A.current = void 0;
-		}), () => {
-			r.abort("clear"), E.current && p(E.current, B), L.current &&= (L.current.disconnect(), null);
-		};
-	}, [
-		O,
-		j,
-		B,
-		N
-	]), /* @__PURE__ */ x("div", {
-		"data-rp": `page-${T}-annotationLayer`,
-		style: {
-			width: `${z?.width}px`,
-			height: `${z?.height}px`
-		},
-		className: S["rp-annotation-layer"],
-		ref: E
-	});
-};
-//#endregion
-export { w as t };

package/dist/TextLayer-BTyy2RqD.js

@@ -1,125 +0,0 @@
-import { useDocumentContext as e } from "./contexts/RPDocumentContext.js";
-import { highlightMatches as t, resetDivs as n } from "./utils/highlight.js";
-import { useSearchContext as r } from "./contexts/SearchContext.js";
-import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
-import * as l from "pdfjs-dist";
-import { jsx as u } from "react/jsx-runtime";
-import './assets/TextLayer.css';var d = {
-	"rp-text-layer": "_rp-text-layer_1cfxj_1",
-	selecting: "_selecting_1cfxj_18",
-	markedContent: "_markedContent_1cfxj_58",
-	"rp-text-layer-text": "_rp-text-layer-text_1cfxj_82"
-}, f = (f) => {
-	let { pageNumber: p } = f, { pages: m } = e(), h = s(null), { matches: g, currentMatch: _ } = r(), [v, y] = c([]), b = s(), x = s(), S = s([]), C = o(() => g.filter((e) => e.pageIndex === p - 1), [g, p]), w = i((e, r, i = !1) => {
-		if (i && n(e, r), !C.length) {
-			S.current = [], y([]);
-			return;
-		}
-		y(t(C, e, r));
-	}, [C]), T = s(), E = s(!1), D = i(() => Array.from(document.querySelectorAll("[data-rp$=\"-textLayer\"]")), []);
-	a(() => ((() => {
-		if (T.current) return;
-		T.current = new AbortController();
-		let { signal: e } = T.current, t = () => {
-			D().forEach((e) => {
-				let t = e.querySelector(".endOfContent");
-				t && (e.appendChild(t), t.style.width = "", t.style.height = "", e.classList.remove(d.selecting));
-			});
-		};
-		document.addEventListener("pointerdown", () => {
-			E.current = !0;
-		}, { signal: e }), document.addEventListener("pointerup", () => {
-			E.current = !1, t();
-		}, { signal: e }), window.addEventListener("blur", () => {
-			E.current = !1, t();
-		}, { signal: e }), document.addEventListener("keyup", () => {
-			E.current || t();
-		}, { signal: e });
-		let n = null;
-		document.addEventListener("selectionchange", () => {
-			let e = document.getSelection();
-			if (!e) return;
-			if (e.rangeCount === 0) {
-				t();
-				return;
-			}
-			let r = /* @__PURE__ */ new Set();
-			for (let t = 0; t < e.rangeCount; t++) {
-				let n = e.getRangeAt(t);
-				D().forEach((e) => {
-					n.intersectsNode(e) && !r.has(e) && r.add(e);
-				});
-			}
-			D().forEach((e) => {
-				if (r.has(e)) e.classList.add(d.selecting);
-				else {
-					let t = e.querySelector(".endOfContent");
-					t && (e.appendChild(t), t.style.width = "", t.style.height = "", e.classList.remove(d.selecting));
-				}
-			});
-			let i = e.getRangeAt(0), a = n && (i.compareBoundaryPoints(Range.END_TO_END, n) === 0 || i.compareBoundaryPoints(Range.START_TO_END, n) === 0) ? i.startContainer : i.endContainer;
-			a.nodeType === Node.TEXT_NODE && (a = a.parentNode);
-			let o = a.parentElement?.closest(`.${d["rp-text-layer"]}`), s = o?.querySelector(".endOfContent");
-			s && o && (s.style.width = o.style.width, s.style.height = o.style.height, a.parentElement?.insertBefore(s, a.nextSibling)), n = i.cloneRange();
-		}, { signal: e });
-	})(), () => {
-		T.current?.abort(), T.current = void 0;
-	}), [D]);
-	let O = i(() => {
-		h.current && h.current.classList.add(d.selecting);
-	}, []), k = i(() => {
-		h.current && h.current.classList.remove(d.selecting);
-	}, []);
-	return a(() => {
-		if (S.current.forEach((e) => {
-			e.classList.remove("selected");
-		}), !v.length || !_ || _.pageIndex !== p - 1) return;
-		let e = C.findIndex((e) => JSON.stringify(e) === JSON.stringify(_));
-		if (e === -1) return;
-		let t = v.filter((t) => t.index === e);
-		t.length && (S.current = t.map((e) => e.element), t.forEach((e) => {
-			e.element.classList.add("selected");
-		}));
-	}, [
-		_,
-		v,
-		C
-	]), a(() => {
-		let e = m.get(p);
-		if (!e || !h.current) return;
-		let t = h.current;
-		return b.current && b.current.cancel(), e.page.getTextContent().then((n) => {
-			let r = e.page.getViewport({ scale: 1 });
-			return b.current = new l.TextLayer({
-				viewport: r,
-				textContentSource: n,
-				container: t
-			}), x.current = n, t && (t.innerText = ""), b.current.render();
-		}).then(() => {
-			[].slice.call(t.children).forEach((e) => {
-				e.classList.add(d["rp-text-layer-text"]), e.setAttribute("data-rp", "rp-text-layer-text");
-			});
-			let e = b.current?.textDivs;
-			e && x.current && w(x.current, e);
-			let n = document.createElement("div");
-			n.className = "endOfContent", h.current?.appendChild(n);
-		}).catch(() => {}), () => {
-			b.current?.cancel();
-		};
-	}, [m, p]), a(() => {
-		[].slice.call(h.current.children).forEach((e) => {
-			e.classList.add(d["rp-text-layer-text"]);
-		});
-		let e = b.current?.textDivs;
-		e && x.current && w(x.current, e, !0);
-	}, [w]), /* @__PURE__ */ u("div", {
-		"data-rp-text-layer": !0,
-		"data-rp": `page-${p}-textLayer`,
-		className: d["rp-text-layer"],
-		ref: h,
-		onMouseDown: O,
-		onMouseUp: k
-	});
-};
-//#endregion
-export { f as t };