ng-easycommerce-v18 0.3.14-beta.2 → 0.3.15-beta.1

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,7 +1,7 @@
 import * as i0 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 { 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 { isPlatformServer, DOCUMENT, isPlatformBrowser, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } 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';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
@@ -14,7 +14,7 @@ import { ToastrService } from 'ngx-toastr';
 import moment from 'moment';
 import { StorageMap } from '@ngx-pwa/local-storage';
 import * as i1$3 from '@angular/forms';
-import { Validators, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { Validators, FormsModule, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
 import * as i1$4 from '@angular/platform-browser';
@@ -44,82 +44,89 @@ const provideEnvironment = (environment) => {
 };
 
 /**
- * Servicio que provee de datos relacionados con las peticiones a la API
+ * Servicio que provee de datos que estan relacionado con las peticiones a la API
+ * @export
+ * @class ApiConstantsService
  */
 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() {
-        // Browser runtime-config
+        // 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?.apiBaseUrl)
-                return windowEnv.apiBaseUrl;
-        }
-        // SSR
-        if (isPlatformServer(this.platformId)) {
-            return this.ssrApiUrl;
+            if (windowEnv?.apiUrl) {
+                return windowEnv.apiUrl;
+            }
         }
-        // Fallback environment
+        // Fallback al environment (para SSR y como backup)
         return this.environment.apiUrl ?? '';
     }
     /**
-     * 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)
+     * Retorna la url base
+     * @returns {string}
      */
     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: [{ token: 'API_URL' }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, deps: [], 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: [{
@@ -127,10 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['API_URL']
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Servicio que funciona como abstracción para manejar la conexión con la API
@@ -529,10 +533,6 @@ 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,26 +643,7 @@ class OptionsService {
      * @returns
      */
     removeAccents(str) {
-        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');
+        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
     }
     /**
      * Realiza un mapeo de los datos para darle un formato mas entendible a la
@@ -1045,9 +1026,7 @@ class FacebookPixelService {
             this.renderer.appendChild(this.document?.body, new_analityc_script);
             this.enabled = true;
         }
-        if (isPlatformBrowser(this.platformId)) {
-            setTimeout(() => this.callEvent('initialize'), 1000);
-        }
+        setTimeout(() => this.callEvent('initialize'), 1000);
     }
     /**
      * Ejecuta el evento pasado por parametro.
@@ -1264,9 +1243,7 @@ class GoogleAnalyticsService {
             this.renderer.appendChild(this.document?.head, declaration);
             this.enabled = true;
         }
-        if (isPlatformBrowser(this.platformId)) {
-            setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
-        }
+        setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
     }
     /**
      *
@@ -2667,31 +2644,6 @@ 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;
@@ -2711,7 +2663,7 @@ class Filter {
         throw new Error("Method not implemented.");
     }
     removeAccents = (str) => {
-        return safeRemoveAccents(str);
+        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
     };
     setSelected(element, value) {
         //console.log(element, value);
@@ -6202,6 +6154,11 @@ class HeaderEcComponent extends MenuEcComponent {
     hidePrices = false;
     __authService = inject(AuthService);
     _channelService = inject(ChannelService);
+    changeDetector = inject(ChangeDetectorRef);
+    appRouter = inject(Router);
+    platformId = inject(PLATFORM_ID);
+    // Observable del estado de autenticación
+    logged$;
     isAuthenticated$ = this.__authService.isAuthenticated();
     constructor() {
         super();
@@ -6215,11 +6172,26 @@ 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();
         this.detectRouteChange(); // Llamamos a la función que detecta el cambio de ruta
+        // Usar el Observable del AuthService
+        this.logged$ = this.__authService.loggedIn$;
+        // Suscribirse al Observable y forzar detección de cambios cuando sea necesario
+        this.logged$.subscribe(isLoggedIn => {
+            this.changeDetector.detectChanges();
+        });
+        if (isPlatformBrowser(this.platformId)) {
+            this.appRouter.events.subscribe(evt => {
+                if (evt instanceof NavigationEnd) {
+                    // Forzar detección de cambios después de navegación
+                    setTimeout(() => {
+                        this.changeDetector.detectChanges();
+                    }, 100);
+                }
+            });
+        }
     }
     ngAfterViewInit() {
         this.setupMobileMenu(); // Inicializamos el menú móvil
@@ -6238,21 +6210,17 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     onWindowScroll() {
-        if (isPlatformBrowser(this.platformId)) {
-            const scrollTop = window.scrollY;
-            this.isScrolled = scrollTop > 80;
-        }
+        const scrollTop = window.scrollY;
+        this.isScrolled = scrollTop > 80;
     }
     isHomeFunction() {
-        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');
-                }
+        const headerElement = document.querySelector('header');
+        if (headerElement) {
+            if (this.router.url !== '/home') {
+                headerElement.classList.add('show-menu');
+            }
+            else {
+                headerElement.classList.remove('show-menu');
             }
         }
     }
@@ -6276,30 +6244,26 @@ class HeaderEcComponent extends MenuEcComponent {
         }
     };
     borrarInput(inputId) {
-        if (isPlatformBrowser(this.platformId)) {
-            if (inputId) {
-                const input = document.getElementById(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 (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))
@@ -6335,8 +6299,6 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     setupSearchInputs() {
-        if (!isPlatformBrowser(this.platformId))
-            return;
         const inputs = ['searchInput1', 'searchInput2'];
         inputs.forEach(id => {
             const input = document.getElementById(id);
@@ -6933,6 +6895,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ProductEcComponent {
     injector = inject(Injector);
     routerService = inject(Router);
+    _cartService = inject(CartService);
+    _toastService = inject(ToastService);
+    isAddingToCart = signal(false);
+    quantity = signal(1);
     /**
      * Navega al detalle del producto y sube al inicio de la página
      * @param productId ID del producto
@@ -7005,12 +6971,97 @@ class ProductEcComponent {
         const discount = ((originalPrice - salePrice) / originalPrice) * 100;
         return Math.round(discount);
     }
+    plus(stock, multipleQuantity) {
+        console.log('Aumentando cantidad');
+        const current = Number(this.quantity()); // <-- fuerza a número
+        if (multipleQuantity && multipleQuantity > 0) {
+            stock
+                ? (current < stock
+                    ? this.quantity.set(current + multipleQuantity)
+                    : this._toastService.show('out-of-stock-actually'))
+                : this.quantity.set(current + multipleQuantity);
+        }
+        else {
+            stock
+                ? (current < stock
+                    ? this.quantity.set(current + 1)
+                    : this._toastService.show('out-of-stock-actually'))
+                : this.quantity.set(current + 1);
+        }
+    }
+    less(multipleQuantity) {
+        console.log('Disminuyendo cantidad');
+        const current = Number(this.quantity()); // <-- fuerza a número
+        if (multipleQuantity && multipleQuantity > 0) {
+            current > multipleQuantity
+                ? this.quantity.set(current - multipleQuantity)
+                : null;
+        }
+        else {
+            current > 1 ? this.quantity.set(current - 1) : null;
+        }
+    }
+    addToCart() {
+        console.log('Añadiendo al carrito');
+        if (this.isAddingToCart() || this.quantity() <= 0)
+            return;
+        // Verificar que tenemos el producto y sus variantes
+        if (!this.product || !this.product.variants || this.product.variants.length === 0) {
+            this._toastService.show('cant-buy');
+            return;
+        }
+        // Verificar stock
+        const firstVariant = this.product.variants[0];
+        if (!firstVariant.stock || firstVariant.stock <= 0) {
+            this._toastService.show('out-of-stock');
+            return;
+        }
+        // Verificar que no se supere el stock disponible
+        if (this.quantity() > firstVariant.stock) {
+            this._toastService.show('out-of-stock-actually');
+            return;
+        }
+        this.isAddingToCart.set(true);
+        try {
+            // Agregar al carrito usando CartService directamente
+            this._cartService.addToCart(this.product, this.quantity(), firstVariant.code);
+            console.log('Producto agregado al carrito exitosamente');
+            // Resetear cantidad a 1 después de agregar al carrito
+            this.quantity.set(1);
+        }
+        catch (error) {
+            console.error('Error al agregar al carrito:', error);
+            this._toastService.show('cant-buy');
+        }
+        setTimeout(() => {
+            this.isAddingToCart.set(false);
+        }, 2000);
+    }
+    checkStock(stock) {
+        if (this.quantity() >= stock)
+            this.quantity.set(stock);
+    }
+    onQuantityChange(event) {
+        const target = event.target;
+        const value = +target.value;
+        // Validar que el valor sea mayor a 0
+        if (value > 0) {
+            this.quantity.set(value);
+            // Validar contra el stock disponible
+            const maxStock = this.product?.variants?.[0]?.stock || this.product?.stock || 0;
+            this.checkStock(maxStock);
+        }
+        else {
+            // Si el valor es 0 o negativo, resetear a 1
+            this.quantity.set(1);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>" }]
+            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule, FormsModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>" }]
         }], ctorParameters: () => [], propDecorators: { product: [{
                 type: Input,
                 args: [{
@@ -7083,7 +7134,7 @@ class BlockProductsEcComponent extends BlockEcComponent {
      * Permite personalización de las imágenes de las flechas mediante @Input.
      */
     setupSwiperNavigation() {
-        if (this.meta?.styles?.carrousel !== false && isPlatformBrowser(this.platformId)) {
+        if (this.meta?.styles?.carrousel !== false) {
             // Usar setTimeout para asegurar que el swiper esté inicializado
             setTimeout(() => {
                 this.initializeSwiperWithCustomNavigation();
@@ -7095,8 +7146,6 @@ 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);
@@ -7456,9 +7505,7 @@ class MagnizoomEcComponent {
             this.image = this.document.createElement('img');
             this.image.onload = () => {
                 this.lensSize = { width: this.image.width / 2, height: this.image.height / 2 };
-                if (isPlatformBrowser(this.platformId)) {
-                    setTimeout(() => this.render());
-                }
+                setTimeout(() => this.render());
             };
             this.image.src = src;
         }
@@ -7588,6 +7635,265 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['mainCanvas', { static: true }]
             }] } });
 
+class ComponentHelper {
+    constructor() {
+        this.ecOnConstruct();
+    }
+    ecOnInit = (params = {}) => {
+    };
+    ecOnConstruct = (params = {}) => {
+    };
+    hasParams = (params, searched) => {
+        if (!params || !searched)
+            return false;
+        const q = searched.trim().toLowerCase();
+        return params.some(p => {
+            const code = p?.['code']?.toString().toLowerCase() ?? '';
+            // Primero chequeo exacto, y si no, parcial
+            return code === q || code.includes(q);
+        });
+    };
+    navigateOnRouter(router, url) {
+        router.navigateByUrl(`/${url}`);
+    }
+}
+
+class RedsysCatchEcComponent extends ComponentHelper {
+    activedRoute;
+    router;
+    checkoutService;
+    renderer;
+    elementRef;
+    document;
+    platformId;
+    message = '';
+    subscription = null;
+    isMobile = false;
+    sessionId = '';
+    constructor(activedRoute, router, checkoutService, renderer, elementRef, document, platformId) {
+        super();
+        this.activedRoute = activedRoute;
+        this.router = router;
+        this.checkoutService = checkoutService;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.document = document;
+        this.platformId = platformId;
+        if (isPlatformBrowser(this.platformId)) {
+            this.detectMobile();
+            this.sessionId = this.generateSessionId();
+            // Verificar si debe procesar esta pestaña
+            if (this.shouldProcessPayment()) {
+                this.hideHeaderFooter();
+            }
+            else {
+                // Si no debe procesar, cerrar esta pestaña y redirigir a la principal
+                this.closeRedundantTab();
+                return;
+            }
+        }
+        this.ecOnConstruct();
+    }
+    detectMobile() {
+        if (isPlatformBrowser(this.platformId) && typeof window !== 'undefined') {
+            const userAgent = window.navigator.userAgent.toLowerCase();
+            this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini|mobile/i.test(userAgent) ||
+                (window.innerWidth <= 768);
+        }
+    }
+    generateSessionId() {
+        return `catch_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    }
+    shouldProcessPayment() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return false; // En el servidor no procesar
+        }
+        if (!this.isMobile) {
+            return true; // En desktop siempre procesar
+        }
+        // En mobile, verificar si ya hay otra pestaña procesando
+        const processingTab = localStorage.getItem('mp_processing_tab');
+        const currentTime = Date.now();
+        const processingTabTime = localStorage.getItem('mp_processing_tab_time');
+        // Si no hay pestaña procesando o la anterior es muy antigua (más de 30 segundos)
+        if (!processingTab || !processingTabTime || (currentTime - parseInt(processingTabTime)) > 30000) {
+            // Esta pestaña será la que procese
+            localStorage.setItem('mp_processing_tab', this.sessionId);
+            localStorage.setItem('mp_processing_tab_time', currentTime.toString());
+            return true;
+        }
+        // Si ya hay otra pestaña procesando
+        return processingTab === this.sessionId;
+    }
+    closeRedundantTab() {
+        console.log('Cerrando pestaña redundante...');
+        // Intentar cerrar la pestaña
+        if (isPlatformBrowser(this.platformId) && typeof window !== 'undefined') {
+            // Redirigir a la página principal en lugar de cerrar
+            window.location.href = '/checkout/order_success';
+        }
+    }
+    ngOnInit() {
+        this.subscription = combineLatest([
+            this.activedRoute.params,
+            this.activedRoute.queryParams
+        ]).subscribe(([queryRouter, queryParams]) => {
+            let state;
+            state = queryRouter['state'];
+            if (state && state === 'statuspayment') {
+                state = queryParams['status'];
+            }
+            console.log('PARAMETROS STATE  -> ', state);
+            this.handlePaymentState(state, queryParams);
+        });
+        this.ecOnInit();
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        this.showHeaderFooter();
+        // Limpiar marcadores de mobile si esta pestaña estaba procesando
+        if (this.isMobile && isPlatformBrowser(this.platformId)) {
+            const processingTab = localStorage.getItem('mp_processing_tab');
+            if (processingTab === this.sessionId) {
+                localStorage.removeItem('mp_processing_tab');
+                localStorage.removeItem('mp_processing_tab_time');
+            }
+        }
+        // this.ecOnDestroy(); // Removido si no existe en ComponentHelper
+    }
+    hideHeaderFooter() {
+        // Usar Renderer2 en lugar de jQuery para manipular el DOM
+        const header = this.document.querySelector('header');
+        const footer = this.document.querySelector('footer');
+        if (header) {
+            this.renderer.setStyle(header, 'display', 'none');
+        }
+        if (footer) {
+            this.renderer.setStyle(footer, 'display', 'none');
+        }
+    }
+    showHeaderFooter() {
+        // Restaurar la visibilidad al destruir el componente
+        const header = this.document.querySelector('header');
+        const footer = this.document.querySelector('footer');
+        if (header) {
+            this.renderer.removeStyle(header, 'display');
+        }
+        if (footer) {
+            this.renderer.removeStyle(footer, 'display');
+        }
+    }
+    handlePaymentState(state, queryParams) {
+        // Solo procesar el estado si esta pestaña está autorizada
+        if (this.isMobile && !this.shouldProcessPayment()) {
+            console.log('Pestaña no autorizada para procesar el pago, redirigiendo...');
+            this.closeRedundantTab();
+            return;
+        }
+        switch (state) {
+            case '200':
+                this.setStateInLocal('Su pago fue procesado con éxito.', 'success');
+                this.storeTotalAmount(queryParams);
+                this.redirectToSuccess();
+                break;
+            case 'success':
+                this.setStateInLocal('Su pago fue procesado con éxito.', state);
+                this.storeTotalAmount(queryParams);
+                this.redirectToSuccess();
+                break;
+            case 'pending':
+                this.setStateInLocal('Su pago fue procesado con éxito.', state);
+                this.redirectToSuccess();
+                break;
+            case 'failure':
+                this.setStateInLocal('Se ha cancelado el proceso de pago.', state);
+                this.storeTotalAmount(queryParams);
+                this.redirectToCheckout();
+                break;
+            case 'cancel':
+                this.setStateInLocal('Se ha cancelado el proceso de pago.', state);
+                this.redirectToCheckout();
+                break;
+            case 'ok':
+                this.setStateInSesion('Su pago fue procesado con éxito.', state);
+                break;
+            case 'challenge':
+                this.setStateInSesion('Redirigiendo a autenticación del banco emisor.', state);
+                break;
+            case 'error':
+                this.setStateInSesion('Algo no salio bien en la validación de sus datos.', state);
+                break;
+            case '0':
+                this.setStateInLocal('Se ha cancelado el proceso de pago.', 'failure');
+                this.redirectToCheckout();
+                break;
+            default:
+                break;
+        }
+    }
+    redirectToSuccess() {
+        // Limpiar marcadores de procesamiento
+        if (this.isMobile && isPlatformBrowser(this.platformId)) {
+            localStorage.removeItem('mp_processing_tab');
+            localStorage.removeItem('mp_processing_tab_time');
+        }
+        // Redirigir después de un breve delay
+        setTimeout(() => {
+            this.router.navigate(['/checkout/order_success']);
+        }, 2000);
+    }
+    redirectToCheckout() {
+        // Limpiar marcadores de procesamiento
+        if (this.isMobile && isPlatformBrowser(this.platformId)) {
+            localStorage.removeItem('mp_processing_tab');
+            localStorage.removeItem('mp_processing_tab_time');
+        }
+        // Redirigir después de un breve delay
+        setTimeout(() => {
+            this.router.navigate(['/checkout']);
+        }, 2000);
+    }
+    storeTotalAmount(queryParams) {
+        const totalAmount = queryParams['total_amount'];
+        if (totalAmount && isPlatformBrowser(this.platformId)) {
+            localStorage.setItem('total_amount', totalAmount);
+        }
+    }
+    setStateInLocal = (mensaje, state) => {
+        this.message = mensaje;
+        if (isPlatformBrowser(this.platformId)) {
+            localStorage.setItem('state', state);
+            if (typeof sessionStorage !== 'undefined') {
+                sessionStorage.setItem('modalnews', 'false');
+            }
+        }
+    };
+    setStateInSesion = (mensaje, state) => {
+        this.message = mensaje;
+        if (isPlatformBrowser(this.platformId)) {
+            if (typeof sessionStorage !== 'undefined') {
+                sessionStorage.setItem('state', state);
+                sessionStorage.setItem('modalnews', 'false');
+            }
+            localStorage.setItem('state', state);
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedsysCatchEcComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2.Router }, { token: CheckoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RedsysCatchEcComponent, isStandalone: true, selector: "app-redsys-catch-ec", usesInheritance: true, ngImport: i0, template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loader{border:16px solid #f3f3f3;border-top:16px solid #dc3545;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-container{display:flex;justify-content:center;align-items:center;height:80vh;width:100%}.flex-container>div{width:90%;height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedsysCatchEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-redsys-catch-ec', standalone: true, imports: [CommonModule, LoadingFullEcComponent], template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loader{border:16px solid #f3f3f3;border-top:16px solid #dc3545;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-container{display:flex;justify-content:center;align-items:center;height:80vh;width:100%}.flex-container>div{width:90%;height:100px}\n"] }]
+        }], ctorParameters: () => [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: CheckoutService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
+
 // export * from './rating-ec/rating-ec.component';
 
 class BlockFormContactEcComponent extends BlockEcComponent {
@@ -7863,6 +8169,7 @@ class LoginFormEcComponent {
     _formBuilder = inject(FormBuilder);
     _toastService = inject(ToastService);
     _router = inject(Router);
+    showPassword = false;
     /**
      * Parametro para indicar si tras loguear
      * debe redireccionar o no.
@@ -7951,6 +8258,9 @@ class LoginFormEcComponent {
             ? resolverFunction()
             : this._router.navigateByUrl(this.redirectTo);
     }
+    togglePassword() {
+        this.showPassword = !this.showPassword;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo", inCart: "inCart" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-4\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4 mb-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n\r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12 mb-4\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
@@ -8050,6 +8360,7 @@ class RegisterFormEcComponent {
     _analyticsService = inject(AnalyticsService);
     _formBuilder = inject(FormBuilder);
     channelConfigService = inject(ChannelService);
+    showPassword = false;
     /**
     * Indica si debe redireccionar o se queda en la misma pantalla
     */
@@ -8165,6 +8476,9 @@ class RegisterFormEcComponent {
             this.register_loading = false;
         }
     }
+    togglePassword() {
+        this.showPassword = !this.showPassword;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RegisterFormEcComponent, isStandalone: true, selector: "app-register-form-ec", inputs: { redirect: "redirect" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\r\n  <div class=\"py-2\">\r\n      <h5>CREAR CUENTA</h5>\r\n  </div>\r\n  <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">NOMBRE</label>\r\n          <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">APELLIDO</label>\r\n          <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\r\n          <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\r\n              placeholder=\"Correo electr\u00F3nico\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Contrase\u00F1a\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Repetir contrase\u00F1a\">\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\r\n          <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\r\n              id=\"Color2\">\r\n          <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\r\n              le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\r\n              condiciones</label>\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\r\n          <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\r\n          <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\r\n              Suscripci\u00F3n al Newsletter</label>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n          <div class=\"col-12\">\r\n              <button [disabled]=\"registerForm.invalid\" type=\"submit\"\r\n                  class=\"btn btn-primary px-5 py-2 h-fit\">CREAR</button>\r\n          </div>\r\n      </div>\r\n  </form>\r\n  @if(loading){\r\n    <app-loading-section-ec />\r\n  }\r\n  \r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }] });
 }
@@ -8319,29 +8633,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class ComponentHelper {
-    constructor() {
-        this.ecOnConstruct();
-    }
-    ecOnInit = (params = {}) => {
-    };
-    ecOnConstruct = (params = {}) => {
-    };
-    hasParams = (params, searched) => {
-        if (!params || !searched)
-            return false;
-        const q = searched.trim().toLowerCase();
-        return params.some(p => {
-            const code = p?.['code']?.toString().toLowerCase() ?? '';
-            // Primero chequeo exacto, y si no, parcial
-            return code === q || code.includes(q);
-        });
-    };
-    navigateOnRouter(router, url) {
-        router.navigateByUrl(`/${url}`);
-    }
-}
-
 class PasswordResetEcComponent extends ComponentHelper {
     authService;
     toastr;
@@ -8942,6 +9233,7 @@ class CartItemEcComponent {
     _cartService = inject(CartService);
     _toastService = inject(ToastService);
     _constants = inject(CoreConstantsService);
+    parametersService = inject(ParametersService);
     mediaUrl = this._constants.mediaUrl();
     quantity = 0;
     variantsToShow = ['TALLA', 'COLOR'];
@@ -9028,6 +9320,9 @@ class CartItemEcComponent {
         }
         return false; // Solo se ejecuta si no se cumple la condición
     }
+    // PARAMETROS
+    parameters$ = this.parametersService.getParameters();
+    hasParams = this.parametersService.hasParams;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CartItemEcComponent, isStandalone: true, selector: "app-cart-item-ec", inputs: { item: "item", inSidebar: "inSidebar" }, ngImport: i0, template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\r\n                    <div class=\"marcas\">\r\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\r\n\r\n                        @if (item.product.saleprice) {\r\n                        <div class=\"tag-dsc\">\r\n                            {{\r\n                            createDiscountMessage(item.product.saleprice,\r\n                            item.product.price)\r\n                            }}\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    }\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
@@ -9550,16 +9845,33 @@ class MpRedirectEcComponent {
     ventana;
     window;
     localStorage;
+    isMobile = false;
+    sessionId = '';
     platformId = inject(PLATFORM_ID);
     constructor() {
         if (isPlatformBrowser(this.platformId)) {
             this.window = window;
             this.localStorage = localStorage;
+            this.detectMobile();
+            this.generateSessionId();
         }
     }
     ngOnInit() {
         this.getPreference();
     }
+    detectMobile() {
+        if (isPlatformBrowser(this.platformId) && this.window) {
+            const userAgent = this.window.navigator.userAgent.toLowerCase();
+            this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini|mobile/i.test(userAgent) ||
+                (this.window.innerWidth <= 768);
+        }
+    }
+    generateSessionId() {
+        this.sessionId = `mp_session_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        if (isPlatformBrowser(this.platformId) && this.localStorage) {
+            this.localStorage.setItem('mp_session_id', this.sessionId);
+        }
+    }
     clickClose = () => {
         /*  this.closeModal = 'cancel'
          this.ventana?.close() */
@@ -9567,17 +9879,52 @@ class MpRedirectEcComponent {
     iniciar = () => {
         this.closeModal = '';
         this.clearStorageState();
-        this.ventana = this.window?.open(this.url);
-        this.callState();
+        // Solo ejecutar en el browser
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        // En mobile, marcamos esta pestaña como la principal
+        if (this.isMobile && this.localStorage) {
+            this.localStorage.setItem('mp_main_tab', this.sessionId);
+            this.localStorage.setItem('mp_payment_started', 'true');
+        }
+        if (this.isMobile && this.window) {
+            // En mobile, usar window.location.href en lugar de popup
+            this.window.location.href = this.url;
+        }
+        else if (this.window) {
+            // En desktop, usar popup como antes
+            this.ventana = this.window.open(this.url);
+            this.callState();
+        }
     };
     callState = () => {
+        // Solo ejecutar en el browser
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
         let state = this.closeModal != '' ? this.closeModal : this.localStorage?.getItem('state');
-        !state && this.ventana.closed && (state = 'cancel');
+        !state && this.ventana?.closed && (state = 'cancel');
         this.loading = true;
         state && console.log(state);
+        // En mobile, verificar si esta pestaña debe procesar el estado
+        if (this.isMobile && this.localStorage) {
+            const mainTab = this.localStorage.getItem('mp_main_tab');
+            const currentSessionId = this.localStorage.getItem('mp_session_id');
+            // Si no es la pestaña principal, no procesar
+            if (mainTab !== currentSessionId && mainTab !== null) {
+                console.log('Esta no es la pestaña principal, ignorando estado');
+                return;
+            }
+        }
         if (state) {
             this.loading = false;
             this.localStorage?.removeItem('state');
+            // Limpiar marcadores de mobile
+            if (this.isMobile && this.localStorage) {
+                this.localStorage.removeItem('mp_main_tab');
+                this.localStorage.removeItem('mp_payment_started');
+            }
             if (state == 'success') {
                 this.ventana?.close();
                 this.ready.emit(true);
@@ -9602,17 +9949,31 @@ class MpRedirectEcComponent {
             this.processError('');
             return;
         }
-        setTimeout(() => {
-            this.callState();
-        }, 5000);
+        // Solo continuar polling si no es mobile o si es la pestaña principal
+        if (!this.isMobile || (this.isMobile && this.localStorage?.getItem('mp_main_tab') === this.sessionId)) {
+            setTimeout(() => {
+                this.callState();
+            }, 5000);
+        }
     };
     processError = (err) => {
         this._toastService.show(err != '' ? err : 'payment-error');
         // console.log("ERROR ENVIO BACK  ", err);
     };
     clearStorageState = () => {
-        sessionStorage.removeItem('state');
+        // Solo ejecutar en el browser
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        if (typeof sessionStorage !== 'undefined') {
+            sessionStorage.removeItem('state');
+        }
         this.localStorage?.removeItem('state');
+        // Limpiar también los marcadores de mobile
+        if (this.isMobile && this.localStorage) {
+            this.localStorage.removeItem('mp_processing_tab');
+            this.localStorage.removeItem('mp_processing_tab_time');
+        }
     };
     getPreference = () => this._paymentService.getPreference(this.allData).then(res => {
         this.preference = res;
@@ -9623,7 +9984,11 @@ class MpRedirectEcComponent {
         //this.error = message;
     };
     renderMP = (preference) => {
-        this.window?.addEventListener("message", (event) => {
+        // Solo ejecutar en el browser
+        if (!isPlatformBrowser(this.platformId) || !this.window) {
+            return;
+        }
+        this.window.addEventListener("message", (event) => {
             if (event.origin !== 'https://www.mercadopago.com.ar' || !event.data.type) {
                 return;
             }
@@ -10504,11 +10869,9 @@ 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
-            if (isPlatformBrowser(this.platformId)) {
-                setTimeout(() => {
-                    this.initSwiper();
-                }, 100);
-            }
+            setTimeout(() => {
+                this.initSwiper();
+            }, 100);
         });
     }
     initSwiper() {
@@ -11760,5 +12123,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, 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, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, 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, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map