ng-easycommerce-v18 0.2.12 → 0.2.14

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, EventEmitter, Output, forwardRef, afterRender, ViewChild, Injector, computed, Renderer2, ChangeDetectionStrategy, Directive, Inject } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, computed, Renderer2, ChangeDetectionStrategy, Directive, Inject } from '@angular/core';
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
 import { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
@@ -5874,6 +5874,20 @@ class HeaderEcComponent extends MenuEcComponent {
     transparent = false;
     isHome = false; // Nueva variable para verificar si estamos en /home
     isScrolled = false;
+    showPricesOnlyToLoggedUsers = false;
+    hidePrices = false;
+    __authService = inject(AuthService);
+    _channelService = inject(ChannelService);
+    isAuthenticated$ = this.__authService.isAuthenticated();
+    constructor() {
+        super();
+        this._channelService.channel$.subscribe(cfg => {
+            console.log('Channel configuration:', cfg);
+            this.showPricesOnlyToLoggedUsers = !!cfg.showPricesOnlyToLoggedUsers;
+            this.hidePrices = !!cfg.hidePrices;
+            console.log('hidePrices:', this.hidePrices);
+        });
+    }
     coreConstantsService = inject(CoreConstantsService);
     router = inject(Router);
     cdr = inject(ChangeDetectorRef); // Inyectamos ChangeDetectorRef para forzar la actualización
@@ -6017,13 +6031,13 @@ class HeaderEcComponent extends MenuEcComponent {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    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>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderEcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-header-ec', standalone: true, imports: [CommonModule, TitleCasePipe, AsyncPipe, JsonPipe, RouterLink, RouterLinkActive], template: "<p>header-ec works!</p>\r\n" }]
-        }], propDecorators: { onWindowScroll: [{
+        }], ctorParameters: () => [], propDecorators: { onWindowScroll: [{
                 type: HostListener,
                 args: ['window:scroll', []]
             }] } });
@@ -6515,11 +6529,13 @@ class PriceEcComponent {
     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();
     }
