@react-pdf-kit/viewer 2.5.0-beta.3 → 2.5.0-rc.0

package/dist/contexts/ElementThumbnailContext.js

@@ -1,5 +1,5 @@
 import { jsx as $ } from "react/jsx-runtime";
-import { createContext as j, useState as B, useRef as P, useEffect as x, useCallback as c, useContext as y, useMemo as k } from "react";
+import { createContext as j, useState as B, useRef as P, useEffect as L, useCallback as s, useContext as y, useMemo as k } from "react";
 import { LicenseType as V } from "../utils/types.js";
 import { usePagesRotateContext as Z } from "./PagesRotateContext.js";
 import { useLicenseContext as z } from "./LicenseContext.js";
@@ -37,34 +37,34 @@ import "./LayoutContainerContext.js";
 import "../utils/hooks/useDebounce.js";
 import "../utils/getScrollDistance.js";
 import "../utils/calculatePage.js";
-const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L = j(
+const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), R = j(
   void 0
 ), Dt = ({ children: i }) => {
-  const [a, u] = B({}), { pageRotate: r } = Z(), { thumbnailPages: m, addToPage: h, thumbnailLength: f } = J(), { scrollBehavior: R } = K(), { totalPages: w } = Q(), v = P(null), S = P(m), A = P(f), [l, C] = B(null);
-  x(() => {
-    S.current = m;
-  }, [m]), x(() => {
+  const [a, u] = B({}), { pageRotate: r } = Z(), { thumbnailPages: c, addToPage: h, thumbnailLength: f } = J(), { scrollBehavior: v } = K(), { totalPages: w } = Q(), S = P(null), C = P(c), A = P(f), [l, x] = B(null);
+  L(() => {
+    C.current = c;
+  }, [c]), L(() => {
     A.current = f;
   }, [f]);
-  const H = c((e) => {
-    v.current = e;
-  }, []), d = c(
+  const H = s((e) => {
+    S.current = e;
+  }, []), d = s(
     (e) => {
       const n = e + Y;
       return w ? Math.min(n, w) : e;
     },
     [w]
-  ), _ = c(
+  ), _ = s(
     (e) => {
       const n = d(e);
-      return !S.current[e] || A.current < n ? (h(n), !1) : !0;
+      return !C.current[e] || A.current < n ? (h(n), !1) : !0;
     },
     [h, d]
-  ), G = c(
+  ), G = s(
     (e, n) => {
       u((o) => {
-        var s;
-        const t = (s = m[e]) == null ? void 0 : s.viewport, p = {
+        var m;
+        const t = (m = C.current[e]) == null ? void 0 : m.viewport, p = {
           width: t ? t.width : 0,
           height: t ? t.height : 0
         };
@@ -74,47 +74,47 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
         };
       });
     },
-    [m, r]
-  ), O = c((e) => {
+    [r]
+  ), O = s((e) => {
     u((n) => {
       const o = { ...n };
       return delete o[e], o;
     });
-  }, []), U = c((e, n) => {
+  }, []), U = s((e, n) => {
     u((o) => {
       const t = { ...o };
-      return t[e] ? (t[e] = t[e].filter((p, s) => s !== n), t) : o;
+      return t[e] ? (t[e] = t[e].filter((p, m) => m !== n), t) : o;
     });
-  }, []), T = c(
+  }, []), T = s(
     (e, n, o) => {
       var F;
-      const t = v.current;
+      const t = S.current;
       if (!t)
         return !1;
       const p = t.querySelector(
         `[data-rp="thumbnail-${e}-customElement"]`
-      ), s = (F = p == null ? void 0 : p.children) == null ? void 0 : F[n];
-      if (!s)
+      ), m = (F = p == null ? void 0 : p.children) == null ? void 0 : F[n];
+      if (!m)
         return !1;
-      const D = s.closest(`[id="page-${e}"]`) ?? s, M = t.getBoundingClientRect(), g = D.getBoundingClientRect(), N = t.scrollTop + (g.top - M.top) - (t.clientHeight - g.height) / 2, q = t.scrollLeft + (g.left - M.left) - (t.clientWidth - g.width) / 2;
+      const D = m.closest(`[id="page-${e}"]`) ?? m, M = t.getBoundingClientRect(), g = D.getBoundingClientRect(), N = t.scrollTop + (g.top - M.top) - (t.clientHeight - g.height) / 2, q = t.scrollLeft + (g.left - M.left) - (t.clientWidth - g.width) / 2;
       return t.scrollTo({
         top: I(N, t.scrollHeight - t.clientHeight),
         left: I(q, t.scrollWidth - t.clientWidth),
-        behavior: (o == null ? void 0 : o.behavior) ?? R
+        behavior: (o == null ? void 0 : o.behavior) ?? v
       }), !0;
     },
-    [R]
-  ), W = c(
+    [v]
+  ), W = s(
     (e, n, o) => {
-      T(e, n, o) || (_(e), C({ page: e, index: n, config: o, attempt: 0 }));
+      T(e, n, o) || (_(e), x({ page: e, index: n, config: o, attempt: 0 }));
     },
     [_, T]
   );
-  return x(() => {
+  return L(() => {
     if (!l)
       return;
     const e = d(l.page);
-    if (!m[l.page] || f < e) {
+    if (!c[l.page] || f < e) {
       h(e);
       return;
     }
@@ -124,10 +124,10 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
         l.index,
         l.config
       )) {
-        C(null);
+        x(null);
         return;
       }
-      l.attempt < X && C((t) => !t || t.page !== l.page || t.index !== l.index ? t : { ...t, attempt: t.attempt + 1 });
+      l.attempt < X && x((t) => !t || t.page !== l.page || t.index !== l.index ? t : { ...t, attempt: t.attempt + 1 });
     });
     return () => {
       window.cancelAnimationFrame(n);
@@ -138,9 +138,9 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
     l,
     T,
     f,
-    m
+    c
   ]), /* @__PURE__ */ $(
-    L.Provider,
+    R.Provider,
     {
       value: {
         updateElement: G,
@@ -155,10 +155,10 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
   );
 }, E = () => {
 }, Nt = () => {
-  const i = y(L);
+  const i = y(R);
   return (i == null ? void 0 : i.setThumbnailContainer) ?? E;
 }, qt = () => {
-  const i = y(L), { type: a, validating: u } = z(), r = P(0), m = k(() => {
+  const i = y(R), { type: a, validating: u } = z(), r = P(0), c = k(() => {
     if (u !== !1)
       return {
         updateElement: E,
@@ -186,10 +186,10 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
   }, [a, u]);
   if (!i)
     throw new Error("useElementThumbnailContext must be used within a ElementThumbnailProvider");
-  return m || i;
+  return c || i;
 };
 export {
-  L as ElementThumbnailContext,
+  R as ElementThumbnailContext,
   Dt as ElementThumbnailProvider,
   qt as useElementThumbnailContext,
   Nt as useThumbnailContainerRegister

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ 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-8145915f.js";
-const A = /* @__PURE__ */ new Date("2026-05-06T03:41:32.991Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-05-06T12:44:45.520Z"), v = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y
@@ -10,7 +10,7 @@ Bm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W
 vXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD
 vzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR
 kwIDAQAB
------END PUBLIC KEY-----`, f = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+-----END PUBLIC KEY-----`, f = "Please visit https://app.react-pdf-kit.dev 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}`,
@@ -31,7 +31,7 @@ function I(a) {
 }
 async function T(a) {
   try {
-    const i = await import("../../index-e04c91b1.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();
+    const i = await import("../../index-e04c91b1.js").then((u) => u.i), e = (i == null ? void 0 : i.default) ?? i, t = e.pki.publicKeyFromPem(v), 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(),
@@ -50,7 +50,7 @@ async function B(a, i = "SHA-256") {
     let r = !1;
     try {
       if ((e = window.crypto) != null && e.subtle) {
-        const n = S(w), s = await window.crypto.subtle.importKey(
+        const n = S(v), s = await window.crypto.subtle.importKey(
           "spki",
           n,
           { name: "RSA-PSS", hash: i },
@@ -96,26 +96,26 @@ const N = (a, i) => {
       throw c.warn(l.message), new Error(l.message);
     }
     c.debug(">>> validatedLicense", r);
-    const { avu: n, exp: s, dmt: d, dm: u, t: g } = r;
+    const { avu: n, exp: s, dmt: d, dm: u, t: p } = r;
     if (!s)
       throw new Error("License is missing expiration timestamp");
     if (s > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid expiration timestamp: value too large");
-    const v = new Date(s * 1e3), h = (/* @__PURE__ */ new Date()).getTime();
-    if (v.getTime() < h)
+    const w = new Date(s * 1e3), h = (/* @__PURE__ */ new Date()).getTime();
+    if (w.getTime() < h)
       throw new Error(o.expired);
     if (!n)
       throw new Error("License is missing available until version timestamp");
     if (n > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid available until version timestamp: value too large");
-    const p = new Date(n * 1e3);
-    if (c.debug("availableUntilTimestamp", p), p.getTime() < A.getTime())
+    const g = new Date(n * 1e3);
+    if (c.debug("availableUntilTimestamp", g), g.getTime() < A.getTime())
       throw new Error(o.exceededVersion);
-    if (g !== L.Custom && !N(d, u))
+    if (p !== L.Custom && !N(d, u))
       throw new Error(o.mismatchedDomain);
     return {
       isValid: !0,
-      type: g,
+      type: p,
       invalidatedMessage: void 0
     };
   }, [a]);

package/package.json

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