ng-easycommerce 0.0.658-beta.1 → 0.0.660-beta.1

package/fesm5/ng-easycommerce.js

@@ -7,7 +7,7 @@ import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { ToastrService, ToastrModule } from 'ngx-toastr';
 import { ReplaySubject, of, BehaviorSubject, forkJoin, combineLatest, Observable, throwError } from 'rxjs';
 import 'rxjs/add/operator/map';
-import { take, map, catchError, filter, mapTo, finalize, startWith, skipWhile, concatMap } from 'rxjs/operators';
+import { take, map, catchError, filter, mapTo, finalize, skipWhile, concatMap } from 'rxjs/operators';
 import 'rxjs/add/operator/catch';
 import 'rxjs/add/observable/of';
 import * as moment from 'moment';
@@ -513,11 +513,6 @@ var Constants = /** @class */ (function () {
          * @example ['AR','ES','GB']
          */
         this.countries = [];
-        /**
-         * @description contiene un arreglo de string cuyo contenido son los codigos de los paises a excluir.
-         * @example ['GB']
-         */
-        this.excludedCountries = [];
         /**
          *
          * @param countries debe contener los codigos de los paises que se quiere mostrar
@@ -4763,22 +4758,12 @@ var CartService = /** @class */ (function () {
             _this.updateLocalCart();
             _this.requestInProcess.next(false);
         };
-        this.updateCartItemQuantity = function (variant_id, quantity, comments) {
-            var normalizedComments = comments !== undefined ? ((comments !== null && comments !== void 0 ? comments : '')).trim() : undefined;
-            var newItems = _this.items.map(function (it) {
-                if (it.variant_id !== variant_id)
-                    return it;
-                var updated = __assign$a(__assign$a({}, it), { quantity: Number(quantity) });
-                if (normalizedComments !== undefined) {
-                    updated.comments = normalizedComments;
-                }
-                return updated;
-            });
-            _this.items = newItems;
+        this.updateCartItemQuantity = function (variant_id, quantity) {
+            var newQuantity = _this.items.find(function (item) { return item.variant_id == variant_id; }).quantity = quantity;
             _this.cartItemsSubject.next(_this.items);
             _this.requestInProcess.next(false);
             _this.updateLocalCart();
-            _this.toastrService.show('product-updated', { quantity: quantity });
+            _this.toastrService.show('product-updated', { quantity: newQuantity });
         };
         this.appendToCart = function (cart) {
             _this.updateCartObj(cart);
@@ -4800,11 +4785,11 @@ var CartService = /** @class */ (function () {
             // this.googleAnalytics.removeFromCart(product);
             _this.analyticsService.callEvent('remove_from_cart', __assign$a(__assign$a({}, product), { currency: _this.consts.currency.code }));
         };
-        this.addIfAllreadyExists = function (product, variant_id, quantityAdd, comments) {
+        this.addIfAllreadyExists = function (product, variant_id, quantityAdd) {
             if (quantityAdd === void 0) { quantityAdd = 1; }
             return _this.items.find(function (item, index) {
                 if (item.product.id == product.id && item.variant_id == variant_id) {
-                    _this.updateItemQuantity(item, _this.findItem(product.id).quantity + quantityAdd, comments);
+                    _this.updateItemQuantity(item, _this.findItem(product.id).quantity + quantityAdd);
                     return true;
                 }
                 return false;
@@ -4858,7 +4843,7 @@ var CartService = /** @class */ (function () {
                 return;
             }
             _this.requestInProcess.next(true);
-            var added = _this.addIfAllreadyExists(product, variant_id, quantity, comments);
+            var added = _this.addIfAllreadyExists(product, variant_id, quantity);
             if (!added) {
                 var payload = {
                     productCode: product.id,
@@ -4898,7 +4883,7 @@ var CartService = /** @class */ (function () {
             !added && _this.connection.post(_this.addItemApi(), { productCode: product.id, quantity: quantity, variantCode: variant_id, id: id || '', order_item_id: order_item_id || '', lot_quantity: lot_quantity || '', unit_price: unit_price || '', unit_total: unit_total || '', ajustement_total: ajustement_total || '', total_lot: total_lot || '', lot_status: lot_status || '', date_request: date_request || '', notes: notes || '', shipping_address_id: shipping_address_id || '', shipping_address_name: shipping_address_name || '', action: action || 'newlot' })
                 .subscribe(function (res) { return _this.appendToCart(res); }, function (err) { return _this.handleError(err); });
         };
-        this.addToCartPromise = function (product, quantity, variant_id, comments) { return __awaiter$5(_this, void 0, void 0, function () {
+        this.addToCartPromise = function (product, quantity, variant_id) { return __awaiter$5(_this, void 0, void 0, function () {
             var added, result;
             return __generator$5(this, function (_a) {
                 switch (_a.label) {
@@ -4908,7 +4893,7 @@ var CartService = /** @class */ (function () {
                             return [2 /*return*/];
                         }
                         this.requestInProcess.next(true);
-                        added = this.addIfAllreadyExists(product, variant_id, quantity, comments);
+                        added = this.addIfAllreadyExists(product, variant_id, quantity);
                         if (!!added) return [3 /*break*/, 2];
                         return [4 /*yield*/, (this.connection.post(this.addItemApi(), { productCode: product.id, quantity: quantity, variantCode: variant_id }).toPromise())];
                     case 1:
@@ -4954,18 +4939,13 @@ var CartService = /** @class */ (function () {
             items = items.filter(function (itemParam) { return !_this.items.find(function (item) { return itemParam.variantCode == item.variant_id; }); });
             return __spread$3(items, paramsMerge);
         };
-        this.updateItemQuantity = function (item, quantity, comments) {
+        this.updateItemQuantity = function (item, quantity) {
             if (_this.validateQuantity(item, quantity) && (_this.validatePriceAndCredits(item, quantity))) {
                 _this.requestInProcess.next(true);
-                var payload = { quantity: Number(quantity) };
-                if (comments !== undefined) {
-                    var cleaned = ((comments !== null && comments !== void 0 ? comments : '')).trim();
-                    payload.comments = cleaned;
-                }
                 _this.connection
-                    .put(_this.updateItemQuantityApi(_this.findItemByIdVariant(item.variant_id)), payload)
+                    .put(_this.updateItemQuantityApi(_this.findItemByIdVariant(item.variant_id)), { 'quantity': Number(quantity) })
                     .pipe(finalize(function () { return _this.requestInProcess.next(false); }))
-                    .subscribe(function (res) { return _this.updateCartObj(res) && _this.updateCartItemQuantity(item.variant_id, Number(quantity), comments); }, function (err) { return _this.handleError(err); });
+                    .subscribe(function (res) { return _this.updateCartObj(res) && _this.updateCartItemQuantity(item.variant_id, Number(quantity)); }, function (err) { return _this.handleError(err); });
             }
         };
         this.validateQuantity = function (item, quantity) {
@@ -7528,7 +7508,6 @@ var CartEcComponent = /** @class */ (function (_super) {
         _this.creditAccountShowPrices = null;
         _this.showTaxLegend = false;
         _this.cartLoading = false;
-        _this.enableFieldNotesInArticleFile = false;
         _this.toDecimal = function (amount) { return _this.consts.toDecimal(amount); };
         _this.redirectRegister = function () { return _this.router.navigateByUrl("/auth/login"); };
         _this.getVariants = function (product) {
@@ -7592,12 +7571,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, _g, _h, _j, _k;
+            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.showTaxLegend = (_h = (_g = channel) === null || _g === void 0 ? void 0 : _g.showTaxLegend, (_h !== null && _h !== void 0 ? _h : false));
-            _this.enableFieldNotesInArticleFile = (_k = (_j = channel) === null || _j === void 0 ? void 0 : _j.enableFieldNotesInArticleFile, (_k !== null && _k !== void 0 ? _k : false));
             if (_this.hidePrices) {
                 _this.router.navigate(['/']);
             }
@@ -7612,7 +7590,7 @@ var CartEcComponent = /** @class */ (function (_super) {
     };
     CartEcComponent.prototype.actualizarCantidad = function (item, cantidad, stock, id) {
         var _this = this;
-        var _a, _b, _c;
+        var _a;
         if (this.cartLoading) {
             return;
         }
@@ -7632,11 +7610,10 @@ var CartEcComponent = /** @class */ (function (_super) {
                 newQuantity = Math.round(newQuantity / step) * step;
             }
         }
-        var keepSameComment = (_c = (_b = item) === null || _b === void 0 ? void 0 : _b.comments, (_c !== null && _c !== void 0 ? _c : undefined));
         if (id) {
             this.isDisabled = true; // Actualiza la propiedad vinculada a `[disabled]`
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
+                this.cartService.updateItemQuantity(item, newQuantity);
             }
             else {
                 this.toastrService.show('out-of-stock-actually');
@@ -7647,7 +7624,7 @@ var CartEcComponent = /** @class */ (function (_super) {
         }
         else {
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
+                this.cartService.updateItemQuantity(item, newQuantity);
             }
             else {
                 this.toastrService.show('out-of-stock-actually');
@@ -8203,7 +8180,6 @@ var DataFormEcComponent = /** @class */ (function (_super) {
         _this.postalCodeErrorMessageFacturacion = "";
         _this.documentErrorMessage = "";
         _this.documentErrorMessageFacturacion = "";
-        _this.customerHasCustomerTaxRate = false;
         /**
          * @description filtra los paises de acuerdo al a los codigos retornados en la funcion getCountries.
          * Casos de usos: Si getCountries es vacio, retorna el arreglo que ingresa por parametro.
@@ -8213,24 +8189,18 @@ var DataFormEcComponent = /** @class */ (function (_super) {
          * @returns un arreglo de countries.
          */
         _this.filterCountryByCode = function (countries) {
-            // 1. Si hay países EXCLUIDOS, quítalos siempre
-            var filtered = countries;
-            if (_this.consts.excludedCountries && _this.consts.excludedCountries.length > 0) {
-                filtered = filtered.filter(function (elem) { return !_this.consts.excludedCountries.includes(elem.code); });
-            }
-            // 2. Si hay países INCLUIDOS, aplica el filtro de inclusión
             if (_this.consts.getCountries().length > 0) {
-                var countriesFiltered = filtered.filter(function (elem) { return _this.consts.getCountries().includes(elem.code); });
+                var countriesFiltered = countries.filter(function (elem) { return _this.consts.getCountries().includes(elem.code); });
                 if (countriesFiltered.length > 0) {
                     return countriesFiltered;
                 }
                 else {
                     console.error('El/los codigo/s ingresado/s no coinciden con los provistos desde el backend');
-                    return filtered;
+                    return countries;
                 }
             }
             else {
-                return filtered;
+                return countries;
             }
         };
         _this.showFormFacturacion = function () {
@@ -8489,7 +8459,6 @@ var DataFormEcComponent = /** @class */ (function (_super) {
         this.paramsService.parameters.subscribe(function (res) { return _this.params = res; });
         this.addressingService.initialize(this.step_id);
         var localEmail = localStorage.getItem('mail');
-        this.cartService.cart.subscribe(function (cart) { var _a; return _this.customerHasCustomerTaxRate = (_a = cart) === null || _a === void 0 ? void 0 : _a.customerHasCustomerTaxRate; });
         this.authService.isAuthenticated() && this.checkoutForm.controls['email'].setValue(((_a = this.authService.getCustomer()) === null || _a === void 0 ? void 0 : _a.email) || localEmail);
         this.authService.isAuthenticated() && this.checkoutForm.get('email').disable({ onlySelf: true });
         this.addressingService.getAddressingData().then(function (res) {
@@ -8570,6 +8539,9 @@ var DataFormEcComponent = /** @class */ (function (_super) {
     DataFormEcComponent.prototype.updateDocumentValidationFacturacion = function (selectedDocumentType) {
         this.updateValidation(selectedDocumentType, 'documentNumber', this.checkoutFormFacturacion, 'documentErrorMessageFacturacion', 'isNumeric', 'document-pattern-error');
     };
+    DataFormEcComponent.prototype.prueba = function (x) {
+        console.log(x);
+    };
     DataFormEcComponent.ctorParameters = function () { return [
         { type: AuthService },
         { type: FormBuilder },
@@ -8593,7 +8565,7 @@ var DataFormEcComponent = /** @class */ (function (_super) {
     DataFormEcComponent = __decorate$Q([
         Component({
             selector: 'app-dataform-ec',
-            template: "<ng-container\r\n    *ngIf=\"this.channelConfig.channelType != 'b2b' || (this.channelConfig.channelType == 'b2b' && authService.isAuthenticated()); else pleaseLogin\">\r\n    <ng-container\r\n        *ngIf=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null\">\r\n        <div class=\"container card p-4 mb-3\">\r\n            <div class=\"row justify-content-center\">\r\n                <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n                    <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                        <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                            <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                                (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                        </label>\r\n\r\n                        <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\"\r\n                            *ngIf=\"!getParamByChannelAndLanguage('btn_new_address_') && customerHasCustomerTaxRate\">\r\n                            <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\"\r\n                                (change)=\"setMode('carga')\">\r\n                            {{ 'new-address' | translate | titlecase}}\r\n                        </label>\r\n\r\n                        <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\"\r\n                            *ngIf=\"getParamByChannelAndLanguage('btn_new_address_') as param\">\r\n                            <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\"\r\n                                (change)=\"setMode('carga')\">\r\n                            {{ param.value}}\r\n                        </label>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"getMode(); else addressSelection\">\r\n        <div *ngIf=\"!require_login; else requireLoginView\">\r\n\r\n            <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_LOAD_ADDRESS'\">\r\n                <div class=\"checkout-title  my-2\">\r\n                    <h3>{{'billing-details'|translate}}</h3>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <form (submit)=\"verifyValidate(false,this.cartService.items)\">\r\n                <div class=\"row mt-df\"><!--Fila 1-->\r\n                    <div class=\"form-group col-12 col-md-6\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\r\n                        <label class=\"field-label\">{{'first-name'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input class=\"form-control\" type=\"text\" name=\"firstName\"\r\n                            [formControl]=\"checkoutForm.controls['firstName']\" value=\"\" placeholder=\"\"\r\n                            autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.firstName.touched && checkoutForm.controls.firstName.errors?.required\">\r\n                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.firstName.touched && checkoutForm.controls.firstName.errors?.pattern\">\r\n                            <span class=\"text-danger\">\r\n                                {{'first-name-help2'|translate}}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form-group col-12 col-md-6\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\r\n                        <label class=\"field-label\">{{'last-name'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input class=\"form-control\" type=\"text\" name=\"lastName\"\r\n                            [formControl]=\"checkoutForm.controls['lastName']\" value=\"\" placeholder=\"\"\r\n                            autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.lastName.touched && checkoutForm.controls.lastName.errors?.required\">\r\n                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.lastName.touched && checkoutForm.controls.lastName.errors?.pattern\">\r\n                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-df\"><!--Fila 2-->\r\n                    <div class=\"form-group col-12 col-md-6\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\r\n                        <label class=\"field-label\">{{'phone'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                            [formControl]=\"checkoutForm.controls['phoneNumber']\" value=\"\" placeholder=\"\"\r\n                            autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.phoneNumber.touched && checkoutForm.controls.phoneNumber.errors?.required\">\r\n                            <span class=\"text-danger\">\r\n\r\n                                {{'phone-help1'|translate}}\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.phoneNumber.touched && checkoutForm.controls.phoneNumber.errors?.pattern\">\r\n                            <span class=\"text-danger\">\r\n                                {{'phone-help2'|translate}}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form-group col-12 col-md-6\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\r\n                        <label class=\"field-label\">{{'email-address'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\r\n                            [formControl]=\"checkoutForm.controls['email']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.email.touched && checkoutForm.controls.email.errors?.required\">\r\n                            <span class=\"text-danger\">\r\n                                {{'email-address-help1'|translate}}\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.email.touched && checkoutForm.controls.email.errors?.email\">\r\n                            <span class=\"text-danger\">\r\n                                {{'email-address-help2'|translate}}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-df\"><!--Fila 3-->\r\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\r\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(countries$ | async) as countries\">\r\n                            <label class=\"field-label\">{{'country'|translate}}<span\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\r\n                                    class=\"required\">*</span></label>\r\n                            <select class=\"form-select\" name=\"countryCode\"\r\n                                [formControl]=\"checkoutForm.controls['countryCode']\"\r\n                                (change)=\"onCountrySelected($event.target.value)\">\r\n                                <!--   <option selected [value]=\"countries[0].code\">{{ 'choose-country' | translate }}</option> -->\r\n                                <option *ngFor=\"let country of countries\" [value]=\"country.code\">{{ country.name }}\r\n                                </option>\r\n                            </select>\r\n                            <div *ngIf=\"checkoutForm.controls.countryCode.touched && checkoutForm.controls.countryCode.errors?.required\"\r\n                                class=\"text text-danger\">\r\n                                {{'country-help'|translate}}\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\r\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(provinces$ | async) as provinces\">\r\n                            <label class=\"field-label\">{{'state'|translate}}<span\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\r\n                                    class=\"required\">*</span></label>\r\n                            <select class=\"form-select\" name=\"provinceCode\"\r\n                                (change)=\"onProvincesSelected($event.target.value)\"\r\n                                [formControl]=\"checkoutForm.controls['provinceCode']\">\r\n                                <!--                             <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option>\r\n -->\r\n                                <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}\r\n                                </option>\r\n                            </select>\r\n                            <div *ngIf=\"checkoutForm.controls.provinceCode.touched && checkoutForm.controls.provinceCode.errors?.required\"\r\n                                class=\"text text-danger\">\r\n                                {{'state-help'|translate}}\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n                    <div class=\"form-group col-12 col-md-4\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\r\n                        <label class=\"field-label\">{{'town-city'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                            [formControl]=\"checkoutForm.controls['city']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.city.touched && checkoutForm.controls.city.errors?.required\">\r\n                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-df\"><!--Fila 4-->\r\n                    <div class=\"form-group col-12 col-md-8\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\r\n                        <label class=\"field-label\">{{'address'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\r\n                                class=\"required\">*</span>\r\n                              <span class=\"char-count ms-2\" style=\"font-size: 0.9em; color: #888;\">\r\n    {{ 50 - (checkoutForm.controls['street'].value?.length || 0) }} {{'remainingCharacters'|translate}}\r\n  </span>\r\n                            </label>\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                            [formControl]=\"checkoutForm.controls['street']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.street.touched && checkoutForm.controls.street.errors?.required\">\r\n                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.street.touched && checkoutForm.controls.street.errors?.maxlength\">\r\n                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- form direcci\u00F3n -->\r\n                    <div class=\"form-group col-12 col-md-4\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.enabled\">\r\n                        <label class=\"field-label\">{{'postal-code'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                            [formControl]=\"checkoutForm.controls['postcode']\" value=\"\" placeholder=\"\"\r\n                            autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.postcode.touched && checkoutForm.controls.postcode.errors?.required\">\r\n                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.postcode.touched && checkoutForm.controls.postcode.errors?.pattern\">\r\n                            <span class=\"text-danger\"> {{postalCodeErrorMessage | translate}} </span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-df\"><!--Fila 5-->\r\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\r\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\r\n                            <label class=\"field-label\">{{'document-type'|translate}}<span\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\r\n                                    class=\"required\">*</span></label>\r\n                            <select name=\"documentType\" class=\"form-select\"\r\n                                (change)=\"onDocumentTypesSelected($event.target.value)\"\r\n                                [formControl]=\"checkoutForm.controls['documentType']\">\r\n                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n -->\r\n                                <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">{{item.name}}</option>\r\n                            </select>\r\n                            <div class=\"text-danger-container\"\r\n                                *ngIf=\"checkoutForm.controls.documentType.touched && checkoutForm.controls.documentType.errors?.required\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'type-document-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n                    <div class=\"form-group col-12 col-md-4\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\r\n                        <label class=\"field-label\">{{'document-number'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                            [formControl]=\"checkoutForm.controls['documentNumber']\" placeholder=\"\" autocomplete=\"off\">\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.documentNumber.touched && checkoutForm.controls.documentNumber.errors?.required\">\r\n                            <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\r\n                        </div>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.documentNumber.touched && checkoutForm.controls.documentNumber.errors?.pattern\">\r\n                            <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\"><!--Fila 6-->\r\n                    <div class=\"form-group col-12 col-md-12\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n\r\n                        <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\"\r\n                            [innerHTML]=\"labelnotes.value\"><span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                class=\"required\">*</span></label>\r\n\r\n                        <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\r\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                            [formControl]=\"checkoutForm.controls['notes']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-df\"><!--Fila 7-->\r\n                    <div class=\"form-group col-12 col-md-12\">\r\n                        <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                                class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                                id=\"formFact\"></label>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-df\">\r\n                    <div class=\"col-12\">\r\n                        <p>\r\n                            <!-- <span class=\"required\"></span> -->\r\n                            <label class=\"required text-underline\">* {{ 'required-fields' | translate }}</label>\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row mt-df\">\r\n                    <div class=\"form-group col-12 col-md-12\"\r\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.enabled\">\r\n                        <span *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.required\"\r\n                            class=\"required\">*</span>\r\n                        <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                                [formControl]=\"checkoutForm.controls['terms']\" type=\"checkbox\" required\r\n                                (change)=\"onInputChange()\" /> </label><br />\r\n                        <a (click)=\"openModal(template)\" role=\"button\" class=\"ms-3 nota-input text-dark\">{{ 'whats-this'\r\n                            |\r\n                            translate }}</a>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.terms.touched && !checkoutForm.controls.terms.value\">\r\n                            <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\" *ngIf=\"viewDataFacturacion ; else datosFormFacturacion\"> </div>\r\n                <div class=\"checkout-btn-unique text-end\">\r\n                    <button type=\"submit\" [disabled]=\"!validado\" class=\"btn valid-btn mt-2\">\r\n                        {{(isLastOne ? 'finish-checkout' : (allready_data ? 'update' :\r\n                        'ready-form')) | translate}}</button>\r\n\r\n\r\n                </div>\r\n                <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-template #addressSelection>\r\n\r\n        <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_ADDRESS_SELECTION'\">\r\n            <div class=\"checkout-title my-2\">\r\n                <h3>{{'address-selection'|translate}}</h3>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"this.addressBook; else addressBookNotResult\">\r\n\r\n            <ng-container *ngIf=\"this.addressBook?.length ;else addressBookLoading\">\r\n                <div class=\"container\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\r\n                            <div class=\"card p-3\">\r\n                                <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\"\r\n                                    [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\"\r\n                                    (change)=\"onInputChange()\">\r\n                                <div class=\"ms-5\">\r\n                                    <h4 class=\"card-title\">\r\n                                        <strong>{{'address'|translate}}</strong><br>\r\n                                        <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                                    </h4>\r\n                                    <div class=\"row\">\r\n                                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                            <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                                        </h5>\r\n                                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                            <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                                        </h5>\r\n                                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                            <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                                        </h5>\r\n                                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                            <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                                        </h5>\r\n                                    </div>\r\n                                    <div class=\"row px-3\">\r\n                                        <div class=\"card p-2 bg-light w-100\">\r\n                                            <div class=\"card-body\">\r\n                                                <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                    <strong>{{'first-name'|translate}}</strong>\r\n                                                    {{item.addressContact.firstName}}\r\n                                                </h6>\r\n                                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                    <strong>{{'last-name'|translate}}</strong>\r\n                                                    {{item.addressContact.lastName}}\r\n                                                </h6>\r\n                                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                    <strong>{{'document-type'|translate}}</strong>\r\n                                                    {{getDocumentType(item.addressContact.documentType)}}\r\n                                                </h6>\r\n                                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                    <strong>{{'document-number'|translate}}</strong>\r\n                                                    {{item.addressContact.documentNumber}}\r\n                                                </h6>\r\n                                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                    <strong>{{'email-address'|translate}}</strong>\r\n                                                    {{item.addressContact.email}}\r\n                                                </h6>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <!-- Se hardcodea el canal de mundo del juguete empresa A ya que se necesita con urgencia, se sustituira por un campo que llegara de backend.  -->\r\n                    <div class=\"w-100\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\r\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n                            <div class=\"row mt-df\">\r\n                                <div class=\"form-group col-12 col-md-12\">\r\n                                    <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\"\r\n                                        [innerHTML]=\"labelnotes.value\"></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                        [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"invalid-feedback d-block\" *ngIf=\"\r\n                                               addressingService.getTypeForm().viewForms.notes.required\r\n                                               && (!addressBookSelected.notes || !addressBookSelected.notes.trim())\r\n                                             \">\r\n                                        {{ 'required-field' | translate }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <div class=\"checkout-btn-unique text-end\">\r\n                        <button (click)=\"selectAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\">\r\n                            {{(isLastOne ? 'finish-checkout' : (allready_data ? 'update' :\r\n                            'ready-form')) | translate}}\r\n                        </button>\r\n                    </div>\r\n                    <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n    </ng-template>\r\n\r\n\r\n    <ng-template #requireLoginView>\r\n        <div id=\"loginCheckout\">\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\" *ngIf=\"require_login\">\r\n                <div class=\"col-12\">\r\n                    <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n                    </app-login-form-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template #datosFormFacturacion>\r\n        <div class=\"container-fluid px-0 px-md-2\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"card \">\r\n                        <div class=\"card-header text-dark text-center\">\r\n                            <h3>{{'billing-data'|translate}}</h3>\r\n                        </div>\r\n                        <div class=\"card-body\">\r\n                            <form (submit)=\"verifyValidate()\">\r\n                                <div class=\"row mt-df\">\r\n                                    <!--Fila 1-->\r\n                                    <div class=\"form-group col-12 col-md-6\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\r\n                                        <label class=\"field-label\">{{'first-name'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input class=\"form-control\" type=\"text\" name=\"firstName\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['firstName']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.firstName.touched && checkoutFormFacturacion.controls.firstName.errors?.required\">\r\n                                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n\r\n                                        </div>\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.firstName.touched && checkoutFormFacturacion.controls.firstName.errors?.pattern\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'first-name-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"form-group col-12 col-md-6\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\r\n                                        <label class=\"field-label\">{{'last-name'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input class=\"form-control\" type=\"text\" name=\"lastName\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['lastName']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.lastName.touched && checkoutFormFacturacion.controls.lastName.errors?.required\">\r\n                                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                                        </div>\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.lastName.touched && checkoutFormFacturacion.controls.lastName.errors?.pattern\">\r\n                                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row mt-df\">\r\n                                    <!--Fila 2-->\r\n                                    <div class=\"form-group col-12 col-md-6\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\r\n                                        <label class=\"field-label\">{{'phone'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\"\r\n                                            name=\"phoneNumber\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['phoneNumber']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.phoneNumber.touched && checkoutFormFacturacion.controls.phoneNumber.errors?.required\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'phone-help1'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.phoneNumber.touched && checkoutFormFacturacion.controls.phoneNumber.errors?.pattern\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'phone-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"form-group col-12 col-md-6\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\r\n                                        <label class=\"field-label\">{{'email-address'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['email']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.email.touched && checkoutFormFacturacion.controls.email.errors?.required\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'email-address-help1'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.email.touched && checkoutFormFacturacion.controls.email.errors?.email\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'email-address-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row mt-df\">\r\n                                    <!--Fila 3-->\r\n\r\n                                    <ng-container\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\r\n\r\n                                        <div class=\"form-group col-12 col-md-4\"\r\n                                            *ngIf=\"(countriesFacturacion$ | async) as countries\">\r\n                                            <label class=\"field-label\">{{'country'|translate}}<span\r\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\r\n                                                    class=\"required\">*</span></label>\r\n                                            <select class=\"form-select\" name=\"countryCode\"\r\n                                                [formControl]=\"checkoutFormFacturacion.controls['countryCode']\"\r\n                                                (change)=\"onCountrySelectedFacturacion($event.target.value)\">\r\n                                                <!-- <option selected [value]=\"null\">{{ 'choose-country' | translate }}</option> -->\r\n                                                <option *ngFor=\"let country of countries\" [value]=\"country.code\">\r\n                                                    {{ country.name }}</option>\r\n                                            </select>\r\n                                            <div *ngIf=\"checkoutFormFacturacion.controls.countryCode.touched && checkoutFormFacturacion.controls.countryCode.errors?.required\"\r\n                                                class=\"text text-danger\">\r\n                                                {{'country-help'|translate}}\r\n                                            </div>\r\n                                        </div>\r\n                                    </ng-container>\r\n                                    <ng-container\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\r\n\r\n                                        <div class=\"form-group col-12 col-md-4\"\r\n                                            *ngIf=\"(provincesFacturacion$ | async) as provinces\">\r\n                                            <label class=\"field-label\">{{'state'|translate}}<span\r\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\r\n                                                    class=\"required\">*</span></label>\r\n                                            <select class=\"form-select\" name=\"provinceCode\"\r\n                                                (change)=\"onProvincesSelectedFacturacion($event.target.value)\"\r\n                                                [formControl]=\"checkoutFormFacturacion.controls['provinceCode']\">\r\n                                                <!-- <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option> -->\r\n                                                <option *ngFor=\"let province of provinces\" [value]=\"province.code\">\r\n                                                    {{ province.name }}\r\n                                                </option>\r\n                                            </select>\r\n                                            <div *ngIf=\"checkoutFormFacturacion.controls.provinceCode.touched && checkoutFormFacturacion.controls.provinceCode.errors?.required\"\r\n                                                class=\"text text-danger\">\r\n                                                {{'state-help'|translate}}\r\n                                            </div>\r\n                                        </div>\r\n                                    </ng-container>\r\n                                    <div class=\"form-group col-12 col-md-4\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\r\n                                        <label class=\"field-label\">{{'town-city'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['city']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.city.touched && checkoutFormFacturacion.controls.city.errors?.required\">\r\n                                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row mt-df\">\r\n                                    <!--Fila 4-->\r\n                                    <div class=\"form-group col-12 col-md-8\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\r\n                                        <label class=\"field-label\">{{'address'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['street']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.street.touched && checkoutFormFacturacion.controls.street.errors?.required\">\r\n                                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                                        </div>\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.street.touched && checkoutFormFacturacion.controls.street.errors?.maxlength\">\r\n                                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"form-group col-12 col-md-4\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.enabled\">\r\n                                        <label class=\"field-label\">{{'postal-code'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\"\r\n                                            name=\"postcode\" [formControl]=\"checkoutFormFacturacion.controls['postcode']\"\r\n                                            value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.postcode.touched && checkoutFormFacturacion.controls.postcode.errors?.required\">\r\n                                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                                        </div>\r\n                                        <div class=\"text-danger-container\"\r\n                                            *ngIf=\"checkoutFormFacturacion.controls.postcode.touched && checkoutFormFacturacion.controls.postcode.errors?.pattern\">\r\n                                            <span class=\"text-danger\">{{postalCodeErrorMessage |translate}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row mt-df\">\r\n                                    <!--Fila 5-->\r\n                                    <ng-container\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\r\n                                        <div class=\"form-group col-12 col-md-4\"\r\n                                            *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\r\n                                            <label class=\"field-label\">{{'document-type'|translate}}<span\r\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\r\n                                                    class=\"required\">*</span></label>\r\n                                            <select name=\"documentType\" class=\"form-select\"\r\n                                                [formControl]=\"checkoutFormFacturacion.controls['documentType']\"\r\n                                                (change)=\"onDocumentTypesSelectedFacturacion($event.target.value)\">\r\n                                                <!-- <option [value]=\"''\" selected>{{'document-type'|translate}}</option> -->\r\n                                                <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">\r\n                                                    {{item.name}}</option>\r\n                                            </select>\r\n                                            <div class=\"text-danger-container\"\r\n                                                *ngIf=\"checkoutFormFacturacion.controls.documentType.touched && checkoutFormFacturacion.controls.documentType.errors?.required\">\r\n                                                <span class=\"text-danger\">\r\n                                                    {{'type-document-help'|translate}}\r\n                                                </span>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"form-group col-12 col-md-4\"\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\r\n                                            <label class=\"field-label\">{{'document-number'|translate}}<span\r\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\r\n                                                    class=\"required\">*</span></label>\r\n                                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\r\n                                                name=\"documentNumber\"\r\n                                                [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\r\n                                                placeholder=\"\" autocomplete=\"off\">\r\n                                            <div class=\"text-danger-container\"\r\n                                                *ngIf=\"checkoutFormFacturacion.controls.documentNumber.touched && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\r\n                                                <span class=\"text-danger\">\r\n                                                    {{'document-number-help'|translate}}\r\n                                                </span>\r\n                                            </div>\r\n                                            <div class=\"text-danger-container\"\r\n                                                *ngIf=\"checkoutFormFacturacion.controls.documentNumber.touched && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\r\n                                                <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </ng-container>\r\n                                </div>\r\n                                <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\r\n                                    <div class=\"form-group col-12 col-md-12\"\r\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n                                        <label class=\"field-label\"\r\n                                            *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}aaa <span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelNotesHtml\">\r\n                                            <div [innerHTML]=\"labelNotesHtml\"></div>\r\n                                            <span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                                class=\"required\">*</span>\r\n                                        </label>\r\n\r\n                                        <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['notes']\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template #template>\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n                </button>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"modal-body scrol-if\">\r\n            <app-section-container-ec [name]=\"'terminos-y-condiciones'\"> </app-section-container-ec>\r\n        </div>\r\n\r\n    </ng-template>\r\n\r\n\r\n    <ng-template #addressBookNotResult>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 text-center my-2\">\r\n                    <h4> {{'address-book-not-result' | translate }} </h4>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #addressBookLoading>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 text-center my-2\">\r\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #pleaseLogin>\r\n    <div class=\"container\">\r\n        <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\r\n    </div>\r\n</ng-template>",
+            template: "<ng-container *ngIf=\"this.channelConfig.channelType != 'b2b' || (this.channelConfig.channelType == 'b2b' && authService.isAuthenticated()); else pleaseLogin\">\r\n<ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null\">\r\n    <div class=\"container card p-4 mb-3\">\r\n        <div class=\"row justify-content-center\">\r\n            <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n                <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                    <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                        <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                            (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                    </label>\r\n\r\n                    <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\" *ngIf=\"!getParamByChannelAndLanguage('btn_new_address_')\">\r\n                        <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                        {{ 'new-address' | translate | titlecase}}\r\n                    </label>\r\n\r\n                    <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\" *ngIf=\"getParamByChannelAndLanguage('btn_new_address_') as param\">\r\n                        <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                        {{ param.value}}\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"getMode(); else addressSelection\">\r\n    <div *ngIf=\"!require_login; else requireLoginView\">\r\n\r\n        <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_LOAD_ADDRESS'\">\r\n            <div class=\"checkout-title  my-2\">\r\n                <h3>{{'billing-details'|translate}}</h3>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <form (submit)=\"verifyValidate(false,this.cartService.items)\">\r\n            <div class=\"row mt-df\"><!--Fila 1-->\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\r\n                    <label class=\"field-label\">{{'first-name'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input class=\"form-control\" type=\"text\" name=\"firstName\"\r\n                        [formControl]=\"checkoutForm.controls['firstName']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.firstName.touched && checkoutForm.controls.firstName.errors?.required\">\r\n                        <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.firstName.touched && checkoutForm.controls.firstName.errors?.pattern\">\r\n                        <span class=\"text-danger\">\r\n                            {{'first-name-help2'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\r\n                    <label class=\"field-label\">{{'last-name'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input class=\"form-control\" type=\"text\" name=\"lastName\"\r\n                        [formControl]=\"checkoutForm.controls['lastName']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.lastName.touched && checkoutForm.controls.lastName.errors?.required\">\r\n                        <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.lastName.touched && checkoutForm.controls.lastName.errors?.pattern\">\r\n                        <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\"><!--Fila 2-->\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\r\n                    <label class=\"field-label\">{{'phone'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                        [formControl]=\"checkoutForm.controls['phoneNumber']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.phoneNumber.touched && checkoutForm.controls.phoneNumber.errors?.required\">\r\n                        <span class=\"text-danger\">\r\n\r\n                            {{'phone-help1'|translate}}\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.phoneNumber.touched && checkoutForm.controls.phoneNumber.errors?.pattern\">\r\n                        <span class=\"text-danger\">\r\n                            {{'phone-help2'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form-group col-12 col-md-6\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\r\n                    <label class=\"field-label\">{{'email-address'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\r\n                        [formControl]=\"checkoutForm.controls['email']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.email.touched && checkoutForm.controls.email.errors?.required\">\r\n                        <span class=\"text-danger\">\r\n                            {{'email-address-help1'|translate}}\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.email.touched && checkoutForm.controls.email.errors?.email\">\r\n                        <span class=\"text-danger\">\r\n                            {{'email-address-help2'|translate}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 3-->\r\n                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\r\n                    <div class=\"form-group col-12 col-md-4\" *ngIf=\"(countries$ | async) as countries\">\r\n                        <label class=\"field-label\">{{'country'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <select class=\"form-select\" name=\"countryCode\"\r\n                            [formControl]=\"checkoutForm.controls['countryCode']\"\r\n                            (change)=\"onCountrySelected($event.target.value)\">\r\n                          <!--   <option selected [value]=\"countries[0].code\">{{ 'choose-country' | translate }}</option> -->\r\n                            <option *ngFor=\"let country of countries\" [value]=\"country.code\">{{ country.name }}</option>\r\n                        </select>\r\n                        <div *ngIf=\"checkoutForm.controls.countryCode.touched && checkoutForm.controls.countryCode.errors?.required\"\r\n                            class=\"text text-danger\">\r\n                            {{'country-help'|translate}}\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\r\n                    <div class=\"form-group col-12 col-md-4\" *ngIf=\"(provinces$ | async) as provinces\">\r\n                        <label class=\"field-label\">{{'state'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <select class=\"form-select\" name=\"provinceCode\"\r\n                            (change)=\"onProvincesSelected($event.target.value)\"\r\n                            [formControl]=\"checkoutForm.controls['provinceCode']\">\r\n<!--                             <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option>\r\n -->                            <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}\r\n                            </option>\r\n                        </select>\r\n                        <div *ngIf=\"checkoutForm.controls.provinceCode.touched && checkoutForm.controls.provinceCode.errors?.required\"\r\n                            class=\"text text-danger\">\r\n                            {{'state-help'|translate}}\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"form-group col-12 col-md-4\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\r\n                    <label class=\"field-label\">{{'town-city'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                        [formControl]=\"checkoutForm.controls['city']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.city.touched && checkoutForm.controls.city.errors?.required\">\r\n                        <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 4-->\r\n                <div class=\"form-group col-12 col-md-8\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\r\n                    <label class=\"field-label\">{{'address'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                        [formControl]=\"checkoutForm.controls['street']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.street.touched && checkoutForm.controls.street.errors?.required\">\r\n                        <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.street.touched && checkoutForm.controls.street.errors?.maxlength\">\r\n                        <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- form direcci\u00F3n -->\r\n                <div class=\"form-group col-12 col-md-4\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.enabled\">\r\n                    <label class=\"field-label\">{{'postal-code'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                        [formControl]=\"checkoutForm.controls['postcode']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.postcode.touched && checkoutForm.controls.postcode.errors?.required\">\r\n                        <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.postcode.touched && checkoutForm.controls.postcode.errors?.pattern\">\r\n                        <span class=\"text-danger\"> {{postalCodeErrorMessage | translate}} </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\"><!--Fila 5-->\r\n                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\r\n                    <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\r\n                        <label class=\"field-label\">{{'document-type'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\r\n                                class=\"required\">*</span></label>\r\n                        <select name=\"documentType\" class=\"form-select\"\r\n                            (change)=\"onDocumentTypesSelected($event.target.value)\"\r\n                            [formControl]=\"checkoutForm.controls['documentType']\">\r\n<!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n -->                            <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">{{item.name}}</option>\r\n                        </select>\r\n                        <div class=\"text-danger-container\"\r\n                            *ngIf=\"checkoutForm.controls.documentType.touched && checkoutForm.controls.documentType.errors?.required\">\r\n                            <span class=\"text-danger\">\r\n                                {{'type-document-help'|translate}}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"form-group col-12 col-md-4\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\r\n                    <label class=\"field-label\">{{'document-number'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\"\r\n                        [type]=\"'text'\" name=\"documentNumber\"\r\n                        [formControl]=\"checkoutForm.controls['documentNumber']\"\r\n                        placeholder=\"\" autocomplete=\"off\">\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.documentNumber.touched && checkoutForm.controls.documentNumber.errors?.required\">\r\n                        <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\r\n                    </div>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.documentNumber.touched && checkoutForm.controls.documentNumber.errors?.pattern\">\r\n                        <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\"><!--Fila 6-->\r\n                <div class=\"form-group col-12 col-md-12\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n\r\n                    <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                            class=\"required\">*</span></label>\r\n                    <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\" [innerHTML]=\"labelnotes.value\"><span\r\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                            class=\"required\">*</span></label>\r\n\r\n                    <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\r\n                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                        [formControl]=\"checkoutForm.controls['notes']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\"><!--Fila 7-->\r\n                <div class=\"form-group col-12 col-md-12\">\r\n                    <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                            class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                            id=\"formFact\"></label>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\">\r\n                <div class=\"col-12\">\r\n                    <p>\r\n                        <!-- <span class=\"required\"></span> -->\r\n                        <label class=\"required text-underline\">* {{ 'required-fields' | translate }}</label>\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-df\">\r\n                <div class=\"form-group col-12 col-md-12\"\r\n                    *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.enabled\">\r\n                    <span *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.required\"\r\n                        class=\"required\">*</span>\r\n                    <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                            [formControl]=\"checkoutForm.controls['terms']\" type=\"checkbox\" required\r\n                            (change)=\"onInputChange()\" /> </label><br />\r\n                    <a (click)=\"openModal(template)\" role=\"button\" class=\"ms-3 nota-input text-dark\">{{ 'whats-this' |\r\n                        translate }}</a>\r\n                    <div class=\"text-danger-container\"\r\n                        *ngIf=\"checkoutForm.controls.terms.touched && !checkoutForm.controls.terms.value\">\r\n                        <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row\" *ngIf=\"viewDataFacturacion ; else datosFormFacturacion\"> </div>\r\n            <div class=\"checkout-btn-unique text-end\">\r\n                <button type=\"submit\" [disabled]=\"!validado\" class=\"btn valid-btn mt-2\">\r\n                    {{(isLastOne ? 'finish-checkout' : (allready_data ? 'update' :\r\n                    'ready-form')) | translate}}</button>\r\n\r\n\r\n            </div>\r\n            <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #addressSelection>\r\n\r\n    <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_ADDRESS_SELECTION'\">\r\n        <div class=\"checkout-title my-2\">\r\n            <h3>{{'address-selection'|translate}}</h3>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.addressBook; else addressBookNotResult\">\r\n\r\n        <ng-container *ngIf=\"this.addressBook?.length ;else addressBookLoading\">\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\r\n                        <div class=\"card p-3\">\r\n                            <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\r\n                                [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\r\n                            <div class=\"ms-5\">\r\n                                <h4 class=\"card-title\">\r\n                                    <strong>{{'address'|translate}}</strong><br>\r\n                                    <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                                </h4>\r\n                                <div class=\"row\">\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                                    </h5>\r\n                                </div>\r\n                                <div class=\"row px-3\">\r\n                                    <div class=\"card p-2 bg-light w-100\">\r\n                                        <div class=\"card-body\">\r\n                                            <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'first-name'|translate}}</strong>\r\n                                                {{item.addressContact.firstName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'last-name'|translate}}</strong> {{item.addressContact.lastName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-type'|translate}}</strong>\r\n                                                {{getDocumentType(item.addressContact.documentType)}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-number'|translate}}</strong>\r\n                                                {{item.addressContact.documentNumber}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'email-address'|translate}}</strong> {{item.addressContact.email}}\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n<!-- Se hardcodea el canal de mundo del juguete empresa A ya que se necesita con urgencia, se sustituira por un campo que llegara de backend.  -->\r\n                <div class=\"w-100\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\"> \r\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n                        <div class=\"row mt-df\">\r\n                            <div class=\"form-group col-12 col-md-12\">\r\n                                <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\r\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                class=\"required\">*</span></label>\r\n                                <label class=\"field-label\"\r\n                                    *ngIf=\"getLabelNotesParam() as labelnotes\" [innerHTML]=\"labelnotes.value\"></label>\r\n                                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                    [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\r\n                                    autocomplete=\"off\"> \r\n                                <div class=\"invalid-feedback d-block\" *ngIf=\"\r\n                                               addressingService.getTypeForm().viewForms.notes.required\r\n                                               && (!addressBookSelected.notes || !addressBookSelected.notes.trim())\r\n                                             \">\r\n                                    {{ 'required-field' | translate }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"checkout-btn-unique text-end\">\r\n                    <button (click)=\"selectAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\">\r\n                        {{(isLastOne ? 'finish-checkout' : (allready_data ? 'update' :\r\n                    'ready-form')) | translate}}\r\n                    </button>\r\n                </div>\r\n                <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #requireLoginView>\r\n    <div id=\"loginCheckout\">\r\n        <div class=\"d-flex flex-column jusitfy-content-center align-items-center\" *ngIf=\"require_login\">\r\n            <div class=\"col-12\">\r\n                <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n                </app-login-form-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<ng-template #datosFormFacturacion>\r\n    <div class=\"container-fluid px-0 px-md-2\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"card \">\r\n                    <div class=\"card-header text-dark text-center\">\r\n                        <h3>{{'billing-data'|translate}}</h3>\r\n                    </div>\r\n                    <div class=\"card-body\">\r\n                        <form (submit)=\"verifyValidate()\">\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 1-->\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\r\n                                    <label class=\"field-label\">{{'first-name'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input class=\"form-control\" type=\"text\" name=\"firstName\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['firstName']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.firstName.touched && checkoutFormFacturacion.controls.firstName.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.firstName.touched && checkoutFormFacturacion.controls.firstName.errors?.pattern\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'first-name-help2'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\r\n                                    <label class=\"field-label\">{{'last-name'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input class=\"form-control\" type=\"text\" name=\"lastName\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['lastName']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.lastName.touched && checkoutFormFacturacion.controls.lastName.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.lastName.touched && checkoutFormFacturacion.controls.lastName.errors?.pattern\">\r\n                                        <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 2-->\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\r\n                                    <label class=\"field-label\">{{'phone'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\"\r\n                                        name=\"phoneNumber\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['phoneNumber']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.phoneNumber.touched && checkoutFormFacturacion.controls.phoneNumber.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'phone-help1'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.phoneNumber.touched && checkoutFormFacturacion.controls.phoneNumber.errors?.pattern\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'phone-help2'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-6\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\r\n                                    <label class=\"field-label\">{{'email-address'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['email']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.email.touched && checkoutFormFacturacion.controls.email.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'email-address-help1'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.email.touched && checkoutFormFacturacion.controls.email.errors?.email\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'email-address-help2'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 3-->\r\n\r\n                                <ng-container\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\r\n\r\n                                    <div class=\"form-group col-12 col-md-4\"\r\n                                        *ngIf=\"(countriesFacturacion$ | async) as countries\">\r\n                                        <label class=\"field-label\">{{'country'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <select class=\"form-select\" name=\"countryCode\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['countryCode']\"\r\n                                            (change)=\"onCountrySelectedFacturacion($event.target.value)\">\r\n                                            <!-- <option selected [value]=\"null\">{{ 'choose-country' | translate }}</option> -->\r\n                                            <option *ngFor=\"let country of countries\" [value]=\"country.code\">\r\n                                                {{ country.name }}</option>\r\n                                        </select>\r\n                                        <div *ngIf=\"checkoutFormFacturacion.controls.countryCode.touched && checkoutFormFacturacion.controls.countryCode.errors?.required\"\r\n                                            class=\"text text-danger\">\r\n                                            {{'country-help'|translate}}\r\n                                        </div>\r\n                                    </div>\r\n                                </ng-container>\r\n                                <ng-container\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\r\n\r\n                                    <div class=\"form-group col-12 col-md-4\"\r\n                                        *ngIf=\"(provincesFacturacion$ | async) as provinces\">\r\n                                        <label class=\"field-label\">{{'state'|translate}}<span\r\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\r\n                                                class=\"required\">*</span></label>\r\n                                        <select class=\"form-select\" name=\"provinceCode\"\r\n                                            (change)=\"onProvincesSelectedFacturacion($event.target.value)\"\r\n                                            [formControl]=\"checkoutFormFacturacion.controls['provinceCode']\">\r\n                                            <!-- <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option> -->\r\n                                            <option *ngFor=\"let province of provinces\" [value]=\"province.code\">\r\n                                                {{ province.name }}\r\n                                            </option>\r\n                                        </select>\r\n                                        <div *ngIf=\"checkoutFormFacturacion.controls.provinceCode.touched && checkoutFormFacturacion.controls.provinceCode.errors?.required\"\r\n                                            class=\"text text-danger\">\r\n                                            {{'state-help'|translate}}\r\n                                        </div>\r\n                                    </div>\r\n                                </ng-container>\r\n                                <div class=\"form-group col-12 col-md-4\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\r\n                                    <label class=\"field-label\">{{'town-city'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['city']\" value=\"\" placeholder=\"\"\r\n                                        autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.city.touched && checkoutFormFacturacion.controls.city.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 4-->\r\n                                <div class=\"form-group col-12 col-md-8\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\r\n                                    <label class=\"field-label\">{{'address'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['street']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.street.touched && checkoutFormFacturacion.controls.street.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.street.touched && checkoutFormFacturacion.controls.street.errors?.maxlength\">\r\n                                        <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-4\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.enabled\">\r\n                                    <label class=\"field-label\">{{'postal-code'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.postcode.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['postcode']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.postcode.touched && checkoutFormFacturacion.controls.postcode.errors?.required\">\r\n                                        <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.postcode.touched && checkoutFormFacturacion.controls.postcode.errors?.pattern\">\r\n                                        <span class=\"text-danger\">{{postalCodeErrorMessage |translate}}</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row mt-df\">\r\n                                <!--Fila 5-->\r\n                                <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\r\n                                <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\r\n                                    <label class=\"field-label\">{{'document-type'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <select name=\"documentType\" class=\"form-select\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['documentType']\"\r\n                                        (change)=\"onDocumentTypesSelectedFacturacion($event.target.value)\">\r\n                                        <!-- <option [value]=\"''\" selected>{{'document-type'|translate}}</option> -->\r\n                                        <option\r\n                                            *ngFor=\"let item of documentTypes\"\r\n                                            [value]=\"item.code\">{{item.name}}</option>\r\n                                    </select>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.documentType.touched && checkoutFormFacturacion.controls.documentType.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'type-document-help'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-group col-12 col-md-4\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\r\n                                    <label class=\"field-label\">{{'document-number'|translate}}<span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\"\r\n                                    [type]=\"'text'\" name=\"documentNumber\"\r\n                                    [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\r\n                                    placeholder=\"\" autocomplete=\"off\">\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.documentNumber.touched && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\r\n                                        <span class=\"text-danger\">\r\n                                            {{'document-number-help'|translate}}\r\n                                        </span>\r\n                                    </div>\r\n                                    <div class=\"text-danger-container\"\r\n                                        *ngIf=\"checkoutFormFacturacion.controls.documentNumber.touched && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\r\n                                        <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\r\n                                    </div>\r\n                                </div>\r\n                                </ng-container>\r\n                            </div>\r\n                            <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\r\n                                <div class=\"form-group col-12 col-md-12\"\r\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\r\n                                    <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}aaa <span\r\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\r\n                                            class=\"required\">*</span></label>\r\n                                            <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelNotesHtml\">\r\n                                             <div [innerHTML]=\"labelNotesHtml\"></div>\r\n                                             <span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span>\r\n                                           </label>\r\n\r\n                                    <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\r\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                        [formControl]=\"checkoutFormFacturacion.controls['notes']\" value=\"\"\r\n                                        placeholder=\"\" autocomplete=\"off\">\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n\r\n\r\n<ng-template #template>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body scrol-if\">\r\n        <app-section-container-ec [name]=\"'terminos-y-condiciones'\"> </app-section-container-ec>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #addressBookNotResult>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 text-center my-2\">\r\n                <h4> {{'address-book-not-result' | translate }} </h4>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #addressBookLoading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 text-center my-2\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n</ng-container>\r\n\r\n<ng-template #pleaseLogin>\r\n    <div class=\"container\">\r\n        <p>Por favor <a [routerLink]=\"['/auth/login']\" > Inicie Sesi\u00F3n</a></p>\r\n    </div>\r\n</ng-template>",
             providers: [BsModalService],
             styles: [".mt-df{margin:10px auto 0}.btn.btn-outline-secondary.active,.btn.btn-outline-secondary:hover{color:#fff!important}.required{color:red}.field-label{color:#000}.btn.valid-btn{background-color:#000;color:#fff;margin-right:-3px;margin-bottom:10px}label{color:#000}.input-size-lg{width:1.8rem;height:1.8rem}"]
         })
@@ -9235,6 +9207,9 @@ var __decorate$V = (this && this.__decorate) || function (decorators, target, ke
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __param$7 = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 var __read$5 = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -9257,7 +9232,7 @@ var __spread$4 = (this && this.__spread) || function () {
 };
 var CollectionEcComponent = /** @class */ (function (_super) {
     __extends$n(CollectionEcComponent, _super);
-    function CollectionEcComponent(productsService, paramsSrv, activeRoute, optionsService, authService, analyticsService, cartService, consts, filtersService) {
+    function CollectionEcComponent(productsService, paramsSrv, activeRoute, optionsService, authService, analyticsService, cartService, consts, filtersService, router, platformId) {
         var _this = _super.call(this) || this;
         _this.productsService = productsService;
         _this.paramsSrv = paramsSrv;
@@ -9268,12 +9243,21 @@ var CollectionEcComponent = /** @class */ (function (_super) {
         _this.cartService = cartService;
         _this.consts = consts;
         _this.filtersService = filtersService;
+        _this.router = router;
         _this.filters = [];
         _this.filtersConfig = { filters: [] };
         _this.finished = false;
         _this.loading = true;
         _this.breadcrumb = [];
         _this.isCollection = true;
+        _this.usingCachedProducts = false;
+        _this.allCachedProducts = [];
+        _this.subscriptionsConfigured = false;
+        _this.isScrolling = false;
+        _this.pendingScrollPosition = null;
+        _this.expectedProductCount = 0;
+        _this.filtersFromCache = false; // Flag para indicar si los filtros vienen del cache
+        _this.isCategoryChange = false; // Flag para indicar si es un cambio de categoría
         _this.productsWithUniqueVariant = false;
         _this.optionsFilters = ['all'];
         /**
@@ -9344,26 +9328,117 @@ var CollectionEcComponent = /** @class */ (function (_super) {
         _this.getObjectWithVariant = function () {
             return _this.consts.getParamsProductsWithUniqueVariant();
         };
+        // Método personalizado para manejar selección de filtros que invalidará cache
+        _this.customSetFilterSelected = function (filter, filterElement) {
+            // Invalidar cache completamente cuando se selecciona un filtro
+            _this.usingCachedProducts = false;
+            _this.allCachedProducts = [];
+            _this.filtersFromCache = false; // Ya no usamos filtros del cache
+            _this.isCategoryChange = true; // Marcar como cambio para reemplazar productos
+            CollectionEcComponent_1.stateCache.delete(_this.stateKey);
+            console.log('🔄 Filtro seleccionado, invalidando cache y recargando desde endpoint para:', _this.stateKey);
+            // Solo limpiar productos, NO limpiar filtros para que no desaparezcan
+            _this.products = [];
+            _this.loading = true;
+            // Llamar al método original del ProductsService que iniciará una carga completa
+            var result = _this.productsService.setFilterSelected(filter, filterElement);
+            // La suscripción principal automáticamente actualizará los filtros
+            // porque filtersFromCache = false y usingCachedProducts = false
+            return result;
+        };
         _this.paramsSrv.parameters.subscribe(function (param) { return _this.params = param; });
         _this.defaultFilters = _this.consts.getDefaultFilters();
         _this.filtersConfig.filters = _this.consts.getFilterConfig();
         _this.productsService.filtersInView$.subscribe(function (res) { return _this.filterInView = res; });
+        // Inicializar propiedades de scroll y cache
+        _this.platformId = platformId;
+        _this.isRestoringState = false;
+        _this.usingCachedProducts = false;
+        _this.allCachedProducts = [];
+        _this.subscriptionsConfigured = false;
+        _this.isScrolling = false;
+        _this.pendingScrollPosition = null;
+        _this.expectedProductCount = 0;
+        _this.filtersFromCache = false;
         _this.ecOnConstruct();
         return _this;
     }
+    CollectionEcComponent_1 = CollectionEcComponent;
     CollectionEcComponent.prototype.ngOnInit = function () {
-        window.scroll(0, 0);
-        this.products = [];
-        this.ecOnInit();
-        this.getProductsAndSubscribe();
+        this.stateKey = this.router.url.split('?')[0];
+        // Verificar si hay estado guardado ANTES de scroll(0,0)
+        var savedState = CollectionEcComponent_1.stateCache.get(this.stateKey);
+        if (savedState && savedState.products.length > 0) {
+            // NO llamar window.scroll(0, 0) para preservar posición
+            this.products = [];
+            this.ecOnInit();
+            this.getProductsAndSubscribe(); // Llamar directamente
+        }
+        else {
+            // Comportamiento normal con scroll al inicio
+            window.scroll(0, 0);
+            this.products = [];
+            this.ecOnInit();
+            this.getProductsAndSubscribe();
+        }
+        // Configurar manejo de estado
+        this.setupBeforeUnloadHandler();
     };
     CollectionEcComponent.prototype.getProductsAndSubscribe = function () {
+        // Verificar PRIMERO si hay estado guardado
+        var savedState = CollectionEcComponent_1.stateCache.get(this.stateKey);
+        if (savedState && savedState.products.length > 0) {
+            console.log('📦 Restaurando desde cache:', savedState.products.length, 'productos');
+            // Configurar modo cache ANTES de restaurar
+            this.usingCachedProducts = true;
+            this.allCachedProducts = __spread$4(savedState.products);
+            this.isRestoringState = true;
+            // Restaurar productos inmediatamente
+            this.products = __spread$4(savedState.products);
+            this.finished = savedState.finished;
+            this.loading = false;
+            // Restaurar filtros si están disponibles
+            if (savedState.filters) {
+                this.filters = __spread$4(savedState.filters);
+                this.filtersFromCache = true; // Marcar que estos filtros vienen del cache
+                console.log('📦 Filtros restaurados desde cache:', this.filters.length);
+            }
+            if (savedState.filters_top) {
+                this.filters_top = __spread$4(savedState.filters_top);
+                console.log('📦 Filtros top restaurados desde cache:', this.filters_top.length);
+            }
+            if (savedState.breadcrumb) {
+                this.breadcrumb = __spread$4(savedState.breadcrumb);
+                console.log('📦 Breadcrumb restaurado desde cache:', this.breadcrumb);
+            }
+            // IMPORTANTE: Configurar TODAS las suscripciones del padre (filtros, breadcrumb, etc.)
+            // pero SIN resetear productos ni hacer petición inicial
+            this.setupParentSubscriptionsOnly();
+            // Configurar suscripción personalizada para detectar cambios de categoría
+            this.setupCustomSubscription();
+            this.subscriptionsConfigured = true;
+            // Restaurar scroll después de que los productos se rendericen
+            this.waitForProductRendering(savedState.scrollPosition);
+            return;
+        }
+        console.log('🔄 No hay cache, carga normal');
+        // Si no hay estado guardado, comportamiento normal
+        this.usingCachedProducts = false;
+        this.allCachedProducts = [];
+        this.filtersFromCache = false; // No hay filtros del cache
+        // Llamar al comportamiento original
+        this.originalGetProductsAndSubscribe();
+        this.subscriptionsConfigured = true;
+    };
+    CollectionEcComponent.prototype.originalGetProductsAndSubscribe = function () {
         var _this = this;
         combineLatest([this.activeRoute.params, this.optionsService.ready, this.activeRoute.queryParams]).subscribe(function (_a) {
             var _b = __read$5(_a, 3), params = _b[0], ready = _b[1], queryParams = _b[2];
             if (ready.readyAll) {
                 var cambio_1 = false;
                 _this.products = [];
+                // Marcar como cambio de categoría para la carga inicial
+                _this.isCategoryChange = true;
                 if (!params['type'] || !params['value']) {
                     _this.productsService.getProductsForFilter({ latest: true, limit: 10 }, _this.optionsFilters, queryParams.search, _this.defaultFilters);
                 }
@@ -9394,7 +9469,16 @@ var CollectionEcComponent = /** @class */ (function (_super) {
                             }
                             else {
                                 res = _this.productsService.getProductsWithUniqueVariant(res, _this.getObjectWithVariant());
-                                (_a = _this.products).push.apply(_a, __spread$4(res));
+                                // Filtrar productos duplicados antes de agregar
+                                var existingIds_1 = new Set(_this.products.map(function (p) { return p.id; }));
+                                var uniqueProducts = res.filter(function (p) { return !existingIds_1.has(p.id); });
+                                if (uniqueProducts.length > 0) {
+                                    console.log('➕ CollectionEC (variants): Agregando', uniqueProducts.length, 'de', res.length, 'productos únicos');
+                                    (_a = _this.products).push.apply(_a, __spread$4(uniqueProducts));
+                                }
+                                else {
+                                    console.log('⚠️ CollectionEC (variants): Todos los productos ya existen - ignorando', res.length, 'productos');
+                                }
                                 _this.applyFiltersInView();
                             }
                             ;
@@ -9406,7 +9490,16 @@ var CollectionEcComponent = /** @class */ (function (_super) {
                                 cambio_1 = false;
                             }
                             else {
-                                (_b = _this.products).push.apply(_b, __spread$4(res));
+                                // Filtrar productos duplicados antes de agregar
+                                var existingIds_2 = new Set(_this.products.map(function (p) { return p.id; }));
+                                var uniqueProducts = res.filter(function (p) { return !existingIds_2.has(p.id); });
+                                if (uniqueProducts.length > 0) {
+                                    console.log('➕ CollectionEC: Agregando', uniqueProducts.length, 'de', res.length, 'productos únicos');
+                                    (_b = _this.products).push.apply(_b, __spread$4(uniqueProducts));
+                                }
+                                else {
+                                    console.log('⚠️ CollectionEC: Todos los productos ya existen - ignorando', res.length, 'productos');
+                                }
                                 _this.applyFiltersInView();
                             }
                         }
@@ -9423,6 +9516,145 @@ var CollectionEcComponent = /** @class */ (function (_super) {
             }
         });
     };
+    CollectionEcComponent.prototype.setupParentSubscriptionsOnly = function () {
+        var _this = this;
+        var _a;
+        // Desuscribir cualquier suscripción anterior
+        try {
+            (_a = this.suscripcion) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        }
+        catch (e) { }
+        // IMPORTANTE: Configurar suscripción a productos para navegación posterior
+        this.suscripcion = this.productsService.products$.subscribe(function (res) {
+            var _a, _b;
+            var _c;
+            console.log('📦 Suscripción products$ (desde cache):', (_c = res) === null || _c === void 0 ? void 0 : _c.length, 'productos');
+            _this.loading = false;
+            if (res && res.length > 0) {
+                // Si estamos usando cache, agregar solo productos nuevos únicos
+                if (_this.usingCachedProducts) {
+                    var existingIds_3 = new Set(_this.products.map(function (p) { return p.id; }));
+                    var uniqueProducts = res.filter(function (p) { return !existingIds_3.has(p.id); });
+                    if (uniqueProducts.length > 0) {
+                        console.log('➕ Cache: Agregando', uniqueProducts.length, 'productos adicionales');
+                        (_a = _this.products).push.apply(_a, __spread$4(uniqueProducts));
+                        _this.usingCachedProducts = false; // Ya no solo cache
+                    }
+                }
+                else {
+                    // Determinar si es cambio de categoría o scroll infinito
+                    if (_this.isCategoryChange) {
+                        // Cambio de categoría: reemplazar completamente
+                        console.log('🔄 Cambio de categoría: Reemplazando productos completamente');
+                        if (_this.productsWithUniqueVariant) {
+                            _this.products = _this.productsService.getProductsWithUniqueVariant(res, _this.getObjectWithVariant());
+                        }
+                        else {
+                            _this.products = res;
+                        }
+                        _this.applyFiltersInView();
+                        _this.isCategoryChange = false; // Resetear bandera
+                    }
+                    else {
+                        // Scroll infinito: agregar productos únicos
+                        console.log('📜 Scroll infinito: Agregando productos únicos');
+                        var existingIds_4 = new Set(_this.products.map(function (p) { return p.id; }));
+                        var newProducts = res;
+                        if (_this.productsWithUniqueVariant) {
+                            newProducts = _this.productsService.getProductsWithUniqueVariant(res, _this.getObjectWithVariant());
+                        }
+                        var uniqueProducts = newProducts.filter(function (p) { return !existingIds_4.has(p.id); });
+                        if (uniqueProducts.length > 0) {
+                            console.log('➕ Agregando', uniqueProducts.length, 'productos únicos por scroll');
+                            (_b = _this.products).push.apply(_b, __spread$4(uniqueProducts));
+                        }
+                        else {
+                            console.log('⚠️ Todos los productos del scroll ya existen');
+                        }
+                        _this.applyFiltersInView();
+                    }
+                }
+            }
+            else if (res && res.length === 0) {
+                // Si recibimos array vacío y no estamos usando cache, limpiar productos
+                if (!_this.usingCachedProducts) {
+                    _this.products = [];
+                }
+            }
+            _this.finished = _this.productsService.isFinished();
+            _this.analyticsService.callEvent('view_item_list', { products: _this.products, item_list_name: 'Collection', item_list_id: 0 });
+        });
+        // Configurar suscripciones de filtros
+        this.productsService.filters$.subscribe(function (res) {
+            // IMPORTANTE: Solo actualizar filtros si NO vienen del cache
+            if (!_this.filtersFromCache) {
+                console.log('🔄 Actualizando filtros desde server');
+                _this.breadcrumb = _this.optionsService.getBreadcrumbByFilters(res);
+                _this.filters = _this.getSpecificFilters(res, _this.filtersConfig.filters);
+                _this.filters_top = _this.getSpecificFilters(res, ['sort']);
+            }
+            else {
+                console.log('🚫 Saltando actualización de filtros (usando cache)');
+                // Una vez que han sido utilizados, resetear el flag
+                _this.filtersFromCache = false;
+            }
+        });
+        this.productsService.finished().subscribe(function (res) { return _this.finished = res; });
+    };
+    CollectionEcComponent.prototype.setupCustomSubscription = function () {
+        var _this = this;
+        // Suscripción personalizada para detectar cambios de categoría/búsqueda
+        combineLatest([this.activeRoute.params, this.optionsService.ready, this.activeRoute.queryParams]).subscribe(function (_a) {
+            var _b = __read$5(_a, 3), params = _b[0], ready = _b[1], queryParams = _b[2];
+            if (ready.readyAll && _this.subscriptionsConfigured) {
+                var currentKey = _this.generateStateKey();
+                // Si la clave cambió, significa que navegamos a una categoría diferente
+                if (currentKey !== _this.stateKey) {
+                    console.log('🔄 Cambio de categoría detectado, invalidando cache y recargando');
+                    _this.stateKey = currentKey;
+                    // Limpiar cache y recargar normalmente
+                    _this.invalidateCache();
+                    _this.usingCachedProducts = false;
+                    _this.allCachedProducts = [];
+                    _this.filtersFromCache = false;
+                    // IMPORTANTE: Marcar que es cambio de categoría y resetear estado
+                    _this.isCategoryChange = true;
+                    _this.loading = true;
+                    _this.products = [];
+                    // Recargar normalmente - pero solo la petición, no reconfigurar suscripciones
+                    _this.loadNewCategory(params, queryParams);
+                }
+            }
+        });
+    };
+    CollectionEcComponent.prototype.loadNewCategory = function (params, queryParams) {
+        // Hacer solo la petición de productos sin reconfigurar todas las suscripciones
+        var cambio = false;
+        if (!params['type'] || !params['value']) {
+            this.productsService.getProductsForFilter({ latest: true, limit: 10 }, this.optionsFilters, queryParams.search, this.defaultFilters);
+        }
+        else {
+            this.productsService.getProductsForFilter({ type: params.type, value: params.value }, this.optionsFilters, queryParams.search, this.defaultFilters);
+            cambio = true;
+            this.type = params['type'];
+            this.value = params['value'];
+        }
+        console.log('🔄 Nueva petición enviada para categoría:', params.type, params.value);
+    };
+    CollectionEcComponent.prototype.generateStateKey = function () {
+        // Incluir ruta y parámetros para generar clave única
+        var route = this.router.url.split('?')[0]; // Sin query params
+        var params = this.activeRoute.snapshot.params;
+        return route + "_" + JSON.stringify(params);
+    };
+    CollectionEcComponent.prototype.invalidateCache = function () {
+        // Limpiar cache específico y sessionStorage
+        console.log('🗑️ Invalidando cache para:', this.stateKey);
+        CollectionEcComponent_1.stateCache.delete(this.stateKey);
+        if (isPlatformBrowser(this.platformId)) {
+            sessionStorage.removeItem("collection_scroll_" + this.stateKey);
+        }
+    };
     CollectionEcComponent.prototype.onScroll = function () {
         this.loading = true;
         if (!this.productsService.isWaiting() && !this.productsService.getNext()) {
@@ -9430,6 +9662,187 @@ var CollectionEcComponent = /** @class */ (function (_super) {
             this.loading = false;
         }
     };
+    // Métodos de ciclo de vida requeridos
+    CollectionEcComponent.prototype.ngAfterViewChecked = function () {
+        var _this = this;
+        // Solo verificar si hay un scroll pendiente
+        if (this.pendingScrollPosition !== null && isPlatformBrowser(this.platformId)) {
+            var productElements = document.querySelectorAll('.col-lg-3, .col-md-4, .col-6, [class*="product"], .product-item, .card');
+            var currentProductCount = productElements.length;
+            // Verificar si se han renderizado suficientes productos
+            if (currentProductCount >= Math.min(this.expectedProductCount, 10)) {
+                var targetPosition_1 = this.pendingScrollPosition;
+                this.pendingScrollPosition = null; // Limpiar para evitar loops
+                // Usar requestAnimationFrame para asegurar que el rendering esté completo
+                requestAnimationFrame(function () {
+                    requestAnimationFrame(function () {
+                        _this.restoreScrollWithRetries(targetPosition_1);
+                        _this.isRestoringState = false;
+                    });
+                });
+            }
+        }
+    };
+    CollectionEcComponent.prototype.ngOnDestroy = function () {
+        var _a;
+        (_a = this.routerSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.saveCurrentState();
+        // Limpiar scroll pendiente
+        this.pendingScrollPosition = null;
+        // Limpiar event listeners
+        if (this.clickHandler) {
+            document.removeEventListener('click', this.clickHandler);
+        }
+    };
+    // Métodos de manejo de scroll y cache
+    CollectionEcComponent.prototype.setupBeforeUnloadHandler = function () {
+        var _this = this;
+        if (isPlatformBrowser(this.platformId)) {
+            // Interceptar clics en productos para guardar estado
+            this.clickHandler = function (event) {
+                var target = event.target;
+                // Buscar si el clic es en un enlace a producto
+                var link = target.closest('a[href*="/product/"]');
+                if (link && _this.router.url.includes('/collection/')) {
+                    console.log('🎯 Clic en producto detectado, guardando estado');
+                    _this.saveCurrentState();
+                }
+            };
+            document.addEventListener('click', this.clickHandler);
+            // Guardar durante scroll en la página de colección
+            var scrollTimer_1;
+            window.addEventListener('scroll', function () {
+                // Solo guardar si estamos en una página de colección
+                if (_this.router.url.includes('/collection/')) {
+                    clearTimeout(scrollTimer_1);
+                    scrollTimer_1 = setTimeout(function () { return _this.saveCurrentState(); }, 300);
+                }
+            });
+            // Guardar antes de que el usuario salga de la página
+            window.addEventListener('beforeunload', function () {
+                if (_this.router.url.includes('/collection/')) {
+                    _this.saveCurrentState();
+                }
+            });
+        }
+    };
+    CollectionEcComponent.prototype.saveCurrentState = function () {
+        if (isPlatformBrowser(this.platformId) && this.products && this.products.length > 0) {
+            // Obtener posición de scroll de múltiples fuentes
+            var scrollPos = Math.max(window.pageYOffset || 0, document.documentElement.scrollTop || 0, document.body.scrollTop || 0);
+            // Solo guardar si tenemos una posición significativa o productos suficientes
+            if (scrollPos > 10 || this.products.length > 10) {
+                var state = {
+                    products: __spread$4(this.products),
+                    scrollPosition: scrollPos,
+                    finished: this.finished,
+                    loading: this.loading,
+                    page: Math.ceil(this.products.length / 10),
+                    allCachedProducts: this.usingCachedProducts ? __spread$4(this.allCachedProducts) : __spread$4(this.products),
+                    filters: this.filters ? __spread$4(this.filters) : undefined,
+                    filters_top: this.filters_top ? __spread$4(this.filters_top) : undefined,
+                    breadcrumb: this.breadcrumb ? __spread$4(this.breadcrumb) : undefined
+                };
+                CollectionEcComponent_1.stateCache.set(this.stateKey, state);
+                // También guardar en sessionStorage como backup
+                try {
+                    sessionStorage.setItem("collection_scroll_" + this.stateKey, scrollPos.toString());
+                    sessionStorage.setItem("collection_products_" + this.stateKey, this.products.length.toString());
+                }
+                catch (e) { }
+            }
+        }
+    };
+    CollectionEcComponent.prototype.restoreScrollWithRetries = function (targetPosition) {
+        var _this = this;
+        if (this.isScrolling) {
+            return;
+        }
+        // Verificar si el target es mayor que la altura del documento
+        var documentHeight = document.documentElement.scrollHeight;
+        if (targetPosition > documentHeight) {
+            targetPosition = Math.max(0, documentHeight - window.innerHeight);
+        }
+        // Solo verificar si el usuario ha hecho scroll muy lejos
+        var currentPos = window.pageYOffset || document.documentElement.scrollTop;
+        if (currentPos > 500 && Math.abs(currentPos - targetPosition) > 1000) {
+            return;
+        }
+        this.isScrolling = true;
+        // Intentar encontrar una posición más precisa basada en elementos del DOM
+        var improvedPosition = this.tryScrollToProductByIndex(targetPosition);
+        if (improvedPosition !== targetPosition) {
+            targetPosition = improvedPosition;
+        }
+        var attempts = 0;
+        var maxAttempts = 15;
+        var tryScroll = function () {
+            attempts++;
+            // Usar scroll más agresivo si es necesario
+            if (attempts < 3) {
+                // Primeros intentos con smooth
+                window.scrollTo({
+                    top: targetPosition,
+                    behavior: 'smooth'
+                });
+            }
+            else {
+                // Intentos posteriores más directos
+                window.scrollTo(0, targetPosition);
+                document.documentElement.scrollTop = targetPosition;
+                document.body.scrollTop = targetPosition;
+            }
+            // Verificar después de un momento
+            setTimeout(function () {
+                var currentPos = window.pageYOffset || document.documentElement.scrollTop;
+                var difference = Math.abs(currentPos - targetPosition);
+                if (difference > 50 && attempts < maxAttempts) {
+                    var delay = attempts < 5 ? 100 : attempts < 10 ? 200 : 300;
+                    setTimeout(tryScroll, delay);
+                }
+                else {
+                    _this.isScrolling = false; // Liberar flag cuando termine
+                }
+            }, 100);
+        };
+        // Intentar solo una vez inicialmente
+        tryScroll();
+    };
+    CollectionEcComponent.prototype.tryScrollToProductByIndex = function (targetPosition) {
+        // Intentar calcular a qué producto corresponde la posición
+        var approximateIndex = Math.floor(targetPosition / 400); // Asumiendo ~400px por producto
+        // Buscar elementos de producto
+        var productElements = document.querySelectorAll('.col-lg-3, .col-md-4, .col-6, [class*="product"], .product-item, .card');
+        if (productElements.length > approximateIndex && approximateIndex >= 0) {
+            var targetElement = productElements[approximateIndex];
+            var elementPosition = targetElement.offsetTop;
+            // Usar la posición del elemento si es razonable
+            if (Math.abs(elementPosition - targetPosition) < 800) {
+                return elementPosition;
+            }
+        }
+        return targetPosition; // Usar posición original si no encuentra elemento adecuado
+    };
+    CollectionEcComponent.prototype.waitForProductRendering = function (targetPosition) {
+        var _this = this;
+        var _a;
+        // Configurar el scroll pendiente para que ngAfterViewChecked lo maneje
+        this.pendingScrollPosition = targetPosition;
+        this.expectedProductCount = ((_a = this.products) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        // Timeout de seguridad en caso de que ngAfterViewChecked no se ejecute
+        setTimeout(function () {
+            if (_this.pendingScrollPosition !== null) {
+                var targetPos = _this.pendingScrollPosition;
+                _this.pendingScrollPosition = null;
+                _this.restoreScrollWithRetries(targetPos);
+                _this.isRestoringState = false;
+            }
+        }, 2000);
+    };
+    var CollectionEcComponent_1;
+    // Propiedades para scroll y cache
+    CollectionEcComponent.stateCache = new Map();
+    CollectionEcComponent.maxCacheSize = 10;
     CollectionEcComponent.ctorParameters = function () { return [
         { type: ProductsService },
         { type: ParametersService },
@@ -9439,7 +9852,9 @@ var CollectionEcComponent = /** @class */ (function (_super) {
         { type: AnalyticsService },
         { type: CartService },
         { type: Constants },
-        { type: FiltersService }
+        { type: FiltersService },
+        { type: Router },
+        { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
     ]; };
     __decorate$V([
         Input()
@@ -9453,12 +9868,13 @@ var CollectionEcComponent = /** @class */ (function (_super) {
     __decorate$V([
         Input()
     ], CollectionEcComponent.prototype, "optionsFilters", void 0);
-    CollectionEcComponent = __decorate$V([
+    CollectionEcComponent = CollectionEcComponent_1 = __decorate$V([
         Component({
             selector: 'app-collection-ec',
             template: "\r\n<div>\r\n    <div class=\"collection\">\r\n        <ng-content select=\"[collection]\"> </ng-content>\r\n    </div>\r\n\r\n    <div class=\"all\">\r\n        <ng-content select=\"[all]\"> </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"'collection'\"></app-blocks-ec>",
             styles: [".h1-custom{color:#00f}"]
-        })
+        }),
+        __param$7(10, Inject(PLATFORM_ID))
     ], CollectionEcComponent);
     return CollectionEcComponent;
 }(ComponentHelper));
@@ -9609,7 +10025,7 @@ var __decorate$Y = (this && this.__decorate) || function (decorators, target, ke
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$7 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$8 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -9810,7 +10226,7 @@ var FiltersEcComponent = /** @class */ (function (_super) {
             template: "",
             styles: [""]
         }),
-        __param$7(1, Inject(DOCUMENT))
+        __param$8(1, Inject(DOCUMENT))
     ], FiltersEcComponent);
     return FiltersEcComponent;
 }(ComponentHelper));
@@ -9834,7 +10250,7 @@ var __decorate$Z = (this && this.__decorate) || function (decorators, target, ke
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$8 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -9923,7 +10339,7 @@ var FiltersTopEcComponent = /** @class */ (function (_super) {
             template: "",
             styles: [".min-width-large{min-width:150px}"]
         }),
-        __param$8(1, Inject(DOCUMENT))
+        __param$9(1, Inject(DOCUMENT))
     ], FiltersTopEcComponent);
     return FiltersTopEcComponent;
 }(ComponentHelper));
@@ -10500,28 +10916,11 @@ var CurrencyService = /** @class */ (function () {
         this.getCurrencyListApi = function () { return 'shop-api/currencies'; };
         this.getConvertibilityApi = function (baseCurrency, targetCurrency) { return 'shop-api/currencies?baseCurrency=' + baseCurrency + '&targetCurrency=' + targetCurrency; };
         /**
-         * @description Se carga la moneda por defecto con metadatos (símbolo, posición, decimales).
+         * @description Se carga la moneda por defecto.
          */
-        this.loadDefaultCurrency = function (currencyCode) {
-            // Trae la lista igual para tener la configuración completa
-            _this.connection.get(_this.getCurrencyListApi()).toPromise().then(function (list) {
-                var _a;
-                _this.currencyListSubject.next(list);
-                _this.consts.setCurrencyTypeConfig(list);
-                var cfg = (_a = list) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.code === currencyCode; });
-                if (cfg) {
-                    // Setea moneda activa con su configuración completa
-                    _this.consts.setCurrency(cfg.code, cfg);
-                }
-                else {
-                    _this.consts.setCurrency(currencyCode);
-                }
-                _this.load();
-            }).catch(function () {
-                // En caso de error, al menos fijá el código para no romper el flujo
-                _this.consts.setCurrency(currencyCode);
-                _this.load();
-            });
+        this.loadDefaultCurrency = function (currency) {
+            _this.consts.setCurrency(currency);
+            _this.load();
         };
         /**
          * @description calcula la convetibilidad del precio  pasado por paramentro segun esta formula:
@@ -10543,32 +10942,12 @@ var CurrencyService = /** @class */ (function () {
             });
         }); };
         /**
-         * Carga la lista de monedas desde la API y registra la configuración completa en `Constants`.
-         *
-         * Si no existe una moneda activa guardada en `localStorage`, inicializa la moneda activa
-         * tomando la moneda base del canal (`ChannelConfigService.baseCurrency`) y sus metadatos
-         * obtenidos de la lista (símbolo, posición, decimales). Si no se encuentra la base en la
-         * lista, usa la primera disponible.
-         *
-         * Finalmente, llama a `load()` para propagar la configuración a los observables y (si aplica)
-         * actualizar `localStorage`.
-         *
-         * @sideEffect Actualiza `currencyList$`, `Constants.setCurrencyTypeConfig` y potencialmente
-         *             `Constants.setCurrency`.
-         * @returns void
+         * @description Carga la lista de monedas/currencies.
          */
         this.loadCurrencyList = function () {
             _this.connection.get(_this.getCurrencyListApi()).toPromise().then(function (res) {
-                var _a, _b, _c, _d;
                 _this.currencyListSubject.next(res);
                 _this.consts.setCurrencyTypeConfig(res);
-                var stored = localStorage.getItem('currency');
-                if (!stored) {
-                    var base_1 = (_a = _this.injector.get(ChannelConfigService).getActiveChannel()) === null || _a === void 0 ? void 0 : _a.baseCurrency;
-                    var cfg = (_c = (_b = res) === null || _b === void 0 ? void 0 : _b.find(function (c) { return c.code === base_1; }), (_c !== null && _c !== void 0 ? _c : (_d = res) === null || _d === void 0 ? void 0 : _d[0]));
-                    if (cfg)
-                        _this.consts.setCurrency(cfg.code, cfg);
-                }
                 _this.load();
             });
         };
@@ -10654,6 +11033,7 @@ var CurrencyService = /** @class */ (function () {
             }
         };
         this.injector.get(ChannelConfigService).channelConfig$.subscribe(function (channel) {
+            console.log(channel);
             channel.applyCurrencyExchange ? _this.loadCurrencyList() : _this.loadDefaultCurrency(channel.baseCurrency);
             console.log(_this.enableApplyCurrencyExchange);
         });
@@ -11221,22 +11601,6 @@ var __decorate$14 = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __read$7 = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var ProductDetailEcComponent = /** @class */ (function (_super) {
     __extends$w(ProductDetailEcComponent, _super);
     function ProductDetailEcComponent(productService, consts, activedRoute, cartService, optionsService, productsService, analyticsService, router, toastrService, meta, injector) {
@@ -11262,11 +11626,9 @@ var ProductDetailEcComponent = /** @class */ (function (_super) {
         _this.showReviews = false;
         _this.hidePrices = false;
         _this.creditAccountShowPrices = null;
-        _this.enableFieldNotesInArticleFile = false;
         _this.addToCart = function () {
             var _a;
-            var note = ((_a = _this.comments) === null || _a === void 0 ? void 0 : _a.trim()) || null;
-            _this.quantity > 0 && _this.productService.addToCart(_this.quantity, undefined, note);
+            _this.quantity > 0 && _this.productService.addToCart(_this.quantity, undefined, ((_a = _this.comments) === null || _a === void 0 ? void 0 : _a.trim()) || null);
         };
         _this.addAllProductosToCart = function () {
             var _a, _b;
@@ -11372,10 +11734,9 @@ var ProductDetailEcComponent = /** @class */ (function (_super) {
             _this.changeImgFocus(productParam.picturesdefault[0]);
         });
         _this.injector.get(ChannelConfigService).channelConfig$.subscribe(function (channel) {
-            var _a, _b, _c, _d;
+            var _a, _b;
             _this.showReviews = channel.showReviews;
             _this.hidePrices = (_b = (_a = channel) === null || _a === void 0 ? void 0 : _a.hidePrices, (_b !== null && _b !== void 0 ? _b : false));
-            _this.enableFieldNotesInArticleFile = (_d = (_c = channel) === null || _c === void 0 ? void 0 : _c.enableFieldNotesInArticleFile, (_d !== null && _d !== void 0 ? _d : false));
         });
         _this.cartService.showPrice$.subscribe(function (showPrice) {
             _this.creditAccountShowPrices = showPrice;
@@ -11390,31 +11751,7 @@ var ProductDetailEcComponent = /** @class */ (function (_super) {
         return cadena.replace(expresionRegular, '');
     };
     ProductDetailEcComponent.prototype.ngOnInit = function () {
-        var _this = this;
         this.ecOnInit();
-        // Prellenar comentarios cuando:
-        // - cargue el producto
-        // - cambie la variante seleccionada (asociatedData$)
-        // - cambien los ítems del carrito        
-        this.prefillSub = combineLatest([
-            this.productService.product$.pipe(filter(function (p) { return !!p && !!p.id; })),
-            this.productService.asociatedData$.pipe(startWith(null)),
-            this.cartService.cartItems.pipe(startWith([])),
-        ]).subscribe(function (_a) {
-            var _b = __read$7(_a, 3), product = _b[0], data = _b[1], items = _b[2];
-            var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-            var variantId = (_k = (_f = (_d = (_c = data) === null || _c === void 0 ? void 0 : _c.variantCode, (_d !== null && _d !== void 0 ? _d : (_e = data) === null || _e === void 0 ? void 0 : _e.variant_id)), (_f !== null && _f !== void 0 ? _f : (_j = (_h = (_g = product) === null || _g === void 0 ? void 0 : _g.variants) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.code)), (_k !== null && _k !== void 0 ? _k : null));
-            var match = (_l = items) === null || _l === void 0 ? void 0 : _l.find(function (it) {
-                var _a, _b, _c, _d;
-                return ((_b = (_a = it) === null || _a === void 0 ? void 0 : _a.product) === null || _b === void 0 ? void 0 : _b.id) === ((_c = product) === null || _c === void 0 ? void 0 : _c.id) &&
-                    (variantId ? ((_d = it) === null || _d === void 0 ? void 0 : _d.variant_id) === variantId : true);
-            });
-            _this.comments = (_o = (_m = match) === null || _m === void 0 ? void 0 : _m.comments, (_o !== null && _o !== void 0 ? _o : ''));
-        });
-    };
-    ProductDetailEcComponent.prototype.ngOnDestroy = function () {
-        var _a;
-        (_a = this.prefillSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
     };
     ProductDetailEcComponent.prototype.scroll = function () {
         var el = this.contact.nativeElement;
@@ -11563,6 +11900,7 @@ var ProductEcComponent = /** @class */ (function (_super) {
     ProductEcComponent.prototype.ngOnChanges = function () {
     };
     ProductEcComponent.prototype.selectItem = function (product) {
+        console.log('entro');
         this.analyticsService.callEvent('select_item', product);
     };
     ProductEcComponent.ctorParameters = function () { return [
@@ -12083,7 +12421,7 @@ var __decorate$1a = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$a = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var SellerDashboardContainerEcComponent = /** @class */ (function (_super) {
@@ -12200,7 +12538,7 @@ var SellerDashboardContainerEcComponent = /** @class */ (function (_super) {
             template: "<section *ngIf=\"user\" id=\"seller-dashboard\">\r\n    <div class=\"section-content mt-5 mb-2 tablaVendedores\">\r\n        <div class=\"container-xl\">\r\n            <div class=\"row\">\r\n                <main class=\"col-md-12\">\r\n\r\n                    <ul *ngIf=\"hasHeader()\" class=\"nav nav-tabs\">\r\n                        <li class=\"nav-item col-12 col-lg-2\">\r\n                            <a *ngIf=\"hasUIComponent('HEADER_TAB')\" class=\"nav-link active cursor-pointer px-4\"\r\n                                aria-current=\"page\">\r\n                                {{ 'my-clients' | translate }}\r\n                            </a>\r\n                        </li>\r\n                        <li class=\"ms-auto row\">\r\n                            <div\r\n                                class=\"d-flex justify-content-end justify-content-lg-end justify-content-xl-end col-12 col-md-12 col-lg-auto\">\r\n                                <ng-container *ngIf=\"hasUIComponent('GENERATE_BUDGET_BTN') \">\r\n                                    <a *ngIf=\"authService.getCustomer()?.id; else withoutCustomer\"\r\n                                        [routerLink]=\"'/collection'\"\r\n                                        class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"><i\r\n                                            class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate }}\r\n                                    </a>\r\n                                    <ng-template #withoutCustomer>\r\n                                        <a class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"\r\n                                            (click)=\"toastrService.show('must-select-customer')\">\r\n                                            <i class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate\r\n                                            }}\r\n                                        </a>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                                <a *ngIf=\"hasUIComponent('MANAGE_ORDERS_BTN')\"\r\n                                    (click)=\"navigateExternal(constants.getUrlBase())\"\r\n                                    class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center me- me-lg-4 mr- mr-lg-4\"><i\r\n                                        class=\"bi bi-archive-fill me-2 mr-2\"></i>{{ 'manage-orders' | translate }}</a>\r\n                            </div>\r\n                            <div class=\"d-flex camposVendedores col-12 col-md-12 col-lg-auto justify-content-end\">\r\n                                <select *ngIf=\"hasUIComponent('SORT_SELECT')\" id=\"customerSort\" name=\"customerSort\"\r\n                                    (change)=\"sortCustomers($event.target.value)\" class=\"mb-1 ordenarVendedores form-select\">\r\n                                    <option selected hidden disabled>{{ 'order-by' | translate }}</option>\r\n                                    <option value='asc_firstName'>{{ 'client' | translate }} (A-Z)</option>\r\n                                    <option value='desc_firstName'>{{ 'client' | translate }} (Z-A)</option>\r\n                                    <option value='asc_id'>Menor a Mayor c\u00F3digo</option>\r\n                                    <option value='desc_id'>Mayor a Menor c\u00F3digo</option>\r\n                                </select>\r\n                                <form *ngIf=\"hasUIComponent('SEARCH_FORM')\"\r\n                                    class=\"col-lg-auto mb-lg-0 d-flex ms-3 ml-3 d-flex buscadorVendedores\">\r\n                                    <input type=\"text\" name=\"searchInput\" class=\"form-control\"\r\n                                        placeholder=\"{{ 'search' | translate }}\" [(ngModel)]=\"searchInput\"\r\n                                        (keyup.enter)=\"updateCustomers()\">\r\n                                    <button class=\"btn btn-primary ms-1 ml-1 bg-white border-dark btnSearch\"><i\r\n                                            class=\"bi bi-search text-dark\" (click)=\"updateCustomers()\"></i></button>\r\n                                </form>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n\r\n                    <ng-container *ngIf=\"user.customers?.length; else noCustomers\">\r\n\r\n                        <article class=\"card card-body mb-1 carritoProductoHeader m-0 py-0 mt-4\">\r\n                            <div class=\"row align-items-center font-bold border-bottom\">\r\n                                <div class=\"col-3 col-md-2 text-left\">\r\n                                    <small>{{ 'code' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-5 col-md-3 mb-md-0\">\r\n                                    <small>{{ 'client' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\r\n                                    <small>{{ 'user' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-2 text-left\">\r\n                                    <small>{{ 'new-orders' | translate | uppercase }}</small>\r\n                                </div>\r\n                                <div class=\"col-2 col-md-2 text-left d-none d-md-block\">\r\n                                    <small></small>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </article>\r\n\r\n                        <article *ngFor=\"let customer of filteredCustomers\" [class]=\"'card card-body mb-3 cadaVendedor ' + (isActive(customer) ? 'activo':'')\">\r\n                            <div class=\"row d-flex align-items-center\">\r\n                                <div class=\"col-3 col-md-2 text-left ps-2 pl-2\">\r\n                                    <div class=\"price h6 pb-0 mb-0 ps-3 pl-1\">\r\n                                        {{ customer.managementSystemInternalCode || 'n/a' }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-5 col-md-3 text-left\">\r\n                                    <div class=\"price h6 fw-normal ps-2 pl-2 pb-0 mb-0\">\r\n                                        {{ customer.firstName }} {{ customer.lastName }}\r\n                                        <p class=\"d-block d-md-none fs-6 mt-1 mb-0 p-0 userMobile\">\r\n                                            {{ customer.email }}\r\n                                        </p>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\r\n                                    <div class=\"price h6 fw-normal pb-0 mb-0 ps-2 pl-2\">\r\n                                        {{ customer.email }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-4 col-md-2 text-left ps-2 pl-2\">\r\n                                    <div *ngIf=\"true\" class=\"contNumero\">\r\n                                        {{ customer.ordersNotApproved }}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12 col-md-2 btnIngresar\">\r\n\r\n                                    <ng-container\r\n                                        *ngIf=\"authService.getCustomer()?.id == customer.id; else noActiveCustomer\">\r\n                                        <a (click)=\"changeCustomer(null)\"\r\n                                            class=\"btn btn-seller-primary justify-content-center\">\r\n                                            <i class=\"bi bi-box-arrow-left me-2 mr-2\"></i>\r\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\r\n                                                {{ 'exit' | translate | uppercase }}\r\n                                            </small>\r\n                                        </a>\r\n                                    </ng-container>\r\n                                    <ng-template #noActiveCustomer>\r\n                                        <a (click)=\"changeCustomer(customer)\"\r\n                                            class=\"btn btn-seller-primary justify-content-center\">\r\n                                            <i class=\"bi bi-box-arrow-in-right me-2 mr-2\"></i>\r\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\r\n                                                {{ 'operate-as' | translate | uppercase }}\r\n                                            </small>\r\n                                        </a>\r\n                                    </ng-template>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </article>\r\n\r\n                    </ng-container>\r\n\r\n                </main>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>\r\n\r\n<ng-template #noCustomers>\r\n    <h4 class=\"text-center p-5\">{{ 'no-customers' | translate }}</h4>\r\n</ng-template>",
             styles: ["#seller-dashboard{--seller-dashboard-primary-color:0,0,0}.btn-seller-primary{color:#fff!important;background-color:rgba(var(--seller-dashboard-primary-color),1)!important;border-color:rgba(var(--seller-dashboard-primary-color),1)!important}.btn-seller-primary:hover{background-color:rgba(var(--seller-dashboard-primary-color),.9)!important}.btn-seller-primary:active{background-color:rgba(var(--seller-dashboard-primary-color),.8)!important}.btnGestionar{padding:6px 12px!important;height:36px;display:flex;align-items:center;justify-content:center;margin-left:10px}.ordenarVendedores{width:150px!important;color:#8b8b8b!important;background-color:#fff;border:1px solid #b6b6b6!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.buscadorVendedores{margin-bottom:4px!important}.buscadorVendedores input{border:1px solid #b6b6b6!important;width:200px}.buscadorVendedores .btnSearch{border:1px solid #b6b6b6!important;padding:.375rem .75rem;font-size:1rem}.buscadorVendedores .btnSearch:focus{background-color:#fff!important}.carritoProductoHeader{border:none!important}.carritoProductoHeader small{font-size:13px}.cadaVendedor{padding:5px 0;margin-bottom:0!important;border:none!important;border-bottom:1px solid #ccc!important;border-radius:0!important;-webkit-border-radius:0}.cadaVendedor .btnIngresar a{padding:10px!important;border-width:1px!important;border-style:solid!important;display:flex;align-items:center;width:100%!important;margin-left:auto;color:#fff}.cadaVendedor .btnIngresar .contNumero{background-color:#eee;width:20px;height:20px;color:#000;font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.userMobile{font-size:14px!important;font-style:italic!important}.cadaVendedor .btnIngresar a:hover{background-color:rgba(var(--seller-dashboard-primary-color),.85)}.cadaVendedor .btnIngresar a:active{background-color:rgba(var(--seller-dashboard-primary-color),.8)}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.border-bottom{border-bottom:1px solid #000!important}@media screen and (max-width:1200px){.btnGestionar{font-size:12px}}@media screen and (max-width:992px){.camposVendedores{justify-content:flex-end;margin-top:8px;margin-bottom:4px}}@media all and (max-width:768px){.ordenarVendedores{width:140px!important}.buscadorVendedores input{width:140px}.cadaVendedor .btnIngresar a{width:70px!important}}@media all and (max-width:576px){.tablaVendedores .nav-tabs .nav-link{font-size:13px;padding:6px!important}.btnGestionar{padding:6px 8px!important;font-size:13px;height:36px;display:flex;align-items:center;justify-content:center;margin-top:3px;margin-left:10px}.buscadorVendedores input,.ordenarVendedores{font-size:13px}}.fs-6{font-size:1rem!important}.cadaVendedor.activo{background-color:#eee}"]
         }),
-        __param$9(3, Inject('env'))
+        __param$a(3, Inject('env'))
     ], SellerDashboardContainerEcComponent);
     return SellerDashboardContainerEcComponent;
 }(ComponentHelper));
@@ -12807,8 +13145,8 @@ var PriceEcComponent = /** @class */ (function (_super) {
     PriceEcComponent = __decorate$1f([
         Component({
             selector: 'app-price-ec',
-            template: "<!-- Si hay templates personalizados, se proyectan -->\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\r\n            <del class=\"tachado\">\r\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\r\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n            </del>\r\n        </div>\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\r\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\r\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #onlyprice>\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\r\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\r\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simplePrice>\r\n        <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n            <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #fallbackSimplePrice>\r\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            {{ price | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simplePriceDel>\r\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simpleSalePrice>\r\n        <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n            <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #fallbackSimpleSalePrice>\r\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            {{ saleprice | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabelBlock>\r\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: <span class=\"nowrap-price\">{{ basePrice | ecCurrencySymbol }}</span>\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: <span class=\"nowrap-price\">{{ basePrice | ecCurrencySymbol }}</span></p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>",
-            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}.nowrap-price{white-space:nowrap}"]
+            template: "<!-- Si hay templates personalizados, se proyectan -->\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\r\n            <del class=\"tachado\">\r\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\r\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n            </del>\r\n        </div>\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\r\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\r\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #onlyprice>\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\r\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\r\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simplePrice>\r\n        <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n            <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #fallbackSimplePrice>\r\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            {{ price | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simplePriceDel>\r\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simpleSalePrice>\r\n        <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n            <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #fallbackSimpleSalePrice>\r\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            {{ saleprice | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabelBlock>\r\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: {{ basePrice | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: {{ basePrice | ecCurrencySymbol }}</p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>",
+            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;
@@ -12833,7 +13171,7 @@ var __decorate$1g = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __read$8 = (this && this.__read) || function (o, n) {
+var __read$7 = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
     var i = m.call(o), r, ar = [], e;
@@ -12877,7 +13215,7 @@ var RedsysCatchEcComponent = /** @class */ (function (_super) {
         var _this = this;
         var state;
         combineLatest([this.activedRoute.params, this.activedRoute.queryParams]).subscribe(function (_a) {
-            var _b = __read$8(_a, 2), queryRouter = _b[0], queryParams = _b[1];
+            var _b = __read$7(_a, 2), queryRouter = _b[0], queryParams = _b[1];
             state = queryRouter.state;
             state && state == 'statuspayment' && (state = queryParams.status);
             console.log('PARAMETROS STATE  -> ', state);
@@ -12960,7 +13298,7 @@ var __decorate$1h = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$a = (this && this.__param) || function (paramIndex, decorator) {
+var __param$b = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -13085,7 +13423,7 @@ var RedSysProEcComponent = /** @class */ (function (_super) {
             providers: [BsModalService],
             styles: [".half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:800px;width:100%;max-height:800px}"]
         }),
-        __param$a(6, Inject(DOCUMENT))
+        __param$b(6, Inject(DOCUMENT))
     ], RedSysProEcComponent);
     return RedSysProEcComponent;
 }(ComponentHelper));
@@ -13638,7 +13976,6 @@ var OrderEcComponent = /** @class */ (function (_super) {
         _this.hidePrices = false;
         _this.hideDiscounts = false;
         _this.hideTaxes = false;
-        _this.enableFieldNotesInArticleFile = false;
         _this.toDate = function (date, format) { return moment(date).format(!format && 'DD/MM/YYYY, h:mm:ss a' || format); };
         _this.callError = function () {
             _this.error = '?';
@@ -13681,7 +14018,7 @@ var OrderEcComponent = /** @class */ (function (_super) {
                 _this.callError();
             };
         this.channelConfigService.channelConfig$.subscribe(function (config) {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
+            var _a, _b, _c, _d, _e, _f;
             if (config && config.allowRepeatOrders !== undefined) {
                 _this.allowRepeatOrders = config.allowRepeatOrders;
             }
@@ -13691,7 +14028,6 @@ var OrderEcComponent = /** @class */ (function (_super) {
             _this.hidePrices = (_b = (_a = config) === null || _a === void 0 ? void 0 : _a.hidePrices, (_b !== null && _b !== void 0 ? _b : false));
             _this.hideDiscounts = (_d = (_c = config) === null || _c === void 0 ? void 0 : _c.hideDiscounts, (_d !== null && _d !== void 0 ? _d : false));
             _this.hideTaxes = (_f = (_e = config) === null || _e === void 0 ? void 0 : _e.hideTaxes, (_f !== null && _f !== void 0 ? _f : false));
-            _this.enableFieldNotesInArticleFile = (_h = (_g = config) === null || _g === void 0 ? void 0 : _g.enableFieldNotesInArticleFile, (_h !== null && _h !== void 0 ? _h : false));
         });
         this.cartService.showPrice$.subscribe(function (showPrice) {
             _this.creditAccountShowPrices = showPrice;
@@ -13717,7 +14053,7 @@ var OrderEcComponent = /** @class */ (function (_super) {
     OrderEcComponent = __decorate$1l([
         Component({
             selector: 'app-order-ec',
-            template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\r\n            <div *ngIf=\"order; else noOrder\">\r\n\r\n                <div class=\"row justify-content-between \">\r\n                    <div class=\"col-sm-auto col-12 font-brandon\">\r\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                    </div>\r\n                    <ng-container *ngIf=\"order?.invoice\">\r\n                        <div class=\"col-sm col-12 font-brandon\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\r\n                                class=\"btn btn-link btn-invoice\">\r\n                                <i class=\"fas fa-file-download me-1\"></i>\r\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                            </a>\r\n                        </div>\r\n                    </ng-container>\r\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\r\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\r\n                    </a>\r\n                </div>\r\n\r\n                <section id=\"orders\">\r\n                    <div class=\"row pt-2\">\r\n                        <div class=\"col-md-2 col-12\">\r\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.payments[0].state | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.shipments[0].state | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.payments[0]?.method?.name | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.shipments[0].method.name }}\r\n                            </p>\r\n                            <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\r\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\r\n                                seguimiento</a>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                            <h5 class=\"fw-bold\">\r\n                                {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals'}}\r\n\r\n                            </h5>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n\r\n                <div class=\"text-end mt-3\" *ngIf=\"!hidePrices && allowRepeatOrders\">\r\n                    <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder()\">\r\n                        {{ 'repeat-order' | translate }}\r\n                    </button>\r\n                </div>\r\n\r\n                <div class=\"container py-3 border-top border-bottom\">\r\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\r\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'product' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'description' | translate | uppercase }}\r\n                        </div>\r\n                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\r\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                            <!-- {{ 'description' | translate | uppercase }} -->\r\n                            {{ 'lots' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            {{ 'unit-price' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'quantity' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            {{ 'total' | translate | uppercase }}\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\r\n                        <div class=\"row cart-items\">\r\n                            <div class=\"col-5 col-md-2 py-2\">\r\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\r\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                </ng-container>\r\n                                <ng-template #defaultpicture>\r\n                                    <img *ngIf=\"item.product.picturesdefault\"\r\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                </ng-template>\r\n                            </div>                            \r\n                            <div\r\n                                class=\"col-md-4 col-7 d-flex flex-column justify-content-center\">\r\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                </p>\r\n                                <p *ngIf=\"enableFieldNotesInArticleFile && item.comments\" class=\"comment-truncated fst-italic small text-muted mt-1\">\r\n                                    \"{{ item.comments }}\"\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\r\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\r\n                                <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                    [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                    aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                    value=\"{{ 'see' | translate | uppercase }}\">\r\n                            </div>\r\n                            <div class=\"container d-md-none\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-4\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                    </div>\r\n                                    <div class=\"col-4 font-xl\"\r\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                            ecCurrencySymbol:'alwaysShowDecimals'}}</p>\r\n                                    </div>\r\n                                    <div class=\"col-4 font-xl\"\r\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                            item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\r\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                <p class=\"text-center w-100 m-0\">\r\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                    item.product.variants[0].price) | ecCurrencySymbol:'alwaysShowDecimals'}}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                            </div>\r\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\r\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                <p class=\"text-end w-100 m-0\">\r\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                    item.product.variants[0].price) * item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\r\n                            </div>\r\n                            <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                <div class=\"card card-body\">\r\n                                    <table class=\"table table-striped\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th scope=\"col\">#</th>\r\n                                                <th scope=\"col\">Estado</th>\r\n                                                <th scope=\"col\">Cantidad</th>\r\n                                                <th scope=\"col\">Fecha Solicitada</th>\r\n                                                <th scope=\"col\">Fecha Estimada</th>\r\n                                                <th scope=\"col\">Sede</th>\r\n                                                <th scope=\"col\">Nota</th>\r\n                                                <th scope=\"col\">Total Lote</th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\r\n                                                <tr>\r\n                                                    <th scope=\"row\">{{lot.id}}</th>\r\n                                                    <td>{{lot.lot_status}}</td>\r\n                                                    <td>{{lot.quantity}}</td>\r\n                                                    <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\r\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                    <ng-template #sinFechaEstimada>\r\n                                                        <td>Pendiente</td>\r\n                                                    </ng-template>\r\n                                                    <td>{{lot.shipping_address_name}}</td>\r\n                                                    <td>{{lot.notes}}</td>\r\n                                                    <td>{{lot.total_lot | ecCurrencySymbol:'alwaysShowDecimals'}}</td>\r\n                                                </tr>\r\n                                            </ng-container>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div class=\"container\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-md-6\"></div>\r\n                        <div class=\"col-12 col-md-6\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            <div class=\"row py-4\">\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                    translate }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.subtotal) | ecCurrencySymbol:'alwaysShowDecimals' }}\r\n                                </div>\r\n\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                    translate }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol:'alwaysShowDecimals' }}\r\n\r\n                                </div>\r\n\r\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                    translate }}</div>\r\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                    {{ (order.totals.promotion) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\r\n\r\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0 \"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\r\n                                    {{ 'taxes' | translate }}</div>\r\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.taxes) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\r\n\r\n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-end\">\r\n                                    {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals' }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</main>\r\n\r\n<ng-template #noOrder>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h5>{{ 'no-orders' | translate }}</h5>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingView>\r\n    <div class=\"w-100 h-50 py-5\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n    </div>\r\n</ng-template>",
+            template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\r\n            <div *ngIf=\"order; else noOrder\">\r\n\r\n                <div class=\"row justify-content-between \">\r\n                    <div class=\"col-sm-auto col-12 font-brandon\">\r\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                    </div>\r\n                    <ng-container *ngIf=\"order?.invoice\">\r\n                        <div class=\"col-sm col-12 font-brandon\">\r\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\r\n                                class=\"btn btn-link btn-invoice\">\r\n                                <i class=\"fas fa-file-download me-1\"></i>\r\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                            </a>\r\n                        </div>\r\n                    </ng-container>\r\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\r\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\r\n                    </a>\r\n                </div>\r\n\r\n                <section id=\"orders\">\r\n                    <div class=\"row pt-2\">\r\n                        <div class=\"col-md-2 col-12\">\r\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.payments[0].state | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.shipments[0].state | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.payments[0]?.method?.name | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ order.shipments[0].method.name }}\r\n                            </p>\r\n                            <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\r\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\r\n                                seguimiento</a>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\">\r\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                            <p class=\"\">\r\n                                {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-md-2 col-12 font-brandon\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                            <h5 class=\"fw-bold\">\r\n                                {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals'}}\r\n\r\n                            </h5>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n\r\n                <div class=\"text-end mt-3\" *ngIf=\"!hidePrices && allowRepeatOrders\">\r\n                    <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder()\">\r\n                        {{ 'repeat-order' | translate }}\r\n                    </button>\r\n                </div>\r\n\r\n                <div class=\"container py-3 border-top border-bottom\">\r\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\r\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'product' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'description' | translate | uppercase }}\r\n                        </div>\r\n                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\r\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                            <!-- {{ 'description' | translate | uppercase }} -->\r\n                            {{ 'lots' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            {{ 'unit-price' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                            {{ 'quantity' | translate | uppercase }}\r\n                        </div>\r\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            {{ 'total' | translate | uppercase }}\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\r\n                        <div class=\"row cart-items\">\r\n                            <div class=\"col-5 col-md-2 py-2\">\r\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\r\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                </ng-container>\r\n                                <ng-template #defaultpicture>\r\n                                    <img *ngIf=\"item.product.picturesdefault\"\r\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                </ng-template>\r\n                            </div>                            \r\n                            <div\r\n                                class=\"col-md-4 col-7 d-flex flex-column justify-content-center\">\r\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                </p>\r\n                                <p *ngIf=\"item.comments\" class=\"comment-truncated fst-italic small text-muted mt-1\">\r\n                                    \"{{ item.comments }}\"\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\r\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\r\n                                <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                    [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                    aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                    value=\"{{ 'see' | translate | uppercase }}\">\r\n                            </div>\r\n                            <div class=\"container d-md-none\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-4\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                    </div>\r\n                                    <div class=\"col-4 font-xl\"\r\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                            ecCurrencySymbol:'alwaysShowDecimals'}}</p>\r\n                                    </div>\r\n                                    <div class=\"col-4 font-xl\"\r\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                        <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                            item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\r\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                <p class=\"text-center w-100 m-0\">\r\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                    item.product.variants[0].price) | ecCurrencySymbol:'alwaysShowDecimals'}}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                            </div>\r\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\r\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                                <p class=\"text-end w-100 m-0\">\r\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                    item.product.variants[0].price) * item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\r\n                            </div>\r\n                            <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                <div class=\"card card-body\">\r\n                                    <table class=\"table table-striped\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th scope=\"col\">#</th>\r\n                                                <th scope=\"col\">Estado</th>\r\n                                                <th scope=\"col\">Cantidad</th>\r\n                                                <th scope=\"col\">Fecha Solicitada</th>\r\n                                                <th scope=\"col\">Fecha Estimada</th>\r\n                                                <th scope=\"col\">Sede</th>\r\n                                                <th scope=\"col\">Nota</th>\r\n                                                <th scope=\"col\">Total Lote</th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\r\n                                                <tr>\r\n                                                    <th scope=\"row\">{{lot.id}}</th>\r\n                                                    <td>{{lot.lot_status}}</td>\r\n                                                    <td>{{lot.quantity}}</td>\r\n                                                    <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\r\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                    <ng-template #sinFechaEstimada>\r\n                                                        <td>Pendiente</td>\r\n                                                    </ng-template>\r\n                                                    <td>{{lot.shipping_address_name}}</td>\r\n                                                    <td>{{lot.notes}}</td>\r\n                                                    <td>{{lot.total_lot | ecCurrencySymbol:'alwaysShowDecimals'}}</td>\r\n                                                </tr>\r\n                                            </ng-container>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div class=\"container\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-md-6\"></div>\r\n                        <div class=\"col-12 col-md-6\"\r\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\r\n                            <div class=\"row py-4\">\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                    translate }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.subtotal) | ecCurrencySymbol:'alwaysShowDecimals' }}\r\n                                </div>\r\n\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                    translate }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol:'alwaysShowDecimals' }}\r\n\r\n                                </div>\r\n\r\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                    translate }}</div>\r\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                    {{ (order.totals.promotion) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\r\n\r\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0 \"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\r\n                                    {{ 'taxes' | translate }}</div>\r\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0\"\r\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                    {{ (order.totals.taxes) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\r\n\r\n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                <div class=\"col-6 font-brandon font-md text-end\">\r\n                                    {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals' }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</main>\r\n\r\n<ng-template #noOrder>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h5>{{ 'no-orders' | translate }}</h5>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #loadingView>\r\n    <div class=\"w-100 h-50 py-5\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n    </div>\r\n</ng-template>",
             styles: [".maxwidth{max-width:100px}.comment-truncated{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-height:3em}"]
         })
     ], OrderEcComponent);
@@ -15500,10 +15836,12 @@ var PaypalExpressEcComponent = /** @class */ (function (_super) {
                         _this.loading = false;
                     }
                     else {
+                        /* console.log('Entro al else'); */
                         _this.renderPayPal();
                     }
                 }
                 catch (error) {
+                    /* console.log('Entro al catch'); */
                     _this.renderPayPal();
                 }
             }, 1000);
@@ -16176,7 +16514,7 @@ var __decorate$1D = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __read$9 = (this && this.__read) || function (o, n) {
+var __read$8 = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
     var i = m.call(o), r, ar = [], e;
@@ -16208,7 +16546,7 @@ var CartLoadEcComponent = /** @class */ (function (_super) {
         var _this = this;
         var token;
         combineLatest([this.activedRoute.params, this.activedRoute.queryParams]).subscribe(function (_a) {
-            var _b = __read$9(_a, 2), queryRouter = _b[0], queryParams = _b[1];
+            var _b = __read$8(_a, 2), queryRouter = _b[0], queryParams = _b[1];
             token = queryRouter.token;
             console.log('PARAMETROS token  -> ', token);
             _this.cartService.loadCartByToken(token).then(function (res) {
@@ -19290,7 +19628,6 @@ var SidebarEcComponent = /** @class */ (function () {
         this.creditAccountShowPrices = null;
         this.showTaxLegend = false;
         this.cartLoading = false;
-        this.enableFieldNotesInArticleFile = false;
         this.getVariants = function (product) {
             var item = product.product;
             if (item.variants && item.variants.length && item.variants[0].options && item.variants[0].options.length) {
@@ -19340,11 +19677,10 @@ var SidebarEcComponent = /** @class */ (function () {
             _this.user = u;
         });
         this.channelConfigService.channelConfig$.subscribe(function (channel) {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
+            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.showTaxLegend = (_f = (_e = channel) === null || _e === void 0 ? void 0 : _e.showTaxLegend, (_f !== null && _f !== void 0 ? _f : false));
-            _this.enableFieldNotesInArticleFile = (_h = (_g = channel) === null || _g === void 0 ? void 0 : _g.enableFieldNotesInArticleFile, (_h !== null && _h !== void 0 ? _h : false));
         });
         this.cartService.showPrice$.subscribe(function (showPrice) {
             _this.creditAccountShowPrices = showPrice;
@@ -19354,7 +19690,7 @@ var SidebarEcComponent = /** @class */ (function () {
         });
     };
     SidebarEcComponent.prototype.actualizarCantidad = function (item, cantidad, stock, id) {
-        var _a, _b, _c;
+        var _a;
         if (this.cartLoading) {
             return;
         }
@@ -19374,14 +19710,13 @@ var SidebarEcComponent = /** @class */ (function () {
                 newQuantity = Math.round(newQuantity / step) * step;
             }
         }
-        var keepSameComment = (_c = (_b = item) === null || _b === void 0 ? void 0 : _b.comments, (_c !== null && _c !== void 0 ? _c : undefined));
         if (id) {
             var elem_1 = document.getElementById(id);
             if (elem_1) {
                 elem_1.disabled = true;
             }
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
+                this.cartService.updateItemQuantity(item, newQuantity);
             }
             else {
                 this.toastrService.show('out-of-stock-actually');
@@ -19394,7 +19729,7 @@ var SidebarEcComponent = /** @class */ (function () {
         }
         else {
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
+                this.cartService.updateItemQuantity(item, newQuantity);
             }
         }
     };
@@ -19683,7 +20018,7 @@ var __decorate$21 = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$b = (this && this.__param) || function (paramIndex, decorator) {
+var __param$c = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var ParamsContext = /** @class */ (function () {
@@ -19770,7 +20105,7 @@ var AddActionRedirectDirective = /** @class */ (function () {
         Directive({
             selector: "[ecAddActionRedirect]",
         }),
-        __param$b(0, Inject(DOCUMENT))
+        __param$c(0, Inject(DOCUMENT))
     ], AddActionRedirectDirective);
     return AddActionRedirectDirective;
 }());
@@ -19860,7 +20195,7 @@ var __decorate$23 = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$c = (this && this.__param) || function (paramIndex, decorator) {
+var __param$d = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var ParamsContext$1 = /** @class */ (function () {
@@ -20008,7 +20343,7 @@ var ProductOffDirective = /** @class */ (function () {
         Directive({
             selector: "[ecProductOff]",
         }),
-        __param$c(0, Inject(DOCUMENT))
+        __param$d(0, Inject(DOCUMENT))
     ], ProductOffDirective);
     return ProductOffDirective;
 }());
@@ -20193,7 +20528,7 @@ var __decorate$27 = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __read$a = (this && this.__read) || function (o, n) {
+var __read$9 = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
     var i = m.call(o), r, ar = [], e;
@@ -20259,7 +20594,7 @@ var ecCurrencySymbolPipe = /** @class */ (function () {
         var forceShow = mode === 'alwaysShowDecimals';
         var forceHide = mode === 'alwaysHideDecimals';
         var showDecimals = forceShow ? true : forceHide ? false : !withoutDecimalGlobal;
-        var _b = __read$a((value || '').split(','), 2), ent = _b[0], _c = _b[1], dec = _c === void 0 ? '00' : _c;
+        var _b = __read$9((value || '').split(','), 2), ent = _b[0], _c = _b[1], dec = _c === void 0 ? '00' : _c;
         if (showDecimals) {
             if (dec.length > 2)
                 dec = dec.slice(0, 2);
@@ -20279,7 +20614,6 @@ var ecCurrencySymbolPipe = /** @class */ (function () {
     ecCurrencySymbolPipe = __decorate$27([
         Pipe({
             name: 'ecCurrencySymbol',
-            pure: false
         })
     ], ecCurrencySymbolPipe);
     return ecCurrencySymbolPipe;
@@ -20591,7 +20925,7 @@ var __decorate$2d = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$d = (this && this.__param) || function (paramIndex, decorator) {
+var __param$e = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 var StandardReuseStrategy = /** @class */ (function () {
@@ -20622,7 +20956,7 @@ var StandardReuseStrategy = /** @class */ (function () {
     ]; };
     StandardReuseStrategy = __decorate$2d([
         Injectable(),
-        __param$d(0, Inject('env'))
+        __param$e(0, Inject('env'))
     ], StandardReuseStrategy);
     return StandardReuseStrategy;
 }());