@@ -6540,11 +6556,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 (!showPricesOnlyToLoggedUsers || logged) {\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div class=\"price\">\r\n        <!-- Con precio de oferta -->\r\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\r\n\r\n            <!-- Precio original como rango o tachado simple -->\r\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\r\n                <del class=\"\">\r\n                    {{\r\n                    price!.split(' - ')[0] | ecCurrencySymbol\r\n                    }}\r\n                    {{\r\n                    price!.split(' - ')[1] | ecCurrencySymbol\r\n                    }}\r\n                </del>\r\n            </div>\r\n\r\n            <!-- Oferta como rango o simple -->\r\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\r\n                {{\r\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\r\n                }}\r\n                {{\r\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </div>\r\n\r\n        <!-- S\u00F3lo precio sin oferta -->\r\n        <ng-template #onlyPriceBlock>\r\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\r\n                {{\r\n                price!.split(' - ')[0] | ecCurrencySymbol\r\n                }} -\r\n                {{\r\n                price!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price -->\r\n        <ng-template #simplePrice>\r\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimplePrice>\r\n            <del>&nbsp;</del>\r\n            <div class=\"price-simplePrice\">\r\n                {{ price | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price-del -->\r\n        <ng-template #simplePriceDel>\r\n            <div class=\"price-simpleDel\">\r\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple saleprice -->\r\n        <ng-template #simpleSalePrice>\r\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimpleSalePrice>\r\n            <div class=\"price-simpleSaleprice\">\r\n                {{ saleprice | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <!-- S\u00F3lo leyenda -->\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabel>\r\n            <p class=\"taxes-title\">\r\n                {{ 'price-without-national-taxes' | translate }}:\r\n                {{ basePrice! | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <!-- Detalle impuestos -->\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">\r\n            {{ 'price-without-national-taxes' | translate }}:\r\n            {{ basePrice! | ecCurrencySymbol }}\r\n        </p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>\r\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: 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){\r\n@if (!showPricesOnlyToLoggedUsers || logged) {\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div class=\"price\">\r\n        <!-- Con precio de oferta -->\r\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\r\n\r\n            <!-- Precio original como rango o tachado simple -->\r\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\r\n                <del class=\"\">\r\n                    {{\r\n                    price!.split(' - ')[0] | ecCurrencySymbol\r\n                    }}\r\n                    {{\r\n                    price!.split(' - ')[1] | ecCurrencySymbol\r\n                    }}\r\n                </del>\r\n            </div>\r\n\r\n            <!-- Oferta como rango o simple -->\r\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\r\n                {{\r\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\r\n                }}\r\n                {{\r\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </div>\r\n\r\n        <!-- S\u00F3lo precio sin oferta -->\r\n        <ng-template #onlyPriceBlock>\r\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\r\n                {{\r\n                price!.split(' - ')[0] | ecCurrencySymbol\r\n                }} -\r\n                {{\r\n                price!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price -->\r\n        <ng-template #simplePrice>\r\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimplePrice>\r\n            <del>&nbsp;</del>\r\n            <div class=\"price-simplePrice\">\r\n                {{ price | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price-del -->\r\n        <ng-template #simplePriceDel>\r\n            <div class=\"price-simpleDel\">\r\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple saleprice -->\r\n        <ng-template #simpleSalePrice>\r\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimpleSalePrice>\r\n            <div class=\"price-simpleSaleprice\">\r\n                {{ saleprice | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <!-- S\u00F3lo leyenda -->\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabel>\r\n            <p class=\"taxes-title\">\r\n                {{ 'price-without-national-taxes' | translate }}:\r\n                {{ basePrice! | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <!-- Detalle impuestos -->\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">\r\n            {{ 'price-without-national-taxes' | translate }}:\r\n            {{ basePrice! | ecCurrencySymbol }}\r\n        </p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>\r\n}\r\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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 (!showPricesOnlyToLoggedUsers || logged) {\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div class=\"price\">\r\n        <!-- Con precio de oferta -->\r\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\r\n\r\n            <!-- Precio original como rango o tachado simple -->\r\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\r\n                <del class=\"\">\r\n                    {{\r\n                    price!.split(' - ')[0] | ecCurrencySymbol\r\n                    }}\r\n                    {{\r\n                    price!.split(' - ')[1] | ecCurrencySymbol\r\n                    }}\r\n                </del>\r\n            </div>\r\n\r\n            <!-- Oferta como rango o simple -->\r\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\r\n                {{\r\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\r\n                }}\r\n                {{\r\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </div>\r\n\r\n        <!-- S\u00F3lo precio sin oferta -->\r\n        <ng-template #onlyPriceBlock>\r\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\r\n                {{\r\n                price!.split(' - ')[0] | ecCurrencySymbol\r\n                }} -\r\n                {{\r\n                price!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price -->\r\n        <ng-template #simplePrice>\r\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimplePrice>\r\n            <del>&nbsp;</del>\r\n            <div class=\"price-simplePrice\">\r\n                {{ price | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price-del -->\r\n        <ng-template #simplePriceDel>\r\n            <div class=\"price-simpleDel\">\r\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple saleprice -->\r\n        <ng-template #simpleSalePrice>\r\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimpleSalePrice>\r\n            <div class=\"price-simpleSaleprice\">\r\n                {{ saleprice | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <!-- S\u00F3lo leyenda -->\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabel>\r\n            <p class=\"taxes-title\">\r\n                {{ 'price-without-national-taxes' | translate }}:\r\n                {{ basePrice! | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <!-- Detalle impuestos -->\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">\r\n            {{ 'price-without-national-taxes' | translate }}:\r\n            {{ basePrice! | ecCurrencySymbol }}\r\n        </p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>\r\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(!hidePrices){\r\n@if (!showPricesOnlyToLoggedUsers || logged) {\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div class=\"price\">\r\n        <!-- Con precio de oferta -->\r\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\r\n\r\n            <!-- Precio original como rango o tachado simple -->\r\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\r\n                <del class=\"\">\r\n                    {{\r\n                    price!.split(' - ')[0] | ecCurrencySymbol\r\n                    }}\r\n                    {{\r\n                    price!.split(' - ')[1] | ecCurrencySymbol\r\n                    }}\r\n                </del>\r\n            </div>\r\n\r\n            <!-- Oferta como rango o simple -->\r\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\r\n                {{\r\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\r\n                }}\r\n                {{\r\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </div>\r\n\r\n        <!-- S\u00F3lo precio sin oferta -->\r\n        <ng-template #onlyPriceBlock>\r\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\r\n                {{\r\n                price!.split(' - ')[0] | ecCurrencySymbol\r\n                }} -\r\n                {{\r\n                price!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price -->\r\n        <ng-template #simplePrice>\r\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimplePrice>\r\n            <del>&nbsp;</del>\r\n            <div class=\"price-simplePrice\">\r\n                {{ price | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price-del -->\r\n        <ng-template #simplePriceDel>\r\n            <div class=\"price-simpleDel\">\r\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple saleprice -->\r\n        <ng-template #simpleSalePrice>\r\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimpleSalePrice>\r\n            <div class=\"price-simpleSaleprice\">\r\n                {{ saleprice | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <!-- S\u00F3lo leyenda -->\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabel>\r\n            <p class=\"taxes-title\">\r\n                {{ 'price-without-national-taxes' | translate }}:\r\n                {{ basePrice! | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <!-- Detalle impuestos -->\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">\r\n            {{ 'price-without-national-taxes' | translate }}:\r\n            {{ basePrice! | ecCurrencySymbol }}\r\n        </p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>\r\n}\r\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: [{
@@ -6580,6 +6596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @class ProductEcComponent
  */
 class ProductEcComponent {
+    injector = inject(Injector);
     /**
      * Datos del producto.
      */
@@ -6596,6 +6613,16 @@ class ProductEcComponent {
     ngOnInit() {
         this.loaded.emit(this.product.id);
     }
+    showPricesOnlyToLoggedUsers = false;
+    hidePrices = false;
+    _authService = inject(AuthService);
+    isAuthenticated$ = this._authService.isAuthenticated();
+    constructor() {
+        this.injector.get(ChannelService).channel$.subscribe(channel => {
+            this.showPricesOnlyToLoggedUsers = !!channel.showPricesOnlyToLoggedUsers;
+            this.hidePrices = !!channel.hidePrices;
+        });
+    }
     consts = inject(CoreConstantsService);
     analyticsService = inject(AnalyticsService);
     router = inject(Router);
@@ -6629,12 +6656,12 @@ class ProductEcComponent {
         return Math.round(discount);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n    }\r\n        }\r\n    </div>\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n    }\r\n        }\r\n    </div>\r\n</a>" }]
-        }], propDecorators: { product: [{
+            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>" }]
+        }], ctorParameters: () => [], propDecorators: { product: [{
                 type: Input,
                 args: [{
                         required: true
@@ -8142,6 +8169,8 @@ class ProductDetailEcComponent {
     reset = false;
     success = false;
     categories = [];
+    showPricesOnlyToLoggedUsers = false;
+    hidePrices = false;
     quantity = signal(1);
     isAddingToCart = signal(false);
     parameters$ = this.parametersService.getParameters();
@@ -8160,6 +8189,8 @@ class ProductDetailEcComponent {
         });
         this.injector.get(ChannelService).channel$.subscribe(channel => {
             this.showReviews = channel.showReviews;
+            this.showPricesOnlyToLoggedUsers = !!channel.showPricesOnlyToLoggedUsers;
+            this.hidePrices = !!channel.hidePrices;
         });
         this._optionsService.getCategories().subscribe(res => {
             this.categories = res;
@@ -8483,11 +8514,11 @@ class CartItemEcComponent {
         return false; // Solo se ejecuta si no se cumple la condición
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CartItemEcComponent, isStandalone: true, selector: "app-cart-item-ec", inputs: { item: "item", inSidebar: "inSidebar" }, ngImport: i0, template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CartItemEcComponent, isStandalone: true, selector: "app-cart-item-ec", inputs: { item: "item", inSidebar: "inSidebar" }, ngImport: i0, template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\r\n                    <div class=\"marcas\">\r\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\r\n\r\n                        @if (item.product.saleprice) {\r\n                        <div class=\"tag-dsc\">\r\n                            {{\r\n                            createDiscountMessage(item.product.saleprice,\r\n                            item.product.price)\r\n                            }}\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    }\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cart-item-ec', standalone: true, imports: [TitleCasePipe, EcCurrencySymbolPipe, RouterLink, FormsModule], template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}" }]
+            args: [{ selector: 'app-cart-item-ec', standalone: true, imports: [TitleCasePipe, EcCurrencySymbolPipe, RouterLink, FormsModule], template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\r\n                    <div class=\"marcas\">\r\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\r\n\r\n                        @if (item.product.saleprice) {\r\n                        <div class=\"tag-dsc\">\r\n                            {{\r\n                            createDiscountMessage(item.product.saleprice,\r\n                            item.product.price)\r\n                            }}\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    }\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}" }]
         }], propDecorators: { item: [{
                 type: Input,
                 args: [{
@@ -8837,7 +8868,7 @@ class ShipmentEcComponent {
     state$ = this._shipmentService.state$;
     _hiddenMethods = ['UPS'];
     buttonsDisabled = false;
-    methodSelect;
+    methodSelect; // Este guardará el objeto completo del método
     loadingInternal = false;
     moreInfoInMethod = false;
     costos = null;
@@ -8852,12 +8883,21 @@ class ShipmentEcComponent {
         this._checkoutService.associatedData$.subscribe(data => {
             this.costos = data && data.find((value) => value.type == "shipment") || null;
         });
+        // Suscripción al estado para obtener el método seleccionado
         this.state$.subscribe(res => {
-            if (res.data) {
-                this.methodSelect = res.data.method;
+            if (res.data && res.data.method) {
+                // Obtener el objeto completo del método basado en el código
+                this.methods$.subscribe(methods => {
+                    if (methods && methods.length > 0) {
+                        const foundMethod = methods.find((method) => method.code === res.data.method);
+                        if (foundMethod) {
+                            this.methodSelect = foundMethod;
+                        }
+                    }
+                });
             }
         });
-        this.moreInfoInMethod = true; //ShipmentService.moreInfoInMethod;
+        this.moreInfoInMethod = true;
     }
     filterMethods(methods) {
         return methods.filter((method) => !this._hiddenMethods.includes(method.name));
@@ -8868,17 +8908,13 @@ class ShipmentEcComponent {
         // Deshabilitar todos los botones
         this.buttonsDisabled = true;
         this.enabledConfirmButton = false;
-        //     setTimeout(() => {
         this._shipmentService.setMethod(method.code).then(res => {
             this.loadingInternal = false;
             this.enabledConfirmButton = true;
-            // Habilitar todos los botones
             this.buttonsDisabled = false;
         }).catch(error => {
-            // En caso de error, también habilitar los botones
             this.loadingInternal = false;
             this.buttonsDisabled = false;
-            console.error("Error:", error);
         });
     }
     validName(name) {
@@ -8890,7 +8926,6 @@ class ShipmentEcComponent {
             shipping_method_contract: method_name + '_' + contract_data.name,
             shipping_method_branch_code: method_name == "branch_delivery" ? contract_data.sucursal_id : contract_data.name,
         };
-        //console.log("emitResult", contract_data);
         this._shipmentService.setContract(contract_data);
     };
     verifyValidate(costs, contract, data) {