ng-easycommerce-v18 0.3.18-beta.1 → 0.3.18-beta.3

package/fesm2022/ng-easycommerce-v18.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Injectable, Inject, APP_INITIALIZER, 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$1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
-import { BehaviorSubject, of, take, shareReplay, map, catchError as catchError$1, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
+import { BehaviorSubject, of, take, shareReplay as shareReplay$1, map, catchError as catchError$1, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { tap, catchError, filter as filter$1, skipWhile } from 'rxjs/operators';
+import { tap, shareReplay, catchError, filter as filter$1, skipWhile, take as take$1, switchMap as switchMap$1 } from 'rxjs/operators';
 import * as i1$2 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { CookieService } from 'ngx-cookie-service';
@@ -50,34 +50,71 @@ class RuntimeConfigService {
     configSubject = new BehaviorSubject(null);
     config$ = this.configSubject.asObservable();
     _config = null;
+    _loadPromise = null;
+    _isLoaded = false;
     constructor(platformId, http) {
         this.platformId = platformId;
         this.http = http;
+        // En SSR o browser, intentar cargar inmediatamente desde window si está disponible
+        if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__ && !this._isLoaded) {
+            this._config = window.__RUNTIME_CONFIG__;
+            this._isLoaded = true;
+            this.configSubject.next(this._config);
+        }
     }
     /**
-     * Carga la configuración en runtime
+     * Inicialización única - llamada por APP_INITIALIZER
+     * Garantiza que la configuración se carga solo una vez al inicio
+     */
+    initialize() {
+        if (this._isLoaded && this._config) {
+            return Promise.resolve(this._config);
+        }
+        return new Promise((resolve, reject) => {
+            this.loadConfig().subscribe({
+                next: (config) => {
+                    this._isLoaded = true;
+                    resolve(config);
+                },
+                error: (error) => {
+                    reject(error);
+                }
+            });
+        });
+    }
+    /**
+     * Carga la configuración en runtime (optimizada para una sola carga)
      * - En SSR: Lee desde el objeto window inyectado por el servidor
-     * - En Browser: Hace petición HTTP a /runtime-config.json
+     * - En Browser: Hace petición HTTP a /runtime-config.json (solo si no está en window)
      */
     loadConfig() {
-        // Si ya tenemos la config cargada, la devolvemos
-        if (this._config) {
+        // Si ya tenemos la config cargada, la devolvemos inmediatamente
+        if (this._isLoaded && this._config) {
             return of(this._config);
         }
+        // Si ya hay una carga en progreso, reutilizamos esa petición
+        if (this._loadPromise) {
+            return this._loadPromise;
+        }
         if (isPlatformBrowser(this.platformId)) {
             // En el navegador, primero intentamos obtener la config desde window
-            if (window.__RUNTIME_CONFIG__) {
+            if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__ && !this._isLoaded) {
                 this._config = window.__RUNTIME_CONFIG__;
+                this._isLoaded = true;
                 this.configSubject.next(this._config);
                 return of(this._config);
             }
-            // Si no está en window, hacemos petición HTTP
-            return this.http.get('/runtime-config.json').pipe(tap(config => {
+            // Si no está en window, hacemos petición HTTP (solo una vez)
+            this._loadPromise = this.http.get('/runtime-config.json').pipe(tap(config => {
                 this._config = config;
+                this._isLoaded = true;
                 this.configSubject.next(config);
                 // Guardamos en window para siguientes accesos
-                window.__RUNTIME_CONFIG__ = config;
-            }), catchError(error => {
+                if (typeof window !== 'undefined') {
+                    window.__RUNTIME_CONFIG__ = config;
+                }
+            }), shareReplay(1), // Cache la respuesta para múltiples suscripciones
+            catchError(error => {
                 console.error('Error loading runtime config:', error);
                 // Fallback config si falla la carga
                 const fallbackConfig = {
@@ -88,14 +125,17 @@ class RuntimeConfigService {
                     channel: 'minorista'
                 };
                 this._config = fallbackConfig;
+                this._isLoaded = true;
                 this.configSubject.next(fallbackConfig);
                 return of(fallbackConfig);
             }));
+            return this._loadPromise;
         }
         else {
             // En SSR, leemos desde window que fue inyectado por el servidor
-            if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__) {
+            if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__ && !this._isLoaded) {
                 this._config = window.__RUNTIME_CONFIG__;
+                this._isLoaded = true;
                 this.configSubject.next(this._config);
                 return of(this._config);
             }
@@ -109,6 +149,7 @@ class RuntimeConfigService {
                 channel: 'minorista'
             };
             this._config = fallbackConfig;
+            this._isLoaded = true;
             this.configSubject.next(fallbackConfig);
             return of(fallbackConfig);
         }
@@ -188,23 +229,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }] }, { type: i1.HttpClient }] });
 
 /**
- * Factory function para APP_INITIALIZER
- * Carga la configuración runtime antes de que Angular bootstrap la aplicación
+ * Factory function para APP_INITIALIZER (OPTIMIZADA)
+ * Carga la configuración runtime UNA SOLA VEZ antes de que Angular bootstrap la aplicación
+ * Evita múltiples cargas y mejora el rendimiento
  */
 function initializeRuntimeConfig(runtimeConfigService) {
     return () => {
-        return new Promise((resolve, reject) => {
-            runtimeConfigService.loadConfig().subscribe({
-                next: (config) => {
-                    console.log('🔧 Runtime config loaded:', config);
-                    resolve(config);
-                },
-                error: (error) => {
-                    console.error('❌ Failed to load runtime config:', error);
-                    // Aún en caso de error, resolvemos para no bloquear la app
-                    resolve(null);
-                }
+        console.log('🚀 Inicializando Runtime Config...');
+        return runtimeConfigService.initialize()
+            .then((config) => {
+            console.log('✅ Runtime config inicializado correctamente:', {
+                apiUrl: config.apiUrl,
+                appEnv: config.appEnv,
+                production: config.production
             });
+            return config;
+        })
+            .catch((error) => {
+            console.error('❌ Error al inicializar runtime config:', error);
+            // Aún en caso de error, continuamos para no bloquear la app
+            return null;
         });
     };
 }
@@ -773,7 +817,7 @@ class OptionsService {
      */
     getCategories() {
         if (this.categoriesSubject.getValue().length === 0) {
-            this.connection.get(this.taxonsApi()).pipe(shareReplay(1), map((response) => {
+            this.connection.get(this.taxonsApi()).pipe(shareReplay$1(1), map((response) => {
                 const categories = this.appendPaths(true, response);
                 this.categoriesSubject.next(categories);
                 return categories;
@@ -791,7 +835,7 @@ class OptionsService {
      */
     getSections() {
         if (this.sectionsSubject.getValue().length === 0) {
-            this.connection.get(this.sectionsApi()).pipe(shareReplay(1), map((response) => {
+            this.connection.get(this.sectionsApi()).pipe(shareReplay$1(1), map((response) => {
                 let sections = response.filter((section) => section.code != 'home');
                 sections = sections.map((section) => this.appendSection(section));
                 this.sectionsSubject.next(sections);
@@ -807,7 +851,7 @@ class OptionsService {
      */
     getAttributes(params) {
         if (this.attributesSubject.getValue().length === 0) {
-            this.connection.get(this.attributesApi(params)).pipe(shareReplay(1), map((response) => {
+            this.connection.get(this.attributesApi(params)).pipe(shareReplay$1(1), map((response) => {
                 const attributes = this.appendPaths(false, (response.attributes[0] || response));
                 this.attributesSubject.next(attributes);
                 return attributes;
@@ -1039,7 +1083,7 @@ class ParametersService {
      */
     getParameters() {
         if (this.parametersSubject.getValue() === null) {
-            this.connection.get(this.getAllParametersAPI()).pipe(shareReplay(1), map((response) => {
+            this.connection.get(this.getAllParametersAPI()).pipe(shareReplay$1(1), map((response) => {
                 this.parametersSubject.next(response);
                 return response;
             }), catchError$1((error) => {
@@ -1103,7 +1147,7 @@ class BlocksRepositoryService {
      */
     getBlocks(section) {
         //if(this.blocksSubject.getValue() != null){
-        this.connection.get(this.blocksAPI(section)).pipe(shareReplay(1), map((response) => {
+        this.connection.get(this.blocksAPI(section)).pipe(shareReplay$1(1), map((response) => {
             //console.log(response)
             this.blocksSubject.next(response.items);
             return response;
@@ -2285,7 +2329,7 @@ class ChannelService {
      * @returns Observable con el canal.
      */
     getChannel = () => {
-        this.connection.get(this.channelApi()).pipe(shareReplay(1), map((response) => {
+        this.connection.get(this.channelApi()).pipe(shareReplay$1(1), map((response) => {
             this.setChannelInfo(response);
             this.channelSubject.next(response);
             this.channelType = response.type;
@@ -2725,7 +2769,7 @@ class FormService {
      * @returns
      */
     getCountriesData() {
-        this.connection.get(this.countriesApi()).pipe(shareReplay(1), map((response) => {
+        this.connection.get(this.countriesApi()).pipe(shareReplay$1(1), map((response) => {
             //console.log(response);
             const data = response._embedded.items;
             this.countriesSubject.next(data);
@@ -4011,7 +4055,7 @@ class PaginationService {
     _connectionService = inject(ConnectionService);
     _filtersService = inject(FiltersService);
     _constants = inject(CoreConstantsService);
-    paginationData$ = this._filtersService.filters$.pipe(shareReplay(1), filter(filters => filters && filters.length > 0), switchMap((filters) => {
+    paginationData$ = this._filtersService.filters$.pipe(shareReplay$1(1), filter(filters => filters && filters.length > 0), switchMap((filters) => {
         const url = this.buildUrl(filters);
         return this.getData(url);
     }));
@@ -6342,6 +6386,22 @@ class MenuEcComponent {
     hasVisibleProperty(category) {
         return category.isVisible === true;
     }
+    filterVisibleTree(list) {
+        return (list ?? [])
+            .filter((n) => n?.isVisible === true)
+            .map(n => ({ ...n, children: this.filterVisibleTree(n.children) }));
+    }
+    // Exponé streams ya filtrados
+    categoriesVisible$ = this.categories$.pipe(map((list) => this.filterVisibleTree(list)));
+    sectionsVisible$ = this.sections$.pipe(map((list) => this.filterVisibleTree(list)));
+    attributesVisible$ = this.attributes$.pipe(map((list) => this.filterVisibleTree(list)));
+    // Helpers de conveniencia opcionales
+    getVisibleChildren(node) {
+        return this.filterVisibleTree(node?.children);
+    }
+    hasVisibleChildren(node) {
+        return this.getVisibleChildren(node).length > 0;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuEcComponent, isStandalone: true, selector: "lib-footer-ec", ngImport: i0, template: '<p>Menu and Footer Helper Component</p>', isInline: true });
 }
@@ -9102,6 +9162,8 @@ class FiltersEcComponent {
             console.error('Filter or selected element is undefined:', { filter, selected });
             return;
         }
+        if (selected.isVisible !== true)
+            return;
         if (typeof filter.setSelected !== 'function') {
             console.error('filter.setSelected is not a function. Filter might not be an instance of the expected class:', filter);
             return;
@@ -9171,13 +9233,36 @@ class FiltersEcComponent {
         }) ?? false;
     }
     /**
-       * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
-       * @param category - La categoría a verificar
-       * @returns true si la categoría es visible, false en caso contrario
-       */
+     * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
+     * @param category - La categoría a verificar
+     * @returns true si la categoría es visible, false en caso contrario
+     */
     hasVisibleProperty(category) {
         return category.isVisible === true;
     }
+    /** Lista visible (filtra recursivo por isVisible) */
+    getVisibleData(filter) {
+        if (!filter)
+            return [];
+        return this.filterVisibleTree(filter.data);
+    }
+    /** Children visibles de un nodo */
+    getVisibleChildren(node) {
+        return this.filterVisibleTree(node?.children ?? []);
+    }
+    /** Tiene hijos visibles? */
+    hasVisibleChildren(node) {
+        return this.getVisibleChildren(node).length > 0;
+    }
+    /** Utilidad recursiva */
+    filterVisibleTree(list = []) {
+        return (list ?? [])
+            .filter(n => n.isVisible === true)
+            .map(n => ({
+            ...n,
+            children: this.filterVisibleTree(n.children ?? [])
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FiltersEcComponent, isStandalone: true, selector: "lib-filters-ec", inputs: { setSelect: "setSelect" }, ngImport: i0, template: "<p>filters-ec works!</p>\r\n", styles: [""] });
 }
@@ -12246,6 +12331,44 @@ const authInterceptor = (req, next) => {
     return next(req);
 };
 
+/**
+ * Interceptor que garantiza que las peticiones HTTP no se hagan hasta que
+ * el runtime config esté completamente cargado
+ * Evita que se hagan peticiones con URLs incorrectas
+ */
+const runtimeConfigInterceptor = (req, next) => {
+    const runtimeConfigService = inject(RuntimeConfigService);
+    // Si la petición es para obtener el runtime config, la dejamos pasar inmediatamente
+    if (req.url.includes('/runtime-config.json')) {
+        return next(req);
+    }
+    // Si la petición es para assets estáticos, la dejamos pasar
+    if (req.url.includes('/assets/') || req.url.includes('.json') || req.url.includes('.css') || req.url.includes('.js')) {
+        return next(req);
+    }
+    // Para las demás peticiones, esperamos a que el config esté listo
+    return runtimeConfigService.config$.pipe(filter$1(config => config !== null), // Esperamos hasta que haya config
+    take$1(1), // Solo tomamos el primer valor válido
+    switchMap$1(config => {
+        // Si la URL ya es completa (empieza con http), la dejamos como está
+        if (req.url.startsWith('http')) {
+            return next(req);
+        }
+        // Si es una URL relativa que debería ir al API, la completamos
+        if (req.url.startsWith('/api/') || req.url.startsWith('api/')) {
+            const apiUrl = config.apiUrl;
+            const cleanUrl = req.url.startsWith('/') ? req.url.substring(1) : req.url;
+            const fullUrl = `${apiUrl}${cleanUrl}`;
+            const modifiedReq = req.clone({
+                url: fullUrl
+            });
+            return next(modifiedReq);
+        }
+        // Para otras URLs, las dejamos pasar sin modificar
+        return next(req);
+    }));
+};
+
 class ProductStockDirective {
     templateRef;
     viewContainer;
@@ -12447,5 +12570,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BaseApiService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, RuntimeConfigService, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, initializeRuntimeConfig, provideEnvironment, provideRuntimeConfig };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BaseApiService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, RuntimeConfigService, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, initializeRuntimeConfig, provideEnvironment, provideRuntimeConfig, runtimeConfigInterceptor };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map