ng-easycommerce 0.0.609 → 0.0.610

package/fesm5/ng-easycommerce.js

@@ -3617,9 +3617,9 @@ var CheckoutService = /** @class */ (function () {
             });
         }); };
         this.updateAsociatedData = function (cart) {
-            var _a, _b, _c;
+            var _a, _b;
             var result = _this.orderUtils.getPromotions(cart);
-            if (((_a = _this.authService.getUserProfileAsUser()) === null || _a === void 0 ? void 0 : _a.isWholesaler()) && cart.totals.taxes != 0) {
+            if (cart.totals.taxes != 0) {
                 var total = __assign$7({}, result[result.length - 1]);
                 result[result.length - 1] = {
                     type: 'taxes',
@@ -3628,9 +3628,9 @@ var CheckoutService = /** @class */ (function () {
                 };
                 result.push(total);
             }
-            var shipment = (_b = result) === null || _b === void 0 ? void 0 : _b.find(function (promotion) { return promotion.type == "shipment"; });
+            var shipment = (_a = result) === null || _a === void 0 ? void 0 : _a.find(function (promotion) { return promotion.type == "shipment"; });
             if (!shipment && cart.totals.shipping != 0) {
-                if (((_c = result) === null || _c === void 0 ? void 0 : _c.length) && !result.find(function (item) { return item.type === "shipment"; })) {
+                if (((_b = result) === null || _b === void 0 ? void 0 : _b.length) && !result.find(function (item) { return item.type === "shipment"; })) {
                     var total = __assign$7({}, result[result.length - 1]);
                     result[result.length - 1] = {
                         type: 'shipment',
@@ -4627,16 +4627,7 @@ var CartService = /** @class */ (function () {
         this.cartSubject = new BehaviorSubject(null);
         this.requestInProcess = new BehaviorSubject(false);
         this.promotionsSubject = new BehaviorSubject([]);
-        this.balanceCustomerSubject = new BehaviorSubject({
-            allowAnyPaymentMethod: false,
-            allowExceedBalance: false,
-            creditAmount: 0,
-            showMax: false,
-            showPrice: false,
-            remainingCredits: 0,
-            applyMaxOrders: false,
-            maxOrders: Infinity
-        });
+        this.balanceCustomerSubject = new BehaviorSubject(null);
         this.items = [];
         this.count = 0;
         this.locale = "";
@@ -4659,11 +4650,11 @@ var CartService = /** @class */ (function () {
         this.promotions = this.promotionsSubject.asObservable();
         this.deleting = false;
         this.balanceCustomer$ = this.balanceCustomerSubject.asObservable();
-        this.allowAnyPaymentMethod$ = this.balanceCustomer$.pipe(map(function (data) { return data.allowAnyPaymentMethod; }));
-        this.allowExceedBalance$ = this.balanceCustomer$.pipe(map(function (data) { return data.allowExceedBalance; }));
-        this.creditAmount$ = this.balanceCustomer$.pipe(map(function (data) { return data.creditAmount; }));
-        this.showMax$ = this.balanceCustomer$.pipe(map(function (data) { return data.showMax; }));
-        this.showPrice$ = this.balanceCustomer$.pipe(map(function (data) { return data.showPrice; }));
+        this.allowAnyPaymentMethod$ = this.balanceCustomer$.pipe(map(function (data) { var _a, _b; return _b = (_a = data) === null || _a === void 0 ? void 0 : _a.allowAnyPaymentMethod, (_b !== null && _b !== void 0 ? _b : null); }));
+        this.allowExceedBalance$ = this.balanceCustomer$.pipe(map(function (data) { var _a, _b; return _b = (_a = data) === null || _a === void 0 ? void 0 : _a.allowExceedBalance, (_b !== null && _b !== void 0 ? _b : null); }));
+        this.creditAmount$ = this.balanceCustomer$.pipe(map(function (data) { var _a, _b; return _b = (_a = data) === null || _a === void 0 ? void 0 : _a.creditAmount, (_b !== null && _b !== void 0 ? _b : null); }));
+        this.showMax$ = this.balanceCustomer$.pipe(map(function (data) { var _a, _b; return _b = (_a = data) === null || _a === void 0 ? void 0 : _a.showMax, (_b !== null && _b !== void 0 ? _b : null); }));
+        this.showPrice$ = this.balanceCustomer$.pipe(map(function (data) { var _a, _b; return _b = (_a = data) === null || _a === void 0 ? void 0 : _a.showPrice, (_b !== null && _b !== void 0 ? _b : null); }));
         this.getAddressBook = function () { return __awaiter$5(_this, void 0, void 0, function () { return __generator$5(this, function (_a) {
             return [2 /*return*/, this.connection.get(this.addressBookApi()).pipe(map(function (res) { var _a; return ((_a = res) === null || _a === void 0 ? void 0 : _a.length) && res.map(function (addres) { return addres && __assign$a(__assign$a({}, addres), { selected: addres.default }); }) || null; })).toPromise()];
         }); }); };
@@ -4798,8 +4789,11 @@ var CartService = /** @class */ (function () {
          *  CART CRUD
          */
         this.addToCart = function (product, quantity, variant_id) {
+            var _a, _b, _c, _d;
             var balance = _this.balanceCustomerSubject.value;
-            if (balance.applyMaxOrders && (balance.maxOrders <= 0 || balance.maxOrders === null)) {
+            var applyMaxOrders = (_b = (_a = balance) === null || _a === void 0 ? void 0 : _a.applyMaxOrders, (_b !== null && _b !== void 0 ? _b : false));
+            var maxOrders = (_d = (_c = balance) === null || _c === void 0 ? void 0 : _c.maxOrders, (_d !== null && _d !== void 0 ? _d : Infinity));
+            if (applyMaxOrders && (maxOrders <= 0 || maxOrders === null)) {
                 _this.toastrService.show('max-orders-reached');
                 return;
             }
@@ -4912,10 +4906,11 @@ var CartService = /** @class */ (function () {
             return true;
         };
         this.validatePriceAndCredits = function (item, quantity) {
-            if (_this.balanceCustomerSubject.value.creditAmount === null) {
+            var balance = _this.balanceCustomerSubject.value;
+            if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
                 return true;
             }
-            if (_this.balanceCustomerSubject.value.remainingCredits === undefined) {
+            if (balance.remainingCredits === undefined) {
                 return false;
             }
             var unitPrice = item.total / item.quantity;
@@ -4924,20 +4919,21 @@ var CartService = /** @class */ (function () {
                 return true;
             }
             var additionalCost = unitPrice * additionalQuantity;
-            if (additionalCost > _this.balanceCustomerSubject.value.remainingCredits) {
+            if (additionalCost > balance.remainingCredits) {
                 _this.toastrService.show('not-enough-credits');
                 return false;
             }
             return true;
         };
         this.hasSufficientCreditsForCartTotal = function () {
-            if (_this.balanceCustomerSubject.value.creditAmount === null) {
+            var balance = _this.balanceCustomerSubject.value;
+            if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
                 return true;
             }
-            if (_this.balanceCustomerSubject.value.remainingCredits === undefined) {
+            if (balance.remainingCredits === undefined) {
                 return false;
             }
-            if (_this.cartSubject.value.totals.total > _this.balanceCustomerSubject.value.creditAmount) {
+            if (_this.cartSubject.value.totals.total > balance.creditAmount) {
                 _this.toastrService.show('not-enough-credits');
                 return false;
             }
@@ -5189,18 +5185,23 @@ var CartService = /** @class */ (function () {
         }));
     };
     CartService$1.prototype.updateBalanceAttributes = function (cartData) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c;
+        var balance = (_a = cartData) === null || _a === void 0 ? void 0 : _a.balanceCustomer;
+        if (!balance) {
+            this.balanceCustomerSubject.next(null);
+            return;
+        }
         var balanceData = {
-            allowAnyPaymentMethod: (_b = (_a = cartData) === null || _a === void 0 ? void 0 : _a.allowAnyPaymentMethod, (_b !== null && _b !== void 0 ? _b : false)),
-            allowExceedBalance: (_d = (_c = cartData) === null || _c === void 0 ? void 0 : _c.allowExceedBalance, (_d !== null && _d !== void 0 ? _d : false)),
-            creditAmount: (_f = (_e = cartData) === null || _e === void 0 ? void 0 : _e.creditAmount, (_f !== null && _f !== void 0 ? _f : null)),
-            showMax: (_h = (_g = cartData) === null || _g === void 0 ? void 0 : _g.showMax, (_h !== null && _h !== void 0 ? _h : false)),
-            showPrice: (_k = (_j = cartData) === null || _j === void 0 ? void 0 : _j.showPrice, (_k !== null && _k !== void 0 ? _k : false)),
-            remainingCredits: ((_l = cartData) === null || _l === void 0 ? void 0 : _l.creditAmount) && ((_m = cartData) === null || _m === void 0 ? void 0 : _m.creditAmount) >= ((_o = cartData) === null || _o === void 0 ? void 0 : _o.totals.total)
-                ? ((_p = cartData) === null || _p === void 0 ? void 0 : _p.creditAmount) - ((_q = cartData) === null || _q === void 0 ? void 0 : _q.totals.total)
+            allowAnyPaymentMethod: balance.allowAnyPaymentMethod,
+            allowExceedBalance: balance.allowExceedBalance,
+            creditAmount: balance.creditAmount,
+            showMax: balance.showMax,
+            showPrice: balance.showPrice,
+            remainingCredits: balance.creditAmount && ((_c = (_b = cartData) === null || _b === void 0 ? void 0 : _b.totals) === null || _c === void 0 ? void 0 : _c.total) && balance.creditAmount >= cartData.totals.total
+                ? balance.creditAmount - cartData.totals.total
                 : 0,
-            applyMaxOrders: (_s = (_r = cartData) === null || _r === void 0 ? void 0 : _r.applyMaxOrders, (_s !== null && _s !== void 0 ? _s : false)),
-            maxOrders: (_u = (_t = cartData) === null || _t === void 0 ? void 0 : _t.maxOrders, (_u !== null && _u !== void 0 ? _u : Infinity))
+            applyMaxOrders: balance.applyMaxOrders,
+            maxOrders: balance.maxOrders
         };
         this.balanceCustomerSubject.next(balanceData);
     };
@@ -7423,7 +7424,8 @@ var CartEcComponent = /** @class */ (function (_super) {
         _this.hidePrices = false;
         _this.hideDiscounts = false;
         _this.hideTaxes = false;
-        _this.creditAccountShowPrices = false;
+        _this.creditAccountShowPrices = null;
+        _this.showPriceWithoutTaxes = true;
         _this.toDecimal = function (amount) { return _this.consts.toDecimal(amount); };
         _this.actualizarCantidad = function (item, cantidad, stock, id) {
             if (id) {
@@ -7509,10 +7511,11 @@ var CartEcComponent = /** @class */ (function (_super) {
         this.cartService.promotions.subscribe(function (promotions) { return _this.promotions = promotions; });
         //    console.log(this.cartService.getTaxes());
         this.channelConfigService.channelConfig$.subscribe(function (channel) {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             _this.hidePrices = (_b = (_a = channel) === null || _a === void 0 ? void 0 : _a.hidePrices, (_b !== null && _b !== void 0 ? _b : false));
             _this.hideDiscounts = (_d = (_c = channel) === null || _c === void 0 ? void 0 : _c.hideDiscounts, (_d !== null && _d !== void 0 ? _d : false));
             _this.hideTaxes = (_f = (_e = channel) === null || _e === void 0 ? void 0 : _e.hideTaxes, (_f !== null && _f !== void 0 ? _f : false));
+            _this.showPriceWithoutTaxes = (_h = (_g = channel) === null || _g === void 0 ? void 0 : _g.showPriceWithoutTaxes, (_h !== null && _h !== void 0 ? _h : false));
             if (_this.hidePrices) {
                 _this.router.navigate(['/']);
             }
@@ -8669,7 +8672,7 @@ var PaymentEcComponent = /** @class */ (function (_super) {
         _this.loading_internal_mp = false;
         _this.method_data$ = _this.methodDataSubject.asObservable();
         _this.loading$ = _this.loadingSubject.asObservable();
-        _this.allowAnyPaymentMethod = true;
+        _this.allowAnyPaymentMethod = null;
         _this.allData = function () { return (__assign$k(__assign$k({}, _this.paymentService.getUserData().shippingAddress), _this.paymentService.getShipmentData())); };
         _this.setError = function (message) {
             _this.error = message;
@@ -8745,8 +8748,8 @@ var PaymentEcComponent = /** @class */ (function (_super) {
         var _this = this;
         this.paymentService.initialize(this.step_id);
         this.checkoutService.asociatedData$.subscribe(function (data) { return _this.total_amount = (data.find(function (item) { return item.type == 'total'; })).amount; });
-        this.cartService.allowAnyPaymentMethod$.subscribe(function (allowAnyPaymentMethod) {
-            _this.allowAnyPaymentMethod = allowAnyPaymentMethod;
+        this.cartService.allowAnyPaymentMethod$.subscribe(function (value) {
+            _this.allowAnyPaymentMethod = value;
         });
         this.ecOnInit();
     };
@@ -8774,6 +8777,8 @@ var PaymentEcComponent = /** @class */ (function (_super) {
     PaymentEcComponent.prototype.shouldDisplayMethod = function (method) {
         if (!method)
             return false;
+        if (this.allowAnyPaymentMethod === null)
+            return true;
         if (this.allowAnyPaymentMethod)
             return true;
         return this.isBalanceInAccount(method.code);
@@ -9856,6 +9861,7 @@ var HeaderEcComponent = /** @class */ (function (_super) {
         _this.envetUrlTransparent = ["/home", "/"];
         _this.params = {};
         _this.toggled = false;
+        _this.balanceAttributes = null;
         _this.locales = [];
         _this.selectedLocale = 'ESP';
         _this.hidePrices = false;
@@ -10597,7 +10603,7 @@ var ProductDetailService = /** @class */ (function () {
             options && options.forEach(function (option) { return Object.keys(option).forEach(function (key) { return _this.setOption(key, option[key]); }); });
         };
         this.generateAsociatedDataFromVariants = function () {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
             var asociated = {};
             if (_this.isReady()) {
                 asociated.stock = _this.variants[0].stock;
@@ -10630,6 +10636,9 @@ var ProductDetailService = /** @class */ (function () {
                 taxIncluded: (_r = _this.variants[0]) === null || _r === void 0 ? void 0 : _r.taxIncluded,
                 taxCategory: (_s = _this.variants[0]) === null || _s === void 0 ? void 0 : _s.taxCategory,
             };
+            asociated.taxeAmount = ((_t = _this.variants[0]) === null || _t === void 0 ? void 0 : _t.taxes) || undefined;
+            asociated.taxRate = ((_u = _this.variants[0]) === null || _u === void 0 ? void 0 : _u.taxRate) || undefined;
+            asociated.priceWithoutTaxes = ((_v = _this.variants[0]) === null || _v === void 0 ? void 0 : _v.priceWithoutTaxes) || undefined;
             _this.asociatedDataSubject.next(asociated);
         };
         /**
@@ -10917,7 +10926,7 @@ var ProductDetailEcComponent = /** @class */ (function (_super) {
         _this.owlOptions = {};
         _this.showReviews = false;
         _this.hidePrices = false;
-        _this.creditAccountShowPrices = false;
+        _this.creditAccountShowPrices = null;
         _this.addToCart = function () {
             _this.quantity > 0 && _this.productService.addToCart(_this.quantity);
         };
@@ -11083,7 +11092,7 @@ var ProductEcComponent = /** @class */ (function (_super) {
         _this.stock = 0;
         _this.data = null;
         _this.hidePrices = false;
-        _this.creditAccountShowPrices = false;
+        _this.creditAccountShowPrices = null;
         /**
          * @description variable utilizada mutar de la vista de lista, a la de box.
          */
@@ -12320,18 +12329,30 @@ var __decorate$1f = (this && this.__decorate) || function (decorators, target, k
 };
 var PriceEcComponent = /** @class */ (function (_super) {
     __extends$G(PriceEcComponent, _super);
-    function PriceEcComponent(productsService) {
+    function PriceEcComponent(productsService, channelConfigService) {
         var _this = _super.call(this) || this;
         _this.productsService = productsService;
+        _this.channelConfigService = channelConfigService;
         _this.priceSize = true;
+        _this.taxeAmount = 0;
+        _this.taxes = [];
+        _this.showTaxLegendOnly = false;
+        _this.disableTaxInfo = false;
+        _this.showPriceWithoutTaxes = true;
         _this.ecOnConstruct();
         return _this;
     }
     PriceEcComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.channelConfigService.channelConfig$.subscribe(function (channel) {
+            var _a;
+            _this.showPriceWithoutTaxes = (_a = channel) === null || _a === void 0 ? void 0 : _a.showPriceWithoutTaxes;
+        });
         this.ecOnInit();
     };
     PriceEcComponent.ctorParameters = function () { return [
-        { type: ProductsService }
+        { type: ProductsService },
+        { type: ChannelConfigService }
     ]; };
     __decorate$1f([
         Input()
@@ -12345,11 +12366,44 @@ var PriceEcComponent = /** @class */ (function (_super) {
     __decorate$1f([
         Input()
     ], PriceEcComponent.prototype, "classStrSpacing", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "basePrice", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "taxeAmount", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "taxes", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "showTaxLegendOnly", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "disableTaxInfo", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "customPriceTemplate", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "customSalePriceTemplate", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "customSimplePriceTemplate", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "customSimpleSalePriceTemplate", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "customTaxTemplate", void 0);
+    __decorate$1f([
+        Input()
+    ], PriceEcComponent.prototype, "customOnlyTaxLabelTemplate", void 0);
     PriceEcComponent = __decorate$1f([
         Component({
             selector: 'app-price-ec',
-            template: "<div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\n     <div [class]=\"(priceSize ? 'price-sm':'price')\" *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\n          <del class=\"tachado\">\n              {{ price.split(' - ')[0] | currency:productsService?.currency:'symbol' }}\n              {{ price.split(' - ')[1] | currency:productsService?.currency:'symbol' }}\n          </del>\n     </div>\n     <div [class]=\"(priceSize ? 'price-sm':'price')\" *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\n          {{ saleprice.split(' - ')[0] | currency:productsService?.currency:'symbol' }}\n          {{ saleprice.split(' - ')[1] | currency:productsService?.currency:'symbol' }}\n     </div>\n</div>\n\n<ng-template #onlyprice>\n     <div [class]=\"(priceSize ? 'price-sm':'price')\" *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\n         {{ price.split(' - ')[0] | currency:productsService?.currency:'symbol' }} - \n         {{ price.split(' - ')[1] | currency:productsService?.currency:'symbol' }}\n     </div>\n</ng-template>\n\n<ng-template #simplePrice>\n     <div  [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm':'price')\" >{{ price | currency:productsService?.currency:'symbol' }}  </div>\n</ng-template>\n\n<ng-template #simplePriceDel>\n     <div  [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm':'price')\" ><span class=\"lnth\">{{ price | currency:productsService?.currency:'symbol' }}</span></div>\n</ng-template>\n\n<ng-template #simpleSalePrice>\n     <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm':'price')\" >{{ saleprice | currency:productsService?.currency:'symbol' }} </div>\n</ng-template>",
-            styles: [".price-sm{font-size:13px}.price{font-size:18px}.lnth{text-decoration:line-through;color:gray}"]
+            template: "<!-- Si hay templates personalizados, se proyectan -->\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\n            <del class=\"tachado\">\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\n            </del>\n        </div>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </div>\n\n    <ng-template #onlyprice>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\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\n    <ng-template #fallbackSimplePrice>\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ price | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePriceDel>\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\n        </div>\n    </ng-template>\n\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\n    <ng-template #fallbackSimpleSalePrice>\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ saleprice | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"!disableTaxInfo && !showPriceWithoutTaxes\">\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabelBlock>\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: {{ basePrice | ecCurrencySymbol }}</p>\n        </ng-template>\n    </ng-container>\n\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\">{{'price-without-national-taxes' | translate }}: {{ basePrice | ecCurrencySymbol }}</p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>",
+            styles: [".price-sm{font-size:13px}.price{font-size:18px}.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-type:none;padding-left:0;margin:0}.taxes-list li{margin-bottom:.05rem;font-size:.65rem;display:flex;justify-content:space-between}"]
         })
     ], PriceEcComponent);
     return PriceEcComponent;
@@ -12927,8 +12981,7 @@ var OrdersEcComponent = /** @class */ (function (_super) {
         _this.channelConfigService = channelConfigService;
         _this.loading = true;
         _this.showImage = true;
-        _this.showPrice = false;
-        _this.creditAmountConfigured = false;
+        _this.creditAccountShowPrices = null;
         _this.hidePrices = false;
         /**
          * @description name -> nombre de clave de valuesToSort; asc -> true: ascendente, false: descendente
@@ -13069,10 +13122,7 @@ var OrdersEcComponent = /** @class */ (function (_super) {
         });
         this.ecOnInit();
         this.cartService.showPrice$.subscribe(function (showPrice) {
-            _this.showPrice = showPrice;
-        });
-        this.cartService.creditAmount$.subscribe(function (creditAmount) {
-            _this.creditAmountConfigured = creditAmount !== null;
+            _this.creditAccountShowPrices = showPrice;
         });
         this.channelConfigService.channelConfig$.subscribe(function (channel) {
             var _a, _b;
@@ -13092,7 +13142,7 @@ var OrdersEcComponent = /** @class */ (function (_super) {
     OrdersEcComponent = __decorate$1k([
         Component({
             selector: 'app-orders-ec',
-            template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n        <ng-container *ngIf=\"!hidePrices\">\n            <div *ngIf=\"orders && orders.length; else noOrders\">\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                <div class=\"row item border-bottom py-2\" *ngFor=\"let order of orders\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                        <!-- <ng-container *ngIf=\"showImage\">\n                            <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                                <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                            </ng-container>\n                            <ng-template #defaultpicture>\n                                <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n                                    [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                            </ng-template>\n                        </ng-container> -->\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\" *ngIf=\"order.payments && order.payments.length > 0\">\n                            {{ order.payments[0].state | translate | titlecase }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n\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                        <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                            seguimiento</a>\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\">\n                        <h5 class=\"fw-bold text-nowrap\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\n                            {{ (order.totals.total) | ecCurrencySymbol }}\n                        </h5>\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                            'see-order' | translate }}</button>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #noOrders>\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</ng-template>\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\n<ng-template #loadingView>\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</ng-template>",
+            template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n        <ng-container *ngIf=\"!hidePrices\">\n            <div *ngIf=\"orders && orders.length; else noOrders\">\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                <div class=\"row item border-bottom py-2\" *ngFor=\"let order of orders\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                        <!-- <ng-container *ngIf=\"showImage\">\n                            <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                                <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                            </ng-container>\n                            <ng-template #defaultpicture>\n                                <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n                                    [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                            </ng-template>\n                        </ng-container> -->\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\" *ngIf=\"order.payments && order.payments.length > 0\">\n                            {{ order.payments[0].state | translate | titlecase }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n\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                        <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                            seguimiento</a>\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\">\n                        <h5 class=\"fw-bold text-nowrap\" *ngIf=\"(showPrice !== null ? showPrice : true)\">\n                            {{ (order.totals.total) | ecCurrencySymbol }}\n                        </h5>\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                            'see-order' | translate }}</button>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #noOrders>\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</ng-template>\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\n<ng-template #loadingView>\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</ng-template>",
             styles: ["#ordersEcComponent .btn.btdetalle{background-color:#000;color:#fff;border-color:#000;border-width:1px;border-radius:10px;padding:10px 0}#ordersEcComponent .btn.btdetalle:hover{background-color:#fff;color:#000;border-color:#000}.asc.dropdown-toggle::after{transform:rotate(180deg)}.applied.dropdown-toggle::after{color:#198754}"]
         })
     ], OrdersEcComponent);
@@ -13170,8 +13220,7 @@ var OrderEcComponent = /** @class */ (function (_super) {
         _this.loading = true;
         _this.numberOrder = null;
         _this.allowRepeatOrders = false;
-        _this.showPrice = false;
-        _this.creditAmountConfigured = false;
+        _this.creditAccountShowPrices = null;
         _this.hidePrices = false;
         _this.hideDiscounts = false;
         _this.hideTaxes = false;
@@ -13229,10 +13278,7 @@ var OrderEcComponent = /** @class */ (function (_super) {
             _this.hideTaxes = (_f = (_e = config) === null || _e === void 0 ? void 0 : _e.hideTaxes, (_f !== null && _f !== void 0 ? _f : false));
         });
         this.cartService.showPrice$.subscribe(function (showPrice) {
-            _this.showPrice = showPrice;
-        });
-        this.cartService.creditAmount$.subscribe(function (creditAmount) {
-            _this.creditAmountConfigured = creditAmount !== null;
+            _this.creditAccountShowPrices = showPrice;
         });
         this.ecOnInit();
     };
@@ -13255,7 +13301,7 @@ var OrderEcComponent = /** @class */ (function (_super) {
     OrderEcComponent = __decorate$1l([
         Component({
             selector: 'app-order-ec',
-            template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n            <div *ngIf=\"order; else noOrder\">\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                    <ng-container *ngIf=\"order?.invoice\">\n                        <div class=\"col-sm col-12 font-brandon\">\n                            <a target=\"_blank\" [href]=\"consts.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                    </ng-container>\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\n                        <button class=\"btn btvolver bg-gray text-white\">{{ '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                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                                seguimiento</a>\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                        <div class=\"col-md-2 col-12 font-brandon\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\n                            <h5 class=\"fw-bold\">\n                                {{ (order.totals.total) | ecCurrencySymbol}}\n\n                            </h5>\n                        </div>\n                    </div>\n                </section>\n\n                <div class=\"text-end mt-3\" *ngIf=\"!hidePrices && allowRepeatOrders\">\n                    <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder()\">\n                        {{ 'repeat-order' | translate }}\n                    </button>\n                </div>\n\n                <div class=\"container py-3 border-top border-bottom\">\n                    <div *ngIf=\"order.items.length; else noProducts\" 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                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                            <!-- {{ 'description' | translate | uppercase }} -->\n                            {{ 'lots' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\n                            {{ 'unit-price' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'quantity' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\n                            {{ 'total' | translate | uppercase }}\n                        </div>\n                    </div>\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\n                        <div class=\"row cart-items\">\n                            <div class=\"col-5 col-md-2 py-2\">\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                </ng-container>\n                                <ng-template #defaultpicture>\n                                    <img *ngIf=\"item.product.picturesdefault\"\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                </ng-template>\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                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\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                            <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                                    <div class=\"col-4 font-xl\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\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                                    <div class=\"col-4 font-xl\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\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}}</p>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\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                            <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                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\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                            <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                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\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                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                    <ng-template #sinFechaEstimada>\n                                                        <td>Pendiente</td>\n                                                    </ng-template>\n                                                    <td>{{lot.shipping_address_name}}</td>\n                                                    <td>{{lot.notes}}</td>\n                                                    <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                </tr>\n                                            </ng-container>\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n                        </div>\n\n                    </ng-container>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6\"></div>\n                        <div class=\"col-12 col-md-6\" *ngIf=\"(creditAmountConfigured ? showPrice : true)\">\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\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                    translate }}</div>\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                    {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0 \"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\n                                    {{ 'taxes' | translate }}</div>\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\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                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</main>\n\n<ng-template #noOrder>\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</ng-template>\n\n<ng-template #loadingView>\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</ng-template>",
+            template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n            <div *ngIf=\"order; else noOrder\">\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                    <ng-container *ngIf=\"order?.invoice\">\n                        <div class=\"col-sm col-12 font-brandon\">\n                            <a target=\"_blank\" [href]=\"consts.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                    </ng-container>\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\n                        <button class=\"btn btvolver bg-gray text-white\">{{ '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                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                                seguimiento</a>\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                        <div class=\"col-md-2 col-12 font-brandon\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\n                            <h5 class=\"fw-bold\">\n                                {{ (order.totals.total) | ecCurrencySymbol}}\n\n                            </h5>\n                        </div>\n                    </div>\n                </section>\n\n                <div class=\"text-end mt-3\" *ngIf=\"!hidePrices && allowRepeatOrders\">\n                    <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder()\">\n                        {{ 'repeat-order' | translate }}\n                    </button>\n                </div>\n\n                <div class=\"container py-3 border-top border-bottom\">\n                    <div *ngIf=\"order.items.length; else noProducts\" 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                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                            <!-- {{ 'description' | translate | uppercase }} -->\n                            {{ 'lots' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            {{ 'unit-price' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'quantity' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            {{ 'total' | translate | uppercase }}\n                        </div>\n                    </div>\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\n                        <div class=\"row cart-items\">\n                            <div class=\"col-5 col-md-2 py-2\">\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                </ng-container>\n                                <ng-template #defaultpicture>\n                                    <img *ngIf=\"item.product.picturesdefault\"\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                </ng-template>\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                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\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                            <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                                    <div class=\"col-4 font-xl\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\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                                    <div class=\"col-4 font-xl\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\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}}</p>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\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                            <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                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\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                            <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                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\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                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                    <ng-template #sinFechaEstimada>\n                                                        <td>Pendiente</td>\n                                                    </ng-template>\n                                                    <td>{{lot.shipping_address_name}}</td>\n                                                    <td>{{lot.notes}}</td>\n                                                    <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                </tr>\n                                            </ng-container>\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n                        </div>\n\n                    </ng-container>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6\"></div>\n                        <div class=\"col-12 col-md-6\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\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\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                    translate }}</div>\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                    {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0 \"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\n                                    {{ 'taxes' | translate }}</div>\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\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                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</main>\n\n<ng-template #noOrder>\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</ng-template>\n\n<ng-template #loadingView>\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</ng-template>",
             styles: [".maxwidth{max-width:100px}"]
         })
     ], OrderEcComponent);
@@ -14277,25 +14323,25 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
         _this.data = null;
         _this.discountTotal = 0;
         _this.couponTotal = 0;
-        _this.showPrice = false;
-        _this.creditAmountConfigured = false;
+        _this.creditAccountShowPrices = null;
         _this.hideDiscounts = false;
         _this.hideTaxes = false;
+        _this.showPriceWithoutTaxes = true;
         _this.getIcon = function (data_item) {
             switch (data_item.type) {
-                case 'coupon': return 'fas fa-ticket-alt fa-3x';
-                case 'discount': return 'fas fa-tags fa-3x';
-                case 'shipment': return 'fas fa-shipping-fast fa-3x';
-                case 'subtotal': return 'fas fa-boxes fa-3x';
-                case 'taxes': return 'fas fa-file-invoice-dollar fa-3x';
-                case 'total': return 'fas fa-shopping-basket fa-3x';
-                default: return 'fas fa-tags fa-3x';
+                case 'coupon': return 'fas fa-ticket-alt fa-2x';
+                case 'discount': return 'fas fa-tags fa-2x';
+                case 'shipment': return 'fas fa-shipping-fast fa-2x';
+                case 'subtotal': return 'fas fa-boxes fa-2x';
+                case 'taxes': return 'fas fa-file-invoice-dollar fa-2x';
+                case 'total': return 'fas fa-shopping-basket fa-2x';
+                default: return 'fas fa-tags fa-2x';
             }
         };
         _this.getIcon2 = function (data_type) {
             switch (data_type) {
-                case 'coupon': return 'fas fa-ticket-alt fa-3x';
-                case 'discount': return 'fas fa-tags fa-3x';
+                case 'coupon': return 'fas fa-ticket-alt fa-2x';
+                case 'discount': return 'fas fa-tags fa-2x';
             }
         };
         _this.ecOnConstruct();
@@ -14308,15 +14354,13 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
         this.calcularTotales();
         this.ecOnInit();
         this.cartService.showPrice$.subscribe(function (showPrice) {
-            _this.showPrice = showPrice;
-        });
-        this.cartService.creditAmount$.subscribe(function (creditAmount) {
-            _this.creditAmountConfigured = creditAmount !== null;
+            _this.creditAccountShowPrices = showPrice;
         });
         this.channelConfigService.channelConfig$.subscribe(function (channel) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             _this.hideDiscounts = (_b = (_a = channel) === null || _a === void 0 ? void 0 : _a.hideDiscounts, (_b !== null && _b !== void 0 ? _b : false));
             _this.hideTaxes = (_d = (_c = channel) === null || _c === void 0 ? void 0 : _c.hideTaxes, (_d !== null && _d !== void 0 ? _d : false));
+            _this.showPriceWithoutTaxes = (_f = (_e = channel) === null || _e === void 0 ? void 0 : _e.showPriceWithoutTaxes, (_f !== null && _f !== void 0 ? _f : false));
         });
     };
     DetailCheckoutBlockEcComponent.prototype.calcularTotales = function () {
@@ -14329,6 +14373,12 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
                 .reduce(function (acc, curr) { return acc + curr.amount; }, 0);
         }
     };
+    DetailCheckoutBlockEcComponent.prototype.getTypeLabel = function (type) {
+        if (type === 'taxes') {
+            return this.showPriceWithoutTaxes ? 'taxes' : 'national-taxes';
+        }
+        return type;
+    };
     DetailCheckoutBlockEcComponent.ctorParameters = function () { return [
         { type: CheckoutService },
         { type: CartService },
@@ -14340,7 +14390,7 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
     DetailCheckoutBlockEcComponent = __decorate$1u([
         Component({
             selector: 'app-detail-checkout-block-ec',
-            template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\n    *ngIf=\"data && (creditAmountConfigured ? showPrice : true)\">\n    <ng-container *ngFor=\"let item of data; let i = index\">\n        <ng-container *ngIf=\"item.type != 'discount' && item.type != 'coupon'\">\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)\"></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        </ng-container>\n\n\n        <!-- Mostrar total de descuentos -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.discountTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol)\n                }}</span>\n        </div>\n\n        <!-- Mostrar total de cupones -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.couponTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol)\n                }}</span>\n        </div>\n    </ng-container>\n</div>",
+            template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\n    *ngIf=\"data && (creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n    <ng-container *ngFor=\"let item of data; let i = index\">\n        <ng-container *ngIf=\"item.type != 'discount' && item.type != 'coupon'\">\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)\"></i>\n                <strong class=\"text-center w-100 font-brandon font-md mb-1\">\n                    {{ getTypeLabel(item.type) | translate }}\n                </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        </ng-container>\n\n\n        <!-- Mostrar total de descuentos -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.discountTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol)\n                }}</span>\n        </div>\n\n        <!-- Mostrar total de cupones -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.couponTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol)\n                }}</span>\n        </div>\n    </ng-container>\n</div>",
             styles: [""]
         })
     ], DetailCheckoutBlockEcComponent);
@@ -18674,7 +18724,7 @@ var SidebarEcComponent = /** @class */ (function () {
         this.variantsToShow = ['TALLE', 'COLOR'];
         this.hideDiscounts = false;
         this.hideTaxes = false;
-        this.creditAccountShowPrices = false;
+        this.creditAccountShowPrices = null;
         this.actualizarCantidad = function (item, cantidad, stock, id) {
             if (id) {
                 var elem_1 = document.getElementById(id);