ng-easycommerce-v18 0.1.2 → 0.1.4

package/fesm2022/ng-easycommerce-v18.mjs

@@ -17,11 +17,13 @@ import * as i1$3 from '@angular/forms';
 import { Validators, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
+import * as i3 from '@angular/platform-browser';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import * as i1$2 from 'ng-recaptcha-2';
 import { RecaptchaModule } from 'ng-recaptcha-2';
 import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 import * as he from 'he';
+import { filter as filter$1, skipWhile } from 'rxjs/operators';
 
 /**
  * Token para el provider de enviroment
@@ -240,6 +242,7 @@ class CoreConstantsService {
      * @returns
      */
     mediaBannerUrl = () => this.ASSETS_URL + (this.ASSETS_URL == this.apiConstants.API_URL ? 'media/' : '') + "banner-image/";
+    mediaStoreUrl = () => this.ASSETS_URL + (this.ASSETS_URL == this.apiConstants.API_URL ? 'media/' : '') + "store-image/";
     /**
      * Retorna `true` si la vista es mobile, `false` caso contrario.
      * @returns {boolean}
@@ -4343,6 +4346,9 @@ class CartService {
             this.updateCartObj(res);
         });
     }
+    getCouponCode() {
+        return this.cart$.pipe(map((cart) => cart?.couponCode));
+    }
     /**
      * Retorna un observable con el subtotal del carrito.
      * @returns
@@ -4435,9 +4441,7 @@ class CartService {
         if (this._balanceCustomerSubject.value.remainingCredits === undefined) {
             return false;
         }
-        const cartTotal = this._cartSubject.value?.totals?.total;
-        const creditAmount = this._balanceCustomerSubject.value?.creditAmount;
-        if (cartTotal !== undefined && creditAmount !== undefined && cartTotal > creditAmount) {
+        if ((this._cartSubject.value?.totals?.total ?? 0) > (this._balanceCustomerSubject.value?.creditAmount ?? 0)) {
             this._toastService.show('not-enough-credits');
             return false;
         }
@@ -5515,6 +5519,29 @@ class MenuEcComponent {
         this._authService.logout();
         this._toastService.show('logout-success');
     }
+    /**
+     * Añade varios hijos a una sección por code.
+     * @param sectionCode Código de la sección
+     * @param children Array de hijos a agregar
+     * @param stackPlace 'start' | 'end' (por defecto 'end')
+     */
+    addSectionChildren(sectionCode, children, stackPlace = 'end') {
+        this.sections$ = this.sections$.pipe(map((sections) => {
+            return sections.map(section => {
+                if (section.code?.toLowerCase() === sectionCode.toLowerCase()) {
+                    if (!section.children)
+                        section.children = [];
+                    if (stackPlace === 'start') {
+                        section.children = [...children, ...section.children];
+                    }
+                    else {
+                        section.children = [...section.children, ...children];
+                    }
+                }
+                return section;
+            });
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuEcComponent, isStandalone: true, selector: "lib-footer-ec", ngImport: i0, template: '<p>Menu and Footer Helper Component</p>', isInline: true });
 }
@@ -6811,7 +6838,7 @@ class BlocksEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlocksEcComponent, isStandalone: true, selector: "app-blocks-ec", inputs: { templates: "templates", show_loading: "show_loading", section: "section", blockFilters: "blockFilters" }, ngImport: i0, template: "@if(blocks$ | async; as blocks){\r\n    @if(blocks.length > 0){\r\n        <div class=\"container-fluid px-0\">\r\n            <div class=\"row\">\r\n                @for (block of blocks; track $index) {\r\n                    @switch (block.contentType) {\r\n                        @case ('banner') {\r\n                            @switch(block.design){\r\n                                @case ('full') {\r\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\r\n                                }\r\n                                @case ('boxes') {\r\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\r\n                                }\r\n                            }\r\n                        }\r\n                        @case ('html') {\r\n                            @if(showBlock(block)){\r\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\r\n                            }\r\n                        }\r\n                        @case ('products') {\r\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\r\n                        }\r\n                        @case ('contact_form') {\r\n                            @if(isNewsletter(block)){\r\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\r\n                            } @else {\r\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            </div>\r\n        </div>\r\n    }@else {\r\n        <p>Loading... 2</p>\r\n    }\r\n}@else {\r\n<p>Loading...</p>\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BlockBannerFullEcComponent, selector: "app-block-banner-full-ec", inputs: ["banners", "meta"] }, { kind: "component", type: BlockBannerBoxEcComponent, selector: "app-block-banner-box-ec", inputs: ["banners", "meta"] }, { kind: "component", type: BlockHtmlEcComponent, selector: "app-block-html-ec", inputs: ["html_content"] }, { kind: "component", type: BlockProductsEcComponent, selector: "app-block-products-ec", inputs: ["appProduct", "products", "meta"] }, { kind: "component", type: BlockNewsletterEcComponent, selector: "app-block-newsletter-ec", inputs: ["block", "success_message", "subject"] }, { kind: "component", type: BlockFormContactEcComponent, selector: "app-block-form-contact-ec", inputs: ["block", "success_message", "redirect", "subject"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlocksEcComponent, isStandalone: true, selector: "app-blocks-ec", inputs: { templates: "templates", show_loading: "show_loading", section: "section", blockFilters: "blockFilters" }, ngImport: i0, template: "@if(blocks$ | async; as blocks){\r\n    @if(blocks.length > 0){\r\n        <div class=\"container-fluid px-0\">\r\n            <div class=\"row\">\r\n                @for (block of blocks; track $index) {\r\n                    @switch (block.contentType) {\r\n                        @case ('banner') {\r\n                            @switch(block.design){\r\n                                @case ('full') {\r\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\r\n                                }\r\n                                @case ('boxes') {\r\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\r\n                                }\r\n                            }\r\n                        }\r\n                        @case ('html') {\r\n                            @if(showBlock(block)){\r\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\r\n                            }\r\n                        }\r\n                        @case ('products') {\r\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\r\n                        }\r\n                        @case ('contact_form') {\r\n                            @if(isNewsletter(block)){\r\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\r\n                            } @else {\r\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BlockBannerFullEcComponent, selector: "app-block-banner-full-ec", inputs: ["banners", "meta"] }, { kind: "component", type: BlockBannerBoxEcComponent, selector: "app-block-banner-box-ec", inputs: ["banners", "meta"] }, { kind: "component", type: BlockHtmlEcComponent, selector: "app-block-html-ec", inputs: ["html_content"] }, { kind: "component", type: BlockProductsEcComponent, selector: "app-block-products-ec", inputs: ["appProduct", "products", "meta"] }, { kind: "component", type: BlockNewsletterEcComponent, selector: "app-block-newsletter-ec", inputs: ["block", "success_message", "subject"] }, { kind: "component", type: BlockFormContactEcComponent, selector: "app-block-form-contact-ec", inputs: ["block", "success_message", "redirect", "subject"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksEcComponent, decorators: [{
             type: Component,
@@ -6824,7 +6851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BlockProductsEcComponent,
                         BlockNewsletterEcComponent,
                         BlockFormContactEcComponent
-                    ], template: "@if(blocks$ | async; as blocks){\r\n    @if(blocks.length > 0){\r\n        <div class=\"container-fluid px-0\">\r\n            <div class=\"row\">\r\n                @for (block of blocks; track $index) {\r\n                    @switch (block.contentType) {\r\n                        @case ('banner') {\r\n                            @switch(block.design){\r\n                                @case ('full') {\r\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\r\n                                }\r\n                                @case ('boxes') {\r\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\r\n                                }\r\n                            }\r\n                        }\r\n                        @case ('html') {\r\n                            @if(showBlock(block)){\r\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\r\n                            }\r\n                        }\r\n                        @case ('products') {\r\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\r\n                        }\r\n                        @case ('contact_form') {\r\n                            @if(isNewsletter(block)){\r\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\r\n                            } @else {\r\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            </div>\r\n        </div>\r\n    }@else {\r\n        <p>Loading... 2</p>\r\n    }\r\n}@else {\r\n<p>Loading...</p>\r\n}" }]
+                    ], template: "@if(blocks$ | async; as blocks){\r\n    @if(blocks.length > 0){\r\n        <div class=\"container-fluid px-0\">\r\n            <div class=\"row\">\r\n                @for (block of blocks; track $index) {\r\n                    @switch (block.contentType) {\r\n                        @case ('banner') {\r\n                            @switch(block.design){\r\n                                @case ('full') {\r\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\r\n                                }\r\n                                @case ('boxes') {\r\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\r\n                                }\r\n                            }\r\n                        }\r\n                        @case ('html') {\r\n                            @if(showBlock(block)){\r\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\r\n                            }\r\n                        }\r\n                        @case ('products') {\r\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\r\n                        }\r\n                        @case ('contact_form') {\r\n                            @if(isNewsletter(block)){\r\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\r\n                            } @else {\r\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n}" }]
         }], ctorParameters: () => [], propDecorators: { templates: [{
                 type: Input
             }], show_loading: [{
@@ -6956,6 +6983,7 @@ class LoginFormEcComponent {
      */
     loading = false;
     loggedIn = false;
+    inCart = false;
     /**
      * Signal que guarda el formulario de login.
      */
@@ -6982,7 +7010,26 @@ class LoginFormEcComponent {
                 this.ready.emit(this.loginForm().value.username);
                 this._toastService.show('login-success');
                 this.loggedIn = true;
-                this.redirect && this.redirectHome();
+                if (this.inCart) {
+                    // Si se está en el carrito, se cierra el modal de login
+                    const modal = document.getElementById('modalInvitado');
+                    if (modal) {
+                        const modalInstance = window.bootstrap?.Modal?.getInstance(modal);
+                        if (modalInstance) {
+                            modalInstance.hide();
+                        }
+                        else {
+                            const closeButton = modal.querySelector('[data-bs-dismiss="modal"]');
+                            if (closeButton) {
+                                closeButton.click();
+                            }
+                        }
+                    }
+                    this._router.navigateByUrl('/checkout');
+                }
+                else {
+                    this.redirect && this.redirectHome();
+                }
             }
             else if (res == 'error') {
                 this._toastService.error('login-error');
@@ -7010,7 +7057,7 @@ class LoginFormEcComponent {
             : this._router.navigateByUrl(this.redirectTo);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n\r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo", inCart: "inCart" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n\r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, decorators: [{
             type: Component,
@@ -7021,11 +7068,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], ready: [{
                 type: Output
+            }], inCart: [{
+                type: Input
             }] } });
 
 class AuthEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AuthEcComponent, isStandalone: true, selector: "app-auth-ec", ngImport: i0, template: "<div class=\"container-xl\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-6 col-12\">\r\n            <app-login-form-ec />\r\n        </div>\r\n        <div class=\"col-md-6 col-12\">\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo"], outputs: ["ready"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AuthEcComponent, isStandalone: true, selector: "app-auth-ec", ngImport: i0, template: "<div class=\"container-xl\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-6 col-12\">\r\n            <app-login-form-ec />\r\n        </div>\r\n        <div class=\"col-md-6 col-12\">\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo", "inCart"], outputs: ["ready"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthEcComponent, decorators: [{
             type: Component,
@@ -7070,11 +7119,11 @@ class ForgotPasswordEcComponent {
         }).finally(() => this.loading = false);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ForgotPasswordEcComponent, isStandalone: true, selector: "app-forgot-password-ec", ngImport: i0, template: "\r\n<!-- CONTENIDO -->\r\n @if(!ready){\r\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\r\n    <div class=\"container-xl\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\r\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\r\n                    }}</h2>\r\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\r\n\r\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\r\n                    <input formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\r\n\r\n                    <div class=\"contSend\">\r\n                        <input type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\r\n                    </div>\r\n\r\n                </form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n} @else {\r\n    <div class=\"row d-flex justify-content-center\">\r\n        <div class=\"col-12 col-md-8\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ForgotPasswordEcComponent, isStandalone: true, selector: "app-forgot-password-ec", ngImport: i0, template: "\r\n<!-- CONTENIDO -->\r\n @if(!ready){\r\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\r\n    <div class=\"container-xl\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\r\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\r\n                    }}</h2>\r\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\r\n\r\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\r\n                    <input class=\"form-control\" formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\r\n\r\n                    <div class=\"contSend mt-4\">\r\n                        <input class=\"comprar\" type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\r\n                    </div>\r\n\r\n                </form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n} @else {\r\n    <div class=\"row d-flex justify-content-center\">\r\n        <div class=\"col-12 col-md-8\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-forgot-password-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule, LoadingInlineEcComponent], template: "\r\n<!-- CONTENIDO -->\r\n @if(!ready){\r\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\r\n    <div class=\"container-xl\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\r\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\r\n                    }}</h2>\r\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\r\n\r\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\r\n                    <input formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\r\n\r\n                    <div class=\"contSend\">\r\n                        <input type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\r\n                    </div>\r\n\r\n                </form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n} @else {\r\n    <div class=\"row d-flex justify-content-center\">\r\n        <div class=\"col-12 col-md-8\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }" }]
+            args: [{ selector: 'app-forgot-password-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule, LoadingInlineEcComponent], template: "\r\n<!-- CONTENIDO -->\r\n @if(!ready){\r\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\r\n    <div class=\"container-xl\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\r\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\r\n                    }}</h2>\r\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\r\n\r\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\r\n                    <input class=\"form-control\" formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\r\n\r\n                    <div class=\"contSend mt-4\">\r\n                        <input class=\"comprar\" type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\r\n                    </div>\r\n\r\n                </form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n} @else {\r\n    <div class=\"row d-flex justify-content-center\">\r\n        <div class=\"col-12 col-md-8\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }" }]
         }], ctorParameters: () => [] });
 
 class ConfirmAccountEcComponent {
@@ -7163,7 +7212,7 @@ class RegisterFormEcComponent {
         if (this.registerForm.valid) {
             firstValueFrom(this._authService.singUp(this.registerForm.value)).then(res => {
                 this.loading = false;
-                this._toastService.success('register-ok');
+                this._toastService.show('register-ok');
                 this._analyticsService.callEvent('sign_up', {
                     firstName: this.registerForm.value.firstName,
                     lastName: this.registerForm.value.lastName,
@@ -7667,7 +7716,10 @@ class CartEcComponent {
     totalAmount$ = this._cartService.getTotalAmount();
     _authService = inject(AuthService);
     isAuthenticated$ = this._authService.isAuthenticated();
+    getTotalAmount = this._cartService.getTotalAmount();
+    couponCode$ = this._cartService.getCouponCode();
     removeCoupon() {
+        console.log(this.couponCode$);
         this._cartService.removeCoupon();
     }
     redirectCheckout() {
@@ -7804,6 +7856,8 @@ class CouponEcComponent {
     _cartService = inject(CartService);
     coupon$ = this._cartService.coupon$;
     couponValue = "";
+    aplied = false;
+    loading = false;
     addCoupon() {
         this.validCoupon() && this._cartService.addCoupon(this.couponValue);
     }
@@ -7818,6 +7872,7 @@ class CouponEcComponent {
     removeCoupon() {
         this._cartService.removeCoupon();
     }
+    setLoading = () => this.loading = true;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CouponEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<div class=\"border border-bottom card p-2\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code | uppercase}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo d-flex align-items-center\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
@@ -7826,6 +7881,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'app-coupon-ec', standalone: true, imports: [AsyncPipe, FormsModule, UpperCasePipe], template: "<div class=\"border border-bottom card p-2\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code | uppercase}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo d-flex align-items-center\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>" }]
         }] });
 
+class ContactEcComponent {
+    consts;
+    router;
+    titlesMap = {
+        'contact': "Contacto",
+        'arrepentimiento': "Botón de arrepentimiento"
+    };
+    constructor(consts, router) {
+        this.consts = consts;
+        this.router = router;
+    }
+    lastPathSegment = () => this.router.url.split('/').pop();
+    getTitle = () => this.titlesMap[this.lastPathSegment() || 'contact'];
+    ngOnInit() {
+        window.scroll(0, 0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContactEcComponent, deps: [{ token: CoreConstantsService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContactEcComponent, isStandalone: true, selector: "app-contact-ec", ngImport: i0, template: "<!-- <app-blocks-ec [section]=\"lastPathSegment()\"></app-blocks-ec> -->", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContactEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-contact-ec', standalone: true, imports: [BlocksEcComponent], template: "<!-- <app-blocks-ec [section]=\"lastPathSegment()\"></app-blocks-ec> -->" }]
+        }], ctorParameters: () => [{ type: CoreConstantsService }, { type: i2.Router }] });
+
 class DataformEcComponent {
     _channelService = inject(ChannelService);
     _authService = inject(AuthService);
@@ -8065,7 +8144,7 @@ class DataformEcComponent {
         this._checkoutService.next();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataformEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DataformEcComponent, isStandalone: true, selector: "app-dataform-ec", ngImport: i0, template: "@if(channel$ | async; as channelConfig){\r\n    @if(channelConfig.channelType != 'b2b' || (channelConfig.channelType == 'b2b' && isAuthenticated())){\r\n        @if( modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && isAuthenticated() && this.addressBook != null){\r\n            <!--Selector de modos-->\r\n            <div class=\"container card p-4 mb-3\">\r\n                <div class=\"row justify-content-center\">\r\n                    <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n                        <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                            <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                                <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                                    (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                            </label>\r\n                            @if(!getParamByChannelAndLanguage('btn_new_address_')){\r\n                            <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\">\r\n                                <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                                {{ 'new-address' | translate | titlecase}}\r\n                            </label>\r\n                            }\r\n                            @if(getParamByChannelAndLanguage('btn_new_address_'); as param){\r\n                            <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\">\r\n                                <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                                {{ param.value}}\r\n                            </label>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        }\r\n\r\n        @if(getMode()){\r\n            @if(!require_login){\r\n            <div>\r\n                @if(modeSelectAddress == 'ONLY_LOAD_ADDRESS'){\r\n                    <div class=\"checkout-title  my-2\">\r\n                        <h3>{{'billing-details'|translate}}</h3>\r\n                    </div>\r\n                }\r\n                <!--Formulario-->\r\n                <form [formGroup]=\"checkoutForm\" (submit)=\"verifyValidate($event)\"> <!-- //this.cartService.items -->\r\n                    <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n                        @if(getTypeForm().viewForms.firstName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <!--Si es required-->\r\n                            <label class=\"form-label\">{{'first-name'|translate}}\r\n                                @if(getTypeForm().viewForms.firstName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <!--Input-->\r\n                            <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\" value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['firstName'].touched &&\r\n                            checkoutForm.controls['firstName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            <!--Error info-->\r\n                            @if(checkoutForm.controls['firstName'].touched &&\r\n                            checkoutForm.controls['firstName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'first-name-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.lastName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'last-name'|translate}}\r\n                                @if(getTypeForm().viewForms.lastName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['lastName'].touched &&\r\n                            checkoutForm.controls['lastName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['lastName'].touched && checkoutForm.controls['lastName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 2-->\r\n                        @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'phone'|translate}}\r\n                                @if(getTypeForm().viewForms.phoneNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                                formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                            checkoutForm.controls['phoneNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                            checkoutForm.controls['phoneNumber'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.email.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'email-address'|translate}}\r\n                                @if(getTypeForm().viewForms.email.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['email']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 3-->\r\n                        @if(getTypeForm().viewForms.countryCode.enabled){\r\n                        @if(countries$ | async; as countries){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'country'|translate}}\r\n                                @if(getTypeForm().viewForms.countryCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                                (change)=\"onCountrySelected($event)\">\r\n                                @for(country of countries; track $index){\r\n                                <option [value]=\"country.code\">{{ country.name }}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutForm.controls['countryCode'].touched &&\r\n                            checkoutForm.controls['countryCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'country-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.provinceCode.enabled){\r\n                        @if(provinces$ | async; as provinces){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'state'|translate}}\r\n                                @if(getTypeForm().viewForms.provinceCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"provinceCode\" (change)=\"onProvincesSelected($event, provinces)\"\r\n                                formControlName='provinceCode'>\r\n                                @for(province of provinces; track $index){\r\n                                <option [value]=\"province.code\">{{ province.name }}\r\n                                </option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutForm.controls['provinceCode'].touched &&\r\n                            checkoutForm.controls['provinceCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'state-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.city.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'town-city'|translate}}\r\n                                @if(getTypeForm().viewForms.city.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\" formControlName='city'\r\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['city'].touched && checkoutForm.controls['city'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 4-->\r\n                        @if(getTypeForm().viewForms.street.enabled){\r\n                        <div class=\"form-group col-12 col-md-8\">\r\n                            <label class=\"field-label\">{{'address'|translate}}\r\n                                @if(getTypeForm().viewForms.street.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['maxlength']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n\r\n                        <!-- form direcci\u00F3n -->\r\n                        @if(getTypeForm().viewForms.postcode.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'postal-code'|translate}}\r\n                                @if(getTypeForm().viewForms.postcode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['postcode'].touched &&\r\n                            checkoutForm.controls['postcode'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['postcode'].touched && checkoutForm.controls['postcode'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 5-->\r\n                        @if(getTypeForm().viewForms.documentType.enabled){\r\n                        @if(documentTypes$ | async; as documentTypes){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-type'|translate}}\r\n                                @if(getTypeForm().viewForms.documentType.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event)\"\r\n                                formControlName='documentType'>\r\n                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n                --> @for(item of documentTypes; track $index){\r\n                                <option [value]=\"item.code\">{{item.name}}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutForm.controls['documentType'].touched &&\r\n                            checkoutForm.controls['documentType'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'type-document-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.documentNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-number'|translate}}\r\n                                @if(getTypeForm().viewForms.documentNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                                formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['documentNumber'].touched &&\r\n                            checkoutForm.controls['documentNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'document-number-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 6-->\r\n                        @if(getTypeForm().viewForms.notes.enabled){\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(!getLabelNotesParam()){\r\n                            <label class=\"field-label\">{{'notes'|translate}}\r\n                                @if(getTypeForm().viewForms.notes.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                                @if(getTypeForm().viewForms.notes.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\" formControlName='notes'\r\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 7-->\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                                    class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                                    id=\"formFact\"></label>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-df\">\r\n                        <div class=\"col-12\">\r\n                            <p>\r\n                                <label class=\"required text-underline text-danger\">* {{ 'required-fields' | translate }}</label>\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-df\">\r\n                        @if(getTypeForm().viewForms.terms.enabled){\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(getTypeForm().viewForms.terms.required){\r\n                            <span class=\"required\">*</span>\r\n                            }\r\n                            <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                                    formControlName='terms' type=\"checkbox\" required (change)=\"onInputChange()\" /> </label><br />\r\n                            <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\"\r\n                                data-bs-target=\"#terminos-y-condiciones\">\r\n                                {{ 'whats-this' | translate }}\r\n                            </button>\r\n                            @if(checkoutForm.controls['terms'].touched && !checkoutForm.controls['terms'].value){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    @if(!viewDataFacturacion){\r\n                    <!--Formulario de Facturaci\u00F3n-->\r\n                    <div class=\"card\">\r\n                        <div class=\"card-header text-center\">\r\n                            <h2>{{ 'billing-data' | translate }}</h2>\r\n                        </div>\r\n                        <div class=\"card-body\">\r\n                            <form [formGroup]=\"checkoutFormFacturacion\">\r\n                                <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n                                    @if(getTypeForm().viewForms.firstName.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <!--Si es required-->\r\n                                        <label class=\"form-label\">{{'first-name'|translate}}\r\n                                            @if(getTypeForm().viewForms.firstName.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <!--Input-->\r\n                                        <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\"\r\n                                            value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                                        checkoutFormFacturacion.controls['firstName'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        <!--Error info-->\r\n                                        @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                                        checkoutFormFacturacion.controls['firstName'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'first-name-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.lastName.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <label class=\"form-label\">{{'last-name'|translate}}\r\n                                            @if(getTypeForm().viewForms.lastName.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                                        checkoutFormFacturacion.controls['lastName'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                                        checkoutFormFacturacion.controls['lastName'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-2\"><!--Fila 2-->\r\n                                    @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <label class=\"form-label\">{{'phone'|translate}}\r\n                                            @if(getTypeForm().viewForms.phoneNumber.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                                            formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                                        checkoutFormFacturacion.controls['phoneNumber'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'phone-help1'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                                        checkoutFormFacturacion.controls['phoneNumber'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'phone-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.email.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <label class=\"form-label\">{{'email-address'|translate}}\r\n                                            @if(getTypeForm().viewForms.email.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                                        checkoutFormFacturacion.controls['email'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'email-address-help1'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                                        checkoutFormFacturacion.controls['email'].errors?.['email']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'email-address-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-2\"><!--Fila 3-->\r\n                                    @if(getTypeForm().viewForms.countryCode.enabled){\r\n                                    @if(countries$ | async; as countries){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"form-label\">{{'country'|translate}}\r\n                                            @if(getTypeForm().viewForms.countryCode.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                                            (change)=\"onCountrySelected($event, true)\">\r\n                                            @for(country of countries; track $index){\r\n                                            <option [value]=\"country.code\">{{ country.name }}</option>\r\n                                            }\r\n                                        </select>\r\n                                        @if(checkoutFormFacturacion.controls['countryCode'].touched &&\r\n                                        checkoutFormFacturacion.controls['countryCode'].errors?.['required']){\r\n                                        <div class=\"text text-danger\">\r\n                                            {{'country-help'|translate}}\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.provinceCode.enabled){\r\n                                    @if(provinces$ | async; as provinces){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"form-label\">{{'state'|translate}}\r\n                                            @if(getTypeForm().viewForms.provinceCode.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <select class=\"form-select\" name=\"provinceCode\"\r\n                                            (change)=\"onProvincesSelected($event, provinces, true)\" formControlName='provinceCode'>\r\n                                            @for(province of provinces; track $index){\r\n                                            <option [value]=\"province.code\">{{ province.name }}\r\n                                            </option>\r\n                                            }\r\n                                        </select>\r\n                                        @if(checkoutFormFacturacion.controls['provinceCode'].touched &&\r\n                                        checkoutFormFacturacion.controls['provinceCode'].errors?.['required']){\r\n                                        <div class=\"text text-danger\">\r\n                                            {{'state-help'|translate}}\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.city.enabled){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"form-label\">{{'town-city'|translate}}\r\n                                            @if(getTypeForm().viewForms.city.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                            formControlName='city' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['city'].touched &&\r\n                                        checkoutFormFacturacion.controls['city'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-df\"><!--Fila 4-->\r\n                                    @if(getTypeForm().viewForms.street.enabled){\r\n                                    <div class=\"form-group col-12 col-md-8\">\r\n                                        <label class=\"field-label\">{{'address'|translate}}\r\n                                            @if(getTypeForm().viewForms.street.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                            formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                                        checkoutFormFacturacion.controls['street'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                                        checkoutFormFacturacion.controls['street'].errors?.['maxlength']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n\r\n                                    <!-- form direcci\u00F3n -->\r\n                                    @if(getTypeForm().viewForms.postcode.enabled){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"field-label\">{{'postal-code'|translate}}\r\n                                            @if(getTypeForm().viewForms.postcode.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                            formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                                        checkoutFormFacturacion.controls['postcode'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                                        checkoutFormFacturacion.controls['postcode'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-df\"><!--Fila 5-->\r\n                                    @if(getTypeForm().viewForms.documentType.enabled){\r\n                                    @if(documentTypes$ | async; as documentTypes){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"field-label\">{{'document-type'|translate}}\r\n                                            @if(getTypeForm().viewForms.documentType.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event, true)\"\r\n                                            formControlName='documentType'>\r\n                                            <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n                            --> @for(item of documentTypes; track $index){\r\n                                            <option [value]=\"item.code\">{{item.name}}</option>\r\n                                            }\r\n                                        </select>\r\n                                        @if(checkoutFormFacturacion.controls['documentType'].touched &&\r\n                                        checkoutFormFacturacion.controls['documentType'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'type-document-help'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.documentNumber.enabled){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"field-label\">{{'document-number'|translate}}\r\n                                            @if(getTypeForm().viewForms.documentNumber.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                                            formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                                            autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['documentNumber'].touched &&\r\n                                        checkoutFormFacturacion.controls['documentNumber'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'document-number-help'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-df\"><!--Fila 6-->\r\n                                    @if(getTypeForm().viewForms.notes.enabled){\r\n                                    <div class=\"form-group col-12 col-md-12\">\r\n                                        @if(!getLabelNotesParam()){\r\n                                        <label class=\"field-label\">{{'notes'|translate}}\r\n                                            @if(getTypeForm().viewForms.notes.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        }\r\n                                        @if(getLabelNotesParam(); as labelnotes){\r\n                                        <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                                            @if(getTypeForm().viewForms.notes.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        }\r\n\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                            formControlName='notes' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                    }\r\n                    <div class=\"row d-flex flex-row\">\r\n                        <div class=\"col-12 d-flex justify-content-end\">\r\n                            <button type=\"submit\" class=\"btn btn-primary text-white\" [disabled]=\"checkoutForm.invalid\">{{(isLastOne\r\n                                ? 'finish-checkout' : (allready_data ? 'update' :\r\n                                'ready-form')) | translate}}\r\n                                <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    @if(loading){\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                    }\r\n\r\n                </form>\r\n            </div>\r\n            } @else {\r\n            <div id=\"loginCheckout\">\r\n                @if(require_login){\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                    <div class=\"col-12\">\r\n                        <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n                        </app-login-form-ec>\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        } @else {\r\n        @if(modeSelectAddress == 'ONLY_ADDRESS_SELECTION'){\r\n        <div class=\"checkout-title my-2\">\r\n            <h3>{{'address-selection'|translate}}</h3>\r\n        </div>\r\n        }\r\n\r\n        @if(this.addressBook){\r\n            @if(this.addressBook?.length){\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    @for(item of addressBook; track $index; let i = $index){\r\n                    <div class=\"col-sm-6 col-12 my-3\">\r\n                        <div class=\"card p-3\">\r\n                            <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\r\n                                [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\r\n                            <div class=\"ms-5\">\r\n                                <h4 class=\"card-title\">\r\n                                    <strong>{{'address'|translate}}</strong><br>\r\n                                    <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                                </h4>\r\n                                <div class=\"row\">\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                                    </h5>\r\n                                </div>\r\n                                <div class=\"row px-3\">\r\n                                    <div class=\"card p-2 bg-light w-100\">\r\n                                        <div class=\"card-body\">\r\n                                            <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'first-name'|translate}}</strong>\r\n                                                {{item.addressContact.firstName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'last-name'|translate}}</strong>\r\n                                                {{item.addressContact.lastName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-type'|translate}}</strong>\r\n                                                {{getDocumentType(item.addressContact.documentType)}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-number'|translate}}</strong>\r\n                                                {{item.addressContact.documentNumber}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'email-address'|translate}}</strong>\r\n                                                {{item.addressContact.email}}\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    }\r\n\r\n                </div>\r\n\r\n                <div class=\"w-100\">\r\n                    <div class=\"row mt-df\">\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(!getLabelNotesParam()){\r\n                            <label class=\"form-label\">{{'notes'|translate}}</label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"form-label\" [innerHTML]=\"labelnotes.value\"></label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            }\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row d-flex flex-row\">\r\n                    <div class=\"col-12 d-flex justify-content-end\">\r\n                        <button (click)=\"onSelectAddress(cartItems)\" class=\"btn btn-primary text-white\" [disabled]=\"loadingStep\">{{(isLastOne\r\n                            ? 'finish-checkout' : (allready_data ? 'update' :\r\n                            'ready-form')) | translate}}\r\n                            <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n                        </button>\r\n                        \r\n                    </div>\r\n                </div>\r\n                @if(loading){\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else {\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 text-center my-2\">\r\n                        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                            <app-loading-full-ec></app-loading-full-ec>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            }\r\n        } @else {\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 text-center my-2\">\r\n                    <h4> {{'address-book-not-result' | translate }} </h4>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        }\r\n\r\n    }\r\n    @else {\r\n    <div class=\"container\">\r\n        <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\r\n    </div>\r\n    }\r\n}\r\n@if(getTypeForm().viewForms.terms.enabled){\r\n<div class=\"modal fade\" id=\"terminos-y-condiciones\" tabindex=\"-1\" aria-labelledby=\"modalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"modalLabel\">T\u00E9rminos y condiciones</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <app-blocks-ec [section]=\"'terminos-y-condiciones'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo"], outputs: ["ready"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DataformEcComponent, isStandalone: true, selector: "app-dataform-ec", ngImport: i0, template: "@if(channel$ | async; as channelConfig){\r\n    @if(channelConfig.channelType != 'b2b' || (channelConfig.channelType == 'b2b' && isAuthenticated())){\r\n        @if( modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && isAuthenticated() && this.addressBook != null){\r\n            <!--Selector de modos-->\r\n            <div class=\"container card p-4 mb-3\">\r\n                <div class=\"row justify-content-center\">\r\n                    <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n                        <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                            <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                                <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                                    (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                            </label>\r\n                            @if(!getParamByChannelAndLanguage('btn_new_address_')){\r\n                            <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\">\r\n                                <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                                {{ 'new-address' | translate | titlecase}}\r\n                            </label>\r\n                            }\r\n                            @if(getParamByChannelAndLanguage('btn_new_address_'); as param){\r\n                            <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\">\r\n                                <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                                {{ param.value}}\r\n                            </label>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        }\r\n\r\n        @if(getMode()){\r\n            @if(!require_login){\r\n            <div>\r\n                @if(modeSelectAddress == 'ONLY_LOAD_ADDRESS'){\r\n                    <div class=\"checkout-title  my-2\">\r\n                        <h3>{{'billing-details'|translate}}</h3>\r\n                    </div>\r\n                }\r\n                <!--Formulario-->\r\n                <form [formGroup]=\"checkoutForm\" (submit)=\"verifyValidate($event)\"> <!-- //this.cartService.items -->\r\n                    <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n                        @if(getTypeForm().viewForms.firstName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <!--Si es required-->\r\n                            <label class=\"form-label\">{{'first-name'|translate}}\r\n                                @if(getTypeForm().viewForms.firstName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <!--Input-->\r\n                            <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\" value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['firstName'].touched &&\r\n                            checkoutForm.controls['firstName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            <!--Error info-->\r\n                            @if(checkoutForm.controls['firstName'].touched &&\r\n                            checkoutForm.controls['firstName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'first-name-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.lastName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'last-name'|translate}}\r\n                                @if(getTypeForm().viewForms.lastName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['lastName'].touched &&\r\n                            checkoutForm.controls['lastName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['lastName'].touched && checkoutForm.controls['lastName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 2-->\r\n                        @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'phone'|translate}}\r\n                                @if(getTypeForm().viewForms.phoneNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                                formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                            checkoutForm.controls['phoneNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                            checkoutForm.controls['phoneNumber'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.email.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'email-address'|translate}}\r\n                                @if(getTypeForm().viewForms.email.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['email']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 3-->\r\n                        @if(getTypeForm().viewForms.countryCode.enabled){\r\n                        @if(countries$ | async; as countries){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'country'|translate}}\r\n                                @if(getTypeForm().viewForms.countryCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                                (change)=\"onCountrySelected($event)\">\r\n                                @for(country of countries; track $index){\r\n                                <option [value]=\"country.code\">{{ country.name }}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutForm.controls['countryCode'].touched &&\r\n                            checkoutForm.controls['countryCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'country-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.provinceCode.enabled){\r\n                        @if(provinces$ | async; as provinces){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'state'|translate}}\r\n                                @if(getTypeForm().viewForms.provinceCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"provinceCode\" (change)=\"onProvincesSelected($event, provinces)\"\r\n                                formControlName='provinceCode'>\r\n                                @for(province of provinces; track $index){\r\n                                <option [value]=\"province.code\">{{ province.name }}\r\n                                </option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutForm.controls['provinceCode'].touched &&\r\n                            checkoutForm.controls['provinceCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'state-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.city.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'town-city'|translate}}\r\n                                @if(getTypeForm().viewForms.city.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\" formControlName='city'\r\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['city'].touched && checkoutForm.controls['city'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 4-->\r\n                        @if(getTypeForm().viewForms.street.enabled){\r\n                        <div class=\"form-group col-12 col-md-8\">\r\n                            <label class=\"field-label\">{{'address'|translate}}\r\n                                @if(getTypeForm().viewForms.street.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['maxlength']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n\r\n                        <!-- form direcci\u00F3n -->\r\n                        @if(getTypeForm().viewForms.postcode.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'postal-code'|translate}}\r\n                                @if(getTypeForm().viewForms.postcode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['postcode'].touched &&\r\n                            checkoutForm.controls['postcode'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutForm.controls['postcode'].touched && checkoutForm.controls['postcode'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 5-->\r\n                        @if(getTypeForm().viewForms.documentType.enabled){\r\n                        @if(documentTypes$ | async; as documentTypes){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-type'|translate}}\r\n                                @if(getTypeForm().viewForms.documentType.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event)\"\r\n                                formControlName='documentType'>\r\n                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n                --> @for(item of documentTypes; track $index){\r\n                                <option [value]=\"item.code\">{{item.name}}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutForm.controls['documentType'].touched &&\r\n                            checkoutForm.controls['documentType'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'type-document-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.documentNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-number'|translate}}\r\n                                @if(getTypeForm().viewForms.documentNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                                formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            @if(checkoutForm.controls['documentNumber'].touched &&\r\n                            checkoutForm.controls['documentNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'document-number-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 6-->\r\n                        @if(getTypeForm().viewForms.notes.enabled){\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(!getLabelNotesParam()){\r\n                            <label class=\"field-label\">{{'notes'|translate}}\r\n                                @if(getTypeForm().viewForms.notes.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                                @if(getTypeForm().viewForms.notes.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\" formControlName='notes'\r\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 7-->\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                                    class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                                    id=\"formFact\"></label>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-df\">\r\n                        <div class=\"col-12\">\r\n                            <p>\r\n                                <label class=\"required text-underline text-danger\">* {{ 'required-fields' | translate }}</label>\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row mt-df\">\r\n                        @if(getTypeForm().viewForms.terms.enabled){\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(getTypeForm().viewForms.terms.required){\r\n                            <span class=\"required\">*</span>\r\n                            }\r\n                            <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                                    formControlName='terms' type=\"checkbox\" required (change)=\"onInputChange()\" /> </label><br />\r\n                            <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\"\r\n                                data-bs-target=\"#terminos-y-condiciones\">\r\n                                {{ 'whats-this' | translate }}\r\n                            </button>\r\n                            @if(checkoutForm.controls['terms'].touched && !checkoutForm.controls['terms'].value){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    @if(!viewDataFacturacion){\r\n                    <!--Formulario de Facturaci\u00F3n-->\r\n                    <div class=\"card\">\r\n                        <div class=\"card-header text-center\">\r\n                            <h2>{{ 'billing-data' | translate }}</h2>\r\n                        </div>\r\n                        <div class=\"card-body\">\r\n                            <form [formGroup]=\"checkoutFormFacturacion\">\r\n                                <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n                                    @if(getTypeForm().viewForms.firstName.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <!--Si es required-->\r\n                                        <label class=\"form-label\">{{'first-name'|translate}}\r\n                                            @if(getTypeForm().viewForms.firstName.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <!--Input-->\r\n                                        <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\"\r\n                                            value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                                        checkoutFormFacturacion.controls['firstName'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        <!--Error info-->\r\n                                        @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                                        checkoutFormFacturacion.controls['firstName'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'first-name-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.lastName.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <label class=\"form-label\">{{'last-name'|translate}}\r\n                                            @if(getTypeForm().viewForms.lastName.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                                        checkoutFormFacturacion.controls['lastName'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                                        checkoutFormFacturacion.controls['lastName'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-2\"><!--Fila 2-->\r\n                                    @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <label class=\"form-label\">{{'phone'|translate}}\r\n                                            @if(getTypeForm().viewForms.phoneNumber.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                                            formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                                        checkoutFormFacturacion.controls['phoneNumber'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'phone-help1'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                                        checkoutFormFacturacion.controls['phoneNumber'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'phone-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.email.enabled){\r\n                                    <div class=\"form-group col-12 col-md-6\">\r\n                                        <label class=\"form-label\">{{'email-address'|translate}}\r\n                                            @if(getTypeForm().viewForms.email.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\"\r\n                                            placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                                        checkoutFormFacturacion.controls['email'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'email-address-help1'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                                        checkoutFormFacturacion.controls['email'].errors?.['email']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'email-address-help2'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-2\"><!--Fila 3-->\r\n                                    @if(getTypeForm().viewForms.countryCode.enabled){\r\n                                    @if(countries$ | async; as countries){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"form-label\">{{'country'|translate}}\r\n                                            @if(getTypeForm().viewForms.countryCode.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                                            (change)=\"onCountrySelected($event, true)\">\r\n                                            @for(country of countries; track $index){\r\n                                            <option [value]=\"country.code\">{{ country.name }}</option>\r\n                                            }\r\n                                        </select>\r\n                                        @if(checkoutFormFacturacion.controls['countryCode'].touched &&\r\n                                        checkoutFormFacturacion.controls['countryCode'].errors?.['required']){\r\n                                        <div class=\"text text-danger\">\r\n                                            {{'country-help'|translate}}\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.provinceCode.enabled){\r\n                                    @if(provinces$ | async; as provinces){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"form-label\">{{'state'|translate}}\r\n                                            @if(getTypeForm().viewForms.provinceCode.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <select class=\"form-select\" name=\"provinceCode\"\r\n                                            (change)=\"onProvincesSelected($event, provinces, true)\" formControlName='provinceCode'>\r\n                                            @for(province of provinces; track $index){\r\n                                            <option [value]=\"province.code\">{{ province.name }}\r\n                                            </option>\r\n                                            }\r\n                                        </select>\r\n                                        @if(checkoutFormFacturacion.controls['provinceCode'].touched &&\r\n                                        checkoutFormFacturacion.controls['provinceCode'].errors?.['required']){\r\n                                        <div class=\"text text-danger\">\r\n                                            {{'state-help'|translate}}\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.city.enabled){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"form-label\">{{'town-city'|translate}}\r\n                                            @if(getTypeForm().viewForms.city.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                            formControlName='city' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['city'].touched &&\r\n                                        checkoutFormFacturacion.controls['city'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-df\"><!--Fila 4-->\r\n                                    @if(getTypeForm().viewForms.street.enabled){\r\n                                    <div class=\"form-group col-12 col-md-8\">\r\n                                        <label class=\"field-label\">{{'address'|translate}}\r\n                                            @if(getTypeForm().viewForms.street.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                            formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                                        checkoutFormFacturacion.controls['street'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                                        checkoutFormFacturacion.controls['street'].errors?.['maxlength']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n\r\n                                    <!-- form direcci\u00F3n -->\r\n                                    @if(getTypeForm().viewForms.postcode.enabled){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"field-label\">{{'postal-code'|translate}}\r\n                                            @if(getTypeForm().viewForms.postcode.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                            formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                                        checkoutFormFacturacion.controls['postcode'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                                        </div>\r\n                                        }\r\n                                        @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                                        checkoutFormFacturacion.controls['postcode'].errors?.['pattern']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-df\"><!--Fila 5-->\r\n                                    @if(getTypeForm().viewForms.documentType.enabled){\r\n                                    @if(documentTypes$ | async; as documentTypes){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"field-label\">{{'document-type'|translate}}\r\n                                            @if(getTypeForm().viewForms.documentType.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }</label>\r\n                                        <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event, true)\"\r\n                                            formControlName='documentType'>\r\n                                            <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\r\n                            --> @for(item of documentTypes; track $index){\r\n                                            <option [value]=\"item.code\">{{item.name}}</option>\r\n                                            }\r\n                                        </select>\r\n                                        @if(checkoutFormFacturacion.controls['documentType'].touched &&\r\n                                        checkoutFormFacturacion.controls['documentType'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'type-document-help'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                    }\r\n                                    @if(getTypeForm().viewForms.documentNumber.enabled){\r\n                                    <div class=\"form-group col-12 col-md-4\">\r\n                                        <label class=\"field-label\">{{'document-number'|translate}}\r\n                                            @if(getTypeForm().viewForms.documentNumber.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                                            formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                                            autocomplete=\"off\">\r\n                                        @if(checkoutFormFacturacion.controls['documentNumber'].touched &&\r\n                                        checkoutFormFacturacion.controls['documentNumber'].errors?.['required']){\r\n                                        <div class=\"text-danger-container\">\r\n                                            <span class=\"text-danger\">\r\n                                                {{'document-number-help'|translate}}\r\n                                            </span>\r\n                                        </div>\r\n                                        }\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"row mt-df\"><!--Fila 6-->\r\n                                    @if(getTypeForm().viewForms.notes.enabled){\r\n                                    <div class=\"form-group col-12 col-md-12\">\r\n                                        @if(!getLabelNotesParam()){\r\n                                        <label class=\"field-label\">{{'notes'|translate}}\r\n                                            @if(getTypeForm().viewForms.notes.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        }\r\n                                        @if(getLabelNotesParam(); as labelnotes){\r\n                                        <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                                            @if(getTypeForm().viewForms.notes.required){\r\n                                            <span class=\"required\">*</span>\r\n                                            }\r\n                                        </label>\r\n                                        }\r\n\r\n                                        <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                            formControlName='notes' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                    }\r\n                    <div class=\"row d-flex flex-row\">\r\n                        <div class=\"col-12 d-flex justify-content-end\">\r\n                            <button type=\"submit\" class=\"btn btn-primary text-white\" [disabled]=\"checkoutForm.invalid\">{{(isLastOne\r\n                                ? 'finish-checkout' : (allready_data ? 'update' :\r\n                                'ready-form')) | translate}}\r\n                                <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    @if(loading){\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                    }\r\n\r\n                </form>\r\n            </div>\r\n            } @else {\r\n            <div id=\"loginCheckout\">\r\n                @if(require_login){\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                    <div class=\"col-12\">\r\n                        <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n                        </app-login-form-ec>\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        } @else {\r\n        @if(modeSelectAddress == 'ONLY_ADDRESS_SELECTION'){\r\n        <div class=\"checkout-title my-2\">\r\n            <h3>{{'address-selection'|translate}}</h3>\r\n        </div>\r\n        }\r\n\r\n        @if(this.addressBook){\r\n            @if(this.addressBook?.length){\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    @for(item of addressBook; track $index; let i = $index){\r\n                    <div class=\"col-sm-6 col-12 my-3\">\r\n                        <div class=\"card p-3\">\r\n                            <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\r\n                                [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\r\n                            <div class=\"ms-5\">\r\n                                <h4 class=\"card-title\">\r\n                                    <strong>{{'address'|translate}}</strong><br>\r\n                                    <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                                </h4>\r\n                                <div class=\"row\">\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                                    </h5>\r\n                                    <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                                        <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                                    </h5>\r\n                                </div>\r\n                                <div class=\"row px-3\">\r\n                                    <div class=\"card p-2 bg-light w-100\">\r\n                                        <div class=\"card-body\">\r\n                                            <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'first-name'|translate}}</strong>\r\n                                                {{item.addressContact.firstName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'last-name'|translate}}</strong>\r\n                                                {{item.addressContact.lastName}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-type'|translate}}</strong>\r\n                                                {{getDocumentType(item.addressContact.documentType)}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'document-number'|translate}}</strong>\r\n                                                {{item.addressContact.documentNumber}}\r\n                                            </h6>\r\n                                            <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                                <strong>{{'email-address'|translate}}</strong>\r\n                                                {{item.addressContact.email}}\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    }\r\n\r\n                </div>\r\n\r\n                <div class=\"w-100\">\r\n                    <div class=\"row mt-df\">\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(!getLabelNotesParam()){\r\n                            <label class=\"form-label\">{{'notes'|translate}}</label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"form-label\" [innerHTML]=\"labelnotes.value\"></label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            }\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row d-flex flex-row\">\r\n                    <div class=\"col-12 d-flex justify-content-end\">\r\n                        <button (click)=\"onSelectAddress(cartItems)\" class=\"btn btn-primary text-white\" [disabled]=\"loadingStep\">{{(isLastOne\r\n                            ? 'finish-checkout' : (allready_data ? 'update' :\r\n                            'ready-form')) | translate}}\r\n                            <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n                        </button>\r\n                        \r\n                    </div>\r\n                </div>\r\n                @if(loading){\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else {\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 text-center my-2\">\r\n                        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                            <app-loading-full-ec></app-loading-full-ec>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            }\r\n        } @else {\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 text-center my-2\">\r\n                    <h4> {{'address-book-not-result' | translate }} </h4>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        }\r\n\r\n    }\r\n    @else {\r\n    <div class=\"container\">\r\n        <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\r\n    </div>\r\n    }\r\n}\r\n@if(getTypeForm().viewForms.terms.enabled){\r\n<div class=\"modal fade\" id=\"terminos-y-condiciones\" tabindex=\"-1\" aria-labelledby=\"modalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"modalLabel\">T\u00E9rminos y condiciones</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <app-blocks-ec [section]=\"'terminos-y-condiciones'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo", "inCart"], outputs: ["ready"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataformEcComponent, decorators: [{
             type: Component,
@@ -9344,6 +9423,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: ConnectionService }, { type: CoreConstantsService }, { type: PaginationService }] });
 
+AuthService;
 class ReviewsEcComponent extends ComponentHelper {
     reviewsService;
     consts;
@@ -9402,12 +9482,14 @@ class ReviewsEcComponent extends ComponentHelper {
     getStarArray(rating) {
         return Array(5).fill(0);
     }
+    _authService = inject(AuthService);
+    isAuthenticated$ = this._authService.isAuthenticated();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsEcComponent, deps: [{ token: ReviewsService }, { token: CoreConstantsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsEcComponent, isStandalone: true, selector: "app-reviews-ec", inputs: { product: "product" }, usesInheritance: true, ngImport: i0, template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "component", type: RatingEcComponent, selector: "app-rating-ec", inputs: ["template", "type", "ratingValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsEcComponent, isStandalone: true, selector: "app-reviews-ec", inputs: { product: "product" }, usesInheritance: true, ngImport: i0, template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                @if(isAuthenticated$ ){\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            }\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "component", type: RatingEcComponent, selector: "app-rating-ec", inputs: ["template", "type", "ratingValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-reviews-ec', standalone: true, imports: [RatingEcComponent, TranslateModule], template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"] }]
+            args: [{ selector: 'app-reviews-ec', standalone: true, imports: [RatingEcComponent, TranslateModule], template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                @if(isAuthenticated$ ){\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            }\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: ReviewsService }, { type: CoreConstantsService }], propDecorators: { product: [{
                 type: Input
             }] } });
@@ -9599,6 +9681,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+class StoresEcComponent extends ComponentHelper {
+    storesService;
+    consts;
+    sanitizer;
+    stores = new BehaviorSubject([]);
+    filterStores = null;
+    storesAll = null;
+    exclusiveStores = null;
+    imageMap = true;
+    urlmap;
+    provinces = [];
+    url;
+    map;
+    markers = [];
+    locations = [];
+    ultimoElementoSeleccionado = null;
+    constructor(storesService, consts, sanitizer) {
+        super();
+        this.storesService = storesService;
+        this.consts = consts;
+        this.sanitizer = sanitizer;
+        this.urlmap = this.sanitizer.bypassSecurityTrustResourceUrl('https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d13137.519688957545!2d-58.3888163!3d-34.5945533!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sar!4v1523889204148');
+        this.storesService.stores
+            .pipe(filter$1((stores) => Array.isArray(stores) && stores.length > 0))
+            .subscribe(stores => {
+            this.storesAll = stores;
+            if (stores) {
+                this.stores.next(stores);
+            }
+            this.exclusiveStores = stores ? stores.filter(store => store.exclusive) : null;
+            // this.selectChange('');
+            console.log('Stores:', stores);
+        });
+        this.ecOnConstruct();
+    }
+    ngOnInit() {
+        this.ecOnInit();
+    }
+    updateMap(url) {
+        url = url.includes('embed') ? url : 'https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d13137.519688957545!2d-58.3888163!3d-34.5945533!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sar!4v1523889204148';
+        this.urlmap = this.sanitizer.bypassSecurityTrustResourceUrl(url);
+    }
+    /**
+     * @description Obtiene todas la provincias que figuren en el arreglo
+     * @param stores Arreglo de tiendas
+     * @returns {Array} Arreglo de provincias
+     */
+    getProvices = (stores) => {
+        let provincesOpt = [];
+        stores.forEach(store => {
+            if (provincesOpt.find(s => s.code == store.province.code) == undefined) {
+                provincesOpt.push(store.province);
+            }
+        });
+        return provincesOpt;
+    };
+    /**
+     * @description Retorna un arreglo de objetos formado por las claves
+     *      "province"(contiene un objeto provincia) y
+     *      "stores" (contiene un arreglo de tiendas pertenecientes a la provincia)
+     * @param stores Opcional, arreglo de tiendas a la que se le quiere aplicar la division por provincia
+     * @returns {Array<{"province", "stores"}>}
+     */
+    getStoresByProvinces = (stores = this.stores.value) => {
+        let storesByProvinces = [];
+        if (stores) {
+            let provinces = this.getProvices(stores);
+            provinces.forEach(elem => {
+                let aux = stores?.filter(store => store.province.code == elem.code);
+                storesByProvinces.push({ province: elem, stores: aux });
+            });
+        }
+        return storesByProvinces;
+    };
+    /**
+     * @description Retorna las tiendas con/sin retiro en el local
+     * @param stores Opcional, arreglo de tiendas
+     * @param cond Opcional, Si es "true" obtiene las tiendas con retiro local caso contrario "false"
+     * @returns {Array<Store>} Arreglo de Store
+     */
+    getPickupStores = (stores = this.stores.value, cond = true) => stores && stores.filter(store => cond == store.pickupStore);
+    /**
+     * @description Metodo que devuelve las tiendas que NO son exclusivas.
+     * @returns {Array<Store>} Arreglo de Store
+     */
+    getNonExclusiveStores = () => this.stores.value.filter(store => !store.exclusive);
+    selectChange = (select) => {
+        this.filterStores = select !== '' && this.storesAll
+            ? this.storesAll.filter(store => store.province.code == select)
+            : this.storesAll;
+        return true;
+    };
+    initMap() {
+        this.storesService.stores.pipe(skipWhile(stores => !stores || stores.length === 0) // Omitir valores vacíos
+        ).subscribe((res) => {
+            // this.stores.next(res ?? []); // Eliminado para no sobrescribir el listado principal
+            this.stores.value.forEach(store => {
+                let datos = {
+                    id: store.code,
+                    lat: parseFloat(store.latitude !== undefined ? store.latitude.toString() : '0'),
+                    lng: parseFloat(store.longitude !== undefined ? store.longitude.toString() : '0'),
+                    title: store.name + ' - ' + store.address,
+                    description: store.phone,
+                };
+                console.log(datos);
+                this.locations.push(datos);
+            });
+            const bounds = new google.maps.LatLngBounds();
+            this.locations.forEach(location => {
+                bounds.extend(new google.maps.LatLng(location.lat, location.lng));
+            });
+            const center = bounds.getCenter();
+            const style = [{ "elementType": "geometry", "stylers": [{ "color": "#212121" }] }, { "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "elementType": "labels.text.fill", "stylers": [{ "color": "#757575" }] }, { "elementType": "labels.text.stroke", "stylers": [{ "color": "#212121" }] }, { "featureType": "administrative", "elementType": "geometry", "stylers": [{ "color": "#757575" }] }, { "featureType": "administrative.country", "elementType": "labels.text.fill", "stylers": [{ "color": "#9e9e9e" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#bdbdbd" }] }, { "featureType": "poi", "elementType": "labels.text.fill", "stylers": [{ "color": "#757575" }] }, { "featureType": "poi.business", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [{ "color": "#181818" }] }, { "featureType": "poi.park", "elementType": "labels.text.fill", "stylers": [{ "color": "#616161" }] }, { "featureType": "poi.park", "elementType": "labels.text.stroke", "stylers": [{ "color": "#1b1b1b" }] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [{ "color": "#2c2c2c" }] }, { "featureType": "road", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [{ "color": "#8a8a8a" }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#373737" }] }, { "featureType": "road.arterial", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "geometry", "stylers": [{ "color": "#3c3c3c" }] }, { "featureType": "road.highway", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway.controlled_access", "elementType": "geometry", "stylers": [{ "color": "#4e4e4e" }] }, { "featureType": "road.local", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [{ "color": "#616161" }] }, { "featureType": "transit", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "labels.text.fill", "stylers": [{ "color": "#757575" }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#000000" }] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [{ "color": "#3d3d3d" }] }];
+            this.map = new google.maps.Map(document.getElementById('map'), {
+                zoom: 12,
+                center: center, // Centrar el mapa en el centro calculado
+                styles: style // Aplica los estilos personalizados
+            });
+            this.locations.forEach(location => {
+                const marker = new google.maps.Marker({
+                    position: { lat: location.lat, lng: location.lng },
+                    map: this.map,
+                    title: location.title,
+                    icon: {
+                        url: "../../../assets/location.svg",
+                        scaledSize: new google.maps.Size(30, 30)
+                    }
+                });
+                marker.set('id', location.id); // Associate marker with its ID
+                this.markers.push(marker);
+                marker.addListener('click', () => {
+                    const elemento = document.getElementById(location.id);
+                    const contenedor = document.getElementById('home');
+                    if (elemento && contenedor) {
+                        contenedor.scrollTo({
+                            top: elemento.offsetTop - contenedor.offsetTop + contenedor.scrollTop,
+                            behavior: 'smooth'
+                        });
+                    }
+                    if (this.ultimoElementoSeleccionado !== null) {
+                        // Quitar la clase del último elemento seleccionado
+                        this.ultimoElementoSeleccionado.classList.remove('selected');
+                    }
+                    // Agregar una clase al nuevo elemento seleccionado
+                    if (elemento) {
+                        elemento.classList.add('selected');
+                        this.ultimoElementoSeleccionado = elemento;
+                    }
+                    this.stopBounce();
+                    marker.setAnimation(google.maps.Animation.BOUNCE);
+                });
+                this.map.fitBounds(bounds);
+            }, (error) => {
+                console.error('Error al obtener las tiendas:', error);
+            });
+        });
+    }
+    showStoreOnMap(storeCode) {
+        this.stopBounce();
+        const marker = this.markers.find(m => m.get('id') === storeCode);
+        const elemento = document.getElementById(storeCode);
+        if (this.ultimoElementoSeleccionado !== null) {
+            // Quitar la clase del último elemento seleccionado
+            this.ultimoElementoSeleccionado.classList.remove('selected');
+        }
+        // Agregar una clase al nuevo elemento seleccionado
+        if (elemento) {
+            elemento.classList.add('selected');
+            this.ultimoElementoSeleccionado = elemento;
+        }
+        if (marker) {
+            marker.setAnimation(google.maps.Animation.BOUNCE);
+        }
+    }
+    stopBounce() {
+        this.markers.forEach(marker => {
+            marker.setAnimation(null);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, deps: [{ token: StoresService }, { token: CoreConstantsService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StoresEcComponent, isStandalone: true, selector: "app-store-ec", usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n@if(stores){\r\n<div class=\"row\">\r\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n        <div class=\"row\">\r\n            <div class=\"form-group w-100\">\r\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\r\n                    id=\"exampleFormControlSelect1\">\r\n                    <option selected [value]=\"''\">Seleccione provincia</option>\r\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                <div class=\"col-12\">\r\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                    <label>{{ store.address }}</label>\r\n                    <label>{{ store.phone }}</label>\r\n                    <div [innerHtml]=\"store.note\"></div>\r\n                    <div class=\"text-right\">\r\n\r\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n\r\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n    </div>\r\n</div>\r\n}@else {\r\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n</div>\r\n}\r\n\r\n\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-store-ec', standalone: true, imports: [TranslateModule], template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n@if(stores){\r\n<div class=\"row\">\r\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n        <div class=\"row\">\r\n            <div class=\"form-group w-100\">\r\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\r\n                    id=\"exampleFormControlSelect1\">\r\n                    <option selected [value]=\"''\">Seleccione provincia</option>\r\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                <div class=\"col-12\">\r\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                    <label>{{ store.address }}</label>\r\n                    <label>{{ store.phone }}</label>\r\n                    <div [innerHtml]=\"store.note\"></div>\r\n                    <div class=\"text-right\">\r\n\r\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n\r\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n    </div>\r\n</div>\r\n}@else {\r\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n</div>\r\n}\r\n\r\n\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"] }]
+        }], ctorParameters: () => [{ type: StoresService }, { type: CoreConstantsService }, { type: i3.DomSanitizer }] });
+
 //Types
 
 /**
@@ -9848,5 +10117,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PaymentService, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PaymentService, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map