ng-easycommerce-v18 0.3.14-beta.10 → 0.3.14-beta.11

package/fesm2022/ng-easycommerce-v18.mjs

@@ -8232,6 +8232,7 @@ class LoginFormEcComponent {
     _formBuilder = inject(FormBuilder);
     _toastService = inject(ToastService);
     _router = inject(Router);
+    platformId = inject(PLATFORM_ID);
     showPassword = false;
     /**
      * Parametro para indicar si tras loguear
@@ -8277,7 +8278,7 @@ class LoginFormEcComponent {
                 this.loggedIn = true;
                 if (this.inCart) {
                     // Si se está en el carrito, se cierra el modal de login
-                    if (isPlatformBrowser(inject(PLATFORM_ID))) {
+                    if (isPlatformBrowser(this.platformId)) {
                         const modal = document.getElementById('modalInvitado');
                         if (modal) {
                             const modalInstance = window.bootstrap?.Modal?.getInstance(modal);
@@ -8709,6 +8710,7 @@ class PasswordResetEcComponent extends ComponentHelper {
     ready = false;
     token;
     formGroup;
+    platformId = inject(PLATFORM_ID);
     constructor(authService, toastr, activedRoute, router, formBuilder) {
         super();
         this.authService = authService;
@@ -8760,7 +8762,7 @@ class PasswordResetEcComponent extends ComponentHelper {
     };
     sendToLogin = () => this.router.navigateByUrl('/auth/login');
     showPassword = () => {
-        if (!isPlatformBrowser(inject(PLATFORM_ID)))
+        if (!isPlatformBrowser(this.platformId))
             return;
         const passwordInput = document.getElementById('contraseña1');
         const showIcon = document.getElementById('show1');
@@ -8775,7 +8777,7 @@ class PasswordResetEcComponent extends ComponentHelper {
         hideIcon?.classList.toggle('d-none');
     };
     showPassword2 = () => {
-        if (!isPlatformBrowser(inject(PLATFORM_ID)))
+        if (!isPlatformBrowser(this.platformId))
             return;
         const passwordInput = document.getElementById('contraseña2');
         const showIcon = document.getElementById('show2');
@@ -10185,6 +10187,12 @@ class DecidirEcComponent extends ComponentHelper {
     params;
     showModal = false;
     dataRedirect = () => this.apiConsts.getUrlBase() + 'shop-api/' + this.consts.getChannel() + '/decidir/' + this.cartService.cartToken + '/process-payment';
+    platformId = inject(PLATFORM_ID);
+    isBrowser = isPlatformBrowser(this.platformId);
+    windowRef = this.isBrowser ? window : null;
+    localStorageRef = this.windowRef?.localStorage ?? null;
+    sessionStorageRef = this.windowRef?.sessionStorage ?? null;
+    messageListener = (event) => this.handleIframeMessage(event);
     constructor(renderer, connection, toastrService, consts, apiConsts, cartService, activedRoute, sanitizer, paramsService) {
         super();
         this.renderer = renderer;
@@ -10209,32 +10217,38 @@ class DecidirEcComponent extends ComponentHelper {
     }
     ngOnDestroy() {
         // Remover el listener de mensajes
-        window.removeEventListener('message', this.handleIframeMessage, false);
+        if (this.isBrowser && this.windowRef) {
+            this.windowRef.removeEventListener('message', this.messageListener, false);
+        }
         // console.log("SE DESTROZA");
     }
     ngOnChanges() {
         // console.log("SE CAMBIO");
     }
     openModal() {
+        if (!this.isBrowser || !this.localStorageRef)
+            return;
         this.clearStorageState();
-        localStorage.setItem('dataRedirect', this.dataRedirect());
-        localStorage.setItem('dataDecidir', JSON.stringify({
+        this.localStorageRef.setItem('dataRedirect', this.dataRedirect());
+        this.localStorageRef.setItem('dataDecidir', JSON.stringify({
             ...this.method,
             total_amount: this.total_amount
         }));
-        localStorage.setItem('subtotal', this.total_amount.toString());
+        this.localStorageRef.setItem('subtotal', this.total_amount.toString());
         this.showModal = true;
         this.closeModal = '';
         this.callState();
     }
     clearStorageState = () => {
-        sessionStorage.removeItem('state');
-        localStorage.removeItem('state');
-        localStorage.removeItem('dataRedirect');
-        localStorage.removeItem('dataDecidir');
-        localStorage.removeItem('message');
-        localStorage.removeItem('subMessage');
-        localStorage.removeItem('subtotal');
+        if (!this.isBrowser)
+            return;
+        this.sessionStorageRef?.removeItem('state');
+        this.localStorageRef?.removeItem('state');
+        this.localStorageRef?.removeItem('dataRedirect');
+        this.localStorageRef?.removeItem('dataDecidir');
+        this.localStorageRef?.removeItem('message');
+        this.localStorageRef?.removeItem('subMessage');
+        this.localStorageRef?.removeItem('subtotal');
     };
     clickClose = () => {
         this.closeModal = 'cancel';
@@ -10242,14 +10256,18 @@ class DecidirEcComponent extends ComponentHelper {
         this.processError('Se cancelo el pago con Decidir');
     };
     showMessage = () => {
-        let message = localStorage.getItem('message') || undefined;
-        let subMessage = localStorage.getItem('subMessage') || undefined;
+        if (!this.isBrowser || !this.localStorageRef)
+            return;
+        let message = this.localStorageRef.getItem('message') || undefined;
+        let subMessage = this.localStorageRef.getItem('subMessage') || undefined;
         message && this.toastrService.show(message, {}, '', { closeButton: true, timeOut: 6000 });
         subMessage && this.toastrService.show(subMessage, {}, '', { closeButton: true, timeOut: 6000 });
     };
     callState = () => {
+        if (!this.isBrowser || !this.localStorageRef)
+            return;
         try {
-            let state = this.closeModal != '' ? this.closeModal : localStorage.getItem('state');
+            let state = this.closeModal != '' ? this.closeModal : this.localStorageRef.getItem('state');
             this.loading = true;
             state && this.showMessage();
             if (state) {
@@ -10284,16 +10302,20 @@ class DecidirEcComponent extends ComponentHelper {
         // console.log("ERROR ENVIO BACK  ", err);
     };
     getCheckoutDecidir = () => {
+        if (!this.isBrowser)
+            return;
         this.loading = true;
         this.dataDecidir = this.method;
         this.url = this.sanitizer.bypassSecurityTrustResourceUrl('assets/decidirFormEc.html');
         this.loading = false;
         // Escuchar mensajes del iframe para manejar la comunicación
-        window.addEventListener('message', this.handleIframeMessage.bind(this), false);
+        this.windowRef?.addEventListener('message', this.messageListener, false);
     };
     handleIframeMessage = (event) => {
         // Verificar el origen por seguridad
-        if (event.origin !== window.location.origin) {
+        if (!this.isBrowser || !this.windowRef)
+            return;
+        if (event.origin !== this.windowRef.location.origin) {
             return;
         }
         if (event.data && event.data.type === 'DECIDIR_PAYMENT') {
@@ -10302,6 +10324,8 @@ class DecidirEcComponent extends ComponentHelper {
         }
     };
     processPayment = (paymentData) => {
+        if (!this.isBrowser)
+            return;
         this.loading = true;
         this.connection.post('shop-api/' + this.consts.getChannel() + '/decidir/' + this.cartService.cartToken + '/process-payment')
             .subscribe({
@@ -10309,33 +10333,33 @@ class DecidirEcComponent extends ComponentHelper {
                 this.loading = false;
                 // console.log('Respuesta del backend:', response);
                 if (response.status === 'approved' || response.status === 'partially_authorized') {
-                    localStorage.setItem('state', response.status === 'approved' ? 'success' : 'partially_authorized');
+                    this.localStorageRef?.setItem('state', response.status === 'approved' ? 'success' : 'partially_authorized');
                     if (response.message)
-                        localStorage.setItem('message', response.message);
+                        this.localStorageRef?.setItem('message', response.message);
                     if (response.subMessage)
-                        localStorage.setItem('subMessage', response.subMessage);
+                        this.localStorageRef?.setItem('subMessage', response.subMessage);
                     this.callState();
                 }
                 else {
-                    localStorage.setItem('state', 'failure');
+                    this.localStorageRef?.setItem('state', 'failure');
                     if (response.message)
-                        localStorage.setItem('message', response.message);
+                        this.localStorageRef?.setItem('message', response.message);
                     if (response.subMessage)
-                        localStorage.setItem('subMessage', response.subMessage);
+                        this.localStorageRef?.setItem('subMessage', response.subMessage);
                     this.callState();
                 }
             },
             error: (error) => {
                 this.loading = false;
                 console.error('Error processing payment:', error);
-                localStorage.setItem('state', 'failure');
+                this.localStorageRef?.setItem('state', 'failure');
                 this.processError('Error al procesar el pago');
                 this.callState();
             }
         });
     };
     resizeIframe = (obj) => {
-        if (typeof document === 'undefined' || !obj.contentWindow || !obj.contentWindow.document)
+        if (!this.isBrowser || typeof document === 'undefined' || !obj.contentWindow || !obj.contentWindow.document)
             return;
         obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
         obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';