@votodigital-onpeui/react 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-SIZTKX3H.mjs → chunk-JFJPYMJQ.mjs} +48 -7
- package/dist/chunk-JFJPYMJQ.mjs.map +1 -0
- package/dist/hooks.d.mts +13 -4
- package/dist/hooks.d.ts +13 -4
- package/dist/hooks.js +46 -5
- package/dist/hooks.js.map +1 -1
- package/dist/hooks.mjs +1 -1
- package/dist/index.js +46 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +9 -1
- package/dist/chunk-SIZTKX3H.mjs.map +0 -1
|
@@ -29,21 +29,27 @@ var useIframeCommunication = ({
|
|
|
29
29
|
onExpiredApp,
|
|
30
30
|
onOpenApp,
|
|
31
31
|
onLaunchApp,
|
|
32
|
+
onHomeApp,
|
|
33
|
+
onNotApp,
|
|
32
34
|
enabled = true,
|
|
33
35
|
allowedOrigin
|
|
34
36
|
} = {}) => {
|
|
35
37
|
const handlersRef = useRef({
|
|
36
38
|
onExpiredApp,
|
|
37
39
|
onOpenApp,
|
|
38
|
-
onLaunchApp
|
|
40
|
+
onLaunchApp,
|
|
41
|
+
onHomeApp,
|
|
42
|
+
onNotApp
|
|
39
43
|
});
|
|
40
44
|
useEffect(() => {
|
|
41
45
|
handlersRef.current = {
|
|
42
46
|
onExpiredApp,
|
|
43
47
|
onOpenApp,
|
|
44
|
-
onLaunchApp
|
|
48
|
+
onLaunchApp,
|
|
49
|
+
onHomeApp,
|
|
50
|
+
onNotApp
|
|
45
51
|
};
|
|
46
|
-
}, [onExpiredApp, onOpenApp, onLaunchApp]);
|
|
52
|
+
}, [onExpiredApp, onOpenApp, onLaunchApp, onHomeApp, onNotApp]);
|
|
47
53
|
useEffect(() => {
|
|
48
54
|
if (!enabled) return;
|
|
49
55
|
const handler = (event) => {
|
|
@@ -66,6 +72,12 @@ var useIframeCommunication = ({
|
|
|
66
72
|
case "LAUNCH_APP":
|
|
67
73
|
handlers.onLaunchApp?.(data);
|
|
68
74
|
break;
|
|
75
|
+
case "HOME_APP":
|
|
76
|
+
handlers.onHomeApp?.(data);
|
|
77
|
+
break;
|
|
78
|
+
case "NOT_APP":
|
|
79
|
+
handlers.onNotApp?.(data);
|
|
80
|
+
break;
|
|
69
81
|
}
|
|
70
82
|
};
|
|
71
83
|
globalThis.addEventListener("message", handler);
|
|
@@ -138,7 +150,8 @@ var useSocketConnection = ({
|
|
|
138
150
|
onDisconnect,
|
|
139
151
|
onMaxReconnects,
|
|
140
152
|
onConnectionChange,
|
|
141
|
-
enabled = true
|
|
153
|
+
enabled = true,
|
|
154
|
+
isSessionExpired = false
|
|
142
155
|
}) => {
|
|
143
156
|
const socketRef = useRef(null);
|
|
144
157
|
const [attempts, setAttempts] = useState(0);
|
|
@@ -285,6 +298,11 @@ var useSocketConnection = ({
|
|
|
285
298
|
}
|
|
286
299
|
};
|
|
287
300
|
}, [enabled, isOpenLaunchApp, socketUrl, secure]);
|
|
301
|
+
useEffect(() => {
|
|
302
|
+
if (isSessionExpired && socketRef.current) {
|
|
303
|
+
socketRef.current.emit("setToken", "TIMEOUT_APP");
|
|
304
|
+
}
|
|
305
|
+
}, [isSessionExpired]);
|
|
288
306
|
useEffect(() => {
|
|
289
307
|
return () => {
|
|
290
308
|
if (socketRef.current) {
|
|
@@ -301,8 +319,13 @@ var useOnpeIdAuth = ({
|
|
|
301
319
|
secure = false,
|
|
302
320
|
navigate,
|
|
303
321
|
onConnectionChange,
|
|
322
|
+
connectionApp,
|
|
323
|
+
onPageReload,
|
|
304
324
|
onComplete,
|
|
325
|
+
onHomeApp,
|
|
326
|
+
onNotApp,
|
|
305
327
|
onDisconnectClient,
|
|
328
|
+
isSessionExpired,
|
|
306
329
|
onExpiredApp,
|
|
307
330
|
onDisconnect,
|
|
308
331
|
onMaxReconnects
|
|
@@ -329,6 +352,15 @@ var useOnpeIdAuth = ({
|
|
|
329
352
|
closeLaunchApp();
|
|
330
353
|
resetIframeState();
|
|
331
354
|
}, [closeModal, closeLaunchApp, resetIframeState, onConnectionChange]);
|
|
355
|
+
useEffect(() => {
|
|
356
|
+
if (connectionApp) {
|
|
357
|
+
onConnectionChange?.(false);
|
|
358
|
+
onPageReload?.();
|
|
359
|
+
}
|
|
360
|
+
return () => {
|
|
361
|
+
resetIframeState();
|
|
362
|
+
};
|
|
363
|
+
}, []);
|
|
332
364
|
const { attempts } = useSocketConnection({
|
|
333
365
|
socketUrl,
|
|
334
366
|
secure,
|
|
@@ -341,7 +373,8 @@ var useOnpeIdAuth = ({
|
|
|
341
373
|
onDisconnect,
|
|
342
374
|
onMaxReconnects,
|
|
343
375
|
onConnectionChange,
|
|
344
|
-
enabled: isOpenModal && !!modalUrl
|
|
376
|
+
enabled: isOpenModal && !!modalUrl,
|
|
377
|
+
isSessionExpired
|
|
345
378
|
});
|
|
346
379
|
useIframeCommunication({
|
|
347
380
|
onExpiredApp: () => {
|
|
@@ -354,6 +387,14 @@ var useOnpeIdAuth = ({
|
|
|
354
387
|
onLaunchApp: (data) => {
|
|
355
388
|
openLaunchApp();
|
|
356
389
|
setDataOpenLaunchApp(data.data ?? {});
|
|
390
|
+
},
|
|
391
|
+
onHomeApp: () => {
|
|
392
|
+
handleClose();
|
|
393
|
+
onHomeApp?.();
|
|
394
|
+
},
|
|
395
|
+
onNotApp: () => {
|
|
396
|
+
handleClose();
|
|
397
|
+
onNotApp?.();
|
|
357
398
|
}
|
|
358
399
|
});
|
|
359
400
|
return {
|
|
@@ -423,5 +464,5 @@ var OnpeIdModal = ({
|
|
|
423
464
|
};
|
|
424
465
|
|
|
425
466
|
export { OnpeIdModal, useIframeCommunication, useIframePreload, useModalIframePreload, useOnpeIdAuth, useSendMessageToIframe, useSocketConnection };
|
|
426
|
-
//# sourceMappingURL=chunk-
|
|
427
|
-
//# sourceMappingURL=chunk-
|
|
467
|
+
//# sourceMappingURL=chunk-JFJPYMJQ.mjs.map
|
|
468
|
+
//# sourceMappingURL=chunk-JFJPYMJQ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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-JFJPYMJQ.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\" | \"HOME_APP\" | \"NOT_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 type?: \"LOGIN\" | \"FIRMA\";\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 onHomeApp?: (data: IframeMessage) => void;\r\n onNotApp?: (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 onHomeApp,\r\n onNotApp,\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 onHomeApp,\r\n onNotApp,\r\n });\r\n\r\n useEffect(() => {\r\n handlersRef.current = {\r\n onExpiredApp,\r\n onOpenApp,\r\n onLaunchApp,\r\n onHomeApp,\r\n onNotApp,\r\n };\r\n }, [onExpiredApp, onOpenApp, onLaunchApp, onHomeApp, onNotApp]);\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 case \"HOME_APP\":\r\n handlers.onHomeApp?.(data);\r\n break;\r\n case \"NOT_APP\":\r\n handlers.onNotApp?.(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 isSessionExpired?: 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 isSessionExpired = false,\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 if (isSessionExpired && socketRef.current) {\r\n socketRef.current.emit(\"setToken\", \"TIMEOUT_APP\");\r\n }\r\n }, [isSessionExpired]);\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, useEffect } 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 connectionApp?: boolean;\r\n onPageReload?: () => 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 onHomeApp?: () => void;\r\n onNotApp?: () => void;\r\n isSessionExpired?: boolean;\r\n}\r\n\r\nexport const useOnpeIdAuth = ({\r\n socketUrl,\r\n secure = false,\r\n navigate,\r\n onConnectionChange,\r\n connectionApp,\r\n onPageReload,\r\n onComplete,\r\n onHomeApp,\r\n onNotApp,\r\n onDisconnectClient,\r\n isSessionExpired,\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 useEffect(() => {\r\n if (connectionApp) {\r\n onConnectionChange?.(false);\r\n onPageReload?.();\r\n }\r\n return () => {\r\n resetIframeState();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps -- solo se ejecuta en el primer render\r\n }, []);\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 isSessionExpired,\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 onHomeApp: () => {\r\n handleClose();\r\n onHomeApp?.();\r\n },\r\n onNotApp: () => {\r\n handleClose();\r\n onNotApp?.();\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 p-10 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-[390px] 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"]}
|
package/dist/hooks.d.mts
CHANGED
|
@@ -14,21 +14,24 @@ interface ModalIframePreloadStore {
|
|
|
14
14
|
}
|
|
15
15
|
declare const useModalIframePreload: zustand.UseBoundStore<zustand.StoreApi<ModalIframePreloadStore>>;
|
|
16
16
|
|
|
17
|
-
type MessageStatus = "EXPIRED_APP" | "OPEN_APP" | "LAUNCH_APP";
|
|
17
|
+
type MessageStatus = "EXPIRED_APP" | "OPEN_APP" | "LAUNCH_APP" | "HOME_APP" | "NOT_APP";
|
|
18
18
|
interface IframeMessage {
|
|
19
19
|
status: MessageStatus;
|
|
20
20
|
url?: string;
|
|
21
21
|
data?: unknown;
|
|
22
22
|
token?: string;
|
|
23
|
+
type?: "LOGIN" | "FIRMA";
|
|
23
24
|
}
|
|
24
25
|
interface UseIframeCommunicationParams {
|
|
25
26
|
onExpiredApp?: (data: IframeMessage) => void;
|
|
26
27
|
onOpenApp?: (data: IframeMessage) => void;
|
|
27
28
|
onLaunchApp?: (data: IframeMessage) => void;
|
|
29
|
+
onHomeApp?: (data: IframeMessage) => void;
|
|
30
|
+
onNotApp?: (data: IframeMessage) => void;
|
|
28
31
|
enabled?: boolean;
|
|
29
32
|
allowedOrigin?: string;
|
|
30
33
|
}
|
|
31
|
-
declare const useIframeCommunication: ({ onExpiredApp, onOpenApp, onLaunchApp, enabled, allowedOrigin, }?: UseIframeCommunicationParams) => void;
|
|
34
|
+
declare const useIframeCommunication: ({ onExpiredApp, onOpenApp, onLaunchApp, onHomeApp, onNotApp, enabled, allowedOrigin, }?: UseIframeCommunicationParams) => void;
|
|
32
35
|
interface UseSendMessageToIframeParams {
|
|
33
36
|
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
34
37
|
modalUrl: string;
|
|
@@ -67,8 +70,9 @@ interface UseSocketConnectionParams {
|
|
|
67
70
|
onMaxReconnects?: () => void;
|
|
68
71
|
onConnectionChange?: (connected: boolean) => void;
|
|
69
72
|
enabled?: boolean;
|
|
73
|
+
isSessionExpired?: boolean;
|
|
70
74
|
}
|
|
71
|
-
declare const useSocketConnection: ({ socketUrl, secure, isOpenLaunchApp, dataOpenLaunchApp, closeLaunchApp, closeModal, onComplete, onDisconnectClient, onDisconnect, onMaxReconnects, onConnectionChange, enabled, }: UseSocketConnectionParams) => {
|
|
75
|
+
declare const useSocketConnection: ({ socketUrl, secure, isOpenLaunchApp, dataOpenLaunchApp, closeLaunchApp, closeModal, onComplete, onDisconnectClient, onDisconnect, onMaxReconnects, onConnectionChange, enabled, isSessionExpired, }: UseSocketConnectionParams) => {
|
|
72
76
|
attempts: number;
|
|
73
77
|
};
|
|
74
78
|
|
|
@@ -77,13 +81,18 @@ interface UseOnpeIdAuthParams {
|
|
|
77
81
|
secure?: boolean;
|
|
78
82
|
navigate: (url: string) => void;
|
|
79
83
|
onConnectionChange?: (connected: boolean) => void;
|
|
84
|
+
connectionApp?: boolean;
|
|
85
|
+
onPageReload?: () => void;
|
|
80
86
|
onComplete?: (data: SocketEventData) => void;
|
|
81
87
|
onDisconnectClient?: () => void;
|
|
82
88
|
onExpiredApp?: () => void;
|
|
83
89
|
onDisconnect?: () => void;
|
|
84
90
|
onMaxReconnects?: () => void;
|
|
91
|
+
onHomeApp?: () => void;
|
|
92
|
+
onNotApp?: () => void;
|
|
93
|
+
isSessionExpired?: boolean;
|
|
85
94
|
}
|
|
86
|
-
declare const useOnpeIdAuth: ({ socketUrl, secure, navigate, onConnectionChange, onComplete, onDisconnectClient, onExpiredApp, onDisconnect, onMaxReconnects, }: UseOnpeIdAuthParams) => {
|
|
95
|
+
declare const useOnpeIdAuth: ({ socketUrl, secure, navigate, onConnectionChange, connectionApp, onPageReload, onComplete, onHomeApp, onNotApp, onDisconnectClient, isSessionExpired, onExpiredApp, onDisconnect, onMaxReconnects, }: UseOnpeIdAuthParams) => {
|
|
87
96
|
modalUrl: string;
|
|
88
97
|
setModalUrl: (url: string) => void;
|
|
89
98
|
isOpenModal: boolean;
|
package/dist/hooks.d.ts
CHANGED
|
@@ -14,21 +14,24 @@ interface ModalIframePreloadStore {
|
|
|
14
14
|
}
|
|
15
15
|
declare const useModalIframePreload: zustand.UseBoundStore<zustand.StoreApi<ModalIframePreloadStore>>;
|
|
16
16
|
|
|
17
|
-
type MessageStatus = "EXPIRED_APP" | "OPEN_APP" | "LAUNCH_APP";
|
|
17
|
+
type MessageStatus = "EXPIRED_APP" | "OPEN_APP" | "LAUNCH_APP" | "HOME_APP" | "NOT_APP";
|
|
18
18
|
interface IframeMessage {
|
|
19
19
|
status: MessageStatus;
|
|
20
20
|
url?: string;
|
|
21
21
|
data?: unknown;
|
|
22
22
|
token?: string;
|
|
23
|
+
type?: "LOGIN" | "FIRMA";
|
|
23
24
|
}
|
|
24
25
|
interface UseIframeCommunicationParams {
|
|
25
26
|
onExpiredApp?: (data: IframeMessage) => void;
|
|
26
27
|
onOpenApp?: (data: IframeMessage) => void;
|
|
27
28
|
onLaunchApp?: (data: IframeMessage) => void;
|
|
29
|
+
onHomeApp?: (data: IframeMessage) => void;
|
|
30
|
+
onNotApp?: (data: IframeMessage) => void;
|
|
28
31
|
enabled?: boolean;
|
|
29
32
|
allowedOrigin?: string;
|
|
30
33
|
}
|
|
31
|
-
declare const useIframeCommunication: ({ onExpiredApp, onOpenApp, onLaunchApp, enabled, allowedOrigin, }?: UseIframeCommunicationParams) => void;
|
|
34
|
+
declare const useIframeCommunication: ({ onExpiredApp, onOpenApp, onLaunchApp, onHomeApp, onNotApp, enabled, allowedOrigin, }?: UseIframeCommunicationParams) => void;
|
|
32
35
|
interface UseSendMessageToIframeParams {
|
|
33
36
|
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
34
37
|
modalUrl: string;
|
|
@@ -67,8 +70,9 @@ interface UseSocketConnectionParams {
|
|
|
67
70
|
onMaxReconnects?: () => void;
|
|
68
71
|
onConnectionChange?: (connected: boolean) => void;
|
|
69
72
|
enabled?: boolean;
|
|
73
|
+
isSessionExpired?: boolean;
|
|
70
74
|
}
|
|
71
|
-
declare const useSocketConnection: ({ socketUrl, secure, isOpenLaunchApp, dataOpenLaunchApp, closeLaunchApp, closeModal, onComplete, onDisconnectClient, onDisconnect, onMaxReconnects, onConnectionChange, enabled, }: UseSocketConnectionParams) => {
|
|
75
|
+
declare const useSocketConnection: ({ socketUrl, secure, isOpenLaunchApp, dataOpenLaunchApp, closeLaunchApp, closeModal, onComplete, onDisconnectClient, onDisconnect, onMaxReconnects, onConnectionChange, enabled, isSessionExpired, }: UseSocketConnectionParams) => {
|
|
72
76
|
attempts: number;
|
|
73
77
|
};
|
|
74
78
|
|
|
@@ -77,13 +81,18 @@ interface UseOnpeIdAuthParams {
|
|
|
77
81
|
secure?: boolean;
|
|
78
82
|
navigate: (url: string) => void;
|
|
79
83
|
onConnectionChange?: (connected: boolean) => void;
|
|
84
|
+
connectionApp?: boolean;
|
|
85
|
+
onPageReload?: () => void;
|
|
80
86
|
onComplete?: (data: SocketEventData) => void;
|
|
81
87
|
onDisconnectClient?: () => void;
|
|
82
88
|
onExpiredApp?: () => void;
|
|
83
89
|
onDisconnect?: () => void;
|
|
84
90
|
onMaxReconnects?: () => void;
|
|
91
|
+
onHomeApp?: () => void;
|
|
92
|
+
onNotApp?: () => void;
|
|
93
|
+
isSessionExpired?: boolean;
|
|
85
94
|
}
|
|
86
|
-
declare const useOnpeIdAuth: ({ socketUrl, secure, navigate, onConnectionChange, onComplete, onDisconnectClient, onExpiredApp, onDisconnect, onMaxReconnects, }: UseOnpeIdAuthParams) => {
|
|
95
|
+
declare const useOnpeIdAuth: ({ socketUrl, secure, navigate, onConnectionChange, connectionApp, onPageReload, onComplete, onHomeApp, onNotApp, onDisconnectClient, isSessionExpired, onExpiredApp, onDisconnect, onMaxReconnects, }: UseOnpeIdAuthParams) => {
|
|
87
96
|
modalUrl: string;
|
|
88
97
|
setModalUrl: (url: string) => void;
|
|
89
98
|
isOpenModal: boolean;
|
package/dist/hooks.js
CHANGED
|
@@ -36,21 +36,27 @@ var useIframeCommunication = ({
|
|
|
36
36
|
onExpiredApp,
|
|
37
37
|
onOpenApp,
|
|
38
38
|
onLaunchApp,
|
|
39
|
+
onHomeApp,
|
|
40
|
+
onNotApp,
|
|
39
41
|
enabled = true,
|
|
40
42
|
allowedOrigin
|
|
41
43
|
} = {}) => {
|
|
42
44
|
const handlersRef = react.useRef({
|
|
43
45
|
onExpiredApp,
|
|
44
46
|
onOpenApp,
|
|
45
|
-
onLaunchApp
|
|
47
|
+
onLaunchApp,
|
|
48
|
+
onHomeApp,
|
|
49
|
+
onNotApp
|
|
46
50
|
});
|
|
47
51
|
react.useEffect(() => {
|
|
48
52
|
handlersRef.current = {
|
|
49
53
|
onExpiredApp,
|
|
50
54
|
onOpenApp,
|
|
51
|
-
onLaunchApp
|
|
55
|
+
onLaunchApp,
|
|
56
|
+
onHomeApp,
|
|
57
|
+
onNotApp
|
|
52
58
|
};
|
|
53
|
-
}, [onExpiredApp, onOpenApp, onLaunchApp]);
|
|
59
|
+
}, [onExpiredApp, onOpenApp, onLaunchApp, onHomeApp, onNotApp]);
|
|
54
60
|
react.useEffect(() => {
|
|
55
61
|
if (!enabled) return;
|
|
56
62
|
const handler = (event) => {
|
|
@@ -73,6 +79,12 @@ var useIframeCommunication = ({
|
|
|
73
79
|
case "LAUNCH_APP":
|
|
74
80
|
handlers.onLaunchApp?.(data);
|
|
75
81
|
break;
|
|
82
|
+
case "HOME_APP":
|
|
83
|
+
handlers.onHomeApp?.(data);
|
|
84
|
+
break;
|
|
85
|
+
case "NOT_APP":
|
|
86
|
+
handlers.onNotApp?.(data);
|
|
87
|
+
break;
|
|
76
88
|
}
|
|
77
89
|
};
|
|
78
90
|
globalThis.addEventListener("message", handler);
|
|
@@ -145,7 +157,8 @@ var useSocketConnection = ({
|
|
|
145
157
|
onDisconnect,
|
|
146
158
|
onMaxReconnects,
|
|
147
159
|
onConnectionChange,
|
|
148
|
-
enabled = true
|
|
160
|
+
enabled = true,
|
|
161
|
+
isSessionExpired = false
|
|
149
162
|
}) => {
|
|
150
163
|
const socketRef = react.useRef(null);
|
|
151
164
|
const [attempts, setAttempts] = react.useState(0);
|
|
@@ -292,6 +305,11 @@ var useSocketConnection = ({
|
|
|
292
305
|
}
|
|
293
306
|
};
|
|
294
307
|
}, [enabled, isOpenLaunchApp, socketUrl, secure]);
|
|
308
|
+
react.useEffect(() => {
|
|
309
|
+
if (isSessionExpired && socketRef.current) {
|
|
310
|
+
socketRef.current.emit("setToken", "TIMEOUT_APP");
|
|
311
|
+
}
|
|
312
|
+
}, [isSessionExpired]);
|
|
295
313
|
react.useEffect(() => {
|
|
296
314
|
return () => {
|
|
297
315
|
if (socketRef.current) {
|
|
@@ -308,8 +326,13 @@ var useOnpeIdAuth = ({
|
|
|
308
326
|
secure = false,
|
|
309
327
|
navigate,
|
|
310
328
|
onConnectionChange,
|
|
329
|
+
connectionApp,
|
|
330
|
+
onPageReload,
|
|
311
331
|
onComplete,
|
|
332
|
+
onHomeApp,
|
|
333
|
+
onNotApp,
|
|
312
334
|
onDisconnectClient,
|
|
335
|
+
isSessionExpired,
|
|
313
336
|
onExpiredApp,
|
|
314
337
|
onDisconnect,
|
|
315
338
|
onMaxReconnects
|
|
@@ -336,6 +359,15 @@ var useOnpeIdAuth = ({
|
|
|
336
359
|
closeLaunchApp();
|
|
337
360
|
resetIframeState();
|
|
338
361
|
}, [closeModal, closeLaunchApp, resetIframeState, onConnectionChange]);
|
|
362
|
+
react.useEffect(() => {
|
|
363
|
+
if (connectionApp) {
|
|
364
|
+
onConnectionChange?.(false);
|
|
365
|
+
onPageReload?.();
|
|
366
|
+
}
|
|
367
|
+
return () => {
|
|
368
|
+
resetIframeState();
|
|
369
|
+
};
|
|
370
|
+
}, []);
|
|
339
371
|
const { attempts } = useSocketConnection({
|
|
340
372
|
socketUrl,
|
|
341
373
|
secure,
|
|
@@ -348,7 +380,8 @@ var useOnpeIdAuth = ({
|
|
|
348
380
|
onDisconnect,
|
|
349
381
|
onMaxReconnects,
|
|
350
382
|
onConnectionChange,
|
|
351
|
-
enabled: isOpenModal && !!modalUrl
|
|
383
|
+
enabled: isOpenModal && !!modalUrl,
|
|
384
|
+
isSessionExpired
|
|
352
385
|
});
|
|
353
386
|
useIframeCommunication({
|
|
354
387
|
onExpiredApp: () => {
|
|
@@ -361,6 +394,14 @@ var useOnpeIdAuth = ({
|
|
|
361
394
|
onLaunchApp: (data) => {
|
|
362
395
|
openLaunchApp();
|
|
363
396
|
setDataOpenLaunchApp(data.data ?? {});
|
|
397
|
+
},
|
|
398
|
+
onHomeApp: () => {
|
|
399
|
+
handleClose();
|
|
400
|
+
onHomeApp?.();
|
|
401
|
+
},
|
|
402
|
+
onNotApp: () => {
|
|
403
|
+
handleClose();
|
|
404
|
+
onNotApp?.();
|
|
364
405
|
}
|
|
365
406
|
});
|
|
366
407
|
return {
|