@react-pdf-kit/viewer 2.3.0-beta.0 → 2.3.0-beta.2

package/dist/{index-535ad364.js → index-11f3cd64.js}

@@ -3,7 +3,7 @@ import K from "react";
 import { c as re, a as k, g as pe, f as ye, P as L, b as g, d as ae, j as Te, i as _n } from "./index-113053cf.js";
 import { jsx as s } from "react/jsx-runtime";
 import { a as ge, u as me, D as Rn } from "./index-23911b43.js";
-import { h as In, u as En, F as Sn, R as bn, P as Pn } from "./Combination-479e39c6.js";
+import { h as In, u as En, F as Sn, R as bn, P as Pn } from "./Combination-17ab8af1.js";
 import { c as xe, A as Dn, C as yn, a as Tn, R as xn } from "./index-d0f0aa9a.js";
 function Ae(e) {
   const o = e + "CollectionProvider", [n, t] = re(o), [r, c] = n(

package/dist/main.js

@@ -139,11 +139,11 @@ import "./components/layout/toolbar/RPToolbarEnd.js";
 import "./components/layout/toolbar/FileUploadTool.js";
 import "./components/icons/FileUploadDefaultIcon.js";
 import "./components/layout/toolbar/MenuItem.js";
-import "./index-535ad364.js";
+import "./index-11f3cd64.js";
 import "./index-113053cf.js";
 import "react-dom";
 import "./index-23911b43.js";
-import "./Combination-479e39c6.js";
+import "./Combination-17ab8af1.js";
 import "./index-d0f0aa9a.js";
 import "./index-ada501c4.js";
 import "./components/layout/toolbar/DarkModeTool.js";
@@ -193,7 +193,7 @@ import "./utils/zoom.js";
 import "./components/ui/LoadingIndicator.js";
 import "./components/layout/sidebar/RPSidebar.js";
 import "./components/icons/Thumbnail.js";
-import "./RPSplitter-925c8ff7.js";
+import "./RPSplitter-3438b930.js";
 import "./components/layout/sidebar/Thumbnails.js";
 import "./components/layout/sidebar/Thumbnail.js";
 import "./utils/hooks/useInfiniteScroll.js";

package/dist/utils/hooks/useLicense.js

@@ -1,29 +1,8 @@
-import { useState as h, useCallback as E, useEffect as A } from "react";
-import { LicenseType as b } from "../types.js";
-import { appConsole as l } from "../appConsole.js";
+import { useState as E, useCallback as y, useEffect as b } from "react";
+import { LicenseType as L } from "../types.js";
+import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-a553b162.js";
-const L = /* @__PURE__ */ new Date("2026-03-23T03:06:52.439Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
-  invalidLicense: `You are currently using without a valid license. ${d}`,
-  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
-  expired: `Your license key has expired. ${d}`,
-  exceededVersion: "Your license does not support the current version of React PDF. The library version you are using exceeds the supported range of your license.",
-  invalidSignature: "Invalid license key: Signature mismatch"
-};
-function S(n) {
-  const t = n.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), e = atob(t), r = new Uint8Array(e.length);
-  for (let i = 0; i < e.length; i++)
-    r[i] = e.charCodeAt(i);
-  return r.buffer;
-}
-function y(n) {
-  const t = atob(n), e = new Uint8Array(t.length);
-  for (let r = 0; r < t.length; r++)
-    e[r] = t.charCodeAt(r);
-  return e.buffer;
-}
-async function I(n, t = "SHA-256") {
-  try {
-    const { data: e, signature: r } = JSON.parse(atob(n)), i = S(`-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-03-31T09:28:25.744Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y
@@ -31,89 +10,132 @@ Bm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W
 vXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD
 vzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR
 kwIDAQAB
------END PUBLIC KEY-----`), a = await window.crypto.subtle.importKey(
-      "spki",
-      // str2ab(publicKeyContent), // Convert PEM string to ArrayBuffer
-      i,
-      { name: "RSA-PSS", hash: t },
-      !0,
-      ["verify"]
-    );
-    if (!await window.crypto.subtle.verify(
-      { name: "RSA-PSS", saltLength: 32 },
-      a,
-      y(r),
-      // Convert signature to ArrayBuffer
-      new TextEncoder().encode(atob(e))
-    ))
-      throw new Error(s.invalidSignature);
-    return JSON.parse(atob(e));
-  } catch {
-    throw new Error(s.invalidLicense);
+-----END PUBLIC KEY-----`, f = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+  invalidLicense: `You are currently using without a valid license. ${f}`,
+  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${f}`,
+  expired: `Your license key has expired. ${f}`,
+  exceededVersion: "Your license does not support the current version of React PDF. The library version you are using exceeds the supported range of your license.",
+  invalidSignature: "Invalid license key: Signature mismatch"
+};
+function S(a) {
+  const i = a.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), e = atob(i), t = new Uint8Array(e.length);
+  for (let r = 0; r < e.length; r++)
+    t[r] = e.charCodeAt(r);
+  return t.buffer;
+}
+function I(a) {
+  const i = atob(a), e = new Uint8Array(i.length);
+  for (let t = 0; t < i.length; t++)
+    e[t] = i.charCodeAt(t);
+  return e.buffer;
+}
+async function T(a) {
+  try {
+    const i = await import("../../index-0b2a9a20.js").then((u) => u.i), e = (i == null ? void 0 : i.default) ?? i, t = e.pki.publicKeyFromPem(w), r = atob(a.data), n = e.util.decode64(a.signature), s = e.md.sha256.create();
+    s.update(r, "utf8");
+    const d = e.pss.create({
+      md: e.md.sha256.create(),
+      mgf: e.mgf.mgf1.create(e.md.sha256.create()),
+      saltLength: 32
+    });
+    return t.verify(s.digest().bytes(), n, d);
+  } catch (i) {
+    return c.debug("[License] node-forge verify failed:", i), !1;
+  }
+}
+async function B(a, i = "SHA-256") {
+  var e;
+  try {
+    const t = JSON.parse(atob(a));
+    let r = !1;
+    try {
+      if ((e = window.crypto) != null && e.subtle) {
+        const n = S(w), s = await window.crypto.subtle.importKey(
+          "spki",
+          n,
+          { name: "RSA-PSS", hash: i },
+          !0,
+          ["verify"]
+        );
+        r = await window.crypto.subtle.verify(
+          { name: "RSA-PSS", saltLength: 32 },
+          s,
+          I(t.signature),
+          new TextEncoder().encode(atob(t.data))
+        );
+      }
+    } catch (n) {
+      c.debug("[License] crypto.subtle verify failed, trying node-forge fallback:", n);
+    }
+    if (r || (r = await T(t)), !r)
+      throw new Error(o.invalidSignature);
+    return JSON.parse(atob(t.data));
+  } catch (t) {
+    throw t instanceof Error && t.message === o.invalidSignature ? t : new Error(o.invalidLicense);
   }
 }
-const T = (n, t) => {
-  switch (n) {
+const N = (a, i) => {
+  switch (a) {
     case "specific":
-      return t === window.location.host;
+      return i === window.location.host;
     case "wildcard":
-      return t ? window.location.host.includes(t) : !1;
+      return i ? window.location.host.includes(i) : !1;
   }
-}, u = {
+}, m = {
   isValid: !0,
-  invalidatedMessage: s.invalidLicense,
+  invalidatedMessage: o.invalidLicense,
   type: void 0
-}, Y = (n) => {
-  const [t, e] = h(u), r = E(async () => {
-    if (e((c) => ({ ...c, validating: !0 })), !n)
-      throw e({ ...u, validating: !1 }), new Error(s.invalidLicense);
-    let i;
+}, V = (a) => {
+  const [i, e] = E(m), t = y(async () => {
+    if (e((l) => ({ ...l, validating: !0 })), !a)
+      throw e({ ...m, validating: !1 }), new Error(o.invalidLicense);
+    let r;
     try {
-      i = await I(n);
-    } catch (c) {
-      throw l.warn(c.message), new Error(c.message);
+      r = await B(a);
+    } catch (l) {
+      throw c.warn(l.message), new Error(l.message);
     }
-    l.debug(">>> validatedLicense", i);
-    const { avu: a, exp: o, dmt: w, dm: p, t: m } = i;
-    if (!o)
+    c.debug(">>> validatedLicense", r);
+    const { avu: n, exp: s, dmt: d, dm: u, t: g } = r;
+    if (!s)
       throw new Error("License is missing expiration timestamp");
-    if (o > Number.MAX_SAFE_INTEGER / 1e3)
+    if (s > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid expiration timestamp: value too large");
-    const v = new Date(o * 1e3), g = (/* @__PURE__ */ new Date()).getTime();
-    if (v.getTime() < g)
-      throw new Error(s.expired);
-    if (!a)
+    const v = new Date(s * 1e3), h = (/* @__PURE__ */ new Date()).getTime();
+    if (v.getTime() < h)
+      throw new Error(o.expired);
+    if (!n)
       throw new Error("License is missing available until version timestamp");
-    if (a > Number.MAX_SAFE_INTEGER / 1e3)
+    if (n > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid available until version timestamp: value too large");
-    const f = new Date(a * 1e3);
-    if (l.debug("availableUntilTimestamp", f), f.getTime() < L.getTime())
-      throw new Error(s.exceededVersion);
-    if (m !== b.Custom && !T(w, p))
-      throw new Error(s.mismatchedDomain);
+    const p = new Date(n * 1e3);
+    if (c.debug("availableUntilTimestamp", p), p.getTime() < A.getTime())
+      throw new Error(o.exceededVersion);
+    if (g !== L.Custom && !N(d, u))
+      throw new Error(o.mismatchedDomain);
     return {
       isValid: !0,
-      type: m,
+      type: g,
       invalidatedMessage: void 0
     };
-  }, [n]);
-  return A(() => {
-    r().then(({ isValid: i, type: a, invalidatedMessage: o }) => {
+  }, [a]);
+  return b(() => {
+    t().then(({ isValid: r, type: n, invalidatedMessage: s }) => {
       e({
-        isValid: i,
-        type: a,
-        invalidatedMessage: o,
+        isValid: r,
+        type: n,
+        invalidatedMessage: s,
         validating: !1
       });
-    }).catch((i) => {
+    }).catch((r) => {
       e({
-        ...u,
+        ...m,
         isValid: !1,
         validating: !1
-      }), l.warn(i.message);
+      }), c.warn(r.message);
     });
-  }, [r]), t;
+  }, [t]), i;
 };
 export {
-  Y as useLicense
+  V as useLicense
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.3.0-beta.0",
+  "version": "2.3.0-beta.2",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -40,6 +40,7 @@
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "node-forge": "^1.3.3",
     "pdfjs-dist": "5.4.530",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10"
@@ -50,6 +51,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@tanstack/eslint-plugin-query": "^5.60.1",
+    "@types/node-forge": "^1.3.14",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@types/react-window": "^1.8.8",

package/dist/RPSplitter-925c8ff7.js

@@ -1,72 +0,0 @@
-import { jsx as N } from "react/jsx-runtime";
-import { useRef as w, useState as T, useCallback as f, useEffect as v } from "react";
-import { THUMBNAIL_MIN_WIDTH as s } from "./utils/constants.js";
-import { useLayoutContainer as A } from "./contexts/LayoutContainerContext.js";
-const P = {
-  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_ppg43_1",
-  "rp-sidebar-content": "_rp-sidebar-content_ppg43_1",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_ppg43_17",
-  "rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_ppg43_24",
-  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_ppg43_28"
-}, L = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_17ndw_2",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_17ndw_12"
-}, R = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_8o6id_1",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_8o6id_14"
-}, S = (o) => {
-  o.preventDefault(), o.stopPropagation();
-}, z = (o) => {
-  const { onWidthChange: t, thumbnailRef: x, leftSidebarRef: E, isRPLayout: y } = o, n = w(null), M = w(0), c = w(null), [a, B] = T(s), { container: b } = A(), I = f((r) => {
-    var u, l, m, d, p, g, W, D;
-    S(r);
-    const e = ((l = (u = n.current) == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : l.left) ?? 0, i = ((d = (m = x.current) == null ? void 0 : m.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0;
-    c.current = { x: e, y: 0 }, M.current = i, (p = n.current) == null || p.classList.add(L["rp-thumbnail-dragger-dragging"]), (g = n.current) == null || g.classList.add(R["rp-thumbnail-dragger-dragging"]), (D = (W = n.current) == null ? void 0 : W.closest('[data-rp="thumbnailSidebar"]')) == null || D.classList.add(
-      P["rp-thumbnails-wrapper"],
-      P["rp-thumbnails-wrapper-dragging"]
-    );
-  }, []), h = f((r) => {
-    var e, i;
-    S(r), c.current = null, (e = n.current) == null || e.classList.remove(L["rp-thumbnail-dragger-dragging"]), (i = n.current) == null || i.classList.remove(R["rp-thumbnail-dragger-dragging"]);
-  }, []), _ = f(
-    (r) => {
-      if (!c.current)
-        return;
-      const e = r.clientX - c.current.x, i = Math.max(
-        s,
-        Math.min(M.current + e, a)
-      );
-      t == null || t(i), S(r);
-    },
-    [t, a]
-  );
-  return v(() => {
-    if (!b)
-      return;
-    const r = new ResizeObserver(([e]) => {
-      var d, p, g;
-      const i = ((d = n.current) == null ? void 0 : d.offsetWidth) ?? 0, u = ((g = (p = E.current) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : g.width) ?? 0, l = e.contentRect.width / 2, m = i + u;
-      B(l - m);
-    });
-    return r.observe(b), () => {
-      r.disconnect();
-    };
-  }, [b, E]), v(() => {
-    var e;
-    const r = ((e = x.current) == null ? void 0 : e.clientWidth) ?? s;
-    r > a ? t == null || t(a) : a >= s && r < s && (t == null || t(s));
-  }, [a, t]), v(() => (window.addEventListener("pointermove", _), window.addEventListener("pointerup", h), () => {
-    window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", h);
-  }), [_, h]), /* @__PURE__ */ N(
-    "div",
-    {
-      ref: n,
-      className: y ? R["rp-thumbnail-dragger"] : L["rp-thumbnail-dragger"],
-      onPointerDown: I
-    }
-  );
-};
-export {
-  z as R,
-  P as c
-};