@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.10

package/dist/components/page/TextLayer.js

@@ -1,60 +1,201 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
+import { jsx as B } from "react/jsx-runtime";
+import { useRef as g, useState as H, useMemo as P, useCallback as _, useEffect as w } from "react";
+import { useDocumentContext as G } from "../../contexts/RPDocumentContext.js";
+import * as J from "pdfjs-dist";
+import { resetDivs as $, highlightMatches as U } from "../../utils/highlight.js";
+import { useSearchContext as V } from "../../contexts/SearchContext.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { F as pr } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
+import "../../utils/appConsole.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../utils/charators.js";
+import "../../utils/hooks/useSearch.js";
 import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
+import "../../contexts/ScrollModeContext.js";
 import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../PaginationContext-9217cab4.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../RPConfig.js";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.js";
-import "../ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../ui/Input.js";
-import "../ui/Checkbox.js";
-import "../icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../ui/RPTooltip.js";
-import "../ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
-import "../layout/toolbar/MenuItem.js";
-import "../layout/toolbar/MenuSeparator.js";
-import "../../utils/dateFormatter.js";
-import "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "pdfjs-dist";
-import "../../utils/highlight.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/calculatePage.js";
+import "../../utils/getWordPositionInPage.js";
+const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
+  "rp-text-layer": "_rp-text-layer_1553j_1",
+  selecting: X,
+  markedContent: z,
+  "rp-text-layer-text": "_rp-text-layer-text_1553j_61"
+}, Ae = (k) => {
+  const { pageNumber: d } = k, { pages: R } = G(), i = g(null), { matches: O, currentMatch: v } = V(), [D, A] = H(
+    []
+  ), p = g(), h = g(), L = g([]), y = P(() => O.filter((r) => r.pageIndex === d - 1), [O, d]), T = _(
+    (r, t, e = !1) => {
+      if (e && $(r, t), !y.length) {
+        L.current = [], A([]);
+        return;
+      }
+      const n = U(y, r, t);
+      A(n);
+    },
+    [y]
+  ), x = g(), C = g(!1), E = _(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  w(() => ((() => {
+    if (x.current)
+      return;
+    x.current = new AbortController();
+    const { signal: t } = x.current, e = () => {
+      E().forEach((o) => {
+        const s = o.querySelector(".endOfContent");
+        s && (o.appendChild(s), s.style.width = "", s.style.height = "", o.classList.remove(a.selecting));
+      });
+    };
+    document.addEventListener(
+      "pointerdown",
+      () => {
+        C.current = !0;
+      },
+      { signal: t }
+    ), document.addEventListener(
+      "pointerup",
+      () => {
+        C.current = !1, e();
+      },
+      { signal: t }
+    ), window.addEventListener(
+      "blur",
+      () => {
+        C.current = !1, e();
+      },
+      { signal: t }
+    ), document.addEventListener(
+      "keyup",
+      () => {
+        C.current || e();
+      },
+      { signal: t }
+    );
+    let n = null;
+    document.addEventListener(
+      "selectionchange",
+      () => {
+        var M, j;
+        const o = document.getSelection();
+        if (!o)
+          return;
+        if (o.rangeCount === 0) {
+          e();
+          return;
+        }
+        const s = /* @__PURE__ */ new Set();
+        for (let c = 0; c < o.rangeCount; c++) {
+          const f = o.getRangeAt(c);
+          E().forEach((N) => {
+            f.intersectsNode(N) && !s.has(N) && s.add(N);
+          });
+        }
+        E().forEach((c) => {
+          if (s.has(c))
+            c.classList.add(a.selecting);
+          else {
+            const f = c.querySelector(".endOfContent");
+            f && (c.appendChild(f), f.style.width = "", f.style.height = "", c.classList.remove(a.selecting));
+          }
+        });
+        const l = o.getRangeAt(0);
+        let u = n && (l.compareBoundaryPoints(Range.END_TO_END, n) === 0 || l.compareBoundaryPoints(Range.START_TO_END, n) === 0) ? l.startContainer : l.endContainer;
+        u.nodeType === Node.TEXT_NODE && (u = u.parentNode);
+        const m = (M = u.parentElement) == null ? void 0 : M.closest(
+          a["rp-text-layer"]
+        ), S = m == null ? void 0 : m.querySelector(".endOfContent");
+        S && m && (S.style.width = m.style.width, S.style.height = m.style.height, (j = u.parentElement) == null || j.insertBefore(S, u.nextSibling)), n = l.cloneRange();
+      },
+      { signal: t }
+    );
+  })(), () => {
+    var t;
+    (t = x.current) == null || t.abort(), x.current = void 0;
+  }), [E]);
+  const q = _(() => {
+    i.current && i.current.classList.add(a.selecting);
+  }, []), I = _(() => {
+    i.current && i.current.classList.remove(a.selecting);
+  }, []);
+  return w(() => {
+    if (L.current.forEach((e) => {
+      e.classList.remove("selected");
+    }), !D.length || !v || v.pageIndex !== d - 1)
+      return;
+    const r = y.findIndex(
+      (e) => JSON.stringify(e) === JSON.stringify(v)
+    );
+    if (r === -1)
+      return;
+    const t = D.filter((e) => e.index === r);
+    t.length && (L.current = t.map((e) => e.element), t.forEach((e) => {
+      e.element.classList.add("selected");
+    }));
+  }, [v, D, y]), w(() => {
+    const r = R.get(d);
+    if (!r || !i.current)
+      return;
+    const t = i.current;
+    return p.current && p.current.cancel(), r.page.getTextContent().then((e) => {
+      const n = r.page.getViewport({ scale: 1 });
+      return p.current = new J.TextLayer({
+        viewport: n,
+        textContentSource: e,
+        container: t
+      }), h.current = e, t && (t.innerText = ""), p.current.render();
+    }).then(() => {
+      var s, l;
+      [].slice.call(t.children).forEach((b) => {
+        b.classList.add(a["rp-text-layer-text"]), b.setAttribute("data-rp", "rp-text-layer-text");
+      });
+      const n = (s = p.current) == null ? void 0 : s.textDivs;
+      n && h.current && T(h.current, n);
+      const o = document.createElement("div");
+      o.className = "endOfContent", (l = i.current) == null || l.appendChild(o);
+    }).catch(() => {
+    }), () => {
+      var e;
+      (e = p.current) == null || e.cancel();
+    };
+  }, [R, d]), w(() => {
+    var e;
+    [].slice.call(i.current.children).forEach((n) => {
+      n.classList.add(a["rp-text-layer-text"]);
+    });
+    const t = (e = p.current) == null ? void 0 : e.textDivs;
+    t && h.current && T(h.current, t, !0);
+  }, [T]), /* @__PURE__ */ B(
+    "div",
+    {
+      "data-rp-text-layer": !0,
+      "data-rp": `page-${d}-textLayer`,
+      className: a["rp-text-layer"],
+      ref: i,
+      onMouseDown: q,
+      onMouseUp: I
+    }
+  );
+};
 export {
-  pr as TextLayer
+  Ae as TextLayer
 };

package/dist/components/ui/Button.js

@@ -1,22 +1,23 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as p } from "../../clsx-0c6e471a.js";
-import { withRef as u } from "../../utils/withRef.js";
-import '../../assets/Button.css';const t = {
+import { jsx as p } from "react/jsx-runtime";
+import { c as a } from "../../clsx-0c6e471a.js";
+import { withRef as i } from "../../utils/withRef.js";
+import "react";
+const t = {
   "rp-button": "_rp-button_1jswj_1",
   "rp-button-active": "_rp-button-active_1jswj_18"
-}, _ = u((o, r) => {
+}, j = i((o, r) => {
   const { children: s, active: n, className: c, ...e } = o;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ p(
     "button",
     {
       tabIndex: 0,
       ref: r,
       ...e,
-      className: p(t["rp-button"], c, n ? t["rp-button-active"] : ""),
+      className: a(t["rp-button"], c, n ? t["rp-button-active"] : ""),
       children: s
     }
   );
 });
 export {
-  _ as UIButton
+  j as UIButton
 };

package/dist/components/ui/Checkbox.js

@@ -1,12 +1,14 @@
 import { jsx as i, jsxs as w, Fragment as U } from "react/jsx-runtime";
 import * as s from "react";
-import { c as z, u as B, P as E, a as S, b as G, d as K, e as X } from "../../index-35c7f4a2.js";
+import { c as z, a as B, P as E, b as S, d as G, f as K } from "../../index-c0faa594.js";
+import { u as X } from "../../index-655864a7.js";
 import { CheckIcon as J } from "../icons/CheckIcon.js";
-import '../../assets/Checkbox.css';function Q(e) {
+import "react-dom";
+function Q(e) {
   const r = s.useRef({ value: e, previous: e });
   return s.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
 }
-var g = "Checkbox", [V, re] = z(g), [W, P] = V(g);
+var g = "Checkbox", [V, ne] = z(g), [W, P] = V(g);
 function Y(e) {
   const {
     __scopeCheckbox: r,
@@ -14,19 +16,19 @@ function Y(e) {
     children: d,
     defaultChecked: n,
     disabled: t,
-    form: h,
-    name: f,
+    form: f,
+    name: h,
     onCheckedChange: u,
     required: k,
     value: C = "on",
     // @ts-expect-error
     internal_do_not_use_render: l
-  } = e, [p, v] = X({
+  } = e, [p, v] = K({
     prop: o,
     defaultProp: n ?? !1,
     onChange: u,
     caller: g
-  }), [m, x] = s.useState(null), [_, c] = s.useState(null), a = s.useRef(!1), I = m ? !!h || !!m.closest("form") : (
+  }), [m, x] = s.useState(null), [_, c] = s.useState(null), a = s.useRef(!1), I = m ? !!f || !!m.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
@@ -35,8 +37,8 @@ function Y(e) {
     setChecked: v,
     control: m,
     setControl: x,
-    name: f,
-    form: h,
+    name: h,
+    form: f,
     value: C,
     hasConsumerStoppedPropagationRef: a,
     required: k,
@@ -58,8 +60,8 @@ var M = "CheckboxTrigger", T = s.forwardRef(
   ({ __scopeCheckbox: e, onKeyDown: r, onClick: o, ...d }, n) => {
     const {
       control: t,
-      value: h,
-      disabled: f,
+      value: f,
+      disabled: h,
       checked: u,
       required: k,
       setControl: C,
@@ -82,9 +84,9 @@ var M = "CheckboxTrigger", T = s.forwardRef(
         "aria-checked": b(u) ? "mixed" : u,
         "aria-required": k,
         "data-state": O(u),
-        "data-disabled": f ? "" : void 0,
-        disabled: f,
-        value: h,
+        "data-disabled": h ? "" : void 0,
+        disabled: h,
+        value: f,
         ...d,
         ref: x,
         onKeyDown: S(r, (c) => {
@@ -105,8 +107,8 @@ var q = s.forwardRef(
       name: d,
       checked: n,
       defaultChecked: t,
-      required: h,
-      disabled: f,
+      required: f,
+      disabled: h,
       value: u,
       onCheckedChange: k,
       form: C,
@@ -118,8 +120,8 @@ var q = s.forwardRef(
         __scopeCheckbox: o,
         checked: n,
         defaultChecked: t,
-        disabled: f,
-        required: h,
+        disabled: h,
+        required: f,
         onCheckedChange: k,
         name: d,
         form: C,
@@ -173,15 +175,15 @@ var D = "CheckboxBubbleInput", L = s.forwardRef(
       control: d,
       hasConsumerStoppedPropagationRef: n,
       checked: t,
-      defaultChecked: h,
-      required: f,
+      defaultChecked: f,
+      required: h,
       disabled: u,
       name: k,
       value: C,
       form: l,
       bubbleInput: p,
       setBubbleInput: v
-    } = P(D, e), m = B(o, v), x = Q(t), _ = K(d);
+    } = P(D, e), m = B(o, v), x = Q(t), _ = X(d);
     s.useEffect(() => {
       const a = p;
       if (!a)
@@ -201,8 +203,8 @@ var D = "CheckboxBubbleInput", L = s.forwardRef(
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: h ?? c.current,
-        required: f,
+        defaultChecked: f ?? c.current,
+        required: h,
         disabled: u,
         name: k,
         value: C,
@@ -239,7 +241,7 @@ function O(e) {
 const y = {
   "rp-checkbox": "_rp-checkbox_1vwg8_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_1vwg8_25"
-}, oe = ({
+}, ce = ({
   children: e,
   value: r,
   name: o,
@@ -260,5 +262,5 @@ const y = {
   /* @__PURE__ */ i("label", { className: y["rp-checkbox-label"], htmlFor: o, children: e })
 ] });
 export {
-  oe as UICheckbox
+  ce as UICheckbox
 };

package/dist/components/ui/DropDown.js

@@ -1,29 +1,36 @@
-import { jsxs as l, jsx as d } from "react/jsx-runtime";
-import { R as p, T as c, P as _, C as A } from "../../index-f563c6f0.js";
-import { c as F } from "../../clsx-0c6e471a.js";
-import '../../assets/DropDown.css';const w = "_slideDownAndFade_1vzkq_1", m = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
+import { R as l, T as c, P as _, C as m } from "../../index-4baea9b5.js";
+import { c as A } from "../../clsx-0c6e471a.js";
+import "react";
+import "../../index-c0faa594.js";
+import "react-dom";
+import "../../index-e3ee9457.js";
+import "../../Combination-54a77a7a.js";
+import "../../floating-ui.react-dom-5ec29bd6.js";
+import "../../index-655864a7.js";
+const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
   "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
-  slideDownAndFade: w,
-  slideLeftAndFade: m,
+  slideDownAndFade: F,
+  slideLeftAndFade: w,
   slideUpAndFade: f,
   slideRightAndFade: g,
   "rp-dropdown-arrow": "_rp-dropdown-arrow_1vzkq_30"
-}, z = (e) => {
-  const { triggerComponent: n, children: o, container: s, className: r, open: t, onOpenChange: a, ...i } = e;
-  return /* @__PURE__ */ l(p, { modal: !1, open: t, onOpenChange: a, children: [
+}, P = (e) => {
+  const { triggerComponent: n, children: o, container: r, className: t, open: s, onOpenChange: i, ...a } = e;
+  return /* @__PURE__ */ p(l, { modal: !1, open: s, onOpenChange: i, children: [
     /* @__PURE__ */ d(c, { asChild: !0, children: n }),
-    /* @__PURE__ */ d(_, { container: s, children: /* @__PURE__ */ d(
-      A,
+    /* @__PURE__ */ d(_, { container: r, children: /* @__PURE__ */ d(
+      m,
       {
         sideOffset: 8,
         align: "end",
-        ...i,
-        className: F(h["rp-dropdown-content"], r),
+        ...a,
+        className: A(h["rp-dropdown-content"], t),
         children: o
       }
     ) })
   ] });
 };
 export {
-  z as UIDropDown
+  P as UIDropDown
 };

package/dist/components/ui/Input.js

@@ -1,26 +1,27 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { c as e } from "../../clsx-0c6e471a.js";
 import { withRef as u } from "../../utils/withRef.js";
-import '../../assets/Input.css';const r = {
+import "react";
+const r = {
   "rp-input": "_rp-input_3rj4v_1",
   "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
   "rp-input-icon": "_rp-input-icon_3rj4v_26"
-}, d = u((i, t) => {
-  const { className: s, icon: p, children: c, ...o } = i;
+}, h = u((n, t) => {
+  const { className: s, icon: p, children: o, ...c } = n;
   return /* @__PURE__ */ a("div", { className: r["rp-input-wrapper"], children: [
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ i(
       "input",
       {
-        ...o,
+        ...c,
         "data-icon": !!p,
         ref: t,
         className: e(s, r["rp-input"], "ignore-hover")
       }
     ),
-    p && /* @__PURE__ */ n("span", { className: r["rp-input-icon"], children: p }),
-    c
+    p && /* @__PURE__ */ i("span", { className: r["rp-input-icon"], children: p }),
+    o
   ] });
 });
 export {
-  d as UIInput
+  h as UIInput
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,7 +1,47 @@
-import "react/jsx-runtime";
-import { o as i } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../clsx-0c6e471a.js";
-import "../../contexts/LocalizationContext.js";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { c as o } from "../../clsx-0c6e471a.js";
+import { usePrintContext as p } from "../../contexts/PrintContext.js";
+import { useLocalizationContext as d } from "../../contexts/LocalizationContext.js";
+import "react";
+import "../../utils/hooks/usePrint.js";
+import "../../contexts/RPDocumentContext.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "../../utils/appConsole.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../utils/hooks/useLocalization.js";
+const s = "_loading_wazy2_1", i = {
+  "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
+  "rp-loading-modal": "_rp-loading-modal_wazy2_14",
+  "rp-loading-title": "_rp-loading-title_wazy2_27",
+  "rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
+  "rp-loading-progress": "_rp-loading-progress_wazy2_35",
+  "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
+  loading: s
+}, I = ({ percentage: n }) => {
+  const { cancel: l } = p(), { localeMessages: r } = d();
+  return n < 1 ? null : /* @__PURE__ */ a("div", { className: o(i["rp-loading-overlay"]), children: /* @__PURE__ */ t("div", { className: o(i["rp-loading-modal"]), children: [
+    /* @__PURE__ */ t("div", { className: o(i["rp-loading-title"]), children: [
+      r == null ? void 0 : r.printLoadingMessage,
+      "..."
+    ] }),
+    /* @__PURE__ */ a("div", { className: o(i["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: o(i["rp-loading-progress"]),
+        style: { width: `${n}%` }
+      }
+    ) }),
+    /* @__PURE__ */ a("button", { className: o(i["rp-loading-cancel-button"]), onClick: l, children: r == null ? void 0 : r.printCancelLabel })
+  ] }) });
+};
 export {
-  i as default
+  I as default
 };

package/dist/components/ui/PasswordModal.js

@@ -1,9 +1,12 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { jsx as p, jsxs as t } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { c as o } from "../../clsx-0c6e471a.js";
 import { useLocalizationContext as c } from "../../contexts/LocalizationContext.js";
 import { useDocumentPasswordContext as _ } from "../../contexts/DocumentPasswordContext.js";
-import '../../assets/PasswordModal.css';const r = {
+import "../../utils/appConsole.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../th_TH-d627cd51.js";
+const r = {
   "rp-password-overlay": "_rp-password-overlay_18s56_1",
   "rp-password-modal": "_rp-password-modal_18s56_13",
   "rp-password-title": "_rp-password-title_18s56_27",
@@ -13,22 +16,22 @@ import '../../assets/PasswordModal.css';const r = {
   "rp-password-input-invalid": "_rp-password-input-invalid_18s56_62",
   "rp-password-message-invalid": "_rp-password-message-invalid_18s56_66",
   "rp-password-submit-button": "_rp-password-submit-button_18s56_72"
-}, P = () => {
-  const [p, e] = u(""), { localeMessages: s } = c(), { setPassword: m, invalidPassword: i } = _(), w = (d) => {
-    e(d.target.value);
+}, y = () => {
+  const [a, m] = u(""), { localeMessages: s } = c(), { setPassword: e, invalidPassword: i } = _(), w = (d) => {
+    m(d.target.value);
   }, n = (d) => {
-    d.preventDefault(), p && p.trim() && m(p);
-  }, l = !p.trim();
-  return /* @__PURE__ */ a("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ t("div", { className: o(r["rp-password-modal"]), children: [
-    /* @__PURE__ */ a("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
-    /* @__PURE__ */ a("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
+    d.preventDefault(), a && a.trim() && e(a);
+  }, l = !a.trim();
+  return /* @__PURE__ */ p("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ t("div", { className: o(r["rp-password-modal"]), children: [
+    /* @__PURE__ */ p("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
+    /* @__PURE__ */ p("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
     /* @__PURE__ */ t("form", { onSubmit: n, children: [
       /* @__PURE__ */ t("div", { className: o(r["rp-password-form"]), children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ p(
           "input",
           {
             type: "password",
-            value: p,
+            value: a,
             onChange: w,
             className: o(
               r["rp-password-input"],
@@ -38,9 +41,9 @@ import '../../assets/PasswordModal.css';const r = {
             autoComplete: "off"
           }
         ),
-        /* @__PURE__ */ a("div", { className: o(r["rp-password-message-invalid"]), children: i && /* @__PURE__ */ a("span", { children: s == null ? void 0 : s.passwordError }) })
+        /* @__PURE__ */ p("div", { className: o(r["rp-password-message-invalid"]), children: i && /* @__PURE__ */ p("span", { children: s == null ? void 0 : s.passwordError }) })
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ p(
         "button",
         {
           type: "submit",
@@ -54,5 +57,5 @@ import '../../assets/PasswordModal.css';const r = {
   ] }) });
 };
 export {
-  P as default
+  y as default
 };