npm - ng-easycommerce - Versions diffs - 0.0.613 → 0.0.615 - Mend

ng-easycommerce 0.0.613 → 0.0.615

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.

Files changed (595) hide show

package/assets/redsysProBase.html CHANGED Viewed

@@ -1,400 +1,400 @@
-<!DOCTYPE html>
-<html lang="en">
-<head id="head">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>checkout redsys</title>
-</head>
-<body>
-    <style>
-        .loader {
-            border: 16px solid #f3f3f3;
-            border-top: 16px solid #dc3545;
-            border-radius: 50%;
-            width: 50px;
-            height: 50px;
-            animation: spin 2s linear infinite;
-        }
-        @keyframes spin {
-            0% {
-                transform: rotate(0deg);
-            }
-            100% {
-                transform: rotate(360deg);
-            }
-        }
-        .flex-container {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 80vh;
-        }
-        .flex-container>div {
-            width: 100%;
-            height: 450px;
-        }
-        #card-form {
-            height: 450px;
-        }
-        .iframeStyle {
-            height: 800px;
-            width: 100%;
-            max-height: 800px;
-        }
-        #frame-dos {
-            width: 100%;
-            height: 100%;
-        }
-        #frame-tres {
-            width: 100%;
-            height: 100%;
-        }
-        #frame-cuatro {
-            width: 100%;
-            height: 100%;
-        }
-        .flex-container-init {
-            height: 450px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-        .init {
-            width: 120px;
-        }
-    </style>
-    <div class="flex-container-init" id="frame-cero">
-        <div class="init">
-            <div class="loader"></div>
-        </div>
-    </div>
-    <div class="flex-container" id="frame-uno">
-        <div>
-            <form>
-                <div id="card-form"></div>
-                <input hidden id="token" />
-                <input hidden id="errorCode" />
-            </form>
-        </div>
-    </div>
-    <div id="frame-dos">
-        <iframe id="iframe-dos" frameborder="0" class="iframeStyle"></iframe>
-    </div>
-    <div class="flex-container" id="frame-tres">
-        <div>
-            <div class="loader"></div>
-            <iframe hidden id="iframe-tres" frameborder="0"></iframe>
-        </div>
-    </div>
-    <div id="frame-cuatro">
-        <iframe id="iframe-cuatro" frameborder="0" class="iframeStyle"></iframe>
-    </div>
-    <script>
-        let url = window.location.host
-        let urlOrigin = window.location.origin
-        let scriptService = document.createElement("script");
-        let currentHead = document.getElementById("head");
-        const method = JSON.parse(sessionStorage.getItem('method'))
-        const user_data = JSON.parse(sessionStorage.getItem('user_data'))
-        const finishApi = sessionStorage.getItem('finishApi')
-        const challengeApi = sessionStorage.getItem('challengeApi')
-        const merchantOrder = sessionStorage.getItem('merchantOrder')
-        let dsMerchantOrder = 0
-        scriptService.setAttribute('src', url.includes('easy') ?
-            'https://sis-t.redsys.es:25443/sis/NC/sandbox/redsysV2.js'
-            :
-            'https://sis.redsys.es/sis/NC/redsysV2.js')
-        currentHead.appendChild(scriptService);
-        const renderInit = () => {
-            setTimeout(() => {
-                console.log("SE INICIA");
-                console.log(REDSYS_DOMAIN);
-                console.log(IFRAME_REDSYS);
-                if (method && method.config && user_data.valuesPayment && user_data.valuesPayment.number) {
-                    console.log('ENTRO AL CON DATOS CONFIG PARA GENERAR BOTON ', method.config.public_merchant, method.config.public_terminal, user_data.valuesPayment.number);
-                    console.log(`getInSiteForm('card-form', '', '', '', '', 'Pagar con Redsys', '${method.config.public_merchant}', '${method.config.public_terminal}', '${dsMerchantOrder}')`);
-                    getInSiteForm('card-form', '', '', '', '', `Pagar con Redsys`,
-                        method.config.public_merchant, method.config.public_terminal, dsMerchantOrder);
-                } else {
-                    console.log('NO ENTRO AL CONGIF DEL METODO PARA GENERAR BOTON');
-                    getInSiteForm('card-form', '', '', '', '', `Pagar con Redsys`, '034777748', '001', '54646546546');
-                }
-                setTimeout(() => {
-                    console.log('DESDE EL LOAD MENSAJE AL FRAME INICIA');
-                    console.log(`window.frames['${IFRAME_REDSYS}'].postMessage('domain', '${REDSYS_DOMAIN}');`);
-                    window.frames[IFRAME_REDSYS].postMessage('domain', REDSYS_DOMAIN);
-                    console.log('DESDE EL LOAD MENSAJE AL FRAME FINALIZADO');
-                }, 5000)
-                window.addEventListener("message", (event) => {
-                    console.log('ENTRO A EVENTO MESSAGE --> ', event);
-                    storeIdOper(event, "token", "errorCode", () => {
-                        //Insertar validaciones...
-                        console.log('entro aca a la validacion');
-                        return true;
-                    });
-                    let operId
-                    let error
-                    try {
-                        operId = event.data.idOper
-                        console.log('IDOPER AGREGADO POR EL EVENTO AL DOM ->', operId);
-                    } catch (error) {
-                        console.log(error);
-                    }
-                    try {
-                        error = event.data.error
-                        console.log('ERRORES AGREGADO POR EL EVENTO AL DOM ->', error);
-                    } catch (error) {
-                        console.log(error);
-                    }
-                    if (operId != undefined && operId != null) {
-                        if (operId == -1) {
-                            sessionStorage.setItem('state', 'menosuno')
-                            return;
-                        }
-                        console.log('TODO VIENE DEL ORIGEN ->', event.origin);
-                        fetch(finishApi, {
-                            method: 'POST', // or 'PUT'
-                            body: JSON.stringify({ operId }), // data can be `string` or {object}!
-                            headers: {
-                                'Content-Type': 'application/json'
-                            }
-                        }).then(res => res.json())
-                            .catch(error => { console.error('Error:', error); processError(error) })
-                            .then(response => { console.log('Success:', response); processResponse(response) });
-                    }
-                });
-                viewFrame(1)
-            }, 3000);
-        }
-        const processResponse = (res) => {
-            console.log("OK ENVIO BACK");
-            const { status } = res
-            switch (status) {
-                case 200:
-                    console.log('ESTATUS 200 ', res);
-                    console.log('URL -> ', `${urlOrigin}/cart/checkout/redsys/ok`);
-                    location.href = `${urlOrigin}/cart/checkout/redsys/ok`
-                    break;
-                case 401:
-                    console.log('ESTATUS 401 ', res);
-                    if (res.hasOwnProperty('error')) {
-                        if (!res.error) {
-                            setDobleAuthVuno(res)
-                        } else {
-                            console.log('URL -> ', `${urlOrigin}/cart/checkout/redsys/error`);
-                            location.href = `${urlOrigin}/cart/checkout/redsys/error`
-                        }
-                    } else {
-                        setDobleAuthVuno(res)
-                    }
-                    break;
-                case 402:
-                    console.log('ESTATUS 402 ', res);
-                    setSendValuesFrame(res)
-                    break;
-                case 408:
-                    console.log('ESTATUS 408 ', res);
-                    setDobleAuthVdos(res)
-                    break;
-                case 500:
-                    console.log('ESTATUS 500 ', res);
-                    console.log('URL -> ', `${urlOrigin}/cart/checkout/redsys/error`);
-                    location.href = `${urlOrigin}/cart/checkout/redsys/error`
-                    break;
-                default:
-                    console.log('NO ERA 200 ', res);
-                    break;
-            }
-        }
-        const getMerchantOrder = () => {
-            fetch(merchantOrder)
-                .then(response => response.json())
-                .catch(error => { console.error('Error:', error); processError(error) })
-                .then(response => {
-                    console.log('Success:', response);
-                    if (response.hasOwnProperty('code') || response.hasOwnProperty('status')) {
-                        if (response.code == 200 || response.status == 200) {
-                            processResponseMerchant(response)
-                        } else {
-                            processError({ error: "no se pudo obtener el numero de orden" })
-                        }
-                    } else {
-                        processResponseMerchant(response)
-                    }
-                });
-        }
-        const processResponseMerchant = (response) => {
-            const { Ds_MerchantOrder } = response
-            dsMerchantOrder = Ds_MerchantOrder
-            renderInit()
-        }
-        const processError = (err) => {
-            //this.toastrService.show(err != '' ? err : 'payment-error');
-            console.log("ERROR ENVIO BACK  ", err);
-            sessionStorage.setItem('state', 'error')
-            //window.document.getElementById('redsys-hosted-pay-button').remove()
-            //this.loading = true;
-            //this.renderInit()
-        }
-        const setDobleAuthVuno = (res) => {
-            const { status, status_detail, paRequest, autSession, acsUrl } = res
-            sessionStorage.setItem('status_detail', status_detail)
-            sessionStorage.setItem('paRequest', paRequest)
-            sessionStorage.setItem('autSession', autSession)
-            sessionStorage.setItem('acsUrl', acsUrl)
-            let ifrm = document.getElementById('iframe-dos');
-            ifrm.setAttribute('src', '../../../../assets/redsysAuthVunoBase.html');
-            viewFrame(2)
-        }
-        const setSendValuesFrame = (res) => {
-            const { status, status_detail, threeDSMethodData, threeDSMethodUrl } = res
-            sessionStorage.setItem('threeDSMethodData', threeDSMethodData)
-            sessionStorage.setItem('threeDSMethodUrl', threeDSMethodUrl)
-            let ifrm = document.getElementById('iframe-tres');
-            ifrm.setAttribute('src', '../../../../assets/redsysFrameSendBase.html');
-            viewFrame(3)
-            callState()
-        }
-        const viewFrame = (frame) => {
-            document.getElementById("frame-cero").style.display = "none";
-            document.getElementById("frame-uno").style.display = "none";
-            document.getElementById("frame-dos").style.display = "none";
-            document.getElementById("frame-tres").style.display = "none";
-            document.getElementById("frame-cuatro").style.display = "none";
-            switch (frame) {
-                case 1:
-                    document.getElementById("frame-uno").style.display = "block";
-                    break;
-                case 2:
-                    document.getElementById("frame-dos").style.display = "block";
-                    break;
-                case 3:
-                    document.getElementById("frame-tres").style.display = "block";
-                    break;
-                case 4:
-                    document.getElementById("frame-cuatro").style.display = "block";
-                    break;
-                default:
-                    document.getElementById("frame-cero").style.display = "flex";
-                    setTimeout(() => { checkExistJs() }, 500);
-                    break;
-            }
-        }
-        const existJs = () => {
-            try {
-                return REDSYS_DOMAIN != ''
-            } catch (error) {
-                return false
-            }
-        }
-        const checkExistJs = () => {
-            if (existJs()) {
-                getMerchantOrder()
-                return
-            }
-            setTimeout(() => {
-                checkExistJs()
-            }, 1000);
-        }
-        const callState = () => {
-            let state = sessionStorage.getItem('state')
-            console.log(state);
-            if (state && state == 'challenge') {
-                sessionStorage.removeItem('state')
-                setValueChallenge()
-                return
-            }
-            setTimeout(() => {
-                callState()
-            }, 4000);
-        }
-        const setValueChallenge = () => {
-            let orden = user_data.valuesPayment.number
-            fetch(challengeApi, {
-                method: 'POST',
-                body: JSON.stringify({ orden }),
-                headers: {
-                    'Content-Type': 'application/json'
-                }
-            }).then(res => { console.log(res); return res.json() })
-                .catch(error => { console.error('Error:', error); processError(error) })
-                .then(response => { console.log('Success:', response); processResponse(response) });
-        }
-        const setDobleAuthVdos = (res) => {
-            const { status, status_detail, creq, acsUrl } = res
-            sessionStorage.setItem('status_detail', status_detail)
-            sessionStorage.setItem('creq', creq)
-            sessionStorage.setItem('acsUrl', acsUrl)
-            let ifrm = document.getElementById('iframe-cuatro');
-            ifrm.setAttribute('src', '../../../../assets/redsysAuthVdosBase.html');
-            viewFrame(4)
-        }
-        viewFrame(0)
-        // const test = () => {
-        //     let operId = 'da6db5f22314aba9c129829c6fd7b6650c519432'
-        //     fetch(finishApi, {
-        //         method: 'POST', // or 'PUT'
-        //         body: JSON.stringify({ operId }), // data can be `string` or {object}!
-        //         headers: {
-        //             'Content-Type': 'application/json'
-        //         }
-        //     }).then(res => { console.log(res); return res.json() })
-        //         .catch(error => { console.error('Error:', error); processError(error) })
-        //         .then(response => { console.log('Success:', response); processResponse(response) });
-        // }
-    </script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head id="head">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>checkout redsys</title>
+</head>
+<body>
+    <style>
+        .loader {
+            border: 16px solid #f3f3f3;
+            border-top: 16px solid #dc3545;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            animation: spin 2s linear infinite;
+        }
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+        .flex-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 80vh;
+        }
+        .flex-container>div {
+            width: 100%;
+            height: 450px;
+        }
+        #card-form {
+            height: 450px;
+        }
+        .iframeStyle {
+            height: 800px;
+            width: 100%;
+            max-height: 800px;
+        }
+        #frame-dos {
+            width: 100%;
+            height: 100%;
+        }
+        #frame-tres {
+            width: 100%;
+            height: 100%;
+        }
+        #frame-cuatro {
+            width: 100%;
+            height: 100%;
+        }
+        .flex-container-init {
+            height: 450px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        .init {
+            width: 120px;
+        }
+    </style>
+    <div class="flex-container-init" id="frame-cero">
+        <div class="init">
+            <div class="loader"></div>
+        </div>
+    </div>
+    <div class="flex-container" id="frame-uno">
+        <div>
+            <form>
+                <div id="card-form"></div>
+                <input hidden id="token" />
+                <input hidden id="errorCode" />
+            </form>
+        </div>
+    </div>
+    <div id="frame-dos">
+        <iframe id="iframe-dos" frameborder="0" class="iframeStyle"></iframe>
+    </div>
+    <div class="flex-container" id="frame-tres">
+        <div>
+            <div class="loader"></div>
+            <iframe hidden id="iframe-tres" frameborder="0"></iframe>
+        </div>
+    </div>
+    <div id="frame-cuatro">
+        <iframe id="iframe-cuatro" frameborder="0" class="iframeStyle"></iframe>
+    </div>
+    <script>
+        let url = window.location.host
+        let urlOrigin = window.location.origin
+        let scriptService = document.createElement("script");
+        let currentHead = document.getElementById("head");
+        const method = JSON.parse(sessionStorage.getItem('method'))
+        const user_data = JSON.parse(sessionStorage.getItem('user_data'))
+        const finishApi = sessionStorage.getItem('finishApi')
+        const challengeApi = sessionStorage.getItem('challengeApi')
+        const merchantOrder = sessionStorage.getItem('merchantOrder')
+        let dsMerchantOrder = 0
+        scriptService.setAttribute('src', url.includes('easy') ?
+            'https://sis-t.redsys.es:25443/sis/NC/sandbox/redsysV2.js'
+            :
+            'https://sis.redsys.es/sis/NC/redsysV2.js')
+        currentHead.appendChild(scriptService);
+        const renderInit = () => {
+            setTimeout(() => {
+                console.log("SE INICIA");
+                console.log(REDSYS_DOMAIN);
+                console.log(IFRAME_REDSYS);
+                if (method && method.config && user_data.valuesPayment && user_data.valuesPayment.number) {
+                    console.log('ENTRO AL CON DATOS CONFIG PARA GENERAR BOTON ', method.config.public_merchant, method.config.public_terminal, user_data.valuesPayment.number);
+                    console.log(`getInSiteForm('card-form', '', '', '', '', 'Pagar con Redsys', '${method.config.public_merchant}', '${method.config.public_terminal}', '${dsMerchantOrder}')`);
+                    getInSiteForm('card-form', '', '', '', '', `Pagar con Redsys`,
+                        method.config.public_merchant, method.config.public_terminal, dsMerchantOrder);
+                } else {
+                    console.log('NO ENTRO AL CONGIF DEL METODO PARA GENERAR BOTON');
+                    getInSiteForm('card-form', '', '', '', '', `Pagar con Redsys`, '034777748', '001', '54646546546');
+                }
+                setTimeout(() => {
+                    console.log('DESDE EL LOAD MENSAJE AL FRAME INICIA');
+                    console.log(`window.frames['${IFRAME_REDSYS}'].postMessage('domain', '${REDSYS_DOMAIN}');`);
+                    window.frames[IFRAME_REDSYS].postMessage('domain', REDSYS_DOMAIN);
+                    console.log('DESDE EL LOAD MENSAJE AL FRAME FINALIZADO');
+                }, 5000)
+                window.addEventListener("message", (event) => {
+                    console.log('ENTRO A EVENTO MESSAGE --> ', event);
+                    storeIdOper(event, "token", "errorCode", () => {
+                        //Insertar validaciones...
+                        console.log('entro aca a la validacion');
+                        return true;
+                    });
+                    let operId
+                    let error
+                    try {
+                        operId = event.data.idOper
+                        console.log('IDOPER AGREGADO POR EL EVENTO AL DOM ->', operId);
+                    } catch (error) {
+                        console.log(error);
+                    }
+                    try {
+                        error = event.data.error
+                        console.log('ERRORES AGREGADO POR EL EVENTO AL DOM ->', error);
+                    } catch (error) {
+                        console.log(error);
+                    }
+                    if (operId != undefined && operId != null) {
+                        if (operId == -1) {
+                            sessionStorage.setItem('state', 'menosuno')
+                            return;
+                        }
+                        console.log('TODO VIENE DEL ORIGEN ->', event.origin);
+                        fetch(finishApi, {
+                            method: 'POST', // or 'PUT'
+                            body: JSON.stringify({ operId }), // data can be `string` or {object}!
+                            headers: {
+                                'Content-Type': 'application/json'
+                            }
+                        }).then(res => res.json())
+                            .catch(error => { console.error('Error:', error); processError(error) })
+                            .then(response => { console.log('Success:', response); processResponse(response) });
+                    }
+                });
+                viewFrame(1)
+            }, 3000);
+        }
+        const processResponse = (res) => {
+            console.log("OK ENVIO BACK");
+            const { status } = res
+            switch (status) {
+                case 200:
+                    console.log('ESTATUS 200 ', res);
+                    console.log('URL -> ', `${urlOrigin}/cart/checkout/redsys/ok`);
+                    location.href = `${urlOrigin}/cart/checkout/redsys/ok`
+                    break;
+                case 401:
+                    console.log('ESTATUS 401 ', res);
+                    if (res.hasOwnProperty('error')) {
+                        if (!res.error) {
+                            setDobleAuthVuno(res)
+                        } else {
+                            console.log('URL -> ', `${urlOrigin}/cart/checkout/redsys/error`);
+                            location.href = `${urlOrigin}/cart/checkout/redsys/error`
+                        }
+                    } else {
+                        setDobleAuthVuno(res)
+                    }
+                    break;
+                case 402:
+                    console.log('ESTATUS 402 ', res);
+                    setSendValuesFrame(res)
+                    break;
+                case 408:
+                    console.log('ESTATUS 408 ', res);
+                    setDobleAuthVdos(res)
+                    break;
+                case 500:
+                    console.log('ESTATUS 500 ', res);
+                    console.log('URL -> ', `${urlOrigin}/cart/checkout/redsys/error`);
+                    location.href = `${urlOrigin}/cart/checkout/redsys/error`
+                    break;
+                default:
+                    console.log('NO ERA 200 ', res);
+                    break;
+            }
+        }
+        const getMerchantOrder = () => {
+            fetch(merchantOrder)
+                .then(response => response.json())
+                .catch(error => { console.error('Error:', error); processError(error) })
+                .then(response => {
+                    console.log('Success:', response);
+                    if (response.hasOwnProperty('code') || response.hasOwnProperty('status')) {
+                        if (response.code == 200 || response.status == 200) {
+                            processResponseMerchant(response)
+                        } else {
+                            processError({ error: "no se pudo obtener el numero de orden" })
+                        }
+                    } else {
+                        processResponseMerchant(response)
+                    }
+                });
+        }
+        const processResponseMerchant = (response) => {
+            const { Ds_MerchantOrder } = response
+            dsMerchantOrder = Ds_MerchantOrder
+            renderInit()
+        }
+        const processError = (err) => {
+            //this.toastrService.show(err != '' ? err : 'payment-error');
+            console.log("ERROR ENVIO BACK  ", err);
+            sessionStorage.setItem('state', 'error')
+            //window.document.getElementById('redsys-hosted-pay-button').remove()
+            //this.loading = true;
+            //this.renderInit()
+        }
+        const setDobleAuthVuno = (res) => {
+            const { status, status_detail, paRequest, autSession, acsUrl } = res
+            sessionStorage.setItem('status_detail', status_detail)
+            sessionStorage.setItem('paRequest', paRequest)
+            sessionStorage.setItem('autSession', autSession)
+            sessionStorage.setItem('acsUrl', acsUrl)
+            let ifrm = document.getElementById('iframe-dos');
+            ifrm.setAttribute('src', '../../../../assets/redsysAuthVunoBase.html');
+            viewFrame(2)
+        }
+        const setSendValuesFrame = (res) => {
+            const { status, status_detail, threeDSMethodData, threeDSMethodUrl } = res
+            sessionStorage.setItem('threeDSMethodData', threeDSMethodData)
+            sessionStorage.setItem('threeDSMethodUrl', threeDSMethodUrl)
+            let ifrm = document.getElementById('iframe-tres');
+            ifrm.setAttribute('src', '../../../../assets/redsysFrameSendBase.html');
+            viewFrame(3)
+            callState()
+        }
+        const viewFrame = (frame) => {
+            document.getElementById("frame-cero").style.display = "none";
+            document.getElementById("frame-uno").style.display = "none";
+            document.getElementById("frame-dos").style.display = "none";
+            document.getElementById("frame-tres").style.display = "none";
+            document.getElementById("frame-cuatro").style.display = "none";
+            switch (frame) {
+                case 1:
+                    document.getElementById("frame-uno").style.display = "block";
+                    break;
+                case 2:
+                    document.getElementById("frame-dos").style.display = "block";
+                    break;
+                case 3:
+                    document.getElementById("frame-tres").style.display = "block";
+                    break;
+                case 4:
+                    document.getElementById("frame-cuatro").style.display = "block";
+                    break;
+                default:
+                    document.getElementById("frame-cero").style.display = "flex";
+                    setTimeout(() => { checkExistJs() }, 500);
+                    break;
+            }
+        }
+        const existJs = () => {
+            try {
+                return REDSYS_DOMAIN != ''
+            } catch (error) {
+                return false
+            }
+        }
+        const checkExistJs = () => {
+            if (existJs()) {
+                getMerchantOrder()
+                return
+            }
+            setTimeout(() => {
+                checkExistJs()
+            }, 1000);
+        }
+        const callState = () => {
+            let state = sessionStorage.getItem('state')
+            console.log(state);
+            if (state && state == 'challenge') {
+                sessionStorage.removeItem('state')
+                setValueChallenge()
+                return
+            }
+            setTimeout(() => {
+                callState()
+            }, 4000);
+        }
+        const setValueChallenge = () => {
+            let orden = user_data.valuesPayment.number
+            fetch(challengeApi, {
+                method: 'POST',
+                body: JSON.stringify({ orden }),
+                headers: {
+                    'Content-Type': 'application/json'
+                }
+            }).then(res => { console.log(res); return res.json() })
+                .catch(error => { console.error('Error:', error); processError(error) })
+                .then(response => { console.log('Success:', response); processResponse(response) });
+        }
+        const setDobleAuthVdos = (res) => {
+            const { status, status_detail, creq, acsUrl } = res
+            sessionStorage.setItem('status_detail', status_detail)
+            sessionStorage.setItem('creq', creq)
+            sessionStorage.setItem('acsUrl', acsUrl)
+            let ifrm = document.getElementById('iframe-cuatro');
+            ifrm.setAttribute('src', '../../../../assets/redsysAuthVdosBase.html');
+            viewFrame(4)
+        }
+        viewFrame(0)
+        // const test = () => {
+        //     let operId = 'da6db5f22314aba9c129829c6fd7b6650c519432'
+        //     fetch(finishApi, {
+        //         method: 'POST', // or 'PUT'
+        //         body: JSON.stringify({ operId }), // data can be `string` or {object}!
+        //         headers: {
+        //             'Content-Type': 'application/json'
+        //         }
+        //     }).then(res => { console.log(res); return res.json() })
+        //         .catch(error => { console.error('Error:', error); processError(error) })
+        //         .then(response => { console.log('Success:', response); processResponse(response) });
+        // }
+    </script>
+</body>
 </html>