@votodigital-onpeui/react 0.1.13 → 0.1.15

package/dist/chunk-EZQGW6QF.mjs

@@ -0,0 +1,427 @@
+import { Modal } from './chunk-RU4LXI3J.mjs';
+import { create } from 'zustand';
+import { useRef, useEffect, useCallback, useState } from 'react';
+import io from 'socket.io-client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var INITIAL_STATE = {
+  modalUrl: "",
+  isOpenModal: false,
+  isIframeReady: false
+};
+var useModalIframePreload = create()(
+  (set) => ({
+    ...INITIAL_STATE,
+    setModalUrl: (url) => set({ modalUrl: url }),
+    openModal: () => set({ isOpenModal: true }),
+    closeModal: () => {
+      set({
+        isOpenModal: false,
+        isIframeReady: false,
+        modalUrl: ""
+      });
+    },
+    setIsIframeReady: (ready) => set({ isIframeReady: ready }),
+    reset: () => set(INITIAL_STATE)
+  })
+);
+var useIframeCommunication = ({
+  onExpiredApp,
+  onOpenApp,
+  onLaunchApp,
+  enabled = true,
+  allowedOrigin
+} = {}) => {
+  const handlersRef = useRef({
+    onExpiredApp,
+    onOpenApp,
+    onLaunchApp
+  });
+  useEffect(() => {
+    handlersRef.current = {
+      onExpiredApp,
+      onOpenApp,
+      onLaunchApp
+    };
+  }, [onExpiredApp, onOpenApp, onLaunchApp]);
+  useEffect(() => {
+    if (!enabled) return;
+    const handler = (event) => {
+      if (allowedOrigin && event.origin !== allowedOrigin) {
+        console.warn(
+          `Mensaje rechazado de origen no permitido: ${event.origin}`
+        );
+        return;
+      }
+      const data = event.data;
+      if (!data?.status) return;
+      const handlers = handlersRef.current;
+      switch (data.status) {
+        case "EXPIRED_APP":
+          handlers.onExpiredApp?.(data);
+          break;
+        case "OPEN_APP":
+          handlers.onOpenApp?.(data);
+          break;
+        case "LAUNCH_APP":
+          handlers.onLaunchApp?.(data);
+          break;
+      }
+    };
+    globalThis.addEventListener("message", handler);
+    return () => globalThis.removeEventListener("message", handler);
+  }, [enabled, allowedOrigin]);
+};
+var useSendMessageToIframe = ({
+  iframeRef,
+  modalUrl
+}) => {
+  const sendMessageToIframe = useCallback(
+    (message) => {
+      if (!iframeRef.current || !modalUrl) return;
+      try {
+        const iframeOrigin = new URL(modalUrl).origin;
+        iframeRef.current.contentWindow?.postMessage(message, iframeOrigin);
+      } catch (error) {
+        console.error("Error al enviar mensaje al iframe:", error);
+      }
+    },
+    [iframeRef, modalUrl]
+  );
+  return { sendMessageToIframe };
+};
+var useIframePreload = () => {
+  const {
+    modalUrl,
+    setModalUrl,
+    isOpenModal,
+    closeModal,
+    setIsIframeReady,
+    openModal,
+    reset
+  } = useModalIframePreload();
+  const preloadIframeRef = useRef(null);
+  const iframeRef = useRef(null);
+  const isPreloading = !!modalUrl && !isOpenModal;
+  const handlePreloadIframeReady = () => {
+    setIsIframeReady(true);
+    openModal();
+  };
+  const handleModalIframeReady = () => {
+    if (!useModalIframePreload.getState().isIframeReady) {
+      setIsIframeReady(true);
+    }
+  };
+  return {
+    modalUrl,
+    setModalUrl,
+    isOpenModal,
+    closeModal,
+    isPreloading,
+    preloadIframeRef,
+    iframeRef,
+    handlePreloadIframeReady,
+    handleModalIframeReady,
+    reset
+  };
+};
+var RECONNECTION_ATTEMPTS = 14;
+var useSocketConnection = ({
+  socketUrl,
+  secure = false,
+  isOpenLaunchApp,
+  dataOpenLaunchApp,
+  closeLaunchApp,
+  closeModal,
+  onComplete,
+  onDisconnectClient,
+  onDisconnect,
+  onMaxReconnects,
+  onConnectionChange,
+  enabled = true
+}) => {
+  const socketRef = useRef(null);
+  const [attempts, setAttempts] = useState(0);
+  const dataOpenLaunchAppRef = useRef(dataOpenLaunchApp);
+  const closeLaunchAppRef = useRef(closeLaunchApp);
+  const closeModalRef = useRef(closeModal);
+  const enabledRef = useRef(enabled);
+  const onConnectionChangeRef = useRef(onConnectionChange);
+  const onCompleteRef = useRef(onComplete);
+  const onDisconnectClientRef = useRef(onDisconnectClient);
+  const onDisconnectRef = useRef(onDisconnect);
+  const onMaxReconnectsRef = useRef(onMaxReconnects);
+  useEffect(() => {
+    dataOpenLaunchAppRef.current = dataOpenLaunchApp;
+    closeLaunchAppRef.current = closeLaunchApp;
+    closeModalRef.current = closeModal;
+    enabledRef.current = enabled;
+    onConnectionChangeRef.current = onConnectionChange;
+    onCompleteRef.current = onComplete;
+    onDisconnectClientRef.current = onDisconnectClient;
+    onDisconnectRef.current = onDisconnect;
+    onMaxReconnectsRef.current = onMaxReconnects;
+  }, [
+    dataOpenLaunchApp,
+    closeLaunchApp,
+    closeModal,
+    enabled,
+    onConnectionChange,
+    onComplete,
+    onDisconnectClient,
+    onDisconnect,
+    onMaxReconnects
+  ]);
+  useEffect(() => {
+    if (attempts === RECONNECTION_ATTEMPTS) {
+      if (socketRef.current) {
+        socketRef.current.disconnect();
+      }
+      closeLaunchAppRef.current();
+      onConnectionChangeRef.current?.(false);
+      closeModalRef.current();
+      onMaxReconnectsRef.current?.();
+      setTimeout(() => setAttempts(0), 0);
+    }
+  }, [attempts]);
+  useEffect(() => {
+    if (!enabled) {
+      if (socketRef.current) {
+        socketRef.current.removeAllListeners();
+        socketRef.current.disconnect();
+        socketRef.current = null;
+        onConnectionChangeRef.current?.(false);
+        setTimeout(() => setAttempts(0), 0);
+      }
+      return;
+    }
+    if (!isOpenLaunchApp) {
+      if (socketRef.current) {
+        socketRef.current.removeAllListeners();
+        socketRef.current.disconnect();
+        socketRef.current = null;
+      }
+      return;
+    }
+    if (!socketRef.current) {
+      socketRef.current = io(socketUrl, {
+        transports: ["websocket"],
+        secure,
+        upgrade: false,
+        forceNew: true,
+        reconnection: true,
+        reconnectionAttempts: RECONNECTION_ATTEMPTS,
+        reconnectionDelay: 2e3,
+        reconnectionDelayMax: 1e3
+      });
+      const socket = socketRef.current;
+      const handleConnect = () => {
+        if (!enabledRef.current) return;
+        onConnectionChangeRef.current?.(true);
+        if (socketRef.current) {
+          const jsonObject = dataOpenLaunchAppRef.current;
+          if (jsonObject && Object.keys(jsonObject).length > 0) {
+            socketRef.current.emit("setToken", jsonObject);
+          } else {
+            setTimeout(() => {
+              const delayedData = dataOpenLaunchAppRef.current;
+              if (delayedData && Object.keys(delayedData).length > 0 && socketRef.current && enabledRef.current) {
+                socketRef.current.emit("setToken", delayedData);
+              }
+            }, 100);
+          }
+        } else {
+          console.error("Socket no est\xE1 disponible para enviar token");
+        }
+      };
+      const handleDisconnect = () => {
+        if (!enabledRef.current) return;
+        onConnectionChangeRef.current?.(false);
+        closeLaunchAppRef.current();
+        closeModalRef.current();
+        onDisconnectRef.current?.();
+      };
+      const handleReconnectAttempt = (attemptNumber) => {
+        setAttempts(attemptNumber);
+      };
+      const handleConnectError = (error) => {
+        console.error("Error de conexi\xF3n socket:", error);
+      };
+      const handleComplete = (data) => {
+        if (!enabledRef.current) return;
+        closeLaunchAppRef.current();
+        onConnectionChangeRef.current?.(false);
+        closeModalRef.current();
+        onCompleteRef.current?.(data);
+      };
+      const handleServerTimeout = () => {
+        if (!enabledRef.current) return;
+        closeLaunchAppRef.current();
+        onConnectionChangeRef.current?.(false);
+        closeModalRef.current();
+      };
+      const handleDisconnectClient = () => {
+        if (!enabledRef.current) return;
+        closeLaunchAppRef.current();
+        onConnectionChangeRef.current?.(false);
+        closeModalRef.current();
+        onDisconnectClientRef.current?.();
+      };
+      socket.on("connect", handleConnect);
+      socket.on("disconnect", handleDisconnect);
+      socket.on("connect_error", handleConnectError);
+      socket.io.on("reconnect_attempt", handleReconnectAttempt);
+      socket.on("onProcessComplete", handleComplete);
+      socket.on("onValidationComplete", handleComplete);
+      socket.on("onProcessCompleteFirma", handleComplete);
+      socket.on("onServerTimeout", handleServerTimeout);
+      socket.on("onDisconnectClient", handleDisconnectClient);
+    }
+    return () => {
+      if (socketRef.current && (!enabled || !isOpenLaunchApp)) {
+        socketRef.current.removeAllListeners();
+        socketRef.current.disconnect();
+        socketRef.current = null;
+      }
+    };
+  }, [enabled, isOpenLaunchApp, socketUrl, secure]);
+  useEffect(() => {
+    return () => {
+      if (socketRef.current) {
+        socketRef.current.removeAllListeners();
+        socketRef.current.disconnect();
+        socketRef.current = null;
+      }
+    };
+  }, []);
+  return { attempts };
+};
+var useOnpeIdAuth = ({
+  socketUrl,
+  secure = false,
+  navigate,
+  onConnectionChange,
+  onComplete,
+  onDisconnectClient,
+  onExpiredApp,
+  onDisconnect,
+  onMaxReconnects
+}) => {
+  const [isOpenLaunchApp, setIsOpenLaunchApp] = useState(false);
+  const [dataOpenLaunchApp, setDataOpenLaunchApp] = useState({});
+  const openLaunchApp = useCallback(() => setIsOpenLaunchApp(true), []);
+  const closeLaunchApp = useCallback(() => setIsOpenLaunchApp(false), []);
+  const {
+    modalUrl,
+    setModalUrl,
+    isOpenModal,
+    isPreloading,
+    closeModal,
+    preloadIframeRef,
+    iframeRef,
+    handlePreloadIframeReady,
+    handleModalIframeReady,
+    reset: resetIframeState
+  } = useIframePreload();
+  const handleClose = useCallback(() => {
+    onConnectionChange?.(false);
+    closeModal();
+    closeLaunchApp();
+    resetIframeState();
+  }, [closeModal, closeLaunchApp, resetIframeState, onConnectionChange]);
+  const { attempts } = useSocketConnection({
+    socketUrl,
+    secure,
+    isOpenLaunchApp,
+    dataOpenLaunchApp,
+    closeLaunchApp,
+    closeModal: handleClose,
+    onComplete,
+    onDisconnectClient,
+    onDisconnect,
+    onMaxReconnects,
+    onConnectionChange,
+    enabled: isOpenModal && !!modalUrl
+  });
+  useIframeCommunication({
+    onExpiredApp: () => {
+      handleClose();
+      onExpiredApp?.();
+    },
+    onOpenApp: (data) => {
+      navigate(data.url);
+    },
+    onLaunchApp: (data) => {
+      openLaunchApp();
+      setDataOpenLaunchApp(data.data ?? {});
+    }
+  });
+  return {
+    modalUrl,
+    setModalUrl,
+    isOpenModal,
+    isPreloading,
+    isOpenLaunchApp,
+    handleClose,
+    iframeRef,
+    preloadIframeRef,
+    handlePreloadIframeReady,
+    handleModalIframeReady,
+    attempts,
+    reset: resetIframeState
+  };
+};
+var OnpeIdModal = ({
+  modalUrl,
+  isOpenModal,
+  isOpenLaunchApp,
+  isOnline,
+  onClose,
+  iframeRef,
+  preloadIframeRef,
+  handlePreloadIframeReady,
+  handleModalIframeReady
+}) => {
+  const [isIframeLoaded, setIsIframeLoaded] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    modalUrl && !isOpenModal && isOnline && // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- iframe onLoad es necesario para detección de precarga
+    /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        ref: preloadIframeRef,
+        src: modalUrl,
+        className: "hidden",
+        onLoad: handlePreloadIframeReady,
+        title: "Precarga ONPE ID"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        isOpen: isOpenModal && isOnline,
+        onClose,
+        className: "max-w-custom-673 relative",
+        closeButton: !isOpenLaunchApp && isIframeLoaded,
+        escapeToClose: false,
+        children: !!modalUrl && isOnline && // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- iframe onLoad es necesario para el flujo de autenticación
+        /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            ref: iframeRef,
+            src: modalUrl,
+            onLoad: () => {
+              handleModalIframeReady();
+              setIsIframeLoaded(true);
+            },
+            className: "w-full h-[380px] md:h-[312px]",
+            title: "Aplicativo ONPEID para autenticaci\xF3n y registro"
+          }
+        )
+      }
+    )
+  ] });
+};
+
+export { OnpeIdModal, useIframeCommunication, useIframePreload, useModalIframePreload, useOnpeIdAuth, useSendMessageToIframe, useSocketConnection };
+//# sourceMappingURL=chunk-EZQGW6QF.mjs.map
+//# sourceMappingURL=chunk-EZQGW6QF.mjs.map

