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

package/bundles/ng-easycommerce.umd.js

@@ -499,11 +499,6 @@
              * @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
@@ -4749,22 +4744,12 @@
                 _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);
@@ -4786,11 +4771,11 @@
                 // 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;
@@ -4844,7 +4829,7 @@
                     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,
@@ -4884,7 +4869,7 @@
                 !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) {
@@ -4894,7 +4879,7 @@
                                 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:
@@ -4940,18 +4925,13 @@
                 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(operators.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) {
@@ -7514,7 +7494,6 @@
             _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) {
@@ -7578,12 +7557,11 @@
             this.cartService.promotions.subscribe(function (promotions) { return _this.promotions = promotions; });
             //    console.log(this.cartService.getTaxes());
             this.channelConfigService.channelConfig$.subscribe(function (channel) {
-                var _a, _b, _c, _d, _e, _f, _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(['/']);
                 }
@@ -7598,7 +7576,7 @@
         };
         CartEcComponent.prototype.actualizarCantidad = function (item, cantidad, stock, id) {
             var _this = this;
-            var _a, _b, _c;
+            var _a;
             if (this.cartLoading) {
                 return;
             }
@@ -7618,11 +7596,10 @@
                     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');
@@ -7633,7 +7610,7 @@
             }
             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');
@@ -8189,7 +8166,6 @@
             _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.
@@ -8199,24 +8175,18 @@
              * @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 () {
@@ -8475,7 +8445,6 @@
             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) {
@@ -8556,6 +8525,9 @@
         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: forms.FormBuilder },
@@ -8579,7 +8551,7 @@
         DataFormEcComponent = __decorate$Q([
             core.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: [modal.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}"]
             })
@@ -9221,6 +9193,9 @@
         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;
@@ -9243,7 +9218,7 @@
     };
     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;
@@ -9254,12 +9229,21 @@
             _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'];
             /**
@@ -9330,26 +9314,117 @@
             _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;
             rxjs.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);
                     }
@@ -9380,7 +9455,16 @@
                                 }
                                 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();
                                 }
                                 ;
@@ -9392,7 +9476,16 @@
                                     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();
                                 }
                             }
@@ -9409,6 +9502,145 @@
                 }
             });
         };
+        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
+            rxjs.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 (common.isPlatformBrowser(this.platformId)) {
+                sessionStorage.removeItem("collection_scroll_" + this.stateKey);
+            }
+        };
         CollectionEcComponent.prototype.onScroll = function () {
             this.loading = true;
             if (!this.productsService.isWaiting() && !this.productsService.getNext()) {
@@ -9416,6 +9648,187 @@
                 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 && common.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 (common.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 (common.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 },
@@ -9425,7 +9838,9 @@
             { type: AnalyticsService },
             { type: CartService },
             { type: Constants },
-            { type: FiltersService }
+            { type: FiltersService },
+            { type: router.Router },
+            { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] }
         ]; };
         __decorate$V([
             core.Input()
@@ -9439,12 +9854,13 @@
         __decorate$V([
             core.Input()
         ], CollectionEcComponent.prototype, "optionsFilters", void 0);
-        CollectionEcComponent = __decorate$V([
+        CollectionEcComponent = CollectionEcComponent_1 = __decorate$V([
             core.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, core.Inject(core.PLATFORM_ID))
         ], CollectionEcComponent);
         return CollectionEcComponent;
     }(ComponentHelper));
@@ -9595,7 +10011,7 @@
         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 */
@@ -9796,7 +10212,7 @@
                 template: "",
                 styles: [""]
             }),
-            __param$7(1, core.Inject(common.DOCUMENT))
+            __param$8(1, core.Inject(common.DOCUMENT))
         ], FiltersEcComponent);
         return FiltersEcComponent;
     }(ComponentHelper));
@@ -9820,7 +10236,7 @@
         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 */
@@ -9909,7 +10325,7 @@
                 template: "",
                 styles: [".min-width-large{min-width:150px}"]
             }),
-            __param$8(1, core.Inject(common.DOCUMENT))
+            __param$9(1, core.Inject(common.DOCUMENT))
         ], FiltersTopEcComponent);
         return FiltersTopEcComponent;
     }(ComponentHelper));
@@ -10486,28 +10902,11 @@
             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:
