ng-easycommerce-v18 0.2.15 → 0.2.17

package/fesm2022/ng-easycommerce-v18.mjs

@@ -17,7 +17,7 @@ import * as i1$3 from '@angular/forms';
 import { Validators, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
-import * as i6 from '@angular/platform-browser';
+import * as i1$4 from '@angular/platform-browser';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import * as i1$2 from 'ng-recaptcha-2';
 import { RecaptchaModule } from 'ng-recaptcha-2';
@@ -2157,7 +2157,7 @@ class CurrencyService {
                 baseCurrency = 'USD';
             }
         }
-        console.log("BC", baseCurrency);
+        // console.log("BC", baseCurrency);
         if (currency.code == baseCurrency) {
             this.loadCurrency(currency);
         }
@@ -4156,31 +4156,60 @@ class CartService {
     ;
     constructor() {
         this._requestInProcess.next(true);
+        // ✅ Cargar carrito local y token previo
+        this._items = JSON.parse(this._localStorage.getItem(this.CART_KEY) || '[]');
         this.cartToken = this._localStorage.getItem(this.CART_TOKEN_KEY) || null;
-        this.initializeDataCart();
+        // 🔑 CLAVE: Suscripción a cambios de estado de login
+        this._authService.loggedIn$.subscribe(isLoggedIn => {
+            if (isLoggedIn) {
+                this.syncCartOnLogin();
+            }
+            else {
+                // Usuario cerró sesión, limpiar y resetear carrito
+                this.clearAndResetCustomerCart();
+            }
+        });
         this._channelService.channel$.subscribe(res => this.channelConfig = res);
+        // Inicializar carrito para usuarios no autenticados
+        if (!this._authService.isAuthenticated()) {
+            // Si hay token, intentar obtener carrito por token, sino crear nuevo
+            if (this.cartToken) {
+                this.getCart();
+            }
+            else {
+                this.getCartByCustomer();
+            }
+        }
     }
     /**
-     * Inicializa el carrito con los datos del local storage en caso de que existan o no.
+     * Sincroniza el carrito cuando el usuario hace login
+     * Implementa la lógica de Angular 9 para preservar el carrito del invitado
      */
-    initializeDataCart() {
-        combineLatest([this._authService.loggedIn$, this._storage.getItem(this.CART_KEY)]).subscribe({
-            next: ([loggedIn, token]) => {
-                //console.log(loggedIn, token);
-                this._items = token || [];
-                this.getCart();
-            }
-        });
+    syncCartOnLogin() {
+        // ✅ Si hay carrito local Y token, enviar para sincronizar con el servidor
+        const hasLocalCart = this.cartToken && this._items.length > 0;
+        if (hasLocalCart) {
+            // Envía el token para fusionar carritos
+            this.getCart();
+        }
+        else {
+            // Sin carrito local, obtener carrito del usuario autenticado
+            this.getCartByCustomer();
+        }
     }
     /**
-     * Obtiene el carrito desde el backend y lo inicializa.
-     * Si existe el cartToken y hay items en el carrito, envía el token como parámetro.
+     * Obtiene el carrito desde el backend con lógica de sincronización
+     * Envía el token si hay carrito local para fusionar carritos
      */
     getCart() {
-        //console.warn(this._items, this._items.length, this.cartToken)
-        firstValueFrom(this._connection.post(this.cartItemsApi(), ((this.cartToken && this._items.length >= 1) && { token: this.cartToken }))).then((res) => {
-            //console.log(res)	
+        // 🔑 LÓGICA CRUCIAL: Si existe token Y hay items locales, envía el token
+        const payload = (this.cartToken && this._items.length >= 1) ? { token: this.cartToken } : undefined;
+        firstValueFrom(this._connection.post(this.cartItemsApi(), payload)).then((res) => {
+            //console.log('getCart response:', res);
             this.initializeCart(res);
+        }).catch(error => {
+            console.error('Error getting cart:', error);
+            this._requestInProcess.next(false);
         });
     }
     /**
@@ -4521,7 +4550,7 @@ class CartService {
     }
     changeHaveToUpdate = (value) => this._haveToUpdate = value;
     clearAndResetCustomerCart() {
-        console.log("Clearing and reseting...");
+        // console.log("Clearing and reseting...")
         this.resetCart(this.getCartByCustomer);
     }
     getCartByCustomer = async () => this._connection.post(this.cartItemsApi()).subscribe(res => this.initializeCart(res));
@@ -5034,7 +5063,7 @@ class CheckoutService {
         if (final_steps.length == 1) {
             this._lastStepSubject.next(true);
         }
-        console.log(final_steps);
+        // console.log(final_steps);
         firstValueFrom(this._connection.get(this.getHasPurchaseConditions())).then(res => {
             this._analyticsService.callEvent('checkout_init', { ...this.cartLocal, currency: this.cartLocal?.currency, value: this.cartLocal?.total });
         });
@@ -5061,7 +5090,7 @@ class CheckoutService {
                 }
                 this._loadingStepSubject.next(false);
             }, err => {
-                console.log(err);
+                // console.log(err)
                 this._loadingStepSubject.next(false);
                 this._toastService.show('operation-error');
             });
@@ -5548,7 +5577,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class TestService {
     constructor() {
-        console.log('hola');
+        // console.log('hola');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TestService, providedIn: 'root' });
@@ -5884,10 +5913,10 @@ class HeaderEcComponent extends MenuEcComponent {
     constructor() {
         super();
         this._channelService.channel$.subscribe(cfg => {
-            console.log('Channel configuration:', cfg);
+            // console.log('Channel configuration:', cfg);
             this.showPricesOnlyToLoggedUsers = !!cfg.showPricesOnlyToLoggedUsers;
             this.hidePrices = !!cfg.hidePrices;
-            console.log('hidePrices:', this.hidePrices);
+            // console.log('hidePrices:', this.hidePrices);
         });
     }
     coreConstantsService = inject(CoreConstantsService);
@@ -5969,7 +5998,7 @@ class HeaderEcComponent extends MenuEcComponent {
         this.getCollectionSearch();
     }
     setupMobileMenu() {
-        console.log('setupMobileMenu called');
+        // console.log('setupMobileMenu called');
         const menuMobile = document.querySelector('.menuMobile');
         if (!(menuMobile instanceof HTMLElement))
             return;
@@ -6151,19 +6180,19 @@ class BlockBannerFullEcComponent extends BlockEcComponent {
         const nextButton = this.document?.getElementById(`${this.meta?.code}-next`);
         const swiperElement = this.document?.getElementById(this.meta?.code);
         if (prevButton && nextButton && swiperElement) {
-            console.log('Configurando navegación personalizada para banners:', this.meta?.code);
+            // console.log('Configurando navegación personalizada para banners:', this.meta?.code);
             // Actualizar configuración del Swiper existente
             this.updateSwiperForBanners(swiperElement);
             // Configurar los event listeners para los botones
             this.setupBannerNavigationEventListeners(prevButton, nextButton, swiperElement);
-            console.log('Event listeners configurados para navegación de banners');
+            // console.log('Event listeners configurados para navegación de banners');
         }
         else {
-            console.log('No se pudieron encontrar los elementos de navegación para banners:', {
-                prevButton: !!prevButton,
-                nextButton: !!nextButton,
-                swiperElement: !!swiperElement
-            });
+            // console.log('No se pudieron encontrar los elementos de navegación para banners:', {
+            //     prevButton: !!prevButton,
+            //     nextButton: !!nextButton,
+            //     swiperElement: !!swiperElement
+            // });
         }
     }
     /**
@@ -6171,7 +6200,7 @@ class BlockBannerFullEcComponent extends BlockEcComponent {
      */
     updateSwiperForBanners(swiperElement) {
         if (swiperElement.swiper) {
-            console.log('Actualizando configuración de Swiper para banners');
+            // console.log('Actualizando configuración de Swiper para banners');
             // Configuración específica para banners
             swiperElement.swiper.params.slidesPerGroup = 1;
             swiperElement.swiper.allowSlideNext = true;
@@ -6198,7 +6227,7 @@ class BlockBannerFullEcComponent extends BlockEcComponent {
         prevClone.addEventListener('click', (e) => {
             e.preventDefault();
             e.stopPropagation();
-            console.log('Click en botón anterior (banners)');
+            // console.log('Click en botón anterior (banners)');
             if (swiperElement.swiper) {
                 swiperElement.swiper.slidePrev();
             }
@@ -6206,7 +6235,7 @@ class BlockBannerFullEcComponent extends BlockEcComponent {
         nextClone.addEventListener('click', (e) => {
             e.preventDefault();
             e.stopPropagation();
-            console.log('Click en botón siguiente (banners)');
+            // console.log('Click en botón siguiente (banners)');
             if (swiperElement.swiper) {
                 swiperElement.swiper.slideNext();
             }
@@ -6751,7 +6780,7 @@ class BlockProductsEcComponent extends BlockEcComponent {
         const nextButton = document.getElementById(`${this.meta?.code}-next`);
         const swiperElement = document.getElementById(this.meta?.code);
         if (prevButton && nextButton && swiperElement) {
-            console.log('Configurando navegación personalizada para:', this.meta?.code);
+            // console.log('Configurando navegación personalizada para:', this.meta?.code);
             const swiperConfig = this.getSwiperConfiguration();
             // Verificar si el Swiper ya está inicializado
             if (!swiperElement.swiper) {
@@ -6762,14 +6791,14 @@ class BlockProductsEcComponent extends BlockEcComponent {
             }
             // Configurar los event listeners para los botones
             this.setupNavigationEventListeners(prevButton, nextButton, swiperElement);
-            console.log('Event listeners configurados para los botones de navegación');
+            // console.log('Event listeners configurados para los botones de navegación');
         }
         else {
-            console.log('No se pudieron encontrar los elementos:', {
-                prevButton: !!prevButton,
-                nextButton: !!nextButton,
-                swiperElement: !!swiperElement
-            });
+            // console.log('No se pudieron encontrar los elementos:', {
+            // 	prevButton: !!prevButton,
+            // 	nextButton: !!nextButton,
+            // 	swiperElement: !!swiperElement
+            // });
         }
     }
     /**
@@ -6818,13 +6847,13 @@ class BlockProductsEcComponent extends BlockEcComponent {
         Object.assign(swiperElement, config);
         // Inicializar el Swiper
         swiperElement.initialize();
-        console.log('Swiper inicializado con configuración personalizada');
+        // console.log('Swiper inicializado con configuración personalizada');
     }
     /**
      * Actualiza un Swiper existente para asegurar la configuración correcta.
      */
     updateExistingSwiper(swiperElement) {
-        console.log('Actualizando configuración de Swiper existente');
+        // console.log('Actualizando configuración de Swiper existente');
         // Forzar slidesPerGroup a 1
         swiperElement.swiper.params.slidesPerGroup = 1;
         swiperElement.swiper.allowSlideNext = true;
@@ -6844,7 +6873,7 @@ class BlockProductsEcComponent extends BlockEcComponent {
         prevButton.addEventListener('click', (e) => {
             e.preventDefault();
             e.stopPropagation();
-            console.log('Click en botón anterior');
+            // console.log('Click en botón anterior');
             if (swiperElement.swiper) {
                 swiperElement.swiper.slidePrev();
             }
@@ -6852,7 +6881,7 @@ class BlockProductsEcComponent extends BlockEcComponent {
         nextButton.addEventListener('click', (e) => {
             e.preventDefault();
             e.stopPropagation();
-            console.log('Click en botón siguiente');
+            // console.log('Click en botón siguiente');
             if (swiperElement.swiper) {
                 swiperElement.swiper.slideNext();
             }
@@ -6914,7 +6943,7 @@ class BlockNewsletterEcComponent {
         this.sendForm(this.newsletter_form, 'inquiry-sent');
     }
     sendForm(form, success_message) {
-        console.log('form', this.newsletter_form);
+        // console.log('form', this.newsletter_form);
         if (form.valid && (form.value.email.includes('@'))) {
             const formData = new FormData();
             // formData.append('mailText', form.value.body)
@@ -7013,7 +7042,7 @@ class ReCaptchaEcComponent {
     onTouched;
     ngOnInit() {
         this._recaptchaService.recaptcha$.subscribe(res => {
-            console.log('recaptcha', res);
+            // console.log('recaptcha', res);
             this.captcha = res;
             this.updateSiteKey();
         });
@@ -7734,7 +7763,7 @@ class RegisterFormEcComponent {
     register(event) {
         event.preventDefault();
         this.loading = true;
-        console.log('registerForm', this.registerForm);
+        // console.log('registerForm', this.registerForm);
         if (!this.registerForm.valid) {
             this._toastService.show('fields-incomplete');
             this.loading = false;
@@ -8063,7 +8092,7 @@ class FiltersEcComponent {
     /*Obtiene el filtro elegido en el select, lo pasa al setSelect
     para que se marque seleccionado*/
     onSelect(event, filter) {
-        console.log(filter);
+        // console.log(filter)
         /*  const selectedOption = filter
              .flatMap(category => category.children)
              .filter(option => option?.code === event.target.value)
@@ -8367,7 +8396,7 @@ class CartEcComponent {
         });
     }
     removeCoupon() {
-        console.log(this.couponCode$);
+        // console.log(this.couponCode$)
         this._cartService.removeCoupon();
     }
     redirectCheckout() {
@@ -8409,6 +8438,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'lib-cart-ec', standalone: true, imports: [], template: "<p>cart-ec works!</p>\r\n" }]
         }], ctorParameters: () => [] });
 
+class EcSafeHtmlPipe {
+    sanitizer;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value) {
+        if (!value)
+            return '';
+        return this.sanitizer.bypassSecurityTrustHtml(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EcSafeHtmlPipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EcSafeHtmlPipe, isStandalone: true, name: "ecSafeHtml" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EcSafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ecSafeHtml',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$4.DomSanitizer }] });
+
 class CartItemEcComponent {
     item;
     inSidebar = false;
@@ -8422,7 +8472,7 @@ class CartItemEcComponent {
     isQuantityUpdating = false;
     ngOnInit() {
         this.quantity = this.item.quantity;
-        console.log(this.item, this.mediaUrl);
+        // console.log(this.item, this.mediaUrl);
     }
     updateQuantity(stock) {
         if (this.quantity > 0 && this.quantity <= stock) {
@@ -8664,7 +8714,7 @@ class DataformEcComponent {
         const form = isBilling ? this.checkoutFormFacturacion : this.checkoutForm;
         const currentCountry = form.get('countryCode')?.value;
         if (!currentCountry) {
-            console.log('Setting default country:', country.name);
+            // console.log('Setting default country:', country.name);
             form.patchValue({
                 countryCode: country.code
             });
@@ -8936,7 +8986,7 @@ class ShipmentEcComponent {
             costs.find((cost) => cost.name == contract).contracts.find((contra) => contra.name == data.name).selected = true;
         }
         catch (error) {
-            console.log("error al buscar contrato", error);
+            // console.log("error al buscar contrato", error);
         }
         this.emitResult(contract, data);
     }
@@ -9026,7 +9076,7 @@ class MpRedirectEcComponent {
     };
     processError = (err) => {
         this._toastService.show(err != '' ? err : 'payment-error');
-        console.log("ERROR ENVIO BACK  ", err);
+        // console.log("ERROR ENVIO BACK  ", err);
     };
     clearStorageState = () => {
         sessionStorage.removeItem('state');
@@ -9243,7 +9293,7 @@ class DecidirEcComponent extends ComponentHelper {
     };
     processError = (err) => {
         this.toastrService.show(err != '' ? err : 'payment-error');
-        console.log("ERROR ENVIO BACK  ", err);
+        // console.log("ERROR ENVIO BACK  ", err);
     };
     getCheckoutDecidir = () => {
         this.loading = true;
@@ -9259,7 +9309,7 @@ class DecidirEcComponent extends ComponentHelper {
             return;
         }
         if (event.data && event.data.type === 'DECIDIR_PAYMENT') {
-            console.log('DecidirComponent - Procesando pago con payload:', event.data.payload);
+            // console.log('DecidirComponent - Procesando pago con payload:', event.data.payload);
             this.processPayment(event.data.payload);
         }
     };
@@ -9269,7 +9319,7 @@ class DecidirEcComponent extends ComponentHelper {
             .subscribe({
             next: (response) => {
                 this.loading = false;
-                console.log('Respuesta del backend:', response);
+                // console.log('Respuesta del backend:', response);
                 if (response.status === 'approved' || response.status === 'partially_authorized') {
                     localStorage.setItem('state', response.status === 'approved' ? 'success' : 'partially_authorized');
                     if (response.message)
@@ -9300,13 +9350,13 @@ class DecidirEcComponent extends ComponentHelper {
         obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
         obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, deps: [{ token: i0.Renderer2 }, { token: ConnectionService }, { token: ToastService }, { token: CoreConstantsService }, { token: ApiConstantsService }, { token: CartService }, { token: i2.ActivatedRoute }, { token: i6.DomSanitizer }, { token: ParametersService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, deps: [{ token: i0.Renderer2 }, { token: ConnectionService }, { token: ToastService }, { token: CoreConstantsService }, { token: ApiConstantsService }, { token: CartService }, { token: i2.ActivatedRoute }, { token: i1$4.DomSanitizer }, { token: ParametersService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DecidirEcComponent, isStandalone: true, selector: "app-decidir-ec", inputs: { paymentServiceInst: "paymentServiceInst", method: "method", total_amount: "total_amount", allData: "allData", user_data: "user_data" }, outputs: { ready: "ready" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-decidir-ec', standalone: true, imports: [CommonModule, FormsModule, LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: ConnectionService }, { type: ToastService }, { type: CoreConstantsService }, { type: ApiConstantsService }, { type: CartService }, { type: i2.ActivatedRoute }, { type: i6.DomSanitizer }, { type: ParametersService }], propDecorators: { paymentServiceInst: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: ConnectionService }, { type: ToastService }, { type: CoreConstantsService }, { type: ApiConstantsService }, { type: CartService }, { type: i2.ActivatedRoute }, { type: i1$4.DomSanitizer }, { type: ParametersService }], propDecorators: { paymentServiceInst: [{
                 type: Input
             }], method: [{
                 type: Input
@@ -9337,7 +9387,7 @@ class PaymentEcComponent {
             const totalItem = data.find(item => item.type == 'total');
             this.total_amount = totalItem?.amount ?? 0;
         });
-        console.log('PaymentEcComponent initialized with total_amount:', this.total_amount);
+        // console.log('PaymentEcComponent initialized with total_amount:', this.total_amount);
     }
     setActive($event) {
         const parent = $event.target.parentElement.children;
@@ -9418,7 +9468,7 @@ class StepContainerEcComponent {
     _checkoutService = inject(CheckoutService);
     steps;
     constructor() {
-        console.log('step-container-ec');
+        // console.log('step-container-ec');
     }
     next() {
         this._checkoutService.next();
@@ -9756,7 +9806,7 @@ class OrderEcComponent {
                 const number = this._activedRoute.snapshot.params["number"];
                 this._ordersService.getOrderByNumber(number);
             }
-            console.log('inside');
+            // console.log('inside');
         });
         this._channelConfigService.channel$.subscribe((config) => {
             if (config && config.allowRepeatOrders !== undefined) {
@@ -9908,12 +9958,12 @@ class RelatedProductsEcComponent extends BlockEcComponent {
         // Swiper initialization moved to initSwiper() method called after data loads
     }
     ngOnInit() {
-        console.log(this.productID);
+        // console.log(this.productID)
         this.load(this.productID);
     }
     load(product_id) {
         this._productsService.getRelatedProducts(product_id).pipe(take(1)).subscribe(res => {
-            console.log('response', res);
+            // console.log('response',res);
             const relatedProducts = res.filter((elem) => !this.includeKeyword(elem.title.toLowerCase()));
             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' }));
@@ -9926,7 +9976,7 @@ class RelatedProductsEcComponent extends BlockEcComponent {
     initSwiper() {
         if (isPlatformBrowser(this.platformId)) {
             const swiperElemConstructor = this.document?.querySelector('#relatedProductsSwiper');
-            console.log('swiperElemConstructor', swiperElemConstructor);
+            // console.log('swiperElemConstructor', swiperElemConstructor)
             if (swiperElemConstructor) {
                 Object.assign(swiperElemConstructor, this.swiperOptions());
                 this.swiperElement.set(swiperElemConstructor);
@@ -9971,7 +10021,7 @@ class FaqsEcComponent {
                 this.empty_faqs = true;
             }
         }, error => {
-            console.log(error);
+            (error);
             this._toastService.show('No fue posible encontrar la sección solicitada');
         }).catch(err => this._toastService.show('empty-faqs'));
     }
@@ -10570,7 +10620,7 @@ class SectionContainerEcComponent extends ComponentHelper {
                         : this.sanitizer.bypassSecurityTrustHtml(html);
             this.loadSection = true;
         }, (error) => {
-            console.log(error);
+            // console.log(error);
             this.loadSection = true;
             this.content_html = "<p>Sin información</p>";
             this.toastrService.show('No fue posible encontrar la sección solicitada');
@@ -10625,7 +10675,7 @@ class StoresEcComponent extends ComponentHelper {
             }
             this.exclusiveStores = stores ? stores.filter(store => store.exclusive) : null;
             // this.selectChange('');
-            console.log('Stores:', stores);
+            //    console.log('Stores:', stores);
         });
         this.ecOnConstruct();
     }
@@ -10698,7 +10748,7 @@ class StoresEcComponent extends ComponentHelper {
                     title: store.name + ' - ' + store.address,
                     description: store.phone,
                 };
-                console.log(datos);
+                //  console.log(datos)
                 this.locations.push(datos);
             });
             const bounds = new google.maps.LatLngBounds();
@@ -10773,13 +10823,13 @@ class StoresEcComponent extends ComponentHelper {
             marker.setAnimation(null);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, deps: [{ token: StoresService }, { token: CoreConstantsService }, { token: i6.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, deps: [{ token: StoresService }, { token: CoreConstantsService }, { token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StoresEcComponent, isStandalone: true, selector: "app-store-ec", usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n@if(stores){\r\n<div class=\"row\">\r\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n        <div class=\"row\">\r\n            <div class=\"form-group w-100\">\r\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\r\n                    id=\"exampleFormControlSelect1\">\r\n                    <option selected [value]=\"''\">Seleccione provincia</option>\r\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                <div class=\"col-12\">\r\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                    <label>{{ store.address }}</label>\r\n                    <label>{{ store.phone }}</label>\r\n                    <div [innerHtml]=\"store.note\"></div>\r\n                    <div class=\"text-right\">\r\n\r\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n\r\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n    </div>\r\n</div>\r\n}@else {\r\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n</div>\r\n}\r\n\r\n\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-store-ec', standalone: true, imports: [TranslateModule], template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n@if(stores){\r\n<div class=\"row\">\r\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n        <div class=\"row\">\r\n            <div class=\"form-group w-100\">\r\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\r\n                    id=\"exampleFormControlSelect1\">\r\n                    <option selected [value]=\"''\">Seleccione provincia</option>\r\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                <div class=\"col-12\">\r\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                    <label>{{ store.address }}</label>\r\n                    <label>{{ store.phone }}</label>\r\n                    <div [innerHtml]=\"store.note\"></div>\r\n                    <div class=\"text-right\">\r\n\r\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n\r\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n    </div>\r\n</div>\r\n}@else {\r\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n</div>\r\n}\r\n\r\n\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"] }]
-        }], ctorParameters: () => [{ type: StoresService }, { type: CoreConstantsService }, { type: i6.DomSanitizer }] });
+        }], ctorParameters: () => [{ type: StoresService }, { type: CoreConstantsService }, { type: i1$4.DomSanitizer }] });
 
 class PriceRangeFilterComponent {
     _filtersService = inject(FiltersService);
@@ -11166,5 +11216,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, 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, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map