package/dist/chunk-EZQGW6QF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/onpeId/store/modalIframePreload.ts","../src/hooks/onpeId/useIframeCommunication/useIframeCommunication.ts","../src/hooks/onpeId/useIframePreload/useIframePreload.ts","../src/hooks/onpeId/useSocketConnection/useSocketConnection.ts","../src/hooks/useOnpeIdAuth/useOnpeIdAuth.ts","../src/hooks/useOnpeIdAuth/OnpeIdModal.tsx"],"names":["useRef","useEffect","useState","useCallback"],"mappings":"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","file":"chunk-EZQGW6QF.mjs","sourcesContent":["import { create } from \"zustand\";\r\n\r\ninterface ModalIframePreloadStore {\r\n  modalUrl: string;\r\n  isOpenModal: boolean;\r\n  isIframeReady: boolean;\r\n  setModalUrl: (url: string) => void;\r\n  openModal: () => void;\r\n  closeModal: () => void;\r\n  setIsIframeReady: (ready: boolean) => void;\r\n  reset: () => void;\r\n}\r\n\r\nconst INITIAL_STATE: Omit<\r\n  ModalIframePreloadStore,\r\n  \"setModalUrl\" | \"openModal\" | \"closeModal\" | \"setIsIframeReady\" | \"reset\"\r\n> = {\r\n  modalUrl: \"\",\r\n  isOpenModal: false,\r\n  isIframeReady: false,\r\n};\r\n\r\nexport const useModalIframePreload = create<ModalIframePreloadStore>()(\r\n  (set) => ({\r\n    ...INITIAL_STATE,\r\n    setModalUrl: (url: string) => set({ modalUrl: url }),\r\n    openModal: () => set({ isOpenModal: true }),\r\n    closeModal: () => {\r\n      set({\r\n        isOpenModal: false,\r\n        isIframeReady: false,\r\n        modalUrl: \"\",\r\n      });\r\n    },\r\n    setIsIframeReady: (ready: boolean) => set({ isIframeReady: ready }),\r\n    reset: () => set(INITIAL_STATE),\r\n  })\r\n);\r\n","import { useEffect, useRef, useCallback } from \"react\";\r\n\r\nexport type MessageStatus = \"EXPIRED_APP\" | \"OPEN_APP\" | \"LAUNCH_APP\";\r\n\r\nexport interface IframeMessage {\r\n  status: MessageStatus;\r\n  url?: string;\r\n  data?: unknown;\r\n  token?: string;\r\n}\r\n\r\ninterface UseIframeCommunicationParams {\r\n  onExpiredApp?: (data: IframeMessage) => void;\r\n  onOpenApp?: (data: IframeMessage) => void;\r\n  onLaunchApp?: (data: IframeMessage) => void;\r\n  enabled?: boolean;\r\n  allowedOrigin?: string;\r\n}\r\n\r\nexport const useIframeCommunication = ({\r\n  onExpiredApp,\r\n  onOpenApp,\r\n  onLaunchApp,\r\n  enabled = true,\r\n  allowedOrigin,\r\n}: UseIframeCommunicationParams = {}) => {\r\n  const handlersRef = useRef({\r\n    onExpiredApp,\r\n    onOpenApp,\r\n    onLaunchApp,\r\n  });\r\n\r\n  useEffect(() => {\r\n    handlersRef.current = {\r\n      onExpiredApp,\r\n      onOpenApp,\r\n      onLaunchApp,\r\n    };\r\n  }, [onExpiredApp, onOpenApp, onLaunchApp]);\r\n\r\n  useEffect(() => {\r\n    if (!enabled) return;\r\n\r\n    const handler = (event: MessageEvent) => {\r\n      if (allowedOrigin && event.origin !== allowedOrigin) {\r\n        console.warn(\r\n          `Mensaje rechazado de origen no permitido: ${event.origin}`\r\n        );\r\n        return;\r\n      }\r\n\r\n      const data = event.data as IframeMessage;\r\n      if (!data?.status) return;\r\n\r\n      const handlers = handlersRef.current;\r\n\r\n      switch (data.status) {\r\n        case \"EXPIRED_APP\":\r\n          handlers.onExpiredApp?.(data);\r\n          break;\r\n        case \"OPEN_APP\":\r\n          handlers.onOpenApp?.(data);\r\n          break;\r\n        case \"LAUNCH_APP\":\r\n          handlers.onLaunchApp?.(data);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    };\r\n\r\n    globalThis.addEventListener(\"message\", handler);\r\n    return () => globalThis.removeEventListener(\"message\", handler);\r\n  }, [enabled, allowedOrigin]);\r\n};\r\n\r\ninterface UseSendMessageToIframeParams {\r\n  iframeRef: React.RefObject<HTMLIFrameElement | null>;\r\n  modalUrl: string;\r\n}\r\n\r\nexport const useSendMessageToIframe = ({\r\n  iframeRef,\r\n  modalUrl,\r\n}: UseSendMessageToIframeParams) => {\r\n  const sendMessageToIframe = useCallback(\r\n    (message: Record<string, unknown>) => {\r\n      if (!iframeRef.current || !modalUrl) return;\r\n\r\n      try {\r\n        const iframeOrigin = new URL(modalUrl).origin;\r\n        iframeRef.current.contentWindow?.postMessage(message, iframeOrigin);\r\n      } catch (error) {\r\n        console.error(\"Error al enviar mensaje al iframe:\", error);\r\n      }\r\n    },\r\n    [iframeRef, modalUrl]\r\n  );\r\n\r\n  return { sendMessageToIframe };\r\n};\r\n","import { useRef } from \"react\";\r\n\r\nimport { useModalIframePreload } from \"../store/modalIframePreload\";\r\n\r\nexport const useIframePreload = () => {\r\n  const {\r\n    modalUrl,\r\n    setModalUrl,\r\n    isOpenModal,\r\n    closeModal,\r\n    setIsIframeReady,\r\n    openModal,\r\n    reset,\r\n  } = useModalIframePreload();\r\n\r\n  const preloadIframeRef = useRef<HTMLIFrameElement>(null);\r\n  const iframeRef = useRef<HTMLIFrameElement>(null);\r\n\r\n  const isPreloading = !!modalUrl && !isOpenModal;\r\n\r\n  const handlePreloadIframeReady = () => {\r\n    setIsIframeReady(true);\r\n    openModal();\r\n  };\r\n\r\n  const handleModalIframeReady = () => {\r\n    if (!useModalIframePreload.getState().isIframeReady) {\r\n      setIsIframeReady(true);\r\n    }\r\n  };\r\n\r\n  return {\r\n    modalUrl,\r\n    setModalUrl,\r\n    isOpenModal,\r\n    closeModal,\r\n    isPreloading,\r\n    preloadIframeRef,\r\n    iframeRef,\r\n    handlePreloadIframeReady,\r\n    handleModalIframeReady,\r\n    reset,\r\n  };\r\n};\r\n","import { useEffect, useRef, useState } from \"react\";\r\nimport io, { type Socket } from \"socket.io-client\";\r\n\r\nconst RECONNECTION_ATTEMPTS = 14;\r\n\r\nexport interface SocketEventData {\r\n  success: boolean;\r\n  token: string;\r\n}\r\n\r\ninterface UseSocketConnectionParams {\r\n  socketUrl: string;\r\n  secure?: boolean;\r\n  isOpenLaunchApp: boolean;\r\n  dataOpenLaunchApp: Record<string, unknown>;\r\n  closeLaunchApp: () => void;\r\n  closeModal: () => void;\r\n  onComplete?: (data: SocketEventData) => void;\r\n  onDisconnectClient?: () => void;\r\n  onDisconnect?: () => void;\r\n  onMaxReconnects?: () => void;\r\n  onConnectionChange?: (connected: boolean) => void;\r\n  enabled?: boolean;\r\n}\r\n\r\nexport const useSocketConnection = ({\r\n  socketUrl,\r\n  secure = false,\r\n  isOpenLaunchApp,\r\n  dataOpenLaunchApp,\r\n  closeLaunchApp,\r\n  closeModal,\r\n  onComplete,\r\n  onDisconnectClient,\r\n  onDisconnect,\r\n  onMaxReconnects,\r\n  onConnectionChange,\r\n  enabled = true,\r\n}: UseSocketConnectionParams) => {\r\n  const socketRef = useRef<Socket | null>(null);\r\n  const [attempts, setAttempts] = useState(0);\r\n\r\n  const dataOpenLaunchAppRef = useRef(dataOpenLaunchApp);\r\n  const closeLaunchAppRef = useRef(closeLaunchApp);\r\n  const closeModalRef = useRef(closeModal);\r\n  const enabledRef = useRef(enabled);\r\n  const onConnectionChangeRef = useRef(onConnectionChange);\r\n  const onCompleteRef = useRef(onComplete);\r\n  const onDisconnectClientRef = useRef(onDisconnectClient);\r\n  const onDisconnectRef = useRef(onDisconnect);\r\n  const onMaxReconnectsRef = useRef(onMaxReconnects);\r\n\r\n  useEffect(() => {\r\n    dataOpenLaunchAppRef.current = dataOpenLaunchApp;\r\n    closeLaunchAppRef.current = closeLaunchApp;\r\n    closeModalRef.current = closeModal;\r\n    enabledRef.current = enabled;\r\n    onConnectionChangeRef.current = onConnectionChange;\r\n    onCompleteRef.current = onComplete;\r\n    onDisconnectClientRef.current = onDisconnectClient;\r\n    onDisconnectRef.current = onDisconnect;\r\n    onMaxReconnectsRef.current = onMaxReconnects;\r\n  }, [\r\n    dataOpenLaunchApp,\r\n    closeLaunchApp,\r\n    closeModal,\r\n    enabled,\r\n    onConnectionChange,\r\n    onComplete,\r\n    onDisconnectClient,\r\n    onDisconnect,\r\n    onMaxReconnects,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    if (attempts === RECONNECTION_ATTEMPTS) {\r\n      if (socketRef.current) {\r\n        socketRef.current.disconnect();\r\n      }\r\n      closeLaunchAppRef.current();\r\n      onConnectionChangeRef.current?.(false);\r\n      closeModalRef.current();\r\n      onMaxReconnectsRef.current?.();\r\n      setTimeout(() => setAttempts(0), 0);\r\n    }\r\n  }, [attempts]);\r\n\r\n  useEffect(() => {\r\n    if (!enabled) {\r\n      if (socketRef.current) {\r\n        socketRef.current.removeAllListeners();\r\n        socketRef.current.disconnect();\r\n        socketRef.current = null;\r\n        onConnectionChangeRef.current?.(false);\r\n        setTimeout(() => setAttempts(0), 0);\r\n      }\r\n      return;\r\n    }\r\n\r\n    if (!isOpenLaunchApp) {\r\n      if (socketRef.current) {\r\n        socketRef.current.removeAllListeners();\r\n        socketRef.current.disconnect();\r\n        socketRef.current = null;\r\n      }\r\n      return;\r\n    }\r\n\r\n    if (!socketRef.current) {\r\n      socketRef.current = io(socketUrl, {\r\n        transports: [\"websocket\"],\r\n        secure,\r\n        upgrade: false,\r\n        forceNew: true,\r\n        reconnection: true,\r\n        reconnectionAttempts: RECONNECTION_ATTEMPTS,\r\n        reconnectionDelay: 2000,\r\n        reconnectionDelayMax: 1000,\r\n      });\r\n\r\n      const socket = socketRef.current;\r\n\r\n      const handleConnect = () => {\r\n        if (!enabledRef.current) return;\r\n\r\n        onConnectionChangeRef.current?.(true);\r\n        if (socketRef.current) {\r\n          const jsonObject = dataOpenLaunchAppRef.current;\r\n\r\n          if (jsonObject && Object.keys(jsonObject).length > 0) {\r\n            socketRef.current.emit(\"setToken\", jsonObject);\r\n          } else {\r\n            setTimeout(() => {\r\n              const delayedData = dataOpenLaunchAppRef.current;\r\n              if (\r\n                delayedData &&\r\n                Object.keys(delayedData).length > 0 &&\r\n                socketRef.current &&\r\n                enabledRef.current\r\n              ) {\r\n                socketRef.current.emit(\"setToken\", delayedData);\r\n              }\r\n            }, 100);\r\n          }\r\n        } else {\r\n          console.error(\"Socket no está disponible para enviar token\");\r\n        }\r\n      };\r\n\r\n      const handleDisconnect = () => {\r\n        if (!enabledRef.current) return;\r\n\r\n        onConnectionChangeRef.current?.(false);\r\n        closeLaunchAppRef.current();\r\n        closeModalRef.current();\r\n        onDisconnectRef.current?.();\r\n      };\r\n\r\n      const handleReconnectAttempt = (attemptNumber: number) => {\r\n        setAttempts(attemptNumber);\r\n      };\r\n\r\n      const handleConnectError = (error: Error) => {\r\n        console.error(\"Error de conexión socket:\", error);\r\n      };\r\n\r\n      const handleComplete = (data: SocketEventData) => {\r\n        if (!enabledRef.current) return;\r\n        closeLaunchAppRef.current();\r\n        onConnectionChangeRef.current?.(false);\r\n        closeModalRef.current();\r\n        onCompleteRef.current?.(data);\r\n      };\r\n\r\n      const handleServerTimeout = () => {\r\n        if (!enabledRef.current) return;\r\n        closeLaunchAppRef.current();\r\n        onConnectionChangeRef.current?.(false);\r\n        closeModalRef.current();\r\n      };\r\n\r\n      const handleDisconnectClient = () => {\r\n        if (!enabledRef.current) return;\r\n        closeLaunchAppRef.current();\r\n        onConnectionChangeRef.current?.(false);\r\n        closeModalRef.current();\r\n        onDisconnectClientRef.current?.();\r\n      };\r\n\r\n      socket.on(\"connect\", handleConnect);\r\n      socket.on(\"disconnect\", handleDisconnect);\r\n      socket.on(\"connect_error\", handleConnectError);\r\n      socket.io.on(\"reconnect_attempt\", handleReconnectAttempt);\r\n      socket.on(\"onProcessComplete\", handleComplete);\r\n      socket.on(\"onValidationComplete\", handleComplete);\r\n      socket.on(\"onProcessCompleteFirma\", handleComplete);\r\n      socket.on(\"onServerTimeout\", handleServerTimeout);\r\n      socket.on(\"onDisconnectClient\", handleDisconnectClient);\r\n    }\r\n\r\n    return () => {\r\n      if (socketRef.current && (!enabled || !isOpenLaunchApp)) {\r\n        socketRef.current.removeAllListeners();\r\n        socketRef.current.disconnect();\r\n        socketRef.current = null;\r\n      }\r\n    };\r\n  }, [enabled, isOpenLaunchApp, socketUrl, secure]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (socketRef.current) {\r\n        socketRef.current.removeAllListeners();\r\n        socketRef.current.disconnect();\r\n        socketRef.current = null;\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return { attempts };\r\n};\r\n","import { useState, useCallback } from \"react\";\r\n\r\nimport {\r\n  useIframeCommunication,\r\n  useIframePreload,\r\n  useSocketConnection,\r\n  type SocketEventData,\r\n} from \"../onpeId\";\r\n\r\ninterface UseOnpeIdAuthParams {\r\n  socketUrl: string;\r\n  secure?: boolean;\r\n  navigate: (url: string) => void;\r\n  onConnectionChange?: (connected: boolean) => void;\r\n  onComplete?: (data: SocketEventData) => void;\r\n  onDisconnectClient?: () => void;\r\n  onExpiredApp?: () => void;\r\n  onDisconnect?: () => void;\r\n  onMaxReconnects?: () => void;\r\n}\r\n\r\nexport const useOnpeIdAuth = ({\r\n  socketUrl,\r\n  secure = false,\r\n  navigate,\r\n  onConnectionChange,\r\n  onComplete,\r\n  onDisconnectClient,\r\n  onExpiredApp,\r\n  onDisconnect,\r\n  onMaxReconnects,\r\n}: UseOnpeIdAuthParams) => {\r\n  const [isOpenLaunchApp, setIsOpenLaunchApp] = useState(false);\r\n  const [dataOpenLaunchApp, setDataOpenLaunchApp] = useState<\r\n    Record<string, unknown>\r\n  >({});\r\n\r\n  const openLaunchApp = useCallback(() => setIsOpenLaunchApp(true), []);\r\n  const closeLaunchApp = useCallback(() => setIsOpenLaunchApp(false), []);\r\n\r\n  const {\r\n    modalUrl,\r\n    setModalUrl,\r\n    isOpenModal,\r\n    isPreloading,\r\n    closeModal,\r\n    preloadIframeRef,\r\n    iframeRef,\r\n    handlePreloadIframeReady,\r\n    handleModalIframeReady,\r\n    reset: resetIframeState,\r\n  } = useIframePreload();\r\n\r\n  const handleClose = useCallback(() => {\r\n    onConnectionChange?.(false);\r\n    closeModal();\r\n    closeLaunchApp();\r\n    resetIframeState();\r\n  }, [closeModal, closeLaunchApp, resetIframeState, onConnectionChange]);\r\n\r\n  const { attempts } = useSocketConnection({\r\n    socketUrl,\r\n    secure,\r\n    isOpenLaunchApp,\r\n    dataOpenLaunchApp,\r\n    closeLaunchApp,\r\n    closeModal: handleClose,\r\n    onComplete,\r\n    onDisconnectClient,\r\n    onDisconnect,\r\n    onMaxReconnects,\r\n    onConnectionChange,\r\n    enabled: isOpenModal && !!modalUrl,\r\n  });\r\n\r\n  useIframeCommunication({\r\n    onExpiredApp: () => {\r\n      handleClose();\r\n      onExpiredApp?.();\r\n    },\r\n    onOpenApp: (data) => {\r\n      navigate(data.url!);\r\n    },\r\n    onLaunchApp: (data) => {\r\n      openLaunchApp();\r\n      setDataOpenLaunchApp((data.data as Record<string, unknown>) ?? {});\r\n    },\r\n  });\r\n\r\n  return {\r\n    modalUrl,\r\n    setModalUrl,\r\n    isOpenModal,\r\n    isPreloading,\r\n    isOpenLaunchApp,\r\n    handleClose,\r\n    iframeRef,\r\n    preloadIframeRef,\r\n    handlePreloadIframeReady,\r\n    handleModalIframeReady,\r\n    attempts,\r\n    reset: resetIframeState,\r\n  };\r\n};\r\n","import { useState } from \"react\";\r\n\r\nimport { Modal } from \"../../components/Modal\";\r\n\r\ninterface OnpeIdModalProps {\r\n  modalUrl: string;\r\n  isOpenModal: boolean;\r\n  isOpenLaunchApp: boolean;\r\n  isOnline: boolean;\r\n  onClose: () => void;\r\n  iframeRef: React.RefObject<HTMLIFrameElement | null>;\r\n  preloadIframeRef: React.RefObject<HTMLIFrameElement | null>;\r\n  handlePreloadIframeReady: () => void;\r\n  handleModalIframeReady: () => void;\r\n}\r\n\r\nexport const OnpeIdModal = ({\r\n  modalUrl,\r\n  isOpenModal,\r\n  isOpenLaunchApp,\r\n  isOnline,\r\n  onClose,\r\n  iframeRef,\r\n  preloadIframeRef,\r\n  handlePreloadIframeReady,\r\n  handleModalIframeReady,\r\n}: OnpeIdModalProps) => {\r\n  const [isIframeLoaded, setIsIframeLoaded] = useState(false);\r\n\r\n  return (\r\n    <>\r\n      {modalUrl && !isOpenModal && isOnline && (\r\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- iframe onLoad es necesario para detección de precarga\r\n        <iframe\r\n          ref={preloadIframeRef}\r\n          src={modalUrl}\r\n          className=\"hidden\"\r\n          onLoad={handlePreloadIframeReady}\r\n          title=\"Precarga ONPE ID\"\r\n        />\r\n      )}\r\n\r\n      <Modal\r\n        isOpen={isOpenModal && isOnline}\r\n        onClose={onClose}\r\n        className=\"max-w-custom-673 relative\"\r\n        closeButton={!isOpenLaunchApp && isIframeLoaded}\r\n        escapeToClose={false}\r\n      >\r\n        {!!modalUrl && isOnline && (\r\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- iframe onLoad es necesario para el flujo de autenticación\r\n          <iframe\r\n            ref={iframeRef}\r\n            src={modalUrl}\r\n            onLoad={() => {\r\n              handleModalIframeReady();\r\n              setIsIframeLoaded(true);\r\n            }}\r\n            className=\"w-full h-[380px] md:h-[312px]\"\r\n            title=\"Aplicativo ONPEID para autenticación y registro\"\r\n          />\r\n        )}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n"]}