ng-easycommerce-v18 0.2.21 → 0.2.23

package/fesm2022/ng-easycommerce-v18.mjs

@@ -7485,6 +7485,8 @@ class CollectionEcComponent {
     filters$ = this._filtersService.filters$;
     ready$ = this._filtersService.ready$;
     window;
+    isList = false;
+    setAsList = (value) => this.isList = value;
     ngOnInit() {
         this.getProducts();
         this.window?.scroll(0, 0);
@@ -7748,6 +7750,7 @@ class RegisterFormEcComponent {
     _router = inject(Router);
     _analyticsService = inject(AnalyticsService);
     _formBuilder = inject(FormBuilder);
+    channelConfigService = inject(ChannelService);
     /**
     * Indica si debe redireccionar o se queda en la misma pantalla
     */
@@ -7769,6 +7772,9 @@ class RegisterFormEcComponent {
         newsletter: [''],
         terms: ['', Validators.requiredTrue],
     }, { validators: this.passwordMatchValidator });
+    register_loading;
+    isAccountVerificationRequired = false;
+    isSendWelcomeEmail = false;
     passwordMatchValidator(group) {
         return group.get('plainPassword')?.value === group.get('plainPassword2')?.value
             ? null : { mismatch: true };
@@ -7782,6 +7788,20 @@ class RegisterFormEcComponent {
      */
     success = false;
     constructor() {
+        this.channelConfigService.channel$.subscribe((config) => {
+            if (config && config.isAccountVerificationRequired !== undefined) {
+                this.isAccountVerificationRequired = config.isAccountVerificationRequired;
+            }
+            else {
+                this.isAccountVerificationRequired = false;
+            }
+            if (config && config.isSendWelcomeEmail !== undefined) {
+                this.isSendWelcomeEmail = config.isSendWelcomeEmail;
+            }
+            else {
+                this.isSendWelcomeEmail = false;
+            }
+        });
     }
     /**
      * Registra un usuario.
@@ -7804,9 +7824,20 @@ class RegisterFormEcComponent {
             return;
         }
         if (this.registerForm.valid) {
-            firstValueFrom(this._authService.singUp(this.registerForm.value)).then(res => {
-                this.loading = false;
-                this._toastService.show('register-ok');
+            this._authService.singUp(this.registerForm.value).toPromise().then(res => {
+                this.register_loading = false;
+                let messageKey;
+                switch (true) {
+                    case this.isAccountVerificationRequired:
+                        messageKey = 'register-ok';
+                        break;
+                    case this.isSendWelcomeEmail:
+                        messageKey = 'register-welcome';
+                        break;
+                    default:
+                        messageKey = 'register-success';
+                }
+                this._toastService.show(messageKey);
                 this._analyticsService.callEvent('sign_up', {
                     firstName: this.registerForm.value.firstName,
                     lastName: this.registerForm.value.lastName,
@@ -7814,22 +7845,25 @@ class RegisterFormEcComponent {
                 });
                 this.success = true;
                 this.ready.emit(true);
+                if (messageKey !== 'register-ok' && this.redirect) {
+                    this.registerForm.reset();
+                }
                 if (this.redirect) {
                     this._router.navigateByUrl('home');
                 }
-            }, err => {
-                this.loading = false;
-                if (err.status == 400) {
-                    this._toastService.show('email-already-registered');
+            }, error => {
+                this.register_loading = false;
+                if (error.status == 400) {
+                    this._toastService.show('El email ingresado ya se encuentra registrado.');
                 }
                 else {
-                    this._toastService.error('email-register-error');
+                    this._toastService.show('Error en el registro. Vuelva a intentarlo más tarde.');
                 }
             });
         }
         else {
             this._toastService.show('invalid-form');
-            this.loading = false;
+            this.register_loading = false;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -8145,8 +8179,14 @@ class FiltersEcComponent {
         }
         try {
             // this._filtersService.setFilterSelected(filter, selected);
-            if (selected.path) {
-                this.router.navigate([selected.path]);
+            if (filter.type() === 'categories') {
+                if (selected.path) {
+                    this.router.navigate([selected.path]);
+                }
+            }
+            else if (filter.type() === 'attributes') {
+                // Manejar la navegación para atributos
+                this._filtersService.setFilterSelected(filter, selected);
             }
         }
         catch (error) {
@@ -8211,6 +8251,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+class VariantsEcComponent {
+    _productDetailsService = inject(ProductDetailService);
+    _parametersService = inject(ParametersService);
+    consts = inject(CoreConstantsService);
+    params = {};
+    parameters$ = this._parametersService.getParameters();
+    options$ = this._productDetailsService.options$;
+    setImages;
+    product;
+    itemSelected;
+    mediaUrl = this.consts.mediaUrl();
+    /**
+     * Funcion para saber si existen un parametro.
+     */
+    hasParams = this._parametersService.hasParams;
+    setOption(optionCode, optionValue) {
+        this._productDetailsService.setOption(optionCode, optionValue);
+        console.log('Option set:', optionCode, optionValue);
+    }
+    setValuesImages = (color, optCode) => {
+        if (this.setImages) {
+            this.setImages(color, optCode);
+        }
+        return true;
+    };
+    chosenOption = (option, value) => {
+        this.setOption(option, value);
+        this.itemSelected = value;
+        return true;
+    };
+    getValueSelect = (options) => {
+        let res = options.filter(elem => elem.selected);
+        return res && (res.length > 0) ? res[0].name : options[0].name;
+    };
+    revisarStock(index) {
+        let products = this.product.variants;
+        return products[index].stock;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VariantsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: VariantsEcComponent, isStandalone: true, selector: "app-variants-ec", inputs: { setImages: "setImages", product: "product" }, ngImport: i0, template: "@if(options$ | async; as options){\r\n@if(options && options.length ){\r\n@for(option of options; track $index){\r\n\r\n@switch (option.type) {\r\n@case ('color') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"button\" (click)=\"setValuesImages(value.name, option.code) && setOption(option.code, value.name)\"\r\n        [class]=\"'rounded-circle color-item m-1 ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n        [style.border]=\"'1px solid black'\"\r\n        [style.background]=\"value.image && (value.image.endsWith('.jpg') || value.image.endsWith('.png') || value.image.endsWith('.svg')) ? 'url(' + this.consts.mediaUrl(value.image) + ')' : '#' + value.name\"\r\n        [style.background-size]=\"'cover'\" [style.background-repeat]=\"'no-repeat'\" [style.background-position]=\"'center'\"\r\n        [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\"></a>\r\n    }\r\n</div>\r\n}\r\n}\r\n@case ('size') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3\">\r\n    <div class=\"btn-group ps-0\">\r\n        <a class=\"btn btn-light dropdown-toggle cursor-pointer border border-1 d-flex flex-row justify-content-between align-items-center\"\r\n            data-bs-toggle=\"dropdown\" aria-expanded=\"false\"> {{ itemSelected ? itemSelected :\r\n            getValueSelect(option.values)}}</a>\r\n        <ul class=\"dropdown-menu\">\r\n            @for(value of option.values; track $index; let x = $index){\r\n            <li [class]=\" (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                <a [class]=\"'dropdown-item cursor-pointer '+ (value.selected ? 'text-light' : '')\"\r\n                    (click)=\"chosenOption(option.code, value.name)\">{{ value.name }}</a>\r\n            </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n\r\n</div>\r\n}\r\n}\r\n@default {\r\n\r\n}\r\n}\r\n}\r\n}\r\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VariantsEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-variants-ec', standalone: true, imports: [AsyncPipe, CommonModule], template: "@if(options$ | async; as options){\r\n@if(options && options.length ){\r\n@for(option of options; track $index){\r\n\r\n@switch (option.type) {\r\n@case ('color') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"button\" (click)=\"setValuesImages(value.name, option.code) && setOption(option.code, value.name)\"\r\n        [class]=\"'rounded-circle color-item m-1 ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n        [style.border]=\"'1px solid black'\"\r\n        [style.background]=\"value.image && (value.image.endsWith('.jpg') || value.image.endsWith('.png') || value.image.endsWith('.svg')) ? 'url(' + this.consts.mediaUrl(value.image) + ')' : '#' + value.name\"\r\n        [style.background-size]=\"'cover'\" [style.background-repeat]=\"'no-repeat'\" [style.background-position]=\"'center'\"\r\n        [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\"></a>\r\n    }\r\n</div>\r\n}\r\n}\r\n@case ('size') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3\">\r\n    <div class=\"btn-group ps-0\">\r\n        <a class=\"btn btn-light dropdown-toggle cursor-pointer border border-1 d-flex flex-row justify-content-between align-items-center\"\r\n            data-bs-toggle=\"dropdown\" aria-expanded=\"false\"> {{ itemSelected ? itemSelected :\r\n            getValueSelect(option.values)}}</a>\r\n        <ul class=\"dropdown-menu\">\r\n            @for(value of option.values; track $index; let x = $index){\r\n            <li [class]=\" (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                <a [class]=\"'dropdown-item cursor-pointer '+ (value.selected ? 'text-light' : '')\"\r\n                    (click)=\"chosenOption(option.code, value.name)\">{{ value.name }}</a>\r\n            </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n\r\n</div>\r\n}\r\n}\r\n@default {\r\n\r\n}\r\n}\r\n}\r\n}\r\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"] }]
+        }], propDecorators: { setImages: [{
+                type: Input
+            }], product: [{
+                type: Input
+            }] } });
+
 class ProductDetailEcComponent {
     _cartService = inject(CartService);
     _optionsService = inject(OptionsService);
@@ -8370,23 +8460,9 @@ class ProductDetailEcComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductDetailEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-product-detail-ec', standalone: true, imports: [], template: "" }]
+            args: [{ selector: 'app-product-detail-ec', standalone: true, imports: [VariantsEcComponent], template: "" }]
         }], ctorParameters: () => [] });
 
