ng-easycommerce 0.0.609 → 0.0.611

package/bundles/ng-easycommerce.umd.js

@@ -3603,9 +3603,9 @@
                 });
             }); };
             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',
@@ -3614,9 +3614,9 @@
                     };
                     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',
@@ -4613,16 +4613,7 @@
             this.cartSubject = new rxjs.BehaviorSubject(null);
             this.requestInProcess = new rxjs.BehaviorSubject(false);
             this.promotionsSubject = new rxjs.BehaviorSubject([]);
-            this.balanceCustomerSubject = new rxjs.BehaviorSubject({
-                allowAnyPaymentMethod: false,
-                allowExceedBalance: false,
-                creditAmount: 0,
-                showMax: false,
-                showPrice: false,
-                remainingCredits: 0,
-                applyMaxOrders: false,
-                maxOrders: Infinity
-            });
+            this.balanceCustomerSubject = new rxjs.BehaviorSubject(null);
             this.items = [];
             this.count = 0;
             this.locale = "";
@@ -4645,11 +4636,11 @@
             this.promotions = this.promotionsSubject.asObservable();
             this.deleting = false;
             this.balanceCustomer$ = this.balanceCustomerSubject.asObservable();
-            this.allowAnyPaymentMethod$ = this.balanceCustomer$.pipe(operators.map(function (data) { return data.allowAnyPaymentMethod; }));
-            this.allowExceedBalance$ = this.balanceCustomer$.pipe(operators.map(function (data) { return data.allowExceedBalance; }));
-            this.creditAmount$ = this.balanceCustomer$.pipe(operators.map(function (data) { return data.creditAmount; }));
-            this.showMax$ = this.balanceCustomer$.pipe(operators.map(function (data) { return data.showMax; }));
-            this.showPrice$ = this.balanceCustomer$.pipe(operators.map(function (data) { return data.showPrice; }));
+            this.allowAnyPaymentMethod$ = this.balanceCustomer$.pipe(operators.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(operators.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(operators.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(operators.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(operators.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(operators.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()];
             }); }); };
@@ -4784,8 +4775,11 @@
              *  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;
                 }
@@ -4898,10 +4892,11 @@
                 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;
@@ -4910,20 +4905,21 @@
                     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;
                 }
@@ -5175,18 +5171,23 @@
             }));
         };
         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);
         };
@@ -7409,7 +7410,8 @@
             _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) {
@@ -7495,10 +7497,11 @@
             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(['/']);
                 }
@@ -8655,7 +8658,7 @@
             _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;
@@ -8731,8 +8734,8 @@
             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();
         };
@@ -8760,6 +8763,8 @@
         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);
@@ -9842,6 +9847,7 @@
             _this.envetUrlTransparent = ["/home", "/"];
             _this.params = {};
             _this.toggled = false;
+            _this.balanceAttributes = null;
             _this.locales = [];
             _this.selectedLocale = 'ESP';
             _this.hidePrices = false;
@@ -10583,7 +10589,7 @@
                 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;
@@ -10616,6 +10622,9 @@
                     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);
             };
             /**
@@ -10903,7 +10912,7 @@
             _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);
             };
@@ -11069,7 +11078,7 @@
             _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.
              */
@@ -12306,18 +12315,30 @@
     };
     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([
             core.Input()
@@ -12331,11 +12352,44 @@
         __decorate$1f([
             core.Input()
         ], PriceEcComponent.prototype, "classStrSpacing", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "basePrice", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "taxeAmount", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "taxes", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "showTaxLegendOnly", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "disableTaxInfo", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "customPriceTemplate", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "customSalePriceTemplate", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "customSimplePriceTemplate", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "customSimpleSalePriceTemplate", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "customTaxTemplate", void 0);
+        __decorate$1f([
+            core.Input()
+        ], PriceEcComponent.prototype, "customOnlyTaxLabelTemplate", void 0);
         PriceEcComponent = __decorate$1f([
             core.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;
@@ -12913,8 +12967,7 @@
             _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
@@ -13055,10 +13108,7 @@
             });
             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;
@@ -13078,7 +13128,7 @@
         OrdersEcComponent = __decorate$1k([
             core.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);
@@ -13156,8 +13206,7 @@
             _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;
@@ -13215,10 +13264,7 @@
                 _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();
         };
@@ -13241,7 +13287,7 @@
         OrderEcComponent = __decorate$1l([
             core.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);
@@ -14263,25 +14309,25 @@
             _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();
@@ -14294,15 +14340,13 @@
             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 () {
@@ -14315,6 +14359,19 @@
                     .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.prototype.shouldShowItem = function (type) {
+            if (type === 'discount' || type === 'coupon')
+                return false;
+            if (type === 'taxes')
+                return !this.hideTaxes;
+            return true;
+        };
         DetailCheckoutBlockEcComponent.ctorParameters = function () { return [
             { type: CheckoutService },
             { type: CartService },
@@ -14326,7 +14383,7 @@
         DetailCheckoutBlockEcComponent = __decorate$1u([
             core.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=\"shouldShowItem(item.type)\">\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);
@@ -18660,7 +18717,7 @@
             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);