@@ -10529,32 +10928,12 @@
                 });
             }); };
             /**
-             * 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();
                 });
             };
@@ -10640,6 +11019,7 @@
                 }
             };
             this.injector.get(ChannelConfigService).channelConfig$.subscribe(function (channel) {
+                console.log(channel);
                 channel.applyCurrencyExchange ? _this.loadCurrencyList() : _this.loadDefaultCurrency(channel.baseCurrency);
                 console.log(_this.enableApplyCurrencyExchange);
             });
@@ -11207,22 +11587,6 @@
         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) {
@@ -11248,11 +11612,9 @@
             _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;
@@ -11358,10 +11720,9 @@
                 _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;
@@ -11376,31 +11737,7 @@
             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 = rxjs.combineLatest([
-                this.productService.product$.pipe(operators.filter(function (p) { return !!p && !!p.id; })),
-                this.productService.asociatedData$.pipe(operators.startWith(null)),
-                this.cartService.cartItems.pipe(operators.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;
@@ -11549,6 +11886,7 @@
         ProductEcComponent.prototype.ngOnChanges = function () {
         };
         ProductEcComponent.prototype.selectItem = function (product) {
+            console.log('entro');
             this.analyticsService.callEvent('select_item', product);
         };
         ProductEcComponent.ctorParameters = function () { return [
@@ -12069,7 +12407,7 @@
         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) {
@@ -12186,7 +12524,7 @@
                 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, core.Inject('env'))
+            __param$a(3, core.Inject('env'))
         ], SellerDashboardContainerEcComponent);
         return SellerDashboardContainerEcComponent;
     }(ComponentHelper));
@@ -12793,8 +13131,8 @@
         PriceEcComponent = __decorate$1f([
             core.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;
@@ -12819,7 +13157,7 @@
         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;
@@ -12863,7 +13201,7 @@
             var _this = this;
             var state;
             rxjs.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);
@@ -12946,7 +13284,7 @@
         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 */
@@ -13071,7 +13409,7 @@
                 providers: [modal.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, core.Inject(common.DOCUMENT))
+            __param$b(6, core.Inject(common.DOCUMENT))
         ], RedSysProEcComponent);
         return RedSysProEcComponent;
     }(ComponentHelper));
@@ -13624,7 +13962,6 @@
             _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 = '?';
@@ -13667,7 +14004,7 @@
                     _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;
                 }
@@ -13677,7 +14014,6 @@
                 _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;
@@ -13703,7 +14039,7 @@
         OrderEcComponent = __decorate$1l([
             core.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);
@@ -15486,10 +15822,12 @@
                             _this.loading = false;
                         }
                         else {
+                            /* console.log('Entro al else'); */
                             _this.renderPayPal();
                         }
                     }
                     catch (error) {
+                        /* console.log('Entro al catch'); */
                         _this.renderPayPal();
                     }
                 }, 1000);
@@ -16162,7 +16500,7 @@
         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;
@@ -16194,7 +16532,7 @@
             var _this = this;
             var token;
             rxjs.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) {
@@ -19276,7 +19614,6 @@
             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) {
@@ -19326,11 +19663,10 @@
                 _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;
@@ -19340,7 +19676,7 @@
             });
         };
         SidebarEcComponent.prototype.actualizarCantidad = function (item, cantidad, stock, id) {
-            var _a, _b, _c;
+            var _a;
             if (this.cartLoading) {
                 return;
             }
@@ -19360,14 +19696,13 @@
                     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');
@@ -19380,7 +19715,7 @@
             }
             else {
                 if (newQuantity > 0 && newQuantity <= stock) {
-                    this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
+                    this.cartService.updateItemQuantity(item, newQuantity);
                 }
             }
         };
@@ -19669,7 +20004,7 @@
         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 () {
@@ -19756,7 +20091,7 @@
             core.Directive({
                 selector: "[ecAddActionRedirect]",
             }),
-            __param$b(0, core.Inject(common.DOCUMENT))
+            __param$c(0, core.Inject(common.DOCUMENT))
         ], AddActionRedirectDirective);
         return AddActionRedirectDirective;
     }());
@@ -19846,7 +20181,7 @@
         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 () {
@@ -19994,7 +20329,7 @@
             core.Directive({
                 selector: "[ecProductOff]",
             }),
-            __param$c(0, core.Inject(common.DOCUMENT))
+            __param$d(0, core.Inject(common.DOCUMENT))
         ], ProductOffDirective);
         return ProductOffDirective;
     }());
@@ -20179,7 +20514,7 @@
         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;
@@ -20245,7 +20580,7 @@
             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);
@@ -20265,7 +20600,6 @@
         ecCurrencySymbolPipe = __decorate$27([
             core.Pipe({
                 name: 'ecCurrencySymbol',
-                pure: false
             })
         ], ecCurrencySymbolPipe);
         return ecCurrencySymbolPipe;
@@ -20577,7 +20911,7 @@
         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 () {
@@ -20608,7 +20942,7 @@
         ]; };
         StandardReuseStrategy = __decorate$2d([
             core.Injectable(),
-            __param$d(0, core.Inject('env'))
+            __param$e(0, core.Inject('env'))
         ], StandardReuseStrategy);
         return StandardReuseStrategy;
     }());