ng-easycommerce-v18 0.3.17-beta.2 → 0.3.17-beta.3

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,7 +1,7 @@
 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, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, PLATFORM_ID, Injectable, Inject, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, 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 { isPlatformServer, 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';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
@@ -44,89 +44,82 @@ const provideEnvironment = (environment) => {
 };
 
 /**
- * Servicio que provee de datos que estan relacionado con las peticiones a la API
- * @export
- * @class ApiConstantsService
+ * Servicio que provee de datos relacionados con las peticiones a la API
  */
 class ApiConstantsService {
+    ssrApiUrl;
     _localStorage = inject(LocalStorageService);
     _translate = inject(TranslateService);
-    /**
-     * Contiene los datos provisto por el frontend en el archivo environment.ts
-     */
     environment = inject(ENVIRONMENT_TOKEN);
+    platformId = inject(PLATFORM_ID);
+    _channel;
+    LOCALE;
+    SHOP_API_URL = 'shop-api/';
+    CMS_URL = 'cms/';
+    constructor(ssrApiUrl) {
+        this.ssrApiUrl = ssrApiUrl;
+        this._channel = this.environment.channel;
+        this.LOCALE = this.environment.locale;
+    }
     /**
      * Canal actual del frontend
      */
     get CHANNEL() {
-        // Verificar si estamos en el navegador (no en SSR)
         if (typeof window !== 'undefined') {
-            // Primero intenta leer de window.__env (configurado por Docker)
             const windowEnv = window.__env;
-            if (windowEnv?.channel) {
+            if (windowEnv?.channel)
                 return windowEnv.channel;
-            }
         }
-        // Fallback al environment
         return this._channel;
     }
     set CHANNEL(value) {
         this._channel = value;
     }
-    _channel;
-    /**
-     * Locale actual del frontend
-     */
-    LOCALE;
-    /**
-     * URL para las peticiones a shop-api
-     */
-    SHOP_API_URL = 'shop-api/';
-    /**
-     * URL para las peticiones a cms
-     */
-    CMS_URL = 'cms/';
-    constructor() {
-        this._channel = this.environment.channel;
-        this.LOCALE = this.environment.locale;
-    }
     /**
      * URL del backend para realizar las peticiones
      */
     get API_URL() {
-        // Verificar si estamos en el navegador (no en SSR)
+        // Browser runtime-config
         if (typeof window !== 'undefined') {
-            // Primero intenta leer de window.__env (configurado por Docker)
             const windowEnv = window.__env;
-            if (windowEnv?.apiUrl) {
-                return windowEnv.apiUrl;
-            }
+            if (windowEnv?.apiBaseUrl)
+                return windowEnv.apiBaseUrl;
+        }
+        // SSR
+        if (isPlatformServer(this.platformId)) {
+            return this.ssrApiUrl;
         }
-        // Fallback al environment (para SSR y como backup)
+        // Fallback environment
         return this.environment.apiUrl ?? '';
     }
     /**
-     * Retorna la url base
-     * @returns {string}
+     * URL base completa para shop-api con channel y locale
+     */
+    getShopApiBase() {
+        const channel = this.CHANNEL || 'undefined';
+        const locale = this.LOCALE || 'undefined';
+        return `${this.API_URL}/${this.SHOP_API_URL}${channel}/?locale=${locale}`;
+    }
+    /**
+     * Retorna la url base general (sin shop-api)
      */
     getUrlBase() {
         return this.API_URL;
     }
     /**
      * Cambia el canal actual
-     * @param code
-     * @returns
      */
-    setChannel(code) { this.CHANNEL = code; }
+    setChannel(code) {
+        this.CHANNEL = code;
+    }
     setLocale(locale) {
         this._localStorage.setItem(this.LOCALE_KEY, locale);
         this._translate.use(locale.split('_')[0]);
         this.LOCALE = locale;
     }
-    //Storage key
     LOCALE_KEY = 'LOCALE';
     CHANNEL_KEY = 'CHANNEL';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, deps: [{ token: 'API_URL' }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, decorators: [{
@@ -134,7 +127,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['API_URL']
+                }] }] });
 
 /**
  * Servicio que funciona como abstracción para manejar la conexión con la API
@@ -533,6 +529,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 +643,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
@@ -1026,7 +1045,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 +1264,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);
+        }
     }
     /**
      *
@@ -2644,6 +2667,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 +2711,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);
@@ -6172,7 +6220,6 @@ class HeaderEcComponent extends MenuEcComponent {
     _channelService = inject(ChannelService);
     changeDetector = inject(ChangeDetectorRef);
     appRouter = inject(Router);
-    platformId = inject(PLATFORM_ID);
     // Observable del estado de autenticación
     logged$;
     isAuthenticated$ = this.__authService.isAuthenticated();
@@ -6188,6 +6235,7 @@ class HeaderEcComponent extends MenuEcComponent {
     coreConstantsService = inject(CoreConstantsService);
     router = inject(Router);
     cdr = inject(ChangeDetectorRef); // Inyectamos ChangeDetectorRef para forzar la actualización
+    platformId = inject(PLATFORM_ID);
     ngOnInit() {
         this.channel = this.coreConstantsService.getChannel();
         this.onWindowScroll();
@@ -6226,17 +6274,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');
+                }
             }
         }
     }
@@ -6260,26 +6312,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))
@@ -6315,6 +6371,8 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     setupSearchInputs() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         const inputs = ['searchInput1', 'searchInput2'];
         inputs.forEach(id => {
             const input = document.getElementById(id);
@@ -7150,7 +7208,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();
@@ -7162,6 +7220,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);
@@ -7521,7 +7581,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;
         }
@@ -10853,9 +10915,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() {