ng-easycommerce-v18 0.3.21-beta.3 → 0.3.22-beta.2

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, Inject, computed, NgZone, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, Inject, computed, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
 import * as i1 from '@angular/common';
 import { DOCUMENT, isPlatformBrowser, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
 import { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
@@ -123,6 +123,12 @@ class ApiConstantsService {
         this._translate.use(locale.split('_')[0]);
         this.LOCALE = locale;
     }
+    /**
+     * Indica si la aplicación está corriendo en producción.
+     */
+    get IS_PRODUCTION() {
+        return this.environment.production === true;
+    }
     //Storage key
     LOCALE_KEY = 'LOCALE';
     CHANNEL_KEY = 'CHANNEL';
@@ -533,6 +539,10 @@ class OptionsService {
      * Maneja las peticiones a la API
      */
     connection = inject(ConnectionService);
+    /**
+     * Platform ID para verificar si estamos en el navegador
+     */
+    platformId = inject(PLATFORM_ID);
     /**
      * Constantes del core
      */
@@ -643,7 +653,26 @@ class OptionsService {
      * @returns
      */
     removeAccents(str) {
-        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        if (isPlatformBrowser(this.platformId) && typeof String.prototype.normalize === 'function') {
+            return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        }
+        // Fallback para SSR - remover acentos manualmente
+        return str.replace(/[àáâãäå]/g, 'a')
+            .replace(/[èéêë]/g, 'e')
+            .replace(/[ìíîï]/g, 'i')
+            .replace(/[òóôõö]/g, 'o')
+            .replace(/[ùúûü]/g, 'u')
+            .replace(/[ýÿ]/g, 'y')
+            .replace(/[ñ]/g, 'n')
+            .replace(/[ç]/g, 'c')
+            .replace(/[ÀÁÂÃÄÅ]/g, 'A')
+            .replace(/[ÈÉÊË]/g, 'E')
+            .replace(/[ÌÍÎÏ]/g, 'I')
+            .replace(/[ÒÓÔÕÖ]/g, 'O')
+            .replace(/[ÙÚÛÜ]/g, 'U')
+            .replace(/[ÝŸ]/g, 'Y')
+            .replace(/[Ñ]/g, 'N')
+            .replace(/[Ç]/g, 'C');
     }
     /**
      * Realiza un mapeo de los datos para darle un formato mas entendible a la
@@ -824,172 +853,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-/**
- * Servicio que maneja los parametros de la aplicación.
- */
-class ParametersService {
-    /**
-     * Constantes de la API
-     */
-    apiConstants = inject(ApiConstantsService);
-    /**
-     * Maneja las peticiones a la API
-     */
-    connection = inject(ConnectionService);
-    //API URLS
-    /**
-     * Devuelve la URL para obtener todos los parametros.
-     * @returns
-     */
-    getAllParametersAPI() { return `${this.apiConstants.SHOP_API_URL}${this.apiConstants.CHANNEL}/parameters`; }
-    //OBSERVABLES
-    /**
-     * Subject para manejar los cambios en los datos de los parametros
-     */
-    parametersSubject = new BehaviorSubject(null);
-    parameters$ = this.parametersSubject.asObservable();
-    //METHODS
-    /**
-     * Obtiene los parámetros del backend.
-     * @returns
-     */
-    getParameters() {
-        if (this.parametersSubject.getValue() === null) {
-            this.connection.get(this.getAllParametersAPI()).pipe(shareReplay(1), map((response) => {
-                this.parametersSubject.next(response);
-                return response;
-            }), catchError((error) => {
-                console.log(`Error: ${error}`);
-                this.parametersSubject.next([]);
-                return of([]);
-            })).subscribe();
-        }
-        return this.parameters$;
-    }
-    /**
-     * Comprueba si el código de un parámetro existe en la lista de parámetros.
-     * @param params Lista de parámetros
-     * @param code Código del parámetro a buscar
-     * @returns El objeto con los datos del parámetro encontrado, sino retorna `null`
-     */
-    hasParams(params, code) { return params && params.find((param) => param.code?.toLowerCase().includes(code.toLowerCase())); }
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParametersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParametersService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParametersService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * Servicio que maneja los bloques como repositorio.
- * @class BlocksRepositoryService
- */
-class BlocksRepositoryService {
-    /**
-     * Constantes de la API
-     */
-    apiConstants = inject(ApiConstantsService);
-    /**
-     * Menaja las conexiones con la API
-     */
-    connection = inject(ConnectionService);
-    /**
-     * Subject para manejar los bloques recibidos.
-     */
-    blocksSubject = new BehaviorSubject([]);
-    /**
-     * Observable de bloques.
-     */
-    blocks$ = this.blocksSubject.asObservable();
-    //API URLS
-    /**
-     * Devuelve la url para obtener los bloques segun la sección.
-     * @param section
-     * @returns
-     */
-    blocksAPI(section) { return `${this.apiConstants.CMS_URL}${this.apiConstants.CHANNEL}/blocks/section/${section}?locale=${this.apiConstants.LOCALE}`; }
-    /**
-     * Obtiene los bloques segun la seccion del Backend.
-     * @param section
-     * @returns Un observable de los bloques.
-     */
-    getBlocks(section) {
-        //if(this.blocksSubject.getValue() != null){
-        this.connection.get(this.blocksAPI(section)).pipe(shareReplay(1), map((response) => {
-            //console.log(response)
-            this.blocksSubject.next(response.items);
-            return response;
-        })).subscribe();
-        //}
-        return this.blocks$;
-    }
-    /* private hasSectionBlocks = (section: string) => {
-        
-    } */
-    appendBlock = (blocks, section) => {
-        const new_block = { section, blocks };
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksRepositoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksRepositoryService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksRepositoryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-/**
- * Servicio de tipo adapter para manejar los bloques.
- * @class BlocksService
- */
-class BlocksService {
-    /**
-     * Constantes de la API
-     */
-    apiConstants = inject(ApiConstantsService);
-    /**
-     * Servicio de BlocksRepository.
-     */
-    blocksRepositoryService = inject(BlocksRepositoryService);
-    /**
-     * Subject para manejar los bloques recibidos.
-     */
-    blocksSubject = new BehaviorSubject([]);
-    /**
-     * Observable de bloques.
-     */
-    blocks$ = this.blocksSubject.asObservable();
-    //API URLS
-    /**
-     * Devuelve la url para interactuar con el bloque de contacto.
-     * @returns
-     */
-    contactFormResponseAPI() { return `${this.apiConstants.CMS_URL}${this.apiConstants.LOCALE}/contact-form/response`; }
-    //METHODS
-    /**
-     * Obtiene los bloques de una sección en especifico.
-     * @param section
-     * @returns Observable de los bloques.
-     */
-    getBlocks(section) {
-        return this.blocksRepositoryService.getBlocks(section);
-    }
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
 /**
  * Servicio que se encarga de manejar el Analytics de Facebook.
  * @class FacebookPixelService
@@ -1026,7 +889,9 @@ class FacebookPixelService {
             this.renderer.appendChild(this.document?.body, new_analityc_script);
             this.enabled = true;
         }
-        setTimeout(() => this.callEvent('initialize'), 1000);
+        if (isPlatformBrowser(this.platformId)) {
+            setTimeout(() => this.callEvent('initialize'), 1000);
+        }
     }
     /**
      * Ejecuta el evento pasado por parametro.
@@ -1243,7 +1108,9 @@ class GoogleAnalyticsService {
             this.renderer.appendChild(this.document?.head, declaration);
             this.enabled = true;
         }
-        setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
+        if (isPlatformBrowser(this.platformId)) {
+            setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
+        }
     }
     /**
      *
@@ -1516,16 +1383,29 @@ class GTMService {
             this.document = inject(DOCUMENT);
         }
     }
+    get isBrowser() {
+        return isPlatformBrowser(this.platformId);
+    }
+    /** Acceso al window SSR-safe */
+    get windowRef() {
+        if (!this.isBrowser)
+            return null;
+        return window;
+    }
+    /** Acceso al document SSR-safe */
+    get documentRef() {
+        return this.isBrowser ? this.document : null;
+    }
     /**
      * Obtiene el dataLayer del objecto window
      * @returns
      */
     getDataLayer() {
-        const window = this.window;
-        /* if(window)
-        window.dataLayer = window.dataLayer || [];
-        return window.dataLayer; */
-        return [];
+        const win = this.windowRef;
+        if (!win)
+            return [];
+        win.dataLayer = win.dataLayer || [];
+        return win.dataLayer;
     }
     /**
      * Agrega datos al dataLayer.
@@ -1533,6 +1413,8 @@ class GTMService {
      */
     pushOnDataLayer(obj) {
         const dataLayer = this.getDataLayer();
+        if (!dataLayer.length && !this.isBrowser)
+            return;
         dataLayer.push(obj);
     }
     /**
@@ -1541,24 +1423,45 @@ class GTMService {
      */
     addGtmToDom() {
         return new Promise((resolve, reject) => {
+            if (!this.isBrowser) {
+                return resolve(false);
+            }
             if (this.isLoaded) {
                 return resolve(this.isLoaded);
             }
-            //const doc = this.browserGlobals.documentRef();
-            this.pushOnDataLayer({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
-            const gtmScript = this.document?.createElement('script'); //doc.createElement('script');
-            if (gtmScript) {
-                gtmScript.id = 'GTMscript';
-                gtmScript.async = true;
-                gtmScript.src = this.applyGtmQueryParams(this.config["gtm_resource_path"] ? this.config["gtm_resource_path"] : 'https://www.googletagmanager.com/gtm.js');
-                gtmScript.addEventListener('load', () => {
-                    return resolve(this.isLoaded = true);
-                });
-                gtmScript.addEventListener('error', () => {
-                    return reject(false);
-                });
-                this.document?.head.insertBefore(gtmScript, this.document.head.firstChild);
+            const doc = this.documentRef;
+            if (!doc) {
+                return reject(false);
+            }
+            const existing = doc.getElementById('GTMscript');
+            if (existing) {
+                this.isLoaded = true;
+                return resolve(true);
             }
+            this.pushOnDataLayer({
+                'gtm.start': new Date().getTime(),
+                event: 'gtm.js'
+            });
+            const gtmScript = doc.createElement('script');
+            if (!gtmScript) {
+                return reject(false);
+            }
+            gtmScript.id = 'GTMscript';
+            gtmScript.async = true;
+            gtmScript.src = this.applyGtmQueryParams(this.config['gtm_resource_path']
+                ? this.config['gtm_resource_path']
+                : 'https://www.googletagmanager.com/gtm.js');
+            gtmScript.addEventListener('load', () => {
+                this.isLoaded = true;
+                return resolve(true);
+            });
+            gtmScript.addEventListener('error', () => {
+                this.isLoaded = false;
+                return reject(false);
+            });
+            doc.head
+                ? doc.head.insertBefore(gtmScript, doc.head.firstChild)
+                : doc.appendChild(gtmScript);
         });
     }
     applyGtmQueryParams(url) {
@@ -1572,29 +1475,52 @@ class GTMService {
      * @param config Configuraciones de Google Tag Manager
      */
     initialize(config) {
+        if (!this.isBrowser)
+            return;
+        if (this.isLoaded)
+            return;
         this.config = config || this.config;
+        if (!config?.id)
+            return;
         this.addGtmToDom().then(() => {
-            this.router.events.forEach(item => {
-                if (item instanceof NavigationEnd) {
-                    const gtmTag = {
-                        event: 'page',
-                        pageName: item.url
-                    };
-                    this.pushTag(gtmTag);
-                }
+            this.isLoaded = true;
+            this.enabled = true;
+            this.router.events
+                .pipe(filter(event => event instanceof NavigationEnd))
+                .subscribe((event) => {
+                const gtmTag = {
+                    event: 'page',
+                    pageName: event.urlAfterRedirects ?? event.url
+                };
+                this.pushTag(gtmTag);
             });
+        }).catch(() => {
+            this.isLoaded = false;
+            this.enabled = false;
         });
     }
     pushTag(item) {
         return new Promise((resolve, reject) => {
+            if (!this.isBrowser) {
+                return resolve();
+            }
+            if (!this.config?.id) {
+                return resolve();
+            }
             if (!this.isLoaded) {
                 this.addGtmToDom().then(() => {
+                    this.isLoaded = true;
+                    this.enabled = true;
                     this.pushOnDataLayer(item);
                     return resolve();
-                }).catch(() => reject());
+                }).catch(err => {
+                    return reject(err);
+                });
             }
             else {
-                this.pushOnDataLayer(item);
+                if (this.enabled) {
+                    this.pushOnDataLayer(item);
+                }
                 return resolve();
             }
         });
@@ -2056,6 +1982,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Servicio que maneja los parametros de la aplicación.
+ */
+class ParametersService {
+    /**
+     * Constantes de la API
+     */
+    apiConstants = inject(ApiConstantsService);
+    /**
+     * Maneja las peticiones a la API
+     */
+    connection = inject(ConnectionService);
+    /**
+     * Servicio de Analytics
+     */
+    analyticsService = inject(AnalyticsService);
+    //API URLS
+    /**
+     * Devuelve la URL para obtener todos los parametros.
+     * @returns
+     */
+    getAllParametersAPI() { return `${this.apiConstants.SHOP_API_URL}${this.apiConstants.CHANNEL}/parameters`; }
+    //OBSERVABLES
+    /**
+     * Subject para manejar los cambios en los datos de los parametros
+     */
+    parametersSubject = new BehaviorSubject(null);
+    parameters$ = this.parametersSubject.asObservable();
+    //METHODS
+    /**
+     * Obtiene los parámetros del backend.
+     * @returns
+     */
+    getParameters() {
+        if (this.parametersSubject.getValue() === null) {
+            this.connection.get(this.getAllParametersAPI()).pipe(shareReplay(1), map((response) => {
+                this.parametersSubject.next(response);
+                this.initAnalyticsFromParams(response);
+                return response;
+            }), catchError((error) => {
+                console.log(`Error: ${error}`);
+                this.parametersSubject.next([]);
+                return of([]);
+            })).subscribe();
+        }
+        return this.parameters$;
+    }
+    /**
+     * Comprueba si el código de un parámetro existe en la lista de parámetros.
+     * @param params Lista de parámetros
+     * @param code Código del parámetro a buscar
+     * @returns El objeto con los datos del parámetro encontrado, sino retorna `null`
+     */
+    hasParams(params, code) { return params && params.find((param) => param.code?.toLowerCase().includes(code.toLowerCase())); }
+    findAnalyticsParam(params, service) {
+        const channel = this.apiConstants.CHANNEL?.toLowerCase() ?? '';
+        // Código específico por canal: facebook_nombrecanal_id
+        const codeChannel = `${service}_${channel}_id`;
+        // Código genérico: facebook_id
+        const codeGeneric = `${service}_id`;
+        const normalize = (code) => (code || '').toLowerCase();
+        let param = params.find(p => normalize(p.code) === codeChannel);
+        if (!param) {
+            param = params.find(p => normalize(p.code) === codeGeneric);
+        }
+        return param;
+    }
+    initAnalyticsFromParams(params) {
+        if (!params || !params.length)
+            return;
+        if (!this.apiConstants.IS_PRODUCTION)
+            return;
+        const facebook = this.findAnalyticsParam(params, 'facebook');
+        const google = this.findAnalyticsParam(params, 'google');
+        const gtm = this.findAnalyticsParam(params, 'gtm');
+        const metricool = this.findAnalyticsParam(params, 'metricool');
+        const doppler = this.findAnalyticsParam(params, 'doppler');
+        if (facebook)
+            this.analyticsService.initializeFacebook(facebook.value);
+        if (google)
+            this.analyticsService.initializeGoogle(google.value);
+        if (gtm)
+            this.analyticsService.initializeGTM(gtm.value);
+        if (metricool)
+            this.analyticsService.initializeMetricool(metricool.value);
+        if (doppler)
+            this.analyticsService.initializeDoppler(doppler.value);
+    }
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParametersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParametersService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParametersService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Servicio que maneja los bloques como repositorio.
+ * @class BlocksRepositoryService
+ */
+class BlocksRepositoryService {
+    /**
+     * Constantes de la API
+     */
+    apiConstants = inject(ApiConstantsService);
+    /**
+     * Menaja las conexiones con la API
+     */
+    connection = inject(ConnectionService);
+    /**
+     * Subject para manejar los bloques recibidos.
+     */
+    blocksSubject = new BehaviorSubject([]);
+    /**
+     * Observable de bloques.
+     */
+    blocks$ = this.blocksSubject.asObservable();
+    //API URLS
+    /**
+     * Devuelve la url para obtener los bloques segun la sección.
+     * @param section
+     * @returns
+     */
+    blocksAPI(section) { return `${this.apiConstants.CMS_URL}${this.apiConstants.CHANNEL}/blocks/section/${section}?locale=${this.apiConstants.LOCALE}`; }
+    /**
+     * Obtiene los bloques segun la seccion del Backend.
+     * @param section
+     * @returns Un observable de los bloques.
+     */
+    getBlocks(section) {
+        //if(this.blocksSubject.getValue() != null){
+        this.connection.get(this.blocksAPI(section)).pipe(shareReplay(1), map((response) => {
+            //console.log(response)
+            this.blocksSubject.next(response.items);
+            return response;
+        })).subscribe();
+        //}
+        return this.blocks$;
+    }
+    /* private hasSectionBlocks = (section: string) => {
+        
+    } */
+    appendBlock = (blocks, section) => {
+        const new_block = { section, blocks };
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksRepositoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksRepositoryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksRepositoryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Servicio de tipo adapter para manejar los bloques.
+ * @class BlocksService
+ */
+class BlocksService {
+    /**
+     * Constantes de la API
+     */
+    apiConstants = inject(ApiConstantsService);
+    /**
+     * Servicio de BlocksRepository.
+     */
+    blocksRepositoryService = inject(BlocksRepositoryService);
+    /**
+     * Subject para manejar los bloques recibidos.
+     */
+    blocksSubject = new BehaviorSubject([]);
+    /**
+     * Observable de bloques.
+     */
+    blocks$ = this.blocksSubject.asObservable();
+    //API URLS
+    /**
+     * Devuelve la url para interactuar con el bloque de contacto.
+     * @returns
+     */
+    contactFormResponseAPI() { return `${this.apiConstants.CMS_URL}${this.apiConstants.LOCALE}/contact-form/response`; }
+    //METHODS
+    /**
+     * Obtiene los bloques de una sección en especifico.
+     * @param section
+     * @returns Observable de los bloques.
+     */
+    getBlocks(section) {
+        return this.blocksRepositoryService.getBlocks(section);
+    }
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Servicio para manejar los canales de la aplicación
  * @class ChannelService
@@ -2644,6 +2775,31 @@ class User {
     }
 }
 
+/**
+ * Función auxiliar para remover acentos de forma segura para SSR
+ */
+function safeRemoveAccents(str) {
+    if (typeof window !== 'undefined' && typeof String.prototype.normalize === 'function') {
+        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+    }
+    // Fallback para SSR - remover acentos manualmente
+    return str.replace(/[àáâãäå]/g, 'a')
+        .replace(/[èéêë]/g, 'e')
+        .replace(/[ìíîï]/g, 'i')
+        .replace(/[òóôõö]/g, 'o')
+        .replace(/[ùúûü]/g, 'u')
+        .replace(/[ýÿ]/g, 'y')
+        .replace(/[ñ]/g, 'n')
+        .replace(/[ç]/g, 'c')
+        .replace(/[ÀÁÂÃÄÅ]/g, 'A')
+        .replace(/[ÈÉÊË]/g, 'E')
+        .replace(/[ÌÍÎÏ]/g, 'I')
+        .replace(/[ÒÓÔÕÖ]/g, 'O')
+        .replace(/[ÙÚÛÜ]/g, 'U')
+        .replace(/[ÝŸ]/g, 'Y')
+        .replace(/[Ñ]/g, 'N')
+        .replace(/[Ç]/g, 'C');
+}
 class Filter {
     data = [];
     multi = false;
@@ -2663,7 +2819,7 @@ class Filter {
         throw new Error("Method not implemented.");
     }
     removeAccents = (str) => {
-        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        return safeRemoveAccents(str);
     };
     setSelected(element, value) {
         //console.log(element, value);
@@ -6218,17 +6374,21 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     onWindowScroll() {
-        const scrollTop = window.scrollY;
-        this.isScrolled = scrollTop > 80;
+        if (isPlatformBrowser(this.platformId)) {
+            const scrollTop = window.scrollY;
+            this.isScrolled = scrollTop > 80;
+        }
     }
     isHomeFunction() {
-        const headerElement = document.querySelector('header');
-        if (headerElement) {
-            if (this.router.url !== '/home') {
-                headerElement.classList.add('show-menu');
-            }
-            else {
-                headerElement.classList.remove('show-menu');
+        if (isPlatformBrowser(this.platformId)) {
+            const headerElement = document.querySelector('header');
+            if (headerElement) {
+                if (this.router.url !== '/home') {
+                    headerElement.classList.add('show-menu');
+                }
+                else {
+                    headerElement.classList.remove('show-menu');
+                }
             }
         }
     }
@@ -6252,26 +6412,30 @@ class HeaderEcComponent extends MenuEcComponent {
         }
     };
     borrarInput(inputId) {
-        if (inputId) {
-            const input = document.getElementById(inputId);
-            if (input) {
-                input.value = '';
-            }
-        }
-        else {
-            const inputs = ['searchInput1'];
-            inputs.forEach((id) => {
-                const input = document.getElementById(id);
+        if (isPlatformBrowser(this.platformId)) {
+            if (inputId) {
+                const input = document.getElementById(inputId);
                 if (input) {
                     input.value = '';
                 }
-            });
+            }
+            else {
+                const inputs = ['searchInput1'];
+                inputs.forEach((id) => {
+                    const input = document.getElementById(id);
+                    if (input) {
+                        input.value = '';
+                    }
+                });
+            }
         }
         this.searchValue = '';
         this.coreConstantsService.searchValue = '';
         this.getCollectionSearch();
     }
     setupMobileMenu() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         // console.log('setupMobileMenu called');
         const menuMobile = document.querySelector('.menuMobile');
         if (!(menuMobile instanceof HTMLElement))
@@ -6307,6 +6471,8 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     setupSearchInputs() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         const inputs = ['searchInput1', 'searchInput2'];
         inputs.forEach(id => {
             const input = document.getElementById(id);
@@ -7169,7 +7335,7 @@ class BlockProductsEcComponent extends BlockEcComponent {
      * Permite personalización de las imágenes de las flechas mediante @Input.
      */
     setupSwiperNavigation() {
-        if (this.meta?.styles?.carrousel !== false) {
+        if (this.meta?.styles?.carrousel !== false && isPlatformBrowser(this.platformId)) {
             // Usar setTimeout para asegurar que el swiper esté inicializado
             setTimeout(() => {
                 this.initializeSwiperWithCustomNavigation();
@@ -7181,6 +7347,8 @@ class BlockProductsEcComponent extends BlockEcComponent {
      * Esta función puede ser movida al componente base para reutilización.
      */
     initializeSwiperWithCustomNavigation() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         const prevButton = document.getElementById(`${this.meta?.code}-prev`);
         const nextButton = document.getElementById(`${this.meta?.code}-next`);
         const swiperElement = document.getElementById(this.meta?.code);
@@ -7546,7 +7714,9 @@ class MagnizoomEcComponent {
             this.image = this.document.createElement('img');
             this.image.onload = () => {
                 this.lensSize = { width: this.image.width / 2, height: this.image.height / 2 };
-                setTimeout(() => this.render());
+                if (isPlatformBrowser(this.platformId)) {
+                    setTimeout(() => this.render());
+                }
             };
             this.image.src = src;
         }
@@ -7818,26 +7988,16 @@ class RedsysCatchEcComponent extends ComponentHelper {
     }
     /** Intenta cerrar la pestaña actual; si falla, ejecuta el callback de fallback. */
     tryCloseSelf(onFail) {
-        if (!isPlatformBrowser(this.platformId)) {
-            onFail();
-            return;
-        }
-        // Fallback de seguridad: si después de ~800 ms la página sigue visible,
-        // asumimos que window.close() fue ignorado.
-        const fallback = setTimeout(() => {
-            // Si la pestaña siguiera abierta, document.hidden suele ser false.
-            if (!document.hidden) {
-                onFail();
-            }
-        }, 800);
+        if (!isPlatformBrowser(this.platformId))
+            return onFail();
+        let attempted = false;
         try {
             window.close();
-            // Si window.close() lanza excepción, limpiamos el timeout y hacemos fallback inmediato.
+            attempted = true;
         }
-        catch {
-            clearTimeout(fallback);
+        catch { }
+        if (!attempted)
             onFail();
-        }
     }
     /** Oculta header/footer para esta pantalla mínima. */
     hideHeaderFooter() {
@@ -9834,7 +9994,6 @@ class MpRedirectEcComponent {
     _toastService = inject(ToastService);
     platformId = inject(PLATFORM_ID);
     finished = false;
-    ngZone = inject(NgZone);
     method = null;
     total_amount = 0;
     allData;
@@ -9857,10 +10016,10 @@ class MpRedirectEcComponent {
             this.windowRef = window;
             if ('BroadcastChannel' in window) {
                 this.bc = new BroadcastChannel('mp_payment');
-                this.bc.onmessage = (e) => this.ngZone.run(() => this.onMpMessage(e?.data));
+                this.bc.onmessage = (e) => this.onMpMessage(e?.data);
             }
-            window.addEventListener('storage', (e) => this.ngZone.run(() => this.onStorage(e)));
-            window.addEventListener('message', (e) => this.ngZone.run(() => this.onWindowMessage(e)));
+            window.addEventListener('storage', this.onStorage);
+            window.addEventListener('message', this.onWindowMessage);
         }
         this.getPreference();
     }
@@ -9913,29 +10072,23 @@ class MpRedirectEcComponent {
         }, 1000);
     };
     onWindowMessage = (event) => {
-        this.ngZone.run(() => {
-            const data = event?.data;
-            this.onMpMessage(data);
-        });
+        const data = event?.data;
+        this.onMpMessage(data);
     };
     onStorage = (e) => {
-        this.ngZone.run(() => {
-            if (!e.key || !this.sid)
-                return;
-            if (e.key === `mp:state:${this.sid}` && e.newValue) {
-                const state = e.newValue;
-                this.finishWithState(state);
-            }
-        });
+        if (!e.key || !this.sid)
+            return;
+        if (e.key === `mp:state:${this.sid}` && e.newValue) {
+            const state = e.newValue;
+            this.finishWithState(state);
+        }
     };
     onMpMessage = (data) => {
-        this.ngZone.run(() => {
-            if (!data || data.type !== 'mp:state')
-                return;
-            if (data.sid !== this.sid)
-                return;
-            this.finishWithState(data.state);
-        });
+        if (!data || data.type !== 'mp:state')
+            return;
+        if (data.sid !== this.sid)
+            return;
+        this.finishWithState(data.state);
     };
     checkLocalStorageOnce() {
         if (!this.sid)
@@ -9946,34 +10099,32 @@ class MpRedirectEcComponent {
     }
     /** Cierra el flujo de pago con el estado final y notifica al padre. */
     finishWithState(state) {
-        this.ngZone.run(() => {
-            if (this.finished)
-                return;
-            this.finished = true;
-            if (this.pollTimer)
-                clearInterval(this.pollTimer);
-            this.pollTimer = null;
-            localStorage.removeItem(`mp:state:${this.sid}`);
-            localStorage.removeItem('mp:sid');
-            localStorage.removeItem('state');
-            try {
-                this.ventana && !this.ventana.closed && this.ventana.close();
-            }
-            catch { }
-            this.ventana = null;
-            if (state === 'success' || state === 'pending') {
-                this.phase = 'finalizing';
-                this.ready.emit(true);
-            }
-            else if (state === 'failure' || state === 'cancel') {
-                this.phase = 'idle';
-                this._toastService.show(state === 'cancel' ? 'Se canceló el pago con Mercado Pago' : 'payment-error');
-            }
-            else {
-                this.phase = 'idle';
-                this._toastService.show('payment-error');
-            }
-        });
+        if (this.finished)
+            return;
+        this.finished = true;
+        if (this.pollTimer)
+            clearInterval(this.pollTimer);
+        this.pollTimer = null;
+        localStorage.removeItem(`mp:state:${this.sid}`);
+        localStorage.removeItem('mp:sid');
+        localStorage.removeItem('state');
+        try {
+            this.ventana && !this.ventana.closed && this.ventana.close();
+        }
+        catch { }
+        this.ventana = null;
+        if (state === 'success' || state === 'pending') {
+            this.phase = 'finalizing';
+            this.ready.emit(true);
+        }
+        else if (state === 'failure' || state === 'cancel') {
+            this.phase = 'idle';
+            this._toastService.show(state === 'cancel' ? 'Se canceló el pago con Mercado Pago' : 'payment-error');
+        }
+        else {
+            this.phase = 'idle';
+            this._toastService.show('payment-error');
+        }
     }
     genSid() {
         return `mp_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
@@ -10339,10 +10490,6 @@ class PaymentEcComponent {
         return true;
     };
     verifyValidate = ($event) => {
-        if (!$event) {
-            this.setLoading(false);
-            return;
-        }
         this.setLoading(true);
         setTimeout(() => this.emitResult(), 1000);
     };
@@ -10876,9 +11023,11 @@ class RelatedProductsEcComponent extends BlockEcComponent {
             this._relatedProductsSubject.next(relatedProducts);
             res.map((products) => this._analyticsService.callEvent('view_item_list', { products: products.items, item_list_name: products.title || 'Related Products', item_list_id: products.id || 'related-products' }));
             // Inicializar swiper después de que los datos estén disponibles
-            setTimeout(() => {
-                this.initSwiper();
-            }, 100);
+            if (isPlatformBrowser(this.platformId)) {
+                setTimeout(() => {
+                    this.initSwiper();
+                }, 100);
+            }
         });
     }
     initSwiper() {