ng-easycommerce-v18 0.3.23-beta.2 → 0.4.0

package/lib/constants/api.constants.service.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
 export declare class ApiConstantsService {
     private _localStorage;
     private _translate;
+    private _runtimeConfig;
     /**
      * Contiene los datos provisto por el frontend en el archivo environment.ts
      */

package/lib/constants/core.constants.service.d.ts

@@ -18,7 +18,7 @@ export declare class CoreConstantsService {
     /**
      * Document token para acceso SSR-compatible al documento
      */
-    private document;
+    private _document;
     /**
      * Contiene los datos provisto por el frontend en el archivo environment.ts
      */
@@ -32,6 +32,10 @@ export declare class CoreConstantsService {
      * Lo usamos para que PaginationService sepa qué filtro esperar.
      */
     currentRouteType: string | null;
+    /**
+     * Getter seguro para document que verifica la plataforma
+     */
+    private get document();
     constructor();
     /**
      * Path usado en las colecciones de productos.

package/lib/ec-components/abstractions-components/menu-ec.component.d.ts

@@ -75,6 +75,18 @@ export declare class MenuEcComponent {
    * @returns true si la categoría es visible, false en caso contrario
    */
     hasVisibleProperty(category: Category): boolean;
+    private filterVisibleTree;
+    categoriesVisible$: Observable<Category[]>;
+    sectionsVisible$: Observable<Section[]>;
+    attributesVisible$: Observable<Attribute[]>;
+    getVisibleChildren<T extends {
+        isVisible?: boolean;
+        children?: T[];
+    }>(node?: T): T[];
+    hasVisibleChildren<T extends {
+        isVisible?: boolean;
+        children?: T[];
+    }>(node?: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuEcComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuEcComponent, "lib-footer-ec", never, {}, {}, never, never, true, never>;
 }

package/lib/ec-components/auth-ec/login-form-ec/login-form-ec.component.d.ts

@@ -2,10 +2,12 @@ import { EventEmitter } from '@angular/core';
 import { UserRoleType } from '../../../interfaces';
 import * as i0 from "@angular/core";
 export declare class LoginFormEcComponent {
+    private platformId;
     private _authService;
     private _formBuilder;
     private _toastService;
     private _router;
+    constructor(platformId: Object);
     showPassword: boolean;
     /**
      * Parametro para indicar si tras loguear

package/lib/ec-components/checkout-ec/payment-ec/payment-ec.component.d.ts

@@ -32,7 +32,7 @@ export declare class PaymentEcComponent implements OnInit {
     allData(): any;
     emitResult: () => Promise<void>;
     setLoading: (estado?: boolean) => boolean;
-    verifyValidate: ($event: any) => void;
+    verifyValidate: ($event?: any) => void;
     next: () => void;
     goBack: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaymentEcComponent, never>;

package/lib/ec-components/checkout-ec/payment-ec/payment-methods/mp-redirect-ec/mp-redirect-ec.component.d.ts

@@ -6,6 +6,7 @@ export declare class MpRedirectEcComponent implements OnInit, OnDestroy {
     private _toastService;
     private platformId;
     private finished;
+    private ngZone;
     method: null;
     total_amount: number;
     allData: any;

package/lib/ec-components/filters-ec/filters-ec.component.d.ts

@@ -44,11 +44,19 @@ export declare class FiltersEcComponent {
     scrollUp: () => boolean;
     hasAppliedFilters(): boolean;
     /**
-       * 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: FilterElement): boolean;
+    /** Lista visible (filtra recursivo por isVisible) */
+    getVisibleData(filter: Filter | null): FilterElement[];
+    /** Children visibles de un nodo */
+    getVisibleChildren(node?: FilterElement): FilterElement[];
+    /** Tiene hijos visibles? */
+    hasVisibleChildren(node?: FilterElement): boolean;
+    /** Utilidad recursiva */
+    private filterVisibleTree;
     static ɵfac: i0.ɵɵFactoryDeclaration<FiltersEcComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FiltersEcComponent, "lib-filters-ec", never, { "setSelect": { "alias": "setSelect"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ec-services/base-api.service.d.ts

@@ -0,0 +1,64 @@
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { RuntimeConfigService } from './runtime-config.service';
+import * as i0 from "@angular/core";
+export interface ApiRequestOptions {
+    headers?: HttpHeaders | {
+        [header: string]: string | string[];
+    };
+    params?: HttpParams | {
+        [param: string]: string | string[];
+    };
+    withCredentials?: boolean;
+}
+/**
+ * Servicio base para realizar peticiones HTTP usando configuración dinámica
+ * Todos los servicios de la aplicación deben extender este servicio o usar sus métodos
+ */
+export declare class BaseApiService {
+    protected http: HttpClient;
+    protected runtimeConfigService: RuntimeConfigService;
+    constructor(http: HttpClient, runtimeConfigService: RuntimeConfigService);
+    /**
+     * Construye una URL completa usando la API_URL del runtime
+     */
+    protected buildApiUrl(endpoint: string): string;
+    /**
+     * Obtiene headers comunes que incluyen información del runtime
+     */
+    protected getCommonHeaders(): HttpHeaders;
+    /**
+     * Método GET genérico
+     */
+    get<T>(endpoint: string, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Método POST genérico
+     */
+    post<T>(endpoint: string, data: any, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Método PUT genérico
+     */
+    put<T>(endpoint: string, data: any, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Método PATCH genérico
+     */
+    patch<T>(endpoint: string, data: any, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Método DELETE genérico
+     */
+    delete<T>(endpoint: string, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Método para peticiones que necesitan esperar a que la config esté cargada
+     */
+    getWithConfig<T>(endpoint: string, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Método para POST que necesitan esperar a que la config esté cargada
+     */
+    postWithConfig<T>(endpoint: string, data: any, options?: ApiRequestOptions): Observable<T>;
+    /**
+     * Combina headers personalizados con los headers comunes
+     */
+    private mergeHeaders;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseApiService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaseApiService>;
+}

package/lib/ec-services/index.d.ts

@@ -24,3 +24,5 @@ export * from './order-utility.service';
 export * from './payment.service';
 export * from './test.service';
 export * from './orders.service';
+export * from './runtime-config.service';
+export * from './base-api.service';

package/lib/ec-services/runtime-config.service.d.ts

@@ -0,0 +1,69 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { RuntimeConfig } from '../interfaces/runtime-config';
+import { Environment } from '../interfaces';
+import * as i0 from "@angular/core";
+export declare class RuntimeConfigService {
+    private platformId;
+    private http;
+    private environment;
+    private configSubject;
+    config$: Observable<RuntimeConfig | null>;
+    private _config;
+    private _loadPromise;
+    private _isLoaded;
+    constructor(platformId: Object, http: HttpClient, environment: Environment | null);
+    /**
+     * Obtiene configuración de fallback desde environment.ts
+     */
+    private getFallbackConfig;
+    /**
+     * Inicialización única - llamada por APP_INITIALIZER
+     * Garantiza que la configuración se carga solo una vez al inicio
+     */
+    initialize(): Promise<RuntimeConfig>;
+    /**
+     * 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 (solo si no está en window)
+     */
+    loadConfig(): Observable<RuntimeConfig>;
+    /**
+     * Obtiene la configuración actual (síncrono)
+     */
+    getConfig(): RuntimeConfig | null;
+    /**
+     * Obtiene la API URL actual
+     */
+    getApiUrl(): string;
+    /**
+     * Obtiene la Frontend URL actual
+     */
+    getFrontendUrl(): string | undefined;
+    /**
+     * Obtiene el entorno actual
+     */
+    getAppEnv(): string;
+    /**
+     * Verifica si estamos en producción
+     */
+    isProduction(): boolean;
+    /**
+     * Obtiene el locale actual
+     */
+    getLocale(): string;
+    /**
+     * Obtiene el canal actual
+     */
+    getChannel(): string;
+    /**
+     * Método helper para construir URLs de API
+     */
+    buildApiUrl(endpoint: string): string;
+    /**
+     * Método helper para construir URLs del frontend
+     */
+    buildFrontendUrl(path: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeConfigService, [null, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeConfigService>;
+}

package/lib/interceptors/index.d.ts

@@ -1 +1,2 @@
 export * from './auth.interceptor';
+export * from './runtime-config.interceptor';

package/lib/interceptors/runtime-config.interceptor.d.ts

@@ -0,0 +1,7 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+/**
+ * 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
+ */
+export declare const runtimeConfigInterceptor: HttpInterceptorFn;

package/lib/interfaces/environment.d.ts

@@ -4,4 +4,5 @@ export interface Environment {
     frontendUrl?: string;
     locale: string;
     channel: string;
+    appEnv?: string;
 }

package/lib/interfaces/filter.d.ts

@@ -20,6 +20,7 @@ export interface FilterElement {
     title: string;
     type: ElementType;
     code: string;
+    isVisible?: boolean;
     multi?: boolean;
     children?: FilterElement[];
     shape?: FilterShape;

package/lib/interfaces/index.d.ts

@@ -16,3 +16,4 @@ export * from './coupon';
 export * from './step';
 export * from './checkout';
 export * from './faqs';
+export * from './runtime-config';

package/lib/interfaces/options.d.ts

@@ -4,6 +4,7 @@ export interface Category {
     slug: string;
     position: number;
     path: string;
+    isVisible?: boolean;
     children?: Category[];
     images?: any[];
 }
@@ -23,4 +24,5 @@ export interface Attribute {
     slug: string;
     useToFilter: boolean;
     styles?: any[];
+    isVisible?: boolean;
 }

package/lib/interfaces/runtime-config.d.ts

@@ -0,0 +1,22 @@
+export interface RuntimeConfig {
+    apiUrl: string;
+    frontendUrl?: string;
+    /** Ambiente de la aplicación. Valores válidos: 'prod', 'preprod', 'test' */
+    appEnv: 'prod' | 'preprod' | 'test';
+    production: boolean;
+    locale: string;
+    channel: string;
+    port?: number;
+    host?: string;
+}
+export interface ServerEnvironmentVariables {
+    API_URL?: string;
+    FRONTEND_URL?: string;
+    /** Ambiente de la aplicación. Valores válidos: 'prod', 'preprod', 'test' */
+    APP_ENV?: 'prod' | 'preprod' | 'test';
+    PORT?: string;
+    HOST?: string;
+    NODE_ENV?: 'development' | 'production';
+    LOCALE?: string;
+    CHANNEL?: string;
+}

package/lib/providers/index.d.ts

@@ -1 +1,2 @@
 export * from './provideEnvironment';
+export * from './provideRuntimeConfig';

package/lib/providers/provideRuntimeConfig.d.ts

@@ -0,0 +1,13 @@
+import { EnvironmentProviders } from '@angular/core';
+import { RuntimeConfigService } from '../ec-services/runtime-config.service';
+/**
+ * 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
+ */
+export declare function initializeRuntimeConfig(runtimeConfigService: RuntimeConfigService): () => Promise<any>;
+/**
+ * Función que configura el RuntimeConfigService y su inicialización
+ * Debe ser usado en app.config.ts junto con provideEnvironment
+ */
+export declare function provideRuntimeConfig(): EnvironmentProviders;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-easycommerce-v18",
-  "version": "0.3.23-beta.2",
+  "version": "0.4.0",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"