@votodigital-onpeui/react 0.1.14 → 0.1.15

package/dist/chunk-RU4LXI3J.mjs

@@ -0,0 +1,336 @@
+import { IconCloseRadius } from './chunk-LTBKWXBG.mjs';
+import { useState, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Portal = ({ children, container }) => {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  if (!mounted) return null;
+  let portalElement = container || document.querySelector("#portal");
+  if (!portalElement) {
+    portalElement = document.body;
+  }
+  return createPortal(children, portalElement);
+};
+var Modal = ({
+  isOpen,
+  onClose,
+  children,
+  whitoutBackground = false,
+  closeButton = false,
+  closeDisabled = false,
+  escapeToClose = true,
+  disableFocus = false,
+  disableFocusRestore = false,
+  existTabIndex = true,
+  zIndexLevel = 100,
+  onCloseComplete,
+  overlayColor: _overlayColor = "blue",
+  ...props
+}) => {
+  const modalRef = useRef(null);
+  const contentRef = useRef(null);
+  const previousActiveElement = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  const [visible, setVisible] = useState(false);
+  const [cachedChildren, setCachedChildren] = useState(children);
+  useEffect(() => {
+    if (isOpen) {
+      setCachedChildren(children);
+    }
+  }, [isOpen, children]);
+  useEffect(() => {
+    if (isOpen) {
+      setMounted(true);
+      const raf = requestAnimationFrame(() => {
+        requestAnimationFrame(() => setVisible(true));
+      });
+      return () => cancelAnimationFrame(raf);
+    } else {
+      setVisible(false);
+      const timer = setTimeout(() => {
+        setMounted(false);
+        onCloseComplete?.();
+      }, 200);
+      return () => clearTimeout(timer);
+    }
+  }, [isOpen, onCloseComplete]);
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen) return;
+    const resetScroll = () => {
+      const el = contentRef.current;
+      if (!el) return;
+      el.style.scrollBehavior = "auto";
+      el.scrollTop = 0;
+      requestAnimationFrame(() => {
+        el.scrollTop = 0;
+        setTimeout(() => {
+          el.style.scrollBehavior = "smooth";
+        }, 10);
+      });
+    };
+    resetScroll();
+    [10, 50, 100, 200].forEach((d) => setTimeout(resetScroll, d));
+  }, [isOpen]);
+  useEffect(() => {
+    let focusOutWrapper = null;
+    const pendingTasks = [];
+    const isElementVisible = (element) => {
+      const style = window.getComputedStyle(element);
+      return style.visibility !== "hidden" && style.display !== "none" && element.offsetParent !== null;
+    };
+    const getFocusableElements = (wrapper) => {
+      const selector = [
+        "a[href]",
+        "area[href]",
+        "button:not([disabled])",
+        'input:not([disabled]):not([type="hidden"])',
+        "select:not([disabled])",
+        "textarea:not([disabled])",
+        "iframe",
+        "object",
+        "embed",
+        '[tabindex]:not([tabindex="-1"])',
+        '[contenteditable="true"]'
+      ].join(",");
+      let focusable = Array.from(
+        wrapper.querySelectorAll(selector)
+      ).filter((el) => isElementVisible(el) && el.tabIndex !== -1);
+      if (wrapper.tabIndex >= 0) {
+        focusable = [wrapper, ...focusable];
+      }
+      return focusable;
+    };
+    const handleFocusOut = (e) => {
+      if (!isOpen || disableFocus) return;
+      const wrapper = modalRef.current;
+      if (!wrapper) return;
+      const relatedTarget = e.relatedTarget;
+      if (relatedTarget && !wrapper.contains(relatedTarget)) {
+        setTimeout(() => {
+          const currentActive = document.activeElement;
+          if (!currentActive || !wrapper.contains(currentActive)) {
+            const focusable = getFocusableElements(wrapper);
+            if (focusable.length > 0) {
+              focusable[focusable.length - 1].focus();
+            } else {
+              wrapper.focus();
+            }
+          }
+        }, 0);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && escapeToClose && !closeDisabled) {
+        onClose();
+        return;
+      }
+      if (!isOpen || disableFocus) return;
+      const wrapper = modalRef.current;
+      if (!wrapper) return;
+      const focusable = getFocusableElements(wrapper);
+      const active = document.activeElement || null;
+      const arrowKeys = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+      if (arrowKeys.includes(e.key)) {
+        if (active && wrapper.contains(active)) {
+          const activeIndex2 = focusable.indexOf(active);
+          if ((e.key === "ArrowUp" || e.key === "ArrowLeft") && activeIndex2 === 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (focusable.length > 1) focusable[focusable.length - 1].focus();
+            else active.focus();
+            return;
+          }
+          if ((e.key === "ArrowDown" || e.key === "ArrowRight") && activeIndex2 === focusable.length - 1) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (focusable.length > 1) focusable[0].focus();
+            else active.focus();
+            return;
+          }
+          requestAnimationFrame(() => {
+            const currentActive = document.activeElement;
+            if (!currentActive || !wrapper.contains(currentActive)) {
+              if (activeIndex2 !== -1 && focusable[activeIndex2])
+                focusable[activeIndex2].focus();
+              else if (focusable.length > 0) focusable[0].focus();
+              else wrapper.focus();
+            }
+          });
+        } else {
+          e.preventDefault();
+          if (focusable.length > 0) {
+            if (e.key === "ArrowUp" || e.key === "ArrowLeft")
+              focusable[focusable.length - 1].focus();
+            else focusable[0].focus();
+          } else {
+            wrapper.focus();
+          }
+        }
+        return;
+      }
+      if (e.key !== "Tab") return;
+      if (focusable.length === 0) {
+        e.preventDefault();
+        wrapper.focus();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      const isShift = e.shiftKey;
+      if (!active || !wrapper.contains(active)) {
+        e.preventDefault();
+        (isShift ? last : first).focus();
+        return;
+      }
+      const activeIndex = focusable.indexOf(active);
+      if (!isShift && (active === last || activeIndex === focusable.length - 1)) {
+        e.preventDefault();
+        first.focus();
+        return;
+      }
+      if (isShift) {
+        e.preventDefault();
+        if (active === first || active === wrapper || activeIndex === 0)
+          last.focus();
+        else if (activeIndex > 0) focusable[activeIndex - 1].focus();
+        else last.focus();
+      }
+    };
+    if (isOpen && !disableFocus) {
+      previousActiveElement.current = document.activeElement;
+      const labelledById = props["aria-labelledby"];
+      const focusInitial = (wrapper) => {
+        if (labelledById) {
+          const labelEl = document.getElementById(labelledById);
+          if (labelEl instanceof HTMLElement) {
+            if (!labelEl.hasAttribute("tabindex")) labelEl.setAttribute("tabindex", "-1");
+            labelEl.focus({ preventScroll: true });
+            return;
+          }
+        }
+        const focusable = getFocusableElements(wrapper);
+        const first = focusable[0];
+        if (first) first.focus({ preventScroll: true });
+        else wrapper.focus();
+      };
+      const bindFocusManagement = (attempt = 0) => {
+        const wrapper = modalRef.current;
+        if (!wrapper) {
+          if (attempt < 10) {
+            pendingTasks.push(
+              globalThis.setTimeout(() => bindFocusManagement(attempt + 1), 25)
+            );
+          }
+          return;
+        }
+        if (focusOutWrapper !== wrapper) {
+          focusOutWrapper?.removeEventListener("focusout", handleFocusOut);
+          wrapper.addEventListener("focusout", handleFocusOut);
+          focusOutWrapper = wrapper;
+        }
+        focusInitial(wrapper);
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      pendingTasks.push(globalThis.setTimeout(() => bindFocusManagement(), 0));
+    } else if (isOpen && disableFocus) {
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      pendingTasks.forEach((task) => globalThis.clearTimeout(task));
+      document.removeEventListener("keydown", handleKeyDown);
+      focusOutWrapper?.removeEventListener("focusout", handleFocusOut);
+      if (!disableFocus && !disableFocusRestore && previousActiveElement.current) {
+        previousActiveElement.current.focus();
+      }
+    };
+  }, [
+    isOpen,
+    onClose,
+    closeDisabled,
+    escapeToClose,
+    disableFocus,
+    disableFocusRestore,
+    props["aria-labelledby"]
+  ]);
+  if (!mounted) return null;
+  const contentClass = [
+    "relative flex flex-col items-center justify-start",
+    whitoutBackground ? "bg-transparent" : [
+      "bg-white",
+      "pt-[25px] px-4 pb-[50px]",
+      "min-w-[320px] w-[95vw] max-w-[95vw] max-h-[90vh]",
+      "overflow-y-auto scroll-smooth",
+      "md:pt-[35px] md:px-8 md:pb-[54px] md:max-w-[1000px]"
+    ].join(" "),
+    props.className || ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Portal, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { zIndex: zIndexLevel },
+        className: [
+          "fixed inset-0 bg-onpe-blue transition-opacity duration-200",
+          visible ? "opacity-80" : "opacity-0"
+        ].join(" "),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { zIndex: zIndexLevel + 10 },
+        className: [
+          "fixed top-0 w-full h-screen grid place-items-center",
+          "transition-all duration-200",
+          visible ? "opacity-100 scale-100 translate-y-0" : "opacity-[0.2] scale-95 -translate-y-5"
+        ].join(" "),
+        children: /* @__PURE__ */ jsx("div", { className: "relative grid place-items-center", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: modalRef,
+            onClick: (e) => e.stopPropagation(),
+            ...existTabIndex && { tabIndex: disableFocus ? -1 : 0 },
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": props["aria-labelledby"],
+            "aria-describedby": props["aria-describedby"],
+            "aria-label": props["aria-label"],
+            children: [
+              /* @__PURE__ */ jsx("div", { ref: contentRef, className: contentClass, children: cachedChildren }),
+              closeButton && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "absolute top-2.5 right-2.5 text-onpe-red cursor-pointer w-4 h-4 border-none bg-transparent p-0 md:w-6 md:h-6",
+                  "aria-label": "Cerrar",
+                  type: "button",
+                  children: /* @__PURE__ */ jsx(IconCloseRadius, { "aria-hidden": "true", className: "w-full h-full" })
+                }
+              )
+            ]
+          }
+        ) })
+      }
+    )
+  ] });
+};
+
+export { Modal, Portal };
+//# sourceMappingURL=chunk-RU4LXI3J.mjs.map
+//# sourceMappingURL=chunk-RU4LXI3J.mjs.map

