ng-easycommerce 0.0.660-beta.1 → 0.0.661

package/fesm2015/ng-easycommerce.js

@@ -7,7 +7,7 @@ import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { ToastrService, ToastrModule } from 'ngx-toastr';
 import { ReplaySubject, of, BehaviorSubject, forkJoin, combineLatest, Observable, throwError } from 'rxjs';
 import 'rxjs/add/operator/map';
-import { take, map, catchError, filter, mapTo, finalize, skipWhile, concatMap } from 'rxjs/operators';
+import { take, map, catchError, filter, mapTo, finalize, startWith, skipWhile, concatMap } from 'rxjs/operators';
 import 'rxjs/add/operator/catch';
 import 'rxjs/add/observable/of';
 import * as moment from 'moment';
@@ -469,6 +469,11 @@ let Constants = class Constants {
          * @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
@@ -4032,12 +4037,22 @@ let CartService = class CartService {
             this.updateLocalCart();
             this.requestInProcess.next(false);
         };
-        this.updateCartItemQuantity = (variant_id, quantity) => {
-            let newQuantity = this.items.find(item => item.variant_id == variant_id).quantity = quantity;
+        this.updateCartItemQuantity = (variant_id, quantity, comments) => {
+            const normalizedComments = comments !== undefined ? ((comments !== null && comments !== void 0 ? comments : '')).trim() : undefined;
+            const newItems = this.items.map(it => {
+                if (it.variant_id !== variant_id)
+                    return it;
+                const updated = Object.assign(Object.assign({}, it), { quantity: Number(quantity) });
+                if (normalizedComments !== undefined) {
+                    updated.comments = normalizedComments;
+                }
+                return updated;
+            });
+            this.items = newItems;
             this.cartItemsSubject.next(this.items);
             this.requestInProcess.next(false);
             this.updateLocalCart();
-            this.toastrService.show('product-updated', { quantity: newQuantity });
+            this.toastrService.show('product-updated', { quantity });
         };
         this.appendToCart = (cart) => {
             this.updateCartObj(cart);
@@ -4058,9 +4073,9 @@ let CartService = class CartService {
             // this.googleAnalytics.removeFromCart(product);
             this.analyticsService.callEvent('remove_from_cart', Object.assign(Object.assign({}, product), { currency: this.consts.currency.code }));
         };
-        this.addIfAllreadyExists = (product, variant_id, quantityAdd = 1) => this.items.find((item, index) => {
+        this.addIfAllreadyExists = (product, variant_id, quantityAdd = 1, comments) => this.items.find((item, index) => {
             if (item.product.id == product.id && item.variant_id == variant_id) {
-                this.updateItemQuantity(item, this.findItem(product.id).quantity + quantityAdd);
+                this.updateItemQuantity(item, this.findItem(product.id).quantity + quantityAdd, comments);
                 return true;
             }
             return false;
@@ -4112,7 +4127,7 @@ let CartService = class CartService {
                 return;
             }
             this.requestInProcess.next(true);
-            let added = this.addIfAllreadyExists(product, variant_id, quantity);
+            let added = this.addIfAllreadyExists(product, variant_id, quantity, comments);
             if (!added) {
                 const payload = {
                     productCode: product.id,
@@ -4152,13 +4167,13 @@ let CartService = class CartService {
             !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(res => this.appendToCart(res), err => this.handleError(err));
         };
-        this.addToCartPromise = (product, quantity, variant_id) => __awaiter$5(this, void 0, void 0, function* () {
+        this.addToCartPromise = (product, quantity, variant_id, comments) => __awaiter$5(this, void 0, void 0, function* () {
             if (!this.authService.isAbleToBuy()) {
                 this.toastrService.show('must-select-customer');
                 return;
             }
             this.requestInProcess.next(true);
-            let added = this.addIfAllreadyExists(product, variant_id, quantity);
+            let added = this.addIfAllreadyExists(product, variant_id, quantity, comments);
             if (!added) {
                 let result = yield (this.connection.post(this.addItemApi(), { productCode: product.id, quantity: quantity, variantCode: variant_id }).toPromise());
                 if (!result || result.error)
@@ -4200,13 +4215,18 @@ let CartService = class CartService {
             items = items.filter(itemParam => !this.items.find(item => itemParam.variantCode == item.variant_id));
             return [...items, ...paramsMerge];
         };
-        this.updateItemQuantity = (item, quantity) => {
+        this.updateItemQuantity = (item, quantity, comments) => {
             if (this.validateQuantity(item, quantity) && (this.validatePriceAndCredits(item, quantity))) {
                 this.requestInProcess.next(true);
+                const payload = { quantity: Number(quantity) };
+                if (comments !== undefined) {
+                    const cleaned = ((comments !== null && comments !== void 0 ? comments : '')).trim();
+                    payload.comments = cleaned;
+                }
                 this.connection
-                    .put(this.updateItemQuantityApi(this.findItemByIdVariant(item.variant_id)), { 'quantity': Number(quantity) })
+                    .put(this.updateItemQuantityApi(this.findItemByIdVariant(item.variant_id)), payload)
                     .pipe(finalize(() => this.requestInProcess.next(false)))
-                    .subscribe(res => this.updateCartObj(res) && this.updateCartItemQuantity(item.variant_id, Number(quantity)), err => this.handleError(err));
+                    .subscribe(res => this.updateCartObj(res) && this.updateCartItemQuantity(item.variant_id, Number(quantity), comments), err => this.handleError(err));
             }
         };
         this.validateQuantity = (item, quantity) => {
@@ -6304,6 +6324,7 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         this.creditAccountShowPrices = null;
         this.showTaxLegend = false;
         this.cartLoading = false;
+        this.enableFieldNotesInArticleFile = false;
         this.toDecimal = (amount) => this.consts.toDecimal(amount);
         this.redirectRegister = () => this.router.navigateByUrl(`/auth/login`);
         this.getVariants = product => {
@@ -6365,11 +6386,12 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         this.cartService.promotions.subscribe(promotions => this.promotions = promotions);
         //    console.log(this.cartService.getTaxes());
         this.channelConfigService.channelConfig$.subscribe(channel => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             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(['/']);
             }
@@ -6383,7 +6405,7 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         this.ecOnInit();
     }
     actualizarCantidad(item, cantidad, stock, id) {
-        var _a;
+        var _a, _b, _c;
         if (this.cartLoading) {
             return;
         }
@@ -6403,10 +6425,11 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
                 newQuantity = Math.round(newQuantity / step) * step;
             }
         }
+        const 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);
+                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
             }
             else {
                 this.toastrService.show('out-of-stock-actually');
@@ -6417,7 +6440,7 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         }
         else {
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity);
+                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
             }
             else {
                 this.toastrService.show('out-of-stock-actually');
@@ -6883,18 +6906,24 @@ let DataFormEcComponent = class DataFormEcComponent extends ComponentHelper {
          * @returns un arreglo de countries.
          */
         this.filterCountryByCode = (countries) => {
+            // 1. Si hay países EXCLUIDOS, quítalos siempre
+            let filtered = countries;
+            if (this.consts.excludedCountries && this.consts.excludedCountries.length > 0) {
+                filtered = filtered.filter(elem => !this.consts.excludedCountries.includes(elem.code));
+            }
+            // 2. Si hay países INCLUIDOS, aplica el filtro de inclusión
             if (this.consts.getCountries().length > 0) {
-                let countriesFiltered = countries.filter(elem => this.consts.getCountries().includes(elem.code));
+                let countriesFiltered = filtered.filter(elem => 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 countries;
+                    return filtered;
                 }
             }
             else {
-                return countries;
+                return filtered;
             }
         };
         this.showFormFacturacion = () => {
@@ -7228,7 +7257,7 @@ __decorate$Q([
 DataFormEcComponent = __decorate$Q([
     Component({
         selector: 'app-dataform-ec',
-        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>",
+        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_')\">\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}} <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>",
         providers: [BsModalService],
         styles: [".mt-df{margin:10px auto 0}.btn.btn-outline-secondary.active,.btn.btn-outline-secondary:hover{color:#fff!important}.required{color:red}.field-label{color:#000}.btn.valid-btn{background-color:#000;color:#fff;margin-right:-3px;margin-bottom:10px}label{color:#000}.input-size-lg{width:1.8rem;height:1.8rem}"]
     })
@@ -7648,12 +7677,8 @@ var __decorate$V = (this && this.__decorate) || function (decorators, target, ke
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$7 = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-var CollectionEcComponent_1;
-let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponent extends ComponentHelper {
-    constructor(productsService, paramsSrv, activeRoute, optionsService, authService, analyticsService, cartService, consts, filtersService, router, platformId) {
+let CollectionEcComponent = class CollectionEcComponent extends ComponentHelper {
+    constructor(productsService, paramsSrv, activeRoute, optionsService, authService, analyticsService, cartService, consts, filtersService) {
         super();
         this.productsService = productsService;
         this.paramsSrv = paramsSrv;
@@ -7664,21 +7689,12 @@ let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponen
         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'];
         /**
@@ -7747,113 +7763,23 @@ let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponen
         this.getObjectWithVariant = () => {
             return this.consts.getParamsProductsWithUniqueVariant();
         };
-        // Método personalizado para manejar selección de filtros que invalidará cache
-        this.customSetFilterSelected = (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
-            const 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(param => this.params = param);
         this.defaultFilters = this.consts.getDefaultFilters();
         this.filtersConfig.filters = this.consts.getFilterConfig();
         this.productsService.filtersInView$.subscribe(res => 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();
     }
     ngOnInit() {
-        this.stateKey = this.router.url.split('?')[0];
-        // Verificar si hay estado guardado ANTES de scroll(0,0)
-        const 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();
+        window.scroll(0, 0);
+        this.products = [];
+        this.ecOnInit();
+        this.getProductsAndSubscribe();
     }
     getProductsAndSubscribe() {
-        // Verificar PRIMERO si hay estado guardado
-        const 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 = [...savedState.products];
-            this.isRestoringState = true;
-            // Restaurar productos inmediatamente
-            this.products = [...savedState.products];
-            this.finished = savedState.finished;
-            this.loading = false;
-            // Restaurar filtros si están disponibles
-            if (savedState.filters) {
-                this.filters = [...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 = [...savedState.filters_top];
-                console.log('📦 Filtros top restaurados desde cache:', this.filters_top.length);
-            }
-            if (savedState.breadcrumb) {
-                this.breadcrumb = [...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;
-    }
-    originalGetProductsAndSubscribe() {
         combineLatest([this.activeRoute.params, this.optionsService.ready, this.activeRoute.queryParams]).subscribe(([params, ready, queryParams]) => {
             if (ready.readyAll) {
                 let cambio = 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);
                 }
@@ -7883,16 +7809,7 @@ let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponen
                             }
                             else {
                                 res = this.productsService.getProductsWithUniqueVariant(res, this.getObjectWithVariant());
-                                // Filtrar productos duplicados antes de agregar
-                                const existingIds = new Set(this.products.map(p => p.id));
-                                const uniqueProducts = res.filter(p => !existingIds.has(p.id));
-                                if (uniqueProducts.length > 0) {
-                                    console.log('➕ CollectionEC (variants): Agregando', uniqueProducts.length, 'de', res.length, 'productos únicos');
-                                    this.products.push(...uniqueProducts);
-                                }
-                                else {
-                                    console.log('⚠️ CollectionEC (variants): Todos los productos ya existen - ignorando', res.length, 'productos');
-                                }
+                                this.products.push(...res);
                                 this.applyFiltersInView();
                             }
                             ;
@@ -7904,16 +7821,7 @@ let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponen
                                 cambio = false;
                             }
                             else {
-                                // Filtrar productos duplicados antes de agregar
-                                const existingIds = new Set(this.products.map(p => p.id));
-                                const uniqueProducts = res.filter(p => !existingIds.has(p.id));
-                                if (uniqueProducts.length > 0) {
-                                    console.log('➕ CollectionEC: Agregando', uniqueProducts.length, 'de', res.length, 'productos únicos');
-                                    this.products.push(...uniqueProducts);
-                                }
-                                else {
-                                    console.log('⚠️ CollectionEC: Todos los productos ya existen - ignorando', res.length, 'productos');
-                                }
+                                this.products.push(...res);
                                 this.applyFiltersInView();
                             }
                         }
@@ -7930,141 +7838,6 @@ let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponen
             }
         });
     }
-    setupParentSubscriptionsOnly() {
-        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(res => {
-            var _a;
-            console.log('📦 Suscripción products$ (desde cache):', (_a = res) === null || _a === void 0 ? void 0 : _a.length, 'productos');
-            this.loading = false;
-            if (res && res.length > 0) {
-                // Si estamos usando cache, agregar solo productos nuevos únicos
-                if (this.usingCachedProducts) {
-                    const existingIds = new Set(this.products.map(p => p.id));
-                    const uniqueProducts = res.filter(p => !existingIds.has(p.id));
-                    if (uniqueProducts.length > 0) {
-                        console.log('➕ Cache: Agregando', uniqueProducts.length, 'productos adicionales');
-                        this.products.push(...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');
-                        const existingIds = new Set(this.products.map(p => p.id));
-                        let newProducts = res;
-                        if (this.productsWithUniqueVariant) {
-                            newProducts = this.productsService.getProductsWithUniqueVariant(res, this.getObjectWithVariant());
-                        }
-                        const uniqueProducts = newProducts.filter(p => !existingIds.has(p.id));
-                        if (uniqueProducts.length > 0) {
-                            console.log('➕ Agregando', uniqueProducts.length, 'productos únicos por scroll');
-                            this.products.push(...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(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(res => this.finished = res);
-    }
-    setupCustomSubscription() {
-        // Suscripción personalizada para detectar cambios de categoría/búsqueda
-        combineLatest([this.activeRoute.params, this.optionsService.ready, this.activeRoute.queryParams]).subscribe(([params, ready, queryParams]) => {
-            if (ready.readyAll && this.subscriptionsConfigured) {
-                const 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);
-                }
-            }
-        });
-    }
-    loadNewCategory(params, queryParams) {
-        // Hacer solo la petición de productos sin reconfigurar todas las suscripciones
-        let 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);
-    }
-    generateStateKey() {
-        // Incluir ruta y parámetros para generar clave única
-        const route = this.router.url.split('?')[0]; // Sin query params
-        const params = this.activeRoute.snapshot.params;
-        return `${route}_${JSON.stringify(params)}`;
-    }
-    invalidateCache() {
-        // Limpiar cache específico y sessionStorage
-        console.log('🗑️ Invalidando cache para:', this.stateKey);
-        CollectionEcComponent_1.stateCache.delete(this.stateKey);
-        if (isPlatformBrowser(this.platformId)) {
-            sessionStorage.removeItem(`collection_scroll_${this.stateKey}`);
-        }
-    }
     onScroll() {
         this.loading = true;
         if (!this.productsService.isWaiting() && !this.productsService.getNext()) {
@@ -8072,183 +7845,7 @@ let CollectionEcComponent = CollectionEcComponent_1 = class CollectionEcComponen
             this.loading = false;
         }
     }
-    // Métodos de ciclo de vida requeridos
-    ngAfterViewChecked() {
-        // Solo verificar si hay un scroll pendiente
-        if (this.pendingScrollPosition !== null && isPlatformBrowser(this.platformId)) {
-            const productElements = document.querySelectorAll('.col-lg-3, .col-md-4, .col-6, [class*="product"], .product-item, .card');
-            const currentProductCount = productElements.length;
-            // Verificar si se han renderizado suficientes productos
-            if (currentProductCount >= Math.min(this.expectedProductCount, 10)) {
-                const targetPosition = this.pendingScrollPosition;
-                this.pendingScrollPosition = null; // Limpiar para evitar loops
-                // Usar requestAnimationFrame para asegurar que el rendering esté completo
-                requestAnimationFrame(() => {
-                    requestAnimationFrame(() => {
-                        this.restoreScrollWithRetries(targetPosition);
-                        this.isRestoringState = false;
-                    });
-                });
-            }
-        }
-    }
-    ngOnDestroy() {
-        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
-    setupBeforeUnloadHandler() {
-        if (isPlatformBrowser(this.platformId)) {
-            // Interceptar clics en productos para guardar estado
-            this.clickHandler = (event) => {
-                const target = event.target;
-                // Buscar si el clic es en un enlace a producto
-                const 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
-            let scrollTimer;
-            window.addEventListener('scroll', () => {
-                // Solo guardar si estamos en una página de colección
-                if (this.router.url.includes('/collection/')) {
-                    clearTimeout(scrollTimer);
-                    scrollTimer = setTimeout(() => this.saveCurrentState(), 300);
-                }
-            });
-            // Guardar antes de que el usuario salga de la página
-            window.addEventListener('beforeunload', () => {
-                if (this.router.url.includes('/collection/')) {
-                    this.saveCurrentState();
-                }
-            });
-        }
-    }
-    saveCurrentState() {
-        if (isPlatformBrowser(this.platformId) && this.products && this.products.length > 0) {
-            // Obtener posición de scroll de múltiples fuentes
-            const 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) {
-                const state = {
-                    products: [...this.products],
-                    scrollPosition: scrollPos,
-                    finished: this.finished,
-                    loading: this.loading,
-                    page: Math.ceil(this.products.length / 10),
-                    allCachedProducts: this.usingCachedProducts ? [...this.allCachedProducts] : [...this.products],
-                    filters: this.filters ? [...this.filters] : undefined,
-                    filters_top: this.filters_top ? [...this.filters_top] : undefined,
-                    breadcrumb: this.breadcrumb ? [...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) { }
-            }
-        }
-    }
-    restoreScrollWithRetries(targetPosition) {
-        if (this.isScrolling) {
-            return;
-        }
-        // Verificar si el target es mayor que la altura del documento
-        const documentHeight = document.documentElement.scrollHeight;
-        if (targetPosition > documentHeight) {
-            targetPosition = Math.max(0, documentHeight - window.innerHeight);
-        }
-        // Solo verificar si el usuario ha hecho scroll muy lejos
-        const 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
-        const improvedPosition = this.tryScrollToProductByIndex(targetPosition);
-        if (improvedPosition !== targetPosition) {
-            targetPosition = improvedPosition;
-        }
-        let attempts = 0;
-        const maxAttempts = 15;
-        const tryScroll = () => {
-            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(() => {
-                const currentPos = window.pageYOffset || document.documentElement.scrollTop;
-                const difference = Math.abs(currentPos - targetPosition);
-                if (difference > 50 && attempts < maxAttempts) {
-                    const 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();
-    }
-    tryScrollToProductByIndex(targetPosition) {
-        // Intentar calcular a qué producto corresponde la posición
-        const approximateIndex = Math.floor(targetPosition / 400); // Asumiendo ~400px por producto
-        // Buscar elementos de producto
-        const productElements = document.querySelectorAll('.col-lg-3, .col-md-4, .col-6, [class*="product"], .product-item, .card');
-        if (productElements.length > approximateIndex && approximateIndex >= 0) {
-            const targetElement = productElements[approximateIndex];
-            const 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
-    }
-    waitForProductRendering(targetPosition) {
-        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(() => {
-            if (this.pendingScrollPosition !== null) {
-                const targetPos = this.pendingScrollPosition;
-                this.pendingScrollPosition = null;
-                this.restoreScrollWithRetries(targetPos);
-                this.isRestoringState = false;
-            }
-        }, 2000);
-    }
 };
-// Propiedades para scroll y cache
-CollectionEcComponent.stateCache = new Map();
-CollectionEcComponent.maxCacheSize = 10;
 CollectionEcComponent.ctorParameters = () => [
     { type: ProductsService },
     { type: ParametersService },
@@ -8258,9 +7855,7 @@ CollectionEcComponent.ctorParameters = () => [
     { type: AnalyticsService },
     { type: CartService },
     { type: Constants },
-    { type: FiltersService },
-    { type: Router },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
+    { type: FiltersService }
 ];
 __decorate$V([
     Input()
@@ -8274,13 +7869,12 @@ __decorate$V([
 __decorate$V([
     Input()
 ], CollectionEcComponent.prototype, "optionsFilters", void 0);
-CollectionEcComponent = CollectionEcComponent_1 = __decorate$V([
+CollectionEcComponent = __decorate$V([
     Component({
         selector: 'app-collection-ec',
         template: "\r\n<div>\r\n    <div class=\"collection\">\r\n        <ng-content select=\"[collection]\"> </ng-content>\r\n    </div>\r\n\r\n    <div class=\"all\">\r\n        <ng-content select=\"[all]\"> </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"'collection'\"></app-blocks-ec>",
         styles: [".h1-custom{color:#00f}"]
-    }),
-    __param$7(10, Inject(PLATFORM_ID))
+    })
 ], CollectionEcComponent);
 
 var __decorate$W = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -8381,7 +7975,7 @@ var __decorate$Y = (this && this.__decorate) || function (decorators, target, ke
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$8 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$7 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -8581,7 +8175,7 @@ FiltersEcComponent = __decorate$Y([
         template: "",
         styles: [""]
     }),
-    __param$8(1, Inject(DOCUMENT))
+    __param$7(1, Inject(DOCUMENT))
 ], FiltersEcComponent);
 
 var __decorate$Z = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -8590,7 +8184,7 @@ var __decorate$Z = (this && this.__decorate) || function (decorators, target, ke
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$8 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -8678,7 +8272,7 @@ FiltersTopEcComponent = __decorate$Z([
         template: "",
         styles: [".min-width-large{min-width:150px}"]
     }),
-    __param$9(1, Inject(DOCUMENT))
+    __param$8(1, Inject(DOCUMENT))
 ], FiltersTopEcComponent);
 
 var __decorate$_ = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -9101,11 +8695,28 @@ let CurrencyService = class CurrencyService {
         this.getCurrencyListApi = () => 'shop-api/currencies';
         this.getConvertibilityApi = (baseCurrency, targetCurrency) => 'shop-api/currencies?baseCurrency=' + baseCurrency + '&targetCurrency=' + targetCurrency;
         /**
-         * @description Se carga la moneda por defecto.
+         * @description Se carga la moneda por defecto con metadatos (símbolo, posición, decimales).
          */
-        this.loadDefaultCurrency = (currency) => {
-            this.consts.setCurrency(currency);
-            this.load();
+        this.loadDefaultCurrency = (currencyCode) => {
+            // Trae la lista igual para tener la configuración completa
+            this.connection.get(this.getCurrencyListApi()).toPromise().then((list) => {
+                var _a;
+                this.currencyListSubject.next(list);
+                this.consts.setCurrencyTypeConfig(list);
+                const cfg = (_a = list) === null || _a === void 0 ? void 0 : _a.find(c => 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(() => {
+                // En caso de error, al menos fijá el código para no romper el flujo
+                this.consts.setCurrency(currencyCode);
+                this.load();
+            });
         };
         /**
          * @description calcula la convetibilidad del precio  pasado por paramentro segun esta formula:
@@ -9124,12 +8735,32 @@ let CurrencyService = class CurrencyService {
             this.getConvertibility(this.consts.currency.code, code);
         });
         /**
-         * @description Carga la lista de monedas/currencies.
+         * 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
          */
         this.loadCurrencyList = () => {
             this.connection.get(this.getCurrencyListApi()).toPromise().then(res => {
+                var _a, _b, _c, _d;
                 this.currencyListSubject.next(res);
                 this.consts.setCurrencyTypeConfig(res);
+                const stored = localStorage.getItem('currency');
+                if (!stored) {
+                    const base = (_a = this.injector.get(ChannelConfigService).getActiveChannel()) === null || _a === void 0 ? void 0 : _a.baseCurrency;
+                    const cfg = (_c = (_b = res) === null || _b === void 0 ? void 0 : _b.find(c => c.code === base), (_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();
             });
         };
@@ -9203,7 +8834,6 @@ let CurrencyService = class CurrencyService {
             }
         };
         this.injector.get(ChannelConfigService).channelConfig$.subscribe(channel => {
-            console.log(channel);
             channel.applyCurrencyExchange ? this.loadCurrencyList() : this.loadDefaultCurrency(channel.baseCurrency);
             console.log(this.enableApplyCurrencyExchange);
         });
@@ -9705,9 +9335,11 @@ let ProductDetailEcComponent = class ProductDetailEcComponent extends ComponentH
         this.showReviews = false;
         this.hidePrices = false;
         this.creditAccountShowPrices = null;
+        this.enableFieldNotesInArticleFile = false;
         this.addToCart = () => {
             var _a;
-            this.quantity > 0 && this.productService.addToCart(this.quantity, undefined, ((_a = this.comments) === null || _a === void 0 ? void 0 : _a.trim()) || null);
+            const note = ((_a = this.comments) === null || _a === void 0 ? void 0 : _a.trim()) || null;
+            this.quantity > 0 && this.productService.addToCart(this.quantity, undefined, note);
         };
         this.addAllProductosToCart = () => {
             var _a, _b;
@@ -9808,9 +9440,10 @@ let ProductDetailEcComponent = class ProductDetailEcComponent extends ComponentH
             this.changeImgFocus(productParam.picturesdefault[0]);
         });
         this.injector.get(ChannelConfigService).channelConfig$.subscribe(channel => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             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((showPrice) => {
             this.creditAccountShowPrices = showPrice;
@@ -9825,6 +9458,28 @@ let ProductDetailEcComponent = class ProductDetailEcComponent extends ComponentH
     }
     ngOnInit() {
         this.ecOnInit();
+        // Prellenar comentarios cuando:
+        // - cargue el producto
+        // - cambie la variante seleccionada (asociatedData$)
+        // - cambien los ítems del carrito        
+        this.prefillSub = combineLatest([
+            this.productService.product$.pipe(filter((p) => !!p && !!p.id)),
+            this.productService.asociatedData$.pipe(startWith(null)),
+            this.cartService.cartItems.pipe(startWith([])),
+        ]).subscribe(([product, data, items]) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            const variantId = (_h = (_d = (_b = (_a = data) === null || _a === void 0 ? void 0 : _a.variantCode, (_b !== null && _b !== void 0 ? _b : (_c = data) === null || _c === void 0 ? void 0 : _c.variant_id)), (_d !== null && _d !== void 0 ? _d : (_g = (_f = (_e = product) === null || _e === void 0 ? void 0 : _e.variants) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.code)), (_h !== null && _h !== void 0 ? _h : null));
+            const match = (_j = items) === null || _j === void 0 ? void 0 : _j.find(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 = (_l = (_k = match) === null || _k === void 0 ? void 0 : _k.comments, (_l !== null && _l !== void 0 ? _l : ''));
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.prefillSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
     }
     scroll() {
         let el = this.contact.nativeElement;
@@ -9955,7 +9610,6 @@ let ProductEcComponent = class ProductEcComponent extends ComponentHelper {
     ngOnChanges() {
     }
     selectItem(product) {
-        console.log('entro');
         this.analyticsService.callEvent('select_item', product);
     }
 };
@@ -10390,7 +10044,7 @@ var __decorate$1a = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$a = (this && this.__param) || function (paramIndex, decorator) {
+var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 let SellerDashboardContainerEcComponent = class SellerDashboardContainerEcComponent extends ComponentHelper {
@@ -10503,7 +10157,7 @@ SellerDashboardContainerEcComponent = __decorate$1a([
         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$a(3, Inject('env'))
+    __param$9(3, Inject('env'))
 ], SellerDashboardContainerEcComponent);
 
 var __decorate$1b = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -11027,8 +10681,8 @@ __decorate$1f([
 PriceEcComponent = __decorate$1f([
     Component({
         selector: 'app-price-ec',
-        template: "<!-- Si hay templates personalizados, se proyectan -->\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\r\n            <del class=\"tachado\">\r\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\r\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n            </del>\r\n        </div>\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\r\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\r\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div>\r\n    </div>\r\n\r\n    <ng-template #onlyprice>\r\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\r\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\r\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\r\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simplePrice>\r\n        <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n            <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #fallbackSimplePrice>\r\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            {{ price | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simplePriceDel>\r\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template #simpleSalePrice>\r\n        <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n            <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #fallbackSimpleSalePrice>\r\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\r\n            {{ saleprice | ecCurrencySymbol }}\r\n        </div>\r\n    </ng-template>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabelBlock>\r\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: {{ 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}"]
+        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}"]
     })
 ], PriceEcComponent);
 
@@ -11131,7 +10785,7 @@ var __decorate$1h = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$b = (this && this.__param) || function (paramIndex, decorator) {
+var __param$a = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -11255,7 +10909,7 @@ RedSysProEcComponent = __decorate$1h([
         providers: [BsModalService],
         styles: [".half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:800px;width:100%;max-height:800px}"]
     }),
-    __param$b(6, Inject(DOCUMENT))
+    __param$a(6, Inject(DOCUMENT))
 ], RedSysProEcComponent);
 
 var __decorate$1i = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -11716,6 +11370,7 @@ let OrderEcComponent = class OrderEcComponent extends ComponentHelper {
         this.hidePrices = false;
         this.hideDiscounts = false;
         this.hideTaxes = false;
+        this.enableFieldNotesInArticleFile = false;
         this.toDate = (date, format) => moment(date).format(!format && 'DD/MM/YYYY, h:mm:ss a' || format);
         this.callError = () => {
             this.error = '?';
@@ -11746,7 +11401,7 @@ let OrderEcComponent = class OrderEcComponent extends ComponentHelper {
                 this.callError();
             };
         this.channelConfigService.channelConfig$.subscribe((config) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             if (config && config.allowRepeatOrders !== undefined) {
                 this.allowRepeatOrders = config.allowRepeatOrders;
             }
@@ -11756,6 +11411,7 @@ let OrderEcComponent = class OrderEcComponent extends ComponentHelper {
             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((showPrice) => {
             this.creditAccountShowPrices = showPrice;
@@ -11782,7 +11438,7 @@ __decorate$1l([
 OrderEcComponent = __decorate$1l([
     Component({
         selector: 'app-order-ec',
-        template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\r\n            <div *ngIf=\"order; else noOrder\">\r\n\r\n                <div class=\"row justify-content-between \">\r\n                    <div class=\"col-sm-auto col-12 font-brandon\">\r\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                    </div>\r\n                    <ng-container *ngIf=\"order?.invoice\">\r\n                        <div class=\"col-sm col-12 font-brandon\">\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>",
+        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>",
         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);
@@ -13285,12 +12941,10 @@ let PaypalExpressEcComponent = class PaypalExpressEcComponent extends ComponentH
                         this.loading = false;
                     }
                     else {
-                        /* console.log('Entro al else'); */
                         this.renderPayPal();
                     }
                 }
                 catch (error) {
-                    /* console.log('Entro al catch'); */
                     this.renderPayPal();
                 }
             }, 1000);
@@ -16646,6 +16300,7 @@ let SidebarEcComponent = class SidebarEcComponent {
         this.creditAccountShowPrices = null;
         this.showTaxLegend = false;
         this.cartLoading = false;
+        this.enableFieldNotesInArticleFile = false;
         this.getVariants = product => {
             let item = product.product;
             if (item.variants && item.variants.length && item.variants[0].options && item.variants[0].options.length) {
@@ -16694,10 +16349,11 @@ let SidebarEcComponent = class SidebarEcComponent {
             this.user = u;
         });
         this.channelConfigService.channelConfig$.subscribe(channel => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             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((showPrice) => {
             this.creditAccountShowPrices = showPrice;
@@ -16707,7 +16363,7 @@ let SidebarEcComponent = class SidebarEcComponent {
         });
     }
     actualizarCantidad(item, cantidad, stock, id) {
-        var _a;
+        var _a, _b, _c;
         if (this.cartLoading) {
             return;
         }
@@ -16727,13 +16383,14 @@ let SidebarEcComponent = class SidebarEcComponent {
                 newQuantity = Math.round(newQuantity / step) * step;
             }
         }
+        const keepSameComment = (_c = (_b = item) === null || _b === void 0 ? void 0 : _b.comments, (_c !== null && _c !== void 0 ? _c : undefined));
         if (id) {
             const elem = document.getElementById(id);
             if (elem) {
                 elem.disabled = true;
             }
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity);
+                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
             }
             else {
                 this.toastrService.show('out-of-stock-actually');
@@ -16746,7 +16403,7 @@ let SidebarEcComponent = class SidebarEcComponent {
         }
         else {
             if (newQuantity > 0 && newQuantity <= stock) {
-                this.cartService.updateItemQuantity(item, newQuantity);
+                this.cartService.updateItemQuantity(item, newQuantity, keepSameComment);
             }
         }
     }
@@ -17016,7 +16673,7 @@ var __decorate$21 = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$c = (this && this.__param) || function (paramIndex, decorator) {
+var __param$b = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 class ParamsContext {
@@ -17087,7 +16744,7 @@ AddActionRedirectDirective = __decorate$21([
     Directive({
         selector: "[ecAddActionRedirect]",
     }),
-    __param$c(0, Inject(DOCUMENT))
+    __param$b(0, Inject(DOCUMENT))
 ], AddActionRedirectDirective);
 
 var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -17169,7 +16826,7 @@ var __decorate$23 = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$d = (this && this.__param) || function (paramIndex, decorator) {
+var __param$c = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 class ParamsContext$1 {
@@ -17301,7 +16958,7 @@ ProductOffDirective = __decorate$23([
     Directive({
         selector: "[ecProductOff]",
     }),
-    __param$d(0, Inject(DOCUMENT))
+    __param$c(0, Inject(DOCUMENT))
 ], ProductOffDirective);
 
 var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -17539,6 +17196,7 @@ ecCurrencySymbolPipe.ctorParameters = () => [
 ecCurrencySymbolPipe = __decorate$27([
     Pipe({
         name: 'ecCurrencySymbol',
+        pure: false
     })
 ], ecCurrencySymbolPipe);
 
@@ -17839,7 +17497,7 @@ var __decorate$2d = (this && this.__decorate) || function (decorators, target, k
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$e = (this && this.__param) || function (paramIndex, decorator) {
+var __param$d = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 let StandardReuseStrategy = class StandardReuseStrategy {
@@ -17871,7 +17529,7 @@ StandardReuseStrategy.ctorParameters = () => [
 ];
 StandardReuseStrategy = __decorate$2d([
     Injectable(),
-    __param$e(0, Inject('env'))
+    __param$d(0, Inject('env'))
 ], StandardReuseStrategy);
 
 /*