ng-easycommerce 0.0.688 → 0.0.689

package/fesm2015/ng-easycommerce.js

@@ -12,7 +12,7 @@ import 'rxjs/add/operator/catch';
 import 'rxjs/add/observable/of';
 import * as moment from 'moment';
 import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
+import { DomSanitizer, Title, Meta } from '@angular/platform-browser';
 import { BsModalService, ModalModule } from 'ngx-bootstrap/modal';
 import Stepper from 'bs-stepper';
 import _ from 'lodash';
@@ -7034,6 +7034,110 @@ var __decorate$P = (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); }
+};
+let SeoService = class SeoService {
+    constructor(document, platformId, titleService, metaService) {
+        this.document = document;
+        this.platformId = platformId;
+        this.titleService = titleService;
+        this.metaService = metaService;
+        this.setTitle = (title) => {
+            var _a;
+            const value = (_a = title) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!value) {
+                return;
+            }
+            this.titleService.setTitle(value);
+            this.metaService.updateTag({ property: 'og:title', content: value });
+        };
+        this.setDescription = (description) => {
+            var _a;
+            const value = (_a = description) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!value) {
+                return;
+            }
+            this.metaService.updateTag({ name: 'description', content: value });
+            this.metaService.updateTag({ property: 'og:description', content: value });
+        };
+        this.setOgImage = (imageUrl) => {
+            var _a;
+            const value = (_a = imageUrl) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!value) {
+                return;
+            }
+            this.metaService.updateTag({ property: 'og:image', content: value });
+        };
+        this.setOgType = (type) => {
+            this.metaService.updateTag({ property: 'og:type', content: type });
+        };
+        this.setCanonical = (url) => {
+            var _a;
+            const value = (_a = url) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!value || !isPlatformBrowser(this.platformId)) {
+                return;
+            }
+            let link = this.document.head.querySelector("link[rel='canonical']");
+            if (!link) {
+                link = this.document.createElement('link');
+                link.setAttribute('rel', 'canonical');
+                this.document.head.appendChild(link);
+            }
+            link.setAttribute('href', value);
+        };
+        this.setRobots = (content) => {
+            var _a;
+            const value = (_a = content) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!value) {
+                return;
+            }
+            this.metaService.updateTag({ name: 'robots', content: value });
+        };
+        this.setNoIndex = (enabled = true) => {
+            this.setRobots(enabled ? 'noindex, nofollow' : 'index, follow');
+        };
+        this.getSiteName = (fallback = 'EasyCommerce') => {
+            var _a, _b, _c;
+            const ogSiteName = (_b = (_a = this.metaService.getTag("property='og:site_name'")) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.trim();
+            if (ogSiteName) {
+                return ogSiteName;
+            }
+            const currentTitle = (_c = this.titleService.getTitle()) === null || _c === void 0 ? void 0 : _c.trim();
+            if (currentTitle) {
+                const parts = currentTitle.split('|').map((part) => part.trim()).filter(Boolean);
+                if (parts.length > 1) {
+                    return parts[parts.length - 1];
+                }
+                if (!/^home$/i.test(currentTitle)) {
+                    return currentTitle;
+                }
+            }
+            return fallback;
+        };
+    }
+};
+SeoService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: Title },
+    { type: Meta }
+];
+SeoService.ɵprov = ɵɵdefineInjectable({ factory: function SeoService_Factory() { return new SeoService(ɵɵinject(DOCUMENT), ɵɵinject(PLATFORM_ID), ɵɵinject(Title), ɵɵinject(Meta)); }, token: SeoService, providedIn: "root" });
+SeoService = __decorate$P([
+    Injectable({
+        providedIn: 'root'
+    }),
+    __param$7(0, Inject(DOCUMENT)),
+    __param$7(1, Inject(PLATFORM_ID))
+], SeoService);
+
+var __decorate$Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 __awaiter$9 = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -7044,7 +7148,7 @@ var __awaiter$9 = (this && this.__awaiter) || function (thisArg, _arguments, P,
     });
 };
 let CartEcComponent = class CartEcComponent extends ComponentHelper {
-    constructor(cartService, authService, consts, productsService, router, modalService, toastrService, addressingService, channelConfigService) {
+    constructor(cartService, authService, consts, productsService, router, modalService, toastrService, addressingService, channelConfigService, seo) {
         super();
         this.cartService = cartService;
         this.authService = authService;
@@ -7055,6 +7159,7 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         this.toastrService = toastrService;
         this.addressingService = addressingService;
         this.channelConfigService = channelConfigService;
+        this.seo = seo;
         this.variantsToShow = ['TALLE', 'COLOR'];
         this.isLoggedIn = false;
         this.mediaUrl = '';
@@ -7074,6 +7179,16 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         this.activeUnitPromotionItemId = null;
         this.activeUnitPromotionSummaryStyles = {};
         this.supportsUnitPromotionHover = false;
+        this.updateCartSeo = () => {
+            const siteName = this.seo.getSiteName();
+            this.seo.setTitle(`Carrito | ${siteName}`);
+            this.seo.setDescription(`Revisá los productos seleccionados y finalizá tu compra en ${siteName}.`);
+            this.seo.setOgType('website');
+            this.seo.setNoIndex(true);
+            if (typeof window !== 'undefined') {
+                this.seo.setCanonical(window.location.href);
+            }
+        };
         /**
          * Convierte un monto crudo al formato decimal esperado por la UI.
          *
@@ -7387,6 +7502,7 @@ let CartEcComponent = class CartEcComponent extends ComponentHelper {
         this.cartService.loading.subscribe(isLoading => {
             this.cartLoading = isLoading;
         });
+        this.updateCartSeo();
         this.ecOnInit();
     }
     /** Cierra el resumen al hacer click fuera en desktop. */
@@ -7697,18 +7813,19 @@ CartEcComponent.ctorParameters = () => [
     { type: BsModalService },
     { type: ToastService },
     { type: AddressingService },
-    { type: ChannelConfigService }
+    { type: ChannelConfigService },
+    { type: SeoService }
 ];
-__decorate$P([
+__decorate$Q([
     HostListener('document:click')
 ], CartEcComponent.prototype, "handleDocumentClick", null);
-__decorate$P([
+__decorate$Q([
     HostListener('window:resize')
 ], CartEcComponent.prototype, "handleWindowResize", null);
-__decorate$P([
+__decorate$Q([
     HostListener('window:scroll')
 ], CartEcComponent.prototype, "handleWindowScroll", null);
-CartEcComponent = __decorate$P([
+CartEcComponent = __decorate$Q([
     Component({
         selector: 'app-cart-ec',
         template: "",
@@ -7716,7 +7833,7 @@ CartEcComponent = __decorate$P([
     })
 ], CartEcComponent);
 
-var __decorate$Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$R = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -8946,34 +9063,34 @@ DataFormEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: ChannelConfigService }
 ];
-__decorate$Q([
+__decorate$R([
     Input()
 ], DataFormEcComponent.prototype, "step_id", void 0);
-__decorate$Q([
+__decorate$R([
     Input()
 ], DataFormEcComponent.prototype, "isLastOne", void 0);
-__decorate$Q([
+__decorate$R([
     Input()
 ], DataFormEcComponent.prototype, "nextStep", void 0);
-__decorate$Q([
+__decorate$R([
     Input()
 ], DataFormEcComponent.prototype, "compactAddressView", void 0);
-__decorate$Q([
+__decorate$R([
     Output()
 ], DataFormEcComponent.prototype, "dirtyChange", void 0);
-__decorate$Q([
+__decorate$R([
     HostListener('document:click')
 ], DataFormEcComponent.prototype, "closeDocumentDropdowns", null);
-DataFormEcComponent = __decorate$Q([
+DataFormEcComponent = __decorate$R([
     Component({
         selector: 'app-dataform-ec',
-        template: "<ng-container\n    *ngIf=\"this.channelConfig.channelType != 'b2b' || (this.channelConfig.channelType == 'b2b' && authService.isAuthenticated()); else pleaseLogin\">\n    <ng-container\n        *ngIf=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null && !compactAddressView\">\n        <div class=\"container card p-4 mb-3\">\n            <div class=\"row justify-content-center\">\n                <div class=\"col-12 col-md-10 col-lg-8 text-center\">\n                    <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\n                        <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\n                            <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\n                                (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\n                        </label>\n\n                        <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\"\n                            *ngIf=\"!getParamByChannelAndLanguage('btn_new_address_') && !customerHasCustomerTaxRate\">\n                            <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\"\n                                (change)=\"setMode('carga')\">\n                            {{ 'new-address' | translate | titlecase}}\n                        </label>\n\n                        <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\"\n                            *ngIf=\"getParamByChannelAndLanguage('btn_new_address_') as param\">\n                            <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\"\n                                (change)=\"setMode('carga')\">\n                            {{ param.value}}\n                        </label>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"compactAddressView || getMode(); else addressSelection\">\n        <div *ngIf=\"!require_login; else requireLoginView\">\n            <div class=\"single-step-surface\">\n                <div class=\"single-step-overlay\" *ngIf=\"compactAddressView && loading\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n\n            <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_LOAD_ADDRESS'\">\n                <div class=\"checkout-title  my-2\">\n                    <h3>{{'billing-details'|translate}}</h3>\n                </div>\n            </ng-container>\n\n            <app-dataform-ec-single\n                *ngIf=\"compactAddressView\"\n                [showToggle]=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null\"\n                [isNewAddressMode]=\"getMode()\"\n                [showDefaultNewAddressButton]=\"!getParamByChannelAndLanguage('btn_new_address_') && !customerHasCustomerTaxRate\"\n                [customNewAddressLabel]=\"getParamByChannelAndLanguage('btn_new_address_')?.value\"\n                [isTemporarySelected]=\"selectedAddress?.isTemporary\"\n                [selectedAddressLabel]=\"getSelectedAddressLabel()\"\n                [addressDropdownOpen]=\"addressDropdownOpen\"\n                [addressSearch]=\"addressSearch\"\n                [addressOptions]=\"getFilteredAddressOptions()\"\n                [showSelectBlock]=\"!getMode()\"\n                [hasSelectedAddress]=\"hasSelectedAddress()\"\n                (modeChange)=\"setMode($event)\"\n                (toggleDropdown)=\"toggleAddressDropdown()\"\n                (closeDropdown)=\"addressDropdownOpen = false\"\n                (selectAddress)=\"selectAddressFromDropdown($event)\"\n                (addressSearchChange)=\"addressSearch = $event\">\n            </app-dataform-ec-single>\n\n            <form (submit)=\"verifyValidate(false,this.cartService.items)\"\n                [class.compact-address-form]=\"compactAddressView\"\n                *ngIf=\"!compactAddressView || getMode() || hasSelectedAddress()\">\n                <div class=\"row mt-df\"><!--Fila 1-->\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\n                        <label class=\"field-label\">{{'first-name'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\n                                class=\"required\">*</span></label>\n                        <input class=\"form-control\" type=\"text\" name=\"firstName\"\n                            [formControl]=\"checkoutForm.controls['firstName']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.firstName.dirty || checkoutForm.controls.firstName.touched) && checkoutForm.controls.firstName.errors?.required\">\n                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.firstName.dirty || checkoutForm.controls.firstName.touched) && checkoutForm.controls.firstName.errors?.pattern\">\n                            <span class=\"text-danger\">\n                                {{'first-name-help2'|translate}}\n                            </span>\n                        </div>\n                    </div>\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\n                        <label class=\"field-label\">{{'last-name'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\n                                class=\"required\">*</span></label>\n                        <input class=\"form-control\" type=\"text\" name=\"lastName\"\n                            [formControl]=\"checkoutForm.controls['lastName']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.lastName.dirty || checkoutForm.controls.lastName.touched) && checkoutForm.controls.lastName.errors?.required\">\n                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.lastName.dirty || checkoutForm.controls.lastName.touched) && checkoutForm.controls.lastName.errors?.pattern\">\n                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row mt-df\"><!--Fila 2-->\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\n                        <label class=\"field-label\">{{'phone'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\n                                class=\"required\">*</span></label>\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"tel\" name=\"phoneNumber\"\n                            [formControl]=\"checkoutForm.controls['phoneNumber']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.phoneNumber.dirty || checkoutForm.controls.phoneNumber.touched) && checkoutForm.controls.phoneNumber.errors?.required\">\n                            <span class=\"text-danger\">\n\n                                {{'phone-help1'|translate}}\n                            </span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.phoneNumber.dirty || checkoutForm.controls.phoneNumber.touched) && checkoutForm.controls.phoneNumber.errors?.pattern\">\n                            <span class=\"text-danger\">\n                                {{'phone-help2'|translate}}\n                            </span>\n                        </div>\n                    </div>\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\n                        <label class=\"field-label\">{{'email-address'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\n                                class=\"required\">*</span></label>\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\n                            [formControl]=\"checkoutForm.controls['email']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.email.dirty || checkoutForm.controls.email.touched) && checkoutForm.controls.email.errors?.required\">\n                            <span class=\"text-danger\">\n                                {{'email-address-help1'|translate}}\n                            </span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.email.dirty || checkoutForm.controls.email.touched) && checkoutForm.controls.email.errors?.email\">\n                            <span class=\"text-danger\">\n                                {{'email-address-help2'|translate}}\n                            </span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row mt-df\"><!--Fila 3-->\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(countries$ | async) as countries\">\n                            <label class=\"field-label\">{{'country'|translate}}<span\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\n                                    class=\"required\">*</span></label>\n                            <select class=\"form-select\" name=\"countryCode\"\n                                [formControl]=\"checkoutForm.controls['countryCode']\"\n                                (change)=\"onCountrySelected($event.target.value)\">\n                                <!--   <option selected [value]=\"countries[0].code\">{{ 'choose-country' | translate }}</option> -->\n                                <option *ngFor=\"let country of countries\" [value]=\"country.code\">{{ country.name }}\n                                </option>\n                            </select>\n                            <div *ngIf=\"(checkoutForm.controls.countryCode.dirty || checkoutForm.controls.countryCode.touched) && checkoutForm.controls.countryCode.errors?.required\"\n                                class=\"text text-danger\">\n                                {{'country-help'|translate}}\n                            </div>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(provinces$ | async) as provinces\">\n                            <label class=\"field-label\">{{'state'|translate}}<span\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\n                                    class=\"required\">*</span></label>\n                            <select class=\"form-select\" name=\"provinceCode\"\n                                (change)=\"onProvincesSelected($event.target.value)\"\n                                [formControl]=\"checkoutForm.controls['provinceCode']\">\n                                <!--                             <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option>\n -->\n                                <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}\n                                </option>\n                            </select>\n                            <div *ngIf=\"(checkoutForm.controls.provinceCode.dirty || checkoutForm.controls.provinceCode.touched) && checkoutForm.controls.provinceCode.errors?.required\"\n                                class=\"text text-danger\">\n                                {{'state-help'|translate}}\n                            </div>\n                        </div>\n                    </ng-container>\n                    <div class=\"form-group col-12 col-md-4\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\n                        <label class=\"field-label\">{{'town-city'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\n                                class=\"required\">*</span></label>\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\n                            [formControl]=\"checkoutForm.controls['city']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.city.dirty || checkoutForm.controls.city.touched) && checkoutForm.controls.city.errors?.required\">\n                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row mt-df\"><!--Fila 4-->\n                    <div class=\"form-group col-12 col-md-8\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\n                        <label class=\"field-label\">{{'address'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\n                                class=\"required\">*</span>\n                            <span class=\"char-count\">\n                                {{ 50 - (checkoutForm.controls['street'].value?.length || 0) }}\n                                {{'remainingCharacters'|translate}}\n                            </span>\n                        </label>\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                            [formControl]=\"checkoutForm.controls['street']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.street.dirty || checkoutForm.controls.street.touched) && checkoutForm.controls.street.errors?.required\">\n                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.street.dirty || checkoutForm.controls.street.touched) && checkoutForm.controls.street.errors?.maxlength\">\n                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                        </div>\n                    </div>\n\n                    <!-- form direcci\u00F3n -->\n                    <div class=\"form-group col-12 col-md-4\"\n                        *ngIf=\"isPostalCodeFieldVisible()\">\n                        <label class=\"field-label\">{{'postal-code'|translate}}<span\n                                *ngIf=\"isPostalCodeFieldRequired()\"\n                                class=\"required\">*</span></label>\n                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\n                            [formControl]=\"checkoutForm.controls['postcode']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.postcode.dirty || checkoutForm.controls.postcode.touched) && checkoutForm.controls.postcode.errors?.required\">\n                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.postcode.dirty || checkoutForm.controls.postcode.touched) && checkoutForm.controls.postcode.errors?.pattern\">\n                            <span class=\"text-danger\"> {{postalCodeErrorMessage | translate}} </span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row mt-df\"><!--Fila 5-->\n                    <ng-container *ngIf=\"compactAddressView; else documentRowFull\">\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled; else documentNumberOnly\">\n                            <div class=\"form-group col-12\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\n                                <label class=\"field-label\">{{'document-type-number'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                        class=\"required\">*</span></label>\n                                <div class=\"input-group document-input-group\">\n                                    <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\"\n                                        (click)=\"toggleDocumentTypeDropdown($event)\"\n                                        [attr.aria-expanded]=\"documentTypeDropdownOpen\"\n                                        [disabled]=\"checkoutForm.controls['documentType']?.disabled || formReadonly\">\n                                        {{ getSelectedDocumentTypeLabel(documentTypes) || ('document-type' | translate) }}\n                                    </button>\n                                    <div class=\"dropdown-menu\" [class.show]=\"documentTypeDropdownOpen\">\n                                        <button class=\"dropdown-item\" type=\"button\"\n                                            *ngFor=\"let item of documentTypes\"\n                                            (click)=\"selectDocumentType(item.code)\">\n                                            {{ item.name }}\n                                        </button>\n                                    </div>\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                        name=\"documentNumber\"\n                                        [formControl]=\"checkoutForm.controls['documentNumber']\"\n                                        placeholder=\"\" autocomplete=\"off\">\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentType.dirty || checkoutForm.controls.documentType.touched) && checkoutForm.controls.documentType.errors?.required\">\n                                    <span class=\"text-danger\">\n                                        {{'type-document-help'|translate}}\n                                    </span>\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.required\">\n                                    <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.pattern\">\n                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <ng-template #documentNumberOnly>\n                            <div class=\"form-group col-12\"\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                                <label class=\"field-label\">{{'document-number'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                        class=\"required\">*</span></label>\n                                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                    name=\"documentNumber\"\n                                    [formControl]=\"checkoutForm.controls['documentNumber']\"\n                                    placeholder=\"\" autocomplete=\"off\">\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.required\">\n                                    <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.pattern\">\n                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                </div>\n                            </div>\n                        </ng-template>\n                    </ng-container>\n                    <ng-template #documentRowFull>\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\n                            <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\n                                <label class=\"field-label\">{{'document-type'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\n                                        class=\"required\">*</span></label>\n                                <select name=\"documentType\" class=\"form-select\"\n                                    (change)=\"onDocumentTypesSelected($event.target.value)\"\n                                    [formControl]=\"checkoutForm.controls['documentType']\">\n                                    <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">{{item.name}}</option>\n                                </select>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentType.dirty || checkoutForm.controls.documentType.touched) && checkoutForm.controls.documentType.errors?.required\">\n                                    <span class=\"text-danger\">\n                                        {{'type-document-help'|translate}}\n                                    </span>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"form-group col-12 col-md-4\"\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                            <label class=\"field-label\">{{'document-number'|translate}}<span\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                    class=\"required\">*</span></label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\n                                [formControl]=\"checkoutForm.controls['documentNumber']\" placeholder=\"\" autocomplete=\"off\">\n                            <div class=\"text-danger-container\"\n                                *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.required\">\n                                <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\n                            </div>\n                            <div class=\"text-danger-container\"\n                                *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.pattern\">\n                                <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                            </div>\n                        </div>\n                    </ng-template>\n                </div>\n\n                <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a' && !(compactAddressView && !getMode())\"><!--Fila 6-->\n                    <div class=\"form-group col-12 col-md-12\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n\n                        <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                class=\"required\">*</span></label>\n                        <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\"\n                            [innerHTML]=\"labelnotes.value\"><span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                class=\"required\">*</span></label>\n\n                        <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\n                        <textarea (change)=\"onInputChange()\" class=\"form-control notes-textarea\" name=\"notes\"\n                            [formControl]=\"checkoutForm.controls['notes']\" rows=\"3\" placeholder=\"\"\n                            autocomplete=\"off\"></textarea>\n                    </div>\n                </div>\n                <div class=\"row mt-df address-meta-row\" *ngIf=\"!(compactAddressView && !getMode())\"><!--Fila 7-->\n                    <div class=\"form-group col-12 col-md-12\">\n                        <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\n                                class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\n                                id=\"formFact\"></label>\n                    </div>\n                </div>\n                <div class=\"row mt-df address-required-row\" *ngIf=\"!(compactAddressView && !getMode())\">\n                    <div class=\"col-12\">\n                        <span class=\"required-hint-text\">\n                            <span class=\"required-hint-asterisk\">*</span> {{ 'required-fields' | translate }}\n                        </span>\n                    </div>\n                </div>\n                <div class=\"row mt-df address-terms-row\" *ngIf=\"!(compactAddressView && !getMode())\">\n                    <div class=\"form-group col-12 col-md-12\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.enabled\">\n                        <label class=\"terms-label\" for=\"\">\n                            <input class=\"me-2\" name=\"terms\" [formControl]=\"checkoutForm.controls['terms']\"\n                                type=\"checkbox\" required (change)=\"onInputChange()\" />\n                            <span>{{ 'accept-terms-prefix' | translate }}</span>\n                            <button type=\"button\" class=\"terms-link\" (click)=\"openModal(template)\">\n                                {{ 'terms-and-conditions' | translate }}\n                            </button>\n                            <span *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.required\"\n                                class=\"required\">*</span>\n                        </label>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.terms.dirty || checkoutForm.controls.terms.touched) && !checkoutForm.controls.terms.value\">\n                            <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" *ngIf=\"viewDataFacturacion ; else datosFormFacturacion\"> </div>\n                <div class=\"checkout-btn-unique text-end\" *ngIf=\"!formReadonly\">\n                    <button type=\"submit\" [disabled]=\"!validado\" class=\"btn valid-btn mt-2\">\n                        {{ getPrimaryActionLabel() | translate }}</button>\n\n\n                </div>\n                <div *ngIf=\"loading && !compactAddressView\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </form>\n            <ng-container *ngIf=\"compactAddressView && !getMode()\">\n                <div class=\"w-100\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n                        <div class=\"row mt-df\">\n                            <div class=\"form-group col-12 col-md-12\">\n                                <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                        class=\"required\">*</span></label>\n                                <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\"\n                                    [innerHTML]=\"labelnotes.value\"></label>\n                                <textarea (change)=\"onSelectionNotesChange()\" class=\"form-control notes-textarea\"\n                                    name=\"notes\" [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" rows=\"3\"\n                                    placeholder=\"\" autocomplete=\"off\" [disabled]=\"selectedAddress?.isTemporary\"></textarea>\n                                <div class=\"invalid-feedback d-block\" *ngIf=\"\n                                           addressingService.getTypeForm().viewForms.notes.required\n                                           && (!addressBookSelected.notes || !addressBookSelected.notes.trim())\n                                         \">\n                                    {{ 'required-field' | translate }}\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #addressSelection>\n\n        <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_ADDRESS_SELECTION'\">\n            <div class=\"checkout-title my-2\">\n                <h3>{{'address-selection'|translate}}</h3>\n            </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"this.addressBook; else addressBookNotResult\">\n\n            <ng-container *ngIf=\"this.addressBook?.length ;else addressBookLoading\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\n                            <ng-container *ngIf=\"compactAddressView; else addressCardFull\">\n                                <div class=\"address-card-compact\" [class.is-selected]=\"item.selected\"\n                                    (click)=\"setSelectAddress(item); onInputChange()\">\n                                    <label class=\"address-card-radio\">\n                                        <input class=\"form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\"\n                                            [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\"\n                                            (change)=\"onInputChange()\">\n                                    </label>\n                                    <div class=\"address-card-content\">\n                                        <div class=\"address-card-main\">\n                                            <div class=\"address-card-title\">{{ item.street }}</div>\n                                            <div class=\"address-card-sub\">\n                                                {{ item.city }} - {{ getProvince(item.provinceCode) }} - {{ getCountry(item.countryCode) }}\n                                            </div>\n                                            <div class=\"address-card-sub\"\n                                                *ngIf=\"shouldShowPostalCodeByCountryCode(item.countryCode)\">\n                                                {{ 'postal-code' | translate }} {{ item.postcode }}\n                                            </div>\n                                        </div>\n                                        <details class=\"address-card-details\" (click)=\"$event.stopPropagation()\">\n                                            <summary>{{ 'details' | translate }}</summary>\n                                            <div class=\"address-card-details-body\">\n                                                <div class=\"address-card-detail-title\">{{ 'address-contact' | translate }}</div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'first-name' | translate }}</strong> {{ item.addressContact.firstName }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'last-name' | translate }}</strong> {{ item.addressContact.lastName }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'document-type' | translate }}</strong> {{ getDocumentType(item.addressContact.documentType) }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'document-number' | translate }}</strong> {{ item.addressContact.documentNumber }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'email-address' | translate }}</strong> {{ item.addressContact.email }}\n                                                </div>\n                                            </div>\n                                        </details>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <ng-template #addressCardFull>\n                                <div class=\"card p-3\">\n                                    <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\"\n                                        [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\"\n                                        (change)=\"onInputChange()\">\n                                    <div class=\"ms-5\">\n                                        <h4 class=\"card-title\">\n                                            <strong>{{'address'|translate}}</strong><br>\n                                            <span class=\"text-uppercase h3\">{{item.street}}</span>\n                                        </h4>\n                                        <div class=\"row\">\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\n                                            </h5>\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\n                                            </h5>\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                <strong>{{'town-city'|translate}}</strong> {{item.city}}\n                                            </h5>\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\"\n                                                *ngIf=\"shouldShowPostalCodeByCountryCode(item.countryCode)\">\n                                                <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\n                                            </h5>\n                                        </div>\n                                        <div class=\"row px-3\">\n                                            <div class=\"card p-2 bg-light w-100\">\n                                                <div class=\"card-body\">\n                                                    <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'first-name'|translate}}</strong>\n                                                        {{item.addressContact.firstName}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'last-name'|translate}}</strong>\n                                                        {{item.addressContact.lastName}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'document-type'|translate}}</strong>\n                                                        {{getDocumentType(item.addressContact.documentType)}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'document-number'|translate}}</strong>\n                                                        {{item.addressContact.documentNumber}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'email-address'|translate}}</strong>\n                                                        {{item.addressContact.email}}\n                                                    </h6>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </div>\n\n                    </div>\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.  -->\n                    <div class=\"w-100\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n                            <div class=\"row mt-df\">\n                                <div class=\"form-group col-12 col-md-12\">\n                                    <label class=\"field-label\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                            class=\"required\">*</span></label>\n                                    <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\"\n                                        [innerHTML]=\"labelnotes.value\"></label>\n                                    <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                                        [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\"\n                                        placeholder=\"\" autocomplete=\"off\">\n                                    <div class=\"invalid-feedback d-block\" *ngIf=\"\n                                               addressingService.getTypeForm().viewForms.notes.required\n                                               && (!addressBookSelected.notes || !addressBookSelected.notes.trim())\n                                             \">\n                                        {{ 'required-field' | translate }}\n                                    </div>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"row mt-df\"><!--Direcci\u00F3n de facturaci\u00F3n-->\n                        <div class=\"form-group col-12 col-md-12\">\n                            <label for=\"formFactSelection\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\n                                    class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\n                                    id=\"formFactSelection\"></label>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"!viewDataFacturacion\">\n                        <!-- Selector de modo para direcci\u00F3n de facturaci\u00F3n -->\n                        <div class=\"container card p-4 mb-3\">\n                            <div class=\"row justify-content-center\">\n                                <div class=\"col-12 col-md-10 col-lg-8 text-center\">\n                                    <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\n                                        <label [class]=\"'btn btn-outline-secondary ' + (!getModeFacturacion() ? 'active' : '')\">\n                                            <input type=\"radio\" name=\"billingOptions\" id=\"billingOption1\" autocomplete=\"off\"\n                                                [checked]=\"!getModeFacturacion()\" (change)=\"setModeFacturacion('seleccion')\">\n                                            {{'select-address' | translate | titlecase}}\n                                        </label>\n                                        <label [class]=\"'btn btn-outline-secondary ' + (getModeFacturacion() ? 'active' : '')\">\n                                            <input type=\"radio\" name=\"billingOptions\" id=\"billingOption2\" autocomplete=\"off\"\n                                                [checked]=\"getModeFacturacion()\" (change)=\"setModeFacturacion('carga')\">\n                                            {{ 'new-address' | translate | titlecase}}\n                                        </label>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- Formulario de nueva direcci\u00F3n de facturaci\u00F3n -->\n                        <ng-container *ngIf=\"getModeFacturacion()\">\n                            <ng-container *ngTemplateOutlet=\"datosFormFacturacion\"></ng-container>\n                        </ng-container>\n                        <!-- Selecci\u00F3n de direcci\u00F3n de facturaci\u00F3n del address book -->\n                        <ng-container *ngIf=\"!getModeFacturacion()\">\n                            <div class=\"container\">\n                                <div class=\"row\">\n                                    <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\n                                        <div class=\"card p-3\">\n                                            <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'billing-'+i\"\n                                                [id]=\"'billing-'+i\" [checked]=\"item.selectedFacturacion\"\n                                                (click)=\"setSelectAddressFacturacion(item)\" (change)=\"onInputChange()\">\n                                            <div class=\"ms-5\">\n                                                <h4 class=\"card-title\">\n                                                    <strong>{{'address'|translate}}</strong><br>\n                                                    <span class=\"text-uppercase h3\">{{item.street}}</span>\n                                                </h4>\n                                                <div class=\"row\">\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                        <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\n                                                    </h5>\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                        <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\n                                                    </h5>\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                        <strong>{{'town-city'|translate}}</strong> {{item.city}}\n                                                    </h5>\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\"\n                                                        *ngIf=\"shouldShowPostalCodeByCountryCode(item.countryCode)\">\n                                                        <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\n                                                    </h5>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                    <div class=\"checkout-btn-unique text-end\">\n                        <button *ngIf=\"!viewDataFacturacion && !getModeFacturacion()\"\n                            (click)=\"onSelectAddressFacturacion(this.cartService.items)\" class=\"btn valid-btn mt-2\"\n                            [disabled]=\"!addressBookSelectedFacturacion.id\">\n                            {{ getPrimaryActionLabel() | translate }}\n                        </button>\n                        <button *ngIf=\"!viewDataFacturacion && getModeFacturacion()\"\n                            (click)=\"onSubmitNewBillingAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\"\n                            [disabled]=\"checkoutFormFacturacion.invalid\">\n                            {{ getPrimaryActionLabel() | translate }}\n                        </button>\n                        <button *ngIf=\"viewDataFacturacion\"\n                            (click)=\"onSelectAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\">\n                            {{ getPrimaryActionLabel() | translate }}\n                        </button>\n                    </div>\n                    <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                        <app-loading-full-ec></app-loading-full-ec>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n\n    </ng-template>\n\n\n    <ng-template #requireLoginView>\n        <div id=\"loginCheckout\">\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\" *ngIf=\"require_login\">\n                <div class=\"col-12\">\n                    <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\n                    </app-login-form-ec>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n\n\n\n    <ng-template #datosFormFacturacion>\n        <div class=\"container-fluid px-0 px-md-2\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"card \">\n                        <div class=\"card-header text-dark text-center\">\n                            <h3>{{'billing-data'|translate}}</h3>\n                        </div>\n                        <div class=\"card-body\">\n                            <form (submit)=\"handleBillingFormSubmit($event)\">\n                                <div class=\"row mt-df\">\n                                    <!--Fila 1-->\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\n                                        <label class=\"field-label\">{{'first-name'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\n                                                class=\"required\">*</span></label>\n                                        <input class=\"form-control\" type=\"text\" name=\"firstName\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['firstName']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.firstName.dirty || checkoutFormFacturacion.controls.firstName.touched) && checkoutFormFacturacion.controls.firstName.errors?.required\">\n                                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.firstName.dirty || checkoutFormFacturacion.controls.firstName.touched) && checkoutFormFacturacion.controls.firstName.errors?.pattern\">\n                                            <span class=\"text-danger\">\n                                                {{'first-name-help2'|translate}}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\n                                        <label class=\"field-label\">{{'last-name'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\n                                                class=\"required\">*</span></label>\n                                        <input class=\"form-control\" type=\"text\" name=\"lastName\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['lastName']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.lastName.dirty || checkoutFormFacturacion.controls.lastName.touched) && checkoutFormFacturacion.controls.lastName.errors?.required\">\n                                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.lastName.dirty || checkoutFormFacturacion.controls.lastName.touched) && checkoutFormFacturacion.controls.lastName.errors?.pattern\">\n                                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 2-->\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\n                                        <label class=\"field-label\">{{'phone'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\n                                                class=\"required\">*</span></label>\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"tel\"\n                                            name=\"phoneNumber\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['phoneNumber']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.phoneNumber.dirty || checkoutFormFacturacion.controls.phoneNumber.touched) && checkoutFormFacturacion.controls.phoneNumber.errors?.required\">\n                                            <span class=\"text-danger\">\n                                                {{'phone-help1'|translate}}\n                                            </span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.phoneNumber.dirty || checkoutFormFacturacion.controls.phoneNumber.touched) && checkoutFormFacturacion.controls.phoneNumber.errors?.pattern\">\n                                            <span class=\"text-danger\">\n                                                {{'phone-help2'|translate}}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\n                                        <label class=\"field-label\">{{'email-address'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\n                                                class=\"required\">*</span></label>\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['email']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.email.dirty || checkoutFormFacturacion.controls.email.touched) && checkoutFormFacturacion.controls.email.errors?.required\">\n                                            <span class=\"text-danger\">\n                                                {{'email-address-help1'|translate}}\n                                            </span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.email.dirty || checkoutFormFacturacion.controls.email.touched) && checkoutFormFacturacion.controls.email.errors?.email\">\n                                            <span class=\"text-danger\">\n                                                {{'email-address-help2'|translate}}\n                                            </span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 3-->\n\n                                    <ng-container\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\n\n                                        <div class=\"form-group col-12 col-md-4\"\n                                            *ngIf=\"(countriesFacturacion$ | async) as countries\">\n                                            <label class=\"field-label\">{{'country'|translate}}<span\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\n                                                    class=\"required\">*</span></label>\n                                            <select class=\"form-select\" name=\"countryCode\"\n                                                [formControl]=\"checkoutFormFacturacion.controls['countryCode']\"\n                                                (change)=\"onCountrySelectedFacturacion($event.target.value)\">\n                                                <!-- <option selected [value]=\"null\">{{ 'choose-country' | translate }}</option> -->\n                                                <option *ngFor=\"let country of countries\" [value]=\"country.code\">\n                                                    {{ country.name }}</option>\n                                            </select>\n                                            <div *ngIf=\"(checkoutFormFacturacion.controls.countryCode.dirty || checkoutFormFacturacion.controls.countryCode.touched) && checkoutFormFacturacion.controls.countryCode.errors?.required\"\n                                                class=\"text text-danger\">\n                                                {{'country-help'|translate}}\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\n\n                                        <div class=\"form-group col-12 col-md-4\"\n                                            *ngIf=\"(provincesFacturacion$ | async) as provinces\">\n                                            <label class=\"field-label\">{{'state'|translate}}<span\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\n                                                    class=\"required\">*</span></label>\n                                            <select class=\"form-select\" name=\"provinceCode\"\n                                                (change)=\"onProvincesSelectedFacturacion($event.target.value)\"\n                                                [formControl]=\"checkoutFormFacturacion.controls['provinceCode']\">\n                                                <!-- <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option> -->\n                                                <option *ngFor=\"let province of provinces\" [value]=\"province.code\">\n                                                    {{ province.name }}\n                                                </option>\n                                            </select>\n                                            <div *ngIf=\"(checkoutFormFacturacion.controls.provinceCode.dirty || checkoutFormFacturacion.controls.provinceCode.touched) && checkoutFormFacturacion.controls.provinceCode.errors?.required\"\n                                                class=\"text text-danger\">\n                                                {{'state-help'|translate}}\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <div class=\"form-group col-12 col-md-4\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\n                                        <label class=\"field-label\">{{'town-city'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\n                                                class=\"required\">*</span></label>\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['city']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.city.dirty || checkoutFormFacturacion.controls.city.touched) && checkoutFormFacturacion.controls.city.errors?.required\">\n                                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 4-->\n                                    <div class=\"form-group col-12 col-md-8\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\n                                        <label class=\"field-label\">{{'address'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\n                                                class=\"required\">*</span></label>\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['street']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.street.dirty || checkoutFormFacturacion.controls.street.touched) && checkoutFormFacturacion.controls.street.errors?.required\">\n                                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.street.dirty || checkoutFormFacturacion.controls.street.touched) && checkoutFormFacturacion.controls.street.errors?.maxlength\">\n                                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                                        </div>\n                                    </div>\n                                    <div class=\"form-group col-12 col-md-4\"\n                                        *ngIf=\"isPostalCodeFieldVisible(true)\">\n                                        <label class=\"field-label\">{{'postal-code'|translate}}<span\n                                                *ngIf=\"isPostalCodeFieldRequired(true)\"\n                                                class=\"required\">*</span></label>\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\"\n                                            name=\"postcode\" [formControl]=\"checkoutFormFacturacion.controls['postcode']\"\n                                            value=\"\" placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.postcode.dirty || checkoutFormFacturacion.controls.postcode.touched) && checkoutFormFacturacion.controls.postcode.errors?.required\">\n                                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.postcode.dirty || checkoutFormFacturacion.controls.postcode.touched) && checkoutFormFacturacion.controls.postcode.errors?.pattern\">\n                                            <span class=\"text-danger\">{{postalCodeErrorMessageFacturacion |translate}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 5-->\n                                    <ng-container *ngIf=\"compactAddressView; else documentRowFullFacturacion\">\n                                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled; else documentNumberOnlyFacturacion\">\n                                            <div class=\"form-group col-12\"\n                                                *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\n                                                <label class=\"field-label\">{{'document-type-number'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                                        class=\"required\">*</span></label>\n                                                <div class=\"input-group document-input-group\">\n                                                    <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\"\n                                                        (click)=\"toggleDocumentTypeDropdownFacturacion($event)\"\n                                                        [attr.aria-expanded]=\"documentTypeFactDropdownOpen\"\n                                                        [disabled]=\"checkoutFormFacturacion.controls['documentType']?.disabled || formReadonly\">\n                                                        {{ getSelectedDocumentTypeLabelFacturacion(documentTypes) || ('document-type' | translate) }}\n                                                    </button>\n                                                    <div class=\"dropdown-menu\" [class.show]=\"documentTypeFactDropdownOpen\">\n                                                        <button class=\"dropdown-item\" type=\"button\"\n                                                            *ngFor=\"let item of documentTypes\"\n                                                            (click)=\"selectDocumentTypeFacturacion(item.code)\">\n                                                            {{ item.name }}\n                                                        </button>\n                                                    </div>\n                                                    <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                                        name=\"documentNumber\"\n                                                        [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\n                                                        placeholder=\"\" autocomplete=\"off\">\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentType.dirty || checkoutFormFacturacion.controls.documentType.touched) && checkoutFormFacturacion.controls.documentType.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'type-document-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'document-number-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\n                                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                                </div>\n                                            </div>\n                                        </ng-container>\n                                        <ng-template #documentNumberOnlyFacturacion>\n                                            <div class=\"form-group col-12\"\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                                                <label class=\"field-label\">{{'document-number'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                                        class=\"required\">*</span></label>\n                                                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                                    name=\"documentNumber\"\n                                                    [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\n                                                    placeholder=\"\" autocomplete=\"off\">\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'document-number-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\n                                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                                </div>\n                                            </div>\n                                        </ng-template>\n                                    </ng-container>\n                                    <ng-template #documentRowFullFacturacion>\n                                        <ng-container\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\n                                            <div class=\"form-group col-12 col-md-4\"\n                                                *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\n                                                <label class=\"field-label\">{{'document-type'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\n                                                        class=\"required\">*</span></label>\n                                                <select name=\"documentType\" class=\"form-select\"\n                                                    [formControl]=\"checkoutFormFacturacion.controls['documentType']\"\n                                                    (change)=\"onDocumentTypesSelectedFacturacion($event.target.value)\">\n                                                    <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">\n                                                        {{item.name}}</option>\n                                                </select>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentType.dirty || checkoutFormFacturacion.controls.documentType.touched) && checkoutFormFacturacion.controls.documentType.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'type-document-help'|translate}}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                            <div class=\"form-group col-12 col-md-4\"\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                                                <label class=\"field-label\">{{'document-number'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                                        class=\"required\">*</span></label>\n                                                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                                    name=\"documentNumber\"\n                                                    [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\n                                                    placeholder=\"\" autocomplete=\"off\">\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'document-number-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\n                                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                                </div>\n                                            </div>\n                                        </ng-container>\n                                    </ng-template>\n                                </div>\n                                <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\n                                    <div class=\"form-group col-12 col-md-12\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n                                        <label class=\"field-label\"\n                                            *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}} <span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                                class=\"required\">*</span></label>\n                                        <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelNotesHtml\">\n                                            <div [innerHTML]=\"labelNotesHtml.value\"></div> \n                                            <span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                                class=\"required\">*</span>\n                                        </label>\n\n                                        <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\n                                        <textarea (change)=\"onInputChange()\" class=\"form-control notes-textarea\"\n                                            name=\"notes\" [formControl]=\"checkoutFormFacturacion.controls['notes']\"\n                                            rows=\"3\" placeholder=\"\" autocomplete=\"off\"></textarea>\n                                    </div>\n                                </div>\n                            </form>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n\n\n\n    <ng-template #template>\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\n                </button>\n            </div>\n        </div>\n\n        <div class=\"modal-body scrol-if\">\n            <app-section-container-ec [name]=\"'terminos-y-condiciones'\"> </app-section-container-ec>\n        </div>\n\n    </ng-template>\n\n\n    <ng-template #addressBookNotResult>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 text-center my-2\">\n                    <h4> {{'address-book-not-result' | translate }} </h4>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n\n    <ng-template #addressBookLoading>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 text-center my-2\">\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                        <app-loading-full-ec></app-loading-full-ec>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-template #pleaseLogin>\n    <div class=\"container\">\n        <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\n    </div>\n</ng-template>\n",
+        template: "<ng-container\n    *ngIf=\"this.channelConfig.channelType != 'b2b' || (this.channelConfig.channelType == 'b2b' && authService.isAuthenticated()); else pleaseLogin\">\n    <ng-container\n        *ngIf=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null && !compactAddressView\">\n        <div class=\"container card p-4 mb-3\">\n            <div class=\"row justify-content-center\">\n                <div class=\"col-12 col-md-10 col-lg-8 text-center\">\n                    <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\n                        <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\n                            <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\n                                (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\n                        </label>\n\n                        <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\"\n                            *ngIf=\"!getParamByChannelAndLanguage('btn_new_address_') && !customerHasCustomerTaxRate\">\n                            <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\"\n                                (change)=\"setMode('carga')\">\n                            {{ 'new-address' | translate | titlecase}}\n                        </label>\n\n                        <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\"\n                            *ngIf=\"getParamByChannelAndLanguage('btn_new_address_') as param\">\n                            <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\"\n                                (change)=\"setMode('carga')\">\n                            {{ param.value}}\n                        </label>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"compactAddressView || getMode(); else addressSelection\">\n        <div *ngIf=\"!require_login; else requireLoginView\">\n            <div class=\"single-step-surface\">\n                <div class=\"single-step-overlay\" *ngIf=\"compactAddressView && loading\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n\n            <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_LOAD_ADDRESS'\">\n                <div class=\"checkout-title  my-2\">\n                    <h3>{{'billing-details'|translate}}</h3>\n                </div>\n            </ng-container>\n\n            <app-dataform-ec-single\n                *ngIf=\"compactAddressView\"\n                [showToggle]=\"this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && this.authService.isAuthenticated() && this.addressBook != null\"\n                [isNewAddressMode]=\"getMode()\"\n                [showDefaultNewAddressButton]=\"!getParamByChannelAndLanguage('btn_new_address_') && !customerHasCustomerTaxRate\"\n                [customNewAddressLabel]=\"getParamByChannelAndLanguage('btn_new_address_')?.value\"\n                [isTemporarySelected]=\"selectedAddress?.isTemporary\"\n                [selectedAddressLabel]=\"getSelectedAddressLabel()\"\n                [addressDropdownOpen]=\"addressDropdownOpen\"\n                [addressSearch]=\"addressSearch\"\n                [addressOptions]=\"getFilteredAddressOptions()\"\n                [showSelectBlock]=\"!getMode()\"\n                [hasSelectedAddress]=\"hasSelectedAddress()\"\n                (modeChange)=\"setMode($event)\"\n                (toggleDropdown)=\"toggleAddressDropdown()\"\n                (closeDropdown)=\"addressDropdownOpen = false\"\n                (selectAddress)=\"selectAddressFromDropdown($event)\"\n                (addressSearchChange)=\"addressSearch = $event\">\n            </app-dataform-ec-single>\n\n            <form (submit)=\"verifyValidate(false,this.cartService.items)\"\n                [class.compact-address-form]=\"compactAddressView\"\n                *ngIf=\"!compactAddressView || getMode() || hasSelectedAddress()\">\n                <div class=\"row mt-df\"><!--Fila 1-->\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\n                        <label class=\"field-label\" for=\"shipping-firstName\">{{'first-name'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\n                                class=\"required\">*</span></label>\n                        <input id=\"shipping-firstName\" class=\"form-control\" type=\"text\" name=\"firstName\"\n                            [formControl]=\"checkoutForm.controls['firstName']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.firstName.dirty || checkoutForm.controls.firstName.touched) && checkoutForm.controls.firstName.errors?.required\">\n                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.firstName.dirty || checkoutForm.controls.firstName.touched) && checkoutForm.controls.firstName.errors?.pattern\">\n                            <span class=\"text-danger\">\n                                {{'first-name-help2'|translate}}\n                            </span>\n                        </div>\n                    </div>\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\n                        <label class=\"field-label\" for=\"shipping-lastName\">{{'last-name'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\n                                class=\"required\">*</span></label>\n                        <input id=\"shipping-lastName\" class=\"form-control\" type=\"text\" name=\"lastName\"\n                            [formControl]=\"checkoutForm.controls['lastName']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.lastName.dirty || checkoutForm.controls.lastName.touched) && checkoutForm.controls.lastName.errors?.required\">\n                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.lastName.dirty || checkoutForm.controls.lastName.touched) && checkoutForm.controls.lastName.errors?.pattern\">\n                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row mt-df\"><!--Fila 2-->\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\n                        <label class=\"field-label\" for=\"shipping-phoneNumber\">{{'phone'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\n                                class=\"required\">*</span></label>\n                        <input id=\"shipping-phoneNumber\" (change)=\"onInputChange()\" class=\"form-control\" type=\"tel\" name=\"phoneNumber\"\n                            [formControl]=\"checkoutForm.controls['phoneNumber']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.phoneNumber.dirty || checkoutForm.controls.phoneNumber.touched) && checkoutForm.controls.phoneNumber.errors?.required\">\n                            <span class=\"text-danger\">\n\n                                {{'phone-help1'|translate}}\n                            </span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.phoneNumber.dirty || checkoutForm.controls.phoneNumber.touched) && checkoutForm.controls.phoneNumber.errors?.pattern\">\n                            <span class=\"text-danger\">\n                                {{'phone-help2'|translate}}\n                            </span>\n                        </div>\n                    </div>\n                    <div class=\"form-group col-12 col-md-6\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\n                        <label class=\"field-label\" for=\"shipping-email\">{{'email-address'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\n                                class=\"required\">*</span></label>\n                        <input id=\"shipping-email\" (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\n                            [formControl]=\"checkoutForm.controls['email']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.email.dirty || checkoutForm.controls.email.touched) && checkoutForm.controls.email.errors?.required\">\n                            <span class=\"text-danger\">\n                                {{'email-address-help1'|translate}}\n                            </span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.email.dirty || checkoutForm.controls.email.touched) && checkoutForm.controls.email.errors?.email\">\n                            <span class=\"text-danger\">\n                                {{'email-address-help2'|translate}}\n                            </span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row mt-df\"><!--Fila 3-->\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(countries$ | async) as countries\">\n                            <label class=\"field-label\" for=\"shipping-countryCode\">{{'country'|translate}}<span\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\n                                    class=\"required\">*</span></label>\n                            <select id=\"shipping-countryCode\" class=\"form-select\" name=\"countryCode\"\n                                [formControl]=\"checkoutForm.controls['countryCode']\"\n                                (change)=\"onCountrySelected($event.target.value)\">\n                                <!--   <option selected [value]=\"countries[0].code\">{{ 'choose-country' | translate }}</option> -->\n                                <option *ngFor=\"let country of countries\" [value]=\"country.code\">{{ country.name }}\n                                </option>\n                            </select>\n                            <div *ngIf=\"(checkoutForm.controls.countryCode.dirty || checkoutForm.controls.countryCode.touched) && checkoutForm.controls.countryCode.errors?.required\"\n                                class=\"text text-danger\">\n                                {{'country-help'|translate}}\n                            </div>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\n                        <div class=\"form-group col-12 col-md-4\" *ngIf=\"(provinces$ | async) as provinces\">\n                            <label class=\"field-label\" for=\"shipping-provinceCode\">{{'state'|translate}}<span\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\n                                    class=\"required\">*</span></label>\n                            <select id=\"shipping-provinceCode\" class=\"form-select\" name=\"provinceCode\"\n                                (change)=\"onProvincesSelected($event.target.value)\"\n                                [formControl]=\"checkoutForm.controls['provinceCode']\">\n                                <!--                             <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option>\n -->\n                                <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}\n                                </option>\n                            </select>\n                            <div *ngIf=\"(checkoutForm.controls.provinceCode.dirty || checkoutForm.controls.provinceCode.touched) && checkoutForm.controls.provinceCode.errors?.required\"\n                                class=\"text text-danger\">\n                                {{'state-help'|translate}}\n                            </div>\n                        </div>\n                    </ng-container>\n                    <div class=\"form-group col-12 col-md-4\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\n                        <label class=\"field-label\" for=\"shipping-city\">{{'town-city'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\n                                class=\"required\">*</span></label>\n                        <input id=\"shipping-city\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\n                            [formControl]=\"checkoutForm.controls['city']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.city.dirty || checkoutForm.controls.city.touched) && checkoutForm.controls.city.errors?.required\">\n                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row mt-df\"><!--Fila 4-->\n                    <div class=\"form-group col-12 col-md-8\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\n                        <label class=\"field-label\" for=\"shipping-street\">{{'address'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\n                                class=\"required\">*</span>\n                            <span class=\"char-count\">\n                                {{ 50 - (checkoutForm.controls['street'].value?.length || 0) }}\n                                {{'remainingCharacters'|translate}}\n                            </span>\n                        </label>\n                        <input id=\"shipping-street\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                            [formControl]=\"checkoutForm.controls['street']\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.street.dirty || checkoutForm.controls.street.touched) && checkoutForm.controls.street.errors?.required\">\n                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.street.dirty || checkoutForm.controls.street.touched) && checkoutForm.controls.street.errors?.maxlength\">\n                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                        </div>\n                    </div>\n\n                    <!-- form direcci\u00F3n -->\n                    <div class=\"form-group col-12 col-md-4\"\n                        *ngIf=\"isPostalCodeFieldVisible()\">\n                        <label class=\"field-label\" for=\"shipping-postcode\">{{'postal-code'|translate}}<span\n                                *ngIf=\"isPostalCodeFieldRequired()\"\n                                class=\"required\">*</span></label>\n                        <input id=\"shipping-postcode\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\n                            [formControl]=\"checkoutForm.controls['postcode']\" value=\"\" placeholder=\"\"\n                            autocomplete=\"off\">\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.postcode.dirty || checkoutForm.controls.postcode.touched) && checkoutForm.controls.postcode.errors?.required\">\n                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                        </div>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.postcode.dirty || checkoutForm.controls.postcode.touched) && checkoutForm.controls.postcode.errors?.pattern\">\n                            <span class=\"text-danger\"> {{postalCodeErrorMessage | translate}} </span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"row mt-df\"><!--Fila 5-->\n                    <ng-container *ngIf=\"compactAddressView; else documentRowFull\">\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled; else documentNumberOnly\">\n                            <div class=\"form-group col-12\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\n                                <label class=\"field-label\">{{'document-type-number'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                        class=\"required\">*</span></label>\n                                <div class=\"input-group document-input-group\">\n                                    <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\"\n                                        (click)=\"toggleDocumentTypeDropdown($event)\"\n                                        [attr.aria-expanded]=\"documentTypeDropdownOpen\"\n                                        [disabled]=\"checkoutForm.controls['documentType']?.disabled || formReadonly\">\n                                        {{ getSelectedDocumentTypeLabel(documentTypes) || ('document-type' | translate) }}\n                                    </button>\n                                    <div class=\"dropdown-menu\" [class.show]=\"documentTypeDropdownOpen\">\n                                        <button class=\"dropdown-item\" type=\"button\"\n                                            *ngFor=\"let item of documentTypes\"\n                                            (click)=\"selectDocumentType(item.code)\">\n                                            {{ item.name }}\n                                        </button>\n                                    </div>\n                                    <label class=\"visually-hidden\" for=\"shipping-documentNumber\">{{'document-number'|translate}}</label>\n                                    <input id=\"shipping-documentNumber\" (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                        name=\"documentNumber\"\n                                        [formControl]=\"checkoutForm.controls['documentNumber']\"\n                                        placeholder=\"\" autocomplete=\"off\">\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentType.dirty || checkoutForm.controls.documentType.touched) && checkoutForm.controls.documentType.errors?.required\">\n                                    <span class=\"text-danger\">\n                                        {{'type-document-help'|translate}}\n                                    </span>\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.required\">\n                                    <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.pattern\">\n                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <ng-template #documentNumberOnly>\n                            <div class=\"form-group col-12\"\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                                <label class=\"field-label\" for=\"shipping-documentNumberOnly\">{{'document-number'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                        class=\"required\">*</span></label>\n                                <input id=\"shipping-documentNumberOnly\" (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                    name=\"documentNumber\"\n                                    [formControl]=\"checkoutForm.controls['documentNumber']\"\n                                    placeholder=\"\" autocomplete=\"off\">\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.required\">\n                                    <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\n                                </div>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.pattern\">\n                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                </div>\n                            </div>\n                        </ng-template>\n                    </ng-container>\n                    <ng-template #documentRowFull>\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\n                            <div class=\"form-group col-12 col-md-4\" *ngIf=\"(documentTypes$ | async) as documentTypes\">\n                                <label class=\"field-label\" for=\"shipping-documentType\">{{'document-type'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\n                                        class=\"required\">*</span></label>\n                                <select id=\"shipping-documentType\" name=\"documentType\" class=\"form-select\"\n                                    (change)=\"onDocumentTypesSelected($event.target.value)\"\n                                    [formControl]=\"checkoutForm.controls['documentType']\">\n                                    <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">{{item.name}}</option>\n                                </select>\n                                <div class=\"text-danger-container\"\n                                    *ngIf=\"(checkoutForm.controls.documentType.dirty || checkoutForm.controls.documentType.touched) && checkoutForm.controls.documentType.errors?.required\">\n                                    <span class=\"text-danger\">\n                                        {{'type-document-help'|translate}}\n                                    </span>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"form-group col-12 col-md-4\"\n                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                            <label class=\"field-label\" for=\"shipping-documentNumberFull\">{{'document-number'|translate}}<span\n                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                    class=\"required\">*</span></label>\n                            <input id=\"shipping-documentNumberFull\" (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\n                                [formControl]=\"checkoutForm.controls['documentNumber']\" placeholder=\"\" autocomplete=\"off\">\n                            <div class=\"text-danger-container\"\n                                *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.required\">\n                                <span class=\"text-danger\">{{ 'document-number-help' | translate }}</span>\n                            </div>\n                            <div class=\"text-danger-container\"\n                                *ngIf=\"(checkoutForm.controls.documentNumber.dirty || checkoutForm.controls.documentNumber.touched) && checkoutForm.controls.documentNumber.errors?.pattern\">\n                                <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                            </div>\n                        </div>\n                    </ng-template>\n                </div>\n\n                <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a' && !(compactAddressView && !getMode())\"><!--Fila 6-->\n                    <div class=\"form-group col-12 col-md-12\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n\n                        <label class=\"field-label\" for=\"shipping-notes\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                class=\"required\">*</span></label>\n                        <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\" [attr.for]=\"'shipping-notes'\"\n                            [innerHTML]=\"labelnotes.value\"><span\n                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                class=\"required\">*</span></label>\n\n                        <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\n                        <textarea id=\"shipping-notes\" (change)=\"onInputChange()\" class=\"form-control notes-textarea\" name=\"notes\"\n                            [formControl]=\"checkoutForm.controls['notes']\" rows=\"3\" placeholder=\"\"\n                            autocomplete=\"off\"></textarea>\n                    </div>\n                </div>\n                <div class=\"row mt-df address-meta-row\" *ngIf=\"!(compactAddressView && !getMode())\"><!--Fila 7-->\n                    <div class=\"form-group col-12 col-md-12\">\n                        <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\n                                class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\n                                id=\"formFact\"></label>\n                    </div>\n                </div>\n                <div class=\"row mt-df address-required-row\" *ngIf=\"!(compactAddressView && !getMode())\">\n                    <div class=\"col-12\">\n                        <span class=\"required-hint-text\">\n                            <span class=\"required-hint-asterisk\">*</span> {{ 'required-fields' | translate }}\n                        </span>\n                    </div>\n                </div>\n                <div class=\"row mt-df address-terms-row\" *ngIf=\"!(compactAddressView && !getMode())\">\n                    <div class=\"form-group col-12 col-md-12\"\n                        *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.enabled\">\n                        <label class=\"terms-label\" for=\"\">\n                            <input class=\"me-2\" name=\"terms\" [formControl]=\"checkoutForm.controls['terms']\"\n                                type=\"checkbox\" required (change)=\"onInputChange()\" />\n                            <span>{{ 'accept-terms-prefix' | translate }}</span>\n                            <button type=\"button\" class=\"terms-link\" (click)=\"openModal(template)\">\n                                {{ 'terms-and-conditions' | translate }}\n                            </button>\n                            <span *ngIf=\"this.addressingService.getTypeForm().viewForms.terms.required\"\n                                class=\"required\">*</span>\n                        </label>\n                        <div class=\"text-danger-container\"\n                            *ngIf=\"(checkoutForm.controls.terms.dirty || checkoutForm.controls.terms.touched) && !checkoutForm.controls.terms.value\">\n                            <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" *ngIf=\"viewDataFacturacion ; else datosFormFacturacion\"> </div>\n                <div class=\"checkout-btn-unique text-end\" *ngIf=\"!formReadonly\">\n                    <button type=\"submit\" [disabled]=\"!validado\" class=\"btn valid-btn mt-2\">\n                        {{ getPrimaryActionLabel() | translate }}</button>\n\n\n                </div>\n                <div *ngIf=\"loading && !compactAddressView\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </form>\n            <ng-container *ngIf=\"compactAddressView && !getMode()\">\n                <div class=\"w-100\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\n                    <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n                        <div class=\"row mt-df\">\n                            <div class=\"form-group col-12 col-md-12\">\n                                <label class=\"field-label\" for=\"selection-notes\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                        class=\"required\">*</span></label>\n                                <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\" [attr.for]=\"'selection-notes'\"\n                                    [innerHTML]=\"labelnotes.value\"></label>\n                                <textarea id=\"selection-notes\" (change)=\"onSelectionNotesChange()\" class=\"form-control notes-textarea\"\n                                    name=\"notes\" [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" rows=\"3\"\n                                    placeholder=\"\" autocomplete=\"off\" [disabled]=\"selectedAddress?.isTemporary\"></textarea>\n                                <div class=\"invalid-feedback d-block\" *ngIf=\"\n                                           addressingService.getTypeForm().viewForms.notes.required\n                                           && (!addressBookSelected.notes || !addressBookSelected.notes.trim())\n                                         \">\n                                    {{ 'required-field' | translate }}\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #addressSelection>\n\n        <ng-container *ngIf=\"this.addressingService.modeSelectAddress == 'ONLY_ADDRESS_SELECTION'\">\n            <div class=\"checkout-title my-2\">\n                <h3>{{'address-selection'|translate}}</h3>\n            </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"this.addressBook; else addressBookNotResult\">\n\n            <ng-container *ngIf=\"this.addressBook?.length ;else addressBookLoading\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\n                            <ng-container *ngIf=\"compactAddressView; else addressCardFull\">\n                                <div class=\"address-card-compact\" [class.is-selected]=\"item.selected\"\n                                    (click)=\"setSelectAddress(item); onInputChange()\">\n                                    <label class=\"address-card-radio\">\n                                        <input class=\"form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\"\n                                            [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\"\n                                            (change)=\"onInputChange()\">\n                                    </label>\n                                    <div class=\"address-card-content\">\n                                        <div class=\"address-card-main\">\n                                            <div class=\"address-card-title\">{{ item.street }}</div>\n                                            <div class=\"address-card-sub\">\n                                                {{ item.city }} - {{ getProvince(item.provinceCode) }} - {{ getCountry(item.countryCode) }}\n                                            </div>\n                                            <div class=\"address-card-sub\"\n                                                *ngIf=\"shouldShowPostalCodeByCountryCode(item.countryCode)\">\n                                                {{ 'postal-code' | translate }} {{ item.postcode }}\n                                            </div>\n                                        </div>\n                                        <details class=\"address-card-details\" (click)=\"$event.stopPropagation()\">\n                                            <summary>{{ 'details' | translate }}</summary>\n                                            <div class=\"address-card-details-body\">\n                                                <div class=\"address-card-detail-title\">{{ 'address-contact' | translate }}</div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'first-name' | translate }}</strong> {{ item.addressContact.firstName }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'last-name' | translate }}</strong> {{ item.addressContact.lastName }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'document-type' | translate }}</strong> {{ getDocumentType(item.addressContact.documentType) }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'document-number' | translate }}</strong> {{ item.addressContact.documentNumber }}\n                                                </div>\n                                                <div class=\"address-card-detail-line\">\n                                                    <strong>{{ 'email-address' | translate }}</strong> {{ item.addressContact.email }}\n                                                </div>\n                                            </div>\n                                        </details>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <ng-template #addressCardFull>\n                                <div class=\"card p-3\">\n                                    <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\"\n                                        [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\"\n                                        (change)=\"onInputChange()\">\n                                    <div class=\"ms-5\">\n                                        <h4 class=\"card-title\">\n                                            <strong>{{'address'|translate}}</strong><br>\n                                            <span class=\"text-uppercase h3\">{{item.street}}</span>\n                                        </h4>\n                                        <div class=\"row\">\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\n                                            </h5>\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\n                                            </h5>\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                <strong>{{'town-city'|translate}}</strong> {{item.city}}\n                                            </h5>\n                                            <h5 class=\"card-subtitle mb-2 text-muted col-auto\"\n                                                *ngIf=\"shouldShowPostalCodeByCountryCode(item.countryCode)\">\n                                                <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\n                                            </h5>\n                                        </div>\n                                        <div class=\"row px-3\">\n                                            <div class=\"card p-2 bg-light w-100\">\n                                                <div class=\"card-body\">\n                                                    <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'first-name'|translate}}</strong>\n                                                        {{item.addressContact.firstName}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'last-name'|translate}}</strong>\n                                                        {{item.addressContact.lastName}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'document-type'|translate}}</strong>\n                                                        {{getDocumentType(item.addressContact.documentType)}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'document-number'|translate}}</strong>\n                                                        {{item.addressContact.documentNumber}}\n                                                    </h6>\n                                                    <h6 class=\"card-subtitle mb-2 text-muted\">\n                                                        <strong>{{'email-address'|translate}}</strong>\n                                                        {{item.addressContact.email}}\n                                                    </h6>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </div>\n\n                    </div>\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.  -->\n                    <div class=\"w-100\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\n                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n                            <div class=\"row mt-df\">\n                                <div class=\"form-group col-12 col-md-12\">\n                                    <label class=\"field-label\" for=\"selection-notes\" *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}}<span\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                            class=\"required\">*</span></label>\n                                    <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelnotes\" [attr.for]=\"'selection-notes'\"\n                                        [innerHTML]=\"labelnotes.value\"></label>\n                                    <input id=\"selection-notes\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                                        [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\"\n                                        placeholder=\"\" autocomplete=\"off\">\n                                    <div class=\"invalid-feedback d-block\" *ngIf=\"\n                                               addressingService.getTypeForm().viewForms.notes.required\n                                               && (!addressBookSelected.notes || !addressBookSelected.notes.trim())\n                                             \">\n                                        {{ 'required-field' | translate }}\n                                    </div>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"row mt-df\"><!--Direcci\u00F3n de facturaci\u00F3n-->\n                        <div class=\"form-group col-12 col-md-12\">\n                            <label for=\"formFactSelection\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\n                                    class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\n                                    id=\"formFactSelection\"></label>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"!viewDataFacturacion\">\n                        <!-- Selector de modo para direcci\u00F3n de facturaci\u00F3n -->\n                        <div class=\"container card p-4 mb-3\">\n                            <div class=\"row justify-content-center\">\n                                <div class=\"col-12 col-md-10 col-lg-8 text-center\">\n                                    <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\n                                        <label [class]=\"'btn btn-outline-secondary ' + (!getModeFacturacion() ? 'active' : '')\">\n                                            <input type=\"radio\" name=\"billingOptions\" id=\"billingOption1\" autocomplete=\"off\"\n                                                [checked]=\"!getModeFacturacion()\" (change)=\"setModeFacturacion('seleccion')\">\n                                            {{'select-address' | translate | titlecase}}\n                                        </label>\n                                        <label [class]=\"'btn btn-outline-secondary ' + (getModeFacturacion() ? 'active' : '')\">\n                                            <input type=\"radio\" name=\"billingOptions\" id=\"billingOption2\" autocomplete=\"off\"\n                                                [checked]=\"getModeFacturacion()\" (change)=\"setModeFacturacion('carga')\">\n                                            {{ 'new-address' | translate | titlecase}}\n                                        </label>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- Formulario de nueva direcci\u00F3n de facturaci\u00F3n -->\n                        <ng-container *ngIf=\"getModeFacturacion()\">\n                            <ng-container *ngTemplateOutlet=\"datosFormFacturacion\"></ng-container>\n                        </ng-container>\n                        <!-- Selecci\u00F3n de direcci\u00F3n de facturaci\u00F3n del address book -->\n                        <ng-container *ngIf=\"!getModeFacturacion()\">\n                            <div class=\"container\">\n                                <div class=\"row\">\n                                    <div class=\"col-sm-6 col-12 my-3\" *ngFor=\"let item of addressBook; let i = index\">\n                                        <div class=\"card p-3\">\n                                            <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'billing-'+i\"\n                                                [id]=\"'billing-'+i\" [checked]=\"item.selectedFacturacion\"\n                                                (click)=\"setSelectAddressFacturacion(item)\" (change)=\"onInputChange()\">\n                                            <div class=\"ms-5\">\n                                                <h4 class=\"card-title\">\n                                                    <strong>{{'address'|translate}}</strong><br>\n                                                    <span class=\"text-uppercase h3\">{{item.street}}</span>\n                                                </h4>\n                                                <div class=\"row\">\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                        <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\n                                                    </h5>\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                        <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\n                                                    </h5>\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                                                        <strong>{{'town-city'|translate}}</strong> {{item.city}}\n                                                    </h5>\n                                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\"\n                                                        *ngIf=\"shouldShowPostalCodeByCountryCode(item.countryCode)\">\n                                                        <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\n                                                    </h5>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                    <div class=\"checkout-btn-unique text-end\">\n                        <button *ngIf=\"!viewDataFacturacion && !getModeFacturacion()\"\n                            (click)=\"onSelectAddressFacturacion(this.cartService.items)\" class=\"btn valid-btn mt-2\"\n                            [disabled]=\"!addressBookSelectedFacturacion.id\">\n                            {{ getPrimaryActionLabel() | translate }}\n                        </button>\n                        <button *ngIf=\"!viewDataFacturacion && getModeFacturacion()\"\n                            (click)=\"onSubmitNewBillingAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\"\n                            [disabled]=\"checkoutFormFacturacion.invalid\">\n                            {{ getPrimaryActionLabel() | translate }}\n                        </button>\n                        <button *ngIf=\"viewDataFacturacion\"\n                            (click)=\"onSelectAddress(this.cartService.items)\" class=\"btn valid-btn mt-2\">\n                            {{ getPrimaryActionLabel() | translate }}\n                        </button>\n                    </div>\n                    <div *ngIf=\"loading\" class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                        <app-loading-full-ec></app-loading-full-ec>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n\n    </ng-template>\n\n\n    <ng-template #requireLoginView>\n        <div id=\"loginCheckout\">\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\" *ngIf=\"require_login\">\n                <div class=\"col-12\">\n                    <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\n                    </app-login-form-ec>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n\n\n\n    <ng-template #datosFormFacturacion>\n        <div class=\"container-fluid px-0 px-md-2\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"card \">\n                        <div class=\"card-header text-dark text-center\">\n                            <h3>{{'billing-data'|translate}}</h3>\n                        </div>\n                        <div class=\"card-body\">\n                            <form (submit)=\"handleBillingFormSubmit($event)\">\n                                <div class=\"row mt-df\">\n                                    <!--Fila 1-->\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.enabled\">\n                                        <label class=\"field-label\" for=\"billing-firstName\">{{'first-name'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.firstName.required\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-firstName\" class=\"form-control\" type=\"text\" name=\"firstName\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['firstName']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.firstName.dirty || checkoutFormFacturacion.controls.firstName.touched) && checkoutFormFacturacion.controls.firstName.errors?.required\">\n                                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.firstName.dirty || checkoutFormFacturacion.controls.firstName.touched) && checkoutFormFacturacion.controls.firstName.errors?.pattern\">\n                                            <span class=\"text-danger\">\n                                                {{'first-name-help2'|translate}}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.enabled\">\n                                        <label class=\"field-label\" for=\"billing-lastName\">{{'last-name'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.lastName.required\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-lastName\" class=\"form-control\" type=\"text\" name=\"lastName\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['lastName']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.lastName.dirty || checkoutFormFacturacion.controls.lastName.touched) && checkoutFormFacturacion.controls.lastName.errors?.required\">\n                                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.lastName.dirty || checkoutFormFacturacion.controls.lastName.touched) && checkoutFormFacturacion.controls.lastName.errors?.pattern\">\n                                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 2-->\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.enabled\">\n                                        <label class=\"field-label\" for=\"billing-phoneNumber\">{{'phone'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.phoneNumber.required\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-phoneNumber\" (change)=\"onInputChange()\" class=\"form-control\" type=\"tel\"\n                                            name=\"phoneNumber\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['phoneNumber']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.phoneNumber.dirty || checkoutFormFacturacion.controls.phoneNumber.touched) && checkoutFormFacturacion.controls.phoneNumber.errors?.required\">\n                                            <span class=\"text-danger\">\n                                                {{'phone-help1'|translate}}\n                                            </span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.phoneNumber.dirty || checkoutFormFacturacion.controls.phoneNumber.touched) && checkoutFormFacturacion.controls.phoneNumber.errors?.pattern\">\n                                            <span class=\"text-danger\">\n                                                {{'phone-help2'|translate}}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div class=\"form-group col-12 col-md-6\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.email.enabled\">\n                                        <label class=\"field-label\" for=\"billing-email\">{{'email-address'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.email.required\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-email\" (change)=\"onInputChange()\" class=\"form-control\" type=\"email\" name=\"email\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['email']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.email.dirty || checkoutFormFacturacion.controls.email.touched) && checkoutFormFacturacion.controls.email.errors?.required\">\n                                            <span class=\"text-danger\">\n                                                {{'email-address-help1'|translate}}\n                                            </span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.email.dirty || checkoutFormFacturacion.controls.email.touched) && checkoutFormFacturacion.controls.email.errors?.email\">\n                                            <span class=\"text-danger\">\n                                                {{'email-address-help2'|translate}}\n                                            </span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 3-->\n\n                                    <ng-container\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.enabled\">\n\n                                        <div class=\"form-group col-12 col-md-4\"\n                                            *ngIf=\"(countriesFacturacion$ | async) as countries\">\n                                            <label class=\"field-label\" for=\"billing-countryCode\">{{'country'|translate}}<span\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.countryCode.required\"\n                                                    class=\"required\">*</span></label>\n                                            <select id=\"billing-countryCode\" class=\"form-select\" name=\"countryCode\"\n                                                [formControl]=\"checkoutFormFacturacion.controls['countryCode']\"\n                                                (change)=\"onCountrySelectedFacturacion($event.target.value)\">\n                                                <!-- <option selected [value]=\"null\">{{ 'choose-country' | translate }}</option> -->\n                                                <option *ngFor=\"let country of countries\" [value]=\"country.code\">\n                                                    {{ country.name }}</option>\n                                            </select>\n                                            <div *ngIf=\"(checkoutFormFacturacion.controls.countryCode.dirty || checkoutFormFacturacion.controls.countryCode.touched) && checkoutFormFacturacion.controls.countryCode.errors?.required\"\n                                                class=\"text text-danger\">\n                                                {{'country-help'|translate}}\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.enabled\">\n\n                                        <div class=\"form-group col-12 col-md-4\"\n                                            *ngIf=\"(provincesFacturacion$ | async) as provinces\">\n                                            <label class=\"field-label\" for=\"billing-provinceCode\">{{'state'|translate}}<span\n                                                    *ngIf=\"this.addressingService.getTypeForm().viewForms.provinceCode.required\"\n                                                    class=\"required\">*</span></label>\n                                            <select id=\"billing-provinceCode\" class=\"form-select\" name=\"provinceCode\"\n                                                (change)=\"onProvincesSelectedFacturacion($event.target.value)\"\n                                                [formControl]=\"checkoutFormFacturacion.controls['provinceCode']\">\n                                                <!-- <option selected [value]=\"null\">{{ 'choose-province' | translate }}</option> -->\n                                                <option *ngFor=\"let province of provinces\" [value]=\"province.code\">\n                                                    {{ province.name }}\n                                                </option>\n                                            </select>\n                                            <div *ngIf=\"(checkoutFormFacturacion.controls.provinceCode.dirty || checkoutFormFacturacion.controls.provinceCode.touched) && checkoutFormFacturacion.controls.provinceCode.errors?.required\"\n                                                class=\"text text-danger\">\n                                                {{'state-help'|translate}}\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <div class=\"form-group col-12 col-md-4\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.city.enabled\">\n                                        <label class=\"field-label\" for=\"billing-city\">{{'town-city'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.city.required\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-city\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['city']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.city.dirty || checkoutFormFacturacion.controls.city.touched) && checkoutFormFacturacion.controls.city.errors?.required\">\n                                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 4-->\n                                    <div class=\"form-group col-12 col-md-8\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.street.enabled\">\n                                        <label class=\"field-label\" for=\"billing-street\">{{'address'|translate}}<span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.street.required\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-street\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                                            [formControl]=\"checkoutFormFacturacion.controls['street']\" value=\"\"\n                                            placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.street.dirty || checkoutFormFacturacion.controls.street.touched) && checkoutFormFacturacion.controls.street.errors?.required\">\n                                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.street.dirty || checkoutFormFacturacion.controls.street.touched) && checkoutFormFacturacion.controls.street.errors?.maxlength\">\n                                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                                        </div>\n                                    </div>\n                                    <div class=\"form-group col-12 col-md-4\"\n                                        *ngIf=\"isPostalCodeFieldVisible(true)\">\n                                        <label class=\"field-label\" for=\"billing-postcode\">{{'postal-code'|translate}}<span\n                                                *ngIf=\"isPostalCodeFieldRequired(true)\"\n                                                class=\"required\">*</span></label>\n                                        <input id=\"billing-postcode\" (change)=\"onInputChange()\" class=\"form-control\" type=\"text\"\n                                            name=\"postcode\" [formControl]=\"checkoutFormFacturacion.controls['postcode']\"\n                                            value=\"\" placeholder=\"\" autocomplete=\"off\">\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.postcode.dirty || checkoutFormFacturacion.controls.postcode.touched) && checkoutFormFacturacion.controls.postcode.errors?.required\">\n                                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                                        </div>\n                                        <div class=\"text-danger-container\"\n                                            *ngIf=\"(checkoutFormFacturacion.controls.postcode.dirty || checkoutFormFacturacion.controls.postcode.touched) && checkoutFormFacturacion.controls.postcode.errors?.pattern\">\n                                            <span class=\"text-danger\">{{postalCodeErrorMessageFacturacion |translate}}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row mt-df\">\n                                    <!--Fila 5-->\n                                    <ng-container *ngIf=\"compactAddressView; else documentRowFullFacturacion\">\n                                        <ng-container *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled; else documentNumberOnlyFacturacion\">\n                                            <div class=\"form-group col-12\"\n                                                *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\n                                                <label class=\"field-label\">{{'document-type-number'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                                        class=\"required\">*</span></label>\n                                                <div class=\"input-group document-input-group\">\n                                                    <button class=\"btn btn-outline-secondary dropdown-toggle\" type=\"button\"\n                                                        (click)=\"toggleDocumentTypeDropdownFacturacion($event)\"\n                                                        [attr.aria-expanded]=\"documentTypeFactDropdownOpen\"\n                                                        [disabled]=\"checkoutFormFacturacion.controls['documentType']?.disabled || formReadonly\">\n                                                        {{ getSelectedDocumentTypeLabelFacturacion(documentTypes) || ('document-type' | translate) }}\n                                                    </button>\n                                                    <div class=\"dropdown-menu\" [class.show]=\"documentTypeFactDropdownOpen\">\n                                                        <button class=\"dropdown-item\" type=\"button\"\n                                                            *ngFor=\"let item of documentTypes\"\n                                                            (click)=\"selectDocumentTypeFacturacion(item.code)\">\n                                                            {{ item.name }}\n                                                        </button>\n                                                    </div>\n                                                    <label class=\"visually-hidden\" for=\"billing-documentNumber\">{{'document-number'|translate}}</label>\n                                                    <input id=\"billing-documentNumber\" (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                                        name=\"documentNumber\"\n                                                        [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\n                                                        placeholder=\"\" autocomplete=\"off\">\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentType.dirty || checkoutFormFacturacion.controls.documentType.touched) && checkoutFormFacturacion.controls.documentType.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'type-document-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'document-number-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\n                                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                                </div>\n                                            </div>\n                                        </ng-container>\n                                        <ng-template #documentNumberOnlyFacturacion>\n                                            <div class=\"form-group col-12\"\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                                                <label class=\"field-label\" for=\"billing-documentNumberOnly\">{{'document-number'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                                        class=\"required\">*</span></label>\n                                                <input id=\"billing-documentNumberOnly\" (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                                    name=\"documentNumber\"\n                                                    [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\n                                                    placeholder=\"\" autocomplete=\"off\">\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'document-number-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\n                                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                                </div>\n                                            </div>\n                                        </ng-template>\n                                    </ng-container>\n                                    <ng-template #documentRowFullFacturacion>\n                                        <ng-container\n                                            *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.enabled\">\n                                            <div class=\"form-group col-12 col-md-4\"\n                                                *ngIf=\"(documentTypesFacturacion$ | async) as documentTypes\">\n                                                <label class=\"field-label\" for=\"billing-documentType\">{{'document-type'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentType.required\"\n                                                        class=\"required\">*</span></label>\n                                                <select id=\"billing-documentType\" name=\"documentType\" class=\"form-select\"\n                                                    [formControl]=\"checkoutFormFacturacion.controls['documentType']\"\n                                                    (change)=\"onDocumentTypesSelectedFacturacion($event.target.value)\">\n                                                    <option *ngFor=\"let item of documentTypes\" [value]=\"item.code\">\n                                                        {{item.name}}</option>\n                                                </select>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentType.dirty || checkoutFormFacturacion.controls.documentType.touched) && checkoutFormFacturacion.controls.documentType.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'type-document-help'|translate}}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                            <div class=\"form-group col-12 col-md-4\"\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.enabled\">\n                                                <label class=\"field-label\" for=\"billing-documentNumberFull\">{{'document-number'|translate}}<span\n                                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.documentNumber.required\"\n                                                        class=\"required\">*</span></label>\n                                                <input id=\"billing-documentNumberFull\" (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\"\n                                                    name=\"documentNumber\"\n                                                    [formControl]=\"checkoutFormFacturacion.controls['documentNumber']\"\n                                                    placeholder=\"\" autocomplete=\"off\">\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.required\">\n                                                    <span class=\"text-danger\">\n                                                        {{'document-number-help'|translate}}\n                                                    </span>\n                                                </div>\n                                                <div class=\"text-danger-container\"\n                                                    *ngIf=\"(checkoutFormFacturacion.controls.documentNumber.dirty || checkoutFormFacturacion.controls.documentNumber.touched) && checkoutFormFacturacion.controls.documentNumber.errors?.pattern\">\n                                                    <span class=\"text-danger\">{{ documentErrorMessage | translate }}</span>\n                                                </div>\n                                            </div>\n                                        </ng-container>\n                                    </ng-template>\n                                </div>\n                                <div class=\"row mt-df\" *ngIf=\"this.consts.getChannel() != 'mdj-empresa-a'\">\n                                    <div class=\"form-group col-12 col-md-12\"\n                                        *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.enabled\">\n                                        <label class=\"field-label\" for=\"billing-notes\"\n                                            *ngIf=\"!getLabelNotesParam()\">{{'notes'|translate}} <span\n                                                *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                                class=\"required\">*</span></label>\n                                        <label class=\"field-label\" *ngIf=\"getLabelNotesParam() as labelNotesHtml\" [attr.for]=\"'billing-notes'\">\n                                            <div [innerHTML]=\"labelNotesHtml.value\"></div> \n                                            <span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\"\n                                                class=\"required\">*</span>\n                                        </label>\n\n                                        <!-- <label class=\"field-label\">{{'notes'|translate}}<span *ngIf=\"this.addressingService.getTypeForm().viewForms.notes.required\" class=\"required\">*</span></label> -->\n                                        <textarea id=\"billing-notes\" (change)=\"onInputChange()\" class=\"form-control notes-textarea\"\n                                            name=\"notes\" [formControl]=\"checkoutFormFacturacion.controls['notes']\"\n                                            rows=\"3\" placeholder=\"\" autocomplete=\"off\"></textarea>\n                                    </div>\n                                </div>\n                            </form>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n\n\n\n    <ng-template #template>\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\n                </button>\n            </div>\n        </div>\n\n        <div class=\"modal-body scrol-if\">\n            <app-section-container-ec [name]=\"'terminos-y-condiciones'\"> </app-section-container-ec>\n        </div>\n\n    </ng-template>\n\n\n    <ng-template #addressBookNotResult>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 text-center my-2\">\n                    <h4> {{'address-book-not-result' | translate }} </h4>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n\n    <ng-template #addressBookLoading>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 text-center my-2\">\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                        <app-loading-full-ec></app-loading-full-ec>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-template #pleaseLogin>\n    <div class=\"container\">\n        <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\n    </div>\n</ng-template>\n",
         providers: [BsModalService],
-        styles: ["@charset \"UTF-8\";.btn.valid-btn{background-color:var(--ec-primary,#000);border-color:var(--ec-primary,#000);color:var(--ec-primary-contrast,#fff);margin-right:-3px;margin-bottom:10px}.btn.valid-btn:disabled,.btn.valid-btn[disabled]{background-color:var(--ec-primary-muted,#6c757d);border-color:var(--ec-primary-muted,#6c757d);color:var(--ec-primary-contrast,#fff);opacity:.8}.mt-df{margin:10px auto 0}.btn.btn-outline-secondary.active,.btn.btn-outline-secondary:hover{color:#fff!important}.required{color:red}.address-required-row .required-hint-text{color:#6b6b6b;font-size:.85rem;font-weight:500;letter-spacing:.01em}.address-required-row .required-hint-asterisk{color:#6b6b6b;font-weight:700}.field-label{color:#000}:host-context(#appCheckoutEc) .field-label{font-weight:700}:host-context(#appCheckoutEc) .address-meta-row b,:host-context(#appCheckoutEc) .address-terms-row label{font-weight:400}.terms-label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.terms-link{background:0 0;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}.form-control.ng-dirty.ng-invalid,.form-control.ng-touched.ng-invalid{border-color:#dc3545;box-shadow:0 0 0 .15rem rgba(220,53,69,.18)}.form-control.ng-dirty.ng-valid,.form-control.ng-touched.ng-valid{border-color:#16a34a;box-shadow:0 0 0 .15rem rgba(22,163,74,.15)}.char-count{margin-left:.35rem;font-size:.78rem;font-weight:400;color:#888;white-space:nowrap}.notes-textarea{min-height:120px;max-height:240px;resize:vertical;max-width:100%}.compact-address-form .valid-btn{font-size:1rem;padding:.7rem 1.1rem;letter-spacing:.02em}.document-input-group{position:relative;align-items:stretch}.document-input-group .dropdown-menu{max-height:240px;overflow-y:auto}.document-input-group .dropdown-toggle{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;min-height:100%;border-color:#ced4da;color:#495057}.document-input-group .form-control{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}:host-context(#appCheckoutEc) .checkout-btn-unique{display:flex;justify-content:flex-end}:host-context(#appCheckoutEc) .checkout-btn-unique .valid-btn{display:block;margin-left:auto;width:56%;max-width:360px;min-width:220px}@media screen and (max-width:992px){:host-context(#appCheckoutEc) .checkout-btn-unique{justify-content:stretch}:host-context(#appCheckoutEc) .checkout-btn-unique .valid-btn{width:100%;min-width:0}.address-required-row .required-hint-text{font-size:.82rem}}:host-context(#appCheckoutEc) .valid-btn{text-transform:uppercase}label{color:#000}#appCheckoutEc .checkout-single .btn-group-toggle{border:1px solid #e3e3e3;border-radius:6px;overflow:hidden}#appCheckoutEc .checkout-single .btn-group-toggle .btn{border-radius:0!important;font-weight:600;padding:.55rem 1rem;border-left:1px solid #e3e3e3}#appCheckoutEc .checkout-single .btn-group-toggle .btn:first-child{border-left:0}.input-size-lg{width:1.8rem;height:1.8rem}.address-card-compact{display:flex;gap:.75rem;border:1px solid #e3e3e3;border-radius:6px;padding:.75rem;background:#fff;align-items:flex-start;cursor:pointer;transition:border-color .2s,box-shadow .2s}.address-card-compact.is-selected{border-color:#000;box-shadow:0 0 0 1px #000 inset}.address-card-compact:hover{border-color:#444}.address-card-radio{margin-top:.25rem}.address-card-content{flex:1;display:flex;flex-direction:column;gap:.35rem}.address-card-title{font-weight:600;font-size:1rem}.address-card-sub{color:#666;font-size:.9rem}.address-card-details{margin-top:.5rem}.address-card-details summary{cursor:pointer;color:#000;font-weight:600;font-size:.9rem;list-style:none;display:inline-flex;align-items:center;gap:.35rem}.address-card-details summary::-webkit-details-marker{display:none}.address-card-details summary::before{content:\"\u25B8\";font-size:.85rem}.address-card-details[open] summary::before{content:\"\u25BE\"}.address-card-details-body{margin-top:.5rem;padding:.5rem;background:#f8f8f8;border-radius:6px}.address-card-detail-title{font-weight:600;margin-bottom:.25rem}.address-card-detail-line{font-size:.9rem;color:#555}.single-step-surface{position:relative}.single-step-overlay{position:absolute;inset:0;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;z-index:5}.compact-address-form .address-meta-row,.compact-address-form .address-required-row,.compact-address-form .address-terms-row{margin-top:.4rem}.compact-address-form .address-meta-row label,.compact-address-form .address-terms-row label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:0;font-weight:600}.compact-address-form .address-terms-row a{margin-left:0!important;display:inline-block;font-size:.85rem}.compact-address-form .address-terms-row .text-danger-container{margin-top:.35rem}"]
+        styles: ["@charset \"UTF-8\";.btn.valid-btn{background-color:var(--ec-primary,#000);border-color:var(--ec-primary,#000);color:var(--ec-primary-contrast,#fff);margin-right:-3px;margin-bottom:10px}.btn.valid-btn:disabled,.btn.valid-btn[disabled]{background-color:var(--ec-primary-muted,#6c757d);border-color:var(--ec-primary-muted,#6c757d);color:var(--ec-primary-contrast,#fff);opacity:.8}.mt-df{margin:10px auto 0}.btn.btn-outline-secondary.active,.btn.btn-outline-secondary:hover{color:#fff!important}.required{color:red}.address-required-row .required-hint-text{color:#6b6b6b;font-size:.85rem;font-weight:500;letter-spacing:.01em}.address-required-row .required-hint-asterisk{color:#6b6b6b;font-weight:700}.field-label{color:#000}:host-context(#appCheckoutEc) .field-label{font-weight:700}:host-context(#appCheckoutEc) .address-meta-row b,:host-context(#appCheckoutEc) .address-terms-row label{font-weight:400}.terms-label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.terms-link{background:0 0;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}.form-control.ng-dirty.ng-invalid,.form-control.ng-touched.ng-invalid{border-color:#dc3545;box-shadow:0 0 0 .15rem rgba(220,53,69,.18)}.form-control.ng-dirty.ng-valid,.form-control.ng-touched.ng-valid{border-color:#16a34a;box-shadow:0 0 0 .15rem rgba(22,163,74,.15)}.char-count{margin-left:.35rem;font-size:.78rem;font-weight:400;color:#666;white-space:nowrap}.notes-textarea{min-height:120px;max-height:240px;resize:vertical;max-width:100%}.compact-address-form .valid-btn{font-size:1rem;padding:.7rem 1.1rem;letter-spacing:.02em}.document-input-group{position:relative;align-items:stretch}.document-input-group .dropdown-menu{max-height:240px;overflow-y:auto}.document-input-group .dropdown-toggle{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;min-height:100%;border-color:#ced4da;color:#495057}.document-input-group .form-control{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}:host-context(#appCheckoutEc) .checkout-btn-unique{display:flex;justify-content:flex-end}:host-context(#appCheckoutEc) .checkout-btn-unique .valid-btn{display:block;margin-left:auto;width:56%;max-width:360px;min-width:220px}@media screen and (max-width:992px){:host-context(#appCheckoutEc) .checkout-btn-unique{justify-content:stretch}:host-context(#appCheckoutEc) .checkout-btn-unique .valid-btn{width:100%;min-width:0}.address-required-row .required-hint-text{font-size:.82rem}}:host-context(#appCheckoutEc) .valid-btn{text-transform:uppercase}label{color:#000}#appCheckoutEc .checkout-single .btn-group-toggle{border:1px solid #e3e3e3;border-radius:6px;overflow:hidden}#appCheckoutEc .checkout-single .btn-group-toggle .btn{border-radius:0!important;font-weight:600;padding:.55rem 1rem;border-left:1px solid #e3e3e3}#appCheckoutEc .checkout-single .btn-group-toggle .btn:first-child{border-left:0}.input-size-lg{width:1.8rem;height:1.8rem}.address-card-compact{display:flex;gap:.75rem;border:1px solid #e3e3e3;border-radius:6px;padding:.75rem;background:#fff;align-items:flex-start;cursor:pointer;transition:border-color .2s,box-shadow .2s}.address-card-compact.is-selected{border-color:#000;box-shadow:0 0 0 1px #000 inset}.address-card-compact:hover{border-color:#444}.address-card-radio{margin-top:.25rem}.address-card-content{flex:1;display:flex;flex-direction:column;gap:.35rem}.address-card-title{font-weight:600;font-size:1rem}.address-card-sub{color:#666;font-size:.9rem}.address-card-details{margin-top:.5rem}.address-card-details summary{cursor:pointer;color:#000;font-weight:600;font-size:.9rem;list-style:none;display:inline-flex;align-items:center;gap:.35rem}.address-card-details summary::-webkit-details-marker{display:none}.address-card-details summary::before{content:\"\u25B8\";font-size:.85rem}.address-card-details[open] summary::before{content:\"\u25BE\"}.address-card-details-body{margin-top:.5rem;padding:.5rem;background:#f8f8f8;border-radius:6px}.address-card-detail-title{font-weight:600;margin-bottom:.25rem}.address-card-detail-line{font-size:.9rem;color:#555}.single-step-surface{position:relative}.single-step-overlay{position:absolute;inset:0;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;z-index:5}.compact-address-form .address-meta-row,.compact-address-form .address-required-row,.compact-address-form .address-terms-row{margin-top:.4rem}.compact-address-form .address-meta-row label,.compact-address-form .address-terms-row label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:0;font-weight:600}.compact-address-form .address-terms-row a{margin-left:0!important;display:inline-block;font-size:.85rem}.compact-address-form .address-terms-row .text-danger-container{margin-top:.35rem}"]
     })
 ], DataFormEcComponent);
 
-var __decorate$R = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$S = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -9053,11 +9170,11 @@ PaymentService.ctorParameters = () => [
     { type: CheckoutService },
     { type: AnalyticsService }
 ];
-PaymentService = __decorate$R([
+PaymentService = __decorate$S([
     Injectable()
 ], PaymentService);
 
-var __decorate$S = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$T = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -9422,19 +9539,19 @@ PaymentEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: Router }
 ];
-__decorate$S([
+__decorate$T([
     Input()
 ], PaymentEcComponent.prototype, "step_id", void 0);
-__decorate$S([
+__decorate$T([
     Input()
 ], PaymentEcComponent.prototype, "compactPaymentView", void 0);
-__decorate$S([
+__decorate$T([
     Output()
 ], PaymentEcComponent.prototype, "dirtyChange", void 0);
-__decorate$S([
+__decorate$T([
     ViewChild('formContainer')
 ], PaymentEcComponent.prototype, "mercadopago_button", void 0);
-PaymentEcComponent = __decorate$S([
+PaymentEcComponent = __decorate$T([
     Component({
         selector: 'app-payment-ec',
         template: "<div *ngIf=\"(paymentService.methods$ | async) as methods\"\n    [ngClass]=\"compactPaymentView ? '' : 'container-fluid'\">\n    <ng-container *ngIf=\"compactPaymentView; else legacyPayment\">\n        <app-payment-ec-single\n            [loadingInternal]=\"loading_internal\"\n            [loadingInternalMp]=\"loading_internal_mp\"\n            [paymentLocked]=\"paymentLocked\"\n            [validatingMethodCode]=\"validatingMethodCode\"\n            [selectedMethodCode]=\"selectedMethodCode\"\n            [currentMethod]=\"currentMethod\"\n            [showMethodError]=\"showMethodError\"\n            [balanceMethodRejected]=\"balanceMethodRejected\"\n            [methods]=\"methods\"\n            [totalAmount]=\"total_amount\"\n            [isMethodDisabled]=\"isPaymentMethodDisabled\"\n            [isMP]=\"isMP.bind(this)\"\n            [isMPTarjetaDeCredito]=\"isMPTarjetaDeCredito.bind(this)\"\n            [isRedirectRedsys]=\"isRedirectRedsys.bind(this)\"\n            [isRedirectCecaBank]=\"isRedirectCecaBank.bind(this)\"\n            [isPeyPalExpress]=\"isPeyPalExpress.bind(this)\"\n            [isMobbex]=\"isMobbex.bind(this)\"\n            [isBancard]=\"isBancard.bind(this)\"\n            [isDecidir]=\"isDecidir.bind(this)\"\n            [isMethodOffline]=\"isMethodOffline.bind(this)\"\n            [isCulqi]=\"isCulqi.bind(this)\"\n            [isCatastro]=\"isCatastro.bind(this)\"\n            [isBamboo]=\"isBamboo.bind(this)\"\n            [isBankTransfer]=\"isBankTransfer.bind(this)\"\n            [isPlaceToPay]=\"isPlaceToPay.bind(this)\"\n            [isBalanceInAccount]=\"isBalanceInAccount.bind(this)\"\n            [getPK]=\"getPK.bind(this)\"\n            [getPKCulqi]=\"getPKCulqi.bind(this)\"\n            [getImageUrl]=\"getPaymentImageUrl.bind(this)\"\n            [allData]=\"allData.bind(this)\"\n            [paymentServiceInst]=\"paymentService\"\n            (selectMethod)=\"setMethod($event)\"\n            (verifyValidate)=\"verifyValidate($event)\"\n            (setLoading)=\"setLoading()\">\n        </app-payment-ec-single>\n    </ng-container>\n    <ng-template #legacyPayment>\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"card \">\n                    <div class=\"card-header text-dark text-center\">\n                        <h4>{{ 'select-method' | translate }}</h4>\n                        <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n                            <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n                                <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n                                    <button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\n                                        *ngFor=\"let method of methods; let x = index\"\n                                        (click)=\"setMethod(method) ; setActive($event)\">\n                                        {{ method.name | translate }}\n                                    </button>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"card-body text-center\">\n                        <div class=\"row justify-content-center\" *ngIf=\"(method_data$ | async) as method\">\n                            <ng-container *ngIf=\"!loading_internal ; else loading\">\n                                <!-- cuenta corriente tiene una configuari\u00F3n de permitir o no otros metodos de pago -->\n                                <ng-container *ngIf=\"method && !showMethodError\">\n                                    <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\n                                        <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\n                                        <app-mp-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                            [paymentServiceInst]=\"paymentService\"\n                                            [allData]=\"allData()\"></app-mp-redirect-ec>\n                                    </div>\n                                    <div class=\"method-container text-dark text-left\"\n                                        *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n                                        <div class=\"row\">\n                                            <div class=\"col-12\">\n                                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                                <div app-mp-credit-ec (ready)=\"verifyValidate()\"\n                                                    [public_key]=\"getPK(method)\" [user_data]=\"allData()\"\n                                                    [total_amount]=\"total_amount\">\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\"\n                                        *ngIf=\"isRedirectRedsys(method.code)\">\n                                        <div class=\"row\">\n                                            <div class=\"col-12\">\n                                                <ng-container\n                                                    *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n                                                    <app-redsys-redirect-ec (ready)=\"verifyValidate($event)\"\n                                                        [method]=\"method\" [user_data]=\"allData()\">\n                                                    </app-redsys-redirect-ec>\n                                                </ng-container>\n                                                <ng-container\n                                                    *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n                                                    <app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\n                                                        [method]=\"method\" [user_data]=\"allData()\">\n                                                    </app-redsys-redirect-out-ec>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\"\n                                        *ngIf=\"isRedirectCecaBank(method.code)\">\n                                        <div class=\"row\">\n                                            <div class=\"col-12\">\n                                                <app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                    [user_data]=\"allData()\">\n                                                </app-ceca-redirect-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <app-paypal-express-ec (ready)=\"verifyValidate($event)\"\n                                                        [method]=\"method\" [user_data]=\"allData()\"\n                                                        [total_amount]=\"total_amount\">\n                                                    </app-paypal-express-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                        [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                        [total_amount]=\"total_amount\">\n                                                    </app-mobbex-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                        [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                        [total_amount]=\"total_amount\">\n                                                    </app-bancard-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                        [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                        [total_amount]=\"total_amount\">\n                                                    </app-decidir-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\n                                        <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\n                                        <div class=\"end-button\">\n                                            <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                                ('pay-with-offline'| translate) }}</button>\n                                        </div>\n                                        <ng-container *ngIf=\"(loading$ | async) as load\">\n                                            <div class=\"mt-2\" *ngIf=\"load\">\n                                                <app-loading-inline-ec></app-loading-inline-ec>\n                                            </div>\n                                        </ng-container>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <!-- <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                        [total_amount]=\"total_amount\">\n                                                    </app-mobbex-ec> -->\n                                                    <app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n                                                        [amount]=\"total_amount\" [customStyle]=\"true\"\n                                                        (ready)=\"verifyValidate()\"></app-culqi-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <app-bancard-catastro-ec (ready)=\"verifyValidate($event)\"\n                                                        [method]=\"method\" [user_data]=\"allData()\"\n                                                        [paymentServiceInst]=\"paymentService\"\n                                                        [total_amount]=\"total_amount\"></app-bancard-catastro-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n                                        <div class=\"container\">\n                                            <div class=\"row justify-content-center\">\n                                                <div class=\"col-12\">\n                                                    <app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                        [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                        [total_amount]=\"total_amount\"></app-bamboo-ec>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"method-container text-dark\" *ngIf=\"isBankTransfer(method.code)\">\n                                        <div class=\"row px-0 description-cont\">\n                                            <ng-container\n                                                *ngFor=\"let line of method.description.split('\\r\\n'); let i=index\">\n                                                <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n                                            </ng-container>\n                                        </div>\n                                        <hr *ngIf=\"method.instructions\">\n                                        <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n                                            <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n                                            <ng-container\n                                                *ngFor=\"let line of method.instructions.split('\\r\\n'); let i=index\">\n                                                <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n                                            </ng-container>\n                                        </div>\n\n                                        <div class=\"end-button\">\n                                            <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                                ('pay-with-transfer'\n                                                | translate) }}</button>\n                                        </div>\n                                        <ng-container *ngIf=\"(loading$ | async) as load\">\n                                            <div class=\"mt-2\" *ngIf=\"load\">\n                                                <app-loading-inline-ec></app-loading-inline-ec>\n                                            </div>\n                                        </ng-container>\n                                    </div>\n                                    <div class=\"method-container text-dark\" *ngIf=\"isPlaceToPay(method.code)\">\n                                        <p id=\"faqs\" *ngIf=\"method.description\" class=\"qt px-5 \">{{ method.description }}\n                                        </p>\n                                        <p class=\"px-5\" *ngIf=\"method.instructions\">{{ method.instructions }}</p>\n                                        <app-place-to-pay-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                            [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\">\n                                        </app-place-to-pay-ec>\n                                    </div>\n                                </ng-container>\n                                <ng-container *ngIf=\"showMethodError\">\n                                    <div class=\"text-danger mt-2 px-3 fw-bold\">\n                                        {{ 'this-payment-method-cannot-be-used' | translate }}\n                                    </div>\n                                </ng-container>\n                                <div class=\"method-container text-dark\"\n                                    *ngIf=\"isBalanceInAccount(method.code) && !showMethodError\">\n                                    <div class=\"row px-0 description-cont\" *ngIf=\"method.description\">\n                                        <ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i = index\">\n                                            <p [id]=\"'cc-desc-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n                                        </ng-container>\n                                    </div>\n\n                                    <hr *ngIf=\"method.instructions\">\n\n                                    <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n                                        <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n                                        <ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i = index\">\n                                            <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n                                        </ng-container>\n                                    </div>\n\n                                    <ng-container *ngIf=\"!balanceMethodRejected; else showCreditError\">\n                                        <div class=\"end-button\">\n                                            <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">\n                                                {{ 'pay-with' | translate }} {{ method.name }}\n                                            </button>\n                                        </div>\n                                    </ng-container>\n\n                                    <ng-template #showCreditError>\n                                        <div class=\"text-danger mt-2 px-3 fw-bold\">\n                                            {{ 'not-enough-credits-to-complete' | translate }}\n                                        </div>\n                                    </ng-template>\n\n                                    <ng-container *ngIf=\"(loading$ | async) as load\">\n                                        <div class=\"mt-2\" *ngIf=\"load\">\n                                            <app-loading-inline-ec></app-loading-inline-ec>\n                                        </div>\n                                    </ng-container>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n\n<ng-template #mercadoPago>\n    <div class=\"row \">\n        <div class=\"col-12 text-center\">\n            <app-loading-inline-ec *ngIf=\"loading_internal_mp\"></app-loading-inline-ec>\n            <form action=\"javascript:void(0)\" #formContainer></form>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <ng-container *ngIf=\"!compactPaymentView\">\n        <app-loading-inline-ec></app-loading-inline-ec>\n    </ng-container>\n</ng-template>\n",
@@ -9443,14 +9560,14 @@ PaymentEcComponent = __decorate$S([
     })
 ], PaymentEcComponent);
 
-var __decorate$T = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$U = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let CheckoutEcComponent = class CheckoutEcComponent extends ComponentHelper {
-    constructor(checkoutService, toastrService, router, cartService, productsService, channelService, consts, elementRef, modalService, shippingPriceDisplay) {
+    constructor(checkoutService, toastrService, router, cartService, productsService, channelService, consts, elementRef, modalService, shippingPriceDisplay, seo) {
         super();
         this.checkoutService = checkoutService;
         this.toastrService = toastrService;
@@ -9462,6 +9579,7 @@ let CheckoutEcComponent = class CheckoutEcComponent extends ComponentHelper {
         this.elementRef = elementRef;
         this.modalService = modalService;
         this.shippingPriceDisplay = shippingPriceDisplay;
+        this.seo = seo;
         this.loadingSubject = new BehaviorSubject(true);
         this.canCheckout = false;
         this.require_login = false;
@@ -9488,6 +9606,16 @@ let CheckoutEcComponent = class CheckoutEcComponent extends ComponentHelper {
         this.channelReady = false;
         this.pendingCheckoutInit = false;
         this.loading$ = this.loadingSubject.asObservable();
+        this.updateCheckoutSeo = () => {
+            const siteName = this.seo.getSiteName();
+            this.seo.setTitle(`Checkout | ${siteName}`);
+            this.seo.setDescription(`Finalizá tu compra en ${siteName}.`);
+            this.seo.setOgType('website');
+            this.seo.setNoIndex(true);
+            if (typeof window !== 'undefined') {
+                this.seo.setCanonical(window.location.href);
+            }
+        };
         this.initializeCheckout = () => {
             var _a, _b, _c, _d;
             this.canCheckout = true;
@@ -9884,6 +10012,7 @@ let CheckoutEcComponent = class CheckoutEcComponent extends ComponentHelper {
             }
             this.paymentAutoOpened = true;
         });
+        this.updateCheckoutSeo();
         this.ecOnInit();
         this.cartService.showPrice$.subscribe(showPrice => {
             this.creditAccountShowPrices = showPrice;
@@ -10034,22 +10163,23 @@ CheckoutEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: ElementRef },
     { type: BsModalService },
-    { type: ShippingPriceDisplayService }
+    { type: ShippingPriceDisplayService },
+    { type: SeoService }
 ];
-__decorate$T([
+__decorate$U([
     ViewChildren(DataFormEcComponent)
 ], CheckoutEcComponent.prototype, "dataformComponents", void 0);
-__decorate$T([
+__decorate$U([
     ViewChildren(PaymentEcComponent)
 ], CheckoutEcComponent.prototype, "paymentComponents", void 0);
-__decorate$T([
+__decorate$U([
     ViewChild('unsavedChangesModal')
 ], CheckoutEcComponent.prototype, "unsavedChangesModal", void 0);
-__decorate$T([
+__decorate$U([
     HostListener('window:scroll'),
     HostListener('window:resize')
 ], CheckoutEcComponent.prototype, "evaluateMobileBarVisibility", null);
-CheckoutEcComponent = __decorate$T([
+CheckoutEcComponent = __decorate$U([
     Component({
         selector: 'app-checkout-ec',
         template: "<main class=\"py-4\" id=\"appCheckoutEc\">\n    <ng-container *ngIf=\"(checkoutService.loading$ | async) as load\">\n        <div class=\"checkout-loading-overlay\" *ngIf=\"load\">\n            <div class=\"checkout-loading-card\">\n                <app-loading-full-ec></app-loading-full-ec>\n                <h5>{{ 'processing-payment' | translate }}</h5>\n            </div>\n        </div>\n    </ng-container>\n    <div *ngIf=\"canCheckout; else cartEmpty\">\n        <ng-container *ngIf=\"checkoutView === 'single'; else legacyCheckout\">\n            <div class=\"container\">\n                <div class=\"row checkout-single-row\">\n                    <div class=\"col-lg-8 col-12\">\n                        <div class=\"checkout-single\">\n                            <div class=\"checkout-section\" *ngFor=\"let step of steps; let x=index\"\n                                [attr.data-step]=\"step.name\"\n                                [class.is-disabled]=\"!isStepEnabled(step.name)\"\n                                [class.is-complete]=\"isStepComplete(step.name)\">\n                                <button class=\"section-header\" type=\"button\"\n                                    [attr.aria-expanded]=\"isSectionOpen(step.name)\"\n                                    [disabled]=\"!isStepEnabled(step.name)\"\n                                    (click)=\"toggleSection(step.name)\">\n                                    <span class=\"section-index\">{{ x + 1 }}</span>\n                                    <span class=\"section-title\">\n                                        {{ getSingleStepTitle(step) | translate }}\n                                    </span>\n                                    <span class=\"section-state\" *ngIf=\"isStepComplete(step.name)\">\n                                        &#10003;\n                                    </span>\n                                </button>\n                                <div class=\"section-summary\" *ngIf=\"isStepComplete(step.name) && !isSectionOpen(step.name)\"\n                                    role=\"button\" tabindex=\"0\"\n                                    (click)=\"toggleSection(step.name)\"\n                                    (keydown.enter)=\"toggleSection(step.name)\"\n                                    (keydown.space)=\"toggleSection(step.name)\">\n                                    <span class=\"section-summary-label\">\n                                        {{ getSingleSummaryLabel(step) }}\n                                    </span>\n                                    <span class=\"section-summary-value\">\n                                        {{ getSingleSummaryValue(step) }}\n                                    </span>\n                                    <span class=\"section-summary-edit\"\n                                        role=\"button\"\n                                        tabindex=\"0\"\n                                        (click)=\"toggleSection(step.name); $event.stopPropagation()\"\n                                        (keydown.enter)=\"toggleSection(step.name); $event.stopPropagation()\"\n                                        (keydown.space)=\"toggleSection(step.name); $event.stopPropagation()\">\n                                        {{ 'edit' | translate }}\n                                    </span>\n                                </div>\n                                <div class=\"section-body\" [hidden]=\"!isSectionOpen(step.name)\">\n                                    <ng-container [ngSwitch]=\"step.name\">\n                                        <ng-container *ngSwitchCase=\"'address'\">\n                                            <app-dataform-ec [step_id]=\"step.step\" [isLastOne]=\"false\"\n                                                [nextStep]=\"goToNextFromAddress\" [compactAddressView]=\"true\"\n                                                (dirtyChange)=\"onStepDirtyChange('address', $event)\">\n                                            </app-dataform-ec>\n                                        </ng-container>\n                                        <ng-container *ngSwitchCase=\"'shipment'\">\n                                            <app-shipment-ec [step_id]=\"step.step\" [compactShipmentView]=\"true\"\n                                                (advanceStep)=\"goToNextSection(step.name)\"\n                                                (summaryChange)=\"setShipmentSummary($event)\">\n                                            </app-shipment-ec>\n                                        </ng-container>\n                                        <ng-container *ngSwitchCase=\"'payment'\">\n                                            <app-payment-ec [step_id]=\"step.step\" [compactPaymentView]=\"true\"\n                                                (dirtyChange)=\"onStepDirtyChange('payment', $event)\"></app-payment-ec>\n                                        </ng-container>\n                                    </ng-container>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-4 col-12\">\n                        <ng-container *ngIf=\"(checkoutService.state$ | async) as checkoutState\">\n                            <aside class=\"checkout-summary\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true) || (areAllStepsReady(checkoutState) && !shouldHideFinishButton(checkoutState))\">\n                                <ng-container *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                    <h4 class=\"summary-title\">\n                                        {{ checkoutView === 'single' ? ('payment-summary' | translate) : ('purchase-summary' | translate) }}\n                                    </h4>\n                                    <div class=\"summary-totals\" *ngIf=\"(checkoutService.asociatedData$ | async) as data\">\n                                        <ng-container *ngFor=\"let item of getSummaryData(data)\">\n                                            <div class=\"summary-total-row\" *ngIf=\"shouldShowSummaryItem(item)\"\n                                                [class.summary-total-row-total]=\"item.type === 'total'\">\n                                                <span>{{ getSummaryLabel(item.type) | translate }}</span>\n                                                <ng-container *ngIf=\"getSummaryAmountView(item) as priceView\">\n                                                    <span class=\"summary-total-row-price\"\n                                                        [class.summary-total-row-price--discounted]=\"priceView.showOriginalPrice\"\n                                                        [class.summary-total-row-price--free]=\"priceView.isFree\">\n                                                        <del *ngIf=\"priceView.showOriginalPrice\">\n                                                            {{ priceView.originalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                                        </del>\n                                                        <strong>\n                                                            <ng-container *ngIf=\"priceView.isFree; else summaryValue\">\n                                                                {{ 'free' | translate }}\n                                                            </ng-container>\n                                                            <ng-template #summaryValue>\n                                                                {{ priceView.finalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                                            </ng-template>\n                                                        </strong>\n                                                    </span>\n                                                </ng-container>\n                                            </div>\n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                                <button class=\"btn valid-btn w-100 mt-3 text-uppercase\"\n                                    id=\"checkoutFinishBtn\"\n                                    *ngIf=\"areAllStepsReady(checkoutState) && !shouldHideFinishButton(checkoutState)\"\n                                    (click)=\"endCheckout()\">\n                                    {{ 'finish-checkout' | translate }}\n                                </button>\n                            </aside>\n                        </ng-container>\n                    </div>\n                </div>\n                <ng-container *ngIf=\"(checkoutService.asociatedData$ | async) as data\">\n                    <ng-container *ngIf=\"(checkoutService.state$ | async) as checkoutState\">\n                        <div class=\"summary-mobile-bar\" [class.is-hidden]=\"hideMobileSummaryBar\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <div class=\"summary-mobile-total\">\n                                <span class=\"summary-mobile-label\">{{ 'total' | translate }}</span>\n                                <span class=\"summary-mobile-value\">\n                                    {{ getTotalAmount(data) != null ? (getTotalAmount(data) | ecCurrencySymbol:'alwaysShowDecimals') : '--' }}\n                                </span>\n                            </div>\n                            <button class=\"btn valid-btn summary-mobile-btn\"\n                                *ngIf=\"!shouldHideFinishButton(checkoutState)\"\n                                [disabled]=\"!areAllStepsReady(checkoutState)\"\n                                (click)=\"endCheckout()\">\n                                {{ 'finish-checkout' | translate }}\n                            </button>\n                        </div>\n                    </ng-container>\n                </ng-container>\n                <ng-template #unsavedChangesModal>\n                    <div class=\"modal-content checkout-unsaved-modal-content\">\n                        <div class=\"modal-header\">\n                            <h5 class=\"modal-title\">{{ 'unsaved-changes-title' | translate }}</h5>\n                            <button type=\"button\" class=\"btn-close\" aria-label=\"Close\"\n                                (click)=\"cancelUnsavedClose()\"></button>\n                        </div>\n                        <div class=\"modal-body\">\n                            {{ 'unsaved-changes-body' | translate }}\n                        </div>\n                        <div class=\"modal-footer\">\n                            <button type=\"button\" class=\"btn btn-outline-secondary btn-keep-editing\"\n                                (click)=\"cancelUnsavedClose()\">\n                                {{ 'unsaved-changes-continue' | translate }}\n                            </button>\n                            <button type=\"button\" class=\"btn btn-primary btn-discard\" (click)=\"confirmUnsavedDiscard()\">\n                                {{ 'unsaved-changes-discard' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n        </ng-container>\n        <ng-template #legacyCheckout>\n            <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-md-12 col-12\">\n                        <div id=\"stepper\" class=\"bs-stepper\" *ngIf=\"(checkoutService.state$ | async) as state\">\n\n                            <div class=\"row mb-3 position-relative stepperContainer\">\n                                <ng-container *ngFor=\"let step of steps; let x=index\">\n                                    <div [class]=\"'px-0 col-'+(12 / steps.length)\">\n                                        <div [class]=\"'step ' +  getClassToStepper(x)\" [attr.data-target]=\"'#test-l-'+step.step\">\n                                            <button class=\"step-trigger\">\n                                                <span class=\"bs-stepper-circle\">{{x+1}}</span>\n                                                <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\n                                            </button>\n                                        </div>\n                                    </div>\n                                </ng-container>\n                            </div>\n\n                            <!-- CONTENT -->\n                            <div class=\"bs-stepper-content margin-bottom-i\">\n                                <div *ngIf=\"(checkoutService.state$ | async) as checkoutState\">\n                                    <ng-container *ngFor=\"let step of steps; let x=index\">\n                                        <div [id]=\"'test-l-'+step.step\" class=\"content\">\n                                         <app-step-ec [step_id]=\"step.step\" [id_step]=\"x+1\" [previousStep]=\"steps[x-1] ? steps[x-1].name : step.name\"  [nextStep]=\"steps[x+1] ? next : endCheckout\" [goBack]=\"goBack\" [lastStep]=\"steps[x+1] ? false : true\">  \n                                         </app-step-ec>   \n                                        </div>\n                                    </ng-container>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <ng-container *ngIf=\"(checkoutService.loading$ | async) as load\">\n                        <div class=\"col-md-12 col-12\">\n                            <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n                                <app-loading-full-ec></app-loading-full-ec>\n                                <h5>{{ 'processing-payment' | translate }}</h5>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n        </ng-template>\n    </div>\n</main>\n\n<ng-template #cartEmpty>\n    <div class=\"wrap\">\n        <div *ngIf=\"(loading$ | async) as load\">\n            <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\n        </div>\n        <section id=\"cart\" *ngIf=\"!canCheckout\">\n            <section id=\"cart bg-white h-50\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n                    <h4>{{ 'empty-cart' | translate }}</h4>\n                    <h5>{{ 'empty-cart-detail' | translate }}</h5>\n                </div>\n            </section>\n        </section>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-full-ec></app-loading-full-ec>\n</ng-template>\n\n<ng-template #requireLoginView>\n</ng-template>\n\n\n<!-- <ec-checkout-error></ec-checkout-error> -->\n",
@@ -10057,7 +10187,7 @@ CheckoutEcComponent = __decorate$T([
     })
 ], CheckoutEcComponent);
 
-var __decorate$U = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$V = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -10119,61 +10249,61 @@ let DataformEcSingleComponent = class DataformEcSingleComponent {
 DataformEcSingleComponent.ctorParameters = () => [
     { type: ElementRef }
 ];
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "showToggle", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "isNewAddressMode", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "showDefaultNewAddressButton", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "customNewAddressLabel", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "isTemporarySelected", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "selectedAddressLabel", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "addressDropdownOpen", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "addressSearch", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "addressOptions", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "showSelectBlock", void 0);
-__decorate$U([
+__decorate$V([
     Input()
 ], DataformEcSingleComponent.prototype, "hasSelectedAddress", void 0);
-__decorate$U([
+__decorate$V([
     Output()
 ], DataformEcSingleComponent.prototype, "modeChange", void 0);
-__decorate$U([
+__decorate$V([
     Output()
 ], DataformEcSingleComponent.prototype, "toggleDropdown", void 0);
-__decorate$U([
+__decorate$V([
     Output()
 ], DataformEcSingleComponent.prototype, "closeDropdown", void 0);
-__decorate$U([
+__decorate$V([
     Output()
 ], DataformEcSingleComponent.prototype, "selectAddress", void 0);
-__decorate$U([
+__decorate$V([
     Output()
 ], DataformEcSingleComponent.prototype, "addressSearchChange", void 0);
-__decorate$U([
+__decorate$V([
     HostListener('document:click', ['$event'])
 ], DataformEcSingleComponent.prototype, "onDocumentClick", null);
-__decorate$U([
+__decorate$V([
     HostListener('document:mousedown', ['$event'])
 ], DataformEcSingleComponent.prototype, "onDocumentMouseDown", null);
-DataformEcSingleComponent = __decorate$U([
+DataformEcSingleComponent = __decorate$V([
     Component({
         selector: 'app-dataform-ec-single',
         template: "<ng-container *ngIf=\"showToggle\">\n    <div class=\"address-toggle\">\n        <button type=\"button\" class=\"address-toggle-btn\" [class.is-active]=\"!isNewAddressMode\"\n            (click)=\"modeChange.emit('seleccion')\">\n            {{ 'select-address-short' | translate | titlecase }}\n        </button>\n        <button type=\"button\" class=\"address-toggle-btn\" [class.is-active]=\"isNewAddressMode\"\n            *ngIf=\"showDefaultNewAddressButton\"\n            (click)=\"modeChange.emit('carga')\">\n            {{\n                (isTemporarySelected && !isNewAddressMode)\n                    ? ('update-address' | translate)\n                    : ('new-address-short' | translate | titlecase)\n            }}\n        </button>\n        <button type=\"button\" class=\"address-toggle-btn\" [class.is-active]=\"isNewAddressMode\"\n            *ngIf=\"customNewAddressLabel\"\n            (click)=\"modeChange.emit('carga')\">\n            {{\n                (isTemporarySelected && !isNewAddressMode)\n                    ? ('update-address' | translate)\n                    : customNewAddressLabel\n            }}\n        </button>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"showSelectBlock\">\n    <div class=\"address-select-compact\">\n        <button type=\"button\" class=\"address-select-trigger\" (click)=\"onToggleDropdown()\">\n            <span class=\"address-select-label\">\n                {{ hasSelectedAddress ? selectedAddressLabel : ('select-address' | translate) }}\n            </span>\n            <span class=\"address-select-caret\">\u25BE</span>\n        </button>\n        <div class=\"address-select-panel\" *ngIf=\"addressDropdownOpen\" (click)=\"onPanelClick($event)\" (mousedown)=\"onPanelMouseDown($event)\">\n            <input class=\"form-control address-select-search\" type=\"search\"\n                [ngModel]=\"addressSearch\" (ngModelChange)=\"onSearchChange($event)\"\n                placeholder=\"{{ ('search' | translate) | titlecase }}\" />\n            <button type=\"button\" class=\"address-option is-disabled\" *ngIf=\"!hasSelectedAddress\" disabled>\n                {{ 'select-address' | translate }}\n            </button>\n            <button type=\"button\" class=\"address-option\" *ngFor=\"let item of addressOptions\"\n                (mousedown)=\"onSelectAddressMouseDown($event, item)\"\n                (click)=\"onSelectAddress(item)\">\n                {{ item?.label || item }}\n            </button>\n            <div class=\"address-option-empty\" *ngIf=\"addressOptions?.length === 0\">\n                {{ 'no-address-results' | translate }}\n            </div>\n        </div>\n    </div>\n</ng-container>\n",
@@ -10181,7 +10311,7 @@ DataformEcSingleComponent = __decorate$U([
     })
 ], DataformEcSingleComponent);
 
-var __decorate$V = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$W = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -10226,109 +10356,109 @@ let PaymentEcSingleComponent = class PaymentEcSingleComponent {
         this.getHiddenImages = (images = []) => (images.length > 4 ? images.slice(3) : []);
     }
 };
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "loadingInternal", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "loadingInternalMp", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "paymentLocked", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "validatingMethodCode", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "selectedMethodCode", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "currentMethod", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "showMethodError", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "balanceMethodRejected", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "methods", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "totalAmount", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isMethodDisabled", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isMP", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isMPTarjetaDeCredito", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isRedirectRedsys", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isRedirectCecaBank", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isPeyPalExpress", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isMobbex", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isBancard", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isDecidir", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isMethodOffline", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isCulqi", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isCatastro", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isBamboo", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isBankTransfer", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isPlaceToPay", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "isBalanceInAccount", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "getPK", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "getPKCulqi", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "getImageUrl", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "allData", void 0);
-__decorate$V([
+__decorate$W([
     Input()
 ], PaymentEcSingleComponent.prototype, "paymentServiceInst", void 0);
-__decorate$V([
+__decorate$W([
     Output()
 ], PaymentEcSingleComponent.prototype, "selectMethod", void 0);
-__decorate$V([
+__decorate$W([
     Output()
 ], PaymentEcSingleComponent.prototype, "verifyValidate", void 0);
-__decorate$V([
+__decorate$W([
     Output()
 ], PaymentEcSingleComponent.prototype, "setLoading", void 0);
-PaymentEcSingleComponent = __decorate$V([
+PaymentEcSingleComponent = __decorate$W([
     Component({
         selector: 'app-payment-ec-single',
         template: "<div *ngIf=\"methods?.length\">\n    <div class=\"payment-compact payment-compact-flat payment-step-surface\">\n        <div class=\"single-step-overlay\" *ngIf=\"loadingInternalMp\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n        <div class=\"card-body\">\n            <div class=\"payment-lock-message\" *ngIf=\"paymentLocked\">\n                {{ 'shipment-method-required' | translate }}\n            </div>\n            <div class=\"payment-options\" [class.is-locked]=\"paymentLocked\">\n                <ng-container *ngFor=\"let method of methods\">\n                        <label class=\"payment-option\"\n                            [class.is-selected]=\"selectedMethodCode === method.code\"\n                            [class.is-disabled]=\"isMethodDisabled(method)\">\n                            <input class=\"payment-option-input\" type=\"radio\" name=\"payment-option\"\n                                [checked]=\"selectedMethodCode === method.code\"\n                                [disabled]=\"paymentLocked || isMethodDisabled(method)\"\n                                (click)=\"selectMethod.emit(method)\">\n                            <span class=\"payment-option-title\">{{ method.name | translate }}</span>\n                            <span class=\"payment-option-logos\" *ngIf=\"method.images?.length\">\n                                <img class=\"payment-option-logo\"\n                                    *ngFor=\"let logo of getVisibleImages(method.images)\"\n                                    [src]=\"getImageUrl ? getImageUrl(logo) : (logo?.path || logo?.url || logo?.src || logo)\"\n                                    [alt]=\"logo?.name || (method.name || '')\"\n                                    [title]=\"logo?.name || (method.name || '')\">\n                                <span class=\"payment-option-more\"\n                                    *ngIf=\"method.images.length > 4\"\n                                    [tooltip]=\"hiddenImagesTpl\"\n                                    placement=\"top\"\n                                    container=\"body\"\n                                    triggers=\"hover\">\n                                    +{{ method.images.length - 3 }}\n                                </span>\n                                <ng-template #hiddenImagesTpl>\n                                    <span class=\"payment-tooltip-logos\">\n                                        <img class=\"payment-tooltip-logo\"\n                                            *ngFor=\"let logo of getHiddenImages(method.images)\"\n                                            [src]=\"getImageUrl ? getImageUrl(logo) : (logo?.path || logo?.url || logo?.src || logo)\"\n                                            [alt]=\"logo?.name || ''\">\n                                    </span>\n                                </ng-template>\n                            </span>\n                        </label>\n                        <div class=\"payment-option-details\" *ngIf=\"selectedMethodCode === method.code\">\n                        <ng-container *ngIf=\"validatingMethodCode === method.code; else methodContent\">\n                            <div class=\"d-flex justify-content-center py-2\">\n                                <app-loading-inline-ec></app-loading-inline-ec>\n                            </div>\n                        </ng-container>\n                        <ng-template #methodContent>\n                            <ng-container *ngIf=\"!showMethodError && currentMethod?.code === method.code\">\n                                <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\n                                    <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                    <p class=\"px-5\">{{ method.instructions }}</p>\n                                    <app-mp-redirect-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                        [paymentServiceInst]=\"paymentServiceInst\"\n                                        [allData]=\"allData()\"></app-mp-redirect-ec>\n                                </div>\n                                <div class=\"method-container text-dark text-left\"\n                                    *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n                                    <div class=\"row\">\n                                        <div class=\"col-12\">\n                                            <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                            <p class=\"px-5\">{{ method.instructions }}</p>\n                                            <div app-mp-credit-ec (ready)=\"verifyValidate.emit()\"\n                                                [public_key]=\"getPK(method)\" [user_data]=\"allData()\"\n                                                [total_amount]=\"totalAmount\">\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\"\n                                    *ngIf=\"isRedirectRedsys(method.code)\">\n                                    <div class=\"row\">\n                                        <div class=\"col-12\">\n                                            <ng-container\n                                                *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n                                                <app-redsys-redirect-ec (ready)=\"verifyValidate.emit($event)\"\n                                                    [method]=\"method\" [user_data]=\"allData()\">\n                                                </app-redsys-redirect-ec>\n                                            </ng-container>\n                                            <ng-container\n                                                *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n                                                <app-redsys-redirect-out-ec (ready)=\"verifyValidate.emit($event)\"\n                                                    [method]=\"method\" [user_data]=\"allData()\">\n                                                </app-redsys-redirect-out-ec>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\"\n                                    *ngIf=\"isRedirectCecaBank(method.code)\">\n                                    <div class=\"row\">\n                                        <div class=\"col-12\">\n                                            <app-ceca-redirect-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\">\n                                            </app-ceca-redirect-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-paypal-express-ec (ready)=\"verifyValidate.emit($event)\"\n                                                    [method]=\"method\" [user_data]=\"allData()\"\n                                                    [total_amount]=\"totalAmount\">\n                                                </app-paypal-express-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-mobbex-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                                    [user_data]=\"allData()\" [paymentServiceInst]=\"paymentServiceInst\"\n                                                    [total_amount]=\"totalAmount\">\n                                                </app-mobbex-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-bancard-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                                    [user_data]=\"allData()\" [paymentServiceInst]=\"paymentServiceInst\"\n                                                    [total_amount]=\"totalAmount\">\n                                                </app-bancard-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-decidir-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                                    [user_data]=\"allData()\" [paymentServiceInst]=\"paymentServiceInst\"\n                                                    [total_amount]=\"totalAmount\">\n                                                </app-decidir-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\n                                    <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                    <p class=\"px-5\">{{ method.instructions }}</p>\n                                    <div class=\"end-button\">\n                                        <button class=\"btn comprar\" (click)=\"setLoading.emit(); verifyValidate.emit()\">{{\n                                            ('pay-with-offline'| translate) }}</button>\n                                    </div>\n                                    <ng-container *ngIf=\"loadingInternal\">\n                                        <div class=\"mt-2\">\n                                            <app-loading-inline-ec></app-loading-inline-ec>\n                                        </div>\n                                    </ng-container>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n                                                    [amount]=\"totalAmount\" [customStyle]=\"true\"\n                                                    (ready)=\"verifyValidate.emit()\"></app-culqi-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-bancard-catastro-ec (ready)=\"verifyValidate.emit($event)\"\n                                                    [method]=\"method\" [user_data]=\"allData()\"\n                                                    [paymentServiceInst]=\"paymentServiceInst\"\n                                                    [total_amount]=\"totalAmount\"></app-bancard-catastro-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n                                    <div class=\"container\">\n                                        <div class=\"row justify-content-center\">\n                                            <div class=\"col-12\">\n                                                <app-bamboo-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                                    [user_data]=\"allData()\" [paymentServiceInst]=\"paymentServiceInst\"\n                                                    [total_amount]=\"totalAmount\"></app-bamboo-ec>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"method-container text-dark\" *ngIf=\"isBankTransfer(method.code)\">\n                                    <div class=\"row px-0 description-cont\">\n                                        <ng-container\n                                            *ngFor=\"let line of method.description.split('\\r\\n'); let i=index\">\n                                            <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n                                        </ng-container>\n                                    </div>\n                                    <hr *ngIf=\"method.instructions\">\n                                    <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n                                        <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n                                        <ng-container\n                                            *ngFor=\"let line of method.instructions.split('\\r\\n'); let i=index\">\n                                            <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n                                        </ng-container>\n                                    </div>\n\n                                    <div class=\"end-button\">\n                                        <button class=\"btn comprar\" (click)=\"setLoading.emit(); verifyValidate.emit()\">{{\n                                            ('pay-with-transfer'\n                                            | translate) }}</button>\n                                    </div>\n                                    <ng-container *ngIf=\"loadingInternal\">\n                                        <div class=\"mt-2\">\n                                            <app-loading-inline-ec></app-loading-inline-ec>\n                                        </div>\n                                    </ng-container>\n                                </div>\n                                <div class=\"method-container text-dark\" *ngIf=\"isPlaceToPay(method.code)\">\n                                    <p id=\"faqs\" *ngIf=\"method.description\" class=\"qt px-5 \">{{ method.description }}\n                                    </p>\n                                    <p class=\"px-5\" *ngIf=\"method.instructions\">{{ method.instructions }}</p>\n                                    <app-place-to-pay-ec (ready)=\"verifyValidate.emit($event)\" [method]=\"method\"\n                                        [paymentServiceInst]=\"paymentServiceInst\" [allData]=\"allData()\">\n                                    </app-place-to-pay-ec>\n                                </div>\n                            </ng-container>\n                            <ng-container *ngIf=\"showMethodError\">\n                                <div class=\"text-danger mt-2 px-3 fw-bold\">\n                                    {{ 'this-payment-method-cannot-be-used' | translate }}\n                                </div>\n                            </ng-container>\n                            <div class=\"method-container text-dark\"\n                                *ngIf=\"currentMethod?.code === method.code && isBalanceInAccount(method.code) && !showMethodError\">\n                                <div class=\"row px-0 description-cont\" *ngIf=\"method.description\">\n                                    <ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i = index\">\n                                        <p [id]=\"'cc-desc-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n                                    </ng-container>\n                                </div>\n\n                                <hr *ngIf=\"method.instructions\">\n\n                                <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n                                    <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n                                    <ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i = index\">\n                                        <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n                                    </ng-container>\n                                </div>\n\n                                <ng-container *ngIf=\"!balanceMethodRejected; else showCreditError\">\n                                    <div class=\"end-button\">\n                                        <button class=\"btn comprar\" (click)=\"setLoading.emit(); verifyValidate.emit()\">\n                                            {{ 'pay-with' | translate }} {{ method.name }}\n                                        </button>\n                                    </div>\n                                </ng-container>\n\n                                <ng-template #showCreditError>\n                                    <div class=\"text-danger mt-2 px-3 fw-bold\">\n                                        {{ 'not-enough-credits-to-complete' | translate }}\n                                    </div>\n                                </ng-template>\n                                <ng-container *ngIf=\"loadingInternal\">\n                                    <div class=\"mt-2\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </ng-template>\n                        </div>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n",
@@ -10336,7 +10466,7 @@ PaymentEcSingleComponent = __decorate$V([
     })
 ], PaymentEcSingleComponent);
 
-var __decorate$W = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$X = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -10390,37 +10520,37 @@ let ShipmentEcSingleComponent = class ShipmentEcSingleComponent {
 ShipmentEcSingleComponent.ctorParameters = () => [
     { type: ShippingPriceDisplayService }
 ];
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "loadingInternal", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "loadingPreload", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "singleOptions", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "groupedOptions", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "selectedOptionId", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "unavailableMethods", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "methods", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "shipmentErrorKey", void 0);
-__decorate$W([
+__decorate$X([
     Input()
 ], ShipmentEcSingleComponent.prototype, "isFreeShipping", void 0);
-__decorate$W([
+__decorate$X([
     Output()
 ], ShipmentEcSingleComponent.prototype, "selectOption", void 0);
-ShipmentEcSingleComponent = __decorate$W([
+ShipmentEcSingleComponent = __decorate$X([
     Component({
         selector: 'app-shipment-ec-single',
         template: "<div class=\"shipment-compact shipment-compact-flat shipment-step-surface\">\n    <div class=\"single-step-overlay\" *ngIf=\"loadingInternal\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <ng-container *ngIf=\"loadingPreload; else shipmentOptions\">\n        <div class=\"shipment-loading\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </ng-container>\n    <ng-template #shipmentOptions>\n        <ng-container *ngIf=\"groupedOptions?.length; else noMethods\">\n            <div class=\"shipment-groups\">\n                <div class=\"shipment-group\" *ngFor=\"let group of groupedOptions; trackBy: trackByGroup\">\n                    <div class=\"shipment-group-title\">{{ group.label | translate }}</div>\n                    <div class=\"shipment-options\">\n                        <label class=\"shipment-option\"\n                            *ngFor=\"let option of group.options; trackBy: trackByOption\"\n                            [class.is-selected]=\"selectedOptionId === option.id\">\n                            <input class=\"shipment-option-input\" type=\"radio\" name=\"shipping-option\"\n                                [checked]=\"selectedOptionId === option.id\"\n                                (click)=\"selectOption.emit(option)\">\n                            <span class=\"shipment-option-body\">\n                                <span class=\"shipment-option-title\" *ngIf=\"!shouldHideContractName(option)\">\n                                    {{ option.contract?.name | translate }}\n                                </span>\n                                <span class=\"shipment-option-method\" *ngIf=\"option.method?.name\">\n                                    {{ option.method?.name | translate }}\n                                </span>\n                                <span class=\"shipment-option-sub\" *ngIf=\"option.contract?.computed\">\n                                    {{ option.contract?.computed | translate }}\n                                </span>\n                                <ng-container *ngIf=\"option.contract?.detail\">\n                                    <span class=\"shipment-option-sub\"\n                                        *ngFor=\"let line of getDetailLines(option.contract.detail); let i = index\"\n                                        [class.shipment-option-detail-primary]=\"i === 0\">\n                                        {{ line }}\n                                    </span>\n                                </ng-container>\n                            </span>\n                            <ng-container *ngIf=\"getOptionPriceView(option) as priceView\">\n                                <span class=\"shipment-option-price\" [class.shipment-option-price--discounted]=\"priceView.showOriginalPrice\"\n                                    [class.shipment-option-price--free]=\"priceView.isFree\">\n                                    <del class=\"shipment-option-price-original\" *ngIf=\"priceView.showOriginalPrice\">\n                                        {{ priceView.originalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                    </del>\n                                    <strong class=\"shipment-option-price-current\">\n                                        <ng-container *ngIf=\"priceView.isFree; else finalPrice\">\n                                            {{ 'free' | translate }}\n                                        </ng-container>\n                                        <ng-template #finalPrice>\n                                            {{ priceView.finalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                        </ng-template>\n                                    </strong>\n                                </span>\n                            </ng-container>\n                        </label>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n    <div class=\"shipment-error\" *ngIf=\"shipmentErrorKey && singleOptions.length === 0 && !loadingPreload\">\n        {{ shipmentErrorKey | translate }}\n    </div>\n    <ng-template #noMethods>\n        <div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n            <h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n        </div>\n    </ng-template>\n</div>\n",
@@ -10428,7 +10558,7 @@ ShipmentEcSingleComponent = __decorate$W([
     })
 ], ShipmentEcSingleComponent);
 
-var __decorate$X = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$Y = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -10734,19 +10864,19 @@ ShipmentEcComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: ShippingPriceDisplayService }
 ];
-__decorate$X([
+__decorate$Y([
     Input()
 ], ShipmentEcComponent.prototype, "step_id", void 0);
-__decorate$X([
+__decorate$Y([
     Input()
 ], ShipmentEcComponent.prototype, "compactShipmentView", void 0);
-__decorate$X([
+__decorate$Y([
     Output()
 ], ShipmentEcComponent.prototype, "summaryChange", void 0);
-__decorate$X([
+__decorate$Y([
     Output()
 ], ShipmentEcComponent.prototype, "advanceStep", void 0);
-ShipmentEcComponent = __decorate$X([
+ShipmentEcComponent = __decorate$Y([
     Component({
         selector: 'app-shipment-ec',
         template: "<!-- <div class=\"checkout-title\">\n    <h3>{{'shipment-methods'|translate}}</h3>\n</div> -->\n\n<ng-container *ngIf=\"compactShipmentView; else legacyShipment\">\n    <app-shipment-ec-single\n        [loadingInternal]=\"loading_internal\"\n        [loadingPreload]=\"loading_preload\"\n        [singleOptions]=\"singleOptions\"\n        [groupedOptions]=\"groupedOptions\"\n        [selectedOptionId]=\"selectedOptionId\"\n        [unavailableMethods]=\"unavailableMethods\"\n        [methods]=\"deleteUPS((shipmentService.methods | async) || [])\"\n        [shipmentErrorKey]=\"shipmentErrorKey\"\n        [isFreeShipping]=\"costos?.amount == 0\"\n        (selectOption)=\"selectSingleOption($event)\">\n    </app-shipment-ec-single>\n</ng-container>\n\n<ng-template #legacyShipment>\n    <div class=\"container-fluid\">\n        <div class=\"col-12\">\n            <div class=\"card text-center\">\n                <div class=\"card-header text-dark\">\n                    <h4>{{ 'select-method' | translate }}</h4>\n                    <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\"\n                        *ngIf=\"(shipmentService.methods | async) as methods; else noMethods\">\n                        <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n                            <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n                                <button [disabled]=\"this.shipmentService.buttonsDisabled || this.buttonsDisabled\" type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\n                                    *ngFor=\"let method of deleteUPS(methods); let x = index\"\n                                    (click)=\"setMethod(method, post_code); setActive($event)\">\n                                    {{ method.name | translate }}\n                                </button>\n                            </div>\n\n\n                        </div>\n                    </div>\n                </div>\n                <div class=\"card-body\">\n                    <div class=\"row justify-content-center mb-2\" *ngIf=\"moreInfoInMethod && methodSelect && methodSelect.description\">\n                        <div class=\"col-12 col-md-6 col-lg-4 d-flex flex-column mb-2\" [id]=\"methodSelect.code\">\n                          <ng-container *ngFor=\"let line of methodSelect.description.split('\\r\\n'); let i=index\">\n                            <span [id]=\"methodSelect.code+'-'+i\" [class]=\"'line-'+i\" [innerHTML]=\"line\"> </span>\n                          </ng-container>\n                        </div>\n                        <!--<span> <b>{{ 'information' | translate }}:</b>  {{methodSelect.description}} </span>-->\n                    </div>\n                    <div class=\"row justify-content-center\" *ngIf=\"this.costs\">\n                        <ng-container *ngIf=\"!loading_internal ; else loading\">\n                            <div class=\"col-auto text-dark\" *ngFor=\"let cost of costs; let y = index\">\n                                <ng-container *ngIf=\"cost.contracts.length > 0\">\n                                  <ng-container *ngIf=\"costs.length > 1; else uniqueShipment\">\n                                    <span><b>{{ cost.name | translate }}</b></span>\n                                    <hr />\n                                       </ng-container>\n                                       <ng-template #uniqueShipment>\n                                  <span><b>{{ methodSelect.name | translate }}</b></span>\n                                    <hr />\n                                       </ng-template>\n                                    <div class=\"option\" *ngFor=\"let contract of cost.contracts; let i = index\">\n                                        <div class=\"form-check current-contract\">\n                                            <input class=\"form-check-input\" [checked]=\"(y === 0 && i === 0) ? true : contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\n                                                value=\"dark\" (click)=\"verifyValidate(cost.name, contract)\">\n                                            <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\n                                                <span\n                                                    [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \"\n                                                    *ngIf=\"validName(contract.name)\">{{ contract.name | translate }}</span>\n                                                <span *ngIf=\"contract.computed\"><br class=\"shipment-contractname\">{{ contract.computed | translate }}<br\n                                                        class=\"shipment-contractname\"></span>\n                                                <div *ngIf=\"contract.detail\" class=\"contract-detail\">\n                                                    <div *ngFor=\"let line of contract.detail.split(' - '); let i = index\" [class]=\"'contrat-item-'+i\">\n                                                        <span *ngIf=\"i == 0\"><b>{{ line }}</b></span>\n                                                        <span class=\"inside-detail\" *ngIf=\"i > 0\">{{ line }}</span>\n                                                    </div>\n                                                </div>\n                                                <ng-container *ngIf=\"getContractPriceView(contract) as priceView\">\n                                                    <span class=\"inside-detail shipment-price-detail\"\n                                                        [class.shipment-price-detail--discounted]=\"priceView.showOriginalPrice\"\n                                                        [class.shipment-price-detail--free]=\"priceView.isFree\">\n                                                        <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\">\n                                                        <del class=\"shipment-price-original\" *ngIf=\"priceView.showOriginalPrice\">\n                                                            {{ priceView.originalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                                        </del>\n                                                        <strong class=\"shipment-price-current\">\n                                                            <ng-container *ngIf=\"priceView.isFree; else shipmentPriceValue\">\n                                                                {{ 'free' | translate }}\n                                                            </ng-container>\n                                                            <ng-template #shipmentPriceValue>\n                                                                {{ priceView.finalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                                            </ng-template>\n                                                        </strong>\n                                                    </span>\n                                                </ng-container>\n                                                <br>\n                                            </label>\n                                        </div>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n\n    </div>\n</ng-template>\n\n<ng-template #noMethods>\n    <div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n        <h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <ng-container *ngIf=\"!compactShipmentView\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </ng-container>\n</ng-template>\n",
@@ -10755,7 +10885,7 @@ ShipmentEcComponent = __decorate$X([
     })
 ], ShipmentEcComponent);
 
-var __decorate$Y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$Z = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -10838,7 +10968,7 @@ SuccessEcComponent.ctorParameters = () => [
     { type: BlocksService },
     { type: Constants }
 ];
-SuccessEcComponent = __decorate$Y([
+SuccessEcComponent = __decorate$Z([
     Component({
         selector: 'app-order-success-ec',
         template: "<div id=\"container\" class=\"flex-center generalContainer container-xl\">\n    <div class=\"Main card my-2\" *ngIf=\"this.payments && this.payments[0].method.code; else loading\">\n        <ng-container *ngIf=\"this.blocks && this.blocks.length > 0; else notInfoToMethod\">\n            <ng-container *ngIf=\"containsBlock(this.payments[0].method.code) as bloque; else notInfoToMethod\">\n                <div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n                    <div class=\"row\">\n                        <div class=\"col-md-12 col-12\">\n                            <h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[consts.getLocale()]?.name ?\n                                bloque.translations[consts.getLocale()].name :\n                                'thanks-for-buying') | translate\n                                | uppercase }}</h5>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-md-12 col-12 text-start\">\n                            <app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"this.payments[0].method.code\">\n                            </app-blocks-ec>\n                            <div class=\"d-flex flex-column details\">\n                                <p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n                                <p class=\"card-text\">\n                                    {{ isBalanceInAccount(payments[0].method.code) ?\n                                    ('balance-in-account-message' | translate) :\n                                    ((params.payment_status || 'pending') | translate) }}\n                                </p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n        <ng-template #notInfoToMethod>\n            <ng-template #defaultMessage>\n                <div class=\"wrap my-4 card-body\">\n                    <div class=\"row\">\n                        <div class=\"col-md-12 col-12\">\n                            <h5 class=\"card-title titpage center-block text-center\">\n                                {{ 'thanks-for-buying' | translate | uppercase }}\n                            </h5>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-md-12 col-12 text-center py-3\">\n                            <h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n                            <h5 class=\"number order-info-line\" [ngClass]=\"{ 'compact': paymentDate && totalAmount }\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n                            <h5 class=\"order-info-line\" *ngIf=\"paymentDate && totalAmount\">\n                                {{'payment-date' | translate }}: {{ paymentDate }}\n                            </h5>\n                            <h5 class=\"order-info-line\" *ngIf=\"paymentDate && totalAmount\">\n                                {{'total-paid' | translate }}: {{ totalAmount | ecCurrencySymbol }}\n                            </h5>\n                            <h5 class=\"pending\">\n                                {{ isBalanceInAccount(payments[0].method.code) ?\n                                ('balance-in-account-message' | translate) :\n                                ((params.payment_status || 'pending') | translate) }}\n                            </h5>\n                            <!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n                            <!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n                        </div>\n                    </div>\n                </div>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : defaultMessage\"\n                [ngTemplateOutletContext]=\"{params:params}\">\n            </ng-container>\n        </ng-template>\n    </div>\n</div>\n\n<ng-template #loading>\n    <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
@@ -10846,14 +10976,14 @@ SuccessEcComponent = __decorate$Y([
     })
 ], SuccessEcComponent);
 
-var __decorate$Z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$_ = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let CollectionEcComponent = class CollectionEcComponent extends ComponentHelper {
-    constructor(productsService, paramsSrv, activeRoute, optionsService, authService, analyticsService, cartService, consts, filtersService) {
+    constructor(productsService, paramsSrv, activeRoute, optionsService, authService, analyticsService, cartService, consts, filtersService, seo) {
         super();
         this.productsService = productsService;
         this.paramsSrv = paramsSrv;
@@ -10864,6 +10994,7 @@ let CollectionEcComponent = class CollectionEcComponent extends ComponentHelper
         this.cartService = cartService;
         this.consts = consts;
         this.filtersService = filtersService;
+        this.seo = seo;
         this.filters = [];
         this.filtersConfig = { filters: [] };
         this.finished = false;
@@ -10938,6 +11069,35 @@ let CollectionEcComponent = class CollectionEcComponent extends ComponentHelper
         this.getObjectWithVariant = () => {
             return this.consts.getParamsProductsWithUniqueVariant();
         };
+        this.normalizeSeoBreadcrumbTitle = (value) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (!value) {
+                return '';
+            }
+            if (typeof value === 'string') {
+                return value.trim();
+            }
+            return (_f = (_d = (_b = (_a = value) === null || _a === void 0 ? void 0 : _a.title, (_b !== null && _b !== void 0 ? _b : (_c = value) === null || _c === void 0 ? void 0 : _c.name)), (_d !== null && _d !== void 0 ? _d : (_e = value) === null || _e === void 0 ? void 0 : _e.label)), (_f !== null && _f !== void 0 ? _f : '')).toString().trim();
+        };
+        this.updateCollectionSeo = () => {
+            var _a;
+            const siteName = this.seo.getSiteName();
+            const breadcrumbTitle = this.normalizeSeoBreadcrumbTitle(((_a = this.breadcrumb) === null || _a === void 0 ? void 0 : _a.length) ? this.breadcrumb[this.breadcrumb.length - 1] : null);
+            const searchTitle = typeof window !== 'undefined' ? (new URLSearchParams(window.location.search).get('search') || '').trim() : '';
+            const titlePrefix = breadcrumbTitle || (searchTitle ? `Resultados para "${searchTitle}"` : 'Productos');
+            const description = breadcrumbTitle
+                ? `Catálogo de ${breadcrumbTitle.toLowerCase()} en ${siteName}.`
+                : (searchTitle
+                    ? `Listado de productos para la búsqueda "${searchTitle}" en ${siteName}.`
+                    : `Catálogo de productos de ${siteName}.`);
+            this.seo.setTitle(`${titlePrefix} | ${siteName}`);
+            this.seo.setDescription(description);
+            this.seo.setOgType('website');
+            this.seo.setRobots('index, follow');
+            if (typeof window !== 'undefined') {
+                this.seo.setCanonical(window.location.href);
+            }
+        };
         this.paramsSrv.parameters.subscribe(param => this.params = param);
         this.defaultFilters = this.consts.getDefaultFilters();
         this.filtersConfig.filters = this.consts.getFilterConfig();
@@ -11008,6 +11168,7 @@ let CollectionEcComponent = class CollectionEcComponent extends ComponentHelper
                     this.breadcrumb = this.optionsService.getBreadcrumbByFilters(res);
                     this.filters = this.getSpecificFilters(res, this.filtersConfig.filters);
                     this.filters_top = this.getSpecificFilters(res, ['sort']);
+                    this.updateCollectionSeo();
                 });
                 this.productsService.finished().subscribe(res => this.finished = res);
             }
@@ -11030,21 +11191,22 @@ CollectionEcComponent.ctorParameters = () => [
     { type: AnalyticsService },
     { type: CartService },
     { type: Constants },
-    { type: FiltersService }
+    { type: FiltersService },
+    { type: SeoService }
 ];
-__decorate$Z([
+__decorate$_([
     Input()
 ], CollectionEcComponent.prototype, "type", void 0);
-__decorate$Z([
+__decorate$_([
     Input()
 ], CollectionEcComponent.prototype, "value", void 0);
-__decorate$Z([
+__decorate$_([
     Input()
 ], CollectionEcComponent.prototype, "productsWithUniqueVariant", void 0);
-__decorate$Z([
+__decorate$_([
     Input()
 ], CollectionEcComponent.prototype, "optionsFilters", void 0);
-CollectionEcComponent = __decorate$Z([
+CollectionEcComponent = __decorate$_([
     Component({
         selector: 'app-collection-ec',
         template: "\n<div>\n    <div class=\"collection\">\n        <ng-content select=\"[collection]\"> </ng-content>\n    </div>\n\n    <div class=\"all\">\n        <ng-content select=\"[all]\"> </ng-content>\n    </div>\n</div>\n\n<app-blocks-ec [section]=\"'collection'\"></app-blocks-ec>",
@@ -11052,7 +11214,7 @@ CollectionEcComponent = __decorate$Z([
     })
 ], CollectionEcComponent);
 
-var __decorate$_ = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$$ = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -11092,7 +11254,7 @@ CouponEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: ToastService }
 ];
-CouponEcComponent = __decorate$_([
+CouponEcComponent = __decorate$$([
     Component({
         selector: 'app-coupon-ec',
         template: "<!-- <div class=\"input-group mb-3 border-golden\" *ngIf=\"!aplied\">\n     <input type=\"text\" class=\"form-control radius-0\" placeholder=\"\u00A1Tengo un cup\u00F3n de descuento!\"\n          aria-label=\"\u00A1Tengo un cup\u00F3n de descuento!\" aria-describedby=\"basic-addon2\"\n          [disabled]=\"aplied\" [(ngModel)]=\"coupon_value\">\n     <div class=\"input-group-append\">\n          <button class=\"btn bg-golden color-white radius-0\" \n               (click)=\"setLoading() && addCoupon()\" \n               [disabled]=\"!validCoupon() || loading\" \n               type=\"button\">APLICAR</button>\n     </div>\n</div> -->",
@@ -11100,7 +11262,7 @@ CouponEcComponent = __decorate$_([
     })
 ], CouponEcComponent);
 
-var __decorate$$ = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$10 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -11136,7 +11298,7 @@ FaqsContentEcComponent.ctorParameters = () => [
     { type: OptionsService },
     { type: ToastService }
 ];
-FaqsContentEcComponent = __decorate$$([
+FaqsContentEcComponent = __decorate$10([
     Component({
         selector: 'app-faqs-content-ec',
         template: "<section class=\"formulario container\" *ngIf=\"faqs; else loading\">\n\n    <div *ngIf=\"!empty_faqs; else emptyFaqsView\">\n        <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\n            <strong>{{ 'FAQ' | translate }}</strong>\n        </div>\n\n        <div class=\"row w-100 m-auto\">\n            <div class=\"col-12 col-md-4 col-lg-3 col-xl-2\">\n                <div class=\"nav flex-column nav-pills\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n                    <a [class]=\"'nav-link radius-0 text-dark bb-solid ' +  (i == 0 ? 'active' : '')\" data-bs-toggle=\"pill\"\n                        role=\"tab\" [id]=\"'v-pills-tab-'+i\" [href]=\"'#v-pills-'+i\" [attr.data-bs-target]=\"'#v-pills-'+i\"\n                        *ngFor=\"let faq of faqs; let i = index\">{{ faq.title | translate }}</a>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-8 col-lg-9 col-xl-10\">\n                <div class=\"tab-content mt-5 mt-md-0\" id=\"v-pills-tabContent\">\n                    <div [class]=\"'tab-pane fade ' +  (i == 0 ? 'show active' : '')\" role=\"tabpanel\"\n                        *ngFor=\"let faq of faqs; let i = index\" [id]=\"'v-pills-'+i\">\n                        <h3>{{ faq.title | translate }}</h3>\n                        <div *ngFor=\"let question of faq.questions\">\n                            <h5><strong>{{ question.question | translate }}</strong></h5>\n                            <p>{{ question.answer | translate }}</p>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    </div>\n\n</section>\n\n<ng-template #loading>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #emptyFaqsView>\n    <div>\n        {{ 'empty_faqs' | translate }}\n    </div>\n</ng-template>",
@@ -11144,13 +11306,13 @@ FaqsContentEcComponent = __decorate$$([
     })
 ], FaqsContentEcComponent);
 
-var __decorate$10 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$11 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$7 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$8 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -11351,28 +11513,28 @@ FiltersEcComponent.ctorParameters = () => [
     { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
     { type: FiltersService }
 ];
-__decorate$10([
+__decorate$11([
     Input()
 ], FiltersEcComponent.prototype, "setSelected", void 0);
-__decorate$10([
+__decorate$11([
     Input()
 ], FiltersEcComponent.prototype, "filters", void 0);
-FiltersEcComponent = __decorate$10([
+FiltersEcComponent = __decorate$11([
     Component({
         selector: 'app-filters-ec',
         template: "",
         styles: [""]
     }),
-    __param$7(1, Inject(DOCUMENT))
+    __param$8(1, Inject(DOCUMENT))
 ], FiltersEcComponent);
 
-var __decorate$11 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$12 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$8 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -11442,25 +11604,25 @@ FiltersTopEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
 ];
-__decorate$11([
+__decorate$12([
     Input()
 ], FiltersTopEcComponent.prototype, "setSelected", void 0);
-__decorate$11([
+__decorate$12([
     Input()
 ], FiltersTopEcComponent.prototype, "filters", void 0);
-__decorate$11([
+__decorate$12([
     Input()
 ], FiltersTopEcComponent.prototype, "full", void 0);
-__decorate$11([
+__decorate$12([
     Output()
 ], FiltersTopEcComponent.prototype, "changeFilter", void 0);
-FiltersTopEcComponent = __decorate$11([
+FiltersTopEcComponent = __decorate$12([
     Component({
         selector: 'app-filters-top-ec',
         template: "",
         styles: [".min-width-large{min-width:150px}"]
     }),
-    __param$8(1, Inject(DOCUMENT))
+    __param$9(1, Inject(DOCUMENT))
 ], FiltersTopEcComponent);
 
 function withLeadingSlash(path) {
@@ -11583,7 +11745,7 @@ function pickFooterForDevice(footers, device) {
     return both || null;
 }
 
-var __decorate$12 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$13 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -11677,19 +11839,19 @@ FooterService.ctorParameters = () => [
     { type: Constants }
 ];
 FooterService.ɵprov = ɵɵdefineInjectable({ factory: function FooterService_Factory() { return new FooterService(ɵɵinject(ConnectionService), ɵɵinject(Constants)); }, token: FooterService, providedIn: "root" });
-FooterService = __decorate$12([
+FooterService = __decorate$13([
     Injectable({
         providedIn: 'root'
     })
 ], FooterService);
 
-var __decorate$13 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$14 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$9 = (this && this.__param) || function (paramIndex, decorator) {
+var __param$a = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 let FooterEcComponent = class FooterEcComponent extends ComponentHelper {
@@ -11890,16 +12052,16 @@ FooterEcComponent.ctorParameters = () => [
     { type: Router },
     { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
 ];
-FooterEcComponent = __decorate$13([
+FooterEcComponent = __decorate$14([
     Component({
         selector: 'app-footer-ec',
         template: "",
         styles: [""]
     }),
-    __param$9(5, Inject(PLATFORM_ID))
+    __param$a(5, Inject(PLATFORM_ID))
 ], FooterEcComponent);
 
-var __decorate$14 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$15 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -12074,10 +12236,10 @@ HeaderEcComponent.ctorParameters = () => [
     { type: Renderer2 },
     { type: ChannelConfigService }
 ];
-__decorate$14([
+__decorate$15([
     ViewChild("menu")
 ], HeaderEcComponent.prototype, "menu_button", void 0);
-HeaderEcComponent = __decorate$14([
+HeaderEcComponent = __decorate$15([
     Component({
         selector: 'app-header-ec',
         template: "<!-- <header [class]=\"(!transparent ? 'no-banner' : '')\" id=\"header-principal\">\n     <div class=\"row border-color-buttom-gray m-0 d-none d-md-block\" id=\"novedades\">\n          <div class=\"col-12 py-2\">\n               {{ (params && params.header) || 'Sin informaci\u00F3n de cabecera' }}\n          </div>\n     </div>\n     <div class=\"row encabezado-superior m-0 d-flex justify-content-center\" id=\"top-menu-principal\">\n          <div class=\"col-md-6 col-3 p-md-3 p-2\">\n               <a routerLink=\"/home\">\n                    <img src=\"assets/image/logo.png\" id=\"logo-superior\" class=\"ml-md-4 ml-1\">\n               </a>\n          </div>\n          <div class=\"col-md-6 col-9 px-md-5 px-2 d-flex align-items-center justify-content-end\">\n               <ul class=\"nav d-flex align-items-center justify-content-end\">\n                    <li class=\"px-2 outside-menu\">\n                         <div class=\"order-3 order-lg-1 input-search pt-3\">\n                              <form (submit)=\"$event.preventDefault()\" class=\"navbar-form navbar-left m-1\">\n                                   <div class=\"input-group input-group-sm mb-3\" >\n                                        <input type=\"text\" class=\"form-control input-rounded bg-transparent border-left-none\" placeholder=\"Buscar producto\"\n                                             aria-label=\"Username\" aria-describedby=\"basic-addon1\"  (keyup)=\"setSearchValue($event)\">\n                                        <div class=\"input-group-prepend\" (click)=\"getCollectionSearch()\" role=\"button\">\n                                             <span class=\"input-group-text icon-rounded bg-transparent border-right-none\" id=\"basic-addon1\">\n                                                  <a class=\"color-white\"><img src=\"assets/svg/search.svg\"></a>\n                                             </span>\n                                        </div>\n                                   </div>\n                              </form>\n                         </div>\n                    </li>\n                    <li class=\"px-2 outside-menu\">\n                         <a routerLink=\"cart\" class=\"color-white\"><img src=\"assets/svg/cart.svg\"></a>\n                    </li>\n                    <li class=\"px-2 outside-menu\">\n                         <a [routerLink]=\"'/account'\" *ngIf=\"(authService.loggedIn | async); else sessionOptionsViewMobile\" class=\"color-white\"><img src=\"assets/svg/user.svg\"></a>\n                         <ng-template #sessionOptionsViewMobile>\n                              <a [routerLink]=\"'/auth/login'\" class=\"color-white\"><img src=\"assets/svg/user.svg\"></a>\n                         </ng-template>\n                    </li>\n                    <li class=\"px-2 outside-menu\">\n                         <a disabled style=\"vertical-align: -webkit-ecline-middle;\"\n                              class=\"color-white ff-ubuntu-light font-sm\">ES</a>\n                    </li>\n                    <li class=\"px-2 d-inline-block d-md-none\">\n                         <a id=\"openMenu\" class=\"color-white\" (click)=\"toogleToolbar()\">\n                              <img src=\"assets/svg/menu.svg\" class=\"open-m\" >\n                              <img src=\"assets/svg/close.svg\" class=\"close-m\">\n                         </a>\n                    </li>\n               </ul>\n          </div>\n          <div class=\"col-11 border-color-buttom-gray d-none d-md-block\"></div>\n     </div>\n     <nav class=\"py-md-3 py-0 w-100 d-none d-md-block\" id=\"menu-principal\" #menu>\n          <ul class=\"nav d-flex flex-md-row flex-column justify-content-center\">\n               <li class=\"dropdown separador-left\">\n                    <a class=\"dropdown-toggle color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" data-target=\"#buscador\"\n                         role=\"button\">\n                         CAT\u00C1LOGO\n                    </a>\n                    <ul class=\"dropdown-menu mega-menu dropdown-menu-right mt-md-2 mt-0\" role=\"menu\">\n                         <div class=\"flex-md-row flex-column py-0 d-flex align-items-start justify-content-center\">\n                              <div class=\"row mega-menu-center px-md-3 px-0\">\n                                   <div class=\"col-sm py-3 box-submenu\"\n                                        *ngFor=\"let category of categories; let i = index\">\n                                        <div class=\"row\">\n                                             <div class=\"col-3 col-md-4 p-0\">\n                                                  <img [src]=\"consts.mediaUrl() + category.images[0].path\"\n                                                       class=\"w-100\">\n                                             </div>\n                                             <div class=\"col-9 col-md-8 py-2 pr-0\">\n                                                  <a [routerLink]=\"category.path\">\n                                                       <h5 class=\"ff-ubuntu-semi-bold font-xl\">{{ category.title }}</h5>\n                                                  </a>\n                                                  <ul\n                                                       class=\"nav d-md-flex d-none flex-column font-ss ff-ubuntu color-white submenu\">\n                                                       <li class=\"text-uppercase mb-2\"\n                                                            *ngFor=\"let child of category.children\">\n                                                            <a [routerLink]=\"child.path\">\n                                                                 {{ child.title }}\n                                                            </a>\n                                                       </li>\n                                                  </ul>\n                                             </div>\n                                        </div>\n                                   </div>\n                              </div>\n                         </div>\n                    </ul>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'collection/'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         NOVEDADES\n                    </a>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'/collection/attributes/ofertas'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         OFERTAS\n                    </a>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'/section/quienes-somos'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         QUIENES SOMOS\n                    </a>\n               </li>\n               <li class=\"dropdown separador-left\">\n                    <a [routerLink]=\"'/contact'\"\n                         class=\"color-white color-hover-golden ff-ubuntu-light py-md-2 py-3 px-4 font-sm\"\n                         role=\"button\">\n                         CONTACTO\n                    </a>\n               </li>\n          </ul>\n     </nav>\n</header> -->",
@@ -12085,31 +12247,41 @@ HeaderEcComponent = __decorate$14([
     })
 ], HeaderEcComponent);
 
-var __decorate$15 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let HomeEcComponent = class HomeEcComponent extends ComponentHelper {
-    constructor(blocksService, consts) {
+    constructor(blocksService, consts, seo) {
         super();
         this.blocksService = blocksService;
         this.consts = consts;
+        this.seo = seo;
         this.getHTMLContent = (block) => block.translations[this.consts.getLocale()].content;
         this.noNewsletter = (block) => !block.code.includes('newsletter');
         this.ecOnConstruct();
     }
     ngOnInit() {
+        const siteName = this.seo.getSiteName();
+        this.seo.setTitle(`Home | ${siteName}`);
+        this.seo.setDescription('Catálogo de productos y marcas.');
+        this.seo.setOgType('website');
+        this.seo.setRobots('index, follow');
+        if (typeof window !== 'undefined') {
+            this.seo.setCanonical(window.location.href);
+        }
         this.blocksService.getBlocks('home');
         this.ecOnInit();
     }
 };
 HomeEcComponent.ctorParameters = () => [
     { type: BlocksService },
-    { type: Constants }
+    { type: Constants },
+    { type: SeoService }
 ];
-HomeEcComponent = __decorate$15([
+HomeEcComponent = __decorate$16([
     Component({
         selector: 'app-home-ec',
         template: "<app-blocks-ec [section]=\"'home'\"></app-blocks-ec>",
@@ -12117,7 +12289,7 @@ HomeEcComponent = __decorate$15([
     })
 ], HomeEcComponent);
 
-var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$17 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -12186,25 +12358,25 @@ LoginEcComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: Router }
 ];
-__decorate$16([
+__decorate$17([
     Input()
 ], LoginEcComponent.prototype, "redirect", void 0);
-__decorate$16([
+__decorate$17([
     Input()
 ], LoginEcComponent.prototype, "title", void 0);
-__decorate$16([
+__decorate$17([
     Input()
 ], LoginEcComponent.prototype, "buyButton", void 0);
-__decorate$16([
+__decorate$17([
     Input()
 ], LoginEcComponent.prototype, "withRoles", void 0);
-__decorate$16([
+__decorate$17([
     Output()
 ], LoginEcComponent.prototype, "ready", void 0);
-__decorate$16([
+__decorate$17([
     Output()
 ], LoginEcComponent.prototype, "loggedIn", void 0);
-LoginEcComponent = __decorate$16([
+LoginEcComponent = __decorate$17([
     Component({
         selector: 'app-login-ec',
         template: "<div class=\"card card-body container content_menu h-100\">\n    <div class=\"row w-100 mx-auto\">\n        <div class=\"col-12 pb-3 d-flex justify-content-between\">\n            <h3>{{title | translate }}</h3>\n        </div>\n\n        <div class=\"col-12 pb-3\">\n            <form [formGroup]=\"loginForm\" (submit)=\"login($event)\">\n                <div class=\"form-group\">\n                    <input type=\"email\" class=\"form-control rounded-0\" formControlName=\"username\"\n                        autocomplete=\"username\" placeholder=\"Email\">\n                </div>\n                <div class=\"form-group\">\n                    <input type=\"password\" class=\"form-control rounded-0\" formControlName=\"password\"\n                        autocomplete=\"current-password\" placeholder=\"Contrase\u00F1a\">\n                </div>\n                <button *ngIf=\"!loading\" [disabled]=\"!loginForm.valid\"\n                    class=\"btn btn-dark bg-black rounded-0 w-100\">INICIAR SESI\u00D3N</button>\n                <div class=\"loading-container-form\" *ngIf=\"loading\">\n                    <div id=\"loading\"></div>\n                </div>\n                <h6 class=\"text-center mb-0 mt-3\">\n                    Olvidaste tu contrase\u00F1a?\n                    <br>\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"d-contents\">Recuperala aqui</a>\n                </h6>\n            </form>\n        </div>\n        <div class=\"col-12 pt-3 border-top text-center\">\n\n            <ng-container *ngIf=\"!buyButton;else invited\">\n\n                Todavia no ten\u00E9s tu cuenta?\n                <br>\n                Creala desde <a (click)=\"nagivate('/register')\" class=\"d-contents\">aqui</a>\n            </ng-container>\n\n\n            <ng-template #invited>\n                <a routerLink=\"/cart/checkout\" class=\"btn bg-black btn-finalizar-compra text-blanco mt-4\">\n                    {{ 'invited-checkout' | translate }}\n                </a>\n            </ng-template>\n        </div>\n    </div>\n</div>",
@@ -12212,7 +12384,7 @@ LoginEcComponent = __decorate$16([
     })
 ], LoginEcComponent);
 
-var __decorate$17 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$18 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -12394,13 +12566,13 @@ CurrencyService.ctorParameters = () => [
     { type: Injector }
 ];
 CurrencyService.ɵprov = ɵɵdefineInjectable({ factory: function CurrencyService_Factory() { return new CurrencyService(ɵɵinject(Constants), ɵɵinject(ConnectionService), ɵɵinject(ToastService), ɵɵinject(INJECTOR)); }, token: CurrencyService, providedIn: "root" });
-CurrencyService = __decorate$17([
+CurrencyService = __decorate$18([
     Injectable({
         providedIn: 'root'
     })
 ], CurrencyService);
 
-var __decorate$18 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$19 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -12849,11 +13021,11 @@ ProductDetailService.ctorParameters = () => [
     { type: AnalyticsService },
     { type: CurrencyService }
 ];
-ProductDetailService = __decorate$18([
+ProductDetailService = __decorate$19([
     Injectable()
 ], ProductDetailService);
 
-var __decorate$19 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1a = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -12869,7 +13041,7 @@ var __awaiter$g = (this && this.__awaiter) || function (thisArg, _arguments, P,
     });
 };
 let ProductDetailEcComponent = class ProductDetailEcComponent extends ComponentHelper {
-    constructor(productService, consts, activedRoute, cartService, optionsService, productsService, analyticsService, router, toastrService, meta, injector) {
+    constructor(productService, consts, activedRoute, cartService, optionsService, productsService, analyticsService, router, toastrService, injector, seo) {
         super();
         this.productService = productService;
         this.consts = consts;
@@ -12880,8 +13052,8 @@ let ProductDetailEcComponent = class ProductDetailEcComponent extends ComponentH
         this.analyticsService = analyticsService;
         this.router = router;
         this.toastrService = toastrService;
-        this.meta = meta;
         this.injector = injector;
+        this.seo = seo;
         this.show = false;
         this.quantity = 1;
         this.comments = '';
@@ -13023,12 +13195,17 @@ let ProductDetailEcComponent = class ProductDetailEcComponent extends ComponentH
                 this.product = res;
                 window.scroll(0, 0);
                 this.breadcrumb = this.optionsService.getBreadcrumb(this.product.category);
-                if (this.product.name) {
-                    this.meta.updateTag({ property: 'og:title', content: this.product.name });
-                    this.meta.updateTag({ property: 'og:description', content: this.deleteHTML(this.product.description) });
-                    this.meta.updateTag({ property: 'og:image', content: this.consts.mediaUrl() + this.product.picturesdefault[0] });
-                    this.meta.updateTag({ property: 'og:type', content: 'product' });
-                    this.meta.updateTag({ property: 'og:url', content: window.location.href });
+                if (this.product.name && this.seo) {
+                    const siteName = this.seo.getSiteName();
+                    const description = this.deleteHTML(this.product.description || '');
+                    this.seo.setTitle(`${this.product.name} | ${siteName}`);
+                    this.seo.setDescription(description);
+                    this.seo.setOgImage(this.consts.mediaUrl() + this.product.picturesdefault[0]);
+                    this.seo.setOgType('product');
+                    this.seo.setRobots('index, follow');
+                    if (typeof window !== 'undefined') {
+                        this.seo.setCanonical(window.location.href);
+                    }
                 }
             }
         });
@@ -13100,13 +13277,13 @@ ProductDetailEcComponent.ctorParameters = () => [
     { type: AnalyticsService },
     { type: Router },
     { type: ToastService },
-    { type: Meta },
-    { type: Injector }
+    { type: Injector },
+    { type: SeoService }
 ];
-__decorate$19([
+__decorate$1a([
     ViewChild('contact')
 ], ProductDetailEcComponent.prototype, "contact", void 0);
-ProductDetailEcComponent = __decorate$19([
+ProductDetailEcComponent = __decorate$1a([
     Component({
         selector: 'app-product-detail-ec',
         template: "",
@@ -13115,7 +13292,7 @@ ProductDetailEcComponent = __decorate$19([
     })
 ], ProductDetailEcComponent);
 
-var __decorate$1a = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1b = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13227,13 +13404,13 @@ ProductEcComponent.ctorParameters = () => [
     { type: Injector },
     { type: CartService }
 ];
-__decorate$1a([
+__decorate$1b([
     Input()
 ], ProductEcComponent.prototype, "isProductBox", void 0);
-__decorate$1a([
+__decorate$1b([
     Input()
 ], ProductEcComponent.prototype, "product", void 0);
-ProductEcComponent = __decorate$1a([
+ProductEcComponent = __decorate$1b([
     Component({
         selector: 'app-product-ec',
         template: "",
@@ -13242,7 +13419,7 @@ ProductEcComponent = __decorate$1a([
     })
 ], ProductEcComponent);
 
-var __decorate$1b = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1c = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13317,10 +13494,10 @@ RelatedProductsEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: Router }
 ];
-__decorate$1b([
+__decorate$1c([
     Input()
 ], RelatedProductsEcComponent.prototype, "product_id", void 0);
-RelatedProductsEcComponent = __decorate$1b([
+RelatedProductsEcComponent = __decorate$1c([
     Component({
         selector: 'app-related-products-ec',
         template: "<!-- <div *ngFor=\"let products of relatedProducts\" >\n    <section class=\"destacados\"  id=\"destacados\"> \n        <div class=\"container-fluid mx-auto py-5\">\n            <div class=\"row mx-auto d-flex justify-content-start px-3 py-3\">\n                <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1\">\n                    {{ products.title ? products.title  : 'PRODUCTOS RECOMENDADOS' | uppercase}}\n                </h3>\n            </div>\n    \n            <owl-carousel-o [options]=\"customOptionsDestacados\" class=\"row mx-auto d-flex justify-content-center p-3  pb-1\">\n                <ng-template carouselSlide *ngFor=\"let product of products.items\">\n                     <app-product-destacados [product]=\"product\" [isValorados]=\"false\"></app-product-destacados>\n                </ng-template>\n           </owl-carousel-o>\n           \n            <div class=\"row mx-auto d-flex justify-content-center pb-3 d-md-none\">\n                <a routerLink=\"/collection\" role=\"button\" class=\"btn btn-dark bg-beige1 text-blanco bold rounded-pill px-5 py-2\">IR A LA TIENDA</a>\n            </div>\n        </div>\n    </section>\n</div> -->",
@@ -13328,44 +13505,83 @@ RelatedProductsEcComponent = __decorate$1b([
     })
 ], RelatedProductsEcComponent);
 
-var __decorate$1c = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1d = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let SectionContainerEcComponent = class SectionContainerEcComponent extends ComponentHelper {
-    constructor(activatedRoute, optionsService, toastrService, sanitizer) {
+    constructor(activatedRoute, optionsService, toastrService, sanitizer, seo) {
         super();
         this.activatedRoute = activatedRoute;
         this.optionsService = optionsService;
         this.toastrService = toastrService;
         this.sanitizer = sanitizer;
+        this.seo = seo;
         this.content_html = "<p>Sin información</p>";
         this.loadSection = false;
         this.sanitizeHtml = false;
         this.name = null;
+        this.sectionDescription = '';
         this.getSection = (link) => {
             this.loadSection = false;
             this.optionsService.getSectionContentByLink(link).toPromise().then(html => {
-                if (html)
+                if (html) {
+                    this.sectionDescription = this.stripHTML(html);
                     this.content_html =
                         this.sanitizeHtml
                             ? html
                             : this.sanitizer.bypassSecurityTrustHtml(html);
+                }
                 this.loadSection = true;
+                this.updateSectionSeo();
             }, error => {
                 console.log(error);
                 this.loadSection = true;
                 this.content_html = "<p>Sin información</p>";
+                this.sectionDescription = '';
                 this.toastrService.show('No fue posible encontrar la sección solicitada');
+                this.updateSectionSeo();
             }).catch(error => {
                 this.content_html = "<p>Sin información</p>";
+                this.sectionDescription = '';
                 this.loadSection = true;
+                this.updateSectionSeo();
             });
         };
         this.getDataSection = (code) => {
             this.dataSection = this.sections.find(section => section.code == code);
+            this.updateSectionSeo();
+        };
+        this.stripHTML = (html) => {
+            if (!html) {
+                return '';
+            }
+            return html.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
+        };
+        this.formatSectionTitle = (value) => {
+            if (!value) {
+                return 'Sección';
+            }
+            return value
+                .replace(/[-_]+/g, ' ')
+                .replace(/\w/g, char => char.toUpperCase());
+        };
+        this.updateSectionSeo = () => {
+            var _a;
+            const siteName = this.seo.getSiteName();
+            const titlePrefix = this.formatSectionTitle(this.name || ((_a = this.dataSection) === null || _a === void 0 ? void 0 : _a.name) || 'Sección');
+            const description = this.sectionDescription
+                ? this.sectionDescription.slice(0, 160)
+                : `Contenido de ${titlePrefix} en ${siteName}.`;
+            this.seo.setTitle(`${titlePrefix} | ${siteName}`);
+            this.seo.setDescription(description);
+            this.seo.setOgType('website');
+            this.seo.setRobots('index, follow');
+            if (typeof window !== 'undefined') {
+                this.seo.setCanonical(window.location.href);
+            }
         };
         this.optionsService.sections.subscribe(res => this.sections = res);
         this.ecOnConstruct();
@@ -13391,15 +13607,16 @@ SectionContainerEcComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: OptionsService },
     { type: ToastrService },
-    { type: DomSanitizer }
+    { type: DomSanitizer },
+    { type: SeoService }
 ];
-__decorate$1c([
+__decorate$1d([
     Input()
 ], SectionContainerEcComponent.prototype, "sanitizeHtml", void 0);
-__decorate$1c([
+__decorate$1d([
     Input()
 ], SectionContainerEcComponent.prototype, "name", void 0);
-SectionContainerEcComponent = __decorate$1c([
+SectionContainerEcComponent = __decorate$1d([
     Component({
         selector: 'app-section-container-ec',
         template: "<div class=\"container-fluid\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"scrol-if\">\n                <div *ngIf=\"loadSection; else notBlockContact\" [innerHtml]=\"content_html\"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>\n\n\n<ng-template #notBlockContact>\n<div class=\"col-12 align-items-center\">\n    <div  class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</div>\n</ng-template>",
@@ -13407,7 +13624,7 @@ SectionContainerEcComponent = __decorate$1c([
     })
 ], SectionContainerEcComponent);
 
-var __decorate$1d = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1e = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13583,7 +13800,7 @@ StoresEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: DomSanitizer }
 ];
-StoresEcComponent = __decorate$1d([
+StoresEcComponent = __decorate$1e([
     Component({
         selector: 'app-store-ec',
         template: "<div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\n    <strong>{{ 'stores' | translate }}</strong>\n</div>\n\n<section class=\"formulario container-fluid\" *ngIf=\"stores ; else noStores\">\n    <div *ngIf=\"stores.length; else loading\">\n\n        <div class=\"row\" *ngIf=\"stores && stores.length > 0; else noStores\">\n            <div class=\"col-12 col-md-3 order-1 order-md-1\">\n                <div class=\"row\">\n                    <div class=\"form-group w-100\">\n                        <select (change)=\"selectChange($event.target.value)\"\n                            class=\"rounded-0 form-control form-control-sm\" id=\"exampleFormControlSelect1\">\n                            <option selected [value]=\"''\">Seleccione provincia</option>\n                            <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\n                            </option>\n                        </select>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-3 order-3 order-md-2\">\n                <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\n                    <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\n                        <div class=\"col-12\">\n                            <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\n                            <label>{{ store.address }}</label>\n                            <label>{{ store.phone }}</label>\n                            <div [innerHtml]=\"store.note\"></div>\n                            <div class=\"text-right\">\n                                <!-- <a [href]=\"store.urlMap\" target=\"_blank\" class=\"custom-a\">Ver mapa</a> -->\n                                <a  *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\n                    <!-- <img *ngIf=\"imageMap\" src=\"../../../assets/images/recurso (21).png\" alt=\"\" class=\"w-100\"> -->\n                    <!-- <iframe *ngIf=\"!imageMap\" [src]=\"urlMap\" frameborder=\"0\" style=\"width: 100%; height: 500px;\"></iframe> -->\n                    <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\n            </div>\n        </div>\n    </div>\n</section>\n\n\n<ng-template #noStores>\n\n    <div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\n        <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\n    </div>\n\n</ng-template>\n\n<ng-template #loading>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>",
@@ -13591,7 +13808,7 @@ StoresEcComponent = __decorate$1d([
     })
 ], StoresEcComponent);
 
-var __decorate$1e = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1f = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13625,16 +13842,16 @@ VariantsEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: ProductDetailService }
 ];
-__decorate$1e([
+__decorate$1f([
     Input()
 ], VariantsEcComponent.prototype, "product", void 0);
-__decorate$1e([
+__decorate$1f([
     Input('options')
 ], VariantsEcComponent.prototype, "options$", void 0);
-__decorate$1e([
+__decorate$1f([
     Input()
 ], VariantsEcComponent.prototype, "setOption", void 0);
-VariantsEcComponent = __decorate$1e([
+VariantsEcComponent = __decorate$1f([
     Component({
         selector: 'app-product-variants-ec',
         template: "<div *ngIf=\"(options$ | async) as options ; else loading\">\n     <div *ngIf=\"options && options.length && view(options.length, options)\">\n          <div *ngFor=\"let option of options; let i = index\" class=\"mb-2\">\n               <h5 class=\"text-lowercase\">{{option.name | titlecase}}</h5>\n               <div [ngSwitch]=\"option.type\">\n                    <div *ngSwitchCase=\"'color'\">\n                         <div class=\"row w-100 mx-auto pb-3 mb-2\">\n                              <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                   (click)=\"setOption(option.code, value.name)\"\n                                   [class]=\"'rounded-0 color-item mr-2 ' + (value.selected ? 'shadow' : '')\"\n                                   [id]=\"x + value.name\" [style.background]=\"'#' + value.name\"\n                                   [style.border]=\"(value.selected ? '1px black solid' : '1px gray solid')\"></a>\n                         </div>\n                    </div>\n                    <div *ngSwitchCase=\"'size'\">\n                         <div class=\"row w-100 mx-auto pb-3\">\n                              <select (change)=\"setSeleccion($event.target.value)\" class=\"form-control pr-5\">\n                                   <option id=\"op\" value=\"\">Seleccione {{option.name | lowercase}}</option>\n                                   <option *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                        [value]=\"option.code +','+ value.name\" [id]=\"x + value.name\"\n                                        [selected]=\"value.selected\">\n                                        {{ value.name  }}\n                                   </option>\n                              </select>\n                              <!-- <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                   (click)=\"setOption(option.code, value.name)\"\n                                   [id]=\"x + value.name\"\n                                   [class]=\"'btn btn-outline-dark rounded-0 talle-item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\n                                   {{ value.name }}\n                              </a> -->\n                         </div>\n                    </div>\n                    <div *ngSwitchDefault>\n                        <select (change)=\"setSeleccion($event.target.value)\" class=\"form-control \">\n                            <option id=\"op\" value=\"\">Seleccione {{option.name | lowercase}}</option>\n                            <option *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                 [value]=\"option.code +','+ value.name\" [id]=\"x + value.name\"\n                                 [selected]=\"value.selected\">\n                                 {{ value.name  }}\n                            </option>\n                       </select>\n                    </div>\n               </div>\n          </div>\n     </div>\n</div>\n\n<ng-template #loading>\n     <div class=\"col-12 align-items-center\">\n          <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n               <app-loading-full-ec></app-loading-full-ec>\n          </div>\n     </div>\n</ng-template>",
@@ -13642,13 +13859,13 @@ VariantsEcComponent = __decorate$1e([
     })
 ], VariantsEcComponent);
 
-var __decorate$1f = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1g = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$a = (this && this.__param) || function (paramIndex, decorator) {
+var __param$b = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 let SellerDashboardContainerEcComponent = class SellerDashboardContainerEcComponent extends ComponentHelper {
@@ -13752,19 +13969,19 @@ SellerDashboardContainerEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
 ];
-__decorate$1f([
+__decorate$1g([
     Input()
 ], SellerDashboardContainerEcComponent.prototype, "UIComponents", void 0);
-SellerDashboardContainerEcComponent = __decorate$1f([
+SellerDashboardContainerEcComponent = __decorate$1g([
     Component({
         selector: 'app-seller-dashboard-container',
         template: "<section *ngIf=\"user\" id=\"seller-dashboard\">\n    <div class=\"section-content mt-5 mb-2 tablaVendedores\">\n        <div class=\"container-xl\">\n            <div class=\"row\">\n                <main class=\"col-md-12\">\n\n                    <ul *ngIf=\"hasHeader()\" class=\"nav nav-tabs\">\n                        <li class=\"nav-item col-12 col-lg-2\">\n                            <a *ngIf=\"hasUIComponent('HEADER_TAB')\" class=\"nav-link active cursor-pointer px-4\"\n                                aria-current=\"page\">\n                                {{ 'my-clients' | translate }}\n                            </a>\n                        </li>\n                        <li class=\"ms-auto row\">\n                            <div\n                                class=\"d-flex justify-content-end justify-content-lg-end justify-content-xl-end col-12 col-md-12 col-lg-auto\">\n                                <ng-container *ngIf=\"hasUIComponent('GENERATE_BUDGET_BTN') \">\n                                    <a *ngIf=\"authService.getCustomer()?.id; else withoutCustomer\"\n                                        [routerLink]=\"'/collection'\"\n                                        class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"><i\n                                            class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate }}\n                                    </a>\n                                    <ng-template #withoutCustomer>\n                                        <a class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center\"\n                                            (click)=\"toastrService.show('must-select-customer')\">\n                                            <i class=\"bi bi-file-earmark me-2 mr-2\"></i>{{ 'generate-budget' | translate\n                                            }}\n                                        </a>\n                                    </ng-template>\n                                </ng-container>\n                                <a *ngIf=\"hasUIComponent('MANAGE_ORDERS_BTN')\"\n                                    (click)=\"navigateExternal(constants.getUrlBase())\"\n                                    class=\"btn btn-seller-primary text-white btnGestionar d-flex align-items-center me- me-lg-4 mr- mr-lg-4\"><i\n                                        class=\"bi bi-archive-fill me-2 mr-2\"></i>{{ 'manage-orders' | translate }}</a>\n                            </div>\n                            <div class=\"d-flex camposVendedores col-12 col-md-12 col-lg-auto justify-content-end\">\n                                <select *ngIf=\"hasUIComponent('SORT_SELECT')\" id=\"customerSort\" name=\"customerSort\"\n                                    (change)=\"sortCustomers($event.target.value)\" class=\"mb-1 ordenarVendedores form-select\">\n                                    <option selected hidden disabled>{{ 'order-by' | translate }}</option>\n                                    <option value='asc_firstName'>{{ 'client' | translate }} (A-Z)</option>\n                                    <option value='desc_firstName'>{{ 'client' | translate }} (Z-A)</option>\n                                    <option value='asc_id'>Menor a Mayor c\u00F3digo</option>\n                                    <option value='desc_id'>Mayor a Menor c\u00F3digo</option>\n                                </select>\n                                <form *ngIf=\"hasUIComponent('SEARCH_FORM')\"\n                                    class=\"col-lg-auto mb-lg-0 d-flex ms-3 ml-3 d-flex buscadorVendedores\">\n                                    <input type=\"text\" name=\"searchInput\" class=\"form-control\"\n                                        placeholder=\"{{ 'search' | translate }}\" [(ngModel)]=\"searchInput\"\n                                        (keyup.enter)=\"updateCustomers()\">\n                                    <button class=\"btn btn-primary ms-1 ml-1 bg-white border-dark btnSearch\"><i\n                                            class=\"bi bi-search text-dark\" (click)=\"updateCustomers()\"></i></button>\n                                </form>\n                            </div>\n                        </li>\n                    </ul>\n\n                    <ng-container *ngIf=\"user.customers?.length; else noCustomers\">\n\n                        <article class=\"card card-body mb-1 carritoProductoHeader m-0 py-0 mt-4\">\n                            <div class=\"row align-items-center font-bold border-bottom\">\n                                <div class=\"col-3 col-md-2 text-left\">\n                                    <small>{{ 'code' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-5 col-md-3 mb-md-0\">\n                                    <small>{{ 'client' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\n                                    <small>{{ 'user' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-4 col-md-2 text-left\">\n                                    <small>{{ 'new-orders' | translate | uppercase }}</small>\n                                </div>\n                                <div class=\"col-2 col-md-2 text-left d-none d-md-block\">\n                                    <small></small>\n                                </div>\n\n                            </div>\n                        </article>\n\n                        <article *ngFor=\"let customer of filteredCustomers\" [class]=\"'card card-body mb-3 cadaVendedor ' + (isActive(customer) ? 'activo':'')\">\n                            <div class=\"row d-flex align-items-center\">\n                                <div class=\"col-3 col-md-2 text-left ps-2 pl-2\">\n                                    <div class=\"price h6 pb-0 mb-0 ps-3 pl-1\">\n                                        {{ customer.managementSystemInternalCode || 'n/a' }}\n                                    </div>\n                                </div>\n                                <div class=\"col-5 col-md-3 text-left\">\n                                    <div class=\"price h6 fw-normal ps-2 pl-2 pb-0 mb-0\">\n                                        {{ customer.firstName }} {{ customer.lastName }}\n                                        <p class=\"d-block d-md-none fs-6 mt-1 mb-0 p-0 userMobile\">\n                                            {{ customer.email }}\n                                        </p>\n                                    </div>\n                                </div>\n                                <div class=\"col-4 col-md-3 text-left d-none d-md-block\">\n                                    <div class=\"price h6 fw-normal pb-0 mb-0 ps-2 pl-2\">\n                                        {{ customer.email }}\n                                    </div>\n                                </div>\n                                <div class=\"col-4 col-md-2 text-left ps-2 pl-2\">\n                                    <div *ngIf=\"true\" class=\"contNumero\">\n                                        {{ customer.ordersNotApproved }}\n                                    </div>\n                                </div>\n                                <div class=\"col-12 col-md-2 btnIngresar\">\n\n                                    <ng-container\n                                        *ngIf=\"authService.getCustomer()?.id == customer.id; else noActiveCustomer\">\n                                        <a (click)=\"changeCustomer(null)\"\n                                            class=\"btn btn-seller-primary justify-content-center\">\n                                            <i class=\"bi bi-box-arrow-left me-2 mr-2\"></i>\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\n                                                {{ 'exit' | translate | uppercase }}\n                                            </small>\n                                        </a>\n                                    </ng-container>\n                                    <ng-template #noActiveCustomer>\n                                        <a (click)=\"changeCustomer(customer)\"\n                                            class=\"btn btn-seller-primary justify-content-center\">\n                                            <i class=\"bi bi-box-arrow-in-right me-2 mr-2\"></i>\n                                            <small class=\"me-2 mr-2 d-none d-md-block\">\n                                                {{ 'operate-as' | translate | uppercase }}\n                                            </small>\n                                        </a>\n                                    </ng-template>\n\n                                </div>\n                            </div>\n                        </article>\n\n                    </ng-container>\n\n                </main>\n            </div>\n        </div>\n    </div>\n</section>\n\n<ng-template #noCustomers>\n    <h4 class=\"text-center p-5\">{{ 'no-customers' | translate }}</h4>\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$b(3, Inject('env'))
 ], SellerDashboardContainerEcComponent);
 
-var __decorate$1g = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1h = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13780,10 +13997,10 @@ let LoadingFullEcComponent = class LoadingFullEcComponent extends ComponentHelpe
         this.ecOnInit();
     }
 };
-__decorate$1g([
+__decorate$1h([
     Input()
 ], LoadingFullEcComponent.prototype, "hole_height", void 0);
-LoadingFullEcComponent = __decorate$1g([
+LoadingFullEcComponent = __decorate$1h([
     Component({
         selector: 'app-loading-full-ec',
         template: "<div [class]=\"'d-flex w-100  ' + (hole_height ? 'hole_height' : '')\">\n     <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\n          <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\n               <span class=\"sr-only\">{{ 'loading' | translate }}</span>\n          </div>\n     </div>\n</div>",
@@ -13791,7 +14008,7 @@ LoadingFullEcComponent = __decorate$1g([
     })
 ], LoadingFullEcComponent);
 
-var __decorate$1h = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1i = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13806,7 +14023,7 @@ let LoadingInlineEcComponent = class LoadingInlineEcComponent extends ComponentH
         this.ecOnInit();
     }
 };
-LoadingInlineEcComponent = __decorate$1h([
+LoadingInlineEcComponent = __decorate$1i([
     Component({
         selector: 'app-loading-inline-ec',
         template: "<div class=\"loading-inline-container\">\n    <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\n        <span class=\"sr-only\">{{ 'loading' | translate }}</span>\n   </div>\n</div>",
@@ -13814,7 +14031,7 @@ LoadingInlineEcComponent = __decorate$1h([
     })
 ], LoadingInlineEcComponent);
 
-var __decorate$1i = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1j = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -13825,7 +14042,7 @@ let LoadingSectionEcComponent = class LoadingSectionEcComponent {
     ngOnInit() {
     }
 };
-LoadingSectionEcComponent = __decorate$1i([
+LoadingSectionEcComponent = __decorate$1j([
     Component({
         selector: 'app-loading-section-ec',
         template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\n    <app-loading-full-ec></app-loading-full-ec>\n</div>\n",
@@ -13833,7 +14050,7 @@ LoadingSectionEcComponent = __decorate$1i([
     })
 ], LoadingSectionEcComponent);
 
-var __decorate$1j = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1k = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -14174,19 +14391,19 @@ MPCreditEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: ToastService }
 ];
-__decorate$1j([
+__decorate$1k([
     Input()
 ], MPCreditEcComponent.prototype, "public_key", void 0);
-__decorate$1j([
+__decorate$1k([
     Input()
 ], MPCreditEcComponent.prototype, "total_amount", void 0);
-__decorate$1j([
+__decorate$1k([
     Output()
 ], MPCreditEcComponent.prototype, "ready", void 0);
-__decorate$1j([
+__decorate$1k([
     Input()
 ], MPCreditEcComponent.prototype, "user_data", void 0);
-MPCreditEcComponent = __decorate$1j([
+MPCreditEcComponent = __decorate$1k([
     Component({
         selector: '[app-mp-credit-ec]',
         template: "<h3 class=\"text-center\">Detalles del pago</h3>\n<div *ngIf=\"!consts.mobile()\">\n    <div class=\"card-wrapper m-3\"></div>\n</div>\n<form (submit)=\"getCardToken($event)\" method=\"post\" card container=\".card-wrapper\"\n    card-width=\"{{ consts.mobile() ? '100': '350' }}\">\n\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"emailForm\">Correo electronico</label>\n            <input class=\"form-control\" id=\"emailForm\" name=\"emailForm\" type=\"email\" [(ngModel)]=\"email\">\n        </div>\n        <div class=\"form-group col-12 col-md-2\">\n            <label for=\"docTypeForm\">Tipo Doc.</label>\n            <select class=\"form-control\" id=\"docTypeForm\" name=\"docTypeForm\" type=\"text\" [(ngModel)]=\"doc_type\">\n                <option selected value=\"DNI\">DNI</option>\n                <option value=\"CUIT\">CUIT</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"docNumberForm\">N\u00FAmero Doc.</label>\n            <input class=\"form-control\" id=\"docNumberForm\" name=\"docNumberForm\" type=\"text\" [(ngModel)]=\"doc_number\" />\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12\">\n            <label for=\"cardholderNameForm\">Titular (como figura en la tarjeta)</label>\n            <input class=\"form-control\" id=\"cardholderNameForm\" data-checkout=\"cardholderName\" type=\"text\"\n                [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" name=\"first-name\" autocomplete=\"off\"\n                card-name>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-7\">\n            <label for=\"cardNumberForm\">N\u00FAmero de la tarjeta</label>\n            <input class=\"form-control\" type=\"text\" id=\"cardNumberForm\" (change)=\"cardNumberChange($event)\"\n                [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\"\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\" card-number>\n        </div>\n        <div class=\"form-group col-12 col-md-3\">\n            <label for=\"securityCodeForm\">C\u00F3digo de seguridad</label>\n            <input class=\"form-control\" id=\"securityCodeForm\" type=\"text\" name=\"cvc\" onselectstart=\"return false\"\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\" card-cvc [(ngModel)]=\"code\"\n                [ngModelOptions]=\"{standalone: true}\">\n        </div>\n        <div class=\"form-group col-12 col-md-2\">\n            <label for=\"expiryForm\">Expiraci\u00F3n</label>\n            <input type=\"text\" class=\"form-control\" id=\"expiryForm\" name=\"expiry\" placeholder=\"MM/YY\" maxlength=\"5\"\n                (keyup)=\"expiryOnKey($event)\" (change)=\"expiryChange($event)\" onselectstart=\"return false\"\n                onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\" card-expiry />\n        </div>\n    </div>\n    <div class=\"row justify-content-md-center\">\n        <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n            <label for=\"issuerForm\">Banco emisor</label>\n            <select class=\"form-control\" id=\"issuerForm\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n                (change)=\"selectIssuer($event.target.value)\">\n                <option selected>Seleccione el banco</option>\n                <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"installmentsForm\">Cuotas</label>\n            <select class=\"form-control\" type=\"text\" id=\"installmentsForm\" name=\"installments\"\n                (change)=\"selectInstallment($event.target.value)\">\n                <option selected>Seleccione el n\u00FAmero de cuotas</option>\n                <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ getDescripcionCuota(cost) }}\n                </option>\n            </select>\n        </div>\n    </div>\n    <div hidden>\n        <input class=\"form-control\" name=\"transactionAmountt\" id=\"transactionAmountt\" [value]=\"total_amount\" />\n        <input class=\"form-control\" name=\"paymentMethodIdd\" id=\"paymentMethodIdd\" [value]=\"payment_method\" />\n        <input class=\"form-control\" name=\"descriptionn\" id=\"descriptionn\" />\n    </div>\n    <div class=\"row justify-content-md-center\">\n        <div class=\"col-md-auto\">\n            <div class=\"checkout-btn-unique\">\n                <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n            </div>\n        </div>\n    </div>\n\n</form>\n\n\n\n\n<form (submit)=\"getCardToken($event)\" hidden method=\"post\" id=\"paymentForm\">\n\n    <h3>Detalles del pago</h3>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"email\">Correo electronico</label>\n            <input class=\"form-control\" id=\"email\" name=\"email\" type=\"email\" [(ngModel)]=\"email\">\n        </div>\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"docType\">Tipo de documento</label>\n            <select class=\"form-control\" id=\"docType\" name=\"docType\" data-checkout=\"docType\" type=\"text\"\n                [(ngModel)]=\"doc_type\">\n                <option selected value=\"DNI\">DNI</option>\n                <option value=\"CUIT\">CUIT</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-4\">\n            <label for=\"docNumber\">N\u00FAmero de documento</label>\n            <input class=\"form-control\" id=\"docNumber\" name=\"docNumber\" data-checkout=\"docNumber\" type=\"text\"\n                [(ngModel)]=\"doc_number\" />\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"cardholderName\">Titular (como figura en la tarjeta)</label>\n            <input class=\"form-control\" id=\"cardholderName\" data-checkout=\"cardholderName\" type=\"text\"\n                [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" autocomplete=\"off\">\n        </div>\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"date\">Fecha de vencimiento</label>\n            <div id=\"date\">\n                <div class=\"\">\n                    <input class=\"form-control col-xs-6 col-md-6 half-width\" type=\"text\" placeholder=\"MM\"\n                        [(ngModel)]=\"month\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationMonth\"\n                        data-checkout=\"cardExpirationMonth\" onselectstart=\"return false\" onpaste=\"return false\"\n                        oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n                        autocomplete=\"off\">\n                    <input class=\"form-control col-xs-6 col-md-6 half-width ml-1\" type=\"text\" placeholder=\"YY\"\n                        [(ngModel)]=\"year\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationYear\"\n                        data-checkout=\"cardExpirationYear\" onselectstart=\"return false\" onpaste=\"return false\"\n                        oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n                        autocomplete=\"off\">\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-9\">\n            <label for=\"cardNumber\">N\u00FAmero de la tarjeta</label>\n            <input class=\"form-control\" type=\"text\" id=\"cardNumber\" (change)=\"cardNumberChange($event)\"\n                [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" data-checkout=\"cardNumber\"\n                onselectstart=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n                ondrop=\"return false\" autocomplete=\"off\">\n        </div>\n        <div class=\"form-group col-12 col-md-3\">\n            <label for=\"securityCode\">C\u00F3digo de seguridad</label>\n            <input class=\"form-control\" id=\"securityCode\" data-checkout=\"securityCode\" type=\"text\" [(ngModel)]=\"code\"\n                [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\" onpaste=\"return false\"\n                oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n                autocomplete=\"off\">\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n            <label for=\"issuer\">Banco emisor</label>\n            <select class=\"form-control\" id=\"issuer\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n                (change)=\"selectIssuer($event.target.value)\">\n                <option selected>Seleccione el banco</option>\n                <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n            </select>\n        </div>\n        <div class=\"form-group col-12 col-md-6\">\n            <label for=\"installments\">Cuotas</label>\n            <select class=\"form-control\" type=\"text\" id=\"installments\" name=\"installments\"\n                (change)=\"selectInstallment($event.target.value)\">\n                <option selected>Seleccione el n\u00FAmero de cuotas</option>\n                <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ cost.name }}\n                </option>\n            </select>\n        </div>\n    </div>\n    <div hidden>\n        <input class=\"form-control\" name=\"transactionAmount\" id=\"transactionAmount\" [value]=\"total_amount\" />\n        <input class=\"form-control\" name=\"paymentMethodId\" id=\"paymentMethodId\" [value]=\"payment_method\" />\n        <input class=\"form-control\" name=\"description\" id=\"description\" />\n    </div>\n    <div class=\"checkout-btn-unique\">\n        <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n    </div>\n</form>",
@@ -14194,7 +14411,7 @@ MPCreditEcComponent = __decorate$1j([
     })
 ], MPCreditEcComponent);
 
-var __decorate$1k = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1l = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -14234,55 +14451,55 @@ PriceEcComponent.ctorParameters = () => [
     { type: ProductsService },
     { type: ChannelConfigService }
 ];
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "price", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "saleprice", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "priceWithoutTaxes", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "priceSize", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "classStrSpacing", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "basePrice", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "taxeAmount", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "taxes", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "showTaxLegendOnly", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "disableTaxInfo", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "customPriceTemplate", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "customSalePriceTemplate", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "customSimplePriceTemplate", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "customSimpleSalePriceTemplate", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "customTaxTemplate", void 0);
-__decorate$1k([
+__decorate$1l([
     Input()
 ], PriceEcComponent.prototype, "customOnlyTaxLabelTemplate", void 0);
-PriceEcComponent = __decorate$1k([
+PriceEcComponent = __decorate$1l([
     Component({
         selector: 'app-price-ec',
         template: "<!-- Si hay templates personalizados, se proyectan -->\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customPriceTemplate || defaultPriceBlock\"></ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div *ngIf=\"saleprice; else onlyprice\" class=\"line-height-custom\">\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePriceDel\">\n            <del class=\"tachado\">\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\n            </del>\n        </div>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"saleprice && saleprice.split(' - ').length > 1; else simpleSalePrice\">\n            {{ saleprice.split(' - ')[0] | ecCurrencySymbol }}\n            {{ saleprice.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </div>\n\n    <ng-template #onlyprice>\n        <div [class]=\"(priceSize ? 'price-sm' : 'price')\"\n            *ngIf=\"price && price.split(' - ').length > 1; else simplePrice\">\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePrice>\n        <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n            <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #fallbackSimplePrice>\n        <div [class]=\"'uno line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ price | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n\n    <ng-template #simplePriceDel>\n        <div [class]=\"'dos line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            <span class=\"lnth\">{{ price | ecCurrencySymbol }}</span>\n        </div>\n    </ng-template>\n\n    <ng-template #simpleSalePrice>\n        <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n            <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #fallbackSimpleSalePrice>\n        <div [class]=\"'tres line-height-custom ' + (priceSize ? 'price-sm' : 'price')\">\n            {{ saleprice | ecCurrencySymbol }}\n        </div>\n    </ng-template>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabelBlock\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabelBlock>\n            <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: <span class=\"nowrap-price\">{{ basePrice | ecCurrencySymbol }}</span>\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">{{'price-without-national-taxes' | translate }}: <span class=\"nowrap-price\">{{ basePrice | ecCurrencySymbol }}</span></p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>",
@@ -14290,7 +14507,7 @@ PriceEcComponent = __decorate$1k([
     })
 ], PriceEcComponent);
 
-var __decorate$1l = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1m = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -14426,7 +14643,7 @@ RedsysCatchEcComponent.ctorParameters = () => [
     { type: Router },
     { type: CheckoutService }
 ];
-RedsysCatchEcComponent = __decorate$1l([
+RedsysCatchEcComponent = __decorate$1m([
     Component({
         selector: 'app-redsys-catch-ec',
         template: "<div id=\"container\">\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\n            <br>\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\n</div>",
@@ -14434,13 +14651,13 @@ RedsysCatchEcComponent = __decorate$1l([
     })
 ], RedsysCatchEcComponent);
 
-var __decorate$1m = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1n = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$b = (this && this.__param) || function (paramIndex, decorator) {
+var __param$c = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 /** @dynamic */
@@ -14539,35 +14756,35 @@ RedSysProEcComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: BsModalService }
 ];
-__decorate$1m([
+__decorate$1n([
     Input()
 ], RedSysProEcComponent.prototype, "method", void 0);
-__decorate$1m([
+__decorate$1n([
     Input()
 ], RedSysProEcComponent.prototype, "total_amount", void 0);
-__decorate$1m([
+__decorate$1n([
     Output()
 ], RedSysProEcComponent.prototype, "ready", void 0);
-__decorate$1m([
+__decorate$1n([
     Input()
 ], RedSysProEcComponent.prototype, "user_data", void 0);
-__decorate$1m([
+__decorate$1n([
     ViewChild('formDobleAuthContainer')
 ], RedSysProEcComponent.prototype, "formDobleAuth", void 0);
-__decorate$1m([
+__decorate$1n([
     ViewChild('template')
 ], RedSysProEcComponent.prototype, "template", void 0);
-RedSysProEcComponent = __decorate$1m([
+RedSysProEcComponent = __decorate$1n([
     Component({
         selector: 'app-redsys-pro-ec',
         template: "<div class=\"text-center\">\n    <h3>Continuar con el pago</h3>\n    <button class=\"btn btn-outline-secondary rounded-0 comprar\" (click)=\"openModal(template)\">Pagar con tarjeta</button>\n</div>\n\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"clickClose()\">\n                <span aria-hidden=\"true\">&times;</span>\n            </button>\n        </div>\n    </div>\n\n    <div class=\"modal-body\">\n        <iframe  src=\"../../../assets/redsysProBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n    \n</ng-template>\n",
         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$c(6, Inject(DOCUMENT))
 ], RedSysProEcComponent);
 
-var __decorate$1n = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1o = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -14720,28 +14937,28 @@ RedSysRedirectEcComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: BsModalService }
 ];
-__decorate$1n([
+__decorate$1o([
     Input()
 ], RedSysRedirectEcComponent.prototype, "method", void 0);
-__decorate$1n([
+__decorate$1o([
     Input()
 ], RedSysRedirectEcComponent.prototype, "total_amount", void 0);
-__decorate$1n([
+__decorate$1o([
     Output()
 ], RedSysRedirectEcComponent.prototype, "ready", void 0);
-__decorate$1n([
+__decorate$1o([
     Input()
 ], RedSysRedirectEcComponent.prototype, "user_data", void 0);
-__decorate$1n([
+__decorate$1o([
     ViewChild('template')
 ], RedSysRedirectEcComponent.prototype, "template", void 0);
-__decorate$1n([
+__decorate$1o([
     HostListener('window:message', ['$event'])
 ], RedSysRedirectEcComponent.prototype, "onMessage", null);
-__decorate$1n([
+__decorate$1o([
     HostListener('window:storage', ['$event'])
 ], RedSysRedirectEcComponent.prototype, "onStorage", null);
-RedSysRedirectEcComponent = __decorate$1n([
+RedSysRedirectEcComponent = __decorate$1o([
     Component({
         selector: 'app-redsys-redirect-ec',
         template: "<div class=\"text-center\">\n    <h3>Continuar con el pago</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">\n        Pagar con tarjeta\n    </button>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-header\">\n        <h4 class=\"modal-title pull-left\">Pasarela de pago</h4>\n        <button type=\"button\" class=\"btn-close close pull-right\" aria-label=\"Close\" (click)=\"clickClose()\">\n        </button>\n    </div>\n    \n    <div class=\"modal-body p-0\">\n        <iframe src=\"../../../assets/redsysFrameRedirectBase.html\" \n                frameborder=\"0\" \n                class=\"iframeStyle\"\n                style=\"width: 100%; height: 600px; min-height: 60vh;\">\n        </iframe>\n    </div>\n</ng-template>",
@@ -14749,7 +14966,7 @@ RedSysRedirectEcComponent = __decorate$1n([
     })
 ], RedSysRedirectEcComponent);
 
-var __decorate$1o = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1p = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -14849,22 +15066,22 @@ CecaRedirectEcComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: BsModalService }
 ];
-__decorate$1o([
+__decorate$1p([
     Input()
 ], CecaRedirectEcComponent.prototype, "method", void 0);
-__decorate$1o([
+__decorate$1p([
     Input()
 ], CecaRedirectEcComponent.prototype, "total_amount", void 0);
-__decorate$1o([
+__decorate$1p([
     Output()
 ], CecaRedirectEcComponent.prototype, "ready", void 0);
-__decorate$1o([
+__decorate$1p([
     Input()
 ], CecaRedirectEcComponent.prototype, "user_data", void 0);
-__decorate$1o([
+__decorate$1p([
     ViewChild('template')
 ], CecaRedirectEcComponent.prototype, "template", void 0);
-CecaRedirectEcComponent = __decorate$1o([
+CecaRedirectEcComponent = __decorate$1p([
     Component({
         selector: 'app-ceca-redirect-ec',
         template: "<div class=\"text-center\">\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar con cecabank</button>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n    </div>\n    <div class=\"modal-body\">\n        <iframe src=\"../../../assets/cecaFrameRedirectBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n    \n</ng-template>",
@@ -14873,7 +15090,7 @@ CecaRedirectEcComponent = __decorate$1o([
     })
 ], CecaRedirectEcComponent);
 
-var __decorate$1p = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1q = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -15043,10 +15260,10 @@ OrdersEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: ChannelConfigService }
 ];
-__decorate$1p([
+__decorate$1q([
     Input()
 ], OrdersEcComponent.prototype, "showImage", void 0);
-OrdersEcComponent = __decorate$1p([
+OrdersEcComponent = __decorate$1q([
     Component({
         selector: 'app-orders-ec',
         template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n        <ng-container *ngIf=\"!hidePrices\">\n            <div *ngIf=\"orders && orders.length; else noOrders\">\n                <div class=\"row mb-1 border-bottom\">\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 \">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('methodState')\">\n                            {{ 'shipment-state' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                            (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                    </div>\n                </div>\n                <div class=\"row item border-bottom py-2\" *ngFor=\"let order of orders\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                        <!-- <ng-container *ngIf=\"showImage\">\n                            <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n                                <img class=\"smc maxwidth\" [src]=\"mediaUrl +   order.items[0].product.variants[0].images[0]\" alt=\"\">\n                            </ng-container>\n                            <ng-template #defaultpicture>\n                                <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n                                    [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n                            </ng-template>\n                        </ng-container> -->\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\" *ngIf=\"order.payments && order.payments.length > 0\">\n                            {{ order.payments[0].state | translate | titlecase }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                            seguimiento</a>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold text-nowrap\" *ngIf=\"(showPrice !== null ? showPrice : true)\">\n                            {{ (order.totals.total) | ecCurrencySymbol }}\n                        </h5>\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                            'see-order' | translate }}</button>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #noOrders>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
@@ -15054,7 +15271,7 @@ OrdersEcComponent = __decorate$1p([
     })
 ], OrdersEcComponent);
 
-var __decorate$1q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1r = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -15150,10 +15367,10 @@ OrderEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: ChannelConfigService }
 ];
-__decorate$1q([
+__decorate$1r([
     Input()
 ], OrderEcComponent.prototype, "numberOrder", void 0);
-OrderEcComponent = __decorate$1q([
+OrderEcComponent = __decorate$1r([
     Component({
         selector: 'app-order-ec',
         template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n            <div *ngIf=\"order; else noOrder\">\n\n                <div class=\"row justify-content-between \">\n                    <div class=\"col-sm-auto col-12 font-brandon\">\n                        <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                    </div>\n                    <ng-container *ngIf=\"order?.invoice\">\n                        <div class=\"col-sm col-12 font-brandon\" *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\n                                class=\"btn btn-link btn-invoice\">\n                                <i class=\"fas fa-file-download me-1\"></i>\n                                {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                            </a>\n                        </div>\n                    </ng-container>\n                    <a (click)=\"volver()\" class=\"col-auto text-end\">\n                        <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\n                    </a>\n                </div>\n\n                <section id=\"orders\">\n                    <div class=\"row pt-2\">\n                        <div class=\"col-md-2 col-12\">\n                            <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].state | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.payments[0]?.method?.name | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                            <p class=\"\">\n                                {{ order.shipments[0].method.name }}\n                            </p>\n                            <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                            <a *ngIf=\"order.tracking\" [href]=\"order.tracking\"\n                                class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver\n                                seguimiento</a>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\">\n                            <p class=\"st\">{{ 'date' | translate }}:</p>\n                            <p class=\"\">\n                                {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                            </p>\n                        </div>\n                        <div class=\"col-md-2 col-12 font-brandon\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <p class=\"st\">{{ 'total' | translate }}:</p>\n                            <h5 class=\"fw-bold\">\n                                {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals'}}\n\n                            </h5>\n                        </div>\n                    </div>\n                </section>\n\n                <div class=\"text-end mt-3\" *ngIf=\"!hidePrices && allowRepeatOrders\">\n                    <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder()\">\n                        {{ 'repeat-order' | translate }}\n                    </button>\n                </div>\n\n                <div class=\"container py-3 border-top border-bottom\">\n                    <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n                        <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                            {{ 'product' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                            {{ 'description' | translate | uppercase }}\n                        </div>\n                        <div id=\"colLots\" *ngIf=\"ordersService.channelConfig.applyOrderLot\"\n                            class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                            <!-- {{ 'description' | translate | uppercase }} -->\n                            {{ 'lots' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            {{ 'unit-price' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                            {{ 'quantity' | translate | uppercase }}\n                        </div>\n                        <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            {{ 'total' | translate | uppercase }}\n                        </div>\n                    </div>\n                    <ng-container *ngFor=\"let item of order.items; let i = index\">\n                        <div class=\"row cart-items\">\n                            <div class=\"col-5 col-md-2 py-2\">\n                                <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\n                                    <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                        [src]=\"consts.mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                </ng-container>\n                                <ng-template #defaultpicture>\n                                    <img *ngIf=\"item.product.picturesdefault\"\n                                        class=\"smc maxwidth img-fluid rounded-custom\"\n                                        [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                </ng-template>\n                            </div>                            \n                            <div\n                                class=\"col-md-4 col-7 d-flex flex-column justify-content-center\">\n                                <p class=\"font-brandon d-flex w-100 mb-0\">\n                                    {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                </p>\n                                <p *ngIf=\"enableFieldNotesInArticleFile && item.comments\" class=\"comment-truncated fst-italic small text-muted mt-1\">\n                                    \"{{ item.comments }}\"\n                                </p>\n                            </div>\n                            <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\"\n                                *ngIf=\"ordersService.channelConfig.applyOrderLot\">\n                                <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                    [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                    aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                    value=\"{{ 'see' | translate | uppercase }}\">\n                            </div>\n                            <div class=\"container d-md-none\">\n                                <div class=\"row\">\n                                    <div class=\"col-4\">\n                                        <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                    </div>\n                                    <div class=\"col-4 font-xl\"\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                        <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                            ecCurrencySymbol:'alwaysShowDecimals'}}</p>\n                                    </div>\n                                    <div class=\"col-4 font-xl\"\n                                        *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                        <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                            item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                            item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                <p class=\"text-center w-100 m-0\">\n                                    {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                    item.product.variants[0].price) | ecCurrencySymbol:'alwaysShowDecimals'}}\n                                </p>\n                            </div>\n                            <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                            </div>\n                            <div class=\"col-2 d-none d-md-flex align-items-center\"\n                                *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                                <p class=\"text-end w-100 m-0\">\n                                    {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                    item.product.variants[0].price) * item.quantity) | ecCurrencySymbol:'alwaysShowDecimals'}}</p>\n                            </div>\n                            <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                <div class=\"card card-body\">\n                                    <table class=\"table table-striped\">\n                                        <thead>\n                                            <tr>\n                                                <th scope=\"col\">#</th>\n                                                <th scope=\"col\">Estado</th>\n                                                <th scope=\"col\">Cantidad</th>\n                                                <th scope=\"col\">Fecha Solicitada</th>\n                                                <th scope=\"col\">Fecha Estimada</th>\n                                                <th scope=\"col\">Sede</th>\n                                                <th scope=\"col\">Nota</th>\n                                                <th scope=\"col\">Total Lote</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            <ng-container *ngFor=\"let lot of item.orderItemLot\">\n                                                <tr>\n                                                    <th scope=\"row\">{{lot.id}}</th>\n                                                    <td>{{lot.lot_status}}</td>\n                                                    <td>{{lot.quantity}}</td>\n                                                    <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                    <td *ngIf=\"lot.date_deliver; else sinFechaEstimada\">{{\n                                                        toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                    <ng-template #sinFechaEstimada>\n                                                        <td>Pendiente</td>\n                                                    </ng-template>\n                                                    <td>{{lot.shipping_address_name}}</td>\n                                                    <td>{{lot.notes}}</td>\n                                                    <td>{{lot.total_lot | ecCurrencySymbol:'alwaysShowDecimals'}}</td>\n                                                </tr>\n                                            </ng-container>\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n                        </div>\n\n                    </ng-container>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6\"></div>\n                        <div class=\"col-12 col-md-6\"\n                            *ngIf=\"(creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n                            <div class=\"row py-4\">\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                    translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.subtotal) | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                </div>\n\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                    translate }}</div>\n                                <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.shipping || '0') | ecCurrencySymbol:'alwaysShowDecimals' }}\n\n                                </div>\n\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                    translate }}</div>\n                                <div *ngIf=\"!hideDiscounts && order.totals.promotion && order.totals.promotion != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                    {{ (order.totals.promotion) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\n\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0 \"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom \">\n                                    {{ 'taxes' | translate }}</div>\n                                <div *ngIf=\"!hideTaxes && order.totals.taxes && order.totals.taxes != 0\"\n                                    class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                    {{ (order.totals.taxes) | ecCurrencySymbol:'alwaysShowDecimals' }}</div>\n\n                                <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                <div class=\"col-6 font-brandon font-md text-end\">\n                                    {{ (order.totals.total) | ecCurrencySymbol:'alwaysShowDecimals' }}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</main>\n\n<ng-template #noOrder>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h5>{{ 'no-orders' | translate }}</h5>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
@@ -15161,14 +15378,14 @@ OrderEcComponent = __decorate$1q([
     })
 ], OrderEcComponent);
 
-var __decorate$1r = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1s = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let AuthEcComponent = class AuthEcComponent extends ComponentHelper {
-    constructor(authService, toastr, paramsService, activatedRoute, formBuilder, router) {
+    constructor(authService, toastr, paramsService, activatedRoute, formBuilder, router, seo) {
         super();
         this.authService = authService;
         this.toastr = toastr;
@@ -15176,6 +15393,7 @@ let AuthEcComponent = class AuthEcComponent extends ComponentHelper {
         this.activatedRoute = activatedRoute;
         this.formBuilder = formBuilder;
         this.router = router;
+        this.seo = seo;
         this.complete = true;
         this.data = {
             email: null,
@@ -15187,6 +15405,30 @@ let AuthEcComponent = class AuthEcComponent extends ComponentHelper {
         this.loading = false;
         this.register_loading = false;
         this.params = [];
+        this.updateSeoForAuthRoute = () => {
+            const siteName = this.seo.getSiteName();
+            const routeMeta = {
+                '/auth/login': {
+                    title: 'Iniciar sesión',
+                    description: `Ingresá a tu cuenta de ${siteName} para gestionar pedidos y compras.`,
+                },
+                '/auth/register': {
+                    title: 'Crear cuenta',
+                    description: `Creá tu cuenta en ${siteName} para acceder al catálogo y realizar compras.`,
+                },
+            };
+            const selected = routeMeta[this.router.url] || {
+                title: 'Autenticación',
+                description: `Acceso de usuarios en ${siteName}.`,
+            };
+            this.seo.setTitle(`${selected.title} | ${siteName}`);
+            this.seo.setDescription(selected.description);
+            this.seo.setOgType('website');
+            this.seo.setRobots('noindex, nofollow');
+            if (typeof window !== 'undefined') {
+                this.seo.setCanonical(window.location.href);
+            }
+        };
         this.setProp = (prop, event) => {
             this.data[prop] = event.target.value;
         };
@@ -15243,6 +15485,7 @@ let AuthEcComponent = class AuthEcComponent extends ComponentHelper {
                 resul && this.authService.doLoginUser(resul);
             }
         });
+        this.updateSeoForAuthRoute();
         this.ecOnInit();
     }
     ngOnChanges() {
@@ -15255,15 +15498,16 @@ AuthEcComponent.ctorParameters = () => [
     { type: ParametersService },
     { type: ActivatedRoute },
     { type: FormBuilder },
-    { type: Router }
+    { type: Router },
+    { type: SeoService }
 ];
-__decorate$1r([
+__decorate$1s([
     Input()
 ], AuthEcComponent.prototype, "complete", void 0);
-__decorate$1r([
+__decorate$1s([
     Input()
 ], AuthEcComponent.prototype, "redirect", void 0);
-AuthEcComponent = __decorate$1r([
+AuthEcComponent = __decorate$1s([
     Component({
         selector: 'app-auth-ec',
         template: "<!-- banners -->\n<div class=\"row\">\n     <div class=\"col-12 p-0\" id=\"banner-slider-home\">\n          <div id=\"banner-slider\" class=\"owl-carousel h-100 w-100\">\n               <div class=\"item\">\n                    <img src=\"assets/image/login.png\" class=\"w-100 d-none d-md-block\">\n                    <img src=\"assets/image/26912-05-mobile.png\" class=\"w-100 d-block d-md-none\">\n                    <div class=\"caption\">\n                         <h1 class=\"color-white\">Ingresar</h1>\n                    </div>\n               </div>\n          </div>\n     </div>\n</div>\n\n<div class=\"row\" id=\"contacto\">\n     <div class=\"col-12 py-md-5 py-0 px-0\">\n          <div class=\"container\" style=\"background-color: #F1F1F1;\">\n               <div class=\"row\">\n                    <div class=\"col-md-6 px-md-5 px-3 col-12\">\n                         <app-login-form-ec></app-login-form-ec>\n                    </div>\n                    <div class=\"col-md-6 px-md-5 px-3 col-12\">\n                         <app-register-form-ec></app-register-form-ec>\n                    </div>\n               </div>\n          </div>\n     </div>\n</div>",
@@ -15271,7 +15515,7 @@ AuthEcComponent = __decorate$1r([
     })
 ], AuthEcComponent);
 
-var __decorate$1s = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1t = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -15507,19 +15751,19 @@ RegisterFormEcComponent.ctorParameters = () => [
     { type: ChannelConfigService },
     { type: Constants }
 ];
-__decorate$1s([
+__decorate$1t([
     Input()
 ], RegisterFormEcComponent.prototype, "darkMode", void 0);
-__decorate$1s([
+__decorate$1t([
     Input()
 ], RegisterFormEcComponent.prototype, "redirect", void 0);
-__decorate$1s([
+__decorate$1t([
     Input()
 ], RegisterFormEcComponent.prototype, "complete", void 0);
-__decorate$1s([
+__decorate$1t([
     Output()
 ], RegisterFormEcComponent.prototype, "ready", void 0);
-RegisterFormEcComponent = __decorate$1s([
+RegisterFormEcComponent = __decorate$1t([
     Component({
         selector: 'app-register-form-ec',
         template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\n    <div class=\"py-2\">\n        <h5>CREAR CUENTA</h5>\n    </div>\n    <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">NOMBRE</label>\n            <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">APELLIDO</label>\n            <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\n            <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\n                placeholder=\"Correo electr\u00F3nico\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\n            <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\n                placeholder=\"Contrase\u00F1a\">\n        </div>\n        <div class=\"form-group\">\n            <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\n            <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\n                placeholder=\"Repetir contrase\u00F1a\">\n        </div>\n\n        <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\n            <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\n                id=\"Color2\">\n            <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\n                le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\n                condiciones</label>\n        </div>\n\n        <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\n            <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\n            <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\n                Suscripci\u00F3n al Newsletter</label>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <button [disabled]=\"registerForm.invalid\" type=\"submit\"\n                    class=\"btn btn-dark bg-black btn-block px-5 py-2 rounded-0 h-fit\">CREAR</button>\n            </div>\n        </div>\n    </form>\n    <app-loading-section-ec *ngIf=\"register_loading\"></app-loading-section-ec>\n</div>",
@@ -15527,7 +15771,7 @@ RegisterFormEcComponent = __decorate$1s([
     })
 ], RegisterFormEcComponent);
 
-var __decorate$1t = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1u = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -15602,25 +15846,25 @@ LoginFormEcComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: Router }
 ];
-__decorate$1t([
+__decorate$1u([
     Input()
 ], LoginFormEcComponent.prototype, "darkMode", void 0);
-__decorate$1t([
+__decorate$1u([
     Input()
 ], LoginFormEcComponent.prototype, "redirect", void 0);
-__decorate$1t([
+__decorate$1u([
     Input()
 ], LoginFormEcComponent.prototype, "redirectTo", void 0);
-__decorate$1t([
+__decorate$1u([
     Input()
 ], LoginFormEcComponent.prototype, "complete", void 0);
-__decorate$1t([
+__decorate$1u([
     Input()
 ], LoginFormEcComponent.prototype, "title", void 0);
-__decorate$1t([
+__decorate$1u([
     Output()
 ], LoginFormEcComponent.prototype, "ready", void 0);
-LoginFormEcComponent = __decorate$1t([
+LoginFormEcComponent = __decorate$1u([
     Component({
         selector: 'app-login-form-ec',
         template: "<div class=\"d-flex flex-column position-relative\">\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>{{'get-into' | translate}}</span></h1>\n    <p class=\"ff-ubuntu-light font-sm pr-4\">\n        {{'auth.login_prompt' | translate}}\n    </p>\n    <div class=\"w-md-50 w-100 text-center\">\n        <form [formGroup]=\"loginForm\" (submit)=\"login($event)\">\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\n            [placeholder]=\"'mail-enter' | translate\">\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\n                [placeholder]=\"'password' | translate\">\n            \n            <div class=\"row d-flex flex-column\">\n                <div class=\"col-12\">\n                    <button type=\"submit\"\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">{{'get-into2' | translate}}</button>\n                </div>\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\n                        {{'auth.forgot_password' | translate}}\n                    </a>\n                </div>\n            </div>\n    </form>\n    </div>\n    <div *ngIf=\"!loading; else loadingView\"></div>\n</div>\n<ng-template #loadingView>\n    <app-loading-section-ec></app-loading-section-ec>\n</ng-template>\n\n\n<select-channel-ec></select-channel-ec>",
@@ -15628,17 +15872,18 @@ LoginFormEcComponent = __decorate$1t([
     })
 ], LoginFormEcComponent);
 
-var __decorate$1u = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1v = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let ForgotPasswordEcComponent = class ForgotPasswordEcComponent extends ComponentHelper {
-    constructor(authService, toastr) {
+    constructor(authService, toastr, seo) {
         super();
         this.authService = authService;
         this.toastr = toastr;
+        this.seo = seo;
         this.email = "";
         this.loading = false;
         this.ready = false;
@@ -15666,14 +15911,23 @@ let ForgotPasswordEcComponent = class ForgotPasswordEcComponent extends Componen
         this.ecOnConstruct();
     }
     ngOnInit() {
+        const siteName = this.seo.getSiteName();
+        this.seo.setTitle(`Recuperar contraseña | ${siteName}`);
+        this.seo.setDescription(`Recuperá el acceso a tu cuenta en ${siteName}.`);
+        this.seo.setOgType('website');
+        this.seo.setRobots('noindex, nofollow');
+        if (typeof window !== 'undefined') {
+            this.seo.setCanonical(window.location.href);
+        }
         this.ecOnInit();
     }
 };
 ForgotPasswordEcComponent.ctorParameters = () => [
     { type: AuthService },
-    { type: ToastService }
+    { type: ToastService },
+    { type: SeoService }
 ];
-ForgotPasswordEcComponent = __decorate$1u([
+ForgotPasswordEcComponent = __decorate$1v([
     Component({
         selector: 'app-forgot-password-ec',
         template: "<div class=\"container\" id=\"passReset\">\n\n    <div *ngIf=\"!ready; else readyView\">\n        <form (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 text-center\">\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\n                <div class=\"element-container\">\n                    <input type=\"email\" [(ngModel)]=\"email\" class=\"form-control\"\n                        [ngModelOptions]=\"{standalone: true}\" />\n                </div>\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\">{{ 'recover-password' | translate\n                    }}</button>\n\n                <div *ngIf=\"loading\">\n                    <app-loading-inline-ec></app-loading-inline-ec>\n                </div>\n            </div>\n        </form>\n    </div>\n</div>\n\n<ng-template #readyView>\n    <div class=\"row\">\n        <div class=\"col-12 col-md-8\">\n            <div class=\"element-container text-center\">\n                <h3>{{ 'mail-sent' | translate }}</h3>\n            </div>\n            <div class=\"element-container text-center\">\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\n            </div>\n        </div>\n    </div>\n</ng-template>",
@@ -15681,17 +15935,18 @@ ForgotPasswordEcComponent = __decorate$1u([
     })
 ], ForgotPasswordEcComponent);
 
-var __decorate$1v = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1w = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let ConfirmAccountEcComponent = class ConfirmAccountEcComponent extends ComponentHelper {
-    constructor(authService, activedRoute) {
+    constructor(authService, activedRoute, seo) {
         super();
         this.authService = authService;
         this.activedRoute = activedRoute;
+        this.seo = seo;
         this.ok = false;
         this.error = false;
         this.onSuccess = () => {
@@ -15703,6 +15958,14 @@ let ConfirmAccountEcComponent = class ConfirmAccountEcComponent extends Componen
         this.ecOnConstruct();
     }
     ngOnInit() {
+        const siteName = this.seo.getSiteName();
+        this.seo.setTitle(`Verificar cuenta | ${siteName}`);
+        this.seo.setDescription(`Confirmá tu cuenta de ${siteName}.`);
+        this.seo.setOgType('website');
+        this.seo.setRobots('noindex, nofollow');
+        if (typeof window !== 'undefined') {
+            this.seo.setCanonical(window.location.href);
+        }
         const token = this.activedRoute.snapshot.queryParams.token;
         this.authService.confirmAccount(token).toPromise().then(this.onSuccess, this.onSuccess).catch(this.onSuccess);
         this.ecOnInit();
@@ -15710,9 +15973,10 @@ let ConfirmAccountEcComponent = class ConfirmAccountEcComponent extends Componen
 };
 ConfirmAccountEcComponent.ctorParameters = () => [
     { type: AuthService },
-    { type: ActivatedRoute }
+    { type: ActivatedRoute },
+    { type: SeoService }
 ];
-ConfirmAccountEcComponent = __decorate$1v([
+ConfirmAccountEcComponent = __decorate$1w([
     Component({
         selector: 'app-confirm-account-ec',
         template: "<div class=\"mt-5 mb-5\">\n     <div class=\"row\">\n          <div class=\"col-md-12 col-12 text-center\">\n               <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\n                    {{ ('thanks-for-register' | translate) | uppercase }}</h4>\n          </div>\n     </div>\n     \n     \n     <div class=\"row\">\n          <div class=\"col-md-12 col-12 text-center\">\n               <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\n               <br>\n               <a routerLink=\"/auth/login\">\n                    <button class=\"btn bg-golden color-white radius-0\" type=\"button\">{{ 'login' | translate |\n                         uppercase }}</button>\n               </a>\n               <br>\n               <br>\n          </div>\n     </div>\n</div>",
@@ -15720,20 +15984,21 @@ ConfirmAccountEcComponent = __decorate$1v([
     })
 ], ConfirmAccountEcComponent);
 
-var __decorate$1w = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1x = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
 let PasswordResetEcComponent = class PasswordResetEcComponent extends ComponentHelper {
-    constructor(authService, toastr, activedRoute, router, formBuilder) {
+    constructor(authService, toastr, activedRoute, router, formBuilder, seo) {
         super();
         this.authService = authService;
         this.toastr = toastr;
         this.activedRoute = activedRoute;
         this.router = router;
         this.formBuilder = formBuilder;
+        this.seo = seo;
         this.email = "";
         this.loading = false;
         this.ready = false;
@@ -15794,6 +16059,14 @@ let PasswordResetEcComponent = class PasswordResetEcComponent extends ComponentH
     ngOnInit() {
         this.token = this.activedRoute.snapshot.queryParams.token;
         !this.token && this.router.navigateByUrl('/');
+        const siteName = this.seo.getSiteName();
+        this.seo.setTitle(`Restablecer contraseña | ${siteName}`);
+        this.seo.setDescription(`Definí una nueva contraseña para tu cuenta de ${siteName}.`);
+        this.seo.setOgType('website');
+        this.seo.setRobots('noindex, nofollow');
+        if (typeof window !== 'undefined') {
+            this.seo.setCanonical(window.location.href);
+        }
         this.formGroup = this.formBuilder.group({
             first: ['', Validators.required],
             second: ['', Validators.required]
@@ -15806,9 +16079,10 @@ PasswordResetEcComponent.ctorParameters = () => [
     { type: ToastService },
     { type: ActivatedRoute },
     { type: Router },
-    { type: FormBuilder }
+    { type: FormBuilder },
+    { type: SeoService }
 ];
-PasswordResetEcComponent = __decorate$1w([
+PasswordResetEcComponent = __decorate$1x([
     Component({
         selector: 'app-password-reset-ec',
         template: "<div class=\"container\">\n    <div class=\"row justify-content-center mt-5\">\n        <div class=\"col-12 col-md-6 col-lg-4\">\n            <div *ngIf=\"!ready; else readyView\">\n                <form [formGroup]=\"formGroup\" (submit)=\"sendNewPassword($event)\">\n                    <div class=\"mb-4 text-center\">\n                        <h3>{{ 'set-new-password' | translate }}</h3>\n                    </div>\n                    <div class=\"mb-3\">\n                        <label class=\"form-label\">{{ 'set-password' | translate }}</label>\n                        <div class=\"input-group\">\n                            <input type=\"password\" formControlName=\"first\" class=\"form-control\" id=\"contrase\u00F1a1\" />\n                            <button class=\"btn btn-outline-secondary btn-password\" type=\"button\"\n                                (click)=\"showPassword()\">\n                                <i id=\"show1\" class=\"fas fa-eye i-show-password\"></i>\n                                <i id=\"hide1\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"mb-3\">\n                        <label class=\"form-label\">{{ 'repeat-password' | translate }}</label>\n                        <div class=\"input-group\">\n                            <input type=\"password\" formControlName=\"second\" class=\"form-control\" id=\"contrase\u00F1a2\" />\n                            <button class=\"btn btn-outline-secondary btn-password\" type=\"button\"\n                                (click)=\"showPassword2()\">\n                                <i id=\"show2\" class=\"fas fa-eye i-show-password\"></i>\n                                <i id=\"hide2\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"mt-4 text-center\">\n                        <button type=\"submit\" class=\"comprar w-100\">{{ 'update' | translate }}</button>\n                    </div>\n                    <div *ngIf=\"loading\" class=\"mt-3\">\n                        <app-loading-inline-ec></app-loading-inline-ec>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #readyView>\n    <div class=\"row justify-content-center mt-5 mb-5\">\n        <div class=\"text-center\">\n            <div class=\"mb-4\">\n                <h3>{{ 'updated-password' | translate }}</h3>\n            </div>\n            <div class=\"mb-4\">\n                <h5>{{ 'updated-password-detail' | translate }}</h5>\n            </div>\n            <button class=\"comprar\" (click)=\"sendToLogin()\">{{ 'login' | translate }}</button>\n        </div>\n    </div>\n</ng-template>",
@@ -15816,7 +16090,7 @@ PasswordResetEcComponent = __decorate$1w([
     })
 ], PasswordResetEcComponent);
 
-var __decorate$1x = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1y = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -15956,19 +16230,19 @@ RegisterWholesalerFormEcComponent.ctorParameters = () => [
     { type: ParametersService },
     { type: FormBuilder }
 ];
-__decorate$1x([
+__decorate$1y([
     Input()
 ], RegisterWholesalerFormEcComponent.prototype, "darkMode", void 0);
-__decorate$1x([
+__decorate$1y([
     Input()
 ], RegisterWholesalerFormEcComponent.prototype, "redirect", void 0);
-__decorate$1x([
+__decorate$1y([
     Input()
 ], RegisterWholesalerFormEcComponent.prototype, "complete", void 0);
-__decorate$1x([
+__decorate$1y([
     Output()
 ], RegisterWholesalerFormEcComponent.prototype, "ready", void 0);
-RegisterWholesalerFormEcComponent = __decorate$1x([
+RegisterWholesalerFormEcComponent = __decorate$1y([
     Component({
         selector: 'app-register-wholesaler-form-ec',
         template: "\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"\">\n                <div class=\"pt-5 pb-3 border-bottom\">\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA MAYORISTA</h3>\n                </div>\n                <div class=\" py-3\">\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en Vi\u00F1als registrate ingresando estos\n                        datos:</p>\n                </div>\n                <form [formGroup]=\"registerForm\" (submit)=\"register($event)\" class=\"position-relative\">\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\n                                    formControlName=\"firstName\"\n                                    [class]=\"registerForm.controls.firstName.touched ? (registerForm.controls.firstName.valid && registerForm.controls.firstName.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Apellidos</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required\n                                    name=\"lastName\" formControlName=\"lastName\"\n                                    [class]=\"registerForm.controls.lastName.touched ? (registerForm.controls.lastName.valid && registerForm.controls.lastName.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Email</label>\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required\n                                    name=\"email\" formControlName=\"email\"\n                                    [class]=\"registerForm.controls.email.touched ? (registerForm.controls.email.valid && registerForm.controls.email.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Contrase\u00F1a</label>\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required\n                                    name=\"plainPassword\" formControlName=\"plainPassword\"\n                                    [class]=\"registerForm.controls.plainPassword.touched ? (registerForm.controls.plainPassword.valid && registerForm.controls.plainPassword.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\" *ngIf=\"(countries$ | async) as countries\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'country'|translate}}</label>\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required\n                                    (change)=\"onCountrySelected($event.target.value)\"\n                                    [class]=\"registerForm.controls.countryCode.touched ? (registerForm.controls.countryCode.valid && registerForm.controls.countryCode.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option value=\"null\" id=\"selectOpPais\">Seleccione un pais</option>\n                                    <option *ngFor=\"let country of countries\" [value]=\"country.code\"> {{ country.name }}</option>\n                                </select>\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\" *ngIf=\"(provinces$ | async) as provinces\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'state'|translate}}</label>\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required\n                                    (change)=\"onProvincesSelected($event.target.value)\"\n                                    [class]=\"registerForm.controls.countryCode.touched ? (registerForm.controls.countryCode.valid && registerForm.controls.countryCode.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option value=\"null\" id=\"selectOpProvincia\">Seleccione una provincia</option>\n                                    <option *ngFor=\"let province of provinces\" [value]=\"province.code\">{{ province.name }}</option>\n                                </select>\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'address'|translate}}</label>\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\n                                    formControlName=\"street\"\n                                    [class]=\"registerForm.controls.street.touched ? (registerForm.controls.street.valid && registerForm.controls.street.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'town-city'|translate}}</label>\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\n                                    formControlName=\"city\"\n                                    [class]=\"registerForm.controls.city.touched ? (registerForm.controls.city.valid && registerForm.controls.city.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n            \n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'postal-code'|translate}}</label>\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\n                                    formControlName=\"postcode\"\n                                    [class]=\"registerForm.controls.postcode.touched ? (registerForm.controls.postcode.valid && registerForm.controls.postcode.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\n                            </div>\n                        </div>\n            \n            \n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required\n                                    name=\"companyName\" formControlName=\"companyName\"\n                                    [class]=\"registerForm.controls.companyName.touched ? (registerForm.controls.companyName.valid && registerForm.controls.companyName.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'phone'|translate}}</label>\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required\n                                    name=\"phoneNumber\" formControlName=\"phoneNumber\"\n                                    [class]=\"registerForm.controls.phoneNumber.touched ? (registerForm.controls.phoneNumber.valid && registerForm.controls.phoneNumber.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Sexo</label>\n                                <select (change)=\"onGenderSelected($event.target.value)\" required name=\"gender\"\n                                    formControlName=\"gender\"\n                                    [class]=\"registerForm.controls.gender.touched ? (registerForm.controls.gender.valid && registerForm.controls.gender.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\n                                    <option value=\"u\">Desconocido</option>\n                                    <option value=\"s\">Femenino</option>\n                                    <option value=\"m\">Masculino</option>\n                                </select>\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Fecha creacion</label>\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required\n                                    name=\"birthday\" formControlName=\"birthday\"\n                                    [class]=\"registerForm.controls.birthday.touched ? (registerForm.controls.birthday.valid && registerForm.controls.birthday.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Identificacion</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required\n                                    name=\"taxIdentification\" formControlName=\"taxIdentification\"\n                                    [class]=\"registerForm.controls.taxIdentification.touched ? (registerForm.controls.taxIdentification.valid && registerForm.controls.taxIdentification.touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo obligatorio.</span>\n                            </div>\n                        </div>\n            \n            \n            \n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 order-1 order-md-2\">\n                            <!-- <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck1\" #terms=\"ngModel\"\n                                    name=\"terms\" [(ngModel)]=\"registroUsuario.terms\" type=\"checkbox\" required\n                                    [class]=\"terms.touched ? (terms.valid && terms.touched && registroUsuario.terms != false) ?  'form-check-input is-valid' :  'form-check-input is-invalid' : 'form-check-input '\" />\n                                <label class=\"form-check-label\" for=\"defaultCheck1\">\n                                    He leido y acepto las <a routerLink=\"/section/politicas-privacidad\" class=\"text\">pol\u00EDticas de\n                                        privacidad</a>\n                                    y los <a routerLink=\"/section/terminos-y-condiciones\" class=\"text\">t\u00E9rminos y condiciones</a>\n                                </label>\n                                <span class=\"invalid-feedback\">Debe aceptar los t\u00E9rminos y condiciones para continuar.</span>\n                            </div> -->\n                            <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\" type=\"checkbox\">\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\n                                    Suscripci\u00F3n al newsletter\n                                </label>\n                            </div>\n                        </div>\n            \n                        <div class=\"col-12 col-md-6 px-0 py-4 pr-md-1 d-flex justify-content-md-start order-2 order-md-1\">\n                            <button *ngIf=\"!register_loading\" type=\"submit\" role=\"button\"\n                                class=\"btn btn-dark bg-beige1 text-blanco bold rounded-0 px-5 py-2 w-100 w-md-auto h-fit\">REGISTRATE</button>\n                        </div>\n            \n                    </div>\n                    <app-loading-section-ec *ngIf=\"register_loading\"></app-loading-section-ec>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>",
@@ -15976,7 +16250,7 @@ RegisterWholesalerFormEcComponent = __decorate$1x([
     })
 ], RegisterWholesalerFormEcComponent);
 
-var __decorate$1y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1z = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16108,10 +16382,10 @@ ShareBlockEcComponent.ctorParameters = () => [
     { type: Meta },
     { type: Title }
 ];
-__decorate$1y([
+__decorate$1z([
     Input()
 ], ShareBlockEcComponent.prototype, "product", void 0);
-ShareBlockEcComponent = __decorate$1y([
+ShareBlockEcComponent = __decorate$1z([
     Component({
         selector: 'app-share-block-ec',
         template: "<div class=\"w-100 d-flex justify-content-around\">\n    <ng-container *ngIf=\"params && params.length > 0; else default\">\n        <a *ngIf=\"hasParams(params, 'facebook')\" target=\"_blank\" [href]=\"toShareFacebook()\"\n            class=\"social-sharing__link\" title=\"Compartir en Facebook\">\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\n                <path fill=\"#444\"\n                    d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\n                </path>\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'twitter')\" target=\"_blank\" \n            [href]=\"toShareTwitter()\"\n            class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\n                <path fill=\"#444\"\n                    d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\n                </path>\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'pinterest')\" target=\"_blank\"\n            [href]=\"toSharePinterest()\"\n            class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\n            <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\n                <path fill=\"#444\"\n                    d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\n                </path>\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'whatsapp') as wsp\" target=\"_blank\" [href]=\"toShareWhatsapp(wsp)\" class=\"social-sharing__link\" title=\"Whatsapp\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\" class=\"bi bi-whatsapp\"\n                viewBox=\"0 0 16 16\">\n                <path\n                    d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\n        </a>\n        <a *ngIf=\"hasParams(params, 'email') as email\" target=\"_blank\" [href]=\"toShareEmail(email)\" class=\"social-sharing__link\"\n            title=\"Email\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\" class=\"bi bi-envelope-fill\"\n                viewBox=\"0 0 16 16\">\n                <path\n                    d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\n            </svg>\n            <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\n        </a>\n    </ng-container>\n</div>\n\n<!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\n<ng-template #default>\n    <a target=\"_blank\" [href]=\"toShareFacebook()\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\n            <path fill=\"#444\"\n                d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\n            </path>\n        </svg>\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\n    </a>\n    <a target=\"_blank\" [href]=\"toShareTwitter()\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\n            <path fill=\"#444\"\n                d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\n            </path>\n        </svg>\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\n    </a>\n    <a target=\"_blank\" [href]=\"toSharePinterest()\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\n        <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\n            <path fill=\"#444\"\n                d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\n            </path>\n        </svg>\n        <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\n    </a>\n</ng-template>\n<!-- FIN -->",
@@ -16119,7 +16393,7 @@ ShareBlockEcComponent = __decorate$1y([
     })
 ], ShareBlockEcComponent);
 
-var __decorate$1z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1A = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16234,10 +16508,10 @@ DetailCheckoutBlockEcComponent.ctorParameters = () => [
     { type: ChannelConfigService },
     { type: ShippingPriceDisplayService }
 ];
-__decorate$1z([
+__decorate$1A([
     Input()
 ], DetailCheckoutBlockEcComponent.prototype, "asociatedData", void 0);
-DetailCheckoutBlockEcComponent = __decorate$1z([
+DetailCheckoutBlockEcComponent = __decorate$1A([
     Component({
         selector: 'app-detail-checkout-block-ec',
         template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\n    *ngIf=\"data && (creditAccountShowPrices !== null ? creditAccountShowPrices : true)\">\n    <ng-container *ngFor=\"let item of data; let i = index\">\n        <ng-container *ngIf=\"shouldShowItem(item.type) && !shouldHideSubtotal(item)\">\n            <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item)\"></i>\n                <strong class=\"text-center w-100 font-brandon font-md mb-1\">\n                    {{ getTypeLabel(item.type) | translate }}\n                </strong>\n                <ng-container *ngIf=\"getAmountView(item) as priceView\">\n                    <span class=\"text-center w-100 font-brandon font-md text-gray resumen-price\"\n                        [class.resumen-price--discounted]=\"priceView.showOriginalPrice\"\n                        [class.resumen-price--free]=\"priceView.isFree\">\n                        <del *ngIf=\"priceView.showOriginalPrice\">\n                            {{ priceView.originalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                        </del>\n                        <strong>\n                            <ng-container *ngIf=\"priceView.isFree; else resumenPriceValue\">\n                                {{ 'free' | translate }}\n                            </ng-container>\n                            <ng-template #resumenPriceValue>\n                                {{ priceView.finalPrice | ecCurrencySymbol:'alwaysShowDecimals' }}\n                            </ng-template>\n                        </strong>\n                    </span>\n                </ng-container>\n            </div>\n        </ng-container>\n\n\n        <!-- Mostrar total de descuentos -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.discountTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol:'alwaysShowDecimals')\n                }}</span>\n        </div>\n\n        <!-- Mostrar total de cupones -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.couponTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol:'alwaysShowDecimals')\n                }}</span>\n        </div>\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideTaxes && this.clientTaxes != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('clienTaxe')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ 'clientTaxes' | translate }}</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.clientTaxes | ecCurrencySymbol:'alwaysShowDecimals')\n                }}</span>\n        </div>\n    </ng-container>\n</div>\n",
@@ -16245,7 +16519,7 @@ DetailCheckoutBlockEcComponent = __decorate$1z([
     })
 ], DetailCheckoutBlockEcComponent);
 
-var __decorate$1A = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1B = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16302,13 +16576,13 @@ CheckoutErrorComponent.ctorParameters = () => [
     { type: BsModalService },
     { type: Router }
 ];
-__decorate$1A([
+__decorate$1B([
     ViewChild('template')
 ], CheckoutErrorComponent.prototype, "template", void 0);
-__decorate$1A([
+__decorate$1B([
     Input()
 ], CheckoutErrorComponent.prototype, "urlRedireccion", void 0);
-CheckoutErrorComponent = __decorate$1A([
+CheckoutErrorComponent = __decorate$1B([
     Component({
         selector: 'ec-checkout-error',
         template: "<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <h4 class=\"modal-title pull-left\">{{ 'error-during-checkout' | translate }}</h4>\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\n                <span aria-hidden=\"true\">&times;</span>\n            </button>\n        </div>\n        <div class=\"modal-body p-5\">\n            {{ error.message }}\n        </div>\n        <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-default\" (click)=\"bsModalRef.hide()\">Continuar</button>\n        </div>\n    </div>\n</ng-template>\n\n",
@@ -16317,7 +16591,7 @@ CheckoutErrorComponent = __decorate$1A([
     })
 ], CheckoutErrorComponent);
 
-var __decorate$1B = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1C = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16564,22 +16838,22 @@ MpRedirectEcComponent.ctorParameters = () => [
     { type: DomSanitizer },
     { type: NgZone }
 ];
-__decorate$1B([
+__decorate$1C([
     Input()
 ], MpRedirectEcComponent.prototype, "method", void 0);
-__decorate$1B([
+__decorate$1C([
     Input()
 ], MpRedirectEcComponent.prototype, "total_amount", void 0);
-__decorate$1B([
+__decorate$1C([
     Input()
 ], MpRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1B([
+__decorate$1C([
     Input()
 ], MpRedirectEcComponent.prototype, "allData", void 0);
-__decorate$1B([
+__decorate$1C([
     Output()
 ], MpRedirectEcComponent.prototype, "ready", void 0);
-MpRedirectEcComponent = __decorate$1B([
+MpRedirectEcComponent = __decorate$1C([
     Component({
         selector: 'app-mp-redirect-ec',
         template: "<div class=\"text-center\" *ngIf=\"url; else loadingUrl\">\n\n    <ng-container *ngIf=\"isIdle\">\n        <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar mt-3\">\n            Pagar\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"isPaying\">\n        <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n            <h3>Procesando el pago por Mercado Pago</h3>\n            <h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n\n        <div class=\"container-fluid\">\n            <div class=\"row\">\n                <div class=\"col-5\">\n                    <hr>\n                </div>\n                <div class=\"col-2 text-center\"><label>o</label></div>\n                <div class=\"col-5\">\n                    <hr>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n            <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">\n                Cancelar pago\n            </button>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"isFinalizing\">\n        <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n            <h3>Confirmando pago y redirigiendo\u2026</h3>\n            <h5>No cierres ni recargues esta p\u00E1gina.</h5>\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </ng-container>\n\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -16587,7 +16861,7 @@ MpRedirectEcComponent = __decorate$1B([
     })
 ], MpRedirectEcComponent);
 
-var __decorate$1C = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1D = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16692,25 +16966,25 @@ RedSysRedirectOutEcComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: DomSanitizer }
 ];
-__decorate$1C([
+__decorate$1D([
     Input()
 ], RedSysRedirectOutEcComponent.prototype, "method", void 0);
-__decorate$1C([
+__decorate$1D([
     Input()
 ], RedSysRedirectOutEcComponent.prototype, "total_amount", void 0);
-__decorate$1C([
+__decorate$1D([
     Input()
 ], RedSysRedirectOutEcComponent.prototype, "user_data", void 0);
-__decorate$1C([
+__decorate$1D([
     Input()
 ], RedSysRedirectOutEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1C([
+__decorate$1D([
     Input()
 ], RedSysRedirectOutEcComponent.prototype, "allData", void 0);
-__decorate$1C([
+__decorate$1D([
     Output()
 ], RedSysRedirectOutEcComponent.prototype, "ready", void 0);
-RedSysRedirectOutEcComponent = __decorate$1C([
+RedSysRedirectOutEcComponent = __decorate$1D([
     Component({
         selector: 'app-redsys-redirect-out-ec',
         template: "<div class=\"text-center\">\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"url;else loadingUrl\">\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Pagar</button>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Redsys</h3>\n        <h5>Recuerde hacer click en \"Continuar\" desde Redsys para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n            <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n            <label for=\"\">o</label>\n            </div>\n            <div class=\"col-5\">\n            <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
@@ -16718,7 +16992,7 @@ RedSysRedirectOutEcComponent = __decorate$1C([
     })
 ], RedSysRedirectOutEcComponent);
 
-var __decorate$1D = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1E = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16860,25 +17134,25 @@ PaypalExpressEcComponent.ctorParameters = () => [
     { type: ToastService },
     { type: ActivatedRoute }
 ];
-__decorate$1D([
+__decorate$1E([
     Input()
 ], PaypalExpressEcComponent.prototype, "method", void 0);
-__decorate$1D([
+__decorate$1E([
     Input()
 ], PaypalExpressEcComponent.prototype, "total_amount", void 0);
-__decorate$1D([
+__decorate$1E([
     Output()
 ], PaypalExpressEcComponent.prototype, "ready", void 0);
-__decorate$1D([
+__decorate$1E([
     Input()
 ], PaypalExpressEcComponent.prototype, "user_data", void 0);
-__decorate$1D([
+__decorate$1E([
     ViewChild('template')
 ], PaypalExpressEcComponent.prototype, "template", void 0);
-__decorate$1D([
+__decorate$1E([
     ViewChild('paypal', { static: true })
 ], PaypalExpressEcComponent.prototype, "paypalElement", void 0);
-PaypalExpressEcComponent = __decorate$1D([
+PaypalExpressEcComponent = __decorate$1E([
     Component({
         selector: 'app-paypal-express-ec',
         template: "<div class=\"text-center\">\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading;else loadingTemp\">\n    </ng-container>\n    <div #paypal> </div>\n</div>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -16886,7 +17160,7 @@ PaypalExpressEcComponent = __decorate$1D([
     })
 ], PaypalExpressEcComponent);
 
-var __decorate$1E = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1F = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -16997,28 +17271,28 @@ MobbexEcComponent.ctorParameters = () => [
     { type: DomSanitizer },
     { type: BsModalService }
 ];
-__decorate$1E([
+__decorate$1F([
     Input()
 ], MobbexEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1E([
+__decorate$1F([
     Input()
 ], MobbexEcComponent.prototype, "method", void 0);
-__decorate$1E([
+__decorate$1F([
     Input()
 ], MobbexEcComponent.prototype, "total_amount", void 0);
-__decorate$1E([
+__decorate$1F([
     Input()
 ], MobbexEcComponent.prototype, "allData", void 0);
-__decorate$1E([
+__decorate$1F([
     Input()
 ], MobbexEcComponent.prototype, "user_data", void 0);
-__decorate$1E([
+__decorate$1F([
     Output()
 ], MobbexEcComponent.prototype, "ready", void 0);
-__decorate$1E([
+__decorate$1F([
     ViewChild('template')
 ], MobbexEcComponent.prototype, "template", void 0);
-MobbexEcComponent = __decorate$1E([
+MobbexEcComponent = __decorate$1F([
     Component({
         selector: 'app-mobbex-ec',
         template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Mobbex</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modalRef.hide(); loading = false;\">\n            </button>\n        </div>\n        <div class=\"modal-body\">\n            <iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -17027,7 +17301,7 @@ MobbexEcComponent = __decorate$1E([
     })
 ], MobbexEcComponent);
 
-var __decorate$1F = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1G = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17141,28 +17415,28 @@ BancardEcComponent.ctorParameters = () => [
     { type: DomSanitizer },
     { type: BsModalService }
 ];
-__decorate$1F([
+__decorate$1G([
     Input()
 ], BancardEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1F([
+__decorate$1G([
     Input()
 ], BancardEcComponent.prototype, "method", void 0);
-__decorate$1F([
+__decorate$1G([
     Input()
 ], BancardEcComponent.prototype, "total_amount", void 0);
-__decorate$1F([
+__decorate$1G([
     Input()
 ], BancardEcComponent.prototype, "allData", void 0);
-__decorate$1F([
+__decorate$1G([
     Input()
 ], BancardEcComponent.prototype, "user_data", void 0);
-__decorate$1F([
+__decorate$1G([
     Output()
 ], BancardEcComponent.prototype, "ready", void 0);
-__decorate$1F([
+__decorate$1G([
     ViewChild('template')
 ], BancardEcComponent.prototype, "template", void 0);
-BancardEcComponent = __decorate$1F([
+BancardEcComponent = __decorate$1G([
     Component({
         selector: 'app-bancard-ec',
         template: "<div class=\"h-100 text-center\">\n    <h4>Continuar con el pago con Bancard</h4>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\n        <button *ngIf=\"url\" class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\n        <p *ngIf=\"!url\" class=\"px-5\">Actualmente no se encuentra disponible el m\u00E9todo de pago</p>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header border-none justify-content-end px-1\">\n            <button type=\"button\" class=\"btn bg-none\" (click)=\"clickClose()\">\n                X \n            </button>\n        </div>\n    </div>\n    <div class=\"modal-body\">\n        <iframe src=\"assets/bancardFrameBase.html\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -17171,7 +17445,7 @@ BancardEcComponent = __decorate$1F([
     })
 ], BancardEcComponent);
 
-var __decorate$1G = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1H = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17280,25 +17554,25 @@ BancardRedirectEcComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: DomSanitizer }
 ];
-__decorate$1G([
+__decorate$1H([
     Input()
 ], BancardRedirectEcComponent.prototype, "method", void 0);
-__decorate$1G([
+__decorate$1H([
     Input()
 ], BancardRedirectEcComponent.prototype, "total_amount", void 0);
-__decorate$1G([
+__decorate$1H([
     Input()
 ], BancardRedirectEcComponent.prototype, "user_data", void 0);
-__decorate$1G([
+__decorate$1H([
     Input()
 ], BancardRedirectEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1G([
+__decorate$1H([
     Input()
 ], BancardRedirectEcComponent.prototype, "allData", void 0);
-__decorate$1G([
+__decorate$1H([
     Output()
 ], BancardRedirectEcComponent.prototype, "ready", void 0);
-BancardRedirectEcComponent = __decorate$1G([
+BancardRedirectEcComponent = __decorate$1H([
     Component({
         selector: 'app-bancard-redirect-ec',
         template: "<div class=\"text-center\">\n    <h4>Continuar con el pago con Bancard</h4>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"url;else loadingUrl\">\n        <ng-container *ngIf=\"!loading;else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary comprar\">Pagar</button>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Bancard</h3>\n        <h5>Recuerde hacer click en \"Finalizar\" desde Bancard para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n            <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n            <label for=\"\">o</label>\n            </div>\n            <div class=\"col-5\">\n            <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
@@ -17306,7 +17580,7 @@ BancardRedirectEcComponent = __decorate$1G([
     })
 ], BancardRedirectEcComponent);
 
-var __decorate$1H = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1I = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17369,10 +17643,10 @@ SelectChannelEcComponent.ctorParameters = () => [
     { type: BsModalService },
     { type: Router }
 ];
-__decorate$1H([
+__decorate$1I([
     ViewChild('template')
 ], SelectChannelEcComponent.prototype, "template", void 0);
-SelectChannelEcComponent = __decorate$1H([
+SelectChannelEcComponent = __decorate$1I([
     Component({
         selector: 'select-channel-ec',
         template: "<ng-template #template>\n    <div class=\"modal-content\" id=\"modalChanel\">\n        <div class=\"modal-header\">\n            <h5 class=\"modal-title w-100 text-center text-uppercase\">{{ 'select-channel' | translate }}</h5>\n        </div>\n        <div class=\"modal-body px-4\">\n            <div class=\"card p-3 my-2 bg-light\" *ngFor=\"let item of channels; let i = index\">\n                <div class=\"form-check\">\n                    <input class=\"form-check-input\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\" [checked]=\"item.selected\" (click)=\"setSelect(item)\">\n                    <h5 class=\"form-check-label\" role=\"button\" (click)=\"setSelect(item)\">{{ 'channel' | translate }}: {{ item.name }}</h5>\n                </div>\n            </div>\n\n            <!-- <div class=\"row\" *ngFor=\"let item of channels; let i = index\">\n                <div class=\"col-1\">\n                    <input class=\"form-check-input\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\" [checked]=\"item.selected\"\n                        (click)=\"setSelect(item)\">\n                </div>\n                <div class=\"col-11\">\n                    <h5 role=\"button\" (click)=\"setSelect(item)\">{{ 'channel' | translate }}: {{ item.name }}</h5>\n                </div>\n            </div> -->\n        </div>\n        <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-primary px-3 py-2\" (click)=\"setChannel()\">{{ 'continue' | translate }}</button>\n        </div>\n    </div>\n</ng-template>",
@@ -17381,7 +17655,7 @@ SelectChannelEcComponent = __decorate$1H([
     })
 ], SelectChannelEcComponent);
 
-var __decorate$1I = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1J = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17415,7 +17689,7 @@ CartLoadEcComponent.ctorParameters = () => [
     { type: CheckoutService },
     { type: CartService }
 ];
-CartLoadEcComponent = __decorate$1I([
+CartLoadEcComponent = __decorate$1J([
     Component({
         selector: 'app-cart-load-ec',
         template: "<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ 'retrieve-cart' | translate | uppercase }}</h4>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col align-self-center mt-2\">\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\n</div>",
@@ -17423,7 +17697,7 @@ CartLoadEcComponent = __decorate$1I([
     })
 ], CartLoadEcComponent);
 
-var __decorate$1J = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1K = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17559,28 +17833,28 @@ let MagnizoomComponent = class MagnizoomComponent {
         event.stopPropagation();
     }
 };
-__decorate$1J([
+__decorate$1K([
     Input()
 ], MagnizoomComponent.prototype, "ImageSrc", null);
-__decorate$1J([
+__decorate$1K([
     Input()
 ], MagnizoomComponent.prototype, "zoomMode", void 0);
-__decorate$1J([
+__decorate$1K([
     Input()
 ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
-__decorate$1J([
+__decorate$1K([
     Input()
 ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
-__decorate$1J([
+__decorate$1K([
     Input()
 ], MagnizoomComponent.prototype, "imageStyle", void 0);
-__decorate$1J([
+__decorate$1K([
     Input()
 ], MagnizoomComponent.prototype, "imageClass", void 0);
-__decorate$1J([
+__decorate$1K([
     ViewChild('mainCanvas', { static: true })
 ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
-MagnizoomComponent = __decorate$1J([
+MagnizoomComponent = __decorate$1K([
     Component({
         selector: '[app-magnizoom-ec]',
         template: "<canvas #mainCanvas\n  class=\"main-canvas\"\n  [ngClass]=\"imageClass\"\n  [ngStyle]=\"imageStyle\"\n  [width]=\"canvasWidth\"\n  [height]=\"canvasHeight\"\n  (mouseleave)=\"onMouseLeave($event)\"\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\n  (mousemove)=\"onMouseEnterOrMove($event)\"\n  (wheel)=\"onMouseScroll($event)\">\n</canvas>\n",
@@ -17588,7 +17862,7 @@ MagnizoomComponent = __decorate$1J([
     })
 ], MagnizoomComponent);
 
-var __decorate$1K = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1L = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17724,19 +17998,19 @@ MultipleItemsToCartEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: ToastService }
 ];
-__decorate$1K([
+__decorate$1L([
     Input()
 ], MultipleItemsToCartEcComponent.prototype, "product", void 0);
-__decorate$1K([
+__decorate$1L([
     Input()
 ], MultipleItemsToCartEcComponent.prototype, "objectWithVariant", void 0);
-__decorate$1K([
+__decorate$1L([
     Output()
 ], MultipleItemsToCartEcComponent.prototype, "totalCostItems", void 0);
-__decorate$1K([
+__decorate$1L([
     Output()
 ], MultipleItemsToCartEcComponent.prototype, "totalItems", void 0);
-MultipleItemsToCartEcComponent = __decorate$1K([
+MultipleItemsToCartEcComponent = __decorate$1L([
     Component({
         selector: 'app-multiple-items-to-cart-ec',
         template: "<table class=\"table table-hover tablas tabla-curva\">\n    <thead>\n        <tr>\n            <th scope=\"col\">Curva</th>\n            <th *ngFor=\"let item of optionsProductForVariant()\" scope=\"col\">{{item.currentOption?.code}}</th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngIf=\"allWithoutTracking()\">\n            <tr>\n                <td>Stock</td>\n                <th *ngFor=\"let item of optionsProductForVariant()\" scope=\"col\">{{(item.currentOption?.stock == 9999)? 'N/A' : item.currentOption?.stock }}</th>\n            </tr>\n        </ng-container>\n        <tr>\n            <td></td>\n            <td *ngFor=\"let item of optionsProductForVariant()\">\n                <div class=\"text-center\">\n                    <input class=\"form-control form-control-sm in-curva\"\n                        (keypress)=\"consts.inputValidationByExpressions($event,'[0-9]{1,9}', condition(inputValue.value,item) )\" #inputValue \n                        (keyup)=\"setQuantity(inputValue.value,item)\" [max]=\"item.currentOption?.stock\"  min=\"0\" type=\"text\"\n                        [value]=\"item?.productToCartItem?.quantity || 0\" id=\"\">\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n<ng-template #loading>\n     <div class=\"col-12 align-items-center\">\n          <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n               <app-loading-full-ec></app-loading-full-ec>\n          </div>\n     </div>\n</ng-template>",
@@ -17744,7 +18018,7 @@ MultipleItemsToCartEcComponent = __decorate$1K([
     })
 ], MultipleItemsToCartEcComponent);
 
-var __decorate$1L = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1M = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17857,13 +18131,13 @@ CaptchaService.ctorParameters = () => [
     { type: ParametersService }
 ];
 CaptchaService.ɵprov = ɵɵdefineInjectable({ factory: function CaptchaService_Factory() { return new CaptchaService(ɵɵinject(Constants), ɵɵinject(ConnectionService), ɵɵinject(HttpClient), ɵɵinject(ParametersService)); }, token: CaptchaService, providedIn: "root" });
-CaptchaService = __decorate$1L([
+CaptchaService = __decorate$1M([
     Injectable({
         providedIn: 'root'
     })
 ], CaptchaService);
 
-var __decorate$1M = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1N = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -17896,13 +18170,13 @@ let RecaptchaEcComponent = class RecaptchaEcComponent {
 RecaptchaEcComponent.ctorParameters = () => [
     { type: CaptchaService }
 ];
-__decorate$1M([
+__decorate$1N([
     Input()
 ], RecaptchaEcComponent.prototype, "form", void 0);
-__decorate$1M([
+__decorate$1N([
     Input()
 ], RecaptchaEcComponent.prototype, "siteKey", void 0);
-RecaptchaEcComponent = __decorate$1M([
+RecaptchaEcComponent = __decorate$1N([
     Component({
         selector: 're-captcha-ec',
         template: "<ng-container *ngIf=\"captcha.siteKey; else loading\">\n    <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\" [formControl]=\"form.controls['captcha']\">\n    </re-captcha>\n</ng-container>\n<ng-template #loading>\n      <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
@@ -17910,7 +18184,7 @@ RecaptchaEcComponent = __decorate$1M([
     })
 ], RecaptchaEcComponent);
 
-var __decorate$1N = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1O = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18043,28 +18317,28 @@ DecidirEcComponent.ctorParameters = () => [
     { type: ParametersService },
     { type: CheckoutService }
 ];
-__decorate$1N([
+__decorate$1O([
     Input()
 ], DecidirEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1N([
+__decorate$1O([
     Input()
 ], DecidirEcComponent.prototype, "method", void 0);
-__decorate$1N([
+__decorate$1O([
     Input()
 ], DecidirEcComponent.prototype, "total_amount", void 0);
-__decorate$1N([
+__decorate$1O([
     Input()
 ], DecidirEcComponent.prototype, "allData", void 0);
-__decorate$1N([
+__decorate$1O([
     Input()
 ], DecidirEcComponent.prototype, "user_data", void 0);
-__decorate$1N([
+__decorate$1O([
     Output()
 ], DecidirEcComponent.prototype, "ready", void 0);
-__decorate$1N([
+__decorate$1O([
     ViewChild('template')
 ], DecidirEcComponent.prototype, "template", void 0);
-DecidirEcComponent = __decorate$1N([
+DecidirEcComponent = __decorate$1O([
     Component({
         selector: 'app-decidir-ec',
         template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Decidir</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading; else loadingUrl\">\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal(template)\">Pagar</button>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header border-none justify-content-end px-1\">\n            <button type=\"button\" class=\"btn bg-none\" (click)=\"clickClose()\">\n                X \n            </button>\n        </div>\n    </div>\n    <div class=\"modal-body\">\n        <iframe #iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n",
@@ -18073,7 +18347,7 @@ DecidirEcComponent = __decorate$1N([
     })
 ], DecidirEcComponent);
 
-var __decorate$1O = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1P = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18180,13 +18454,13 @@ ConcatenatedAssociationsService.ctorParameters = () => [
     { type: ConnectionService }
 ];
 ConcatenatedAssociationsService.ɵprov = ɵɵdefineInjectable({ factory: function ConcatenatedAssociationsService_Factory() { return new ConcatenatedAssociationsService(ɵɵinject(Constants), ɵɵinject(ConnectionService)); }, token: ConcatenatedAssociationsService, providedIn: "root" });
-ConcatenatedAssociationsService = __decorate$1O([
+ConcatenatedAssociationsService = __decorate$1P([
     Injectable({
         providedIn: 'root'
     })
 ], ConcatenatedAssociationsService);
 
-var __decorate$1P = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1Q = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18472,7 +18746,7 @@ BuildYourEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: Router }
 ];
-BuildYourEcComponent = __decorate$1P([
+BuildYourEcComponent = __decorate$1Q([
     Component({
         selector: 'app-build-your-ec',
         template: "<p>\n  build-your-ec works!\n</p>\n",
@@ -18480,7 +18754,7 @@ BuildYourEcComponent = __decorate$1P([
     })
 ], BuildYourEcComponent);
 
-var __decorate$1Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1R = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18541,10 +18815,10 @@ ProductFoundEcComponent.ctorParameters = () => [
     { type: Router },
     { type: ToastService }
 ];
-__decorate$1Q([
+__decorate$1R([
     Input()
 ], ProductFoundEcComponent.prototype, "product", void 0);
-ProductFoundEcComponent = __decorate$1Q([
+ProductFoundEcComponent = __decorate$1R([
     Component({
         selector: 'app-product-found-ec',
         template: "<p>\n  product-found works!\n</p>\n",
@@ -18553,7 +18827,7 @@ ProductFoundEcComponent = __decorate$1Q([
     })
 ], ProductFoundEcComponent);
 
-var __decorate$1R = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1S = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18709,22 +18983,22 @@ ComparedProductsEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: Router }
 ];
-__decorate$1R([
+__decorate$1S([
     Input()
 ], ComparedProductsEcComponent.prototype, "product_id", void 0);
-__decorate$1R([
+__decorate$1S([
     Input()
 ], ComparedProductsEcComponent.prototype, "emptyValue", void 0);
-__decorate$1R([
+__decorate$1S([
     Input()
 ], ComparedProductsEcComponent.prototype, "classes", void 0);
-__decorate$1R([
+__decorate$1S([
     Input()
 ], ComparedProductsEcComponent.prototype, "setSize", null);
-__decorate$1R([
+__decorate$1S([
     Output()
 ], ComparedProductsEcComponent.prototype, "error", void 0);
-ComparedProductsEcComponent = __decorate$1R([
+ComparedProductsEcComponent = __decorate$1S([
     Component({
         selector: 'app-compared-products-ec',
         template: "<ng-container *ngIf=\"!loading; else loadingView\">\n    <ng-container *ngIf=\"comparedProducts && comparedProducts.length\">\n        <div [class]=\"'table-responsive'+size\">\n            <table id=\"table\" [class]=\"'table '+classes\">\n                <thead id=\"thead\">\n                    <tr class=\"thead-tr\">\n                        <th class=\"thead-tr-th\" scope=\"col\"></th>\n                        <th class=\"thead-tr-th\" *ngFor=\"let product of comparedProducts\" scope=\"col\">{{product.id}}</th>\n                    </tr>\n                </thead>\n                <tbody id=\"tbody\">\n                    <tr *ngFor=\"let row of matrixComparedProducts | keyvalue\" class=\"tbody-tr\">\n                        <th class=\"tbody-tr-th\" scope=\"row\">{{attributes[row.key].name}}</th>\n                        <td class=\"tbody-tr-td\" *ngFor=\"let col of row.value\">\n                            <ul>\n                                <li *ngFor=\"let item of col.values\">\n                                    {{ item.name }}\n                                </li>\n                            </ul>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </ng-container>\n</ng-container>\n<ng-template #loadingView>\n    <div class=\"w-100 h-50 py-5\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n    </div>\n</ng-template>",
@@ -18732,7 +19006,7 @@ ComparedProductsEcComponent = __decorate$1R([
     })
 ], ComparedProductsEcComponent);
 
-var __decorate$1S = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1T = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18754,25 +19028,25 @@ StepEcComponent.ctorParameters = () => [
     { type: CheckoutService },
     { type: AnalyticsService }
 ];
-__decorate$1S([
+__decorate$1T([
     Input()
 ], StepEcComponent.prototype, "lastStep", void 0);
-__decorate$1S([
+__decorate$1T([
     Input()
 ], StepEcComponent.prototype, "previousStep", void 0);
-__decorate$1S([
+__decorate$1T([
     Input()
 ], StepEcComponent.prototype, "step_id", void 0);
-__decorate$1S([
+__decorate$1T([
     Input()
 ], StepEcComponent.prototype, "nextStep", void 0);
-__decorate$1S([
+__decorate$1T([
     Input()
 ], StepEcComponent.prototype, "goBack", void 0);
-__decorate$1S([
+__decorate$1T([
     Input()
 ], StepEcComponent.prototype, "id_step", void 0);
-StepEcComponent = __decorate$1S([
+StepEcComponent = __decorate$1T([
     Component({
         selector: 'app-step-ec',
         template: "<ng-container [ngSwitch]=\"step_id\">\n\n    <ng-container *ngSwitchCase=\"1\">\n        <app-dataform-ec [step_id]=\"id_step\" [isLastOne]=\"lastStep\" [nextStep]=\"nextStep\">\n        </app-dataform-ec>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"2\">\n        <ng-container *ngIf=\"isStepReady('address')\">\n            <app-shipment-ec [step_id]=\"id_step\">\n            </app-shipment-ec>\n            <div class=\"checkout-btn-container mt-2\">\n                <button class=\"btn valid-btn\" (click)=\"goBack()\">{{'back'|translate}}</button>\n                <ng-container *ngIf=\"(checkoutService.order$ | async) as order\">\n                    <button  *ngIf=\"isStepReady('shipment')\" (click)=\"nextStep()\"\n                        class=\"btn valid-btn float-end\" (click)=\"metodoEnvio(order)\">{{ (lastStep ? 'finish-checkout' : 'ready-form') |translate}}\n                    </button>\n                </ng-container>\n            </div>\n        </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"3\">\n        <ng-container *ngIf=\"isStepReady(previousStep)\">\n            <app-payment-ec [step_id]=\"id_step\">\n            </app-payment-ec>\n            <div class=\"checkout-btn-container mt-2\">\n                <button class=\"btn valid-btn\"\n                    (click)=\"goBack()\">{{'back'|translate}}</button>\n            </div>\n        </ng-container>\n    </ng-container>\n\n</ng-container>\n",
@@ -18780,7 +19054,7 @@ StepEcComponent = __decorate$1S([
     })
 ], StepEcComponent);
 
-var __decorate$1T = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1U = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18899,25 +19173,25 @@ CulqiEcComponent.ctorParameters = () => [
     { type: ConnectionService },
     { type: ParametersService }
 ];
-__decorate$1T([
+__decorate$1U([
     Input()
 ], CulqiEcComponent.prototype, "amount", void 0);
-__decorate$1T([
+__decorate$1U([
     Input()
 ], CulqiEcComponent.prototype, "apiKey", void 0);
-__decorate$1T([
+__decorate$1U([
     Input()
 ], CulqiEcComponent.prototype, "method", void 0);
-__decorate$1T([
+__decorate$1U([
     Input()
 ], CulqiEcComponent.prototype, "customStyle", void 0);
-__decorate$1T([
+__decorate$1U([
     Output()
 ], CulqiEcComponent.prototype, "ready", void 0);
-__decorate$1T([
+__decorate$1U([
     ViewChild('formContainer')
 ], CulqiEcComponent.prototype, "anchor", void 0);
-CulqiEcComponent = __decorate$1T([
+CulqiEcComponent = __decorate$1U([
     Component({
         selector: 'app-culqi-ec',
         template: "<div class=\"text-center\">\n    <h3 *ngIf=\"method && method?.name\">{{method.name}}</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <form action=\"javascript:void(0)\" #formContainer></form>\n    <button *ngIf=\"loaded; else loading\" (click)=\"open()\" class=\"comprar\">Pagar</button>\n</div>\n\n\n<ng-template #loading>\n    <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
@@ -18925,7 +19199,7 @@ CulqiEcComponent = __decorate$1T([
     })
 ], CulqiEcComponent);
 
-var __decorate$1U = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1V = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -18988,16 +19262,16 @@ let RatingEcComponent = class RatingEcComponent extends ComponentHelper {
         this.ratingValue ? this.processRatingValue(this.ratingValue) : null;
     }
 };
-__decorate$1U([
+__decorate$1V([
     Input()
 ], RatingEcComponent.prototype, "template", void 0);
-__decorate$1U([
+__decorate$1V([
     Input()
 ], RatingEcComponent.prototype, "type", void 0);
-__decorate$1U([
+__decorate$1V([
     Input()
 ], RatingEcComponent.prototype, "ratingValue", void 0);
-RatingEcComponent = __decorate$1U([
+RatingEcComponent = __decorate$1V([
     Component({
         selector: 'app-rating-ec',
         template: "<ng-container [ngSwitch]=\"type\">\n        <ng-template #stars let-score=\"score\">\n           <ng-container *ngFor=\"let value of score\">\n                <ng-container [ngSwitch]=\"value\">\n                    <i *ngSwitchCase=\"1\" class=\"me-1 bi bi-star-fill text-warning star\"></i>\n                    <i *ngSwitchCase=\"0.5\" class=\"me-1 bi bi-star-half text-warning star\"></i>\n                    <i *ngSwitchCase=\"0\" class=\"me-1 bi bi-star text-muted star\"></i>\n                </ng-container>\n           </ng-container>\n        </ng-template>\n        <ng-container *ngSwitchCase=\"'stars'\"\n            [ngTemplateOutlet]=\"template  ? template : stars\"\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\n        </ng-container>\n</ng-container>\n",
@@ -19005,7 +19279,7 @@ RatingEcComponent = __decorate$1U([
     })
 ], RatingEcComponent);
 
-var __decorate$1V = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1W = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19097,13 +19371,13 @@ ReviewsService.ctorParameters = () => [
     { type: PaginationService }
 ];
 ReviewsService.ɵprov = ɵɵdefineInjectable({ factory: function ReviewsService_Factory() { return new ReviewsService(ɵɵinject(ConnectionService), ɵɵinject(Constants), ɵɵinject(PaginationService)); }, token: ReviewsService, providedIn: "root" });
-ReviewsService = __decorate$1V([
+ReviewsService = __decorate$1W([
     Injectable({
         providedIn: 'root'
     })
 ], ReviewsService);
 
-var __decorate$1W = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1X = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19211,19 +19485,19 @@ ReviewsFormEcComponent.ctorParameters = () => [
     { type: AuthService },
     { type: ReviewsService }
 ];
-__decorate$1W([
+__decorate$1X([
     Input()
 ], ReviewsFormEcComponent.prototype, "product", void 0);
-__decorate$1W([
+__decorate$1X([
     Input()
 ], ReviewsFormEcComponent.prototype, "withAuthenticated", void 0);
-__decorate$1W([
+__decorate$1X([
     Input()
 ], ReviewsFormEcComponent.prototype, "max", void 0);
-__decorate$1W([
+__decorate$1X([
     Output()
 ], ReviewsFormEcComponent.prototype, "ready", void 0);
-ReviewsFormEcComponent = __decorate$1W([
+ReviewsFormEcComponent = __decorate$1X([
     Component({
         selector: 'app-reviews-form-ec',
         template: "<p>\n  reviews-form-ec works!\n</p>\n",
@@ -19231,7 +19505,7 @@ ReviewsFormEcComponent = __decorate$1W([
     })
 ], ReviewsFormEcComponent);
 
-var __decorate$1X = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1Y = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19284,10 +19558,10 @@ ReviewsEcComponent.ctorParameters = () => [
     { type: ReviewsService },
     { type: Constants }
 ];
-__decorate$1X([
+__decorate$1Y([
     Input()
 ], ReviewsEcComponent.prototype, "product", void 0);
-ReviewsEcComponent = __decorate$1X([
+ReviewsEcComponent = __decorate$1Y([
     Component({
         selector: 'app-reviews-ec',
         template: "<p>\n  reviews-ec works!\n</p>\n",
@@ -19295,7 +19569,7 @@ ReviewsEcComponent = __decorate$1X([
     })
 ], ReviewsEcComponent);
 
-var __decorate$1Y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1Z = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19554,28 +19828,28 @@ BancardCatastroEcComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
     { type: Renderer2 }
 ];
-__decorate$1Y([
+__decorate$1Z([
     Input()
 ], BancardCatastroEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$1Y([
+__decorate$1Z([
     Input()
 ], BancardCatastroEcComponent.prototype, "method", void 0);
-__decorate$1Y([
+__decorate$1Z([
     Input()
 ], BancardCatastroEcComponent.prototype, "total_amount", void 0);
-__decorate$1Y([
+__decorate$1Z([
     Input()
 ], BancardCatastroEcComponent.prototype, "allData", void 0);
-__decorate$1Y([
+__decorate$1Z([
     Input()
 ], BancardCatastroEcComponent.prototype, "user_data", void 0);
-__decorate$1Y([
+__decorate$1Z([
     Output()
 ], BancardCatastroEcComponent.prototype, "ready", void 0);
-__decorate$1Y([
+__decorate$1Z([
     Output()
 ], BancardCatastroEcComponent.prototype, "cardAdded", void 0);
-BancardCatastroEcComponent = __decorate$1Y([
+BancardCatastroEcComponent = __decorate$1Z([
     Component({
         selector: 'app-bancard-catastro-ec',
         template: "<div *ngIf=\"!loading; else loadingView\">\n    <div class=\"row my-3\">\n        <ng-container *ngIf=\"registered_cards && registered_cards.length > 0; else notCards\">\n            <ng-container *ngFor=\"let card of registered_cards; let x=index\">\n                <div class=\"col-12 col-md-6\">\n                    <div class=\"card my-2\">\n                        <div class=\"card-body\">\n                            <div class=\"row\">\n                                <div class=\"col-12 col-md-9\">\n                                    <h5 class=\"card-title\">Terminada en {{card.card_masked_number.slice(-4)}}</h5>\n                                    <!-- <h6 class=\"card-subtitle mb-2 text-muted\">Card subtitle</h6> -->\n                                    <!--                       <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>\n                                                                 -->\n                                    <p class=\"card-text text-muted\">{{card.card_brand}}</p>\n                                    <p class=\"card-text text-muted\">Vencimiento: {{card.expiration_date}}</p>\n                                </div>\n                                <div class=\"col-3 d-none d-md-flex\">\n                                    <div class=\"d-flex flex-column justify-content-between align-items-center w-100\">\n                                        <div class=\"d-flex justify-content-end w-100\">\n                                            <a class=\"cursor-pointer text-primary\" (click)=\"deleteCard(card.card_id)\">\n                                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-trash3\"\n                                                    viewBox=\"0 0 16 16\">\n                                                    <path\n                                                        d=\"M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z\" />\n                                                </svg>\n                                            </a>\n                                        </div>\n                                        <img [src]=\"getCardImg(card.card_brand)\" class=\"img-card\" />\n                                        \n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"card-footer d-flex flex-row justify-content-end\">\n                            <ng-container *ngIf=\"!checkingPayment; else buttonLoading\">\n                                <button *ngIf=\"card.card_type == 'credit'; else debito\" class=\"btn comprar text-white\" data-bs-toggle=\"modal\"\n                                    data-bs-target=\"#modalCuotas\" (click)=\"setCurrentCardID(card.card_id)\">Pagar</button>\n                                <ng-template #debito>\n                                    <button class=\"btn comprar text-white\" (click)=\"toPay(card.card_id)\">Pagar</button>\n                                </ng-template>\n                            </ng-container>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n        <ng-template #notCards>\n            <div class=\"col-12 d-flex justify-content-center\">\n                <h6>Usted no posee tarjetas registrada. Para continuar con este m\u00E9todo de pago por favor registre una\n                    tarjeta presionando el bot\u00F3n de <span class=\"text-decoration-underline fs-6\"> Nueva tarjeta</span>\n                </h6>\n            </div>\n        </ng-template>\n    </div>\n    <div class=\"d-flex flex-row w-full justify-content-center\">\n        <button class=\"btn comprar text-white\" data-bs-toggle=\"modal\" data-bs-target=\"#catastro\"\n            (click)=\"getProcessId(); openModal()\">Nueva Tarjeta</button>\n    </div>\n</div>\n\n<div class=\"modal\" tabindex=\"-1\" id=\"catastro\">\n    <div class=\"modal-dialog\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <!--  <h5 class=\"modal-title\">Modal title</h5> -->\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\n                    (click)=\"closeModal()\"></button>\n            </div>\n            <div class=\"modal-body d-flex flex-column justify-content-center align-items-center\">\n                <ng-container *ngIf=\"infoPreview; else iframe\">\n                    <div class=\"alert alert-warning \" role=\"alert\">\n                        <p class=\"mb-0\">Estimado usuario,</p>\n                        <p> A continuaci\u00F3n usted pasar\u00E1 por \u00FAnica vez por un proceso de\n                            validaci\u00F3n con preguntas de seguridad. Para iniciar favor tener en\n                            cuenta las siguientes recomendaciones:</p>\n                        <ol class=\"list-group list-group-numbered\">\n                            <li class=\"list-group-item list-group-item-warning\">Verifique su n\u00FAmero de c\u00E9dula de\n                                identidad</li>\n                            <li class=\"list-group-item list-group-item-warning\">Tenga a mano sus tarjetas de cr\u00E9dito y\n                                d\u00E9bito activas</li>\n                            <li class=\"list-group-item list-group-item-warning\">Verifique el monto y lugar de sus\n                                \u00FAltimas compras en\n                                comercios o extracciones en cajeros</li>\n                        </ol>\n                    </div>\n                    <div class=\"d-flex flex-row w-full justify-content-center\">\n                        <a class=\"cursor-pointer text-dark fs-xs\" (click)=\"skipInfoPreview()\">Saltar</a>\n                    </div>\n                </ng-container>\n                <ng-template #iframe>\n                    <iframe *ngIf=\"url; else loadingView\" [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n\n\n<!-- Modal -->\n<div class=\"modal fade\" id=\"modalCuotas\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-dialog-centered modal-sm\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\">Elija el n\u00FAmero de cuotas</h5>\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"modal-body\">\n                <select class=\"form-select\" aria-label=\"Default select example\"\n                    (change)=\"setNumberOfPayments($event.target.value)\">\n                    <option selected disabled>Selecciones la cantidad de cuotas</option>\n                    <option value=\"1\">1 cuota</option>\n                    <option value=\"3\">3 cuotas</option>\n                    <option value=\"6\">6 cuotas</option>\n                    <option value=\"12\">12 cuotas</option>\n                </select>\n            </div>\n            <div class=\"modal-footer\" *ngIf=\"canPay()\">\n                <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"\n                    (click)=\"toPay(currentCardID)\">Pagar</button>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #loadingView>\n    <div>\n        <app-loading-inline-ec></app-loading-inline-ec>\n    </div>\n</ng-template>\n\n<ng-template #buttonLoading>\n    <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"> \n        <app-loading-inline-ec></app-loading-inline-ec>\n    </button>\n</ng-template>",
@@ -19583,7 +19857,7 @@ BancardCatastroEcComponent = __decorate$1Y([
     })
 ], BancardCatastroEcComponent);
 
-var __decorate$1Z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1_ = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19780,13 +20054,13 @@ CookiesService.ctorParameters = () => [
     { type: Injector }
 ];
 CookiesService.ɵprov = ɵɵdefineInjectable({ factory: function CookiesService_Factory() { return new CookiesService(ɵɵinject(INJECTOR)); }, token: CookiesService, providedIn: "root" });
-CookiesService = __decorate$1Z([
+CookiesService = __decorate$1_([
     Injectable({
         providedIn: 'root'
     })
 ], CookiesService);
 
-var __decorate$1_ = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1$ = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19879,10 +20153,10 @@ CookiesEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: CookiesService }
 ];
-__decorate$1_([
+__decorate$1$([
     Input()
 ], CookiesEcComponent.prototype, "templates", void 0);
-CookiesEcComponent = __decorate$1_([
+CookiesEcComponent = __decorate$1$([
     Component({
         selector: 'app-cookies-ec',
         template: "<ng-container *ngIf=\"ready\">\n    <ng-container [ngSwitch]=\"cookies.format.type\">\n        <ng-container *ngSwitchCase=\"'toast'\">\n            <ng-template #toastEcTemplate>\n                <app-toast-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-toast-cookies-ec>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"templates && templates.toast? templates.toast : toastEcTemplate\"\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'modal'\">\n            <ng-template #modalEcTemplate>\n                <app-modal-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-modal-cookies-ec>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"templates && templates.modal? templates.modal : modalEcTemplate\"\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'sidebar'\">\n            <ng-template #sidebarEcTemplate>\n                <app-sidebar-cookies-ec [cookies]=\"cookies\" [acceptCookies]=\"acceptCookies\"></app-sidebar-cookies-ec>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"templates && templates.sidebar? templates.sidebar : sidebarEcTemplate\"\n                [ngTemplateOutletContext]=\"{cookies:cookies, acceptCookies:acceptCookies}\"></ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-template #configEcTemplate>\n        <app-modal-config-ec [cookies]=\"cookies\" [cookiesToSave]=\"cookiesToSave\"\n            [cookiesFunctions]=\"cookiesFunctions\"></app-modal-config-ec>\n    </ng-template>\n    <ng-container [ngTemplateOutlet]=\"templates && templates.config ? templates.config : configEcTemplate\"\n        [ngTemplateOutletContext]=\"{cookies:cookies, cookiesToSave:cookiesToSave, cookiesFunctions:cookiesFunctions}\"></ng-container>\n</ng-container>",
@@ -19890,7 +20164,7 @@ CookiesEcComponent = __decorate$1_([
     })
 ], CookiesEcComponent);
 
-var __decorate$1$ = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$20 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19908,13 +20182,13 @@ let SidebarCookiesEcComponent = class SidebarCookiesEcComponent {
         }, 2000);
     }
 };
-__decorate$1$([
+__decorate$20([
     Input()
 ], SidebarCookiesEcComponent.prototype, "cookies", void 0);
-__decorate$1$([
+__decorate$20([
     Input()
 ], SidebarCookiesEcComponent.prototype, "acceptCookies", void 0);
-SidebarCookiesEcComponent = __decorate$1$([
+SidebarCookiesEcComponent = __decorate$20([
     Component({
         selector: 'app-sidebar-cookies-ec',
         template: "<ng-container *ngIf=\"cookies.format.position == 'start' || cookies.format.position == 'end'; else startend\">\n    <div [class]=\"'offcanvas offcanvas-'+cookies.format.position\"\n        [attr.data-bs-scroll]=\"(cookies.format.scrolling != undefined) ? cookies.format.scrolling : true\"\n        [attr.data-bs-backdrop]=\"(cookies.format.backdrop != undefined) ? cookies.format.backdrop : false\" tabindex=\"-1\"\n        id=\"offcanvasCookies\" aria-labelledby=\"offcanvasScrollingLabel\" style=\"height: 20%\">\n        <div class=\"offcanvas-header\">\n            <h5 *ngIf=\"cookies.title\" class=\"offcanvas-title\" id=\"offcanvasScrollingLabel\">{{cookies.title}}</h5>\n            <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"offcanvas-body d-flex align-items-start\">\n            <div class=\"row d-flex flex-row justify-content-between cookies-body\">\n                <div class=\"col-lg-12\">\n                    <p [innerHtml]=\"cookies.message | ecSanitizerHtml\"></p>\n                </div>\n                <div class=\"col-lg-12 d-flex flex-row justify-content-center align-items-center\">\n                    <button class=\"btn btn-primary mx-2\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                        data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n                    <button class=\"btn btn-primary mx-2\" data-bs-dismiss=\"offcanvas\" (click)=\"acceptCookies()\">{{ cookies.others.btnAccept }}</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #startend>\n    <div [class]=\"'offcanvas offcanvas-'+(cookies.format.position ? cookies.format.position : 'bottom')\"\n        [attr.data-bs-scroll]=\"(cookies.format.scrolling != undefined) ? cookies.format.scrolling : true\"\n        [attr.data-bs-backdrop]=\"(cookies.format.backdrop != undefined) ? cookies.format.backdrop : false\" tabindex=\"-1\"\n        id=\"offcanvasCookies\" aria-labelledby=\"offcanvasScrollingLabel\" style=\"height: 20%\">\n        <div class=\"offcanvas-header\">\n            <h5 *ngIf=\"cookies.title\" class=\"offcanvas-title\" id=\"offcanvasScrollingLabel\">{{cookies.title}}</h5>\n            <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"offcanvas-body d-flex align-items-center\">\n            <div class=\"row d-flex flex-row justify-content-between cookies-body w-100\">\n                <div class=\"col-lg-9\">\n                    <p [innerHtml]=\"cookies.message\"></p>\n                </div>\n                <div class=\"col-lg-3 d-flex flex-row justify-content-center align-items-center\" *ngIf=\"cookies.others\">\n                    <button class=\"btn btn-primary mx-2\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                        data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n                    <button class=\"btn btn-primary mx-2\"\n                        (click)=\"acceptCookies()\" data-bs-dismiss=\"offcanvas\">{{ cookies.others.btnAccept }}</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
@@ -19922,7 +20196,7 @@ SidebarCookiesEcComponent = __decorate$1$([
     })
 ], SidebarCookiesEcComponent);
 
-var __decorate$20 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$21 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19940,13 +20214,13 @@ let ModalCookiesEcComponent = class ModalCookiesEcComponent {
         }, 2000);
     }
 };
-__decorate$20([
+__decorate$21([
     Input()
 ], ModalCookiesEcComponent.prototype, "cookies", void 0);
-__decorate$20([
+__decorate$21([
     Input()
 ], ModalCookiesEcComponent.prototype, "acceptCookies", void 0);
-ModalCookiesEcComponent = __decorate$20([
+ModalCookiesEcComponent = __decorate$21([
     Component({
         selector: 'app-modal-cookies-ec',
         template: "<!-- Modal -->\n<div class=\"modal fade\" id=\"modal-cookies\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n    <div [class]=\"'modal-dialog modal-dialog-centered '+(cookies.format.size ? 'modal-'+cookies.format.size : '')\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 *ngIf=\"cookies.title\" class=\"modal-title\" id=\"exampleModalLabel\">{{cookies.title}}</h5>\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"modal-body\">\n                <div class=\"row\">\n                    <div class=\"col-md-12\">\n                        <p [innerHtml]=\"cookies.message\"></p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"modal-footer d-flex justify-content-between\" *ngIf=\"cookies.others\">\n                <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                    data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" (click)=\"acceptCookies()\">{{cookies.others.btnAccept}}</button>\n            </div>\n        </div>\n    </div>\n</div>\n",
@@ -19954,7 +20228,7 @@ ModalCookiesEcComponent = __decorate$20([
     })
 ], ModalCookiesEcComponent);
 
-var __decorate$21 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -19973,13 +20247,13 @@ let ToastCookiesEcComponent = class ToastCookiesEcComponent {
         }, 2000);
     }
 };
-__decorate$21([
+__decorate$22([
     Input()
 ], ToastCookiesEcComponent.prototype, "cookies", void 0);
-__decorate$21([
+__decorate$22([
     Input()
 ], ToastCookiesEcComponent.prototype, "acceptCookies", void 0);
-ToastCookiesEcComponent = __decorate$21([
+ToastCookiesEcComponent = __decorate$22([
     Component({
         selector: 'app-toast-cookies-ec',
         template: "<div [class]=\"'position-fixed p-3 '+(cookies.format?.positionY ? cookies.format.positionY : 'top-0')+' '+(cookies.format?.positionX ? cookies.format.positionX : 'start-0')\" style=\"z-index: 9999\">\n    <div id=\"cookieToast\" class=\"toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\">\n        <div class=\"toast-header bg-primary\">\n            <!-- <img src=\"...\" class=\"rounded me-2\" alt=\"...\"> -->\n            <strong *ngIf=\"cookies.title\" class=\"me-auto\">{{cookies.title}}</strong>\n            <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"></button>\n        </div>\n        <div class=\"toast-body\">\n            <p [innerHtml]=\"cookies.message\"></p>\n        </div>\n        <!--   <div class=\"toast-footer\" *ngIf=\"cookies.others\">\n            <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"cookies.cookies && cookies.cookies.length > 0\"\n                data-bs-toggle=\"modal\" data-bs-target=\"#config\">{{cookies.others.btnConfig}}</button>\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"acceptCookies()\">{{cookies.others.btnAccept}}</button>\n        </div> -->\n    </div>\n</div>",
@@ -19987,7 +20261,7 @@ ToastCookiesEcComponent = __decorate$21([
     })
 ], ToastCookiesEcComponent);
 
-var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$23 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -20000,16 +20274,16 @@ let ModalConfigEcComponent = class ModalConfigEcComponent {
     ngOnInit() {
     }
 };
-__decorate$22([
+__decorate$23([
     Input()
 ], ModalConfigEcComponent.prototype, "cookies", void 0);
-__decorate$22([
+__decorate$23([
     Input()
 ], ModalConfigEcComponent.prototype, "cookiesToSave", void 0);
-__decorate$22([
+__decorate$23([
     Input()
 ], ModalConfigEcComponent.prototype, "cookiesFunctions", void 0);
-ModalConfigEcComponent = __decorate$22([
+ModalConfigEcComponent = __decorate$23([
     Component({
         selector: 'app-modal-config-ec',
         template: "<!-- Modal -->\n<div class=\"modal fade\" id=\"config\" tabindex=\"-1\" aria-labelledby=\"configModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-dialog-centered modal-lg\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 *ngIf=\"cookies.title\" class=\"modal-title\" id=\"configModalLabel\">{{cookies.title}}</h5>\n                <button *ngIf=\"cookies.format.type == 'modal'; else close\" type=\"button\" class=\"btn-close\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\" aria-label=\"Close\"></button>\n                <ng-template #close>\n                    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n                </ng-template>\n            </div>\n            <div class=\"modal-body px-0 d-flex justify-content-center\">\n                <!--Vertical Pill-->\n                <div class=\"row w-100\">\n                    <div class=\"col-12 col-md-4 p-0 m-0\">\n                        <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n                            <button *ngFor=\"let cookie of cookies.cookies; let x = index\"\n                                [class]=\"'btn rounded-0 btn-primary   '+ (x==0 ? 'active' : '')\"\n                                [id]=\"'v-pills-'+cookie.name+'-tab'\" data-bs-toggle=\"pill\"\n                                [attr.data-bs-target]=\"'#v-pills-'+cookie.name\" type=\"button\" role=\"tab\"\n                                [attr.aria-controls]=\"'v-pills-'+cookie.name\" [attr.aria-selected]=\"x==0\">\n                                {{cookie.name.replaceAll('-',' ')}}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-8 p-0 m-0\">\n                        <div class=\"tab-content\" id=\"v-pills-tabContent\">\n                            <div *ngFor=\"let cookie of cookies.cookies; let x = index\"\n                                [class]=\"'tab-pane fade '+ (x==0 ? 'show active ' : '')\" [id]=\"'v-pills-'+cookie.name\"\n                                role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+cookie.name+'-tab'\">\n                                <div class=\"d-flex justify-content-between w-100\">\n                                    <h5 class=\"title-cookie\">{{cookie.name.replaceAll('-',' ')}}</h5>\n                                    <div class=\"form-check\" *ngIf=\"checkCookie(cookie.name) as info\">\n                                        <input class=\"form-check-input\" type=\"radio\" [name]=\"'flexRadio'+x\" [id]=\"'flexRadioDefault'+x\"\n                                            [checked]=\"info.enabled\" (click)=\"cookiesFunctions.toggle(cookie.name)\">\n                                    </div>\n                                </div>\n                                \n                                <div class=\"h-100 overflow-scroll text-content\">\n                                    <p class=\"text-cookie\">{{cookie.message}}</p>\n                                </div>\n                                \n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <!--End-->\n            </div>\n            <div class=\"modal-footer d-flex justify-content-between\">\n                <ng-container *ngIf=\"cookies.format.type == 'modal'; else default\">\n                    <button type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\">{{cookies.others.btnSave}}</button>\n                    <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#modal-cookies\"\n                        (click)=\"cookiesFunctions.acceptAll()\">{{cookies.others.btnAll}}</button>\n                </ng-container>\n                <ng-template #default>\n                    <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">{{cookies.others.btnSave}}</button>\n                    <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\"\n                        (click)=\"cookiesFunctions.acceptAll()\">{{cookies.others.btnAll}}</button>\n                </ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n",
@@ -20017,7 +20291,7 @@ ModalConfigEcComponent = __decorate$22([
     })
 ], ModalConfigEcComponent);
 
-var __decorate$23 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -20184,28 +20458,28 @@ BambooEcComponent.ctorParameters = () => [
     { type: Injector },
     { type: CartService }
 ];
-__decorate$23([
+__decorate$24([
     Input()
 ], BambooEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$23([
+__decorate$24([
     Input()
 ], BambooEcComponent.prototype, "method", void 0);
-__decorate$23([
+__decorate$24([
     Input()
 ], BambooEcComponent.prototype, "total_amount", void 0);
-__decorate$23([
+__decorate$24([
     Input()
 ], BambooEcComponent.prototype, "allData", void 0);
-__decorate$23([
+__decorate$24([
     Input()
 ], BambooEcComponent.prototype, "user_data", void 0);
-__decorate$23([
+__decorate$24([
     Output()
 ], BambooEcComponent.prototype, "ready", void 0);
-__decorate$23([
+__decorate$24([
     ViewChild('template')
 ], BambooEcComponent.prototype, "template", void 0);
-BambooEcComponent = __decorate$23([
+BambooEcComponent = __decorate$24([
     Component({
         selector: 'app-bamboo-ec',
         template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Bamboo</h3>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.description }}</p>\n    <p *ngIf=\"method\" class=\"px-5\">{{ method?.instructions }}</p>\n    <ng-container *ngIf=\"!loading ; else loadingUrl\">\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"iniciar()\">Pagar</button>\n    </ng-container>\n</div>\n\n<ng-template #template>\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <h5 class=\"modal-title\">Modal title</h5>\n            <button type=\"button\" class=\"btn-close\" (click)=\"clickClose()\"></button>\n        </div>\n        <div class=\"modal-body d-flex justify-content-center\" *ngIf=\"url\">\n            <iframe [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n        </div>\n        <!-- <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close</button>\n          <button type=\"button\" class=\"btn btn-primary\">Save changes</button>\n        </div> -->\n    </div>\n</ng-template>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>",
@@ -20213,7 +20487,7 @@ BambooEcComponent = __decorate$23([
     })
 ], BambooEcComponent);
 
-var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$25 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -20426,7 +20700,7 @@ SidebarEcComponent.ctorParameters = () => [
     { type: ToastService },
     { type: ChannelConfigService }
 ];
-SidebarEcComponent = __decorate$24([
+SidebarEcComponent = __decorate$25([
     Component({
         selector: 'app-sidebar-ec',
         template: "",
@@ -20434,7 +20708,7 @@ SidebarEcComponent = __decorate$24([
     })
 ], SidebarEcComponent);
 
-var __decorate$25 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$26 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -20565,22 +20839,22 @@ PlaceToPayEcComponent.ctorParameters = () => [
     { type: CartService },
     { type: ActivatedRoute }
 ];
-__decorate$25([
+__decorate$26([
     Input()
 ], PlaceToPayEcComponent.prototype, "method", void 0);
-__decorate$25([
+__decorate$26([
     Input()
 ], PlaceToPayEcComponent.prototype, "total_amount", void 0);
-__decorate$25([
+__decorate$26([
     Input()
 ], PlaceToPayEcComponent.prototype, "paymentServiceInst", void 0);
-__decorate$25([
+__decorate$26([
     Input()
 ], PlaceToPayEcComponent.prototype, "allData", void 0);
-__decorate$25([
+__decorate$26([
     Output()
 ], PlaceToPayEcComponent.prototype, "ready", void 0);
-PlaceToPayEcComponent = __decorate$25([
+PlaceToPayEcComponent = __decorate$26([
     Component({
         selector: 'app-place-to-pay-ec',
         template: "<div class=\"text-center\">\n    <ng-container *ngIf=\"url; else loadingUrl\">\n        <ng-container *ngIf=\"!loading; else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar mt-3\">\n                {{ buttonText }}\n            </button>\n\n            <!-- Mensaje de intento previo fallido -->\n            <div *ngIf=\"hasPreviousFailure\" class=\"alert alert-danger mt-3\">\n                El pago del pedido con n\u00FAmero de orden {{ cart.number }} no se pudo realizar el {{ previousFailureDate }}\n                por un monto de {{ previousFailureAmount | ecCurrencySymbol }}.\n            </div>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Place to Pay</h3>\n        <h5>Recuerde hacer click en \"Volver al sitio\" desde Place to Pay para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n                <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n                <label>o</label>\n            </div>\n            <div class=\"col-5\">\n                <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
@@ -20588,7 +20862,7 @@ PlaceToPayEcComponent = __decorate$25([
     })
 ], PlaceToPayEcComponent);
 
-var __decorate$26 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$27 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -20620,10 +20894,10 @@ let BlockRenderEcComponent = class BlockRenderEcComponent extends ComponentHelpe
 BlockRenderEcComponent.ctorParameters = () => [
     { type: Constants }
 ];
-__decorate$26([
+__decorate$27([
     Input()
 ], BlockRenderEcComponent.prototype, "block", void 0);
-BlockRenderEcComponent = __decorate$26([
+BlockRenderEcComponent = __decorate$27([
     Component({
         selector: 'app-block-render-ec',
         template: "<!-- BANNER -->\n<ng-container *ngIf=\"block?.contentType === 'banner'\">\n    <!-- full -->\n    <app-block-banner-full-ec *ngIf=\"block?.design === 'full'\" class=\"col-12\" [banners]=\"block?.banners\" [margin]=\"0\"\n        [meta]=\"block\">\n    </app-block-banner-full-ec>\n\n    <!-- boxes -->\n    <app-block-banner-boxes-ec *ngIf=\"block?.design === 'boxes'\" class=\"col-12\" [banners]=\"block?.banners\"\n        [meta]=\"block\">\n    </app-block-banner-boxes-ec>\n</ng-container>\n\n<!-- HTML -->\n<app-block-html-ec *ngIf=\"block?.contentType === 'html'\" class=\"col-12\" [html_content]=\"getHTMLContent(block)\">\n</app-block-html-ec>\n\n<!-- PRODUCTS -->\n<app-block-products-ec *ngIf=\"block?.contentType === 'products'\"\n    [class]=\"block.styles && block.styles?.items ? ('col-sm-' + block.styles?.items.sm + ' col-md-' + block.styles?.items.md + ' col-lg-' + block.styles?.items.lg) : ' col-12'\"\n    [products]=\"block.products.items\" [meta]=\"block\">\n</app-block-products-ec>\n<!--Block Products-->\n<ng-template #appBlockProductsEc let-block=\"block\">\n    <app-block-products-ec\n        [class]=\"block.styles && block.styles?.items ? ('col-sm-' + block.styles?.items.sm + ' col-md-' + block.styles?.items.md + ' col-lg-' + block.styles?.items.lg) : ' col-12'\"\n        [products]=\"block.products.items\" [meta]=\"block\" [appProduct]=\"appProduct\">\n    </app-block-products-ec>\n</ng-template>\n\n<ng-container *ngIf=\"block?.contentType === 'products'\">\n    {{block | json}}\n</ng-container>\n<ng-container *ngIf=\"block?.contentType === 'products'\"\n    [ngTemplateOutlet]=\"templates && templates.appBlockProducts ? templates.appBlockProducts : appBlockProductsEc\"\n    [ngTemplateOutletContext]=\"{block:block}\"></ng-container>\n<!--End Blocks Products-->\n\n<!-- CONTACT / NEWSLETTER -->\n<ng-container *ngIf=\"block?.contentType === 'contact_form'\">\n    <app-contact-form-news-ec *ngIf=\"isNewsletter(block)\" [block]=\"block?.contactForm\">\n    </app-contact-form-news-ec>\n\n    <app-block-form-contact-ec *ngIf=\"!isNewsletter(block)\" [block]=\"block?.contactForm\">\n    </app-block-form-contact-ec>\n</ng-container>",
@@ -20632,7 +20906,7 @@ BlockRenderEcComponent = __decorate$26([
     })
 ], BlockRenderEcComponent);
 
-var __decorate$27 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$28 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -20853,22 +21127,22 @@ class UnitPromotionPriceEcComponent {
 UnitPromotionPriceEcComponent.ctorParameters = () => [
     { type: CartService }
 ];
-__decorate$27([
+__decorate$28([
     Input()
 ], UnitPromotionPriceEcComponent.prototype, "item", void 0);
-__decorate$27([
+__decorate$28([
     Input()
 ], UnitPromotionPriceEcComponent.prototype, "mobile", void 0);
-__decorate$27([
+__decorate$28([
     HostListener('document:click')
 ], UnitPromotionPriceEcComponent.prototype, "handleDocumentClick", null);
-__decorate$27([
+__decorate$28([
     HostListener('window:resize')
 ], UnitPromotionPriceEcComponent.prototype, "handleWindowResize", null);
-__decorate$27([
+__decorate$28([
     HostListener('window:scroll')
 ], UnitPromotionPriceEcComponent.prototype, "handleWindowScroll", null);
-UnitPromotionPriceEcComponent = __decorate$27([
+UnitPromotionPriceEcComponent = __decorate$28([
     Component({
         selector: 'app-unit-promotion-price-ec',
         template: "<div\n    class=\"ec-unit-promotion-price\"\n    [class.ec-unit-promotion-price--mobile]=\"mobile\"\n    [class.ec-unit-promotion-price--desktop]=\"!mobile\"\n>\n    <div class=\"ec-unit-promotion-price__detail\">\n        <div\n            class=\"ec-unit-promotion-price__current-wrapper\"\n            #priceAnchor\n            (mouseenter)=\"handleMouseEnter(priceAnchor)\"\n            (mouseleave)=\"handleMouseLeave()\"\n            (click)=\"handlePriceClick(priceAnchor, $event)\"\n        >\n            <span\n                class=\"ec-unit-promotion-price__current\"\n                [class.ec-unit-promotion-price__current--clickable]=\"hasUnitPromotions() && !supportsHover\"\n            >\n                <strong class=\"ec-unit-promotion-price__value\">{{ getDisplayedUnitPrice() | ecCurrencySymbol }}</strong>\n\n                <button\n                    *ngIf=\"hasUnitPromotions()\"\n                    type=\"button\"\n                    class=\"ec-unit-promotion-price__trigger\"\n                    [attr.aria-expanded]=\"isSummaryOpen()\"\n                    aria-label=\"Ver detalle de promociones unitarias\"\n                    (click)=\"toggleSummary(priceAnchor, $event)\"\n                >\n                    <i class=\"bi bi-info-circle ec-unit-promotion-price__icon\"></i>\n                </button>\n            </span>\n\n            <ng-container *ngIf=\"supportsHover && isSummaryOpen()\">\n                <ng-container *ngTemplateOutlet=\"summaryTemplate\"></ng-container>\n            </ng-container>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"mobile && !supportsHover && isSummaryOpen()\">\n        <button\n            type=\"button\"\n            class=\"ec-unit-promotion-price__backdrop\"\n            aria-label=\"Cerrar detalle de promociones unitarias\"\n            (click)=\"closeSummary()\"\n        ></button>\n\n        <ng-container *ngTemplateOutlet=\"summaryTemplate\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #summaryTemplate>\n    <div\n        class=\"ec-unit-promotion-price__summary\"\n        [class.ec-unit-promotion-price__summary--mobile]=\"mobile\"\n        [ngStyle]=\"summaryStyles\"\n        (click)=\"stopSummaryEvent($event)\"\n    >\n        <div class=\"ec-unit-promotion-price__row ec-unit-promotion-price__row--original\">\n            <span>Precio original</span>\n            <span>{{ getOriginalUnitPrice() | ecCurrencySymbol }}</span>\n        </div>\n\n        <div class=\"ec-unit-promotion-price__row\" *ngFor=\"let promotion of getUnitPromotions()\">\n            <span>{{ promotion.name }}</span>\n            <span>{{ promotion.amount | ecCurrencySymbol }}</span>\n        </div>\n\n        <div class=\"ec-unit-promotion-price__divider\"></div>\n\n        <div class=\"ec-unit-promotion-price__row ec-unit-promotion-price__row--total\">\n            <span>Total descuentos</span>\n            <span>{{ getUnitPromotionTotal() | ecCurrencySymbol }}</span>\n        </div>\n\n        <div class=\"ec-unit-promotion-price__row ec-unit-promotion-price__row--final\">\n            <span>{{ getUnitPromotionFinalPriceLabel() }}</span>\n            <span>{{ getFinalUnitPrice() | ecCurrencySymbol }}</span>\n        </div>\n    </div>\n</ng-template>\n",
@@ -20986,13 +21260,13 @@ const components = [
     SidebarEcComponent
 ];
 
-var __decorate$28 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$29 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$c = (this && this.__param) || function (paramIndex, decorator) {
+var __param$d = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 class ParamsContext {
@@ -21023,8 +21297,11 @@ let AddActionRedirectDirective = class AddActionRedirectDirective {
     ngOnInit() { }
     ngOnChanges(changes) {
         var _a;
+        if (this.linstenEvent) {
+            this.linstenEvent();
+            this.linstenEvent = null;
+        }
         this.transparent && this.renderer.setStyle(this.elementRef.nativeElement, 'color', 'transparent');
-        this.renderer.setAttribute(this.elementRef.nativeElement, "role", "button");
         (_a = this.classStr) === null || _a === void 0 ? void 0 : _a.split(" ").forEach((cl) => {
             try {
                 this.renderer.addClass(this.elementRef.nativeElement, cl);
@@ -21034,20 +21311,39 @@ let AddActionRedirectDirective = class AddActionRedirectDirective {
             }
         });
         this.redirectUrl = this.banner.url ? this.banner.url : this.blocksService.formUrl(this.banner);
-        if (this.banner.url) {
-            this.renderer.setProperty(this.elementRef.nativeElement, "href", this.banner.url);
-            if (this.isExternalUrl(this.banner.url)) {
-                this.renderer.setAttribute(this.elementRef.nativeElement, "target", "_blank");
-                this.renderer.setAttribute(this.elementRef.nativeElement, "rel", "noopener noreferrer");
-            }
-            else {
-                this.renderer.removeAttribute(this.elementRef.nativeElement, "target");
-                this.renderer.removeAttribute(this.elementRef.nativeElement, "rel");
-            }
+        const accessibleLabel = this.getAccessibleLabel();
+        if (accessibleLabel) {
+            this.renderer.setAttribute(this.elementRef.nativeElement, 'aria-label', accessibleLabel);
+        }
+        this.renderer.setProperty(this.elementRef.nativeElement, "href", this.redirectUrl);
+        if (this.isExternalUrl(this.redirectUrl)) {
+            this.renderer.setAttribute(this.elementRef.nativeElement, "target", "_blank");
+            this.renderer.setAttribute(this.elementRef.nativeElement, "rel", "noopener noreferrer");
         }
         else {
-            this.linstenEvent = this.renderer.listen(this.elementRef.nativeElement, 'click', this.redirectFromUrl);
+            this.renderer.removeAttribute(this.elementRef.nativeElement, "target");
+            this.renderer.removeAttribute(this.elementRef.nativeElement, "rel");
+            this.linstenEvent = this.renderer.listen(this.elementRef.nativeElement, 'click', (evt) => {
+                evt.preventDefault();
+                this.redirectFromUrl(evt);
+            });
+        }
+    }
+    getAccessibleLabel() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const title = (_b = (_a = this.banner) === null || _a === void 0 ? void 0 : _a.title) === null || _b === void 0 ? void 0 : _b.trim();
+        if (title) {
+            return title;
+        }
+        const subtitle = (_d = (_c = this.banner) === null || _c === void 0 ? void 0 : _c.subtitle) === null || _d === void 0 ? void 0 : _d.trim();
+        if (subtitle) {
+            return subtitle;
         }
+        const buttonText = (_h = (_g = (_f = (_e = this.banner) === null || _e === void 0 ? void 0 : _e.styles) === null || _f === void 0 ? void 0 : _f.button) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h.trim();
+        if (buttonText) {
+            return buttonText;
+        }
+        return ((_k = (_j = this.banner) === null || _j === void 0 ? void 0 : _j.name) === null || _k === void 0 ? void 0 : _k.trim()) || 'Ver más';
     }
     isExternalUrl(url) {
         var _a, _b;
@@ -21077,23 +21373,23 @@ AddActionRedirectDirective.ctorParameters = () => [
     { type: BlocksService },
     { type: Router }
 ];
-__decorate$28([
+__decorate$29([
     Input()
 ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-__decorate$28([
+__decorate$29([
     Input()
 ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-__decorate$28([
+__decorate$29([
     Input()
 ], AddActionRedirectDirective.prototype, "isTransparent", null);
-AddActionRedirectDirective = __decorate$28([
+AddActionRedirectDirective = __decorate$29([
     Directive({
         selector: "[ecAddActionRedirect]",
     }),
-    __param$c(0, Inject(DOCUMENT))
+    __param$d(0, Inject(DOCUMENT))
 ], AddActionRedirectDirective);
 
-var __decorate$29 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2a = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21154,25 +21450,25 @@ ProductStockDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
 ];
-__decorate$29([
+__decorate$2a([
     Input()
 ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-__decorate$29([
+__decorate$2a([
     Input()
 ], ProductStockDirective.prototype, "ecProductStock", null);
-ProductStockDirective = __decorate$29([
+ProductStockDirective = __decorate$2a([
     Directive({
         selector: "[ecProductStock]"
     })
 ], ProductStockDirective);
 
-var __decorate$2a = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2b = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __param$d = (this && this.__param) || function (paramIndex, decorator) {
+var __param$e = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 class ParamsContext$1 {
@@ -21246,7 +21542,7 @@ let ProductOffDirective = class ProductOffDirective {
         };
         this.createImage = (discount) => {
             var _a;
-            let popover = this.renderer.createElement("a");
+            let popover = this.renderer.createElement("div");
             this.customMessageStr = this.customMessageStr.replace('{discount}', discount);
             this.renderer.setProperty(popover, "innerHTML", this.customMessageStr);
             (_a = this.classStr) === null || _a === void 0 ? void 0 : _a.split(" ").forEach((cl) => {
@@ -21291,23 +21587,23 @@ ProductOffDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: Renderer2 }
 ];
-__decorate$2a([
+__decorate$2b([
     Input()
 ], ProductOffDirective.prototype, "ecProductOff", null);
-__decorate$2a([
+__decorate$2b([
     Input()
 ], ProductOffDirective.prototype, "classStrSpacing", null);
-__decorate$2a([
+__decorate$2b([
     Input()
 ], ProductOffDirective.prototype, "customMessage", null);
-ProductOffDirective = __decorate$2a([
+ProductOffDirective = __decorate$2b([
     Directive({
         selector: "[ecProductOff]",
     }),
-    __param$d(0, Inject(DOCUMENT))
+    __param$e(0, Inject(DOCUMENT))
 ], ProductOffDirective);
 
-var __decorate$2b = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2c = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21360,16 +21656,16 @@ ProductMiniStandardDirective.ctorParameters = () => [
     { type: Renderer2 },
     { type: Constants }
 ];
-__decorate$2b([
+__decorate$2c([
     Input()
 ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-ProductMiniStandardDirective = __decorate$2b([
+ProductMiniStandardDirective = __decorate$2c([
     Directive({
         selector: '[ecProductMiniStandard]'
     })
 ], ProductMiniStandardDirective);
 
-var __decorate$2c = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2d = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21408,19 +21704,19 @@ AuthWholesalerDirective.ctorParameters = () => [
     { type: ViewContainerRef },
     { type: AuthService }
 ];
-__decorate$2c([
+__decorate$2d([
     Input()
 ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-__decorate$2c([
+__decorate$2d([
     Input()
 ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-AuthWholesalerDirective = __decorate$2c([
+AuthWholesalerDirective = __decorate$2d([
     Directive({
         selector: "[ecAuthWholesaler]"
     })
 ], AuthWholesalerDirective);
 
-var __decorate$2d = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2e = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21443,10 +21739,10 @@ ReloadViewDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
 ];
-__decorate$2d([
+__decorate$2e([
     Input()
 ], ReloadViewDirective.prototype, "ecReloadView", void 0);
-ReloadViewDirective = __decorate$2d([
+ReloadViewDirective = __decorate$2e([
     Directive({
         selector: '[ecReloadView]'
     })
@@ -21467,7 +21763,7 @@ const directives = [
     ReloadViewDirective,
 ];
 
-var __decorate$2e = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2f = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21539,14 +21835,14 @@ ecCurrencySymbolPipe.ctorParameters = () => [
     { type: CurrencyService },
     { type: Injector }
 ];
-ecCurrencySymbolPipe = __decorate$2e([
+ecCurrencySymbolPipe = __decorate$2f([
     Pipe({
         name: 'ecCurrencySymbol',
         pure: false
     })
 ], ecCurrencySymbolPipe);
 
-var __decorate$2f = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2g = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21563,13 +21859,13 @@ let EcSanitizerHtmlPipe = class EcSanitizerHtmlPipe {
 EcSanitizerHtmlPipe.ctorParameters = () => [
     { type: DomSanitizer }
 ];
-EcSanitizerHtmlPipe = __decorate$2f([
+EcSanitizerHtmlPipe = __decorate$2g([
     Pipe({
         name: 'ecSanitizerHtml'
     })
 ], EcSanitizerHtmlPipe);
 
-var __decorate$2g = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2h = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21586,7 +21882,7 @@ let EcSanitizerUrlPipe = class EcSanitizerUrlPipe {
 EcSanitizerUrlPipe.ctorParameters = () => [
     { type: DomSanitizer }
 ];
-EcSanitizerUrlPipe = __decorate$2g([
+EcSanitizerUrlPipe = __decorate$2h([
     Pipe({
         name: 'ecSanitizerUrl'
     })
@@ -21599,7 +21895,7 @@ const pipes = [
     EcSanitizerUrlPipe
 ];
 
-var __decorate$2h = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2i = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21684,7 +21980,7 @@ let NgEasycommerceModule = NgEasycommerceModule_1 = class NgEasycommerceModule {
         };
     }
 };
-NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2h([
+NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2i([
     NgModule({
         exports: [
             OrderByPipe,
@@ -21723,7 +22019,7 @@ NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2h([
     })
 ], NgEasycommerceModule);
 
-var __decorate$2i = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2j = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21771,13 +22067,13 @@ GiftCardService.ctorParameters = () => [
     { type: ConnectionService }
 ];
 GiftCardService.ɵprov = ɵɵdefineInjectable({ factory: function GiftCardService_Factory() { return new GiftCardService(ɵɵinject(Constants), ɵɵinject(CartService), ɵɵinject(ConnectionService)); }, token: GiftCardService, providedIn: "root" });
-GiftCardService = __decorate$2i([
+GiftCardService = __decorate$2j([
     Injectable({
         providedIn: 'root'
     })
 ], GiftCardService);
 
-var __decorate$2j = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2k = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -21834,19 +22130,19 @@ WishlistService.ctorParameters = () => [
     { type: ToastrService }
 ];
 WishlistService.ɵprov = ɵɵdefineInjectable({ factory: function WishlistService_Factory() { return new WishlistService(ɵɵinject(ToastrService)); }, token: WishlistService, providedIn: "root" });
-WishlistService = __decorate$2j([
+WishlistService = __decorate$2k([
     Injectable({
         providedIn: 'root'
     })
 ], WishlistService);
 
-var __decorate$2k = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2l = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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$f = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 let StandardReuseStrategy = class StandardReuseStrategy {
@@ -21876,9 +22172,9 @@ let StandardReuseStrategy = class StandardReuseStrategy {
 StandardReuseStrategy.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
 ];
-StandardReuseStrategy = __decorate$2k([
+StandardReuseStrategy = __decorate$2l([
     Injectable(),
-    __param$e(0, Inject('env'))
+    __param$f(0, Inject('env'))
 ], StandardReuseStrategy);
 
 /*
@@ -21889,5 +22185,5 @@ StandardReuseStrategy = __decorate$2k([
  * Generated bundle index. Do not edit.
  */
 
-export { AbleBuyerGuardService, AccountEcComponent, AddActionRedirectDirective, AddressingService, AnalyticsService, AttributesFilter, AuthEcComponent, AuthGuardService, AuthInterceptor, AuthService, AuthWholesalerDirective, BambooEcComponent, BancardEcComponent, BancardRedirectEcComponent, BannerService, BlockBannerBoxesEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockProductsEcComponent, BlockRenderEcComponent, BlocksEcComponent, BlocksService, BrowserWindowRef, BuildYourEcComponent, CaptchaService, CartEcComponent, CartLoadEcComponent, CartService, CategoryFilter, CecaRedirectEcComponent, ChannelConfigService, CheckoutEcComponent, CheckoutErrorComponent, CheckoutReadyGuard, CheckoutService, CollectionEcComponent, ConcatenatedAssociationsService, ConfirmAccountEcComponent, ConnectionService, Constants, ContactFormNewsEcComponent, CookiesEcComponent, CouponEcComponent, CurrencyService, DataFormEcComponent, DataformEcSingleComponent, DataformService, DecidirEcComponent, DetailCheckoutBlockEcComponent, DynamicsFilter, EcSanitizerHtmlPipe, EcSanitizerUrlPipe, FaqsContentEcComponent, Filter, FilterOptionTypes, FiltersEcComponent, FiltersService, FiltersTopEcComponent, FooterEcComponent, FooterService, ForgotPasswordEcComponent, GiftCardService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LoggedInGuard, LoginEcComponent, LoginFormEcComponent, MPCreditEcComponent, MobbexEcComponent, ModalConfigEcComponent, ModalCookiesEcComponent, MpRedirectEcComponent, MultipleItemsToCartEcComponent, NgEasycommerceModule, OptionsService, OrderEcComponent, OrdersEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentEcComponent, PaymentEcSingleComponent, PaymentService, PaypalExpressEcComponent, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductFoundEcComponent, ProductMiniStandardDirective, ProductStockDirective, ProductsService, RatingEcComponent, RedSysProEcComponent, RedSysRedirectEcComponent, RedSysRedirectOutEcComponent, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, ReviewsService, SectionContainerEcComponent, SelectChannelEcComponent, ShareBlockEcComponent, ShipmentEcComponent, ShipmentEcSingleComponent, ShipmentService, ShippingPriceDisplayService, SidebarCookiesEcComponent, SidebarEcComponent, SortFilter, StandardReuseStrategy, Step, StoresEcComponent, StoresService, SuccessEcComponent, ToastCookiesEcComponent, ToastService, UnitPromotionPriceEcComponent, User, UserRoleGuardService, UtilsService, VariantsEcComponent, WINDOW, WINDOW_PROVIDERS, WindowRef, WishlistService, browserWindowProvider, ecCurrencySymbolPipe, firstBlockUrl, pickFooterForDevice, toHref, toPageHref, toPageText, toText, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, pipes as ɵba, OptionsOfProductListDataReceiverService as ɵbb, PaymentUtils as ɵbc, CustomerInterceptor as ɵbd, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, StepEcComponent as ɵg, CulqiEcComponent as ɵh, BancardCatastroEcComponent as ɵi, PlaceToPayEcComponent as ɵj, ComponentHelper as ɵk, BlocksRepositoryService as ɵl, FacebookPixelService as ɵm, GoogleAnalyticsService as ɵn, GTMService as ɵo, MetricoolPixelService as ɵp, DopplerService as ɵq, OrderUtilityService as ɵr, StepService as ɵs, ErrorHandlerService as ɵt, IpService as ɵu, ShipmentDataTransformer as ɵv, CookiesService as ɵw, directives as ɵx, ProductOffDirective as ɵy, ReloadViewDirective as ɵz };
+export { AbleBuyerGuardService, AccountEcComponent, AddActionRedirectDirective, AddressingService, AnalyticsService, AttributesFilter, AuthEcComponent, AuthGuardService, AuthInterceptor, AuthService, AuthWholesalerDirective, BambooEcComponent, BancardEcComponent, BancardRedirectEcComponent, BannerService, BlockBannerBoxesEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockProductsEcComponent, BlockRenderEcComponent, BlocksEcComponent, BlocksService, BrowserWindowRef, BuildYourEcComponent, CaptchaService, CartEcComponent, CartLoadEcComponent, CartService, CategoryFilter, CecaRedirectEcComponent, ChannelConfigService, CheckoutEcComponent, CheckoutErrorComponent, CheckoutReadyGuard, CheckoutService, CollectionEcComponent, ConcatenatedAssociationsService, ConfirmAccountEcComponent, ConnectionService, Constants, ContactFormNewsEcComponent, CookiesEcComponent, CouponEcComponent, CurrencyService, DataFormEcComponent, DataformEcSingleComponent, DataformService, DecidirEcComponent, DetailCheckoutBlockEcComponent, DynamicsFilter, EcSanitizerHtmlPipe, EcSanitizerUrlPipe, FaqsContentEcComponent, Filter, FilterOptionTypes, FiltersEcComponent, FiltersService, FiltersTopEcComponent, FooterEcComponent, FooterService, ForgotPasswordEcComponent, GiftCardService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LoggedInGuard, LoginEcComponent, LoginFormEcComponent, MPCreditEcComponent, MobbexEcComponent, ModalConfigEcComponent, ModalCookiesEcComponent, MpRedirectEcComponent, MultipleItemsToCartEcComponent, NgEasycommerceModule, OptionsService, OrderEcComponent, OrdersEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentEcComponent, PaymentEcSingleComponent, PaymentService, PaypalExpressEcComponent, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductFoundEcComponent, ProductMiniStandardDirective, ProductStockDirective, ProductsService, RatingEcComponent, RedSysProEcComponent, RedSysRedirectEcComponent, RedSysRedirectOutEcComponent, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, ReviewsService, SectionContainerEcComponent, SelectChannelEcComponent, SeoService, ShareBlockEcComponent, ShipmentEcComponent, ShipmentEcSingleComponent, ShipmentService, ShippingPriceDisplayService, SidebarCookiesEcComponent, SidebarEcComponent, SortFilter, StandardReuseStrategy, Step, StoresEcComponent, StoresService, SuccessEcComponent, ToastCookiesEcComponent, ToastService, UnitPromotionPriceEcComponent, User, UserRoleGuardService, UtilsService, VariantsEcComponent, WINDOW, WINDOW_PROVIDERS, WindowRef, WishlistService, browserWindowProvider, ecCurrencySymbolPipe, firstBlockUrl, pickFooterForDevice, toHref, toPageHref, toPageText, toText, windowFactory, windowProvider, OrderByPipe as ɵa, components as ɵb, pipes as ɵba, OptionsOfProductListDataReceiverService as ɵbb, PaymentUtils as ɵbc, CustomerInterceptor as ɵbd, SellerDashboardContainerEcComponent as ɵc, MagnizoomComponent as ɵd, RecaptchaEcComponent as ɵe, ComparedProductsEcComponent as ɵf, StepEcComponent as ɵg, CulqiEcComponent as ɵh, BancardCatastroEcComponent as ɵi, PlaceToPayEcComponent as ɵj, ComponentHelper as ɵk, BlocksRepositoryService as ɵl, FacebookPixelService as ɵm, GoogleAnalyticsService as ɵn, GTMService as ɵo, MetricoolPixelService as ɵp, DopplerService as ɵq, OrderUtilityService as ɵr, StepService as ɵs, ErrorHandlerService as ɵt, IpService as ɵu, ShipmentDataTransformer as ɵv, CookiesService as ɵw, directives as ɵx, ProductOffDirective as ɵy, ReloadViewDirective as ɵz };
 //# sourceMappingURL=ng-easycommerce.js.map