package/dist/chunk-RU4LXI3J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Portal/Portal.tsx","../src/components/Modal/Modal.tsx"],"names":["useState","useEffect","activeIndex"],"mappings":"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","file":"chunk-RU4LXI3J.mjs","sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\nexport interface PortalProps {\r\n  children?: ReactNode;\r\n  container?: Element | DocumentFragment | null;\r\n}\r\n\r\nexport const Portal = ({ children, container }: PortalProps) => {\r\n  const [mounted, setMounted] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setMounted(true);\r\n    return () => setMounted(false);\r\n  }, []);\r\n\r\n  if (!mounted) return null;\r\n\r\n  let portalElement = container || document.querySelector(\"#portal\");\r\n  if (!portalElement) {\r\n    portalElement = document.body;\r\n  }\r\n\r\n  return createPortal(children, portalElement);\r\n};\r\n\r\nexport default Portal;\r\n","import { HTMLAttributes, ReactNode, useEffect, useRef, useState } from \"react\";\r\nimport { Portal } from \"../Portal/Portal\";\r\nimport { IconCloseRadius } from \"../../icons/Actions/IconCloseRadius\";\r\n\r\nexport interface ModalProps extends HTMLAttributes<HTMLDivElement> {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  children: ReactNode;\r\n  whitoutBackground?: boolean;\r\n  closeButton?: boolean;\r\n  closeDisabled?: boolean;\r\n  escapeToClose?: boolean;\r\n  disableFocus?: boolean;\r\n  disableFocusRestore?: boolean;\r\n  existTabIndex?: boolean;\r\n  zIndexLevel?: number;\r\n  onCloseComplete?: () => void;\r\n  overlayColor?:\r\n    | \"blue\"\r\n    | \"skyblue\"\r\n    | \"skyblue-light\"\r\n    | \"yellow\"\r\n    | \"light-skyblue\"\r\n    | \"gray\"\r\n    | \"gray-light\"\r\n    | \"gray-extra-light\"\r\n    | \"red\"\r\n    | \"dark-gray\"\r\n    | \"green\"\r\n    | \"yellow-light\"\r\n    | \"primary\";\r\n}\r\n\r\nexport const Modal = ({\r\n  isOpen,\r\n  onClose,\r\n  children,\r\n  whitoutBackground = false,\r\n  closeButton = false,\r\n  closeDisabled = false,\r\n  escapeToClose = true,\r\n  disableFocus = false,\r\n  disableFocusRestore = false,\r\n  existTabIndex = true,\r\n  zIndexLevel = 100,\r\n  onCloseComplete,\r\n  overlayColor: _overlayColor = \"blue\",\r\n  ...props\r\n}: ModalProps) => {\r\n  const modalRef = useRef<HTMLDivElement>(null);\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const previousActiveElement = useRef<HTMLElement | null>(null);\r\n\r\n  // CSS animation state (replaces framer-motion AnimatePresence)\r\n  const [mounted, setMounted] = useState(false);\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  // Cache children during exit animation (replicates AnimatePresence behavior):\r\n  // when global state clears data before the modal finishes closing, the cached\r\n  // children keep the content visible throughout the exit animation.\r\n  const [cachedChildren, setCachedChildren] = useState<ReactNode>(children);\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      setCachedChildren(children);\r\n    }\r\n  }, [isOpen, children]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      setMounted(true);\r\n      const raf = requestAnimationFrame(() => {\r\n        requestAnimationFrame(() => setVisible(true));\r\n      });\r\n      return () => cancelAnimationFrame(raf);\r\n    } else {\r\n      setVisible(false);\r\n      const timer = setTimeout(() => {\r\n        setMounted(false);\r\n        onCloseComplete?.();\r\n      }, 200);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [isOpen, onCloseComplete]);\r\n\r\n  // Body scroll lock\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.style.overflow = \"hidden\";\r\n    } else {\r\n      document.body.style.overflow = \"\";\r\n    }\r\n    return () => {\r\n      document.body.style.overflow = \"\";\r\n    };\r\n  }, [isOpen]);\r\n\r\n  // Scroll reset when opening\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n    const resetScroll = () => {\r\n      const el = contentRef.current;\r\n      if (!el) return;\r\n      el.style.scrollBehavior = \"auto\";\r\n      el.scrollTop = 0;\r\n      requestAnimationFrame(() => {\r\n        el.scrollTop = 0;\r\n        setTimeout(() => {\r\n          el.style.scrollBehavior = \"smooth\";\r\n        }, 10);\r\n      });\r\n    };\r\n    resetScroll();\r\n    [10, 50, 100, 200].forEach((d) => setTimeout(resetScroll, d));\r\n  }, [isOpen]);\r\n\r\n  // Keyboard handling and focus trap\r\n  useEffect(() => {\r\n    let focusOutWrapper: HTMLDivElement | null = null;\r\n    const pendingTasks: Array<ReturnType<typeof globalThis.setTimeout>> = [];\r\n\r\n    const isElementVisible = (element: HTMLElement) => {\r\n      const style = window.getComputedStyle(element);\r\n      return (\r\n        style.visibility !== \"hidden\" &&\r\n        style.display !== \"none\" &&\r\n        element.offsetParent !== null\r\n      );\r\n    };\r\n\r\n    const getFocusableElements = (wrapper: HTMLElement) => {\r\n      const selector = [\r\n        \"a[href]\",\r\n        \"area[href]\",\r\n        \"button:not([disabled])\",\r\n        'input:not([disabled]):not([type=\"hidden\"])',\r\n        \"select:not([disabled])\",\r\n        \"textarea:not([disabled])\",\r\n        \"iframe\",\r\n        \"object\",\r\n        \"embed\",\r\n        '[tabindex]:not([tabindex=\"-1\"])',\r\n        '[contenteditable=\"true\"]',\r\n      ].join(\",\");\r\n\r\n      let focusable = Array.from(\r\n        wrapper.querySelectorAll<HTMLElement>(selector)\r\n      ).filter((el) => isElementVisible(el) && el.tabIndex !== -1);\r\n\r\n      if (wrapper.tabIndex >= 0) {\r\n        focusable = [wrapper, ...focusable];\r\n      }\r\n      return focusable;\r\n    };\r\n\r\n    const handleFocusOut = (e: FocusEvent) => {\r\n      if (!isOpen || disableFocus) return;\r\n      const wrapper = modalRef.current;\r\n      if (!wrapper) return;\r\n      const relatedTarget = e.relatedTarget as HTMLElement;\r\n      if (relatedTarget && !wrapper.contains(relatedTarget)) {\r\n        setTimeout(() => {\r\n          const currentActive = document.activeElement as HTMLElement;\r\n          if (!currentActive || !wrapper.contains(currentActive)) {\r\n            const focusable = getFocusableElements(wrapper);\r\n            if (focusable.length > 0) {\r\n              focusable[focusable.length - 1].focus();\r\n            } else {\r\n              wrapper.focus();\r\n            }\r\n          }\r\n        }, 0);\r\n      }\r\n    };\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && escapeToClose && !closeDisabled) {\r\n        onClose();\r\n        return;\r\n      }\r\n\r\n      if (!isOpen || disableFocus) return;\r\n      const wrapper = modalRef.current;\r\n      if (!wrapper) return;\r\n\r\n      const focusable = getFocusableElements(wrapper);\r\n      const active = (document.activeElement as HTMLElement) || null;\r\n\r\n      const arrowKeys = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"];\r\n      if (arrowKeys.includes(e.key)) {\r\n        if (active && wrapper.contains(active)) {\r\n          const activeIndex = focusable.indexOf(active);\r\n          if (\r\n            (e.key === \"ArrowUp\" || e.key === \"ArrowLeft\") &&\r\n            activeIndex === 0\r\n          ) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            if (focusable.length > 1) focusable[focusable.length - 1].focus();\r\n            else active.focus();\r\n            return;\r\n          }\r\n          if (\r\n            (e.key === \"ArrowDown\" || e.key === \"ArrowRight\") &&\r\n            activeIndex === focusable.length - 1\r\n          ) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n            if (focusable.length > 1) focusable[0].focus();\r\n            else active.focus();\r\n            return;\r\n          }\r\n          requestAnimationFrame(() => {\r\n            const currentActive = document.activeElement as HTMLElement;\r\n            if (!currentActive || !wrapper.contains(currentActive)) {\r\n              if (activeIndex !== -1 && focusable[activeIndex])\r\n                focusable[activeIndex].focus();\r\n              else if (focusable.length > 0) focusable[0].focus();\r\n              else wrapper.focus();\r\n            }\r\n          });\r\n        } else {\r\n          e.preventDefault();\r\n          if (focusable.length > 0) {\r\n            if (e.key === \"ArrowUp\" || e.key === \"ArrowLeft\")\r\n              focusable[focusable.length - 1].focus();\r\n            else focusable[0].focus();\r\n          } else {\r\n            wrapper.focus();\r\n          }\r\n        }\r\n        return;\r\n      }\r\n\r\n      if (e.key !== \"Tab\") return;\r\n      if (focusable.length === 0) {\r\n        e.preventDefault();\r\n        wrapper.focus();\r\n        return;\r\n      }\r\n\r\n      const first = focusable[0];\r\n      const last = focusable[focusable.length - 1];\r\n      const isShift = e.shiftKey;\r\n\r\n      if (!active || !wrapper.contains(active)) {\r\n        e.preventDefault();\r\n        (isShift ? last : first).focus();\r\n        return;\r\n      }\r\n\r\n      const activeIndex = focusable.indexOf(active);\r\n      if (!isShift && (active === last || activeIndex === focusable.length - 1)) {\r\n        e.preventDefault();\r\n        first.focus();\r\n        return;\r\n      }\r\n\r\n      if (isShift) {\r\n        e.preventDefault();\r\n        if (active === first || active === wrapper || activeIndex === 0)\r\n          last.focus();\r\n        else if (activeIndex > 0) focusable[activeIndex - 1].focus();\r\n        else last.focus();\r\n      }\r\n    };\r\n\r\n    if (isOpen && !disableFocus) {\r\n      previousActiveElement.current = document.activeElement as HTMLElement;\r\n      const labelledById = props[\"aria-labelledby\"];\r\n\r\n      const focusInitial = (wrapper: HTMLElement) => {\r\n        if (labelledById) {\r\n          const labelEl = document.getElementById(labelledById);\r\n          if (labelEl instanceof HTMLElement) {\r\n            if (!labelEl.hasAttribute(\"tabindex\")) labelEl.setAttribute(\"tabindex\", \"-1\");\r\n            labelEl.focus({ preventScroll: true });\r\n            return;\r\n          }\r\n        }\r\n        const focusable = getFocusableElements(wrapper);\r\n        const first = focusable[0];\r\n        if (first) first.focus({ preventScroll: true });\r\n        else wrapper.focus();\r\n      };\r\n\r\n      const bindFocusManagement = (attempt = 0) => {\r\n        const wrapper = modalRef.current;\r\n        if (!wrapper) {\r\n          if (attempt < 10) {\r\n            pendingTasks.push(\r\n              globalThis.setTimeout(() => bindFocusManagement(attempt + 1), 25)\r\n            );\r\n          }\r\n          return;\r\n        }\r\n\r\n        if (focusOutWrapper !== wrapper) {\r\n          focusOutWrapper?.removeEventListener(\"focusout\", handleFocusOut);\r\n          wrapper.addEventListener(\"focusout\", handleFocusOut);\r\n          focusOutWrapper = wrapper;\r\n        }\r\n\r\n        focusInitial(wrapper);\r\n      };\r\n\r\n      document.addEventListener(\"keydown\", handleKeyDown);\r\n      pendingTasks.push(globalThis.setTimeout(() => bindFocusManagement(), 0));\r\n    } else if (isOpen && disableFocus) {\r\n      document.addEventListener(\"keydown\", handleKeyDown);\r\n    }\r\n\r\n    return () => {\r\n      pendingTasks.forEach((task) => globalThis.clearTimeout(task));\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n      focusOutWrapper?.removeEventListener(\"focusout\", handleFocusOut);\r\n      if (!disableFocus && !disableFocusRestore && previousActiveElement.current) {\r\n        previousActiveElement.current.focus();\r\n      }\r\n    };\r\n  }, [\r\n    isOpen,\r\n    onClose,\r\n    closeDisabled,\r\n    escapeToClose,\r\n    disableFocus,\r\n    disableFocusRestore,\r\n    props[\"aria-labelledby\"],\r\n  ]);\r\n\r\n  if (!mounted) return null;\r\n\r\n  const contentClass = [\r\n    \"relative flex flex-col items-center justify-start\",\r\n    whitoutBackground\r\n      ? \"bg-transparent\"\r\n      : [\r\n          \"bg-white\",\r\n          \"pt-[25px] px-4 pb-[50px]\",\r\n          \"min-w-[320px] w-[95vw] max-w-[95vw] max-h-[90vh]\",\r\n          \"overflow-y-auto scroll-smooth\",\r\n          \"md:pt-[35px] md:px-8 md:pb-[54px] md:max-w-[1000px]\",\r\n        ].join(\" \"),\r\n    props.className || \"\",\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <Portal>\r\n      {/* Backdrop */}\r\n      <div\r\n        style={{ zIndex: zIndexLevel }}\r\n        className={[\r\n          \"fixed inset-0 bg-onpe-blue transition-opacity duration-200\",\r\n          visible ? \"opacity-80\" : \"opacity-0\",\r\n        ].join(\" \")}\r\n        onClick={onClose}\r\n      />\r\n\r\n      {/* Container */}\r\n      <div\r\n        style={{ zIndex: zIndexLevel + 10 }}\r\n        className={[\r\n          \"fixed top-0 w-full h-screen grid place-items-center\",\r\n          \"transition-all duration-200\",\r\n          visible\r\n            ? \"opacity-100 scale-100 translate-y-0\"\r\n            : \"opacity-[0.2] scale-95 -translate-y-5\",\r\n        ].join(\" \")}\r\n      >\r\n        <div className=\"relative grid place-items-center\">\r\n          <div\r\n            ref={modalRef}\r\n            onClick={(e) => e.stopPropagation()}\r\n            {...(existTabIndex && { tabIndex: disableFocus ? -1 : 0 })}\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n            aria-labelledby={props[\"aria-labelledby\"]}\r\n            aria-describedby={props[\"aria-describedby\"]}\r\n            aria-label={props[\"aria-label\"]}\r\n          >\r\n            <div ref={contentRef} className={contentClass}>\r\n              {cachedChildren}\r\n            </div>\r\n            {closeButton && (\r\n              <button\r\n                onClick={onClose}\r\n                className=\"absolute top-2.5 right-2.5 text-onpe-red cursor-pointer w-4 h-4 border-none bg-transparent p-0 md:w-6 md:h-6\"\r\n                aria-label=\"Cerrar\"\r\n                type=\"button\"\r\n              >\r\n                <IconCloseRadius aria-hidden=\"true\" className=\"w-full h-full\" />\r\n              </button>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Portal>\r\n  );\r\n};\r\n\r\nexport default Modal;\r\n"]}

package/dist/components.mjs

@@ -1,4 +1,6 @@
-export { BrowserRecommended, Button, Footer, Modal, ModalBrowserIncompatible, ModalConfirm, ModalDnieVersions, ModalLoading, ModalNfc, ModalSystemIncompatible, NotRecommended, Overlay, Portal, Show } from './chunk-7CLKQHKZ.mjs';
-import './chunk-UEKVXFZK.mjs';
+export { BrowserRecommended, Button, Footer, ModalBrowserIncompatible, ModalConfirm, ModalDnieVersions, ModalLoading, ModalNfc, ModalSystemIncompatible, NotRecommended, Overlay, Show } from './chunk-IPUE4N5Z.mjs';
+import './chunk-2KVNK7AG.mjs';
+export { Modal, Portal } from './chunk-RU4LXI3J.mjs';
+import './chunk-LTBKWXBG.mjs';
 //# sourceMappingURL=components.mjs.map
 //# sourceMappingURL=components.mjs.map

package/dist/hooks.d.mts

@@ -0,0 +1,114 @@
+import * as zustand from 'zustand';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ModalIframePreloadStore {
+    modalUrl: string;
+    isOpenModal: boolean;
+    isIframeReady: boolean;
+    setModalUrl: (url: string) => void;
+    openModal: () => void;
+    closeModal: () => void;
+    setIsIframeReady: (ready: boolean) => void;
+    reset: () => void;
+}
+declare const useModalIframePreload: zustand.UseBoundStore<zustand.StoreApi<ModalIframePreloadStore>>;
+
+type MessageStatus = "EXPIRED_APP" | "OPEN_APP" | "LAUNCH_APP";
+interface IframeMessage {
+    status: MessageStatus;
+    url?: string;
+    data?: unknown;
+    token?: string;
+}
+interface UseIframeCommunicationParams {
+    onExpiredApp?: (data: IframeMessage) => void;
+    onOpenApp?: (data: IframeMessage) => void;
+    onLaunchApp?: (data: IframeMessage) => void;
+    enabled?: boolean;
+    allowedOrigin?: string;
+}
+declare const useIframeCommunication: ({ onExpiredApp, onOpenApp, onLaunchApp, enabled, allowedOrigin, }?: UseIframeCommunicationParams) => void;
+interface UseSendMessageToIframeParams {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    modalUrl: string;
+}
+declare const useSendMessageToIframe: ({ iframeRef, modalUrl, }: UseSendMessageToIframeParams) => {
+    sendMessageToIframe: (message: Record<string, unknown>) => void;
+};
+
+declare const useIframePreload: () => {
+    modalUrl: string;
+    setModalUrl: (url: string) => void;
+    isOpenModal: boolean;
+    closeModal: () => void;
+    isPreloading: boolean;
+    preloadIframeRef: react.RefObject<HTMLIFrameElement | null>;
+    iframeRef: react.RefObject<HTMLIFrameElement | null>;
+    handlePreloadIframeReady: () => void;
+    handleModalIframeReady: () => void;
+    reset: () => void;
+};
+
+interface SocketEventData {
+    success: boolean;
+    token: string;
+}
+interface UseSocketConnectionParams {
+    socketUrl: string;
+    secure?: boolean;
+    isOpenLaunchApp: boolean;
+    dataOpenLaunchApp: Record<string, unknown>;
+    closeLaunchApp: () => void;
+    closeModal: () => void;
+    onComplete?: (data: SocketEventData) => void;
+    onDisconnectClient?: () => void;
+    onDisconnect?: () => void;
+    onMaxReconnects?: () => void;
+    onConnectionChange?: (connected: boolean) => void;
+    enabled?: boolean;
+}
+declare const useSocketConnection: ({ socketUrl, secure, isOpenLaunchApp, dataOpenLaunchApp, closeLaunchApp, closeModal, onComplete, onDisconnectClient, onDisconnect, onMaxReconnects, onConnectionChange, enabled, }: UseSocketConnectionParams) => {
+    attempts: number;
+};
+
+interface UseOnpeIdAuthParams {
+    socketUrl: string;
+    secure?: boolean;
+    navigate: (url: string) => void;
+    onConnectionChange?: (connected: boolean) => void;
+    onComplete?: (data: SocketEventData) => void;
+    onDisconnectClient?: () => void;
+    onExpiredApp?: () => void;
+    onDisconnect?: () => void;
+    onMaxReconnects?: () => void;
+}
+declare const useOnpeIdAuth: ({ socketUrl, secure, navigate, onConnectionChange, onComplete, onDisconnectClient, onExpiredApp, onDisconnect, onMaxReconnects, }: UseOnpeIdAuthParams) => {
+    modalUrl: string;
+    setModalUrl: (url: string) => void;
+    isOpenModal: boolean;
+    isPreloading: boolean;
+    isOpenLaunchApp: boolean;
+    handleClose: () => void;
+    iframeRef: react.RefObject<HTMLIFrameElement | null>;
+    preloadIframeRef: react.RefObject<HTMLIFrameElement | null>;
+    handlePreloadIframeReady: () => void;
+    handleModalIframeReady: () => void;
+    attempts: number;
+    reset: () => void;
+};
+
+interface OnpeIdModalProps {
+    modalUrl: string;
+    isOpenModal: boolean;
+    isOpenLaunchApp: boolean;
+    isOnline: boolean;
+    onClose: () => void;
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    preloadIframeRef: React.RefObject<HTMLIFrameElement | null>;
+    handlePreloadIframeReady: () => void;
+    handleModalIframeReady: () => void;
+}
+declare const OnpeIdModal: ({ modalUrl, isOpenModal, isOpenLaunchApp, isOnline, onClose, iframeRef, preloadIframeRef, handlePreloadIframeReady, handleModalIframeReady, }: OnpeIdModalProps) => react_jsx_runtime.JSX.Element;
+
+export { type IframeMessage, type MessageStatus, OnpeIdModal, type SocketEventData, useIframeCommunication, useIframePreload, useModalIframePreload, useOnpeIdAuth, useSendMessageToIframe, useSocketConnection };

package/dist/hooks.d.ts

@@ -0,0 +1,114 @@
+import * as zustand from 'zustand';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ModalIframePreloadStore {
+    modalUrl: string;
+    isOpenModal: boolean;
+    isIframeReady: boolean;
+    setModalUrl: (url: string) => void;
+    openModal: () => void;
+    closeModal: () => void;
+    setIsIframeReady: (ready: boolean) => void;
+    reset: () => void;
+}
+declare const useModalIframePreload: zustand.UseBoundStore<zustand.StoreApi<ModalIframePreloadStore>>;
+
+type MessageStatus = "EXPIRED_APP" | "OPEN_APP" | "LAUNCH_APP";
+interface IframeMessage {
+    status: MessageStatus;
+    url?: string;
+    data?: unknown;
+    token?: string;
+}
+interface UseIframeCommunicationParams {
+    onExpiredApp?: (data: IframeMessage) => void;
+    onOpenApp?: (data: IframeMessage) => void;
+    onLaunchApp?: (data: IframeMessage) => void;
+    enabled?: boolean;
+    allowedOrigin?: string;
+}
+declare const useIframeCommunication: ({ onExpiredApp, onOpenApp, onLaunchApp, enabled, allowedOrigin, }?: UseIframeCommunicationParams) => void;
+interface UseSendMessageToIframeParams {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    modalUrl: string;
+}
+declare const useSendMessageToIframe: ({ iframeRef, modalUrl, }: UseSendMessageToIframeParams) => {
+    sendMessageToIframe: (message: Record<string, unknown>) => void;
+};
+
+declare const useIframePreload: () => {
+    modalUrl: string;
+    setModalUrl: (url: string) => void;
+    isOpenModal: boolean;
+    closeModal: () => void;
+    isPreloading: boolean;
+    preloadIframeRef: react.RefObject<HTMLIFrameElement | null>;
+    iframeRef: react.RefObject<HTMLIFrameElement | null>;
+    handlePreloadIframeReady: () => void;
+    handleModalIframeReady: () => void;
+    reset: () => void;
+};
+
+interface SocketEventData {
+    success: boolean;
+    token: string;
+}
+interface UseSocketConnectionParams {
+    socketUrl: string;
+    secure?: boolean;
+    isOpenLaunchApp: boolean;
+    dataOpenLaunchApp: Record<string, unknown>;
+    closeLaunchApp: () => void;
+    closeModal: () => void;
+    onComplete?: (data: SocketEventData) => void;
+    onDisconnectClient?: () => void;
+    onDisconnect?: () => void;
+    onMaxReconnects?: () => void;
+    onConnectionChange?: (connected: boolean) => void;
+    enabled?: boolean;
+}
+declare const useSocketConnection: ({ socketUrl, secure, isOpenLaunchApp, dataOpenLaunchApp, closeLaunchApp, closeModal, onComplete, onDisconnectClient, onDisconnect, onMaxReconnects, onConnectionChange, enabled, }: UseSocketConnectionParams) => {
+    attempts: number;
+};
+
+interface UseOnpeIdAuthParams {
+    socketUrl: string;
+    secure?: boolean;
+    navigate: (url: string) => void;
+    onConnectionChange?: (connected: boolean) => void;
+    onComplete?: (data: SocketEventData) => void;
+    onDisconnectClient?: () => void;
+    onExpiredApp?: () => void;
+    onDisconnect?: () => void;
+    onMaxReconnects?: () => void;
+}
+declare const useOnpeIdAuth: ({ socketUrl, secure, navigate, onConnectionChange, onComplete, onDisconnectClient, onExpiredApp, onDisconnect, onMaxReconnects, }: UseOnpeIdAuthParams) => {
+    modalUrl: string;
+    setModalUrl: (url: string) => void;
+    isOpenModal: boolean;
+    isPreloading: boolean;
+    isOpenLaunchApp: boolean;
+    handleClose: () => void;
+    iframeRef: react.RefObject<HTMLIFrameElement | null>;
+    preloadIframeRef: react.RefObject<HTMLIFrameElement | null>;
+    handlePreloadIframeReady: () => void;
+    handleModalIframeReady: () => void;
+    attempts: number;
+    reset: () => void;
+};
+
+interface OnpeIdModalProps {
+    modalUrl: string;
+    isOpenModal: boolean;
+    isOpenLaunchApp: boolean;
+    isOnline: boolean;
+    onClose: () => void;
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    preloadIframeRef: React.RefObject<HTMLIFrameElement | null>;
+    handlePreloadIframeReady: () => void;
+    handleModalIframeReady: () => void;
+}
+declare const OnpeIdModal: ({ modalUrl, isOpenModal, isOpenLaunchApp, isOnline, onClose, iframeRef, preloadIframeRef, handlePreloadIframeReady, handleModalIframeReady, }: OnpeIdModalProps) => react_jsx_runtime.JSX.Element;
+
+export { type IframeMessage, type MessageStatus, OnpeIdModal, type SocketEventData, useIframeCommunication, useIframePreload, useModalIframePreload, useOnpeIdAuth, useSendMessageToIframe, useSocketConnection };