-class VariantsEcComponent {
-    _productDetailsService = inject(ProductDetailService);
-    options$ = this._productDetailsService.options$;
-    setOption(optionCode, optionValue) {
-        this._productDetailsService.setOption(optionCode, optionValue);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VariantsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: VariantsEcComponent, isStandalone: true, selector: "app-variants-ec", ngImport: i0, template: "@if(options$ | async; as options){\r\n@if(options && options.length ){\r\n@for(option of options; track $index){\r\n@switch (option.type) {\r\n@case ('color') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>Colores disponibles</h5>\r\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"button\" [title]=\"value.description\" (click)=\"setOption(option.code, value.name)\"\r\n        [class]=\"'item m-1 circle ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n        [style.background]=\"'#' + value.name\" [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\r\n    </a>\r\n    }\r\n</div>\r\n}\r\n}\r\n@case ('size') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>Talles displonibles</h5>\r\n<div class=\"row w-100 mx-auto pb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"buttom\" (click)=\"setOption(option.code, value.name)\" [id]=\"x + value.name\"\r\n        [class]=\"'btn item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\r\n        {{ value.name }}\r\n    </a>\r\n    }\r\n\r\n</div>\r\n}\r\n}\r\n@default {\r\n\r\n}\r\n}\r\n}\r\n}\r\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VariantsEcComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-variants-ec', standalone: true, imports: [AsyncPipe], template: "@if(options$ | async; as options){\r\n@if(options && options.length ){\r\n@for(option of options; track $index){\r\n@switch (option.type) {\r\n@case ('color') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>Colores disponibles</h5>\r\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"button\" [title]=\"value.description\" (click)=\"setOption(option.code, value.name)\"\r\n        [class]=\"'item m-1 circle ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n        [style.background]=\"'#' + value.name\" [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\r\n    </a>\r\n    }\r\n</div>\r\n}\r\n}\r\n@case ('size') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>Talles displonibles</h5>\r\n<div class=\"row w-100 mx-auto pb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"buttom\" (click)=\"setOption(option.code, value.name)\" [id]=\"x + value.name\"\r\n        [class]=\"'btn item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\r\n        {{ value.name }}\r\n    </a>\r\n    }\r\n\r\n</div>\r\n}\r\n}\r\n@default {\r\n\r\n}\r\n}\r\n}\r\n}\r\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"] }]
-        }] });
-
 class BreadcrumbEcComponent {
     _filtersService = inject(FiltersService);
     _optionsService = inject(OptionsService);
@@ -8502,7 +8578,7 @@ class CartItemEcComponent {
     _constants = inject(CoreConstantsService);
     mediaUrl = this._constants.mediaUrl();
     quantity = 0;
-    variantsToShow = ['TALLE', 'COLOR'];
+    variantsToShow = ['TALLA', 'COLOR'];
     updateStock = false;
     isQuantityUpdating = false;
     ngOnInit() {
@@ -8547,27 +8623,13 @@ class CartItemEcComponent {
                 Object.keys(option).forEach((entry) => {
                     let optionAdded = false; // Variable para evitar múltiples inserciones
                     item.options.forEach((option2) => {
-                        if (option2.code == 'COLOR') {
-                            option2.values.forEach((color) => {
-                                if (color.code == option[entry] && !optionAdded) {
-                                    optionsMap.push({ name: entry, value: option[entry], image: color.image, mobileImage: color.mobileImage });
-                                    optionAdded = true; // Marcar opción agregada
-                                }
-                            });
-                        }
-                    });
-                    // Si no se añadió la opción de COLOR, manejar otras opciones
-                    if (!optionAdded) {
-                        item.options.forEach((option2) => {
-                            if (option2.code !== 'COLOR') {
-                                optionsMap.push({
-                                    name: entry,
-                                    value: option[entry]
-                                });
-                                optionAdded = true;
+                        option2.values.forEach((color) => {
+                            if (color.code == option[entry] && !optionAdded) {
+                                optionsMap.push({ name: entry, value: option[entry], image: color.image, mobileImage: color.mobileImage });
+                                optionAdded = true; // Marcar opción agregada
                             }
                         });
-                    }
+                    });
                 });
                 return optionsMap;
             });
@@ -9679,11 +9741,11 @@ class CheckoutEcComponent {
         this._checkoutService.setSteps(steps);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckoutEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CheckoutEcComponent, isStandalone: true, selector: "lib-checkout-ec", ngImport: i0, template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    @if(canCheckout){\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                   @if(state$ | async; as steps){ \r\n                    <div id=\"stepper\" class=\"bs-stepper\">\r\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\r\n                            @for(step of steps; track $index; let x=$index){\r\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\r\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <span\r\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\r\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                                @if(x < steps.length-1){\r\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\r\n                                }\r\n                            }\r\n                        </div>\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                                <app-step-container-ec [steps]=\"steps\" />\r\n                        </div>\r\n                    </div>\r\n                    } \r\n                </div>\r\n                <!--@if(loading$ | async; as load){\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n                             <app-loading-full-ec></app-loading-full-ec>\r\n                            <h5>{{ 'processing-payment' | translate }}</h5> \r\n                        </div>\r\n                    </div>\r\n                }-->\r\n            </div>\r\n        </div>\r\n    } @else {\r\n        <div class=\"wrap\">\r\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\r\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n            </div>\r\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n                <section id=\"cart bg-white h-50\">\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                        <h4>{{ 'empty-cart' | translate }}</h4>\r\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                    </div>\r\n                </section>\r\n            </section> -->\r\n        </div>\r\n    }\r\n</main>\r\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: StepContainerEcComponent, selector: "app-step-container-ec", inputs: ["steps"] }, { kind: "component", type: DetailCheckoutBlockEcComponent, selector: "app-detail-checkout-block-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CheckoutEcComponent, isStandalone: true, selector: "lib-checkout-ec", ngImport: i0, template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    @if(canCheckout){\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                   @if(state$ | async; as steps){ \r\n                    <div id=\"stepper\" class=\"bs-stepper\">\r\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\r\n                            @for(step of steps; track $index; let x=$index){\r\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\r\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <span\r\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\r\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                                @if(x < steps.length-1){\r\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\r\n                                }\r\n                            }\r\n                        </div>\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                                <app-step-container-ec [steps]=\"steps\" />\r\n                        </div>\r\n                    </div>\r\n                    } \r\n                </div>\r\n                <!--@if(loading$ | async; as load){\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n                             <app-loading-full-ec></app-loading-full-ec>\r\n                            <h5>{{ 'processing-payment' | translate }}</h5> \r\n                        </div>\r\n                    </div>\r\n                }-->\r\n            </div>\r\n        </div>\r\n    } @else {\r\n        <div class=\"wrap\">\r\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\r\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n            </div>\r\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n                <section id=\"cart bg-white h-50\">\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                        <h4>{{ 'empty-cart' | translate }}</h4>\r\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                    </div>\r\n                </section>\r\n            </section> -->\r\n        </div>\r\n    }\r\n</main>\r\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}@media (max-width: 767.98px){.bs-stepper-label{font-size:10px;line-height:1.1;white-space:normal;word-wrap:break-word;max-width:65px;text-align:center;padding-left:0;padding-top:.2rem}}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}@media (max-width: 767.98px){.bs-stepper-number{font-size:9px;padding:.2rem .35rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}}@media (max-width: 767.98px){.step{flex-direction:column!important;align-items:center!important;text-align:center;width:100%}}@media (max-width: 767.98px){.stepperContainer{margin-bottom:1.5rem!important}.stepperContainer .col-2{display:flex;justify-content:center;align-items:flex-start;min-height:50px}.stepperContainer .col-3{display:flex;align-items:center}.stepperContainer .col-3 hr{margin-top:-10px}}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: StepContainerEcComponent, selector: "app-step-container-ec", inputs: ["steps"] }, { kind: "component", type: DetailCheckoutBlockEcComponent, selector: "app-detail-checkout-block-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckoutEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-checkout-ec', standalone: true, imports: [AsyncPipe, TranslateModule, StepContainerEcComponent, DetailCheckoutBlockEcComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    @if(canCheckout){\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                   @if(state$ | async; as steps){ \r\n                    <div id=\"stepper\" class=\"bs-stepper\">\r\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\r\n                            @for(step of steps; track $index; let x=$index){\r\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\r\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <span\r\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\r\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                                @if(x < steps.length-1){\r\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\r\n                                }\r\n                            }\r\n                        </div>\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                                <app-step-container-ec [steps]=\"steps\" />\r\n                        </div>\r\n                    </div>\r\n                    } \r\n                </div>\r\n                <!--@if(loading$ | async; as load){\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n                             <app-loading-full-ec></app-loading-full-ec>\r\n                            <h5>{{ 'processing-payment' | translate }}</h5> \r\n                        </div>\r\n                    </div>\r\n                }-->\r\n            </div>\r\n        </div>\r\n    } @else {\r\n        <div class=\"wrap\">\r\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\r\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n            </div>\r\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n                <section id=\"cart bg-white h-50\">\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                        <h4>{{ 'empty-cart' | translate }}</h4>\r\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                    </div>\r\n                </section>\r\n            </section> -->\r\n        </div>\r\n    }\r\n</main>\r\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"] }]
+            args: [{ selector: 'lib-checkout-ec', standalone: true, imports: [AsyncPipe, TranslateModule, StepContainerEcComponent, DetailCheckoutBlockEcComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    @if(canCheckout){\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                   @if(state$ | async; as steps){ \r\n                    <div id=\"stepper\" class=\"bs-stepper\">\r\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\r\n                            @for(step of steps; track $index; let x=$index){\r\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\r\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <span\r\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\r\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                                @if(x < steps.length-1){\r\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\r\n                                }\r\n                            }\r\n                        </div>\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                                <app-step-container-ec [steps]=\"steps\" />\r\n                        </div>\r\n                    </div>\r\n                    } \r\n                </div>\r\n                <!--@if(loading$ | async; as load){\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n                             <app-loading-full-ec></app-loading-full-ec>\r\n                            <h5>{{ 'processing-payment' | translate }}</h5> \r\n                        </div>\r\n                    </div>\r\n                }-->\r\n            </div>\r\n        </div>\r\n    } @else {\r\n        <div class=\"wrap\">\r\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\r\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n            </div>\r\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n                <section id=\"cart bg-white h-50\">\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                        <h4>{{ 'empty-cart' | translate }}</h4>\r\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                    </div>\r\n                </section>\r\n            </section> -->\r\n        </div>\r\n    }\r\n</main>\r\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}@media (max-width: 767.98px){.bs-stepper-label{font-size:10px;line-height:1.1;white-space:normal;word-wrap:break-word;max-width:65px;text-align:center;padding-left:0;padding-top:.2rem}}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}@media (max-width: 767.98px){.bs-stepper-number{font-size:9px;padding:.2rem .35rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}}@media (max-width: 767.98px){.step{flex-direction:column!important;align-items:center!important;text-align:center;width:100%}}@media (max-width: 767.98px){.stepperContainer{margin-bottom:1.5rem!important}.stepperContainer .col-2{display:flex;justify-content:center;align-items:flex-start;min-height:50px}.stepperContainer .col-3{display:flex;align-items:center}.stepperContainer .col-3 hr{margin-top:-10px}}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"] }]
         }], ctorParameters: () => [] });
 
 class SuccessEcComponent {
@@ -9943,7 +10005,7 @@ class OrderEcComponent {
     }
     mediaUrl = () => this._constants.mediaUrl();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        @if(order$ | async; as order){\r\n            <div class=\"wrap\">\r\n                @if(order){\r\n\r\n                    <div class=\"row justify-content-between \">\r\n                        <div class=\"col-sm-auto col-12 font-brandon\">\r\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                        </div>\r\n                        @if(order?.invoice){\r\n                            <div class=\"col-sm col-12 font-brandon\">\r\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\r\n                                    class=\"btn btn-link btn-invoice\">\r\n                                    <i class=\"fas fa-file-download me-1\"></i>\r\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                                </a>\r\n                            </div>\r\n                        }\r\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\r\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <section id=\"orders\">\r\n                        <div class=\"row pt-2\">\r\n                            <div class=\"col-md-2 col-12\">\r\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0]?.method?.name | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].method.name }}\r\n                                </p>\r\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                                 @if(order.tracking){\r\n                                    <a [href]=\"order.tracking\"\r\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\r\n                                    Ver seguimiento</a>\r\n                                 }\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                                </p>\r\n                            </div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                <div class=\"col-md-2 col-12 font-brandon\">\r\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                                    <h5 class=\"fw-bold\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                                    </h5>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </section>\r\n                    @if(!hidePrices && allowRepeatOrders){\r\n                        <div class=\"text-end mt-3\">\r\n                            <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder(order)\">\r\n                                {{ 'repeat-order' | translate }}\r\n                            </button>\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"container py-3 border-top border-bottom\">\r\n                        @if(order.items.length){\r\n                            <div  class=\"row\">\r\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'product' | translate | uppercase }}\r\n                                </div>\r\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'description' | translate | uppercase }}\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                                        <!-- {{ 'description' | translate | uppercase }} -->\r\n                                        {{ 'lots' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'unit-price' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'quantity' | translate | uppercase }}\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'total' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n\r\n                        }\r\n                        @for(item of order.items; track $index; let i = $index){\r\n                            <div class=\"row cart-items\">\r\n                                <div class=\"col-5 col-md-2 py-2\">\r\n                                    @if(item.product.variants[0]?.images?.length){\r\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                    } @else {\r\n                                        @if(item.product.picturesdefault){\r\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                        }\r\n                                    }\r\n                                </div>\r\n                                <div\r\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                    </p>\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                            value=\"{{ 'see' | translate | uppercase }}\">\r\n                                    </div>\r\n                                }\r\n                                <div class=\"container d-md-none\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-4\">\r\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                        </div>\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                                    ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                                    item.quantity) | ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-center w-100 m-0\">\r\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-end w-100 m-0\">\r\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                    <div class=\"card card-body\">\r\n                                        <table class=\"table table-striped\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">#</th>\r\n                                                    <th scope=\"col\">Estado</th>\r\n                                                    <th scope=\"col\">Cantidad</th>\r\n                                                    <th scope=\"col\">Fecha Solicitada</th>\r\n                                                    <th scope=\"col\">Fecha Estimada</th>\r\n                                                    <th scope=\"col\">Sede</th>\r\n                                                    <th scope=\"col\">Nota</th>\r\n                                                    <th scope=\"col\">Total Lote</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                @for( lot of item.orderItemLot; track $index){\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">{{lot.id}}</th>\r\n                                                        <td>{{lot.lot_status}}</td>\r\n                                                        <td>{{lot.quantity}}</td>\r\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        @if(lot.date_deliver){\r\n                                                            <td>{{\r\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        } @else {\r\n                                                            <td>Pendiente</td>\r\n                                                        }\r\n                                                        <td>{{lot.shipping_address_name}}</td>\r\n                                                        <td>{{lot.notes}}</td>\r\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                    </tr>\r\n                                                }\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n\r\n                    <div class=\"container\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 col-md-6\"></div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                            <div class=\"col-12 col-md-6\">\r\n                                <div class=\"row py-4\">\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                    </div>\r\n\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                    </div>\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                        translate }}</div>\r\n                                    }\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n                                    }\r\n\r\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-end\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                } @else {\r\n                    <div class=\"w-100 h-50\">\r\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                            <h5>{{ 'no-orders' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n        } @else {\r\n            <div class=\"w-100 h-50 py-5\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        }\r\n    </div>\r\n</main>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        @if(order$ | async; as order){\r\n            <div class=\"wrap\">\r\n                @if(order){\r\n\r\n                    <div class=\"row justify-content-between \">\r\n                        <div class=\"col-sm-auto col-12 font-brandon\">\r\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                        </div>\r\n                        @if(order?.invoice){\r\n                            <div class=\"col-sm col-12 font-brandon\">\r\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\r\n                                    class=\"btn btn-link btn-invoice\">\r\n                                    <i class=\"fas fa-file-download me-1\"></i>\r\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                                </a>\r\n                            </div>\r\n                        }\r\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\r\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <section id=\"orders\">\r\n                        <div class=\"row pt-2\">\r\n                            <div class=\"col-md-2 col-12\">\r\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0]?.method?.name | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].method.name }}\r\n                                </p>\r\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                                 @if(order.tracking){\r\n                                    <a [href]=\"order.tracking\"\r\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\r\n                                    Ver seguimiento</a>\r\n                                 }\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                                </p>\r\n                            </div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                <div class=\"col-md-2 col-12 font-brandon\">\r\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                                    <h5 class=\"fw-bold\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                                    </h5>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </section>\r\n                    @if(!hidePrices && allowRepeatOrders){\r\n                        <!-- <div class=\"text-end mt-3\">\r\n                            <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder(order)\">\r\n                                {{ 'repeat-order' | translate }}\r\n                            </button>\r\n                        </div> -->\r\n                    }\r\n\r\n                    <div class=\"container py-3 border-top border-bottom\">\r\n                        @if(order.items.length){\r\n                            <div  class=\"row\">\r\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'product' | translate | uppercase }}\r\n                                </div>\r\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'description' | translate | uppercase }}\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                                        <!-- {{ 'description' | translate | uppercase }} -->\r\n                                        {{ 'lots' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'unit-price' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'quantity' | translate | uppercase }}\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'total' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n\r\n                        }\r\n                        @for(item of order.items; track $index; let i = $index){\r\n                            <div class=\"row cart-items\">\r\n                                <div class=\"col-5 col-md-2 py-2\">\r\n                                    @if(item.product.variants[0]?.images?.length){\r\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                    } @else {\r\n                                        @if(item.product.picturesdefault){\r\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                        }\r\n                                    }\r\n                                </div>\r\n                                <div\r\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                    </p>\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                            value=\"{{ 'see' | translate | uppercase }}\">\r\n                                    </div>\r\n                                }\r\n                                <div class=\"container d-md-none\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-4\">\r\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                        </div>\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                                    ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\r\n                                            </div>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-center w-100 m-0\">\r\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-end w-100 m-0\">\r\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                    <div class=\"card card-body\">\r\n                                        <table class=\"table table-striped\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">#</th>\r\n                                                    <th scope=\"col\">Estado</th>\r\n                                                    <th scope=\"col\">Cantidad</th>\r\n                                                    <th scope=\"col\">Fecha Solicitada</th>\r\n                                                    <th scope=\"col\">Fecha Estimada</th>\r\n                                                    <th scope=\"col\">Sede</th>\r\n                                                    <th scope=\"col\">Nota</th>\r\n                                                    <th scope=\"col\">Total Lote</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                @for( lot of item.orderItemLot; track $index){\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">{{lot.id}}</th>\r\n                                                        <td>{{lot.lot_status}}</td>\r\n                                                        <td>{{lot.quantity}}</td>\r\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        @if(lot.date_deliver){\r\n                                                            <td>{{\r\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        } @else {\r\n                                                            <td>Pendiente</td>\r\n                                                        }\r\n                                                        <td>{{lot.shipping_address_name}}</td>\r\n                                                        <td>{{lot.notes}}</td>\r\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                    </tr>\r\n                                                }\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n\r\n                    <div class=\"container\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 col-md-6\"></div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                            <div class=\"col-12 col-md-6\">\r\n                                <div class=\"row py-4\">\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                    </div>\r\n\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                    </div>\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                        translate }}</div>\r\n                                    }\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n                                    }\r\n\r\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-end\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                } @else {\r\n                    <div class=\"w-100 h-50\">\r\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                            <h5>{{ 'no-orders' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n        } @else {\r\n            <div class=\"w-100 h-50 py-5\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        }\r\n    </div>\r\n</main>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrderEcComponent, decorators: [{
             type: Component,
@@ -9953,7 +10015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AsyncPipe,
                         TitleCasePipe,
                         UpperCasePipe
-                    ], template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        @if(order$ | async; as order){\r\n            <div class=\"wrap\">\r\n                @if(order){\r\n\r\n                    <div class=\"row justify-content-between \">\r\n                        <div class=\"col-sm-auto col-12 font-brandon\">\r\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                        </div>\r\n                        @if(order?.invoice){\r\n                            <div class=\"col-sm col-12 font-brandon\">\r\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\r\n                                    class=\"btn btn-link btn-invoice\">\r\n                                    <i class=\"fas fa-file-download me-1\"></i>\r\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                                </a>\r\n                            </div>\r\n                        }\r\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\r\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <section id=\"orders\">\r\n                        <div class=\"row pt-2\">\r\n                            <div class=\"col-md-2 col-12\">\r\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0]?.method?.name | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].method.name }}\r\n                                </p>\r\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                                 @if(order.tracking){\r\n                                    <a [href]=\"order.tracking\"\r\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\r\n                                    Ver seguimiento</a>\r\n                                 }\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                                </p>\r\n                            </div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                <div class=\"col-md-2 col-12 font-brandon\">\r\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                                    <h5 class=\"fw-bold\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                                    </h5>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </section>\r\n                    @if(!hidePrices && allowRepeatOrders){\r\n                        <div class=\"text-end mt-3\">\r\n                            <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder(order)\">\r\n                                {{ 'repeat-order' | translate }}\r\n                            </button>\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"container py-3 border-top border-bottom\">\r\n                        @if(order.items.length){\r\n                            <div  class=\"row\">\r\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'product' | translate | uppercase }}\r\n                                </div>\r\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'description' | translate | uppercase }}\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                                        <!-- {{ 'description' | translate | uppercase }} -->\r\n                                        {{ 'lots' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'unit-price' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'quantity' | translate | uppercase }}\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'total' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n\r\n                        }\r\n                        @for(item of order.items; track $index; let i = $index){\r\n                            <div class=\"row cart-items\">\r\n                                <div class=\"col-5 col-md-2 py-2\">\r\n                                    @if(item.product.variants[0]?.images?.length){\r\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                    } @else {\r\n                                        @if(item.product.picturesdefault){\r\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                        }\r\n                                    }\r\n                                </div>\r\n                                <div\r\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                    </p>\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                            value=\"{{ 'see' | translate | uppercase }}\">\r\n                                    </div>\r\n                                }\r\n                                <div class=\"container d-md-none\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-4\">\r\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                        </div>\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                                    ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                                    item.quantity) | ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-center w-100 m-0\">\r\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-end w-100 m-0\">\r\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                    <div class=\"card card-body\">\r\n                                        <table class=\"table table-striped\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">#</th>\r\n                                                    <th scope=\"col\">Estado</th>\r\n                                                    <th scope=\"col\">Cantidad</th>\r\n                                                    <th scope=\"col\">Fecha Solicitada</th>\r\n                                                    <th scope=\"col\">Fecha Estimada</th>\r\n                                                    <th scope=\"col\">Sede</th>\r\n                                                    <th scope=\"col\">Nota</th>\r\n                                                    <th scope=\"col\">Total Lote</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                @for( lot of item.orderItemLot; track $index){\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">{{lot.id}}</th>\r\n                                                        <td>{{lot.lot_status}}</td>\r\n                                                        <td>{{lot.quantity}}</td>\r\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        @if(lot.date_deliver){\r\n                                                            <td>{{\r\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        } @else {\r\n                                                            <td>Pendiente</td>\r\n                                                        }\r\n                                                        <td>{{lot.shipping_address_name}}</td>\r\n                                                        <td>{{lot.notes}}</td>\r\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                    </tr>\r\n                                                }\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n\r\n                    <div class=\"container\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 col-md-6\"></div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                            <div class=\"col-12 col-md-6\">\r\n                                <div class=\"row py-4\">\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                    </div>\r\n\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                    </div>\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                        translate }}</div>\r\n                                    }\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n                                    }\r\n\r\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-end\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                } @else {\r\n                    <div class=\"w-100 h-50\">\r\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                            <h5>{{ 'no-orders' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n        } @else {\r\n            <div class=\"w-100 h-50 py-5\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        }\r\n    </div>\r\n</main>" }]
+                    ], template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        @if(order$ | async; as order){\r\n            <div class=\"wrap\">\r\n                @if(order){\r\n\r\n                    <div class=\"row justify-content-between \">\r\n                        <div class=\"col-sm-auto col-12 font-brandon\">\r\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                        </div>\r\n                        @if(order?.invoice){\r\n                            <div class=\"col-sm col-12 font-brandon\">\r\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\r\n                                    class=\"btn btn-link btn-invoice\">\r\n                                    <i class=\"fas fa-file-download me-1\"></i>\r\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                                </a>\r\n                            </div>\r\n                        }\r\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\r\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <section id=\"orders\">\r\n                        <div class=\"row pt-2\">\r\n                            <div class=\"col-md-2 col-12\">\r\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0]?.method?.name | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].method.name }}\r\n                                </p>\r\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                                 @if(order.tracking){\r\n                                    <a [href]=\"order.tracking\"\r\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\r\n                                    Ver seguimiento</a>\r\n                                 }\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                                </p>\r\n                            </div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                <div class=\"col-md-2 col-12 font-brandon\">\r\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                                    <h5 class=\"fw-bold\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                                    </h5>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </section>\r\n                    @if(!hidePrices && allowRepeatOrders){\r\n                        <!-- <div class=\"text-end mt-3\">\r\n                            <button class=\"btn btn-primary mb-2\" (click)=\"repeatOrder(order)\">\r\n                                {{ 'repeat-order' | translate }}\r\n                            </button>\r\n                        </div> -->\r\n                    }\r\n\r\n                    <div class=\"container py-3 border-top border-bottom\">\r\n                        @if(order.items.length){\r\n                            <div  class=\"row\">\r\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'product' | translate | uppercase }}\r\n                                </div>\r\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'description' | translate | uppercase }}\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                                        <!-- {{ 'description' | translate | uppercase }} -->\r\n                                        {{ 'lots' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'unit-price' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'quantity' | translate | uppercase }}\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'total' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n\r\n                        }\r\n                        @for(item of order.items; track $index; let i = $index){\r\n                            <div class=\"row cart-items\">\r\n                                <div class=\"col-5 col-md-2 py-2\">\r\n                                    @if(item.product.variants[0]?.images?.length){\r\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                    } @else {\r\n                                        @if(item.product.picturesdefault){\r\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                        }\r\n                                    }\r\n                                </div>\r\n                                <div\r\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                    </p>\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                            value=\"{{ 'see' | translate | uppercase }}\">\r\n                                    </div>\r\n                                }\r\n                                <div class=\"container d-md-none\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-4\">\r\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                        </div>\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                                    ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\r\n                                            </div>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-center w-100 m-0\">\r\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-end w-100 m-0\">\r\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                    <div class=\"card card-body\">\r\n                                        <table class=\"table table-striped\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">#</th>\r\n                                                    <th scope=\"col\">Estado</th>\r\n                                                    <th scope=\"col\">Cantidad</th>\r\n                                                    <th scope=\"col\">Fecha Solicitada</th>\r\n                                                    <th scope=\"col\">Fecha Estimada</th>\r\n                                                    <th scope=\"col\">Sede</th>\r\n                                                    <th scope=\"col\">Nota</th>\r\n                                                    <th scope=\"col\">Total Lote</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                @for( lot of item.orderItemLot; track $index){\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">{{lot.id}}</th>\r\n                                                        <td>{{lot.lot_status}}</td>\r\n                                                        <td>{{lot.quantity}}</td>\r\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        @if(lot.date_deliver){\r\n                                                            <td>{{\r\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        } @else {\r\n                                                            <td>Pendiente</td>\r\n                                                        }\r\n                                                        <td>{{lot.shipping_address_name}}</td>\r\n                                                        <td>{{lot.notes}}</td>\r\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                    </tr>\r\n                                                }\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n\r\n                    <div class=\"container\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 col-md-6\"></div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                            <div class=\"col-12 col-md-6\">\r\n                                <div class=\"row py-4\">\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                    </div>\r\n\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                    </div>\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                        translate }}</div>\r\n                                    }\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n                                    }\r\n\r\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-end\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                } @else {\r\n                    <div class=\"w-100 h-50\">\r\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                            <h5>{{ 'no-orders' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n        } @else {\r\n            <div class=\"w-100 h-50 py-5\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        }\r\n    </div>\r\n</main>" }]
         }] });
 
 class SidebarEcComponent {