ng-easycommerce-v18 0.4.0 → 0.4.1-beta.1

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Injectable, Inject, Optional, APP_INITIALIZER, inject, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, computed, NgZone, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Injectable, Inject, Optional, APP_INITIALIZER, inject, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, computed, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, NgZone, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
-import { BehaviorSubject, of, take, shareReplay as shareReplay$1, map, catchError as catchError$1, filter, ReplaySubject, firstValueFrom, concatMap, throwError, tap as tap$1, distinctUntilChanged, switchMap, combineLatest, Subject, takeUntil } from 'rxjs';
+import { BehaviorSubject, of, take, shareReplay as shareReplay$1, map, catchError as catchError$1, filter, ReplaySubject, firstValueFrom, concatMap, throwError, tap as tap$1, distinctUntilChanged, switchMap, combineLatest, Subscription, Subject, takeUntil } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { tap, shareReplay, catchError, filter as filter$1, skipWhile, take as take$1, switchMap as switchMap$1 } from 'rxjs/operators';
@@ -17,6 +17,7 @@ import moment from 'moment';
 import { StorageMap } from '@ngx-pwa/local-storage';
 import * as i1$4 from '@angular/forms';
 import { Validators, FormsModule, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
 import * as i1$5 from '@angular/platform-browser';
@@ -5023,16 +5024,19 @@ class CartService {
         this._items = JSON.parse(this._localStorage.getItem(this.CART_KEY) || '[]');
         this.cartToken = this._localStorage.getItem(this.CART_TOKEN_KEY) || null;
         // 🔑 CLAVE: Suscripción a cambios de estado de login
-        this._authService.loggedIn$.subscribe(isLoggedIn => {
-            if (isLoggedIn && !this._cartInitialized) {
+        this._authService.loggedIn$.pipe(distinctUntilChanged()).subscribe(isLoggedIn => {
+            if (isLoggedIn) {
+                // Al pasar de invitado -> logueado, siempre sincronizar para traer balanceCustomer
+                // (si no, el header no muestra cuenta corriente hasta recargar).
                 this.syncCartOnLogin();
                 this._cartInitialized = true;
+                return;
             }
-            else if (!isLoggedIn && this._cartInitialized) {
+            if (this._cartInitialized) {
                 // Usuario cerró sesión, limpiar y resetear carrito
                 this.clearAndResetCustomerCart();
-                this._cartInitialized = false; // Reset flag para permitir nueva inicialización
             }
+            this._cartInitialized = false; // Reset flag para permitir nueva inicialización
         });
         this._channelService.channel$.subscribe(res => this.channelConfig = res);
         // ⚠️ FIX: Solo inicializar para usuarios no autenticados
@@ -5124,6 +5128,11 @@ class CartService {
             this._toastService.show('must-select-customer');
             return;
         }
+        const isExistingItem = this._items.some((item) => item.product.id === product.id && item.variant_id === variantId);
+        // Validación de saldo para items nuevos (los existentes se validan en updateItemQuantity)
+        if (!isExistingItem && !this.hasCreditsForNewItem(product, quantity, variantId)) {
+            return;
+        }
         this._requestInProcess.next(true);
         let added = this.addIfAllreadyExists(product, variantId, quantity);
         if (!added) {
@@ -5494,10 +5503,14 @@ class CartService {
         if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
             return true;
         }
+        if (balance.allowAnyPaymentMethod) {
+            return true;
+        }
         if (balance.remainingCredits === undefined) {
             return false;
         }
-        if ((this._cartSubject.value?.totals?.total ?? 0) > balance.creditAmount) {
+        const total = this._cartSubject.value?.totals?.total ?? 0;
+        if (!balance.allowExceedBalance && total > balance.creditAmount) {
             this._toastService.show('not-enough-credits');
             return false;
         }
@@ -5508,6 +5521,9 @@ class CartService {
         if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
             return true;
         }
+        if (balance.allowAnyPaymentMethod) {
+            return true;
+        }
         if (balance.remainingCredits === undefined) {
             return false;
         }
@@ -5523,6 +5539,26 @@ class CartService {
         }
         return true;
     };
+    hasCreditsForNewItem = (product, quantity, variantId) => {
+        const balance = this._balanceCustomerSubject.value;
+        if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
+            return true;
+        }
+        if (balance.allowAnyPaymentMethod) {
+            return true;
+        }
+        if (balance.remainingCredits === undefined) {
+            return false;
+        }
+        const variant = product?.variants?.find(v => v.code === variantId) ?? product?.variants?.[0];
+        const unitPrice = variant?.saleprice ?? variant?.price ?? product?.price ?? 0;
+        const totalCost = unitPrice * quantity;
+        if (!balance.allowExceedBalance && totalCost > balance.remainingCredits) {
+            this._toastService.show('not-enough-credits');
+            return false;
+        }
+        return true;
+    };
     addRepeatOrderToCart(items) {
         if (this._cartItemsSubject.value.length > 0) {
             this._toastService.show('cart-not-empty');
@@ -5598,7 +5634,16 @@ class ProductDetailService {
     options$ = this._optionsSubject.asObservable();
     associatedData$ = this._associatedDataSubject.asObservable();
     variants = [];
-    constructor() { }
+    _currentTotalAmount = null;
+    _balanceCustomer = null;
+    constructor() {
+        this._cartService.getTotalAmount().subscribe(total => {
+            this._currentTotalAmount = total ?? null;
+        });
+        this._cartService.balanceCustomer$.subscribe(balanceCustomer => {
+            this._balanceCustomer = balanceCustomer;
+        });
+    }
     /**
      * Obtengo el producto a traves de su codigo e inicializo la configuración
      * del Servicio.
@@ -5848,7 +5893,12 @@ class ProductDetailService {
         }
         if (!variant)
             return;
-        if (!this.validateQuantity(quantity))
+        if (!this.validateQuantity(quantity, variant.code))
+            return;
+        const priceToValidate = productSelected.saleprice
+            ? productSelected.saleprice * quantity
+            : productSelected.price * quantity;
+        if (!this.validatePriceAndCredits(priceToValidate))
             return;
         //agregar al servicio del carrito
         this._cartService.addToCart(this.makeAffordableProduct(productSelected), quantity, variant.code);
@@ -5872,14 +5922,22 @@ class ProductDetailService {
      * @param quantity
      * @returns
      */
-    validateQuantity = (quantity) => {
-        const actualQuantity = this._cartService.getCountFromItemInCart(this.variants[0].code);
+    validateQuantity = (quantity, variantCode) => {
+        const codeToCheck = variantCode || this.variants[0].code;
+        const actualQuantity = this._cartService.getCountFromItemInCart(codeToCheck);
         const asociatedData = this._associatedDataSubject.value;
-        if ((actualQuantity + quantity) > asociatedData.maximumItemsQuantity) {
+        const variant = this.variants.find(v => v.code === codeToCheck);
+        const stock = variant?.stock ?? 0;
+        const totalQuantity = actualQuantity + quantity;
+        if (totalQuantity > stock) {
+            this._toastService.show('out-of-stock-actually');
+            return false;
+        }
+        if ((totalQuantity) > asociatedData.maximumItemsQuantity) {
             this._toastService.show('maximum-items-quantity', { quantity: asociatedData.maximumItemsQuantity });
             return false;
         }
-        if ((actualQuantity + quantity) < asociatedData.minimumItemsQuantity) {
+        if ((totalQuantity) < asociatedData.minimumItemsQuantity) {
             this._toastService.show('minimum-items-quantity', { quantity: asociatedData.minimumItemsQuantity });
             return false;
         }
@@ -5894,6 +5952,22 @@ class ProductDetailService {
         }
         return true;
     };
+    validatePriceAndCredits = (price) => {
+        if (this._balanceCustomer === null) {
+            return true;
+        }
+        if (this._balanceCustomer.allowAnyPaymentMethod) {
+            return true;
+        }
+        if (this._balanceCustomer.remainingCredits === undefined) {
+            return false;
+        }
+        if (price > this._balanceCustomer.remainingCredits) {
+            this._toastService.show('not-enough-credits');
+            return false;
+        }
+        return true;
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductDetailService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductDetailService, providedIn: 'root' });
 }
@@ -6805,6 +6879,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: RuntimeConfigService }] });
 
+/**
+ * Gestiona la visibilidad global de precios según:
+ * - configuración del canal (hidePrices, showPricesOnlyToLoggedUsers)
+ * - estado de autenticación
+ * - restricciones por cuenta corriente (showPrice desde balance)
+ *
+ * Nota: este servicio no contempla reglas por producto (shouldShowPrice, etc.).
+ */
+class PriceVisibilityService {
+    channelService = inject(ChannelService);
+    authService = inject(AuthService);
+    cartService = inject(CartService);
+    channelConfig = toSignal(this.channelService.channel$, { initialValue: null });
+    loggedIn = toSignal(this.authService.loggedIn$, { initialValue: this.authService.isAuthenticated() });
+    creditAccountShowPrices = toSignal(this.cartService.showPrice$, { initialValue: null });
+    hidePrices = computed(() => !!this.channelConfig()?.hidePrices);
+    showPricesOnlyToLoggedUsers = computed(() => !!this.channelConfig()?.showPricesOnlyToLoggedUsers);
+    canShowPrices = computed(() => {
+        const hide = this.hidePrices();
+        const onlyLogged = this.showPricesOnlyToLoggedUsers();
+        const logged = this.loggedIn();
+        const creditAllowed = this.creditAccountShowPrices();
+        const creditPass = creditAllowed === null ? true : !!creditAllowed;
+        return !hide && (!onlyLogged || logged) && creditPass;
+    });
+    canShowPrices$ = toObservable(this.canShowPrices);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceVisibilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceVisibilityService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceVisibilityService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Componente que sirve para abstraer la funcionalidad que comparten
  * el menú y el footer.
@@ -7076,13 +7184,16 @@ class HeaderEcComponent extends MenuEcComponent {
     transparent = false;
     isHome = false; // Nueva variable para verificar si estamos en /home
     isScrolled = false;
-    showPricesOnlyToLoggedUsers = false;
-    hidePrices = false;
+    balanceAttributes = null;
+    subscriptions = new Subscription();
     __authService = inject(AuthService);
     _channelService = inject(ChannelService);
+    priceVisibility = inject(PriceVisibilityService);
     changeDetector = inject(ChangeDetectorRef);
     appRouter = inject(Router);
     platformId = inject(PLATFORM_ID);
+    _cartService = inject(CartService);
+    balanceAttributes$ = this._cartService.balanceCustomer$;
     mobileDropdownOpen = signal(false);
     isMenuOpen = signal(false);
     // Observable del estado de autenticación
@@ -7090,10 +7201,6 @@ class HeaderEcComponent extends MenuEcComponent {
     isAuthenticated$ = this.__authService.isAuthenticated();
     constructor() {
         super();
-        this._channelService.channel$.subscribe(cfg => {
-            this.showPricesOnlyToLoggedUsers = !!cfg.showPricesOnlyToLoggedUsers;
-            this.hidePrices = !!cfg.hidePrices;
-        });
     }
     coreConstantsService = inject(CoreConstantsService);
     router = inject(Router);
@@ -7109,18 +7216,19 @@ class HeaderEcComponent extends MenuEcComponent {
         // 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.subscriptions.add(this.logged$.subscribe(isLoggedIn => {
             this.changeDetector.detectChanges();
-        });
+        }));
+        this.subscribeToBalance();
         if (isPlatformBrowser(this.platformId)) {
-            this.appRouter.events.subscribe(evt => {
+            this.subscriptions.add(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() {
@@ -7305,6 +7413,17 @@ class HeaderEcComponent extends MenuEcComponent {
             });
         }
     }
+    get canShowPrices() {
+        return this.priceVisibility.canShowPrices();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    subscribeToBalance() {
+        this.subscriptions.add(this._cartService.balanceCustomer$.subscribe(balanceData => {
+            this.balanceAttributes = balanceData;
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderEcComponent, isStandalone: true, selector: "lib-header-ec", host: { listeners: { "window:scroll": "onWindowScroll()" } }, usesInheritance: true, ngImport: i0, template: "<p>header-ec works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
@@ -7798,20 +7917,14 @@ class PriceEcComponent {
     customTaxTemplate = null;
     customOnlyTaxLabelTemplate = null;
     _channelService = inject(ChannelService);
-    _authService = inject(AuthService);
+    priceVisibility = inject(PriceVisibilityService);
     showTaxLegend = false;
     hideTaxes = false;
-    showPricesOnlyToLoggedUsers = false;
-    logged = false;
-    hidePrices = false;
     ngOnInit() {
         this._channelService.channel$.subscribe(cfg => {
             this.showTaxLegend = !!cfg.showTaxLegend;
             this.hideTaxes = !!cfg.hideTaxes;
-            this.showPricesOnlyToLoggedUsers = !!cfg.showPricesOnlyToLoggedUsers;
-            this.hidePrices = !!cfg.hidePrices;
         });
-        this.logged = this._authService.isAuthenticated();
     }
     /** Determina si mostrar la sección de impuestos */
     get shouldShowTaxes() {
@@ -7830,11 +7943,11 @@ class PriceEcComponent {
         return !!value && value.split(' - ').length === 2;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PriceEcComponent, isStandalone: true, selector: "app-price-ec", inputs: { price: "price", saleprice: "saleprice", basePrice: "basePrice", taxeAmount: "taxeAmount", taxes: "taxes", priceSize: "priceSize", showTaxLegendOnly: "showTaxLegendOnly", disableTaxInfo: "disableTaxInfo", customPriceTemplate: "customPriceTemplate", customSalePriceTemplate: "customSalePriceTemplate", customSimplePriceTemplate: "customSimplePriceTemplate", customSimpleSalePriceTemplate: "customSimpleSalePriceTemplate", customTaxTemplate: "customTaxTemplate", customOnlyTaxLabelTemplate: "customOnlyTaxLabelTemplate" }, ngImport: i0, template: "@if(!hidePrices){\n@if (!showPricesOnlyToLoggedUsers || logged) {\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div class=\"price\">\n        <!-- Con precio de oferta -->\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\n\n            <!-- Precio original como rango o tachado simple -->\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\n                <del class=\"\">\n                    {{\n                    price!.split(' - ')[0] | ecCurrencySymbol\n                    }}\n                    {{\n                    price!.split(' - ')[1] | ecCurrencySymbol\n                    }}\n                </del>\n            </div>\n\n            <!-- Oferta como rango o simple -->\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\n                {{\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\n                }}\n                {{\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </div>\n\n        <!-- S\u00F3lo precio sin oferta -->\n        <ng-template #onlyPriceBlock>\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\n                {{\n                price!.split(' - ')[0] | ecCurrencySymbol\n                }} -\n                {{\n                price!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price -->\n        <ng-template #simplePrice>\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimplePrice>\n            <del>&nbsp;</del>\n            <div class=\"price-simplePrice\">\n                {{ price | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price-del -->\n        <ng-template #simplePriceDel>\n            <div class=\"price-simpleDel\">\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple saleprice -->\n        <ng-template #simpleSalePrice>\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimpleSalePrice>\n            <div class=\"price-simpleSaleprice\">\n                {{ saleprice | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <!-- S\u00F3lo leyenda -->\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabel>\n            <p class=\"taxes-title\">\n                {{ 'price-without-national-taxes' | translate }}:\n                {{ basePrice! | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <!-- Detalle impuestos -->\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">\n            {{ 'price-without-national-taxes' | translate }}:\n            {{ basePrice! | ecCurrencySymbol }}\n        </p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>\n}\n}", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PriceEcComponent, isStandalone: true, selector: "app-price-ec", inputs: { price: "price", saleprice: "saleprice", basePrice: "basePrice", taxeAmount: "taxeAmount", taxes: "taxes", priceSize: "priceSize", showTaxLegendOnly: "showTaxLegendOnly", disableTaxInfo: "disableTaxInfo", customPriceTemplate: "customPriceTemplate", customSalePriceTemplate: "customSalePriceTemplate", customSimplePriceTemplate: "customSimplePriceTemplate", customSimpleSalePriceTemplate: "customSimpleSalePriceTemplate", customTaxTemplate: "customTaxTemplate", customOnlyTaxLabelTemplate: "customOnlyTaxLabelTemplate" }, ngImport: i0, template: "@if (priceVisibility.canShowPrices()) {\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div class=\"price\">\n        <!-- Con precio de oferta -->\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\n\n            <!-- Precio original como rango o tachado simple -->\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\n                <del class=\"\">\n                    {{\n                    price!.split(' - ')[0] | ecCurrencySymbol\n                    }}\n                    {{\n                    price!.split(' - ')[1] | ecCurrencySymbol\n                    }}\n                </del>\n            </div>\n\n            <!-- Oferta como rango o simple -->\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\n                {{\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\n                }}\n                {{\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </div>\n\n        <!-- S\u00F3lo precio sin oferta -->\n        <ng-template #onlyPriceBlock>\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\n                {{\n                price!.split(' - ')[0] | ecCurrencySymbol\n                }} -\n                {{\n                price!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price -->\n        <ng-template #simplePrice>\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimplePrice>\n            <del>&nbsp;</del>\n            <div class=\"price-simplePrice\">\n                {{ price | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price-del -->\n        <ng-template #simplePriceDel>\n            <div class=\"price-simpleDel\">\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple saleprice -->\n        <ng-template #simpleSalePrice>\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimpleSalePrice>\n            <div class=\"price-simpleSaleprice\">\n                {{ saleprice | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <!-- S\u00F3lo leyenda -->\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabel>\n            <p class=\"taxes-title\">\n                {{ 'price-without-national-taxes' | translate }}:\n                {{ basePrice! | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <!-- Detalle impuestos -->\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">\n            {{ 'price-without-national-taxes' | translate }}:\n            {{ basePrice! | ecCurrencySymbol }}\n        </p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>\n}\n", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-price-ec', standalone: true, imports: [CommonModule, EcCurrencySymbolPipe, TranslateModule], template: "@if(!hidePrices){\n@if (!showPricesOnlyToLoggedUsers || logged) {\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div class=\"price\">\n        <!-- Con precio de oferta -->\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\n\n            <!-- Precio original como rango o tachado simple -->\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\n                <del class=\"\">\n                    {{\n                    price!.split(' - ')[0] | ecCurrencySymbol\n                    }}\n                    {{\n                    price!.split(' - ')[1] | ecCurrencySymbol\n                    }}\n                </del>\n            </div>\n\n            <!-- Oferta como rango o simple -->\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\n                {{\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\n                }}\n                {{\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </div>\n\n        <!-- S\u00F3lo precio sin oferta -->\n        <ng-template #onlyPriceBlock>\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\n                {{\n                price!.split(' - ')[0] | ecCurrencySymbol\n                }} -\n                {{\n                price!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price -->\n        <ng-template #simplePrice>\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimplePrice>\n            <del>&nbsp;</del>\n            <div class=\"price-simplePrice\">\n                {{ price | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price-del -->\n        <ng-template #simplePriceDel>\n            <div class=\"price-simpleDel\">\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple saleprice -->\n        <ng-template #simpleSalePrice>\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimpleSalePrice>\n            <div class=\"price-simpleSaleprice\">\n                {{ saleprice | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <!-- S\u00F3lo leyenda -->\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabel>\n            <p class=\"taxes-title\">\n                {{ 'price-without-national-taxes' | translate }}:\n                {{ basePrice! | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <!-- Detalle impuestos -->\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">\n            {{ 'price-without-national-taxes' | translate }}:\n            {{ basePrice! | ecCurrencySymbol }}\n        </p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>\n}\n}", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"] }]
+            args: [{ selector: 'app-price-ec', standalone: true, imports: [CommonModule, EcCurrencySymbolPipe, TranslateModule], template: "@if (priceVisibility.canShowPrices()) {\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div class=\"price\">\n        <!-- Con precio de oferta -->\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\n\n            <!-- Precio original como rango o tachado simple -->\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\n                <del class=\"\">\n                    {{\n                    price!.split(' - ')[0] | ecCurrencySymbol\n                    }}\n                    {{\n                    price!.split(' - ')[1] | ecCurrencySymbol\n                    }}\n                </del>\n            </div>\n\n            <!-- Oferta como rango o simple -->\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\n                {{\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\n                }}\n                {{\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </div>\n\n        <!-- S\u00F3lo precio sin oferta -->\n        <ng-template #onlyPriceBlock>\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\n                {{\n                price!.split(' - ')[0] | ecCurrencySymbol\n                }} -\n                {{\n                price!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price -->\n        <ng-template #simplePrice>\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimplePrice>\n            <del>&nbsp;</del>\n            <div class=\"price-simplePrice\">\n                {{ price | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price-del -->\n        <ng-template #simplePriceDel>\n            <div class=\"price-simpleDel\">\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple saleprice -->\n        <ng-template #simpleSalePrice>\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimpleSalePrice>\n            <div class=\"price-simpleSaleprice\">\n                {{ saleprice | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <!-- S\u00F3lo leyenda -->\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabel>\n            <p class=\"taxes-title\">\n                {{ 'price-without-national-taxes' | translate }}:\n                {{ basePrice! | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <!-- Detalle impuestos -->\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">\n            {{ 'price-without-national-taxes' | translate }}:\n            {{ basePrice! | ecCurrencySymbol }}\n        </p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>\n}\n", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"] }]
         }], propDecorators: { price: [{
                 type: Input
             }], saleprice: [{
@@ -8082,11 +8195,11 @@ class ProductEcComponent {
         }
     }
     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\">\n    <!-- Marca especial y descuento -->\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\n        class=\"marcas\">\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\n        <ng-container *ngIf=\"shouldShowPrice\">\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\n                [ecProductOff]=\"product\">\n            </div>\n        </ng-container>\n    </div> -->\n\n    <!-- Imagen del producto -->\n    <div class=\"foto\">\n        @if(product.picturesdefault){\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\n        } @else {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        }\n        }\n    </div>\n    <!-- Precio -->\n\n\n    <!-- Nombre del producto -->\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\n\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\n\n    @if (shouldShowPrice) {\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n    }\n    @if(!hidePrices){\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\n\n    <div class=\"fixBottom\">\n\n        <!-- Bot\u00F3n de acciones -->\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\n        'standard') {\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            <ng-container *ngIf=\"isCollection; else normalText\">\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\n            </ng-container>\n            <ng-template #normalText>\n                {{(\"buy\" | translate) | uppercase}}\n            </ng-template>\n        </button>\n        }@else {\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>}\n        <!-- Caso 2: Contacto por WhatsApp -->\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n\n        </button>\n        }\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\n        @if (product.special_mark[0]?.type === 'more_info') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>\n        }\n        }\n    </div>\n    }}\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.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$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }] });
+    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\">\n    <!-- Marca especial y descuento -->\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\n        class=\"marcas\">\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\n        <ng-container *ngIf=\"shouldShowPrice\">\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\n                [ecProductOff]=\"product\">\n            </div>\n        </ng-container>\n    </div> -->\n\n    <!-- Imagen del producto -->\n    <div class=\"foto\">\n        @if(product.picturesdefault){\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\n        } @else {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        }\n        }\n    </div>\n    <!-- Precio -->\n\n\n    <!-- Nombre del producto -->\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\n\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\n\n    @if (shouldShowPrice) {\n        <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n    }\n    @if(!hidePrices){\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\n\n    <div class=\"fixBottom\">\n\n        <!-- Bot\u00F3n de acciones -->\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\n        'standard') {\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            <ng-container *ngIf=\"isCollection; else normalText\">\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\n            </ng-container>\n            <ng-template #normalText>\n                {{(\"buy\" | translate) | uppercase}}\n            </ng-template>\n        </button>\n        }@else {\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>}\n        <!-- Caso 2: Contacto por WhatsApp -->\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n\n        </button>\n        }\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\n        @if (product.special_mark[0]?.type === 'more_info') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>\n        }\n        }\n    </div>\n    }}\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.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$2.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, FormsModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\n    <!-- Marca especial y descuento -->\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\n        class=\"marcas\">\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\n        <ng-container *ngIf=\"shouldShowPrice\">\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\n                [ecProductOff]=\"product\">\n            </div>\n        </ng-container>\n    </div> -->\n\n    <!-- Imagen del producto -->\n    <div class=\"foto\">\n        @if(product.picturesdefault){\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\n        } @else {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        }\n        }\n    </div>\n    <!-- Precio -->\n\n\n    <!-- Nombre del producto -->\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\n\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\n\n    @if (shouldShowPrice) {\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n    }\n    @if(!hidePrices){\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\n\n    <div class=\"fixBottom\">\n\n        <!-- Bot\u00F3n de acciones -->\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\n        'standard') {\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            <ng-container *ngIf=\"isCollection; else normalText\">\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\n            </ng-container>\n            <ng-template #normalText>\n                {{(\"buy\" | translate) | uppercase}}\n            </ng-template>\n        </button>\n        }@else {\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>}\n        <!-- Caso 2: Contacto por WhatsApp -->\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n\n        </button>\n        }\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\n        @if (product.special_mark[0]?.type === 'more_info') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>\n        }\n        }\n    </div>\n    }}\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\">\n    <!-- Marca especial y descuento -->\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\n        class=\"marcas\">\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\n        <ng-container *ngIf=\"shouldShowPrice\">\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\n                [ecProductOff]=\"product\">\n            </div>\n        </ng-container>\n    </div> -->\n\n    <!-- Imagen del producto -->\n    <div class=\"foto\">\n        @if(product.picturesdefault){\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\n        } @else {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        }\n        }\n    </div>\n    <!-- Precio -->\n\n\n    <!-- Nombre del producto -->\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\n\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\n\n    @if (shouldShowPrice) {\n        <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n    }\n    @if(!hidePrices){\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\n\n    <div class=\"fixBottom\">\n\n        <!-- Bot\u00F3n de acciones -->\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\n        'standard') {\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            <ng-container *ngIf=\"isCollection; else normalText\">\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\n            </ng-container>\n            <ng-template #normalText>\n                {{(\"buy\" | translate) | uppercase}}\n            </ng-template>\n        </button>\n        }@else {\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>}\n        <!-- Caso 2: Contacto por WhatsApp -->\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n\n        </button>\n        }\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\n        @if (product.special_mark[0]?.type === 'more_info') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>\n        }\n        }\n    </div>\n    }}\n</a>" }]
         }], ctorParameters: () => [], propDecorators: { product: [{
                 type: Input,
                 args: [{
@@ -10239,6 +10352,7 @@ class CartEcComponent {
     totalPromotionAmount$ = this._cartService.getTotalPromotionAmount();
     taxesAmount$ = this._cartService.getTaxesAmount();
     totalAmount$ = this._cartService.getTotalAmount();
+    creditAccountShowPrices$ = this._cartService.showPrice$;
     _authService = inject(AuthService);
     isAuthenticated$ = this._authService.isAuthenticated();
     getTotalAmount = this._cartService.getTotalAmount();
@@ -10257,6 +10371,12 @@ class CartEcComponent {
             this.hideTaxes = !!channel.hideTaxes;
         });
     }
+    ngOnInit() {
+        this._channelService.channel$.subscribe(channel => {
+            this.hideTaxes = !!channel?.hideTaxes;
+            this.channel = channel;
+        });
+    }
     removeCoupon() {
         // console.log(this.couponCode$)
         this._cartService.removeCoupon();
@@ -10293,11 +10413,11 @@ class CartEcComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-cart-ec', standalone: true, imports: [], template: "<p>cart-ec works!</p>\n" }]
+            args: [{ selector: 'lib-cart-ec', standalone: true, imports: [CommonModule, TranslateModule], template: "<p>cart-ec works!</p>\n" }]
         }], ctorParameters: () => [] });
 
 class EcSafeHtmlPipe {
@@ -11404,6 +11524,7 @@ class PaymentEcComponent {
     _paymentService = inject(PaymentService);
     _checkoutService = inject(CheckoutService);
     _cartService = inject(CartService);
+    _toastService = inject(ToastService);
     _methodDataSubject = new BehaviorSubject(null);
     _loadingSubject = new BehaviorSubject(false);
     methods$ = this._paymentService.methods$;
@@ -11411,12 +11532,18 @@ class PaymentEcComponent {
     methodData$ = this._methodDataSubject.asObservable();
     loadingInternal = false;
     total_amount = 0;
+    allowAnyPaymentMethod = null;
+    balanceMethodRejected = false;
+    showMethodError = false;
     constructor() { }
     ngOnInit() {
         this._checkoutService.associatedData$.subscribe((data) => {
             const totalItem = data.find(item => item.type == 'total');
             this.total_amount = totalItem?.amount ?? 0;
         });
+        this._cartService.allowAnyPaymentMethod$.subscribe(value => {
+            this.allowAnyPaymentMethod = value;
+        });
         // console.log('PaymentEcComponent initialized with total_amount:', this.total_amount);
     }
     setActive($event) {
@@ -11430,7 +11557,34 @@ class PaymentEcComponent {
     }
     async setMethod(method) {
         this._methodDataSubject.next(null);
-        let result = await this._paymentService.putPayment(method.code);
+        this.showMethodError = false;
+        const result = await this._paymentService.putPayment(method.code);
+        const balanceCustomer = result?.balanceCustomer;
+        const totals = result?.totals;
+        this._cartService.updateBalanceAttributes(balanceCustomer, totals?.total);
+        const isBalanceMethod = this.isBalanceInAccount(method.code);
+        const allowAny = balanceCustomer?.allowAnyPaymentMethod;
+        if ((balanceCustomer && allowAny === false && !isBalanceMethod) ||
+            (isBalanceMethod && !balanceCustomer)) {
+            this.handleMethodError('this-payment-method-cannot-be-used', method);
+            return;
+        }
+        if (isBalanceMethod &&
+            balanceCustomer &&
+            totals &&
+            balanceCustomer.allowExceedBalance === false &&
+            balanceCustomer.creditAmount < totals.total) {
+            this._toastService.show('insufficient_credit');
+            this.balanceMethodRejected = true;
+        }
+        else if (isBalanceMethod) {
+            this.balanceMethodRejected = false;
+        }
+        this._methodDataSubject.next(method);
+    }
+    handleMethodError(message, method) {
+        this.showMethodError = true;
+        this._toastService.show(message);
         this._methodDataSubject.next(method);
     }
     //Funciones para chequear el metodo de pago.
@@ -11453,6 +11607,7 @@ class PaymentEcComponent {
     isBankTransfer = (code) => !!code?.toLowerCase().includes('bank_transfer');
     isCatastro = (code) => !!code?.toLowerCase().includes('catastro');
     isBamboo = (code) => !!code?.toLowerCase().includes('bamboo');
+    isBalanceInAccount = (code) => !!code?.toLowerCase().includes('balance_in_account');
     allData() {
         return {
             ...this._paymentService.getUserData().shippingAddress,
@@ -11469,6 +11624,10 @@ class PaymentEcComponent {
         return true;
     };
     verifyValidate = ($event = true) => {
+        if (this.balanceMethodRejected) {
+            this.setLoading(false);
+            return;
+        }
         if ($event === false) {
             this.setLoading(false);
             return;
@@ -11483,7 +11642,7 @@ class PaymentEcComponent {
         this._checkoutService.back();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaymentEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PaymentEcComponent, isStandalone: true, selector: "app-payment-ec", ngImport: i0, template: "@if(methods$ | async; as methods){\n<div class=\"container-fluid\">\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12\">\n\t\t\t<div class=\"card \">\n\t\t\t\t<div class=\"card-header text-dark text-center\">\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"(click)=\"setMethod(method) ; setActive($event)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body text-center\">\n\t\t\t\t\t@if(methodData$ | async; as method){\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t@if(!loadingInternal){\n\t\t\t\t\t\t\t@if(isMP(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<!-- <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t<div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" [user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-out-ec>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t</app-ceca-redirect-ec>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-paypal-express-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-mobbex-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-bancard-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>-->\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!--\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[amount]=\"total_amount\" [customStyle]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t(ready)=\"verifyValidate()\"></app-culqi-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bancard-catastro-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bamboo-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div> -->\n\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"row d-flex flex-row\">\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }, { kind: "component", type: MpRedirectEcComponent, selector: "app-mp-redirect-ec", inputs: ["method", "total_amount", "allData"], outputs: ["ready"] }, { kind: "component", type: BankTransferEcComponent, selector: "app-bank-transfer-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: OfflineEcComponent, selector: "app-offline-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: DecidirEcComponent, selector: "app-decidir-ec", inputs: ["paymentServiceInst", "method", "total_amount", "allData", "user_data"], outputs: ["ready"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PaymentEcComponent, isStandalone: true, selector: "app-payment-ec", ngImport: i0, template: "@if(methods$ | async; as methods){\n<div class=\"container-fluid\">\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12\">\n\t\t\t<div class=\"card \">\n\t\t\t\t<div class=\"card-header text-dark text-center\">\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\" (click)=\"setMethod(method) ; setActive($event)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body text-center\">\n\t\t\t\t\t@if(methodData$ | async; as method){\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t@if(!loadingInternal){\n\t\t\t\t\t\t\t@if(method && !showMethodError){\n\t\t\t\t\t\t\t\t@if(isMP(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n\t\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \n\t\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t{{ 'this-payment-method-cannot-be-used' | translate }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(isBalanceInAccount(method.code) && !showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row px-0 description-cont\" *ngIf=\"method.description\">\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [id]=\"'cc-desc-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<hr *ngIf=\"method.instructions\">\n\t\t\t\t\t\t\t\t\t<div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!balanceMethodRejected; else showCreditError\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"end-button\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ 'pay-with' | translate }} {{ method.name }}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t\t<ng-template #showCreditError>\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t\t\t{{ 'not-enough-credits-to-complete' | translate }}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-template>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"(loading$ | async) as load\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"mt-2\" *ngIf=\"load\">\n\t\t\t\t\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"row d-flex flex-row\">\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }, { kind: "component", type: MpRedirectEcComponent, selector: "app-mp-redirect-ec", inputs: ["method", "total_amount", "allData"], outputs: ["ready"] }, { kind: "component", type: BankTransferEcComponent, selector: "app-bank-transfer-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: OfflineEcComponent, selector: "app-offline-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: DecidirEcComponent, selector: "app-decidir-ec", inputs: ["paymentServiceInst", "method", "total_amount", "allData", "user_data"], outputs: ["ready"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaymentEcComponent, decorators: [{
             type: Component,
@@ -11495,7 +11654,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BankTransferEcComponent,
                         OfflineEcComponent,
                         DecidirEcComponent
-                    ], template: "@if(methods$ | async; as methods){\n<div class=\"container-fluid\">\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12\">\n\t\t\t<div class=\"card \">\n\t\t\t\t<div class=\"card-header text-dark text-center\">\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"(click)=\"setMethod(method) ; setActive($event)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body text-center\">\n\t\t\t\t\t@if(methodData$ | async; as method){\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t@if(!loadingInternal){\n\t\t\t\t\t\t\t@if(isMP(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<!-- <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t<div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" [user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-out-ec>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t</app-ceca-redirect-ec>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-paypal-express-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-mobbex-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-bancard-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>-->\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!--\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[amount]=\"total_amount\" [customStyle]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t(ready)=\"verifyValidate()\"></app-culqi-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bancard-catastro-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bamboo-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div> -->\n\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"row d-flex flex-row\">\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n}" }]
+                    ], template: "@if(methods$ | async; as methods){\n<div class=\"container-fluid\">\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12\">\n\t\t\t<div class=\"card \">\n\t\t\t\t<div class=\"card-header text-dark text-center\">\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\" (click)=\"setMethod(method) ; setActive($event)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body text-center\">\n\t\t\t\t\t@if(methodData$ | async; as method){\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t@if(!loadingInternal){\n\t\t\t\t\t\t\t@if(method && !showMethodError){\n\t\t\t\t\t\t\t\t@if(isMP(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n\t\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \n\t\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t{{ 'this-payment-method-cannot-be-used' | translate }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(isBalanceInAccount(method.code) && !showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row px-0 description-cont\" *ngIf=\"method.description\">\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [id]=\"'cc-desc-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<hr *ngIf=\"method.instructions\">\n\t\t\t\t\t\t\t\t\t<div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!balanceMethodRejected; else showCreditError\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"end-button\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ 'pay-with' | translate }} {{ method.name }}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t\t<ng-template #showCreditError>\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t\t\t{{ 'not-enough-credits-to-complete' | translate }}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-template>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"(loading$ | async) as load\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"mt-2\" *ngIf=\"load\">\n\t\t\t\t\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"row d-flex flex-row\">\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n}\n" }]
         }], ctorParameters: () => [] });
 
 class StepContainerEcComponent {
@@ -11529,6 +11688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class DetailCheckoutBlockEcComponent {
     _checkoutService = inject(CheckoutService);
+    priceVisibility = inject(PriceVisibilityService);
     data$ = this._checkoutService.associatedData$;
     data = null;
     getIcon = (data_type) => {
@@ -11558,16 +11718,17 @@ class DetailCheckoutBlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DetailCheckoutBlockEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DetailCheckoutBlockEcComponent, isStandalone: true, selector: "app-detail-checkout-block-ec", ngImport: i0, template: "@if(data$ | async; as datos){\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\n        @for(item of data; track $index; let i = $index){\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\n                </div>\n        }\n    </div>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DetailCheckoutBlockEcComponent, isStandalone: true, selector: "app-detail-checkout-block-ec", ngImport: i0, template: "@if (priceVisibility.canShowPrices()) {\n@if(data$ | async; as datos){\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\n        @for(item of data; track $index; let i = $index){\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\n                </div>\n        }\n    </div>\n}\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DetailCheckoutBlockEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-detail-checkout-block-ec', standalone: true, imports: [TranslateModule, EcCurrencySymbolPipe, AsyncPipe], template: "@if(data$ | async; as datos){\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\n        @for(item of data; track $index; let i = $index){\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\n                </div>\n        }\n    </div>\n}" }]
+            args: [{ selector: 'app-detail-checkout-block-ec', standalone: true, imports: [TranslateModule, EcCurrencySymbolPipe, AsyncPipe], template: "@if (priceVisibility.canShowPrices()) {\n@if(data$ | async; as datos){\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\n        @for(item of data; track $index; let i = $index){\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\n                </div>\n        }\n    </div>\n}\n}" }]
         }], ctorParameters: () => [] });
 
 class CheckoutEcComponent {
     _channelService = inject(ChannelService);
     _checkoutService = inject(CheckoutService);
+    _router = inject(Router);
     ADDRESS = 'address';
     SHIPMENT = 'shipment';
     PAYMENT = 'payment';
@@ -11578,11 +11739,16 @@ class CheckoutEcComponent {
     //public steps: Step[] = [];
     subCan;
     canCheckout = false;
+    hidePrices = false;
     constructor() {
         //console.log("constructo.....");
         this._channelService.channel$.subscribe((res) => {
             //console.log("construct")
             this.channel = res;
+            this.hidePrices = !!res?.hidePrices;
+            if (this.hidePrices) {
+                this._router.navigate(['/']);
+            }
             //this.initializeSteps();
         });
     }
@@ -11652,22 +11818,25 @@ class SuccessEcComponent {
          * @returns el bloque si lo encontro.
          */
     containsBlock(codeBlock) { return this.blocks.find((block) => block.code == codeBlock); }
+    isBalanceInAccount = (code) => code && code.toLocaleLowerCase().includes('balance_in_account');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuccessEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuccessEcComponent, isStandalone: true, selector: "app-order-success-ec", ngImport: i0, template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\n\t@if(payments && payments[0].method.code){\n\t<div class=\"Main card my-2\">\n\t\t@if(this.blocks && this.blocks.length > 0){ \n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\n\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}@else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t\t\t}\n\t\t} @else{\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t}\n\t</div>\n\t} @else {\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\n\t}\n</div>\n\n<ng-template #notInfoToMethod let-params>\n\n\t<div class=\"wrap my-4 card-body\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\n\t\t\t\t</h5>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n\t\t\t\t<h5 class=\"pending\">{{ ((params.payment_status || 'pending') | translate) }}</h5>\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>", styles: [""], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuccessEcComponent, isStandalone: true, selector: "app-order-success-ec", ngImport: i0, template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\n\t@if(payments && payments[0].method.code){\n\t<div class=\"Main card my-2\">\n\t\t@if(this.blocks && this.blocks.length > 0){ \n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\n\t\t\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">\n\t\t\t\t\t\t\t\t\t\t\t{{ isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}@else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t\t\t}\n\t\t} @else{\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t}\n\t</div>\n\t} @else {\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\n\t}\n</div>\n\n<ng-template #notInfoToMethod let-params>\n\n\t<div class=\"wrap my-4 card-body\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\n\t\t\t\t</h5>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n\t\t\t\t<h5 class=\"pending\">\n\t\t\t\t\t{{ payments && payments[0]?.method?.code && isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t</h5>\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>", styles: [""], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuccessEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-order-success-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent, TranslateModule, UpperCasePipe, CommonModule], template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\n\t@if(payments && payments[0].method.code){\n\t<div class=\"Main card my-2\">\n\t\t@if(this.blocks && this.blocks.length > 0){ \n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\n\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}@else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t\t\t}\n\t\t} @else{\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t}\n\t</div>\n\t} @else {\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\n\t}\n</div>\n\n<ng-template #notInfoToMethod let-params>\n\n\t<div class=\"wrap my-4 card-body\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\n\t\t\t\t</h5>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n\t\t\t\t<h5 class=\"pending\">{{ ((params.payment_status || 'pending') | translate) }}</h5>\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>" }]
+            args: [{ selector: 'app-order-success-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent, TranslateModule, UpperCasePipe, CommonModule], template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\n\t@if(payments && payments[0].method.code){\n\t<div class=\"Main card my-2\">\n\t\t@if(this.blocks && this.blocks.length > 0){ \n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\n\t\t\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">\n\t\t\t\t\t\t\t\t\t\t\t{{ isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}@else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t\t\t}\n\t\t} @else{\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t}\n\t</div>\n\t} @else {\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\n\t}\n</div>\n\n<ng-template #notInfoToMethod let-params>\n\n\t<div class=\"wrap my-4 card-body\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\n\t\t\t\t</h5>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n\t\t\t\t<h5 class=\"pending\">\n\t\t\t\t\t{{ payments && payments[0]?.method?.code && isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t</h5>\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>" }]
         }], ctorParameters: () => [] });
 
 class OrdersListEcComponent {
     _ordersService = inject(OrdersService);
     _router = inject(Router);
+    _cartService = inject(CartService);
+    priceVisibility = inject(PriceVisibilityService);
     loading = false;
     orders = [];
     error = "";
     sortValue;
-    showPrice = false;
+    showPrice = true;
     creditAmountConfigured = false;
     /**
      * @description name -> nombre de clave de valuesToSort; asc -> true: ascendente, false: descendente
@@ -11697,6 +11866,9 @@ class OrdersListEcComponent {
                 this.error = 'orders-error';
             }
         });
+        this._cartService.creditAmount$.subscribe(amount => {
+            this.creditAmountConfigured = amount !== null;
+        });
     }
     sortedByNewest(orders) {
         return orders && orders.length && orders.sort((anOrder, otherOrder) => anOrder.number > otherOrder.number ? -1 : 1);
@@ -11792,11 +11964,11 @@ class OrdersListEcComponent {
         this._router.navigateByUrl((`account/orders/${order.number}`));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrdersListEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrdersListEcComponent, isStandalone: true, selector: "app-orders-ec", ngImport: i0, template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\n        @if(orders && orders.length){\n            <div class=\"row mb-1 border-bottom\">\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12 \">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('methodState')\">\n                        {{ 'shipment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                </div>\n            </div>\n            @for(order of orders; track $index){\n                <div class=\"row item border-bottom py-2\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        @if(order.payments && order.payments.length > 0){\n                            <p class=\"price\">\n                                {{ order.payments[0].state | translate | titlecase }}\n                            </p>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        @if(order.tracking){\n                            <a [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 d-flex\">\n                        @if(creditAmountConfigured ? showPrice : true){\n                            <h5 class=\"fw-bold text-nowrap\">\n                                {{ (order.totals.total) | ecCurrencySymbol }}\n                            </h5>\n                        }\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                                                'see-order' | translate }}</button> -->\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\n                    </div>\n                </div>\n            }\n        }@else {\n            <div class=\"w-100 h-50\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <h5>{{ 'no-orders' | translate }}</h5>\n                </div>\n            </div>\n        }\n    </section>\n    }@else {\n        <div class=\"w-100 h-50 py-5\">\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrdersListEcComponent, isStandalone: true, selector: "app-orders-ec", ngImport: i0, template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\n        @if(!priceVisibility.hidePrices()){\n        @if(orders && orders.length){\n            <div class=\"row mb-1 border-bottom\">\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12 \">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('methodState')\">\n                        {{ 'shipment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                </div>\n            </div>\n            @for(order of orders; track $index){\n                <div class=\"row item border-bottom py-2\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        @if(order.payments && order.payments.length > 0){\n                            <p class=\"price\">\n                                {{ order.payments[0].state | translate | titlecase }}\n                            </p>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        @if(order.tracking){\n                            <a [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 d-flex\">\n                        @if(priceVisibility.canShowPrices()){\n                            <h5 class=\"fw-bold text-nowrap\">\n                                {{ (order.totals.total) | ecCurrencySymbol }}\n                            </h5>\n                        }\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                                                'see-order' | translate }}</button> -->\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\n                    </div>\n                </div>\n            }\n        }@else {\n            <div class=\"w-100 h-50\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <h5>{{ 'no-orders' | translate }}</h5>\n                </div>\n            </div>\n        }\n        }\n    </section>\n    }@else {\n        <div class=\"w-100 h-50 py-5\">\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrdersListEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-orders-ec', standalone: true, imports: [LoadingFullEcComponent, TranslateModule, TitleCasePipe, EcCurrencySymbolPipe], template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\n        @if(orders && orders.length){\n            <div class=\"row mb-1 border-bottom\">\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12 \">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('methodState')\">\n                        {{ 'shipment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                </div>\n            </div>\n            @for(order of orders; track $index){\n                <div class=\"row item border-bottom py-2\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        @if(order.payments && order.payments.length > 0){\n                            <p class=\"price\">\n                                {{ order.payments[0].state | translate | titlecase }}\n                            </p>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        @if(order.tracking){\n                            <a [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 d-flex\">\n                        @if(creditAmountConfigured ? showPrice : true){\n                            <h5 class=\"fw-bold text-nowrap\">\n                                {{ (order.totals.total) | ecCurrencySymbol }}\n                            </h5>\n                        }\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                                                'see-order' | translate }}</button> -->\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\n                    </div>\n                </div>\n            }\n        }@else {\n            <div class=\"w-100 h-50\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <h5>{{ 'no-orders' | translate }}</h5>\n                </div>\n            </div>\n        }\n    </section>\n    }@else {\n        <div class=\"w-100 h-50 py-5\">\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n" }]
+            args: [{ selector: 'app-orders-ec', standalone: true, imports: [LoadingFullEcComponent, TranslateModule, TitleCasePipe, EcCurrencySymbolPipe], template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\n        @if(!priceVisibility.hidePrices()){\n        @if(orders && orders.length){\n            <div class=\"row mb-1 border-bottom\">\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12 \">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('methodState')\">\n                        {{ 'shipment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                </div>\n            </div>\n            @for(order of orders; track $index){\n                <div class=\"row item border-bottom py-2\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        @if(order.payments && order.payments.length > 0){\n                            <p class=\"price\">\n                                {{ order.payments[0].state | translate | titlecase }}\n                            </p>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        @if(order.tracking){\n                            <a [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 d-flex\">\n                        @if(priceVisibility.canShowPrices()){\n                            <h5 class=\"fw-bold text-nowrap\">\n                                {{ (order.totals.total) | ecCurrencySymbol }}\n                            </h5>\n                        }\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                                                'see-order' | translate }}</button> -->\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\n                    </div>\n                </div>\n            }\n        }@else {\n            <div class=\"w-100 h-50\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <h5>{{ 'no-orders' | translate }}</h5>\n                </div>\n            </div>\n        }\n        }\n    </section>\n    }@else {\n        <div class=\"w-100 h-50 py-5\">\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n" }]
         }] });
 
 class AccountEcComponent {
@@ -11824,11 +11996,10 @@ class OrderEcComponent {
     _cartService = inject(CartService);
     _channelConfigService = inject(ChannelService);
     _activedRoute = inject(ActivatedRoute);
+    priceVisibility = inject(PriceVisibilityService);
     order$ = this._ordersService.selectedOrder$;
     allowRepeatOrders = false;
     loading = false;
-    creditAccountShowPrices = null;
-    hidePrices = false;
     hideDiscounts = false;
     hideTaxes = false;
     channelConfig = this._ordersService.channelConfig;
@@ -11853,13 +12024,9 @@ class OrderEcComponent {
             else {
                 this.allowRepeatOrders = false;
             }
-            this.hidePrices = config?.hidePrices ?? false;
             this.hideDiscounts = config?.hideDiscounts ?? false;
             this.hideTaxes = config?.hideTaxes ?? false;
         });
-        this._cartService.showPrice$.subscribe((showPrice) => {
-            this.creditAccountShowPrices = showPrice;
-        });
     }
     getUrlBase() {
         return this._consts.getUrlBase();
@@ -11877,7 +12044,7 @@ class OrderEcComponent {
     }
     mediaUrl = () => this._constants.mediaUrl();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        @if(order$ | async; as order){\n            <div class=\"wrap\">\n                @if(order){\n\n                    <div class=\"row justify-content-between \">\n                        <div class=\"col-sm-auto col-12 font-brandon\">\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                        </div>\n                        @if(order?.invoice){\n                            <div class=\"col-sm col-12 font-brandon\">\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\n                                    class=\"btn btn-link btn-invoice\">\n                                    <i class=\"fas fa-file-download me-1\"></i>\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                                </a>\n                            </div>\n                        }\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\n                        </a>\n                    </div>\n\n                    <section id=\"orders\">\n                        <div class=\"row pt-2\">\n                            <div class=\"col-md-2 col-12\">\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0]?.method?.name | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].method.name }}\n                                </p>\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                                 @if(order.tracking){\n                                    <a [href]=\"order.tracking\"\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\n                                    Ver seguimiento</a>\n                                 }\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                                </p>\n                            </div>\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                <div class=\"col-md-2 col-12 font-brandon\">\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                                    <h5 class=\"fw-bold\">\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\n\n                                    </h5>\n                                </div>\n                            }\n                        </div>\n                    </section>\n                    @if(!hidePrices && allowRepeatOrders){\n                         <div class=\"text-end mt-3\">\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\n                                {{ 'repeat-order' | translate }}\n                            </button>\n                        </div> \n                    }\n\n                    <div class=\"container py-3 border-top border-bottom\">\n                        @if(order.items.length){\n                            <div  class=\"row\">\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'product' | translate | uppercase }}\n                                </div>\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'description' | translate | uppercase }}\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                                        <!-- {{ 'description' | translate | uppercase }} -->\n                                        {{ 'lots' | translate | uppercase }}\n                                    </div>\n                                }\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                                        {{ 'unit-price' | translate | uppercase }}\n                                    </div>\n                                }\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                                    {{ 'quantity' | translate | uppercase }}\n                                </div>\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                                        {{ 'total' | translate | uppercase }}\n                                    </div>\n                                }\n                            </div>\n                        } @else {\n\n                        }\n                        @for(item of order.items; track $index; let i = $index){\n                            <div class=\"row cart-items\">\n                                <div class=\"col-5 col-md-2 py-2\">\n                                    @if(item.product.variants[0]?.images?.length){\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                    } @else {\n                                        @if(item.product.picturesdefault){\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                        }\n                                    }\n                                </div>\n                                <div\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                    </p>\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                            value=\"{{ 'see' | translate | uppercase }}\">\n                                    </div>\n                                }\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                                    ecCurrencySymbol}}</p>\n                                            </div>\n                                        }\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-center w-100 m-0\">\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\n                                        </p>\n                                    </div>\n                                }\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                </div>\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-end w-100 m-0\">\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                    </div>\n                                }\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                    <div class=\"card card-body\">\n                                        <table class=\"table table-striped\">\n                                            <thead>\n                                                <tr>\n                                                    <th scope=\"col\">#</th>\n                                                    <th scope=\"col\">Estado</th>\n                                                    <th scope=\"col\">Cantidad</th>\n                                                    <th scope=\"col\">Fecha Solicitada</th>\n                                                    <th scope=\"col\">Fecha Estimada</th>\n                                                    <th scope=\"col\">Sede</th>\n                                                    <th scope=\"col\">Nota</th>\n                                                    <th scope=\"col\">Total Lote</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for( lot of item.orderItemLot; track $index){\n                                                    <tr>\n                                                        <th scope=\"row\">{{lot.id}}</th>\n                                                        <td>{{lot.lot_status}}</td>\n                                                        <td>{{lot.quantity}}</td>\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                        @if(lot.date_deliver){\n                                                            <td>{{\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                        } @else {\n                                                            <td>Pendiente</td>\n                                                        }\n                                                        <td>{{lot.shipping_address_name}}</td>\n                                                        <td>{{lot.notes}}</td>\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"container\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\"></div>\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"row py-4\">\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\n                                    </div>\n\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n\n                                    </div>\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                        translate }}</div>\n                                    }\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                    }\n\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-end\">\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\n                                    </div>\n                                </div>\n                            </div>\n                            }\n                        </div>\n                    </div>\n\n                } @else {\n                    <div class=\"w-100 h-50\">\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                            <h5>{{ 'no-orders' | translate }}</h5>\n                        </div>\n                    </div>\n                }\n            </div>\n\n        } @else {\n            <div class=\"w-100 h-50 py-5\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        }\n    </div>\n</main>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        @if(order$ | async; as order){\n            <div class=\"wrap\">\n                @if(order){\n\n                    <div class=\"row justify-content-between \">\n                        <div class=\"col-sm-auto col-12 font-brandon\">\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                        </div>\n                        @if(order?.invoice){\n                            <div class=\"col-sm col-12 font-brandon\">\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\n                                    class=\"btn btn-link btn-invoice\">\n                                    <i class=\"fas fa-file-download me-1\"></i>\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                                </a>\n                            </div>\n                        }\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\n                        </a>\n                    </div>\n\n                    <section id=\"orders\">\n                        <div class=\"row pt-2\">\n                            <div class=\"col-md-2 col-12\">\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0]?.method?.name | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].method.name }}\n                                </p>\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                                 @if(order.tracking){\n                                    <a [href]=\"order.tracking\"\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\n                                    Ver seguimiento</a>\n                                 }\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                                </p>\n                            </div>\n                            @if(priceVisibility.canShowPrices()){\n                                <div class=\"col-md-2 col-12 font-brandon\">\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                                    <h5 class=\"fw-bold\">\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\n\n                                    </h5>\n                                </div>\n                            }\n                        </div>\n                    </section>\n                    @if(!priceVisibility.hidePrices() && allowRepeatOrders){\n                         <div class=\"text-end mt-3\">\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\n                                {{ 'repeat-order' | translate }}\n                            </button>\n                        </div> \n                    }\n\n                    <div class=\"container py-3 border-top border-bottom\">\n                        @if(order.items.length){\n                            <div  class=\"row\">\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'product' | translate | uppercase }}\n                                </div>\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'description' | translate | uppercase }}\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                                        <!-- {{ 'description' | translate | uppercase }} -->\n                                        {{ 'lots' | translate | uppercase }}\n                                    </div>\n                                }\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                                        {{ 'unit-price' | translate | uppercase }}\n                                    </div>\n                                }\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                                    {{ 'quantity' | translate | uppercase }}\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                                        {{ 'total' | translate | uppercase }}\n                                    </div>\n                                }\n                            </div>\n                        } @else {\n\n                        }\n                        @for(item of order.items; track $index; let i = $index){\n                            <div class=\"row cart-items\">\n                                <div class=\"col-5 col-md-2 py-2\">\n                                    @if(item.product.variants[0]?.images?.length){\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                    } @else {\n                                        @if(item.product.picturesdefault){\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                        }\n                                    }\n                                </div>\n                                <div\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                    </p>\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                            value=\"{{ 'see' | translate | uppercase }}\">\n                                    </div>\n                                }\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                                    ecCurrencySymbol}}</p>\n                                            </div>\n                                        }\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-center w-100 m-0\">\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\n                                        </p>\n                                    </div>\n                                }\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-end w-100 m-0\">\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                    </div>\n                                }\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                    <div class=\"card card-body\">\n                                        <table class=\"table table-striped\">\n                                            <thead>\n                                                <tr>\n                                                    <th scope=\"col\">#</th>\n                                                    <th scope=\"col\">Estado</th>\n                                                    <th scope=\"col\">Cantidad</th>\n                                                    <th scope=\"col\">Fecha Solicitada</th>\n                                                    <th scope=\"col\">Fecha Estimada</th>\n                                                    <th scope=\"col\">Sede</th>\n                                                    <th scope=\"col\">Nota</th>\n                                                    <th scope=\"col\">Total Lote</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for( lot of item.orderItemLot; track $index){\n                                                    <tr>\n                                                        <th scope=\"row\">{{lot.id}}</th>\n                                                        <td>{{lot.lot_status}}</td>\n                                                        <td>{{lot.quantity}}</td>\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                        @if(lot.date_deliver){\n                                                            <td>{{\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                        } @else {\n                                                            <td>Pendiente</td>\n                                                        }\n                                                        <td>{{lot.shipping_address_name}}</td>\n                                                        <td>{{lot.notes}}</td>\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"container\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\"></div>\n                            @if(priceVisibility.canShowPrices()){\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"row py-4\">\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\n                                    </div>\n\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n\n                                    </div>\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                        translate }}</div>\n                                    }\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                    }\n\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-end\">\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\n                                    </div>\n                                </div>\n                            </div>\n                            }\n                        </div>\n                    </div>\n\n                } @else {\n                    <div class=\"w-100 h-50\">\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                            <h5>{{ 'no-orders' | translate }}</h5>\n                        </div>\n                    </div>\n                }\n            </div>\n\n        } @else {\n            <div class=\"w-100 h-50 py-5\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        }\n    </div>\n</main>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrderEcComponent, decorators: [{
             type: Component,
@@ -11887,7 +12054,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AsyncPipe,
                         TitleCasePipe,
                         UpperCasePipe
-                    ], template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        @if(order$ | async; as order){\n            <div class=\"wrap\">\n                @if(order){\n\n                    <div class=\"row justify-content-between \">\n                        <div class=\"col-sm-auto col-12 font-brandon\">\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                        </div>\n                        @if(order?.invoice){\n                            <div class=\"col-sm col-12 font-brandon\">\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\n                                    class=\"btn btn-link btn-invoice\">\n                                    <i class=\"fas fa-file-download me-1\"></i>\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                                </a>\n                            </div>\n                        }\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\n                        </a>\n                    </div>\n\n                    <section id=\"orders\">\n                        <div class=\"row pt-2\">\n                            <div class=\"col-md-2 col-12\">\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0]?.method?.name | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].method.name }}\n                                </p>\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                                 @if(order.tracking){\n                                    <a [href]=\"order.tracking\"\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\n                                    Ver seguimiento</a>\n                                 }\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                                </p>\n                            </div>\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                <div class=\"col-md-2 col-12 font-brandon\">\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                                    <h5 class=\"fw-bold\">\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\n\n                                    </h5>\n                                </div>\n                            }\n                        </div>\n                    </section>\n                    @if(!hidePrices && allowRepeatOrders){\n                         <div class=\"text-end mt-3\">\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\n                                {{ 'repeat-order' | translate }}\n                            </button>\n                        </div> \n                    }\n\n                    <div class=\"container py-3 border-top border-bottom\">\n                        @if(order.items.length){\n                            <div  class=\"row\">\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'product' | translate | uppercase }}\n                                </div>\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'description' | translate | uppercase }}\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                                        <!-- {{ 'description' | translate | uppercase }} -->\n                                        {{ 'lots' | translate | uppercase }}\n                                    </div>\n                                }\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                                        {{ 'unit-price' | translate | uppercase }}\n                                    </div>\n                                }\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                                    {{ 'quantity' | translate | uppercase }}\n                                </div>\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                                        {{ 'total' | translate | uppercase }}\n                                    </div>\n                                }\n                            </div>\n                        } @else {\n\n                        }\n                        @for(item of order.items; track $index; let i = $index){\n                            <div class=\"row cart-items\">\n                                <div class=\"col-5 col-md-2 py-2\">\n                                    @if(item.product.variants[0]?.images?.length){\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                    } @else {\n                                        @if(item.product.picturesdefault){\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                        }\n                                    }\n                                </div>\n                                <div\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                    </p>\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                            value=\"{{ 'see' | translate | uppercase }}\">\n                                    </div>\n                                }\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                                    ecCurrencySymbol}}</p>\n                                            </div>\n                                        }\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-center w-100 m-0\">\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\n                                        </p>\n                                    </div>\n                                }\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                </div>\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-end w-100 m-0\">\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                    </div>\n                                }\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                    <div class=\"card card-body\">\n                                        <table class=\"table table-striped\">\n                                            <thead>\n                                                <tr>\n                                                    <th scope=\"col\">#</th>\n                                                    <th scope=\"col\">Estado</th>\n                                                    <th scope=\"col\">Cantidad</th>\n                                                    <th scope=\"col\">Fecha Solicitada</th>\n                                                    <th scope=\"col\">Fecha Estimada</th>\n                                                    <th scope=\"col\">Sede</th>\n                                                    <th scope=\"col\">Nota</th>\n                                                    <th scope=\"col\">Total Lote</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for( lot of item.orderItemLot; track $index){\n                                                    <tr>\n                                                        <th scope=\"row\">{{lot.id}}</th>\n                                                        <td>{{lot.lot_status}}</td>\n                                                        <td>{{lot.quantity}}</td>\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                        @if(lot.date_deliver){\n                                                            <td>{{\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                        } @else {\n                                                            <td>Pendiente</td>\n                                                        }\n                                                        <td>{{lot.shipping_address_name}}</td>\n                                                        <td>{{lot.notes}}</td>\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"container\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\"></div>\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"row py-4\">\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\n                                    </div>\n\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n\n                                    </div>\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                        translate }}</div>\n                                    }\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                    }\n\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-end\">\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\n                                    </div>\n                                </div>\n                            </div>\n                            }\n                        </div>\n                    </div>\n\n                } @else {\n                    <div class=\"w-100 h-50\">\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                            <h5>{{ 'no-orders' | translate }}</h5>\n                        </div>\n                    </div>\n                }\n            </div>\n\n        } @else {\n            <div class=\"w-100 h-50 py-5\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        }\n    </div>\n</main>" }]
+                    ], template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        @if(order$ | async; as order){\n            <div class=\"wrap\">\n                @if(order){\n\n                    <div class=\"row justify-content-between \">\n                        <div class=\"col-sm-auto col-12 font-brandon\">\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                        </div>\n                        @if(order?.invoice){\n                            <div class=\"col-sm col-12 font-brandon\">\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\n                                    class=\"btn btn-link btn-invoice\">\n                                    <i class=\"fas fa-file-download me-1\"></i>\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                                </a>\n                            </div>\n                        }\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\n                        </a>\n                    </div>\n\n                    <section id=\"orders\">\n                        <div class=\"row pt-2\">\n                            <div class=\"col-md-2 col-12\">\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0]?.method?.name | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].method.name }}\n                                </p>\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                                 @if(order.tracking){\n                                    <a [href]=\"order.tracking\"\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\n                                    Ver seguimiento</a>\n                                 }\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                                </p>\n                            </div>\n                            @if(priceVisibility.canShowPrices()){\n                                <div class=\"col-md-2 col-12 font-brandon\">\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                                    <h5 class=\"fw-bold\">\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\n\n                                    </h5>\n                                </div>\n                            }\n                        </div>\n                    </section>\n                    @if(!priceVisibility.hidePrices() && allowRepeatOrders){\n                         <div class=\"text-end mt-3\">\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\n                                {{ 'repeat-order' | translate }}\n                            </button>\n                        </div> \n                    }\n\n                    <div class=\"container py-3 border-top border-bottom\">\n                        @if(order.items.length){\n                            <div  class=\"row\">\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'product' | translate | uppercase }}\n                                </div>\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'description' | translate | uppercase }}\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                                        <!-- {{ 'description' | translate | uppercase }} -->\n                                        {{ 'lots' | translate | uppercase }}\n                                    </div>\n                                }\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                                        {{ 'unit-price' | translate | uppercase }}\n                                    </div>\n                                }\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                                    {{ 'quantity' | translate | uppercase }}\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                                        {{ 'total' | translate | uppercase }}\n                                    </div>\n                                }\n                            </div>\n                        } @else {\n\n                        }\n                        @for(item of order.items; track $index; let i = $index){\n                            <div class=\"row cart-items\">\n                                <div class=\"col-5 col-md-2 py-2\">\n                                    @if(item.product.variants[0]?.images?.length){\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                    } @else {\n                                        @if(item.product.picturesdefault){\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                        }\n                                    }\n                                </div>\n                                <div\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                    </p>\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                            value=\"{{ 'see' | translate | uppercase }}\">\n                                    </div>\n                                }\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                                    ecCurrencySymbol}}</p>\n                                            </div>\n                                        }\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-center w-100 m-0\">\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\n                                        </p>\n                                    </div>\n                                }\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-end w-100 m-0\">\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                    </div>\n                                }\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                    <div class=\"card card-body\">\n                                        <table class=\"table table-striped\">\n                                            <thead>\n                                                <tr>\n                                                    <th scope=\"col\">#</th>\n                                                    <th scope=\"col\">Estado</th>\n                                                    <th scope=\"col\">Cantidad</th>\n                                                    <th scope=\"col\">Fecha Solicitada</th>\n                                                    <th scope=\"col\">Fecha Estimada</th>\n                                                    <th scope=\"col\">Sede</th>\n                                                    <th scope=\"col\">Nota</th>\n                                                    <th scope=\"col\">Total Lote</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for( lot of item.orderItemLot; track $index){\n                                                    <tr>\n                                                        <th scope=\"row\">{{lot.id}}</th>\n                                                        <td>{{lot.lot_status}}</td>\n                                                        <td>{{lot.quantity}}</td>\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                        @if(lot.date_deliver){\n                                                            <td>{{\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                        } @else {\n                                                            <td>Pendiente</td>\n                                                        }\n                                                        <td>{{lot.shipping_address_name}}</td>\n                                                        <td>{{lot.notes}}</td>\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"container\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\"></div>\n                            @if(priceVisibility.canShowPrices()){\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"row py-4\">\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\n                                    </div>\n\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n\n                                    </div>\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                        translate }}</div>\n                                    }\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                    }\n\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-end\">\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\n                                    </div>\n                                </div>\n                            </div>\n                            }\n                        </div>\n                    </div>\n\n                } @else {\n                    <div class=\"w-100 h-50\">\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                            <h5>{{ 'no-orders' | translate }}</h5>\n                        </div>\n                    </div>\n                }\n            </div>\n\n        } @else {\n            <div class=\"w-100 h-50 py-5\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        }\n    </div>\n</main>\n" }]
         }] });
 
 class SidebarEcComponent {
@@ -11897,13 +12064,13 @@ class SidebarEcComponent {
     _router = inject(Router);
     _toastrService = inject(ToastService);
     _channelService = inject(ChannelService);
+    priceVisibility = inject(PriceVisibilityService);
     user = null;
     mediaUrl = this._consts.mediaUrl();
     promotions = [];
     variantsToShow = ['TALLE', 'COLOR'];
     hideDiscounts = false;
     hideTaxes = false;
-    creditAccountShowPrices = null;
     cartItems$ = this._cartService.cartItems$;
     subTotalAmount$ = this._cartService.getSubTotalAmount();
     totalPromotionAmount$ = this._cartService.getTotalPromotionAmount();
@@ -11918,9 +12085,6 @@ class SidebarEcComponent {
             this.hideDiscounts = channel?.hideDiscounts ?? false;
             this.hideTaxes = channel?.hideTaxes ?? false;
         });
-        this._cartService.showPrice$.subscribe((showPrice) => {
-            this.creditAccountShowPrices = showPrice;
-        });
     }
     actualizarCantidad(_t13, arg1, arg2, arg3, arg4) {
         throw new Error('Method not implemented.');
@@ -11938,11 +12102,11 @@ class SidebarEcComponent {
         throw new Error('Method not implemented.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarEcComponent, isStandalone: true, selector: "app-sidebar-ec", ngImport: i0, template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\n    <h2 class=\"row text-center\">Mi pedido</h2>\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n\n\n@if(cartItems$ | async; as items){\n    @if(items.length > 0){\n    <!-- PRODUCTO -->\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\n        @for(item of items; track $index; let i = $index){\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\n        </div>\n        }\n    </div>\n    <div class=\"d-flex mx-4 justify-content-between mt-2 \">\n        <p class=\"fw-bold\">Subtotal</p>\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\n    </div>\n    <div class=\"mx-4 bordeBot py-2\">\n        <app-coupon-ec></app-coupon-ec>\n    </div>\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\n        <p class=\"fw-bold\">Descuentos:</p>\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\n    </div>\n\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\n        <!--  @if(this._cartService.cart.source.value.couponCode){\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\n            } -->\n    </div>\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\n        <p class=\"fw-bold h5\">TOTAL</p>\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\n    </div>\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\n    </div>\n\n\n    } @else {\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\n                    encuentra vac\u00EDo \u00B7 </h5>\n            </div>\n        </div>\n    </div>\n    }\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CouponEcComponent, selector: "app-coupon-ec" }, { kind: "component", type: CartItemEcComponent, selector: "app-cart-item-ec", inputs: ["item", "inSidebar"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarEcComponent, isStandalone: true, selector: "app-sidebar-ec", ngImport: i0, template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\n    <h2 class=\"row text-center\">Mi pedido</h2>\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n\n\n@if(cartItems$ | async; as items){\n    @if(items.length > 0){\n    <!-- PRODUCTO -->\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\n        @for(item of items; track $index; let i = $index){\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\n        </div>\n        }\n    </div>\n    @if (priceVisibility.canShowPrices()) {\n        <div class=\"d-flex mx-4 justify-content-between mt-2 \">\n            <p class=\"fw-bold\">Subtotal</p>\n            <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n        <div class=\"mx-4 bordeBot py-2\">\n            <app-coupon-ec></app-coupon-ec>\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\n            <p class=\"fw-bold\">Descuentos:</p>\n            <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\n        </div>\n\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\n            <!--  @if(this._cartService.cart.source.value.couponCode){\n                    <a class=\"quitar-cupon text-dark\" role=\"button\"\n                    (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\n                } -->\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\n            <p class=\"fw-bold h5\">TOTAL</p>\n         <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n    }\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\n    </div>\n\n\n    } @else {\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\n                    encuentra vac\u00EDo \u00B7 </h5>\n            </div>\n        </div>\n    </div>\n    }\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CouponEcComponent, selector: "app-coupon-ec" }, { kind: "component", type: CartItemEcComponent, selector: "app-cart-item-ec", inputs: ["item", "inSidebar"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar-ec', standalone: true, imports: [RouterLink, AsyncPipe, CouponEcComponent, CartItemEcComponent, EcCurrencySymbolPipe, CouponEcComponent], template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\n    <h2 class=\"row text-center\">Mi pedido</h2>\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n\n\n@if(cartItems$ | async; as items){\n    @if(items.length > 0){\n    <!-- PRODUCTO -->\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\n        @for(item of items; track $index; let i = $index){\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\n        </div>\n        }\n    </div>\n    <div class=\"d-flex mx-4 justify-content-between mt-2 \">\n        <p class=\"fw-bold\">Subtotal</p>\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\n    </div>\n    <div class=\"mx-4 bordeBot py-2\">\n        <app-coupon-ec></app-coupon-ec>\n    </div>\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\n        <p class=\"fw-bold\">Descuentos:</p>\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\n    </div>\n\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\n        <!--  @if(this._cartService.cart.source.value.couponCode){\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\n            } -->\n    </div>\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\n        <p class=\"fw-bold h5\">TOTAL</p>\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\n    </div>\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\n    </div>\n\n\n    } @else {\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\n                    encuentra vac\u00EDo \u00B7 </h5>\n            </div>\n        </div>\n    </div>\n    }\n}" }]
+            args: [{ selector: 'app-sidebar-ec', standalone: true, imports: [RouterLink, AsyncPipe, CouponEcComponent, CartItemEcComponent, EcCurrencySymbolPipe, CouponEcComponent], template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\n    <h2 class=\"row text-center\">Mi pedido</h2>\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n\n\n@if(cartItems$ | async; as items){\n    @if(items.length > 0){\n    <!-- PRODUCTO -->\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\n        @for(item of items; track $index; let i = $index){\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\n        </div>\n        }\n    </div>\n    @if (priceVisibility.canShowPrices()) {\n        <div class=\"d-flex mx-4 justify-content-between mt-2 \">\n            <p class=\"fw-bold\">Subtotal</p>\n            <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n        <div class=\"mx-4 bordeBot py-2\">\n            <app-coupon-ec></app-coupon-ec>\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\n            <p class=\"fw-bold\">Descuentos:</p>\n            <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\n        </div>\n\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\n            <!--  @if(this._cartService.cart.source.value.couponCode){\n                    <a class=\"quitar-cupon text-dark\" role=\"button\"\n                    (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\n                } -->\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\n            <p class=\"fw-bold h5\">TOTAL</p>\n         <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n    }\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\n    </div>\n\n\n    } @else {\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\n                    encuentra vac\u00EDo \u00B7 </h5>\n            </div>\n        </div>\n    </div>\n    }\n}" }]
         }] });
 
 class RelatedProductsEcComponent extends BlockEcComponent {
@@ -13032,6 +13196,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class CreditAccountBannerEcComponent {
+    cartService = inject(CartService);
+    authService = inject(AuthService);
+    layout = 'inline';
+    title;
+    subtitle;
+    availableLabel;
+    limitLabel;
+    titleKey = 'credit-account-banner.title';
+    subtitleKey = 'credit-account-banner.subtitle';
+    availableLabelKey = 'credit-account-banner.available';
+    limitLabelKey = 'credit-account-banner.limit';
+    requireLogged = false;
+    balance = toSignal(this.cartService.balanceCustomer$, { initialValue: null });
+    loggedIn = toSignal(this.authService.loggedIn$, { initialValue: this.authService.isAuthenticated() });
+    showMax = computed(() => !!this.balance()?.showMax);
+    canShowAmounts = computed(() => !!this.balance()?.showPrice);
+    remainingCredits = computed(() => this.balance()?.remainingCredits ?? 0);
+    creditAmount = computed(() => this.balance()?.creditAmount ?? 0);
+    progress = computed(() => {
+        const credit = this.creditAmount();
+        const remaining = this.remainingCredits();
+        if (!credit)
+            return 0;
+        const percentage = (remaining / credit) * 100;
+        return Math.max(0, Math.min(100, percentage));
+    });
+    barColor = computed(() => {
+        const credit = this.creditAmount();
+        const remaining = this.remainingCredits();
+        if (!credit)
+            return '#6c757d';
+        const ratio = remaining / credit;
+        if (ratio >= 0.66)
+            return '#198754';
+        if (ratio >= 0.33)
+            return '#ffc107';
+        return '#dc3545';
+    });
+    shouldRender() {
+        return this.showMax() && (!this.requireLogged || this.loggedIn());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreditAccountBannerEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CreditAccountBannerEcComponent, isStandalone: true, selector: "app-credit-account-banner-ec", inputs: { layout: "layout", title: "title", subtitle: "subtitle", availableLabel: "availableLabel", limitLabel: "limitLabel", titleKey: "titleKey", subtitleKey: "subtitleKey", availableLabelKey: "availableLabelKey", limitLabelKey: "limitLabelKey", requireLogged: "requireLogged" }, ngImport: i0, template: "@if (shouldRender()) {\n\t<div class=\"credits-banner\" [class.credits-inline]=\"layout === 'inline'\" [class.credits-mobile]=\"layout === 'mobile'\">\n\t\t<div class=\"d-flex align-items-center gap-2\">\n\t\t\t<div class=\"credits-icon d-flex align-items-center justify-content-center\">\n\t\t\t\t<span class=\"credits-icon-text\">$</span>\n\t\t\t</div>\n\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t@if (layout === 'mobile') {\n\t\t\t\t\t<span class=\"credits-label text-uppercase mb-1\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t\t<span class=\"credits-title\">{{ subtitle || (subtitleKey | translate) }}</span>\n\t\t\t\t} @else {\n\t\t\t\t\t<span class=\"credits-title\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"credits-content flex-grow-1\">\n\t\t\t@if (canShowAmounts()) {\n\t\t\t\t<div class=\"d-flex justify-content-between align-items-center flex-wrap gap-2 credits-summary\" [class.credits-mobile-values]=\"layout === 'mobile'\">\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-mobile-value]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ availableLabel || (availableLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ remainingCredits() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-pill-light]=\"layout === 'inline'\" [class.credits-mobile-value]=\"layout === 'mobile'\" [class.text-end]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ limitLabel || (limitLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ creditAmount() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t<div class=\"credits-progress mt-1\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"credits-progress-fill\"\n\t\t\t\t\t[ngStyle]=\"{ width: progress() + '%', background: barColor() }\"\n\t\t\t\t\t[attr.aria-valuenow]=\"remainingCredits()\"\n\t\t\t\t\t[attr.aria-valuemin]=\"0\"\n\t\t\t\t\t[attr.aria-valuemax]=\"creditAmount()\"\n\t\t\t\t></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n}\n", styles: [":host{--ec-credits-bg: linear-gradient(120deg, #0c1536 0%, #1b3080 100%);--ec-credits-radius: 14px;--ec-credits-padding: 10px 12px;--ec-credits-color: #fff;--ec-credits-shadow: 0 8px 22px rgba(12, 21, 54, .18);--ec-credits-border: 1px solid rgba(255, 255, 255, .08);--ec-credits-icon-bg: rgba(255, 255, 255, .08);--ec-credits-icon-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);--ec-credits-pill-bg: rgba(255, 255, 255, .08);--ec-credits-pill-border: 1px solid rgba(255, 255, 255, .12);--ec-credits-pill-light-bg: rgba(255, 255, 255, .04);--ec-credits-pill-light-color: #d7def8;--ec-credits-progress-bg: rgba(255, 255, 255, .14);--ec-credits-progress-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06)}.credits-banner{background:var(--ec-credits-bg);border-radius:var(--ec-credits-radius);padding:var(--ec-credits-padding);color:var(--ec-credits-color);box-shadow:var(--ec-credits-shadow);border:var(--ec-credits-border);display:flex;align-items:center;gap:12px}.credits-icon{width:44px;height:44px;border-radius:12px;background:var(--ec-credits-icon-bg);box-shadow:var(--ec-credits-icon-shadow);flex:0 0 auto}.credits-icon-text{color:#fff;font-weight:800;font-size:20px;letter-spacing:.04em}.credits-label{color:#ffffffb8;font-size:11px;letter-spacing:.08em}.credits-title{color:#fff;font-weight:700;line-height:1.1;font-size:16px}.credits-content .credits-pill{background:var(--ec-credits-pill-bg);color:var(--ec-credits-color);border:var(--ec-credits-pill-border);border-radius:12px;padding:6px 12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.credits-content .credits-pill-light{background:var(--ec-credits-pill-light-bg);color:var(--ec-credits-pill-light-color)}.credits-progress{background:var(--ec-credits-progress-bg);border-radius:999px;height:12px;overflow:hidden;box-shadow:var(--ec-credits-progress-shadow)}.credits-progress-fill{height:100%;border-radius:inherit;transition:width .35s ease}.credits-footnote{color:#ffffffc7}.credits-footnote small{color:inherit;opacity:.9;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background-color:#198754}.dot-amber{background-color:#ffc107}.dot-red{background-color:#dc3545}@media (max-width: 768px){.credits-banner{padding:12px}.credits-footnote{gap:8px}}.credits-inline{min-width:280px;max-width:400px;height:68px;flex:0 0 auto;padding:8px 12px;overflow:hidden}.credits-inline .credits-icon{width:36px;height:36px;border-radius:10px}.credits-inline .credits-title{font-size:14px}.credits-inline .credits-label{font-size:10px}.credits-inline .credits-pill{padding:4px 10px}.credits-inline .credits-progress{height:8px}.credits-summary{flex-wrap:nowrap!important;gap:8px!important}.credits-mobile{width:100%;padding:12px;flex-direction:column;align-items:stretch}.credits-mobile .credits-progress{height:8px}.credits-mobile .credits-pill{padding:4px 10px}.credits-mobile-values{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.credits-mobile-value small{color:#ffffffb3;letter-spacing:.08em}.credits-mobile-value span{display:block;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreditAccountBannerEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-credit-account-banner-ec', standalone: true, imports: [CommonModule, TranslateModule], template: "@if (shouldRender()) {\n\t<div class=\"credits-banner\" [class.credits-inline]=\"layout === 'inline'\" [class.credits-mobile]=\"layout === 'mobile'\">\n\t\t<div class=\"d-flex align-items-center gap-2\">\n\t\t\t<div class=\"credits-icon d-flex align-items-center justify-content-center\">\n\t\t\t\t<span class=\"credits-icon-text\">$</span>\n\t\t\t</div>\n\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t@if (layout === 'mobile') {\n\t\t\t\t\t<span class=\"credits-label text-uppercase mb-1\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t\t<span class=\"credits-title\">{{ subtitle || (subtitleKey | translate) }}</span>\n\t\t\t\t} @else {\n\t\t\t\t\t<span class=\"credits-title\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"credits-content flex-grow-1\">\n\t\t\t@if (canShowAmounts()) {\n\t\t\t\t<div class=\"d-flex justify-content-between align-items-center flex-wrap gap-2 credits-summary\" [class.credits-mobile-values]=\"layout === 'mobile'\">\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-mobile-value]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ availableLabel || (availableLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ remainingCredits() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-pill-light]=\"layout === 'inline'\" [class.credits-mobile-value]=\"layout === 'mobile'\" [class.text-end]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ limitLabel || (limitLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ creditAmount() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t<div class=\"credits-progress mt-1\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"credits-progress-fill\"\n\t\t\t\t\t[ngStyle]=\"{ width: progress() + '%', background: barColor() }\"\n\t\t\t\t\t[attr.aria-valuenow]=\"remainingCredits()\"\n\t\t\t\t\t[attr.aria-valuemin]=\"0\"\n\t\t\t\t\t[attr.aria-valuemax]=\"creditAmount()\"\n\t\t\t\t></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n}\n", styles: [":host{--ec-credits-bg: linear-gradient(120deg, #0c1536 0%, #1b3080 100%);--ec-credits-radius: 14px;--ec-credits-padding: 10px 12px;--ec-credits-color: #fff;--ec-credits-shadow: 0 8px 22px rgba(12, 21, 54, .18);--ec-credits-border: 1px solid rgba(255, 255, 255, .08);--ec-credits-icon-bg: rgba(255, 255, 255, .08);--ec-credits-icon-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);--ec-credits-pill-bg: rgba(255, 255, 255, .08);--ec-credits-pill-border: 1px solid rgba(255, 255, 255, .12);--ec-credits-pill-light-bg: rgba(255, 255, 255, .04);--ec-credits-pill-light-color: #d7def8;--ec-credits-progress-bg: rgba(255, 255, 255, .14);--ec-credits-progress-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06)}.credits-banner{background:var(--ec-credits-bg);border-radius:var(--ec-credits-radius);padding:var(--ec-credits-padding);color:var(--ec-credits-color);box-shadow:var(--ec-credits-shadow);border:var(--ec-credits-border);display:flex;align-items:center;gap:12px}.credits-icon{width:44px;height:44px;border-radius:12px;background:var(--ec-credits-icon-bg);box-shadow:var(--ec-credits-icon-shadow);flex:0 0 auto}.credits-icon-text{color:#fff;font-weight:800;font-size:20px;letter-spacing:.04em}.credits-label{color:#ffffffb8;font-size:11px;letter-spacing:.08em}.credits-title{color:#fff;font-weight:700;line-height:1.1;font-size:16px}.credits-content .credits-pill{background:var(--ec-credits-pill-bg);color:var(--ec-credits-color);border:var(--ec-credits-pill-border);border-radius:12px;padding:6px 12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.credits-content .credits-pill-light{background:var(--ec-credits-pill-light-bg);color:var(--ec-credits-pill-light-color)}.credits-progress{background:var(--ec-credits-progress-bg);border-radius:999px;height:12px;overflow:hidden;box-shadow:var(--ec-credits-progress-shadow)}.credits-progress-fill{height:100%;border-radius:inherit;transition:width .35s ease}.credits-footnote{color:#ffffffc7}.credits-footnote small{color:inherit;opacity:.9;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background-color:#198754}.dot-amber{background-color:#ffc107}.dot-red{background-color:#dc3545}@media (max-width: 768px){.credits-banner{padding:12px}.credits-footnote{gap:8px}}.credits-inline{min-width:280px;max-width:400px;height:68px;flex:0 0 auto;padding:8px 12px;overflow:hidden}.credits-inline .credits-icon{width:36px;height:36px;border-radius:10px}.credits-inline .credits-title{font-size:14px}.credits-inline .credits-label{font-size:10px}.credits-inline .credits-pill{padding:4px 10px}.credits-inline .credits-progress{height:8px}.credits-summary{flex-wrap:nowrap!important;gap:8px!important}.credits-mobile{width:100%;padding:12px;flex-direction:column;align-items:stretch}.credits-mobile .credits-progress{height:8px}.credits-mobile .credits-pill{padding:4px 10px}.credits-mobile-values{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.credits-mobile-value small{color:#ffffffb3;letter-spacing:.08em}.credits-mobile-value span{display:block;color:#fff}\n"] }]
+        }], propDecorators: { layout: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], availableLabel: [{
+                type: Input
+            }], limitLabel: [{
+                type: Input
+            }], titleKey: [{
+                type: Input
+            }], subtitleKey: [{
+                type: Input
+            }], availableLabelKey: [{
+                type: Input
+            }], limitLabelKey: [{
+                type: Input
+            }], requireLogged: [{
+                type: Input
+            }] } });
+
 //Types
 
 /**
@@ -13319,5 +13553,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BaseApiService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, RuntimeConfigService, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, initializeRuntimeConfig, provideEnvironment, provideRuntimeConfig, runtimeConfigInterceptor };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BaseApiService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CreditAccountBannerEcComponent, 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, PriceVisibilityService, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, RuntimeConfigService, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, initializeRuntimeConfig, provideEnvironment, provideRuntimeConfig, runtimeConfigInterceptor };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map